@charset "utf-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    font-family: Tahoma, Arial, "微软雅黑", "宋体";
    color: #434343;
    position: relative;
    background-color: #fff;
    min-width: 1000px;
}

body {
    _overflow: auto;
    _margin: 0 auto;
}

html {
    _overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-variant: normal;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

small {
    font-size: 12px;
}

ul,
ol,
li,
dl,
dt,
dd {
    list-style: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font: 12px tahoma, arial, sans-serif;
    vertical-align: middle;
    cursor: pointer;
}
.font_30{
font-size:30px}
.clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clear {
    zoom: 1
}

.over_two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.over_one {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/*换行*/

.flexWrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}


/*不换行*/

.flexNowrap {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}


/*左对齐*/

.flexjs {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}


/* 右对齐*/

.flexjsr {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}


/*左右居中对齐左右无缝隙*/

.flexjb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.flexja {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
}


/*左右居中对齐*/

.flexcen {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}


/*上下居中对齐*/

.flexac {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}


/*上下自动填满*/

.flexas {
    -webkit-box-align: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}


/*向下对齐*/

.flexae {
    -webkit-box-align: flex-end;
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}


/* 竖 */

.ver {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.t_c {
    text-align: center;
}

.t_r {
    text-align: right;
}

.w_100 {
    width: 100%;
}

.w_100px {
    width: 100px;
}

.l_0 {
    left: 0;
}

.b_20 {
    bottom: 20px
}

.pos_re {
    position: relative;
}

.pos_ab {
    position: absolute;
}

.z_i3 {
    z-index: 3;
}

.top_45 {
    top: 40px;
}

.nav {
    height: 60px;
    background-color: rgba(255, 255, 255, 0.8);
}
.pad_nav {
    padding-left: 10vw;
}
@media screen and (max-width: 1366px) {
   .pad_nav {
    padding-left: 2vw;
}}


.home_bg {
    padding: 40px 0;
    background-image: url(../img/home_bg.png);
    background-repeat: no-repeat;
      background-size: 82%;
    /*还有repeat-x,y等*/
}

.nav>ul {
    display: inline-block;
    padding: 0px 2%;
}

.nav>ul>li {
    display: inline-block;
}

.nav>ul>li.isactive {
    /* color: #d7000f !important; */
    border-bottom: 1px solid #d7000f;
}

.nav>ul>li>a {
    display: inline-block;
    padding: 0px 1.5vw;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

.nav>ul>li>a.isactive {
    color: #d7000f
}

.nav>.search {
    display: inline-block;
    margin: 0px 5px 0px 15px;
    padding: 5px 15px;
    border: 1px solid #d7000f;
    border-radius: 50px;
}

.nav>shu {
    color: #d7000f;
}

.nav>.tel {
    color: #d7000f;
    font-size: 16px;
    font-weight: bold;
    padding-left: 4px;
}

.nav>img {
    vertical-align: middle;
    margin-left: 5px;
}

.nav>.search>input {
    width: 100px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    outline: none;
}

.nav>.search>img {
    vertical-align: middle;
}

.logo_img {
    width: 130px;
}

.logo_middle {
    vertical-align: middle;
}

.lineHeight_60 {
    line-height: 60px;
}

.brand {
    background-color: #fff;
}

.brand>.title {
    text-align: center;
    padding: 40px 0px;
    color: #d7000f;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    z-index: 0;
}

.brand>.title>.name {
    z-index: 9;
      font-size: 36px;
}

.brand>.title>.name_en {
    top: 50%;
    color: #e9c4c2;
    z-index: -1;
}

.float_l {
    float: left;
}

.parent {
    /* display: inline-table; */
    /* word-spacing: -1em; */
}

.parent>.content {
    width: 10vw;
    font-size: 14px;
    line-height: 25px;
    background-color: #98151a;
}

.parent>.content>.text {
    padding: 0 15px;
    color: #fff;
}

.pad_5_15 {
    padding: 5px 15px;
}

.w_10vw {
    width: 10vw;
}

.w_8vw {
    width: 8vw;
}

.home {
    margin-top: 30px;
    background-color: #f3f3f3;
}

.home>.title {
    text-align: center;
    padding: 40px 0px;
    color: #d7000f;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    /* background-color: #f3f3f3; */
    z-index: 0;
}

.home>.title>.name {
    z-index: 9;
    font-size: 36px;
}

.home>.title>.name_en {
    top: 50%;
    color: #e9c4c2;
    z-index: -1;
}


/* .flag {
    background-color: #fff;
} */

.flag>.title {
    text-align: center;
    padding: 40px 0px;
    color: #d7000f;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    z-index: -2;
}

.flag>.title>.name {
    z-index: 9;
      font-size: 36px;
}

.flag>.title>.name_en {
    top: 50%;
    color: #e9c4c2;
    z-index: -1;
}

.elegant>.title {
    text-align: center;
    /* width: 150px; */
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    margin: 40% 0px 30px 12%;
    /* background-color: #f3f3f3; */
    z-index: 0;
}

.elegant>.title>.name {
    z-index: 9;
  font-size:36px;
}

.elegant>.title>.name_en {
    top: 50%;
    left: -10px;
    color: #e9c4c2;
    z-index: -1;
}

.haqia>.title {
    text-align: center;
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    z-index: 0;
    padding: 10px;
}

.haqia>.title>.name {
    z-index: 9;
  font-size:36px;
}

.haqia>.title>.name_en {
    top: 50%;
    left: -10px;
    color: #e9c4c2;
    z-index: -1;
}

.news>.title {
    text-align: center;
    padding: 40px 0px;
    color: #d7000f;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    z-index: -2;
}

.news>.title>.name {
    z-index: 9;
    font-size: 36px;
}

.news>.title>.name_en {
    top: 50%;
    color: #e9c4c2;
    z-index: -1;
}

.mar_50_0 {
    margin: 50px 0px;
}

.mar_auto {
    margin: 0 auto;
}

.mar_b60 {
    margin-bottom: 60px;
}

.mar_b30 {
    margin-bottom: 30px;
}

.mar_b20 {
    margin-bottom: 20px;
}

.mar_l20 {
    margin-left: 20px;
}

.mar_t50 {
    margin-top: 50px;
}

.mar_t20 {
    margin-top: 20px;
}

.mar_20t {
    margin-top: -20px;
}

.mar_t55 {
    margin-top: 55px;
}

.mar_t120 {
    margin-top: 120px;
}

.w_80px {
    width: 80px;
}

.w_50px {
    width: 52px;
}

.w_10vw {
    width: 10vw;
}

.w_14vw {
    width: 14vw;
}

.w_36vw {
    width: 36vw;
}

.w_30vw {
    width: 30vw;
}

.w_55vw {
    width: 55vw;
}

.w_58vw {
    width: 58vw;
}

.w_45vw {
    width: 45vw;
}

.w_40vw {
    width: 40vw;
}

.w_28vw {
    width: 28vw;
}

.w_24vw {
    width: 24vw;
}

.w_20vw {
    width: 20vw;
}

.w_6vw {
    width: 6vw;
}

.w_60vw {
    width: 60vw;
}

.font_0 {
    font-size: 0;
}

.h_auto {
    height: auto;
}

.pad_0_30 {
    padding: 0px 0px 0px 30px;
}

.pad_0_30_b {
    padding: 0px 0px 0px 11%;
    width: 50%;
}

.fengcai_btn {
    background: #fff;
    color: #d7000f;
    padding: 10px 25px;
}

.pad_10_5 {
    padding: 10px 5px;
}

.pad_50_0 {
    padding: 50px 0px
}

.pad_30_0 {
    padding: 30px 0px
}

.pad_30 {
    padding: 30px;
}

.pad_10 {
    padding: 10px;
}

.pad_20_0 {
    padding: 20px 0px;
}

.pad_t20 {
    padding-top: 20px;
}

.pad_t10 {
    padding-top: 10px;
}

.pad_l10 {
    padding-left: 10px;
}

.pad_r20 {
    padding-right: 20px;
}

.pad_b10 {
    padding-bottom: 10px;
}

.pad_5_20 {
    padding: 5px 20px;
}

.pad_30_50 {
    padding: 30px 0px 50px 0px;
}

.pad_5_25 {
    padding: 5px 25px;
}

.pad_b20 {
    padding-bottom: 20px;
}

.box_shadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

.bor_d7 {
    border: 1px solid #d7000f;
}

.borb_d7 {
    border-bottom: 1px solid #d7000f;
}

.borb_f {
    border-bottom: 1px solid #fff;
}

.borb_f3 {
    border-bottom: 1px solid #f3f3f3;
}

.bgc_d7 {
    background-color: #d7000f;
}

.bgc_98 {
    background-color: #98151a;
}

.bgc_4c {
    background-color: #4c4c4c;
}

.bgc_f3 {
    background-color: #f3f3f3;
}

.bgc_f {
    background-color: #fff;
}

.bgc_img {
    background-image: url('../img/videonext.jpg');
   
    background-repeat: no-repeat;
    background-position: bottom left;
}

.color_3 {
    color: #333;
}

.color_f {
    color: #fff;
}

.color_80 {
    color: #808080;
}

.color_d7 {
    color: #d7000f;
}

.color_e2 {
    color: #e2e2e2;
}

.color_a5 {
    color: #a5a5a5;
}

.font_18 {
    font-size: 18px
}

.font_14 {
    font-size: 14px
}

.font_12 {
    font-size: 12px
}

.font_10 {
    font-size: 10px
}

.font_b {
    font-weight: bold;
}

.cursor {
    cursor: pointer;
}
.nav>img{
background:none;
  opacity:1;
}
        
        .brands .bd {
            width: 60%;
        }
        
        .brands .bd ul {
            overflow: hidden;
            zoom: 1;
        }
        
        .brands .bd ul li {
            float: left;
            _display: inline;
            overflow: hidden;
            text-align: center;
            height: auto;
            width: 10vw;
            height: auto;
        }
        
        .brands .bd ul li img {
            width: 100%;
            height: 100%;
        }
        /* 下面是前/后按钮代码，如果不需要删除即可 */
        
        .brands .prev img,
        .brands .next img{
            width: 32px;
            height: 40px;
          
        }
        

        
        .brands .next {
            left: auto;
            right: 3%;
            background-position: 8px 5px;
        }
        
        .brands .prev:hover,
        .brands .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }
        
        .acea-row.row-center-wrapper {
            align-items: center;
            justify-content: center;
        }
        
        .acea-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-lines: multiple;
            -moz-box-lines: multiple;
            -o-box-lines: multiple;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }