/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
/* @font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
} 
 */

@font-face {
    font-family: 'Alibaba PuHuiTi R';
    src: url('fonts/Alibaba-PuHuiTi-R.eot');
    src: url('fonts/Alibaba-PuHuiTi-R.eot?#iefix') format('embedded-opentype'),
        url('fonts/Alibaba-PuHuiTi-R.woff2') format('woff2'),
        url('fonts/Alibaba-PuHuiTi-R.woff') format('woff'),
        url('fonts/Alibaba-PuHuiTi-R.ttf') format('truetype'),
        url('fonts/Alibaba-PuHuiTi-R.svg#Alibaba-PuHuiTi-R') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 

body{
    font:1em/1.3 "Alibaba PuHuiTi R";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "Alibaba PuHuiTi R";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#010101;
}
a{
    color:inherit;
	color:#010101;
    text-decoration: none; 
}
a:hover  {
    color:#a7896b;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
#header{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:fixed; left:0; top:0; width:100%;  z-index:888; padding:2.5em 0;}
.header_mid_right{
text-align:right; margin-right:160px;}
.header_mid_right ul li{
display:inline-block; margin-left:50px;}
.header_mid_right ul li a{
color:#fff; font-size:17px;}
.header_mid{ position:relative;
margin:0 8.33333333333333%;}
.header_mid_left{
position:absolute; left:0; top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.header_rr{ position:absolute;
width:105px; right:0; top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.header_rr_right{
text-align:right}
.header_rr_right a{
color:#fff; font-size:17px;}
.header_rr_left{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:0; top:50%;}
.header_rr_left a{
display:block; width:17px; height:17px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/img1.png);}
/**********index***********/
.banner_img{
position:relative; width:100%; height:100vh;} 
.banner_img_pc{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_jj{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:0; width:100%; z-index:10; color:#fff; top:50%;} 
.indexbanner_jj_mid{
margin:0 16.40625%;}
.indexbanner_jj_mid_1{
font-size:3.478125em; letter-spacing:.2em;}
.indexbanner_jj_mid_2{
font-size:1.25em; letter-spacing:.2em; margin-top:.75em;}
#lu{ overflow:hidden;
position:relative; z-index:10; background-color:#fff;}
.index_1_1{ margin-top:2.978723404255319em;
text-align:center; font-size:2.9375em; letter-spacing:.2em;} 
.index_1_2{ margin-bottom:3.5em; line-height:1.8;
text-align:center; font-size:1.125em; color:#666; letter-spacing:.1em; margin-top:1em;}
.index_2_mid_2{ color:#000;
font-size:1.125em; margin-top:1.5em;} 
.index_2_mid_1{ position:relative;
overflow:hidden}
.index_2_mid_1 img{
width:100%;}
.index_2_mid{
position:relative}
.index_2_mid_left{ background-image:url(../images/index/img1.png); background-position:center; background-repeat:no-repeat;
position:absolute; left:-3.75em; width:1.875em; height:1.875em; background-color:#dcdcdc;border-radius:100%; z-index:10; cursor:pointer;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%); top:calc(50% - 30px);}
.index_2_mid_left:hover{
background-color:#767676;} 

.index_2_mid_right{ background-image:url(../images/index/img2.png); background-position:center; background-repeat:no-repeat;
position:absolute; right:-3.75em; width:1.875em; height:1.875em; background-color:#dcdcdc;border-radius:100%; z-index:10; cursor:pointer;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%); top:calc(50% - 30px);}
.index_2_mid_right:hover{
background-color:#767676;} 
.swiper-pagination-bullet{
background:none; border:1px #fff solid; opacity:1;}
 .swiper-pagination-bullet-active{
 background-color:#fff;}
 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
 margin:0 10px;}
 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
 bottom:32px;}
.swiper-container-team_img{
overflow:hidden} 
.swiper-container-team_img img{
width:100%;} 
.index_4_mid ul li{
float:left; width:12.5%; text-align:center;} 
.index_4_mid_mid{
position:relative; height:120px;}
.index_4_mid_mid img{ max-width:85%;
position:absolute; left:50%; top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} 
.index_4_more{ margin-bottom:5.88541666666667vw; margin-top:5vw;
text-align:center} 
.commore{ position:relative;
display:inline-block; border:1px #bcbcbc solid; width:140px; height:30px; text-align:center; line-height:30px; color:#333;} 
.commore span{
color:#333; display:inline-block; position:relative; z-index:10;}
.commore:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:0; width:100%; background-color:#333;} 
.commore:hover:after{
height:100%;} 
.commore:hover span{
color:#fff;}
.commore:hover{
border-color:#333;} 
.index_5{
background-color:#eeeeee; overflow:hidden}
.index_2_mid_left.index_2_mid_left_2,.index_2_mid_right.index_2_mid_right_2{
top:50%;}
.index_2_mid_1_mask{ color:#fff; opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;background-color:rgba(0, 0, 0, 0.26);}
.index_2_mid_1_mask span{
display:block; font-size:1.25em; margin:0 1em; text-align:center;}
.swiper-slide:hover .index_2_mid_1_mask{
opacity:1;}
.index_6_mid_1 ul li{
float:left; position:relative; width:48.45440494590417%;}
.index_6_mid_1 ul li:nth-child(2n){
float:right}
.index_6_mid_1_img{
overflow:hidden}
.index_6_mid_1_img img{
width:100%;}
.index_6_mid_1_img_name{
position:absolute; z-index:10; left:1em; bottom:1em; color:#fff}
.index_6_mid_2 ul li,.index_7_mid ul li{ margin-right:3.16846986089645%; margin-top:1.92708333333333vw;
float:left; width:31.2210200927357%; position:relative;}
.index_6_mid_2 ul li:nth-child(3n),.index_7_mid ul li:nth-child(3n){
margin-right:0}
.index_6{
padding-bottom:6.25vw;}
.index_7{ padding-bottom:6.25vw;
background-color:#eeeeee; overflow:hidden}
.index_7_mid_1{
overflow:hidden;}
.index_7_mid_1 img{
width:100%;}
.index_7_mid_2_1{ font-family:Arial, Helvetica, sans-serif;
font-size:1.721875em; color:#000;}
.index_7_mid_2_2{ margin-top:5px;
font-size:1.125em; letter-spacing:.2em; margin-bottom:1em;}
.index_7_mid_2_3{
color:#666; line-height:1.8;}
.index_7_mid_2{
margin-top:1.5em}
/********footer*************/
#footer{ padding-top:3.75em; overflow:hidden;
background-color:#40403c; color:#fff; position:relative;}
.footer_1_mid{
border-bottom:1px #60605c solid; position:relative; padding-bottom:1.875em;}
.footer_1_mid_right{
position:absolute; right:0; top:0; font-size:1.125em; color:#b89d82;}
.footer_2_mid_left{ position:relative; overflow:hidden;
float:left; width:69.76744186046512%;}
.footer_2_mid_right{ position:relative;
float:right; width:30.23255813953488%;}
.footer_2_mid_left ul li{
float:left; width:20%;}
.footer_2_mid_left ul li p{
font-size:1.125em;}
.footer_2_mid_left_mid{
padding-right:1em;}
.footer_2_mid_left_mid dl dd a{
color:#c0c0c0; font-size:.9375em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_2_mid_left_mid dl dd a:hover{
color:#fff;}
.footer_2_mid_left_mid dl dd{
margin-top:1em;}
.footer_2_mid_left_mid dl{
margin-top:2.5em;}
.footer_2_mid_left:after{
content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#60605c;}
.footer_2{ margin-bottom:4.375em;
margin-top:5.4375em;}
.footer_2_mid_right_mid{ width:69.23076923076923%;
position:absolute; right:0; top:0;}
.footer_2_mid_right_mid_1{
font-size:1.125em;}
.footer_2_mid_right_mid_2 span{
font-size:.9375em;color:#c0c0c0;}
.footer_2_mid_right_mid_2{
margin-top:2.5em;}
.footer_2_mid_right_mid_3{ margin-bottom:1.5em;
font-size:1.25em; font-family:Arial, Helvetica, sans-serif; padding-bottom:.875em; border-bottom:1px #60605c solid;}
.footer_2_mid_right_mid_4{
font-size:1.125em;}
.footer_2_mid_right_mid_5{
margin-top:13px;}
.footer_2_mid_right_mid_5 a{ margin-right:10px;
display:inline-block; width:22px; height:24px; position:relative;}
.footer_2_mid_right_mid_5 a img{
display:none; max-width:none; width:120px; position:absolute; left:50%; top:28px;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);}
.footer_2_mid_right_mid_5 a:hover img{
display:block}
.footer_2_mid_right_mid_5 a span{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat;}
.footer_2_mid_right_mid_5 a:nth-child(1) span{
background-image:url(../images/footer/img6.png);}
.footer_2_mid_right_mid_5 a:nth-child(1):hover span{
background-image:url(../images/footer/weixin2.png);}
.footer_2_mid_right_mid_5 a:nth-child(2) span{
background-image:url(../images/footer/img7.png);}
.footer_2_mid_right_mid_5 a:nth-child(2):hover span{
background-image:url(../images/footer/shipinhao2.png);}
.footer_2_mid_right_mid_5 a:nth-child(3) span{
background-image:url(../images/footer/img8.png);}
.footer_2_mid_right_mid_5 a:nth-child(3):hover span{
background-image:url(../images/footer/douyin2.png);}
.footer_2_mid_right_mid_5 a:nth-child(4) span{
background-image:url(../images/footer/img9.png);}
.footer_2_mid_right_mid_5 a:nth-child(4):hover span{
background-image:url(../images/footer/kefu2.png);}
.footer_3 ul li{
display:inline-block; margin-right:1em;}
.footer_3 ul{border-bottom:1px #60605c solid; padding-bottom:1.5em;}
.footer_4{
font-size:14px;}
.footer_4 a{
color:#fff}
.footer_4_left{
float:left;}
.footer_4_right{
float:right}
.footer_4_right a{
padding:0 10px; background-image:url(../images/footer/img10.png); background-position:left center; background-repeat:no-repeat;}
.footer_4 .indexbanner_jj_mid{ overflow:hidden;
padding:15px 0px; line-height:1.6;}
.footer_4_right a:nth-child(1){
padding-left:0; background:none}
/*********brand***********************/
.nybanner{
position:relative; height:100vh;}
.mobilebanner{
display:none; width:100%;}
.nybanner_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.nybanner_mid_2{
font-size:1.25em; margin-top:1em;}
.brand_1_mid ul li{ padding:0 3.28125vw;
display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/brand/img2.png);}
.brand_1_mid ul li a{
display:inline-block; position:relative; padding:1.25em 0; font-size:1.125em; color:#000;}
.brand_1_mid ul li a:after{ width:0;
content:''; position:absolute; left:0; bottom:0; height:2px; background-color:#bba48d;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.brand_1_mid ul li a:hover:after,.brand_1_mid ul li a.on:after{
width:100%;}
.brand_1_mid{
text-align:center}
.brand_1{
border-bottom:1px #d1d1d1 solid;}
.brand_1_mid ul li:nth-child(1){
background-image:none}
.brand_2_mid{ margin-top:7.55208333333333vw;
position:relative; padding-left:285px; margin-bottom:4.32291666666667vw;}
.brand_2_mid_left{
position:absolute; left:0; top:0;}
.brand_2_mid_right{
color:#666; line-height:2;}
.brand_3{
text-align:center}
.brand_4_mid{ padding-left:40%;
position:relative; background-color:#f6f6f6;}
.brand_4_mid_left{
position:absolute; left:0; top:0; height:100%; width:40%; overflow:hidden}
.brand_4_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.brand_4_mid_right_mid_1 span{ padding-bottom:.55em;
font-size:2.125em; display:block; position:relative;}
.brand_4_mid_right_mid_1 span:after{ width:1.441176470588235em; height:0.1470588235294118em; background-color:#bba48d;
content:''; position:absolute; left:0; bottom:0;}
.brand_4_mid_right_mid_2{
color:#333; line-height:2; font-size:1.125em; margin-top:2em;}
.brand_4_mid_right_mid{
margin:0 20%; padding:5.625vw 0;}
.brand_4{
margin-bottom:8.64583333333333vw;}
.brand_5{ padding-bottom:27.44791666666667vw;
background-position:center bottom; background-repeat:no-repeat; background-size:cover; overflow:hidden; background-image:url(../images/brand/img6.jpg);}
.brand_5_1{
margin:0 auto; max-width:1130px;  }
.index_1_2_nf{
margin-bottom:0}
.index_1_2_tf{
margin-top:0}
.brand_6{
padding:5.72916666666667vw 0;}
.brand_7{
text-align:center}
.brand_9{ height:35.67708333333333vw;
background-image:url(../images/brand/img8.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.brand_10{
padding-bottom:6.45833333333333vw;}
.index_1_brand_10{
margin-top:3.38541666666667vw;}
.brand_11{
overflow:hidden; background-color:#f4f4f4; padding-bottom:4.94791666666667vw;}
.his_2_mid_mid{
position:relative;}
.his_2_mid_mid:after{ z-index:10;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
content:''; position:absolute; left:50%; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img12.png); width:1em; height:1em; background-color:#fff; border-radius:100%;}
.his_2_mid_mid_left{
margin-left:56.89655172413793%; overflow:hidden}
.his_2_mid_mid_right{ top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:0; width:43.10344827586207%; text-align:right}
.his_2_con{
margin:0 auto; padding:0 1em; max-width:1160px;}
.his_2_mid_mid_left img{
width:100%;}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_left{
margin-left:auto; margin-right:56.89655172413793%}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_right{
left:auto; right:0; text-align:left}
.his_2_mid_mid_right_1 span{ padding-bottom:.4em;
font-size:2.929375em; display:inline-block; position:relative;}
.his_2_mid_mid_right_1 span:after{
width:1.045444847450395em; content:''; position:absolute; right:0; bottom:0; height:0.1066780456582035em; background-color:#bba48d;}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_right_1 span:after{
left:0; right:auto}
.his_2_mid_mid_right_2{
font-size:1.125em; line-height:2; margin-top:1em; color:#333;}
.his_2_mid ul li{ overflow:hidden;
position:relative; padding:5.13020833333333vw 0;}
.his_2_mid ul li:after{-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);
content:''; position:absolute; height:100%; top:0; width:2px; background-color:#bba48d; left:50%;}
.his_2_mid ul li:nth-child(1):after{
height:50%; top:50%;}
.his_2_mid ul li:last-child:after{
height:50%; top:auto; bottom:50%;}
.his_2_mid_footer{ margin-top:4vw;
text-align:center;margin-bottom:6.04166666666667vw;}
.his_2_mid_footer_1{
font-size:1.5em; color:#333; margin-bottom:.875em;}
.hon_mid_mid{
position:relative; padding-left:26.64092664092664%;} 
.hon_mid_mid_right{ text-align:center; padding-top:9.89583333333333vw; padding-bottom:7.8125vw;
background-image:url(../images/brand/img13.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;} 
.hon_mid_mid_right_mid_left{ font-family:"宋体";
display:inline-block; border:1px #a1a1a1 solid; width:28px; height:28px; line-height:28px; color:#fff; font-size:24px; cursor:pointer;}
.hon_mid_mid_right_mid_left:hover{
background-color:#a1a1a1}

.hon_mid_mid_right_mid_right{ font-family:"宋体";
display:inline-block; border:1px #a1a1a1 solid; width:28px; height:28px; line-height:28px; color:#fff; font-size:24px; cursor:pointer;}
.hon_mid_mid_right_mid_right:hover{
background-color:#a1a1a1}
.hon_mid_mid_right_mid_footer{
margin-top:2em;}

.hon_mid_mid_right .swiper-slide {
      text-align: center;
       

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
.hon_mid_mid_right .swiper-slide-active,.hon_mid_mid_right .swiper-slide-duplicate-active{
      transform: scale(1);
	}
.hon_mid_mid_left{ overflow:hidden; 
position:absolute; left:0; top:0; height:100%; background-color:#f6f6f6; width:25.0965250965251%;}
.hon_mid_mid_left_mid{ overflow:hidden;overflow-y:auto;
position:relative; width:100%; height:100%;}
.hon_mid_mid_left_mid_jj{
margin:1.5em 1.5em;}
.hon_mid_mid_left_mid_jj_1{
font-size:1.25em; border-bottom:1px #d8d8d8 solid; padding-bottom:.875em;}
.hon_mid_mid_left_mid_jj_2 p{ cursor:pointer;
color:#333; line-height:1.6; margin-top:.5em;}
.hon_mid_mid_left_mid_jj_2{
margin-top:1.5em;}
.hon_mid_mid_left_mid_jj_2 p:hover,.hon_mid_mid_left_mid_jj_2 p.on{
color:#a88b6e;}
.hon_mid{
padding-bottom:8.07291666666667vw;}
.news_1_mid_1 ul li{ margin-right:3.2046332046332%; position:relative;
float:left; width:31.1969111969112%; padding-bottom:1.5em; margin-top:3.125em; border-bottom:1px #dfdfdf solid;}
.news_1_mid_1 ul li:nth-child(3n){
margin-right:0}
.news_1_mid_1_1{
overflow:hidden}
.news_1_mid_1_1 img{
width:100%;}
.news_1_mid_1_2{
font-size:1.25em; color:#000; margin-top:1.25em;}
.news_1_mid_1_3{ line-height:3.2em;
color:#666; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-top:5px; margin-bottom:1em;}
.news_1_mid_1_4{
font-family:Arial, Helvetica, sans-serif; font-size:.875em; color:#666;}
.news_1_mid_1_4 span{
display:inline-block; padding:0 9px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/brand/img19.png);}
.news_1_mid_1_4 span:nth-child(1){
padding-left:0; background-image:none}
.news_1_mid_1 ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#000; width:0;}
.news_1_mid_1 ul li:hover:after{
width:100%;}
.brand_news_info_1{ padding:1.375em 0;
border-bottom:1px #d1d1d1 solid; overflow:hidden;}
.brand_news_info_1_mid_left{
float:left; font-size:1.125em;}
.brand_news_info_1_mid_left span{
color:#a7896b;}
.brand_news_info_1_mid_right{
float:right; font-size:1.125em;}
.brand_news_info_1_mid_right a{
display:inline-block; position:relative; padding-left:1.2em;}
.brand_news_info_1_mid_right a:before{
content:''; position:absolute; left:0; width:0.8333333333333333em; height:0.8333333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img20.png); top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);}
.brand_news_info_2_1{
text-align:center; margin-top:4em; margin-bottom:.6em; font-size:2.25em;}
.brand_news_info_2_2{
text-align:center; font-family:Arial, Helvetica, sans-serif; color:#666;}
.brand_news_info_2_2 span{
padding:0 7px;}

.brand_news_info_2_3{ padding-top:2.5em; margin-top:2.5em;
border-top:1px #c5c5c5 dashed; line-height:1.6; margin-bottom:2.5em;}
.brand_news_info_2_4{ margin-bottom:6.77083333333333vw;
border:1px #cecece solid; overflow:hidden;}
.brand_news_info_2_4 ul li{
float:left; width:50%;}
.brand_news_info_2_4 ul li a{
display:block; padding:.875em 1em;}
.brand_news_info_2_4 ul li:nth-child(2){
float:right; text-align:right}
.brand_news_info_2_4 ul li a:hover{
background-color:#b79b80; color:#fff;}
.video_1_mid{ overflow:hidden;
position:relative;}
.video_1_mid img{
width:100%;}
.video_1_mid span{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background-image:url(../images/brand/img22.png);
position:absolute; z-index:10; left:50%; top:50%; display:block; width:5em; height:5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.video_1{
margin-top:5.88541666666667vw;}
.video_2_mid ul li{
display:inline-block; margin:0 1em;}
.video_2_mid ul li a{
display:inline-block; position:relative; padding-left:32px; font-size:18px;}
.video_2_mid{
text-align:center}
.video_2_mid ul li a span{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:0; top:50%; height:100%; width:32px;}
.video_2_mid ul li a span img{
position:absolute; left:0; top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.video_2_mid ul li a span img:nth-child(1){
  opacity:0;}
.video_2{
padding:3.75em 0;}
.video_2_mid ul li:nth-child(2) a{
padding-left:0; width:65px; text-indent:-9999em;}
.video_2_mid ul li:nth-child(2) a span{
width:65px;}
.video_2_mid ul li a:hover span img:nth-child(1),.video_2_mid ul li a.on span img:nth-child(1){
  opacity:1;}
.video_2_mid ul li a:hover span img:nth-child(2),.video_2_mid ul li a.on span img:nth-child(2){
  opacity:0;}
.video_2_mid ul li a.on{
color:#c0aa95;}
.video_3_mid ul li{ margin-right:3.2046332046332%; position:relative;
float:left; width:31.1969111969112%; margin-bottom:3em;}
.video_3_mid ul li:nth-child(3n){
margin-right:0}
.video_3_mid ul li img{
width:100%;}
.video_3_mid ul li span{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); 
position:absolute; left:50%; top:50%; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; width:3.4375em; height:3.4375em; background-image:url(../images/brand/img22.png);}
.video_3_mid_2{
font-size:1.25em; margin-top:1em;}
.video_3_mid_1{
overflow:hidden; position:relative}
.video_3_mid_1 img{
width:100%;}
/******case********************/
.indexbanner_jj_mid_link a{ width:170px; height:50px; line-height:50px; text-align:center;
display:inline-block; border:1px #bcbebe solid; color:#fff; position:relative}
.indexbanner_jj_mid_link a span{
position:relative; z-index:10;}
.indexbanner_jj_mid_link a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#000;}
.indexbanner_jj_mid_link a:hover:after{
width:100%;}
.indexbanner_jj_mid_link a:hover{
border-color:#000;}
.indexbanner_jj_mid_link{
margin-top:38px;}
.cases_1_mid ul li{ margin-right:3.2046332046332%; position:relative; border-bottom:1px #ececec solid; padding-bottom:1.5em;
float:left; width:31.1969111969112%; margin-bottom:3.5em;}
.cases_1_mid ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000;}
.cases_1_mid ul li:hover:after{
width:100%;}
.cases_1_mid ul li:nth-child(3n){
margin-right:0}
.cases_1_mid_1{
overflow:hidden}
.cases_1_mid_1 img{
width:100%;}
.cases_1_mid_2_1{ margin-top:1.375em;
font-size:1.25em; color:#000;}
.cases_1_mid_2_2{
color:#666; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word; margin-top:4px; margin-bottom:1.875em;
word-break:break-all; overflow:hidden;}
.cases_1_mid_2_3{
color:#666;}
.cases_1_mid_2_3 label{
font-family:"宋体"}
.cases_1{
padding-top:5.46875vw;}
.index_4_more_cases{
margin-top:1em;}
.caseinfo_banner{
position:relative; height:100%;  }
.brandlogo{ z-index:10;
position:absolute; left:0; bottom:2.8125vw;}
.case_info_1_1{
text-align:center; margin-top:6em;}
.case_info_1_1 span{ padding-bottom:.6em;
display:inline-block; position:relative; font-size:2.875em;}
.case_info_1_1 span:after{
content:''; position:absolute; bottom:0; width:1.739130434782609em; height:0.0869565217391304em; background-color:#bba48d; left:50%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%); }
.case_info_1_2{ text-align:center; 
margin:0 auto; max-width:880px; color:#333333; font-size:1.1em; line-height:1.8;margin-top:1.875em; margin-bottom:3em;}
/********design***************/
.nybanner .indexbanner_jj_mid_1,.nybanner .indexbanner_jj_mid_2{
text-align:left}
.de_1{
text-align:center}
.de_2{
text-align:center; line-height:1.8; font-size:1.125em; color:#333; margin-top:5.20833333333333vw;}
.de_3{ padding-top:15.9375vw; padding-bottom:13.02083333333333vw; margin-top:6.51041666666667vw;
background-image:url(../images/design/img3.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.de_3_mid{
text-align:center; font-size:1.125em; color:#fff; line-height:2; margin:0 auto; max-width:860px;}
.de_3_mid_la{
margin-top:4.89583333333333vw; margin-bottom:4.89583333333333vw;}
.de_team_1_mid ul li{
float:left; width:48.57142857142857%; margin-top:5em;}
.de_team_1_mid ul li:nth-child(1),.de_team_1_mid ul li:nth-child(2){
margin-top:0}
.de_team_1_mid ul li:nth-child(2n){
float:right}
.de_team_1_mid_1{
overflow:hidden;}
.de_team_1_mid_1 img{
width:100%;}
.de_team_1_mid_2_1{
font-size:2em; color:#333; margin-top:1.5em;}
.de_team_1_mid_2_2{
color:#666; font-size:1.1875em; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;  
word-break:break-all; overflow:hidden; margin-top:1em; min-height:5.4em;}
.de_team_2_1 ul li{
float:left; width:48.49420849420849%;}
.de_team_2_1 ul li:nth-child(2n){
float:right}
.de_team_2_2 ul li{ margin-right:3.16602316602317%;
float:left; width:22.62548262548263%; margin-top:2em;}
.de_team_2_2 ul li:nth-child(4n){
margin-right:0}
.de_team_1_mid_2_1_small{
font-size:1.5em;}
.de_team_1_mid_2_2_small{
min-height:3.6em;}
.de_team_2_2{
margin-bottom:5em;}
.d_h_1_mid{
position:relative; padding-left:46.33204633204633%;}
.d_h_1_mid_left{ overflow:hidden;
position:absolute; left:0; top:0; height:100%; width:42.93436293436293%;}
.d_h_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.d_h_1_mid_right_1{
overflow:hidden}
.d_h_1_mid_right_1 img{
width:100%;}
.d_h_1_mid_right_2 dl dd{ overflow:hidden; margin-top:2.8125vw;
float:left; width:47.06723891273247%;}
.d_h_1_mid_right_2 dl dd:nth-child(2){
float:right}
.d_h_1_mid_right_2 dl dd img{
width:100%;}
.d_h_1 ul li{
margin-bottom:2.8125vw;}
.d_h_1 ul li:last-child{
margin-bottom:0}
.banner_img_mo{
display:none}
.ser_1 ul li{ margin-right:3.06306306306306%;
float:left; width:22.7027027027027%;}
.ser_1 ul li:nth-child(4n){
margin-right:0}
.ser_1_1{
overflow:hidden}
.ser_1_1 img{
width:100%;}
.ser_1_2{ margin-top:.75em;
font-size:1.1875em; letter-spacing:.2em;}
.ser_2 ul li{ overflow:hidden; color:#fff; text-align:center; padding-top:14vw; padding-bottom:16.40625vw;
float:left; width:50%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_2 ul li:nth-child(1){
background-image:url(../images/service/img5.jpg);}
.ser_2 ul li:nth-child(2){
background-image:url(../images/service/img6.jpg);}
.ser_2_mid{
margin:0 23.95833333333333%;}
.ser_2_mid_1 span{ padding-bottom:.4em;
display:inline-block; position:relative; font-size:2.25em;}
.ser_2_mid_1 span:after{ content:''; position:absolute; left:50%; bottom:0;
width:1.361111111111111em; height:2px; background-color:#fff;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);}
.ser_2_mid_2{
font-size:1.125em; line-height:2; margin-top:1.5em; min-height:8em;}
.ser_3{
text-align:center}
.ser_3_1{ margin-bottom:1.5em; letter-spacing:.15em;
font-size:1.125em; line-height:1.6;}
.vqr{
display:inline-block; border:1px #cccccc solid; width:160px; height:36px; line-height:36px;}
.vqr label{
font-family:"宋体"; padding-left:10px;}
.vqr:hover{
background-color:#000; color:#fff; border-color:#000;}
.ser_3{
margin:6.51041666666667vw 0;}
.qrmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;background-color:rgba(0, 0, 0, 0.84); text-align:center;}
.qrmask_mid_1{
color:#fff; font-size:1.5em; margin-top:1em; margin-bottom:.75em;}
.ovh{
overflow:hidden}
.ser_4{
text-align:center}
.ser_5{ overflow:hidden; padding-top:22.29166666666667vw; padding-bottom:11.61458333333333vw;
background-image:url(../images/service/img10.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_5_mid ul li{ padding-left:2em; margin-top:.5em;
position:relative; font-size:1.125em;}
.ser_5_mid ul li:before{ font-size:2em;
content:'◆'; position:absolute; left:0; top:-12px;}
.ser_6_1{
text-align:center; overflow:hidden}
.ser_6_1 img{
width:100%;}
.ser_6_2{
text-align:center; font-size:1.125em; line-height:2; margin:5em 0;}
.pro_1_mid{ min-height:640px;
position:relative; padding-left:314px;}
.pro_1_mid_right_1 ul li{ margin-bottom:2em;
float:left; width:47.64826175869121%;}
.pro_1_mid_right_1 ul li:nth-child(2n){
float:right}
.pro_1_mid_right_1_1{
overflow:hidden}
.pro_1_mid_right_1_1 img{
width:100%;}
.pro_1_mid_right_1_2_1{ margin-bottom:5px; margin-top:1.6em;
font-size:1.25em; color:#000;}
.pro_1_mid_right_1_2_2{
color:#666; line-height:1.6; height:3.2em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; }
.pro_1{
margin-top:5.41666666666667vw;}
.pro_1_mid_left{
position:absolute; left:0; top:0; width:265px;}
.pro_1_mid_left_1{
background-color:#f6f6f6; position:relative; padding:7px 10px;}
.kd{
border:none; width:100%; background:none; color:#a5a5a5;}
.kdbtn{ z-index:10; cursor:pointer; width:42px;
position:absolute; right:0; top:0; height:100%; border:none; background:none; background-image:url(../images/product/img2.png); background-position:center; background-repeat:no-repeat;}
.pro_1_mid_left_2_mid{
margin:0 10px;
}
.pro_1_mid_left_2{ overflow:hidden;
background-color:#f6f6f6; padding-top:10px; margin-top:1em;}
.pro_1_mid_left_2_mid_1_left{
color:#333;}
.pro_1_mid_left_2_mid_1{
position:relative; border-bottom:1px #cccccc solid; padding-bottom:10px;}
.pro_1_mid_left_2_mid_2 ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#666;}
.pro_1_mid_left_2_mid_2 ul li{
margin-top:.75em;}
.pro_1_mid_left_2_mid_2{
margin-top:1em; margin-bottom:3em;}
.pro_1_mid_left_2_mid_2 ul li a:hover,.pro_1_mid_left_2_mid_2 ul li a.on{
color:#333;}
.pro_info_2_mid_left{
float:left; width:56.67953667953668%;}
.pro_info_2_mid_left_1{
overflow:hidden}
.pro_info_2_mid_left_1 img{
width:100%;}
.pro_info_2_mid_left_2{
margin-top:1.5em;}
.pro_info_2_mid_left_2_pl{  
display:block; position:relative; padding-top:1em; padding-bottom:1em;  }
.pro_info_2_mid_left_2_pl:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:4px; background-color:#bba48d;}
.pro_info_2_mid_left_2_pl.on:after{
width:100%;}
.pro_info_2_mid_right{
float:right; width:39%;}
.pro_info_2_mid_right_1_1 span{ padding-bottom:.4em;
font-size:2.25em; display:inline-block; position:relative}
.pro_info_2_mid_right_1_1 span:after{
content:''; position:absolute; left:0; bottom:0; width:1.361111111111111em; height:0.1388888888888889em; background-color:#bba48d;}
.pro_info_2_mid_right_1 ul li{
border-top:2px #cccccc solid; padding:2em 0;}
.pro_info_2_mid_right_1_2{ color:#666; font-size:0.875em;word-wrap:break-word;
word-break:break-all; 
position:relative; padding-left:4.210526315789474em; line-height:1.8;}
.pro_info_2_mid_right_1_2 span{ color:#333;
position:absolute; left:0; top:-0.2em; font-size:1.315789473684211em; font-weight: bold; letter-spacing: 0.3em;}
.pro_info_2_mid_right_1 ul li:nth-child(1){ border:none;
padding-top:0 margin-bottom: 3.0em;}
.pro_info_2_mid_right_1_3 dl dd{
display:inline-block; width:3.3125em; height:3.3125em; margin-right:.5em; }
.pro_info_2_mid_right_1 ul li:last-child{
border:none; padding-top:0}
 
.pro_info_2_mid_right_2 .ser_3_2 a{
text-align:center}
.pro_info_3_1_mid{
overflow:hidden}
.pro_info_3_1_mid img{
width:100%;}
.pro_info_3{
margin-top:5.72916666666667vw;}
.pro_info_3_2{
font-size:1.125em; line-height:2; margin:5em 0;}
.pro_info_4 img{
width:100%;}
.pro_info_4_mid ul li{ margin-right:2%;
float:left; width:32%; margin-bottom:1em;}
.pro_info_4_mid ul li:nth-child(3n){
margin-right:0}
.pro_info_4_mid_1{
overflow:hidden;}
.pro_info_4_mid_1 img{
width:100%;}
.pro_info_4_mid_3{
font-size:.875em; font-family:Arial, Helvetica, sans-serif; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 10;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; /*height:3.2em;*/}
.pro_info_4_mid_2{
margin-top:1.5em; margin-bottom:8px;}
.pro_info_4_mid_jj{
overflow:hidden; min-height:11em; font-size: 0.9375em;line-height: 1.7em;}
.pro_info_4{ margin-bottom:5vw;
margin-top:7.8125vw;}
.pro_info_2_mid_left_2_left{ background-color:rgba(0, 0, 0, 0.67); cursor:pointer; z-index:100; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);
position:absolute; left:15px; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; font-family:"宋体"; border-radius:100%; border:1px rgba(255, 255, 255, 0.5) solid;}
.pro_info_2_mid_left_2_right{background-color:rgba(0, 0, 0, 0.67); cursor:pointer; z-index:100; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);
position:absolute; right:15px; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; font-family:"宋体"; border-radius:100%; border:1px rgba(255, 255, 255, 0.5) solid;}
.pro_info_2_mid_left_2_right.swiper-button-disabled,.pro_info_2_mid_left_2_left.swiper-button-disabled{
display:none}
.pro_info_2_mid_left_2_right:hover,.pro_info_2_mid_left_2_left:hover{
background-color:#bba48d}
.spa_1_1 ul li{ margin-right:2.97297297297297%;
float:left; width:31.35135135135135%; margin-bottom:3em;}
.spa_1_1 ul li:nth-child(3n){
margin-right:0}
.spa_1_1_1{
overflow:hidden}
.spa_1_1_1 img{
width:100%;}
.spa_1_1_2{
font-size:1.125em; margin-top:1em;}
.spa_2{
background-color:#f5f3f3; overflow:hidden; padding-bottom:7.8125vw;}
#indexvideo{transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; overflow:hidden;}
#indexvideo.hh{
top:-100%;  }


/**********top**********/
body.cur #header{
background-color:#fff;}
.vc.header_mid_left a{
display:block; position:relative}
.vc.header_mid_left a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; display:none;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/logob.svg);}
.vc.header_mid_left a img:nth-child(2){
display:none}
body.cur .vc.header_mid_left a img:nth-child(2){
display:block}
body.cur .vc.header_mid_left a img:nth-child(1){
display:none}
body.cur .header_mid_right ul li a,body.cur .header_rr_right a{
color:#000;}
body.cur .header_rr_left a{
background-image:url(../images/header/img1b.png);}
body.cur #header{
padding:2em 0;}
/******************/
#header.white .header_mid_right ul li a,#header.white .header_rr_right a{
color:#fff;}
#header.white .vc.header_mid_left a img:nth-child(2){
display:none}
#header.white .header_rr_left a{
background-image:url(../images/header/img1.png);}

#header.black .header_mid_right ul li a,#header.black .header_rr_right a{
color:#000;}
#header.black .vc.header_mid_left a img:nth-child(2){
display:block}
#header.black .vc.header_mid_left a img:nth-child(1){
display:none}
#header.black .header_rr_left a{
background-image:url(../images/header/img1b.png);}

body.cur #header.white .header_mid_right ul li a,body.cur #header.white .header_rr_right a{
color:#000;}
body.cur #header.white .vc.header_mid_left a img:nth-child(2){
display:block}
body.cur #header.white .vc.header_mid_left a img:nth-child(1){
display:none}
body.cur #header.white .header_rr_left a{
background-image:url(../images/header/img1b.png);}
 
/***********************/
.nav-btn-box{-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(0%, -50%);
position:absolute; right:0; top:50%; z-index:10; display:none}
.nav-btn{  
		display: block;
		position: relative;
		width: 1.5rem;
		height: 1rem;
		padding: 0;
		margin-top: 0rem; 
	}
	.nav-btn .line {
	    width: 100%;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    background-color: #383838;
	    transition: all .2s;
	    transform-origin: center;
	}
	.nav-btn .line1 {
	    top: 0;
	}
	.nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	.nav-btn .line3 {
	    bottom: 0;
	}
	.nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	.nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	.nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.nav-btn.cur .line3{
		transform: rotate(-45deg);
	}
.m-nav{ display:none;
		position: fixed;
		top: 77px;
		height:calc(100vh - 77px);
		width: 100%;
		z-index: 50;
		box-sizing: border-box;
		padding: 0 4.17%;
		background-color: rgba(255,255,255,.95);
	}
	.m-nav li{
		border-bottom: 1px solid #dcdcdc;
	}
	.m-nav li:last-child{
		border-bottom: none;
	}
	.m-nav li .tit{
		display: block;
		font-size: 1em;;
		padding: .65em 0em;
		color: #333;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 0;
		width: 16px;
	    height: 16px;
	    margin-top: -8px;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url(../images/m-nav-jia.png);
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before,
	.m-nav li:last-child .tit:before{
		display: none;
	}
	.m-nav li.on .tit:before{
		transform: rotate(45deg);
	}
	.m-nav li .navson{
		padding-bottom: .3rem;
		display: none;
	}
	.m-nav li .navson a{
		display: block;
		font-size: .9375em;
		line-height: 2;
		padding: 0 1em;
		color: #333;
	}

	.f-right{
		display: none;
	}
	.f-nav{
		margin-right: 0;
	}








@media screen and (max-width:1600px) {
.pro_info_2_mid_right_1 ul li{
padding:2.275em 0;}
.pro_info_2_mid_right_1_1 span{
font-size:1.875em; }
.pro_info_2_mid_right_1_2 span{
font-size:1.425em; }
.pro_info_2_mid_right_1_2{
font-size:0.875em;}
.ser_2_mid_1 span{
font-size:2em;}
.ser_2_mid_2{
font-size:1em;}
.ser_2_mid{
margin:0 18%;}
.de_team_1_mid_2{
font-size:.875em;}
.case_info_1_1 span{
font-size:2.5em;}
.indexbanner_jj_mid_link a{ width:160px; height:42px; line-height:42px;  }
.brand_news_info_2_1{
font-size:2em;}
.brand_4_mid_right_mid_2{
font-size:1em;}
.brand_4_mid_right_mid_1 span{
font-size:1.875em;}
.indexbanner_jj_mid_1{
font-size:3em;}
.index_1_1{
font-size:2.375em;}
.index_1_2{
font-size:1.125em;}
.indexbanner_jj_mid{
margin-left:8.33333333333333%;margin-right:8.33333333333333%}

}
@media screen and (max-width:1200px) {
	.header_mid{
	margin:0 1em;}
	.footer_4_left,.footer_4_right{
	width:100%; text-align:center;}
}
@media screen and (max-width:1024px) {
	#header.black .vc.header_mid_left a img:nth-child(2),#header.white .vc.header_mid_left a img:nth-child(2) {
	display:block}
	
	#header.black .vc.header_mid_left a img:nth-child(1),#header.white .vc.header_mid_left a img:nth-child(1) {
	display:none}
	
	#main{
	margin-top:77px;}
	#header,body.cur #header{ padding:1.5em 0;
	background-color:#fff;}
	.header_mid_right,.header_rr{
	display:none}
	.header_mid{
	height:29px;}
	.vc.header_mid_left a img:nth-child(2){
	display:block}
	.vc.header_mid_left a img:nth-child(1){
	display:none}
	/*****************/
	.indexbanner_jj_mid_1{
	font-size:2em;}
	.indexbanner_jj_mid_2{
	font-size:1em;}
	.index_1_1{
	font-size:2em;}
	.index_1_2{
	font-size:1em;}
	.index_7_mid_2_3{
	font-size:.9375em;}
	.index_7_mid_2_1{
	font-size:1.5em;}
	.nav-btn-box{
	display:block}
	.brand_4_mid_right_mid{
	margin-left:2em; margin-right:1em;}
	.brand_4_mid_right_mid_1 span{
	font-size:1.375em;}
	.his_2_mid_mid_right_2{
	font-size:1em;}
	.his_2_mid_mid_right_1 span{
	font-size:1.875em;}
	.news_1_mid_1_3{
	font-size:.875em;}
	.news_1_mid_1_2{
	font-size:1em;}
	.brand_news_info_2_2{
	font-size:.875em;}
	.brand_news_info_2_1{
	font-size:1.5em; margin-top:3em;}
	.video_3_mid_2{
	font-size:1em;}
	.case_info_1_2{
	font-size:1em;}
	.case_info_1_1 span{
	font-size:1.5em;}
	.de_2,.de_3_mid,.de_team_1_mid_2_2{
	font-size:1em;}
	.de_team_1_mid_2_1{
	font-size:1.125em;}
	.ser_1_2{
	font-size:1em;}
	.ser_2_mid_1 span{
	font-size:1.5em;}
	.ser_3_1,.ser_5_mid ul li{
	font-size:1em;}
	.ser_6_2{
	font-size:1em;}
	.pro_info_2_mid_right_1_1 span{
	font-size:1.25em;}
	.pro_info_2_mid_right_1_2{
	font-size:.9375em;}
	.pro_info_2_mid_right_1 ul li{
	padding:1em 0;}
	.pro_info_3_2{
	font-size:1em; margin:2.5em 0;}
	.spa_1_1_2,.index_2_mid_2{
	font-size:1em;}
}
.div810img{
display:none}
.div810img img{
width:100%;}
@media screen and (max-width:810px) {
.pro_info_2_mid_left{
width:100%;}
.pro_info_2_mid_right{
width:100%; margin-top:1.5em;}
.de_team_2_2 ul li{
width:32%; margin-right:2%;}
.de_team_2_2 ul li:nth-child(3n){
margin-right:0}
.de_team_2_2 ul li:nth-child(4n){
margin-right:2%;}
.case_info_1_1{
margin-top:2.5em;}
.nybanner{
height:auto}
.nybanner_bg{
display:none}
.mobilebanner{
display:block}
.brand_news_info_1_mid_left,.brand_news_info_1_mid_right{
font-size:1em;}
.hon_mid_mid{
padding-left:0}
.hon_mid_mid_left{
display:none}
	.his_2_mid_mid_left{
	float:right; margin-left:0; width:43.10344827586207%;}
	.his_2_mid_mid_right{
	float:left;-webkit-transform: translate(0%, -0%);
-ms-transform: translate(0%, -0%);
transform: translate(0%, -0%); position:relative}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_left{
margin-right:auto; float:left}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_right{
float:right}
.his_2_mid_mid{
overflow:hidden}
	.nybanner_mid_2{
	font-size:1em;}
	.nybanner_mid_1 img{
	height:60px;}
	#footer{
	padding-top:2em;}
	.footer_2,.footer_3{
	display:none}
	.footer_4 .indexbanner_jj_mid{
	line-height:1.8;}
	.div810img{
	display:block}
	.swiper-container-team_img{
	display:none}
	.index_1_1{
	font-size:1.5em;}
	.index_7_mid_2_1{
	font-size:1.25em;}
	.banner_img_pc{
	display:none}
	.banner_img_mo{
	display:block}
	.banner_img{
	height:auto}
	.indexbanner_jj_mid{
	margin-left:1em; margin-right:1em;}
	.indexbanner_jj_mid_1{
	font-size:1.5em;}
	.index_2_mid_left{
	left:-3em}
	.index_2_mid_right{
	right:-3em}
	.index_2_mid{
	margin-left:3em; margin-right:3em;}
	.index_2_mid_1_mask span{
	font-size:1em;}
	.pro_1_mid_right_1_2_2{
	font-size:.9375em;}
	.pro_1_mid_right_1_2_1{
	font-size:1.125em;}
	.pro_1_mid_left{ margin-bottom:1.5em;
	position:static; width:100%;}
	.pro_1_mid{
	padding-left:0}
}
.brand_1_mid select{   padding-bottom:1em; padding-top:1em;
display:none; border:none; background:none; width:100%;  }
@media screen and (max-width:640px) {
.index_4_mid ul li{
width:20%;}
.index_4_mid_mid{
height:80px;}
#indexvideo{
display:none}
.spa_1_1 ul li{
width:49%; margin-right:0}
.spa_1_1 ul li:nth-child(2n){
float:right}
.pro_info_4_mid ul li{
width:49%; margin-right:0}
.pro_info_4_mid ul li:nth-child(2n){
float:right}
.pro_1_mid_left_2{
display:none}
.ser_6_2{
margin:2.5em 0;}
.ser_2_mid_1 span{
font-size:1.25em;}
.qrmask_mid img{
max-width:70%;}
.qrmask_mid_1{
font-size:1em;}
.ser_2_mid{
margin-left:1em; margin-right:1em;}
.ser_2 ul li{
width:100%;}
.ser_1 ul li{
width:49%; margin-bottom:1em; margin-right:0}
.ser_1 ul li:nth-child(2n){
float:right}
.indexbanner_jj_mid_link{
margin-top:20px;}
 .indexbanner_jj_mid_link a {
  width: 120px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.cases_1_mid ul li{
width:49%; margin-right:0}
.cases_1_mid ul li:nth-child(2n){
float:right}
.video_3_mid ul li{
width:49%; margin-right:0}
.video_3_mid ul li:nth-child(2n){
float:right}
.brand_news_info_2_4 ul li{
width:100%;}
.brand_news_info_2_4 ul li:nth-child(2){
text-align:left}
.brand_news_info_2_1{
font-size:1.25em;}
.news_1_mid_1 ul li{
margin-top:2em; width:49%; margin-right:0}
.news_1_mid_1 ul li:nth-child(2n){
margin-right:0; float:right}
.his_2_mid_mid:after{
font-size:.875em;}
.his_2_mid_footer_1{
font-size:1.25em;}
.brand_4_mid_right_mid_1 span{
font-size:1.25em;}
.brand_4_mid_right_mid{
margin-left:1em; margin-right:1em;}
.brand_4_mid{
padding-left:0;}
.brand_4_mid_left{
position:relative; width:100%; height:45vw;}
.brand_1_mid ul{
display:none}
.brand_1_mid select{
display:block}
.brand_2_mid{
padding-left:0;}
.brand_2_mid_left{
position:static; margin-bottom:1.5em;}
}
@media screen and (max-width:480px) {
.index_4_mid ul li{
width:25%;}
.index_4_mid_mid{
height:68px;}
.pro_info_2_mid_right_1_1 span{
font-size:1.125em;}
.pro_info_4_mid ul li{
width:100%;}
.pro_info_4_mid_jj{
min-height:inherit}
.ser_3_1 p,.ser_6_2 p{
display:inline;}
.de_team_2_1 ul li{
width:100%; margin-bottom:1.5em;}
.de_team_2_1 ul li:last-child{
margin-bottom:0}
.de_team_2_2 ul li{
width:100%;}
 
.de_team_1_mid_2_2{
min-height:inherit;-webkit-line-clamp:100;}
.de_team_1_mid ul li{
width:100%; margin-bottom:1.5em; margin-top:1.5em;}
.cases_1_mid_2_1{
font-size:1.125em;}
.case_info_1_1 span{
font-size:1.25em;}

.cases_1_mid ul li{
width:100%; margin-bottom:2em;}
.video_2{
padding:2em 0;}
.video_1_mid span{
width:3.4375em; height:3.4375em;}
.video_3_mid ul li{
margin-bottom:2em;}
.video_3_mid ul li{
width:100%;}
.video_2_mid ul li{
margin-left:4px; margin-right:4px;transform: scale(.9, .9);}
.brand_news_info_2_3{
margin-top:2em; margin-bottom:2em; padding-top:2em;}
.brand_news_info_2_1{
line-height:1.6; margin-top:2em}
.news_1_mid_1 ul li{
width:100%;}
.his_2_mid_mid_right_1 span{
font-size:1.375em;}
.nybanner_mid_1 img{
height:32px;}
.footer_1_mid_right{
display:none}
.footer_1_mid_left{
text-align:center}
.footer_1_mid_left img{
height:24px;}
.index_2_mid_2{
font-size:1em;}
.indexbanner_jj_mid_1{
font-size:1.25em;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:16px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 5px;}
.swiper-pagination-bullet{
width:6px; height:6px;}
.index_1_1{
font-size:1.25em;}
.index_1_2{
margin-bottom:2em;}
.index_7_mid ul li{
width:100%; margin-right:0; margin-bottom:1em;}
.index_6_mid_1 ul li{
width:100%; margin-bottom:1.92708333333333vw}
.index_6_mid_2 ul li{
width:100%; margin-right:0}
}

#header.black .header_mid_right ul li a:hover, #header.black .header_rr_right a:hover,#header.white .header_mid_right ul li a:hover, #header.white .header_rr_right a:hover,.header_mid_right ul li a:hover,body.cur .header_mid_right ul li a:hover, body.cur .header_rr_right a:hover{
color:#b89d82}
/***********************************************/
.search_mask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; z-index:9999999999999; opacity:.5;}
.searchbox{ display:none;
position:fixed; left:50%; top:50%;  background-color:#fff;z-index:999999999999999999; max-width:60%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.searchbox_mid{
padding:55px;}
.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url(../images/close2.png) no-repeat center;
    background-size: auto;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}
.searchbox_mid_box{ padding-top:10px; padding-bottom:10px; border-bottom:1px #ccc solid;
position:relative; padding-right:60px;}
.searchbox_mid_box_right{ cursor:pointer;
position:absolute; right:0; top:0; height:100%; width:36px; z-index:10;}
.searchbox_mid_box_right input {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 18px;
  height: 18px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none; background-size:cover; cursor:pointer;
  box-sizing: border-box;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)
}
.searchbox_mid_box_left input{
border:none; background:none; width:100%;}
@media screen and (max-width:810px) {
.searchbox_mid{
padding:1em;}
.searchbox{
max-width:none; width:90%;  }
}