/* 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.woff2") format("woff2"),
       url("../fonts/sourcehansanscn-normal.woff") format("woff"),
       url("../fonts/sourcehansanscn-normal.ttf") format("truetype"),
       url("../fonts/sourcehansanscn-normal.eot") format("embedded-opentype"),
       url("../fonts/sourcehansanscn-normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
} 
 

body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-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: "SourceHanSansCN-Normal";
}
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:#262626;
}
a{
    color:inherit;
	color:#262626;
    text-decoration: none; 
}
a:hover  {
    color:#e2bca4;    
    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;
position:fixed; left:0; top:1.5em; width:100%; z-index:999;}
.header_mid{
margin:0 3.125%; position:relative;}
.header_mid_left{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_right{ margin-left:266px;
  position:relative}
.header_mid_right ul li{
display:inline-block; margin-right:3em; position:relative;}

.header_mid_right ul li a.biga{
color:#262626; display:inline-block; position:relative; line-height:2.9375em;}
.header_mid_right ul li .biga:hover
{
      color: #009a44;
}
.header_link{
position:absolute; right:0; top:50%;transform:translateY(-50%);}
.header_link a{ width:2.4375em; height:2.4375em; margin-left:1.25em;
display:inline-block; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_link a:nth-child(1){
background-image:url(../images/img1.png);}
.header_link a:nth-child(2){
background-image:url(../images/img2.png);}
.header_link a:nth-child(3){
background-image:url(../images/img3.png);}

#header.cur .header_link a:nth-child(1){
background-image:url(../images/img1on.png);}
#header.cur .header_link a:nth-child(2){
background-image:url(../images/img2on.png);}
#header.cur .header_link a:nth-child(3){
background-image:url(../images/img3on.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;}
.index_mid{
  }
.index_mid_com{
margin:0 5%; position:relative;}
.index_mid_1_left{ position:relative;
float:left; width:63.29341317365269%;}
.index_mid_1_left:after{
content:''; position:absolute; left:0; top:1.875em;width:calc(100% - 1.875em); height:100%; background-color:#fcf2e9;}
.index_mid_1_left_mid{ z-index:10;
margin-left:1.875em; position:relative; overflow:hidden;}
.index_mid_1_left_mid img{
width:100%;}
.index_mid_1_right{ text-align:center; margin-right:2%;
float:right; width:29.16167664670659%; margin-top:4vw;}
.index_mid_1{
    /*background-color:#fff6d0; */
    padding:3.125vw;}
.qb_index_1{ text-align:center; position:relative; color:#fff;
overflow:hidden}
.qb_index_1 img{
width:100%;} 
.qb_index_1_mask{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.qb_index_1_mask_mid{
margin:0 3.125vw;}
.qb_index_1_mask_mid_2{ margin-top:12px;
font-size:3em; letter-spacing:.25em; margin-bottom:.6em;}
.qb_index_1_mask_mid_3 a{
display:inline-block; width:8.125em; height:8.125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.png); background-size:cover;}
.qb_index_2 a{
color:#fff}
.qb_index_2_1 span{
display:inline-block; color:#201503; line-height:2.25em;border-radius:2.25em; padding:0 2.5em;  font-size:1.25em; background-color:#009A44;}
.qb_index_news{ padding-top:6.875em;
background-color:#f1f4f7; overflow:hidden;}
.qb_index_news_mid_1{
margin-bottom:4em}
.bt_b{
margin-top:0; margin-bottom:12px;}
.textcenter{
text-align:center}
.qb_index_news_mid{
margin:0 3.125vw;}
.qb_index_news_mid_2 ul li{ position:relative; border-bottom:1px #dbdbdb solid;
float:left; width:23.66%; margin-right:1%; margin-bottom:1em;}
/*.qb_index_news_mid_2 ul li:nth-child(3n){*/
/*margin-right:0}*/
.qb_index_news_mid_2_1{
overflow:hidden; position:relative}
.qb_index_news_mid_2_1:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:0;}
.qb_index_news_mid_2_1 img{
width:100%;}
.qb_index_news_mid_2_1 span{transform: scale(0, 0);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-position:center; background-repeat:no-repeat; background-size:cover;
position:absolute; z-index:10; width:11.1875em; height:11.25em; background-image:url(../images/more.png); left:50%; top:50%; margin-left:-5.59375em; margin-top:-5.625em;}
.qb_index_news_mid_2_2_1{
font-size:1.125em; color:#252525;}
.qb_index_news_mid_2_2_2{
/*text-align:right; */
margin-top:1em;}
.qb_index_news_mid_2_2_2 span{ line-height:16px; display:inline-block; padding-left:20px;
color:#666666; font-size:.875em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img6.png);}
.qb_index_news_mid_2_2{
padding-top:1.125em; padding-bottom:.875em;}
.qb_index_news_mid_3{
text-align:center; margin:4.625em 0;}
.readmore{ line-height:2.5em; width:8.75em; text-align:left;
display:inline-block; position:relative; }
.readmore span{color:#76736f;
display:inline-block; position:relative;}
.readmore:after{ right:0; top:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; width:2.5em; height:2.5em; background-color:#009A44;border-radius:100%;}
.readmore span:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; width:1.5em; height:1px; background-color:#76736f; top:50%; margin-top:-.5px; right:-2em; z-index:10;}
.readmore:hover span:after{
right:-2.5em;}
.readmore:hover:after{
right:.63em;}
.qb_index_news_mid_2 ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:-1px; background-color:#009A44; width:0; z-index:10; height:1px;}
.qb_index_news_mid_2 ul li:hover:after{
width:100%;}
.qb_index_news_mid_2 ul li:hover .qb_index_news_mid_2_1:after{
opacity:.15;}
.qb_index_news_mid_2 ul li:hover .qb_index_news_mid_2_1 span{transform: scale(1, 1);}
#swiper-pagination-hor,#swiper-pagination-hor2{
position:static; margin:0 110px;}
.swiper-pagination-bullet{ margin:0 .3em;
width:1.25em; height:1.25em; position:relative; background:none;opacity:1;}
#swiper-pagination-hor .swiper-pagination-bullet:before,#swiper-pagination-hor2 .swiper-pagination-bullet:before{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img9.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#swiper-pagination-hor .swiper-pagination-bullet:after,#swiper-pagination-hor2 .swiper-pagination-bullet:after{content:''; position:absolute; left:0; top:0;transform: scale(0, 0); width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img10.png); z-index:10;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#swiper-pagination-hor .swiper-pagination-bullet-active:after,#swiper-pagination-hor2 .swiper-pagination-bullet-active:after{transform: scale(1, 1);}
.tech_1{
margin-top:9.6875em; margin-bottom:6.6875em;}

.index_mid_2_1_right{
float:right; width:55.50898203592814%;}
.index_mid_2_1_right ul li{ margin-right:3.72168284789644%;
float:left; width:30.85221143473571%; position:relative;}
.swiper-slide ul li{
position:relative}
.index_mid_2_1_right ul li:before,.swiper-slide ul li:before{pointer-events:none;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:rgba(0,154,68,0.5); opacity:0;transition:.8s cubic-bezier(.14,1,.34,1) 0s;}
.index_mid_2_1_right ul li:hover:before,.index_mid_2_1_right ul li.on:before,.swiper-slide.on ul li:before{
opacity:.75;}
.index_mid_2_1_right ul li:nth-child(3){
margin-right:0}
.index_mid_2_1_right_mid{
overflow:hidden;}
.index_mid_2_1_right_mid img{
width:100%;}
.index_mid_2_1_right_mid_name{
position:absolute; z-index:10; left:0; width:100%; top:95%;transform:translateY(-50%); text-align:center; color:#009a44;}
.index_mid_2_1_right_mid_name span{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
font-size:1.5em; padding:0 1em; display:inline-block; position:relative}
.index_mid_2_1_right_mid_name span:before{opacity:0;
content:''; width:0em; height:1px; background-color:#fff; position:absolute; left:50%; bottom:0;transform:translateX(-50%); }
.index_mid_2_1_right ul li a{
display:block}
.index_mid_2_1_right ul li:hover .index_mid_2_1_right_mid_name span,.index_mid_2_1_right ul li.on .index_mid_2_1_right_mid_name span,.swiper-slide.on ul li .index_mid_2_1_right_mid_name span{
padding-bottom:.5em;}
.index_mid_2_1_right ul li:hover .index_mid_2_1_right_mid_name span:before,.index_mid_2_1_right ul li.on .index_mid_2_1_right_mid_name span:before,.swiper-slide.on ul li .index_mid_2_1_right_mid_name span:before{
opacity:1; width:1em;}
.index_mid_2_1_left{ margin-left:3.59281437125749%;
float:left; width:30.65868263473054%; margin-top:3.125vw;}
.index_mid_2_1_left_3{
color:#666;}
.index_mid_2_1_left_1 span{
font-size:1.125em; color:#000; display:inline-block; position:relative;}
.index_mid_2_1_left_1 span:after{
content:' -';}
.index_mid_2{
overflow:hidden; position:relative; padding-top:7.875em;}
.index_mid_2_2_left{margin-left:3.59281437125749%;
float:left; width:44.19161676646707%;}
.index_mid_2_2_left_pic ul li{
float:left; width:47.96747967479675%;}
.index_mid_2_2_left_pic ul li:nth-child(2n){
float:right}
.index_mid_2_2_left_pic_img{
overflow:hidden;}
.index_mid_2_2_left_pic_img img{
width:100%;}
.index_mid_2_2_right{
float:right; width:47.84431137724551%;}
.index_mid_2_2{
margin-top:8.0625em; margin-bottom:7.8125em;}
.index_mid_2_2_right_img{
overflow:hidden;}
.index_mid_2_2_right_img img{
width:100%;}
.index_mid_2_2_left_1 span{ padding-bottom:.35em;
display:inline-block; position:relative; font-size:1.5em;}
.index_mid_2_2_left_1 span:before{
content:''; position:absolute; left:0; bottom:0; height:2px; width:11px; background-color:#000;}
.index_mid_2_2_left_2{ line-height:1.8;
color:#666; margin-top:2em;}
.index_mid_2_1_left_3_qb{
color:#000; line-height:1.8;}
.index_mid_2_2_left_pic{
margin-bottom:6vw;}
.index_mid_2_bg{opacity:.73; width:49.94703389830508%;
position:absolute; z-index:0; left:5%; top:26.45051194539249%;}
.index_mid_3{border-top:1em #f3f3f3 solid;}
.index_mid_3_mid{ padding-top:8.75em; padding-bottom:8.75em; overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img12.jpg);}
.index_mid_3_mid_mid{ margin-left:8.31567796610169%;
background-color:#fff; max-width:30.5em;}
.index_mid_3_mid_mid_jj{
padding:3.4375em 12% 4em 12%;}
.viewbtn{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
display:block; position:relative; border-bottom:1px #999 solid; padding:1em 0; max-width:8.75em; color:#999;}
.viewbtn span{
display:block; position:relative; width:100%;}
.viewbtn span:after{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:'>'; font-family:"宋体"; position:absolute; right:0; top:50%;transform:translateY(-50%);}
.viewbtn:hover{
color:#000;}
.viewbtn:hover span:after{
right:10%;}
.viewbtn:after{
width:0; height:1px; background-color:#000; content:''; position:absolute; left:0; bottom:-1px;transition:.8s cubic-bezier(.14,1,.34,1) 0s;}
.viewbtn:hover:after{
width:100%;}
.index_mid_3_mid_mid_jj_1{
margin-top:5em;}
#newstop{
margin-top:3.64583333333333vw; margin-bottom:.1em;font-family:'方正兰亭中黑简体'}
.index_mid_4_2_mid_left{
float:left; width:51.07784431137725%;}
.index_mid_4_2_mid_right{ margin-top:4.375vw;
float:right; width:39.64071856287425%; margin-right:4.67065868263473%;}
.index_mid_4_2_mid_right_1{
font-size:.75em; color:#666;}
.index_mid_4_2_mid_right_1 span{
padding:0 10px;  }
.index_mid_4_2_mid_right_2{
font-size:1.5em; padding:.6em 0; position:relative;}
.index_mid_4_2_mid_right_2:after{
content:''; position:absolute; left:0; bottom:0; background-color:#000; width:1em; height:2px;}
.index_mid_4_2_mid_right_3{
color:#666; 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; margin:3em 0 2em 0;}
.index_mid_4_2{ overflow:hidden;
margin-top:3.5em; position:relative;}
.index_mid_4_2_mid_left{
overflow:hidden;}
.index_mid_4_2_mid_left img{
width:100%;}
.newspage{
max-width:15em; margin-top:3.75em; margin-bottom:15.625em;}
.newspage_mid{
position:relative; padding:0 1.875em;}
.newspage_mid_mid{
height:1px; background-color:#cdcdcd; position:relative;}
.newspage_mid_left{
position:absolute; left:0; font-size:.875em; top:50%;transform:translateY(-50%); cursor:pointer;}
.newspage_mid_right{
position:absolute; right:0; font-size:.875em; top:50%;transform:translateY(-50%); cursor:pointer;}
.news_r_b{ z-index:555;
position:absolute; right:4.67065868263473%; width:29.52095808383234%; top:53.66922234392114%;}
.news_r_b_img{
overflow:hidden;}
.news_r_b_img img{
width:100%;}
.newspage_mid_mid span{
position:absolute; left:0; top:0; height:100%; background-color:#000;}
.banner_img_jj{ width:100%;
position:absolute; left:0; top:50%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.viewbtn_banner{ text-align:left;
 color:#fff; margin:0 auto;}
.banner_img_jj_mid_1{
font-size:1.14583333333333vw; letter-spacing:.6em;}
.banner_img_jj_mid_2{ letter-spacing:.1em; margin-bottom:3.75vw;
font-size:3.75vw; margin-top:1.66666666666667vw; font-family:'方正兰亭中黑简体'}
.viewbtn_banner{
max-width:22.5em; border-color:#fff;}
.viewbtn_banner:hover{
color:#fff;}
.viewbtn_banner:after{
background-color:#fff;}
.index_banner_left{ color:#fff; z-index:100; top:50%; cursor:pointer;
position:absolute; left:4.94791666666667%;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;
display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;
position:absolute; right:4.94791666666667%;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;
display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.banner_img_jj_mid{
margin:0 3.125%;}
.banner_img_jj_mid img{
max-width:45.05208333333333vw;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin-right:1em;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{
left:10%; width:80%;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left; height:20px; line-height:20px;
background:none; position:relative; width:12px; color:#fff; margin-right:1em;}
.indexbanner .swiper-pagination-bullet:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0px; top:0%; opacity:1; background-position:center; background-repeat:no-repeat; background-image:url(../images/img11.png); height:100%;  width:100%;}
.indexbanner .swiper-pagination-bullet:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; width:100%; position:absolute; left:0px;   z-index:100; height:100%; top:0%; background-position:center; background-repeat:no-repeat; background-image:url(../images/img10.png);opacity:0;transition: width 7.3s ease-out 0s;}

.indexbanner .swiper-pagination-bullet-active:after{
  opacity:1; }
 .indexbanner .swiper-pagination-bullet-active:before{
  opacity:0; } 
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{
width:auto; left:3.125%; bottom:2em;}
/**********footer*****************/
#footer{ color:#ccc; overflow:hidden;
background-color:#3b3733;}
#footer 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;
color:#d9d9d9;}
#footer a:hover{
color:#fff;}
.comw{
margin:0 8.33333333333333%;}
.footer_1{
border-bottom:1px #878b90 solid; padding-top:1.75em; padding-bottom:1.75em; position:relative;}
.footer_1_right{
position:absolute; right:0; top:50%;transform:translateY(-50%);}
.footer_1_right ul li{
display:inline-block; margin-left:6px;}
.footer_1_right 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;
display:block; background-position:center; background-repeat:no-repeat; width:2.5em; height:2.5em; border:1px #bdbebf solid;border-radius:50%;}
.footer_1_right ul li a:hover{
background-color:#fff; border-color:#fff}
.footer_1_right ul li a.dy{
background-image:url(../images/i1.png);}
.footer_1_right ul li a.dy:hover{
background-image:url(../images/i1on.png);}
.footer_1_right ul li a.xhs{
background-image:url(../images/i2.png);}
.footer_1_right ul li a.xhs:hover{
background-image:url(../images/i2on.png);}
.footer_1_right ul li a.jd{
background-image:url(../images/i3.png);}
.footer_1_right ul li a.jd:hover{
background-image:url(../images/i3on.png);}
.footer_1_right ul li a.tm{
background-image:url(../images/i4.png);}
.footer_1_right ul li a.tm:hover{
background-image:url(../images/i4on.png);}

.footer_1_right ul li a.wb{
background-image:url(../images/i5.png);}
.footer_1_right ul li a.wb:hover{
background-image:url(../images/i5on.png);}

.footer_1_right ul li a.wx{
background-image:url(../images/i6.png);}
.footer_1_right ul li a.wx:hover{
background-image:url(../images/i6on.png);}

.footer_2_left{
float:left; width:19%;}
.footer_2_right{
float:right; width:17%;}
.footer_2_mid{
float:left; width:64%;}
.footer_2_left_1{
font-size:1.5em; color:#fff;}
.footer_2_left_2{
font-size:1.5em; color:#fff; line-height:1.8; margin:1em 0 .2em 0;}
.footer_2_left_3{
color:#7f766d}
.footer_2_left_3 ul li{
display:inline-block; text-align:center; font-size:.875em;}
.footer_2_left_3_2{
margin-top:.875em;}
.footer_2_left_3 ul li:nth-child(1){
margin-right:1.428571428571429em;}
.footer_2_left_mid{
padding-right:14%;}
.footer_2_right_1{ padding-bottom:.8em;
font-size:1.125em; color:#fff; position:relative;}
.footer_2_right_1:before{
content:''; position:absolute; left:0; bottom:0; height:1px; width:18px; background-color:#009A44;}
.footer_2_right_2{
font-size:.875em;}
.footer_2_right_mid{
padding-left:32%;}
.footer_2_right_mid dl dd{ text-align:center;   margin-top:10px; float:left; width:46.70658682634731%;
background-position:left 3px; background-repeat:no-repeat;}
 .footer_2_right_mid dl dd:nth-child(2n){
 float:right}
 .footer_2_right_mid dl dd img{
 width:100%;}
 .footer_2_right_2_dl_1_2{
 color:#c5c5c5; padding-top:8px;}
.footer_2_right_2_dl_1{ margin-bottom:30px;
margin-top:15px;  padding-bottom:10px;}
.footer_2_mid_mid ul li{
float:left; width:13%}
.footer_2_mid_mid{border-left:1px #4d4945 solid;border-right:1px #4d4945 solid; overflow:hidden; padding:0 1% 0 6%; min-height:235px;  }
.footer_2_mid_mid ul li dl dd{
font-size:.875em; margin-bottom:.875em;}
.footer_2_mid_mid ul li dl{
margin-top:1.125em;}
.footer_2_mid_mid_mid{
padding-right:1em;}
.footer_2_mid_mid ul li:last-child .footer_2_mid_mid_mid{
padding-right:0}
 
 
/*.footer_2_mid_mid ul li:nth-child(3){*/
/*width:19%;}*/
/*.footer_2_mid_mid ul li:nth-child(4){*/
/*width:16%;}*/
.footer_2{
margin-top:6.875em; margin-bottom:4em;}
.footer_3_left{
float:left; color:#666; font-size:.875em;}
.footer_3_right{
float:right; font-size:.875em; color:#666;}
#footer .footer_3_right a{
color:#666;}
#footer .footer_3_right a:hover{
color:#fff}
.footer_3{border-top:1px #4c4742 solid; padding:1.875em 0; }
/******about***********/
.midcon{
position:relative; z-index:10; background-color:#fff;}
.nybanner{
position:relative;}
.nybanner_img{
position:relative; width:100%; height:100vh;}
.nybanner_img_pc{background-attachment: fixed;
position:absolute; left:0; bottom:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_img_txt{
position:absolute; left:0; z-index:10; top:50%;transform:translateY(-50%); width:100%; text-align:center; color:#fff;}
.nybanner_img_txt_mid{
margin:0 9.73958333333333%;}
.about_1_mid{ -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); overflow:hidden;
margin-left:8.33333333333333%; position:relative; background-color:#fff;}
.nybanner_img_txt_mid_1{ 
font-size:4.16666666666667vw; letter-spacing:.1em;}
.nybanner_img_txt_mid_2{
font-size:1.04166666666667vw; letter-spacing:.3em; margin-top:.65vw;}
.about_com{
margin:0 9.73958333333333%; }
.about_1_mid_left_img{
overflow:hidden;}
.about_1_mid_left_img img{
width:100%;}
.about_1_mid_left{ height:100%;
position:absolute; position:absolute; left:0; top:0; overflow:hidden; width:42.71954674220963%;}
.about_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.jpg);}
.about_1_mid_left_footer{ right:-16.19190404797601%;
position:absolute; z-index:10; background-color:#fff; padding:5px; bottom:-11.31386861313869%; width:44.07796101949025%;}
.about_1{ position:relative; background-color:#f1f4f7; overflow:hidden; padding:5em 0;}
.about_1_mid_right{
margin-left:42.71954674220963%; 
 }
.about_1_mid_right_mid{ padding-top:5.625em; padding-bottom:5.625em; padding-right:15.7581764122894%;padding-left:10.60455896927651%;}
.about_1_mid_right_1{
font-size:2.7vw; margin-top:4vw;}
.about_1_mid_right_mid_1{
font-size:.9375em;}
.about_1_mid_right_mid_1 span{
display:inline-block; position:relative;}
.about_1_mid_right_mid_1 span:before{
content:''; position:absolute; width:54px; height:1px; background-color:#009A44; top:50%; margin-top:-.5px; left:-63px;}
.about_1_mid_right_mid_2{
font-size:2.25em; margin-top:.5em;}
.about_1_mid_right_mid_3{
font-size:1.125em; margin-top:1em; line-height:1.8;}
.about_1_mid_right_mid_4{
color:#333; line-height:1.8; margin-top:0.375em;}
.about_2{ color:#fff; padding-bottom:5.5625em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.jpg); overflow:hidden;}
.about_1_mid_right_mid_1_nf span{
padding-left:63px;}
.about_1_mid_right_mid_1_nf span:before{
left:0}
.about_2 .about_1_mid_right_mid_2{
margin-top:2.5em;}
.about_2_2{
font-size:1.125em; line-height:1.6; margin-top:1em;
}
.about_2_3{
background-position:left bottom; background-repeat:repeat-x; background-image:url(../images/img3.png);}
.about_2_3 ul{  position:relative;
background-position:left bottom; overflow:hidden; background-repeat:repeat-x;}
.about_2_3 ul:after{background-image:url(../images/img4.png);
content:''; position:absolute; left:0; bottom:5px; width:100%; height:4px; width:100%;}
.about_2_3 ul li{ position:relative; cursor:pointer;
float:left; text-align:center; color:#fff; position:relative; height:3.95em;}
.about_2_3 ul li a{ font-size:1.125em; top:1em;
display:block; color:#fff; position:relative; z-index:10;}
.about_2_3 ul li.current a,.about_2_3 ul li:hover a{
font-size:2em; top:0}
.about_2_3 ul li:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #009A44; visibility: hidden; transform: scale(0, 1); transform-origin: 100% 100%; transition: transform .3s, visibility .3s;}
 
.about_2_3 ul li.current:before { visibility: visible; transform: none; }
.about_2_3 ul li:hover:before { visibility: visible; transform: none; transform-origin: 0 100%; }
.about_2_3 ul li:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:50%; margin-left:-.5px; height:10px; background-color:#fff; bottom:5px; width:1px;}
.about_2_4_1{
font-size:1.5em; margin-bottom:.6em;}
.about_2_4_2{
margin-bottom:2em;}
.about_2_4{
margin-top:3.375em;}
.about_honor_1{
position:relative;}
.about_honor_1_right_1{
position:absolute; right:0; top:0;}
.about_honor_1_right_2{
position:absolute; right:0; bottom:0;}
.about_honor_1_right_2 ul li{
  float:left; padding:0 1em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img11.png);}
.about_honor_1_right_2 ul li a{
font-size:1.125em; color:#000}
.about_honor_1_right_2 ul li:nth-child(1){
padding-left:0; background-image:none}
.about_honor_1_right_2 ul li:nth-child(2){
padding-right:0}
.about_honor_1_right_2 ul li a.on{
font-weight:bold}
.about_honor{
margin-top:5.875em;}
.about_honor_2{
margin-top:2.5em;}
.about_honor_2_1{ padding-right:1.375em;
color:#000; position:relative; border-bottom:1px #cccccc solid; padding-bottom:1em;}
.about_honor_2_1:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:-1px; background-color:#009A44; z-index:10; height:1px; width:0;}
.about_honor_2_1:before{
content:''; position:absolute; right:0; top:0; width:1.25em; height:1.25em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img6.png);}
.swiper-slide:hover .about_honor_2_1:after{
width:100%;}
.about_honor_3{
background-color:#f1f4f7; overflow:hidden; padding-top:4.5em;}
.dutylink{ margin:10px; -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); 
display:block; background-color:#fff;}
.about_6_2_mid_dy{
overflow:hidden}
.about_6_2_mid_dy img{
width:100%;}
.about_duty_jj{
text-align:center; padding:1em;}
.about_duty_name{
font-size:1.125em; color:#000}
/*页面二级导航栏*/
.navlist{
    box-shadow: 0px 2px 4px #e8e1e1;
    display: flex;
    
     margin: 20px auto;
     justify-content:center;
}
.navlist span{
    padding: 15px 10px;
}
.navlist span a{
    font-size: 1em;
     transition: all 0.3s;
     padding: 5px;

}
.navlist span a:hover{
    background-color: #009A44;
    color: #fff;
    transition: all 0.3s;
    border-radius: 5%;
}
.about_duty_time{
color:#848484; font-size:.875em; margin-top:1em;}
.about_duty_time span{
display:inline-block; padding:0 5px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img13.png);}
.about_duty_time span:nth-child(1){
background-image:none}
.about_duty{
margin-top:2.25em; margin-bottom:11em;}
.indexpro_act_left_dy{ left:1em; top:34%; cursor:pointer; color:#fff; font-family:"宋体"; text-align:center; line-height:1.875em;
position:absolute; z-index:10; border:1px rgba(0, 0, 0, 0.15) solid; width:1.875em; height:1.875em;border-radius:100%;}
.indexpro_act_left_dy:hover{
border:1px #fff solid; background-color:#009A44}

.indexpro_act_right_dy{ right:1em; top:34%; cursor:pointer; color:#fff; font-family:"宋体"; text-align:center; line-height:1.875em;
position:absolute; z-index:10; border:1px rgba(0, 0, 0, 0.15) solid; width:1.875em; height:1.875em;border-radius:100%;}
.indexpro_act_right_dy:hover{
border:1px #fff solid; background-color:#009A44}
.project_mid_mid{
margin:0 auto; max-width:69.27083333333333%;}
.project_mid_mid_left{
float:left; width:50%; overflow:hidden}
.project_mid_mid_left img{
width:100%;}
.project_mid_mid_right{
float:right; width:50%; margin-top:5.20833333333333vw;}
.project_mid_mid_right_mid{
padding:0 2vw 0 3.125vw;}
.project_mid_mid_right_mid_1 h3{ padding-right:2.333333333333333em;
display:inline-block; position:relative; padding-bottom:.3em; font-weight:normal; font-size:1.875em;}
.project_mid_mid_right_mid_1 h3:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:0.7333333333333333em; background-color:#e2bca4;}
.project_mid_mid_right_mid_1 h3 span{
position:relative; z-index:10;}
.project_mid_mid_right_mid_2{
color:#666; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:1.375em; margin-bottom:1.5em;}
.project_mid ul li{
padding:5.375em 0;  }
.project_mid ul li:nth-child(2n){
background-color:#f9f5f1}
.project_mid ul li:nth-child(2n) .project_mid_mid_left{
float:right}
.project_mid ul li:nth-child(2n) .project_mid_mid_right{
float:left}
.tech_1_mid_left{ position:relative;
float:left; width:48.97196261682243%;}
.tech_1_mid_right{
float:right; width:49.84423676012461%; margin-top:3em;}
.tech_1_mid_left_mid{ z-index:10;
position:relative; margin-right:2em; margin-bottom:2em; overflow:hidden}
.tech_1_mid_left_mid img{
width:100%;}
.tech_1_mid_left_bg{
position:absolute; right:0; bottom:0; height:calc(100% - 2em); background-color:#f1f4f7;width:calc(100% - 2em);}
.tech_1_mid_right_mid_1{
font-size:.875em;}
.tech_1_mid_right_mid_2{
font-size:2.25em; margin-top:.5em; margin-bottom:.75em;}
p.pt{
font-size:1.125em;}
.tech_1_mid_right_mid_3{
line-height:2;;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 9;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:1.875em;}
.tech_1_mid_right_mid{
padding-left:3.125vw; position:relative}
.tech_1_mid_right_mid:after,.tec_2_1:after{
content:''; position:absolute; left:0; top:.5em; height:1px; background-color:#009A44; width:2.5vw;}
.tec_2{ padding-top:6.5625em;
position:relative}
.tec_2_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.jpg);
position:absolute; left:0; top:0; width:100%; height:36.14583333333333vw;}
.tec_2 .comw{
position:relative; z-index:10;}
.tec_2_1{
color:#fff; padding-left:6.25vw; position:relative;}
.tec_2_1:after{
left:3.125vw;}
.tec_3{
background-color:#fff;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);}
.tec_3_mid{
padding:4vw 6.25vw;}
.tech_1_mid_left_r{
float:right}
.tech_1_mid_right_l{
float:left; margin-top:0em;}

.pt3{
font-size:1.125em; font-weight:600; margin-top:.5em;}
.tech_1_mid_right_mid_3 .pt3:nth-child(1){
margin-top:0}
.tech_1_mid_left_r .tech_1_mid_left_mid{
margin-left:2em; margin-right:0}
.tech_1_mid_left_r .tech_1_mid_left_bg{
right:auto; left:0;}
.pt2{
font-size:1.5em; color:#000; margin-bottom:.875em;}
.tec_3_mid_1{
color:#666; line-height:1.8;  }

.tec_3_mid_2 ul{
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;}
.tec_3_mid_2 ul li{  
flex: 0 1 32.5%;  
max-width: 32.5%; margin-right:1.25%; margin-bottom:1.375em}
.tec_3_mid_2 ul li:nth-child(3n){
margin-right:0}
.tec_3_mid_2_mid{
position:relative; border:1px #dfdfdf solid; padding:1em 1em 1em 0;}
.tec_3_mid_2_mid_left{ text-align:center;
position:absolute; left:0; top:0; height:100%; text-align:center; width:5.72916666666667vw;}
.tec_3_mid_2_mid_right{
margin-left:5.72916666666667vw;}
.tec_3_mid_2_mid_left img{
max-width:64%}
.tec_3_mid_2_mid_right_1{
font-size:1.25em;}
.tec_3_mid_2_mid_right_2{
font-size:.875em; line-height:1.7; margin-top:8px;}
.tec_3_mid_2{
margin-top:3.5em; margin-bottom:1.5em;  }
.fac_1_mid_left{
float:left; overflow:hidden; width:45.85669781931464%;}
.fac_1_mid_left img{
width:100%;}
.fac_1_mid_right{ margin-top:1.5em;
float:right; width:50%;}
.fac_1_mid_right_1{
margin-top:3em;}
.fac_1_mid_right_1 ul li{
float:left; width:46.48648648648649%; overflow:hidden}
.fac_1_mid_right_1 ul li img{
width:100%;}
.fac_1_mid_right_1 ul li:nth-child(2n){
float:right}
.fac_1{
margin-top:8.75em; margin-bottom:8.75em;}
.tech_1_mid_right_mid_pl{
padding-left:0}
.fac_2{ overflow:hidden; color:#fff; padding-top:6.875em; padding-bottom:6.75em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img10.jpg);}
.tech_1_mid_right_mid_1_hl{
padding-left:3.125vw;}

#contact_map{ padding:6.25vw 0;
background-color:#f5f5f5; overflow:hidden}
.contact_map_mid{ position:relative;
background-color:#fff; padding:10px;}
#map22{
height:43.4375em;}
.css_animation2 i{border-radius:50%; display:block; background-color:#1180c6; opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%;transform: scale(.8, .8); }
.css_animation2{ width:137px;
  height:137px; left:-68.5px; top:-68.5px;}
.css_animation2:before{transform:translate(-50%, -50%); z-index:10; 
content:''; position:absolute; left:50%; top:50%; width:65px; height:77px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.png);}
.contact_map_mid_info{ top:12%; position:absolute; left:7.91277258566978%;
background-color:#fff; height:76%; z-index:100; width:39.75077881619938%;}
.contact_map_mid_info_mid{}
.contact_map_mid_info_mid_1_1{
font-size:1.125em; color:#000}
.contact_map_mid_info_mid_1_2{ line-height:1.6; margin-top:10px;
color:#383838}
.contact_map_mid_info_mid_1 ul li{
padding:1.5em 0; border-bottom:1px #e3e3e3 solid; position:relative;}
.contact_map_mid_info_mid{
margin:0 1.5em; margin-top:3.75em;}
.contact_map_mid_info_mid_1 ul li:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:-1px; height:1px; width:0; z-index:100; background-color:#009A44;}
.contact_map_mid_info_mid_1 ul li:hover:after,.contact_map_mid_info_mid_1 ul li.on:after{
width:100%;}








.fac_2_list ul{
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;}
.fac_2_list ul li{  
flex: 0 1 32%;  
max-width: 32%; margin-bottom:1em; margin-right:1%;}
.fac_2_list_mid{
border:1px #fff solid;border-radius:3px; position:relative; padding:1.5em; padding-left:4.47916666666667vw; padding-right:1em;}
.fac_2_list_mid_left{
position:absolute; left:0; top:1.5em; text-align:center; width:4.47916666666667vw;}
.fac_2_list_mid_left img{
max-width:2.5vw;}
.fac_2_list_mid_right_1{
font-size:1.125em;}
.fac_2_list_mid_right_2{
line-height:1.6; margin-top:8px;}
.fac_2_list{
padding-bottom:2.5em;}
.phcx_link{
display:inline-block; width:13.75em; height:3.75em; text-align:center; background-color:#009A44; color:#000; line-height:3.75em;}
.phcx_link span{ display:inline-block;
color:#2e2d2d; font-size:1.125em; position:relative; padding-left:1.555555555555556em;}
.phcx_link span:before{
content:''; position:absolute; left:0; top:50%; width:0.9444444444444444em; height:0.8333333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img9.png);transform:translateY(-50%);}
.fac_3_left{
float:left; width:56.69781931464174%;}
.fac_3_right{ position:relative;
float:right; width:41.74454828660436%;}
.fac_3_right_mid{ position:relative; z-index:10;
overflow:hidden; margin-left:2em; margin-bottom:2em;}
.fac_3_right_mid img{
width:100%;}
.fac_3_right_bg{
position:absolute; left:0; bottom:0; background-color:#f1f4f7;height:calc(100% - 2em);width:calc(100% - 2em);}
.fac_3_1{ margin-bottom:2.5em;
font-size:1.125em;}
.fac_3_2{
font-size:1.125em; color:#000;}
.fac_3_3{
color:#333; line-height:1.8; margin-top:1em; margin-bottom:1.5em;}
.tech_1_mid_right_mid_2_sm{
margin-bottom:.2em;}
.fac_3_4 ul li,.list-paddingleft-2 li{ padding-left:1.5em;
color:#333; position:relative; margin-bottom:.75em;}
.fac_3_4 ul li:before,.list-paddingleft-2 li:before{
content:''; position:absolute; left:0; top:.05em; width:1.0625em; height:1.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img13.png);}
.fac_3_4{
margin-bottom:2.5em;}
.fac_3_5{ max-width:51.0989010989011%;
overflow:hidden; margin-top:4em;}
.fac_3_5 img{
width:100%;}
.fac_3{
margin-top:9em; margin-bottom:9em;}
.qb_news_1_mid{
margin:0 auto; max-width:69.27083333333333%;}
.qb_news_1_mid_left{
float:left; position:relative; width:51.65413533834586%;}
.qb_news_1_mid_left_mid{ overflow:hidden;
margin-right:1.25em; margin-bottom:1.25em; position:relative; z-index:10;}
.qb_news_1_mid_left_mid img{
width:100%;}
.qb_news_1_mid_right{ margin-top:4.16666666666667vw;
float:right; width:45.71428571428571%;}
.qb_news_1_mid_left_bg{
position:absolute; right:0; bottom:0; background-color:#f1f4f7;height:calc(100% - 1.25em);width:calc(100% - 1.25em);}
.qb_news_1_mid_right_1 span{ padding-left:3.125vw;
display:inline-block; position:relative; font-size:.875em; color:#000}
.qb_news_1_mid_right_1 span:after{ background-color:#009A44;
content:''; position:absolute; left:0; top:50%; height:1px; margin-top:-.5px; width:2.8125vw;}
.qb_news_1_mid_right_2{
font-size:1.5em; margin-top:.875em; margin-bottom:.875em;}
.qb_news_1_mid_right_2 a{
color:#000;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.qb_news_1_mid_right_2 a:hover{
color:#009A44}
.qb_news_1_mid_right_3{
color:#333; 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; margin-bottom:1.875em; }
.qb_news_1 ul li{
padding:6.25em 0;}
.qb_news_1 ul li:nth-child(2n){
background-color:#f1f4f7}
.qb_news_1 ul li:nth-child(2n) .qb_news_1_mid_left{
float:right}
.qb_news_1 ul li:nth-child(2n) .qb_news_1_mid_right{
float:left}
.pagination{
text-align:center; margin-top:1.6875em; margin-bottom:6em;}
.pagination li{
display:inline-block;}
.pagination li span,.pagination 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; font-size:1.125em; color:#4a4a4a;
display:inline-block; padding:.2em .6em;}
.pagination li.active span,.pagination li a:hover{
background-color:#009A44; color:#fff}
.qb_n_t{
font-size:14px; color:#666666}
.news_info_con_mid_1 h1{
font-weight:normal; font-size:24px; margin-top:15px;}
.qb_job_1{ overflow:hidden; padding-top:6em; padding-bottom:6em;
background-color:#f1f4f7}
.qb_job_1_mid{
position:relative; padding:6.0625em 0;}
.qb_job_1_mid_left{
position:absolute; left:0; top:0; height:100%; width:43.2398753894081%;}
.qb_job_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.qb_job_1_mid_right{ background-color:#fff; padding-left:3.125vw; padding-right:3.125vw;
position:relative; margin-left:35.26479750778816%; padding-top:5.46875vw; padding-bottom:5.46875vw;}
.qb_job_1_mid_right_2 ul li{ margin-top:1.875em; position:relative; cursor:pointer;
float:left; width:49%; border-bottom:1px #d6d6d6 solid;}
.qb_job_1_mid_right_2 ul li:nth-child(2n){
float:right}
.qb_job_1_mid_right_2_1{
color:#020202; font-size:1em;}
.qb_job_1_mid_right_2_2{
font-size:.875em; color:#666; margin-top:10px; margin-bottom:12px;}
.qb_job_1_mid_right_2_2 span{
  margin-left:.5em;}
.qb_job_1_mid_right_2_2 span:nth-child(1){
margin-left:0}
.qb_job_1_mid_right_2 ul li:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:-1px; z-index:10; height:1px; width:0; background-color:#009A44;}
.qb_job_1_mid_right_2 ul li:hover:after{
width:100%;}
.qb_job_1_mid_right_1{
font-size:1.125em; color:#030303; margin-bottom:.5em;}











.about_1_mid_right_2{
font-size:1.875vw; margin-top:2vw; margin-bottom:1.2vw;}
.about_1_mid_right_3{ position:relative; z-index:10;
color:#666; line-height:1.8; max-height:9.0em; overflow-y:auto;}
.about_2_mid{
padding:8.125em 0 5em 0;  }
.about_2_mid_left{ position:relative;
float:right; width:48.38541666666667%;}
.about_2_mid_left_mid{
overflow:hidden;}
.about_2_mid_left_mid img{
width:100%;}
.about_2_mid_right{ margin-left:9.73958333333333%;
float:left; width:37.70833333333333%;}
.about_2 .about_1_mid_right_3{
max-height:21.6em;}
.about_2_mid_left_top{pointer-events:none;
position:absolute; right:0; width:57.71305285868393%; height:16.25em; top:-16.25em; background-color:#fdfaf8}
.about_2_mid_left_footer{
position:absolute; right:0; width:57.71305285868393%; height:16.25em; bottom:-16.25em; background-color:#fdfaf8}
.about_3_mid_left{ position:relative;
float:left; width:58.48958333333333%;}
.about_3_mid_left_mid{
margin-right:1.25em; overflow:hidden; position:relative; z-index:10;}
.about_3_mid_left_mid img{
width:100%;}
.about_3_mid_left_bg{
position:absolute; width:100%; height:100%; top:1.25em; background-color:#e2bca4;}
.about_3_mid_right{margin-right:9.73958333333333%;
float:right; width:26.875%;}
.about_3{
margin-bottom:6.25em;}
.about_3_mid_right_1{
overflow:hidden; margin-left:30.69498069498069%; margin-top:6.25em;}
.about_3_mid_right_1 img{
width:100%;}
.about_4{
position:relative; padding:7.5em 0; margin-bottom:4.625em;}
.about_4_bg{
position:absolute; left:0; top:0; height:100%; width:90.26041666666667%;}
.about_4_bg_img{ z-index:0;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img6.jpg);}
.about_4_mid{ color:#fff; position:relative; z-index:10;  
width:50.9375%; float:right;background-color:rgba(218,173,145,.86);}
.about_4_mid_mid{
padding:0 9% 7.03125vw 9%}
.about_4_mid_mid_1_2{ line-height:1.5;
  margin-top:.4em;transform: translateY(40px);
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden; height:0;}
.about_4_mid_mid_1 ul li{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); 
margin-bottom:1.125em; cursor:pointer}
.about_4_mid_mid_1 .swiper-slide-active ul li:nth-child(2){transition-delay:.2s;}
.about_4_mid_mid_1 .swiper-slide-active ul li:nth-child(3){transition-delay:.3s;}
.about_4_mid_mid_1 .swiper-slide-active ul li:nth-child(4){transition-delay:.4s;}
.about_4_mid_mid_1 .swiper-slide-active ul li:nth-child(5){transition-delay:.5s;}
.about_4_mid_mid_1 .swiper-slide-active ul li{
opacity:1;transform:translateY(0px);}
.about_4_mid_mid_1 ul li.on .about_4_mid_mid_1_1{
font-size:1.5em;transition: all .5s ease;}
.about_4_mid_mid_1 ul li.on .about_4_mid_mid_1_2{
opacity: 1;transform: translateY(0px);
	filter: alpha(opacity=100);transition: all .5s ease;
	visibility: visible; height:auto}
.about_4_mid_mid_2 a{ text-align:center; margin-right:10px; font-family:"宋体"; color:#fff;
display:inline-block; position:relative; width:2.25em; height:2.25em; text-align:center; line-height:2.25em; border:1px  rgba(255, 255, 255, 0.54) solid;border-radius:50%; background-position:center; background-repeat:no-repeat;}
 
.about_4_mid_mid_2 a:hover{
background-color:#009A44; border-color:#009A44; color:#6e503c}
.about_4_mid_mid_2 a.about_4_mid_mid_2_left:hover{
background-image:url(../images/img8on.png);}
.about_4_mid_mid_2 a.about_4_mid_mid_2_right:hover{
background-image:url(../images/img9on.png);}
.about_4_mid_mid_1{
margin:3em 0 2em 0; min-height:290px;}
.about_5_mid_left_img{ position:relative; z-index:10;
overflow:hidden; margin-left:1.25em;}
.about_5_mid_left_img img{
width:100%;}
.about_5_mid_left{
position:relative; width:54.93506493506494%; float:left;}
.about_5_mid_right{
float:right; width:40.90909090909091%;}
.about_5{ position:relative;
margin-top:9.6875em; margin-bottom:11.5625em;}
.about_5_mid_left_bg{
position:absolute; left:0; top:1.25em; width:calc(100% - 1.25em); height:100%; background-color:#f6ebe4;}
#about_5_mid_right_1,#about_6_1_1,#about_10_mid_left_1,#about_5_mid_right_1_kn,#about_5_mid_right_1_con{
margin-top:0.5vw;}
#about_5_mid_right_2,#about_10_mid_left_2{
max-height:none; overflow:hidden}
.about_5_r{ top:-4em;
position:absolute; right:6.77083333333333%;}
.about_6{ overflow:hidden; color:#fff; text-align:center;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img13.jpg);}

.indexpro_act_mid{
position:relative}
.indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center }

@keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}
.indexpro_act{
margin:4.75em auto 6.875em auto; max-width:21.25em; position:relative; height:1.25em;}
.indexpro_act_left{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer; z-index:10; cursor:pointer;
position:absolute; left:0; width:110px; height:9px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img7.png);}
.indexpro_act_mid{
text-align:center}
.indexpro_act_right{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer;
position:absolute; right:0; width:110px; height:9px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img8.png);}
.about_6_2_mid{
overflow:hidden; padding-bottom:1em;}
.about_6_2_mid img{
width:100%;}
.about_6_2 .swiper-slide:nth-child(2n) .about_6_2_mid img{
transform:translateY(3.38541666666667vw); 
}
.about_6_2{
margin-top:3.84583333333333vw;}
.about_7_mid_left{
float:left; width:36.75324675324675%;}
.about_7_mid_right{ position:relative;
float:right; width:58.83116883116883%;}
.about_7_mid_right_mid{ position:relative; z-index:10;
overflow:hidden; margin-right:1.25em;}
.about_7_mid_right_mid img{
width:100%;}
.about_7_mid_right_bg{
position:absolute; right:0; top:1.25em; height:100%; width:calc(100% - 1.25em); background-color:#f8eee8}
.about_7{
margin-top:7.6875em; margin-bottom:10.9375em;}
.about_8_mid_pic{
overflow:hidden; position:relative}
.about_8_mid_pic img{
width:100%;}
.about_8{
background-color:#fbf9f8; padding:5.375em 0;}
.vrlink{ text-align:center; width:100%;
display:block; position:absolute; z-index:10; left:50%; top:50%;transform:translate(-50%, -50%);}
.vrlink span{width:10.72916666666667vw; height:11.30208333333333vw; display:block; position:relative; margin:0 auto;}
.vrlink .about_1_mid_right_1{
margin-top:1vw;}
.vrlink .about_1_mid_right_2{
margin-top:.7vw; margin-bottom:0}

.vrlink span:before{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img17.png);-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
/*.vrlink:hover:before{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}	*/
.about_9{ margin-top:8.75em; margin-bottom:8.75em;
position:relative;}
.about_9_mid_left{
float:left; width:50%; position:relative;}
.about_9_mid_left_mid{
overflow:hidden; margin-right:1.25em; position:relative; z-index:10;}
.about_9_mid_left_mid img{
width:100%;}
.about_9_mid_left_bg{
position:absolute; right:0; top:1.25em; width:100%; height:100%; background-color:#f7ece5;}
.about_9_mid_right{ margin-right:9.73958333333333%;
float:right; width:35.78125%;}
.about_10_mid_left{
float:left; width:35.64935064935065%;}
.about_10_mid_right{
float:right; width:62.12987012987013%;}
#about_10_mid_left_top{
margin-top:4.3125vw;}
.about_11{
background-color:#fff;}
.honor_1_1{
text-align:center}
.about_1_mid_right_2_span{
display:inline-block; position:relative;}
.about_1_mid_right_2_span:before{
content:''; position:absolute; left:-1.3em; bottom:.1em;  width:calc(100% + 2.6em ); height:30%; background-color:#f9f1ec;opacity:.8; z-index:-1;}
.honor_1_2 ul li{ margin-top:3.5625em;
float:left; width:23.44155844155844%; margin-right:2.07792207792208%;}
.honor_1_2 ul li:nth-child(4n){
margin-right:0}
.honor_1_2_jj{ border-bottom:1px #f0efef solid;
padding:1.25em 0; position:relative; padding-right:5em;}
.honor_1_2_jj_right{
position:absolute; right:1.25em; top:50%;transform:translateY(-50%);}
.honor_1_2 ul li:hover .honor_1_2_jj_right{
right:0}
.honor_1_2_jj_right span{ width:2.3125em; height:2.4375em;
display:block; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img22.png);}
.honor_1_2_jj_left_1{
font-size:1.25em; color:#000;}
.honor_1_2_jj_left_2{
color:#666; margin-top:.3em; font-family:Calibri; font-size:.875em;}
.honor_1_2_jj_left_2 span{
padding:0 .3em;}
.pagecom{
margin:5em 0;}
.honor_1_2_img{
height:13.54166666666667vw; overflow:hidden}
.honor_1_2_img img{
width:100%;}
.pagecom{
text-align:center}
.pagecom ul li{
display:inline-block; margin:0 .5em;}
.pagecom ul li a{
color:#232323; font-size:1.125em; display:inline-block; padding:0 .2em; position:relative}
.pagecom ul li.active span{ position:relative;
color:#e2bca4; display:inline-block; padding:0 .2em; font-size:1.125em;}
.pagecom ul li.active span:after{
content:''; position:absolute; left:0; bottom:-.2em; width:100%; height:1px; background-color:#e2bca4}
.pagecom ul li:nth-child(1),.pagecom ul li:last-child{
font-family:"宋体"; font-size:1.25em;}
.honor_1{
overflow:hidden; position:relative}
.honor_1_rb{
position:absolute; right:6.77083333333333%; top:4.79166666666667vw;}
.duty_1_mid_left{ overflow:hidden;
float:left; width:48.4375%;}
.duty_1_mid_right{ margin-right:9.73958333333333%;
float:right; width:38.75%;}
.duty_1_mid_right_1{ margin-top:2.5vw;
font-family:Calibri; font-size:1.125em;}
.duty_1_mid_right_1 .viewbtn{
padding:.6em 0;}
.duty_1_mid{
position:relative; overflow:hidden; padding-bottom:5em; margin-top:9.6875em;}
.duty_1_mid:after{ width:80.52083333333334%; left:0; bottom:0; height:62.09195402298851%;
content:''; position:absolute; z-index:-1; background-color:#f9f4f0; left:9.73958333333333%;  }
.duty_1_mid_right_mid{
width:86.4247311827957%;} 
.duty_2 .duty_1_mid_left{
float:right;}
.duty_2 .duty_1_mid_right{
margin-left:9.73958333333333%; margin-right:0}
.duty_1_top{
overflow:hidden; position:relative}
.job_3_2_mid_1{
overflow:hidden; position:relative}
.job_3_2_mid_1 img{
width:100%;}
.duty_3_list .swiper-slide{padding: 0 calc((100vw - 915px) * 0.0260416666666667); width:915px;}
.duty_3_list .swiper-slide .job_3_2_mid_1:before{transition:.8s cubic-bezier(.14,1,.34,1);
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#000; opacity:.3;}
.duty_3_list .swiper-slide-active .job_3_2_mid_1:before{
opacity:0;visibility: hidden;}
.job_3_2_mid_2{ padding:0 3em;
text-align:center; margin:0 auto; max-width:32.55208333333333vw;}
.job_3_2_mid_2_1{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
font-size:1.875em; margin-top:1.541666666666667em; margin-bottom:.2em; color:#000; line-height:1.5;}
.job_3_2_mid_2_2{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
font-family:Calibri; color:#666;transition-delay:.3s; font-size:.875em;}
.job_hd{ left:50%; bottom:0; z-index:10; font-family:"宋体";
position:absolute; width:32.55208333333333vw;transform:translateX(-50%);}
.job_hd_left{ cursor:pointer;opacity:.4;
font-size:3em; float:left; position:relative;}
.job_hd_right{ cursor:pointer; position:relative;
float:right; font-size:3em;opacity:.4;}
.duty_3_list .swiper-slide-active .job_3_2_mid_2_1,.duty_3_list .swiper-slide-active .job_3_2_mid_2_2{
opacity:1;transform:translateY(0px);}
.duty_3_list{
margin-bottom:5em; margin-top:5em;}
.job_3_2_mid_2_2 span{
padding:0 .4em;}
.job_hd_left:hover,.job_hd_right:hover{
opacity:1;}
/**********product***********/
.procom{
margin:0 auto; width:72.91666666666667%;}
.pro_1_1{ margin-top:8.5625em; margin-bottom:5em;
position:relative; padding-right:45%;}
.pro_1_1_right{ color:#666; line-height:1.7; font-size:1.125em;
position:absolute; right:0; bottom:0; width:41.92857142857143%;}
.pro_1_1_left_1{
font-size:3em;}
.pro_1_1_left_2{
font-size:2.25em; margin-top:.1em;}
.pro_1{ overflow:hidden;
position:relative;}
.pro_1_rb{ top:4.79166666666667vw;
position:absolute; right:6.77083333333333%;}
.sact{transform:translateX(-50%); bottom:8.29145728643216%; z-index:10000; font-family:"宋体"; color:#fff;
position:absolute; left:50%; width:4.625em; height:4.625em; border:0.1875em rgba(255,255,255,.83) solid;border-radius:100%;}
.sact_left{ cursor:pointer;
position:absolute; font-size:1.875em; left:.4em; top:50%;transform:translateY(-50%);}
.sact_right{ cursor:pointer;
position:absolute; font-size:1.875em; right:.4em; top:50%;transform:translateY(-50%);}
.pro_2_pc{ position:relative;
margin-bottom:3.75em;}
.pro_2_pc_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_2_pc_bg_type_0{
z-index:0;}
.pro_2_pc_bg_type_1{
z-index:2;pointer-events:none;}
.pro_2{
margin-bottom:7.1875em;}
/*********knowledge******************/
.kn_1_mid_left{ position:relative;
float:left; width:51.49350649350649%;}
.kn_1_mid_left_pic{ margin-right:1.25em;
overflow:hidden; position:relative; z-index:10;}
.kn_1_mid_left_pic img{
width:100%;}
.kn_1_mid_left_bg{
position:absolute; right:0; top:1.25em; width:100%; height:100%; background-color:#f8f1e9;}
.kn_1_mid_right{
float:right; width:40.25974025974026%;}
.kn_1_mid_right_mid{ position:relative; z-index:10;
padding-right:18.70967741935484%;}
.kn_1_mid{
margin-top:11.8125em; margin-bottom:7em; position:relative;}
.kn_1_mid:before{ height:61.6600790513834%; background-color:#faf4ee; display:none;
content:''; position:absolute; right:0; bottom:0; width:16.16883116883117%;}
.kn_1{
position:relative; overflow:hidden}
.kn_2_mid_2_img{
overflow:hidden;}
.kn_2_mid_2_img img{
width:100%;}
.kn_2_mid_2_jj_mid_1{
font-size:1.25em; line-height:1.7; color:#000;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1.375em 0 1em 0;}
.kn_2_mid_2_jj_mid_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#666; line-height:1.7;}
.kn_2_mid_2_jj_mid_3{
color:#666; margin-top:2em; font-size:.875em; font-family:Calibri;}
.kn_2_mid_2_jj_mid_3 span{
padding:0 .4em;}
.kn_2_mid_2_jj_mid{
padding-right:14.69387755102041%;}
.kn_2_mid_2_jj{ min-height:253px;
padding-bottom:2.25em; border-bottom:1px #eaeaea solid; position:relative}
.kn_2_mid_2_jj:before{ width:0;
content:''; position:absolute; left:0; bottom:-1px; height:1px; background-color:#e2bca4;transition:.8s cubic-bezier(.14,1,.34,1) 0s;}
.kn_2_mid_2 .swiper-slide a{
display:block;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(.5, .5);}
.kn_2_mid_2 .animated .swiper-slide a{transform: scale(1, 1);}
.kn_2_mid_2 .swiper-slide a:hover .kn_2_mid_2_jj:before{
width:100%;}
.kn_2_mid_2_left{ left:1.5em; top:6.66666666666667vw; color:#fff;border-radius:100%; font-family:"宋体"; cursor:pointer;
position:absolute; z-index:10; width:3.4375em; height:3.4375em; text-align:center; line-height:3.4375em; border:1px rgba(255,255,255,.24) solid}
.kn_2_mid_2_left:before{border-radius:100%;transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:'';transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; width:2.1875em; height:2.1875em; background-color:rgba(0,0,0,.5);}
.kn_2_mid_2_left span{
position:relative; z-index:10; font-size:1.125em;}
.kn_2_mid_2_left:hover:before{
background-color:rgba(226,188,164,.5);}

.kn_2_mid_2_right{ right:1.5em; top:6.66666666666667vw; color:#fff;border-radius:100%; font-family:"宋体"; cursor:pointer;
position:absolute; z-index:10; width:3.4375em; height:3.4375em; text-align:center; line-height:3.4375em; border:1px rgba(255,255,255,.24) solid}
.kn_2_mid_2_right:before{border-radius:100%;transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:'';transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; width:2.1875em; height:2.1875em; background-color:rgba(0,0,0,.5);}
.kn_2_mid_2_right span{
position:relative; z-index:10; font-size:1.125em;}
.kn_2_mid_2_right:hover:before{
background-color:rgba(226,188,164,.5);}

.kn_2_mid_2{
margin-bottom:7.625em; margin-top:2.1875em;}
.kn_2_mid_1 ul li{ margin-right:1em;
display:inline-block;}
.kn_2_mid_1 ul li a{ display:inline-block;
color:#4a4a4a; font-size:1.125em; position:relative; padding:0 .5em;}
.kn_2_mid_1 ul li a:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:50%; bottom:0; width:0%; height:30%; background-color:#fbeddc; z-index:-1;}
.kn_2_mid_1 ul li a.on:before,.kn_2_mid_1 ul li a:hover:before{
left:0; width:100%;}
.kn_3{ color:#fff; padding-bottom:10vw; padding-top:7vw;
background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; background-image:url(../images/img7.jpg);}
#kn_3_mid_left_1{
color:#fff; max-width:28em; max-height:none; font-size:1.125em; letter-spacing:.2em}
.kn_3_mid_left_2 ul li{
display:inline-block; margin-right:1.25em; text-align:center;}
.kn_3_mid_left_2{
margin-top:2.5em;}
.kn_3_mid_left_2_2{
margin-top:.8em;}
.kn_4_1{
margin:0 auto; max-width:77.66233766233766%;}
.kn_4_1 ul li{ margin-right:5.35117056856187%;
float:left; width:29.76588628762542%;}
.kn_4_1 ul li:nth-child(3n){
margin-right:0}
.kn_4_1_mid{transition-duration: .3s; text-align:center;
height:16.35416666666667vw; position:relative; overflow:hidden;border-radius:.5em;}
.kn_4_1_mid img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
/*position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);*/ max-width:56.37393767705382%;}
/*.kn_4_1 ul li:hover .kn_4_1_mid{transform: rotateY(180deg);}*/
.kn_4_1 ul li:hover .kn_4_1_mid img{transform: scale(1.08, 1.08);}
.kn_4_1 ul li:nth-child(1) .kn_4_1_mid{
background-color:#e18b8b;}
.kn_4_1 ul li:nth-child(2) .kn_4_1_mid{
background-color:#839bbb;}
.kn_4_1 ul li:nth-child(3) .kn_4_1_mid{
background-color:#e2bca4;}
.kn_4_1_name{ margin-top:1.125em; color:#000;
text-align:center; font-size:1.5625vw;}
.kn_4_1{
margin-top:4.5vw; margin-bottom:4vw;}
.kn_5{ padding:6.25em 0;
overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img11.jpg);}
.kn_5_mid{ overflow:hidden;
background-color:#fff; max-width:39.625em;}
.kn_5_mid_mid{
padding:0 5.6782334384858% 0 9.46372239747634%;}
.kn_5_mid_mid_1{
}
.kn_5_mid_mid_1 .swiper-container {
      width: 100%;
      height: 100%;
}
.kn_5_mid_mid_1 .swiper-slide {
      
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
       
    }
.kn_5_mid_mid_1_1{
font-size:1.5em;}
.kn_5_mid_mid_1 ul li{
border-bottom:1px #c2ccce solid; padding:1.25em 0;}
.kn_5_mid_mid_1_2{
margin-top:.5em; line-height:1.6;}
.kn_5_mid_mid_1{
height:395px; margin-bottom:4vw;}
.swiper-container-vertical > .swiper-scrollbar{
right:0; top:0; height:100%; width:1px;}
.kn_5_mid_mid_1 ul{
margin-right:7%;}
/**********news***********/
.news_1_mid_left{ position:relative;
float:left; width:52.92207792207792%;}
.news_1_mid_left_img{ z-index:10;
overflow:hidden; margin-right:1.25em; position:relative;}
.news_1_mid_left_img img{
width:100%;}
.news_1_mid_left_bg{
position:absolute; right:0; top:1.25em; width:100%; height:100%; background-color:#f8f1e9;}
.news_1_mid_right{
float:right; width:43.24675324675325%;}
.news_1_mid_right_mid{
padding-right:6.90690690690691%;}
.news_1_mid_right_mid_1{
font-size:.875em; color:#666; font-family:Calibri;}
.news_1_mid_right_mid_1 span{
padding:0 .4em;}
.news_1_mid_right_mid_2{
font-size:1.875em; margin-top:.6em; position:relative; padding-bottom:.7em;}
.news_1_mid_right_mid_2:before{
content:''; position:absolute; left:0; bottom:0; width:0.8333333333333333em; height:2px; background-color:#000;}
.news_1_mid_right_mid_3{
color:#666; 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; margin-top:2em; margin-bottom:1em;}
.news_1_mid{
margin-top:10.5em; margin-bottom:8.9375em;}
.news_1{
position:relative; overflow:hidden}
.news_2{ padding-top:5em;
background-color:#fdf9f4; overflow:hidden;}
.news_2_1 ul li{ margin-right:2.27272727272727%; margin-top:3.75em; position:relative;
float:left; background-color:#fff; width:31.81818181818182%;}
.news_2_1 ul li:nth-child(3n){
margin-right:0}
.news_2_1_img{
overflow:hidden; position:relative}
.news_2_1_img img{
width:100%;}
.news_2_1_jj{
overflow:hidden; min-height:295px;}
.news_2_1_jj_mid_1{
font-size:1.25em; color:#000; line-height:1.7;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.news_2_1_jj_mid_2{
color:#666; 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; margin:1.5em 0 1.7em 0;}
.news_2_1_jj_mid_3{
font-size:.875em; color:#666; font-family:Calibri;}
.news_2_1_jj_mid_3 span{
padding:0 .4em;}
.news_2_1_jj_mid{
margin:0 7.14285714285714%; margin-top:2.7em; margin-bottom:1.7em;}
.news_2_1 ul li:before{
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#e2bca4;transition:.8s cubic-bezier(.14,1,.34,1) 0s;}
.news_2_1 ul li:hover:before{
width:100%;}
.news_info_banner{ height:25.52083333333333vw;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img4.jpg);}
.news_info_t_mid_left{
float:left;}
.news_info_t_mid_right{
float:right;}
.news_info_t_mid{
padding:1.25em 0; overflow:hidden;}
.news_info_t_mid a{transition:.5s cubic-bezier(.14,1,.34,1) 0s;}
.news_info_t_mid_left span{
color:#bf8b6a}
.news_info_con{
overflow:hidden; background-color:#fff;}
.news_info_con_mid{
margin:0 auto;  width:62.5%;}
.news_info_con_mid_1{
text-align:center; font-size:2.25em; margin-top:2.5em;}
.news_info_con_mid_2{ margin-top:.575em;
text-align:center; color:#666; font-family:Calibri; font-size:.875em;}
.news_info_con_mid_2 span{
padding:0 .4em;}
.news_info_con_mid_3{ padding-bottom:4em; margin-bottom:2.5em;
margin-top:3em; padding-top:4em; line-height:1.8; border-top:1px #c0bdb0 dashed;border-bottom:1px #c0bdb0 dashed;}
.news_info_con_mid_4{ margin-bottom:7.25em;color:#828282 position:relative; padding-right:11.25em;
  overflow:hidden; line-height:2;}
  .news_info_con_mid_3_border{
border-bottom:none}
.art_info_re{
position:absolute; right:0; top:0;}
.art_info_re a{ padding-left:22px;
color:#828282; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img5.png);}  
 
.news_info_con_mid_4 ul li a{
color:#828282}
.news_info_con_mid_4 ul li a:hover,.art_info_re a:hover{
color:#009A44}
/**********contact****************/
.contact_1_list_top{ cursor:pointer;
position:relative; padding:1em 3.125em;}
.contact_1_list_top_left{
font-size:1.275em;}
.contact_1_list_top_right{
position:absolute; right:3.125em; top:50%;transform:translateY(-50%);}
.contact_1_list ul li{
transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;}
.contact_1_list ul li:nth-child(2n){
background-color:#f1f1f1;}
.contact_1_list{
margin-top:3em;}
.contact_1_list ul li.open{
background-color:#c9a58e; color:#fff;} 
.contact_1_list_con{
padding:0 3.125em; display:none}
.contact_1_list_con_1 dl dd{
display:inline-block; margin-right:1.5em; margin-bottom:1em;}
.contact_1_list_con_2{
font-size:1.125em; margin-top:.4em;}
.contact_1_list_con_3{
line-height:1.8; margin-top:.875em; margin-bottom:2.5em;}
.contact_1_list_con_4 a{
color:#fff;}
.contact_1_list_con_4{
padding-bottom:3em;}

.a-plus{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}
.a-plus:after,.a-plus:before{border-bottom:2px solid #808080;content:"";height:2px;left:0px;position:absolute;top:50%;transform:translateY(-50%);transform-origin:50% 50%;width:24px}
.a-plus:after{transform:rotate(90deg);transition:all .5s cubic-bezier(.4,.8,.74,1) 0s; left:1px;}
.open .a-plus:after,.open .a-plus:before{border-color:#fff}
.open .a-plus:after{
display:none}
.a-plus.open:after,.open .a-plus:after{transform:rotate(0deg)}
.contact_2{ padding-bottom:11.25em; padding-top:5.9375em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/zxly.jpg); overflow:hidden; color:#fff;}
.contact_2_1{
margin:0 auto;  }
.contact_2_1 ul li{ margin-right:.72815533980583%;
float:left; width:19.41747572815534%; margin-bottom:1em;}
.contact_2_1 ul li:nth-child(5){
margin-right:0}
.contact_2_1 ul li.last_li{
width:100%;}
.contact_2_1 ul li.last_li textarea{
width:100%; border:none; background:none; color:#fff; height:10.9375em;}
.contact_2_1 ul li input{ color:#fff;
border:none; background:none; width:100%;}
.contact_2_1 ul li div{ padding-top:.65em; padding-bottom:.65em;
border:1px #fff solid; position:relative; padding-left:1em; padding-right:2em;}
.contact_2_1 ul li select{appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
border:none; background:none; width:100%;}
select::-ms-expand {
    display: none;
}
.sl:after{
content:''; position:absolute; right:1.5em; top:50%; width:14px; height:8px; background-position:center; background-repeat:no-repeat; background-image:url(../images/img4.png);transform:translateY(-50%);}

.a-button{ cursor:pointer;background-color:#fff;display:inline-block;font-size:20px;position:relative;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;white-space:nowrap; width:290px; line-height:56px; height:56px; border:none; overflow:hidden;border-radius:0px;   }
.a-button span{color:#603833;position:relative;z-index:10}
.a-button:before{transform:translateX(0)}
.a-button:after,.a-button:before{background-color:#009A44;content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.a-button:after{transform:translateX(-100%)}
.a-button:hover:not(:disabled){border-color:#009A44;color:#603833}
.a-button:hover:not(:disabled) span{ animation-delay:0s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:color-b30606-to-fff;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes color-b30606-to-fff{0%{color:#b18569}49.9%{color:#603833}50%{color:#603833}to{color:#603833}}
.a-button:hover:not(:disabled):before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes translateX-hover-1{0%{transform:translateX(0);transform-origin:100% 0}to{transform:translateX(100%);transform-origin:100% 0}}
.a-button:hover:not(:disabled):after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes translateX-hover-2{0%{transform:translateX(-100%);transform-origin:0 0}to{transform:translateX(0);transform-origin:0 0}}
.contact_2_2{
text-align:center; margin-top:1.5em;}
.contact_2_1_top{
padding-top:2em;}
.contact_3_mid_right{ overflow:hidden;
float:right; width:72.33766233766234%;}
.contact_3_mid_right img{
width:100%;}
.contact_3_mid_left{ margin-top:4.5vw;
float:left; width:22.07792207792208%;}
.contact_3_mid_left_1{
font-size:1.25vw; line-height:1.6;}
.contact_3_mid_left .about_1_mid_right_1{
position:relative}
.contact_3_mid_left .about_1_mid_right_1:before{ height:.36458333333333vw;
content:''; position:absolute; left:0; bottom:-.6vw; background-color:#000; width:1.82291666666667vw;}
.contact_3{
margin:8.5em 0;}
.contact_1{
position:relative; overflow:hidden;}
/*********mobile*********/
#header .m-btn { 
  width: 20px;
  height: 13px;
  z-index:100;
  display: block;
  cursor: pointer; position:relative;
   
}
#header .m-btn .box {
  display: block;
  width: 100%;
  height: 100%; left:0; top:0;
  position:absolute;
}
.m-btn.cur .line1 {
    transform: rotate(45deg); }
  .m-btn.cur .line2 {
    display: none; }
  .m-btn.cur .line3 {
    transform: rotate(-45deg); }
  .m-btn .line {
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    left: 0px;
    transition: all .5s ease;
    margin: 0; }
  .m-btn .line1 {
    top: 0px;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0; }
  .m-btn .line2 {
    top: 6px; width:13px; }
  .m-btn .line3 {
    top: 13px;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0; }
/*#header .m-btn .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  transition: width 0.3s ease 0s;
}
#header .m-btn .line1 {
  width: 20px;
  top: 0;
}
#header .m-btn .line2 {
  width: 13px;
  top: 6px;
  -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
}
#header .m-btn .line3 {
  width: 20px;
  top: 12px;-webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
}
#header .m-btn.cur .line1 {
    transform: rotate(45deg); }
#header .m-btn.cur .line2 {
    display: none; }
#header .m-btn.cur .line3 {
    transform: rotate(-45deg); }*/
	
	
.header_mid_right_right{ display:none;
position:absolute; right:0; top:50%;transform:translateY(-50%);}
.header_mid_left img.logob{
display:none}
#header.cur{ box-shadow: 0 6px 15px rgba(98,98,98,.06);
background-color:#009a44; top:0; padding:.5em 0;}
#header.cur2{ box-shadow: 0 0px 0px rgba(98,98,98,0);
background:none; top:0;}
#header.cur2 .header_mid_left{
pointer-events:none; opacity:.45
}
#header.cur .header_mid_right ul li a.biga{
color:#fff;}

#header.cur .header_mid_left img.logob{
display:block}
#header.cur .header_mid_left img.logow{
display:none}
#header.headroom--unpinned, #header.headroom--unpinned.cur {
   /* top: -100%;*/
}
#header.cur .m-btn .line{
background-color:#000}
/*********下拉*********/
.header_mid_right ul li dl{ display:none; padding-top:.5em;
position:absolute; z-index:10; width:20.625em; left:-30px;}
.menumid{ 
    background-color:rgba(255,255,255,0.9); 
overflow:hidden;
position:relative; padding-left:0.15384615384615%; min-height:250px;}
 
.header_mid_right ul li:nth-child(6) dl{
left:-200px;  }
.header_mid_right ul li:nth-child(7) dl{
left:-250px;  }
.header_mid_right ul li:nth-child(8) dl{
left:auto; right:-90px  }
.menumid_left{ width:58.15384615384615%;
position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.menumid_right_mid_1{
font-size:24px; padding:0 30px;}
.menumid_right_mid_2{
color:#cbcbcb; font-size:.75em;padding:0 30px;}
.menumid_right_mid_3_mid_list{ display:none; margin-top:5px;
background-color:#d9bdab; color:#fff; padding:5px 30px; line-height:1.6;}
.menumid_right_mid_3_mid{
margin-top:.75em;}
.menumid_right_mid{
margin:28px 0px;}
.menumid_right_mid_3{
padding-top:10px;}
.smenu{
display:inline-block; padding:0 30px;}
.menumid_right_mid_3_mid_list a{
color:#fff; font-size:.875em;}
.menumid_right_mid_3_mid_list a:hover{
padding-left:5px;}
.menumid_right_mid_3_mid_list a:before{
content:'- ';}
.header_mid_right ul li dl 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;}
.header_mid_right ul li dl a:hover{
color:#009A44}
.menumid_right_mid_3_mid:hover .menumid_right_mid_3_mid_list{
 }
/*********展开********/
.ovh{
overflow:hidden} 
.nav-bg{
	position: absolute;
	right: 1em;
    top: .25em;
	width: 120em;
	padding-top: 120em;
	margin-top: -60em;
	margin-right: -60em;
	transform-origin: center center;
	background-color:rgba(189,154,122,.95); color:#fff;
	border-radius: 100%;
	transform: scale(0);
	transition: all .8s cubic-bezier(.77,0,.175,1);

}
.header_mid_right_right.open .nav-bg{
	transform: scale(1);
}
#header .header_mid_right_right.open .m-btn .line{
background-color:#fff}
.head-mask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.45);
	z-index: 45;
	display: none;
	cursor: pointer;
}
.h_meuu_list{
position:absolute; right:0; width:40em;     z-index:200;opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden; }
.h_meuu_list_mid_title p{
font-size:1.25em; margin-bottom:.5em; color:#fff}
.h_meuu_list_mid_title dl dd{
display:inline-block; margin-left:1em;}
.h_meuu_list_mid_title dl dd a{
color:#fff}
.header_mid_right_right.open .footer_2_left_3_2{
color:#fff}
.h_meuu_list_mid_title dl dd:nth-child(1){
margin-left:0}
.h_meuu_list_mid_title{
margin-top:1.5em; width:90%;}

.h_meuu_list_mid_title{
	transform: translateY(40px);
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	
}
.header_mid_right_right.open .h_meuu_list{opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;}
.header_mid_right_right.open .h_meuu_list_mid_title{
transform: translateY(0);
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	transition: all .5s ease;}
.header_mid_right_right .h_meuu_list_mid_title:nth-child(1){
margin-top:0}	
.header_mid_right_right .h_meuu_list_mid_title:nth-child(6) .footer_2_left_3{
padding-top:1em;  
 }	
.header_mid_right_right.open .h_meuu_list_mid_title:nth-child(1){
	transition-delay: .1s;
}
.header_mid_right_right.open .h_meuu_list_mid_title:nth-child(2){
	transition-delay: .2s;
}
.header_mid_right_right.open .h_meuu_list_mid_title:nth-child(3){
	transition-delay: .3s;
}
.header_mid_right_right.open .h_meuu_list_mid_title:nth-child(4){
	transition-delay: .4s;
}
.header_mid_right_right.open .h_meuu_list_mid_title:nth-child(5){
	transition-delay: .5s;
}
.header_mid_right_right.open .h_meuu_list_mid_title:nth-child(6){
	transition-delay: .6s;
}
.header_mid_right_right.open .h_meuu_list_mid_title:nth-child(7){
	transition-delay: .7s;  
}
.gotoup{
cursor:pointer; position:fixed; z-index:888; right:-100%; bottom:2em; width:4.5em; height:4.5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/up.png); }
.gotoupon{
right:2%;}
option{
background-color:#000; color:#fff}

.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.63);}
.jobmask_mid{ overflow:hidden;
position:relative; background-color:#fff;}
.jobmask_mid_close{
position:absolute; right:1.875em; top:1.875em;}
.jobmask_mid_close a img{-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.jobmask_mid_close a:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.jobmask_mid_mid{
margin:3em 4em; min-height:460px; max-height:460px; overflow:hidden; overflow-y:auto;}
.jobmask_mid_mid_1{
font-size:1.875em; color:#000;}
.jobmask_mid_mid_2{
color:#ababab; margin-top:4px;}
.jobmask_mid_mid_3{
color:#666; line-height:1.8; margin-top:1.5em; margin-bottom:1.5em;}
.jobmask_mid_mid_4{
color:#666;}
.jobmask_mid_mid_4 a{
color:#f91212}
.jobmask_mid_mid_3_jj{
display:none}
.ovh{
overflow:hidden}
.div1200{
max-width:75em; padding:0 1em; margin:0 auto}
.qbpromid{
margin:0 15.41666666666667%;}
.qbpromid_1_name_en{
font-size:1.25em; color:#999; margin-top:8px;}
.qbpromid_1_name_cn{
margin-top:0}
.qbpromid_1_jj{
font-size:1.125em; color:#666; line-height:1.6; margin-top:1em;}
.qbpromid_2_left{ overflow:hidden;
float:left; width:57.36842105263158%;}
.qbpromid_2_left img{
width:100%;}
.qbpromid_2_right{
float:right; width:37.29323308270677%;}
.qbpromid_2_right_1 span{
display:inline-block; position:relative; font-size:.875em; color:#232323;}
.qbpromid_2_right_1 span:after{
content:''; position:absolute; width:25px; height:1px; background-color:#232323; top:50%; margin-top:-.5px; right:-30px;}
.qbpromid_2_right_2{
color:#232323; font-size:1.875em; margin-bottom:.875em; margin-top:.4em;}
.qbpromid_2_right_3{
color:#666; 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; margin-bottom:1.5em;}
.qb_pro_info_1 .qbpromid_2_right_3{-webkit-line-clamp: 3000;  }
.qbpromid_2_right_ou{
float:left; width:50.07518796992481%;}
.qbpromid_2_left_ou{ overflow:hidden;
float:right; width:46.76691729323308%;}
.qbpromid_2_left_ou img{
width:100%;}
.qbpromid_2_right_5 dl dd{ overflow:hidden;
float:left; width:47.27272727272727%;}
.qbpromid_2_right_5 dl dd:nth-child(2n){
float:right;}
.qbpromid_2_right_5 dl dd img{
width:100%;}
.qbpromid_2_right_5{
margin-top:6.25em;}
.qbpromid_2_right_4_img{
text-align:right; margin-top:2.75em;}
.qbpromid_2_right_4_img a{
display:inline-block; overflow:hidden; width:77.55102040816327%;}
.qbpromid_2_right_4_img img{
width:100%;}
.qbpromid_2 ul li{
margin-top:7.6875em;}
.qbpromid{
padding-top:5em; padding-bottom:5em;}
.propage .pagination{
margin:0}
.propage{
margin-top:4em;}
.qb_pro_info_1{
background-color:#f1f4f7; overflow:hidden}
.qbpromid_2_left_pro_info{
float:left; width:55.41353383458647%;}
.qbpromid_2_right_pro_info{
float:right; width:44.58646616541353%;}
.qb_pro_info_1_1{
background-color:#fff;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);}
.qbpromid_2_right_pro_info_mid{
padding:0 8.62068965517241%; padding-top:3.125em;}
.qb_pro_info_1_1_1{
font-size:1.375em; margin-bottom:.5em;}
.qbpromid_2_right_gg{
color:#666; border-top:1px #e9e9e9 solid; padding-top:1.25em;}
.qb_pro_info_1_1 .qbpromid_2 ul li{
margin-top:0}
.qb_pro_info_1_1{
margin-top:2.5em;}
.qb_pro_info_2{ overflow:hidden; position:relative; padding:9.375vw 0;
  background-position:center; background-repeat:no-repeat; background-size:cover;}
.qb_pro_info_2_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.qb_pro_info_2_mid{ background-color:rgba(228, 153, 152, 0.72);
position:relative; z-index:10; width:48.125%; color:#fff;}
.qb_pro_info_2_mid_mid{ padding:4.01041666666667vw 0;
margin-left:32%; margin-right:12.54054054054054%;}
.qb_pro_info_2_mid_mid_1{
font-size:1.875em;}
.qb_pro_info_2_mid_mid_2{
margin-top:5px;}
.qb_pro_info_2_mid_mid_3{
line-height:1.8; margin-top:2em;}
.qb_pro_info_3{ overflow:hidden; line-height:2;
background-color:#f1f4f7; padding:5.20833333333333vw 0;}
.qb_pro_info_4{
background-color:#fff;}
.repro .swiper-slide{

 padding: 0 calc((100vw - 35.9375%) * 0.021875);

	width: 35.9375%;
 }
.repro_mid_1{
overflow:hidden;}
.repro_mid_1 img{
width:100%;}
.repro_mid_2_1{ font-size:1.5em;
color:#232323;}
.repro_mid_2_2{
color:#232323; margin-top:.875em;}
.repro_mid_2{
position:relative; padding:1.5em 0; border-bottom:1px #c2c2c2 solid; }
.repro_mid_2:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:-1px; z-index:10; background-color:#009A44; height:1px;   width:0%;}
.repro_footer{
text-align:center; margin:4em 0;}
.repro_mid:hover .repro_mid_2:after{
width:100%;}
.repro{
margin-top:4em;}
.rline{
display:inline-block; position:relative}
.rline:after{ right:-20px; position:absolute;
content:''; height:1px; width:10px; background-color:#262626;  top:50%; margin-top:-.5px;}
.qb_index_1_mask_mid_2_ls{
letter-spacing:0}

.qb_index_1 video{ position:absolute; left:0; top:0; z-index:1;
object-fit: fill;
                
                width: 100%;
                }
.indexbanner_footer{ text-align:center;
position:absolute; left:50%; bottom:1.25em; z-index:10;transform:translateX(-50%);}
.indexbanner_footer_jt{ animation: pulse 2s infinite;
position:relative; display:inline-block;}
 @keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
.contact_map_mid_info_mid_1_2 dd{
position:relative;}
.contact_map_mid_info_mid_1_2 dd span{
position:absolute; left:0; top:0;}
.contact_map_mid_info_mid_1 ul li:nth-child(1) .contact_map_mid_info_mid_1_2 dd{
padding-left:6.875em;}
.contact_map_mid_info_mid_1 ul li:nth-child(2) .contact_map_mid_info_mid_1_2 dd{
padding-left:4.9em;}




@media screen and (max-width:1680px) {
	.qb_pro_info_2_mid_mid_1{
	font-size:1.5em;}
	.qb_pro_info_2_mid_mid{
	margin-left:3.125vw; margin-right:3.125vw;}
	.qb_pro_info_1_1_1{
	font-size:1.125em;}
	.qbpromid{
	margin:0 3.125%;}
	.qbpromid_2_right_2{
	font-size:1.5em;}
	.qbpromid_1_jj{
	font-size:1em;}
	.qbpromid_1_name_en{
	font-size:1em;}
	.contact_map_mid_info{
	left:5%}
	.fac_2_list_mid_right_2{
	font-size:.9375em;}
	.qb_news_1_mid{
	max-width:93.7%;}
	.fac_1_mid_right_1{
	margin-top:2em;}
	.tec_3_mid{
	padding:4vw;}
	.tec_3_mid_2_mid_right_1{
	font-size:1.125em;}
	.tech_1_mid_right_mid_3 {
     
    -webkit-line-clamp: 5;
   
}
.tech_1_mid_right_mid_3_fac {
    -webkit-line-clamp: 4;
}
	.tech_1_mid_right_mid_2{
	font-size:1.875em}
	.news_info_con_mid_1{
	font-size:1.875em;}
	.news_info_con_mid{
	width:84%}
	.project_mid_mid_right_mid_1 h3{
	font-size:1.5em;}
	.project_mid_mid{
	max-width:84%}
	.about_1_mid_right_mid{
	padding-left:6%; padding-right:6%;}
	.about_1_mid{
	margin-left:3.125%;}
	.about_1_mid_right_mid_2{
	font-size:1.75em;}
	.footer_2_mid_mid ul li:nth-child(3){
	width:22%;}
	.footer_2_mid_mid ul li:last-child{
	width:13%}
	.footer_2_left_2{
	font-size:1.375em;}
	.footer_2_left_3{
	font-size:.875em;}
	.comw{
	margin:0 3.125%;}
	.qb_index_news_mid_2_1 span{
	font-size:.75em;}
	.qb_index_1_mask_mid_2{
	font-size:2.5em;}
	.qb_index_1_mask_mid_3 a{
	font-size:.75em;}
	.header_link a{
	font-size:.875em;}
	.header_mid_right ul li a.biga{
	line-height:2.5em;}
	.header_mid_right{
	margin-left:240px;}
	.header_mid_right ul li{
	margin-right:2.5em;}
	.header_mid_left img{
	height:2.5em;}
	.job_hd{
	width:50vw;
	}
	.job_3_2_mid_2{
	max-width:50vw;
	}
	 
	.footer_2_left_mid{
	padding-right:8%;}
	.footer_2_right_mid{
	padding-left:18%;}
	.footer_2_mid_mid{
	padding:0 3%;}
	.index_mid_1_right{
	width:32%; margin-right:0;}
	.index_mid_2_1_left{
	width:36%; margin-left:0;}
	.index_mid_2_1_right_mid_name span{
	font-size:1.25em;}
	.index_mid_2_2_left{
	margin-left:0}
	.index_mid_4_2_mid_right{
	width:43%; margin-right:0}
	#about_10_mid_left_top{
margin-top:5vw;}
.duty_1_mid_right_mid{
width:95%;}
 
}
@media screen and (max-width:1440px) {
	.fac_2_list_mid_right_1{
	font-size:1em;}
	.fac_2_list_mid{
	min-height:154px;}
.footer_2_mid_mid{
min-height:255px;}
.about_2 .about_1_mid_right_1{
margin-top:2vw;}
}
@media screen and (max-width:1280px) {
.header_mid_right ul{
	display:none}
	.header_mid_right{
	height:3.75em;}
	.header_link{
	display:none}
	.header_mid_right_right{
	display:block}
}

@media screen and (max-width:1200px) {
	.tech_1_mid_right_mid_2{
	font-size:1.5em;}
	.h_meuu_list,.nav-bg{
	display:none}
	.kn_5_mid_mid_1_1{
	font-size:1.25em;}
	.kn_4_1_name{
	font-size:1.125em}
	#kn_3_mid_left_1{
	font-size:1em;}
	.kn_2_mid_2_jj{
	min-height:225px;}
	.kn_2_mid_2_jj_mid_2{
	font-size:.875em;}
	.kn_2_mid_2_jj_mid_1{
	font-size:1em;}
	.news_info_con_mid_1{
	font-size:1.5em;}
	.news_info_con_mid_1{
	margin-top:3em;}
	.news_1_mid{
	margin-top:6em; margin-bottom:6em;}
	.news_1_mid_right_mid_2{
	font-size:1.5em;}
	.contact_3_mid_left{
	margin-top:0}
	.contact_3{
	margin:6em 0;}
	.contact_3_mid_left_1{
	font-size:1em;}
	.nybanner_img_txt_mid_2{
	font-size:1em;}
	.a-button{
	font-size:18px; line-height:45px; height:45px;}
	.contact_1_list_con_4{
	padding-bottom:2em;}
	.contact_1_list_con{
	padding-left:1.5em; padding-right:1.5em;}
	.a-plus{transform: scale(.6, .6);}
	.contact_1_list_top{
	padding-left:1.5em;}
	.contact_1_list_top_right{
	right:1.5em;}
	.contact_1_list_top_left{
	font-size:1.25em;}
	.job_3_2_mid_2_1{
	font-size:1.5em;}
	.honor_1_2_jj_right{
	right:0}
	.honor_1_2_jj{
	padding-right:3.875em;}
	.honor_1_2_jj_right span{
	font-size:.65em;}
	.index_mid_2_1_right_mid_name span{
	font-size:1.125em;}
	
	.header_mid_right{
	height:3.75em;}
	#header{
	top:0;}
}
@media screen and (max-width:1160px) {
	.footer_2_left{
	display:none}
	.footer_2_mid{
	width:81%;}
	.footer_2_mid_mid{
	border-left:none; padding-left:0}
}
@media screen and (max-width:1024px) {
.jobmask_mid_mid{
margin:2em 2.5em;}
.jobmask_mid_close img{
width:2em;}
.jobmask_mid_mid_2{
font-size:.875em;}
.jobmask_mid_mid_1{
font-size:1.5em;}
.footer_2{
margin-top:2.5em; margin-bottom:2.5em;}
.footer_2_mid_mid{
min-height:inherit}
.qb_index_news_mid_1{
margin-bottom:2em;}
.qb_index_news_mid_3{
margin:2.5em 0;}
.qb_index_news_mid_2_2_1{
font-size:1em;}
.qb_index_news{
padding-top:4em;}
.qb_index_2_1 span{
font-size:1em;}
.qb_index_1_mask_mid_3 a{
font-size:.5em;}
.qb_index_1_mask_mid_2{
font-size:1.875em;}
.banner_img_jj_mid img{
max-width:90%;}
.contact_map_mid_info{
width:60%;}
.qb_job_1_mid_right_1{
font-size:1em;}
.qb_job_1_mid_right_2_1{
font-size:1em;}
.qb_job_1{
padding-top:4em; padding-bottom:4em;}
.news_info_con_mid_1 h1{
font-size:20px;}
.qb_news_1_mid_right{
margin-top:0}
.qb_news_1_mid_right_2{
font-size:1.25em;}
.qb_news_1 ul li{
padding:4em 0;}
.fac_3{
margin-top:4em; margin-bottom:4em;}
.fac_2{
padding-top:4em; padding-bottom:4em;}
.tech_1_mid_right_mid_3_fac{
font-size:.9375em;}
.fac_1{
margin-top:2.5em; margin-bottom:2.5em;}
.tec_3_mid_2_mid_right_1{
font-size:1em;}
.pt2{
font-size:1.375em;}
.tech_1_mid_right{
margin-top:0}
.tech_1{
margin-top:4em; margin-bottom:4em;}
.news_info_con_mid_1{
font-size:1.375em; margin-top:1.5em;}
.project_mid_mid{
max-width:none; margin-left:3.125%; margin-right:3.125%;}
.project_mid_mid_right{
margin-top:2vw;}
.project_mid_mid_right_mid_2{
font-size:.9375em}
.project_mid_mid_right_mid_1 h3{
font-size:1.25em;}
.repro_mid_2_2{
font-size:.9375em;}
.repro_mid_2_1{
font-size:1.125em;}
.repro{
margin-top:2.5em;}
.qbpromid{
padding-top:2.5em; padding-bottom:2.5em;}
.qb_pro_info_2_mid_mid_1{
font-size:1.375em;}
.qb_pro_info_2_mid{
width:60%;}
.qbpromid_2_right_gg{
font-size:.9375em;}
.qbpromid_2_right_pro_info_mid{
padding-top:1em;}
.qbpromid_2_right_3{
font-size:.9375em;}
.qbpromid_2_right_2{
font-size:1.375em;}
.qbpromid_2 ul li{
margin-top:4em}
.about_honor_3{
padding-top:2.5em;}
.about_duty{
margin-bottom:4em;}
.about_duty_name{
font-size:1em;}
.about_2{
padding-bottom:8em;}
.about_2_4_1{
font-size:1.375em;}
.about_2_3 ul li a{
font-size:1em;}
.about_2_3 ul li.current a, .about_2_3 ul li:hover a{
font-size:1.5em;}
.about_2 .about_1_mid_right_mid_2{
margin-top:.5em;}
.about_2_2{
font-size:1em;}
	.about_1_mid_right_mid_2{
	font-size:1.5em;}
	.procom{
	margin:0 9.73958333333333%; width:auto}
	.pro_1_1{
	margin-top:4em; margin-bottom:4em;}
	.pro_1_1_right{
	font-size:1em;}
	.pro_1_1_left{
	font-size:.75em;}
	.kn_2_mid_2_left,.kn_2_mid_2_right{
	font-size:.75em;}
	.kn_1_mid{
	margin-top:5em; margin-bottom:6em;}
	.news_info_con_mid_4{
	margin-bottom:4em;}
	.news_info_con_mid{ width:auto;
	margin:0 3.125%}
	.news_info_con_mid_3{
	margin-top:2em; padding-top:2em; padding-bottom:2em;}
	.news_2_1_jj{
	min-height:245px;}
	.news_2_1_jj_mid{
	margin-top:2em; margin-bottom:1em;}
	.news_2_1_jj_mid_1{
	font-size:1.125em;}
	.news_2_1_jj_mid_2{
	font-size:.875em;}
	.contact_2_1 ul li{
	width:32%; margin-right:2%;}
	.contact_2_1 ul li:nth-child(1){
	width:49%; margin-right:0}
	.contact_2_1 ul li:nth-child(2){
	float:right; margin-right:0; width:49%;}
	.contact_1_list_top_left{
	font-size:1em;}
	.duty_3_list .swiper-slide{
	padding: 0 calc((100vw - 640px) * 0.0260416666666667);
width: 640px;
	}
	.honor_1_2 ul li{ 
	width:31.94805194805195%;}
	.honor_1_2 ul li:nth-child(3n){
	margin-right:0}
	.honor_1_2 ul li:nth-child(4n){
	margin-right:2.07792207792208%}
	.honor_1_2_jj_left_1{
	font-size:1em;}
	.about_8{
	padding:5em 0;}
	.nybanner_img_txt_mid_1{
	font-size:2.5em}
	.nybanner_img_txt_mid_2{
	font-size:1em; margin-top:.5em;}
	.about_2_mid{
	padding:8em 0;}
	.about_1_mid_right_2{
	font-size:1.25em;}
	.index_mid_4_2_mid_right_3{
	margin-top:2em;}
	.index_mid_4_2_mid_right{
	margin-top:0}
	.index_mid_4_2_mid_right_2{
	font-size:1.25em;}
	#newstop{
	margin-top:3em;}
	.viewbtn{
	font-size:.875em;}
	.index_mid_2_2_left_1 span{
	font-size:1.25em;}
	.index_mid_1_right_2{
	font-size:1.375em;}
	.index_mid_1_left_mid a:after{
	font-size:.75em;}
	.viewbtn_banner{
	font-size:.875em;}
	.banner_img_jj_mid_1{
	font-size:.875em;}
	.banner_img_jj_mid_2{
	font-size:2em;}
	.index_banner_left span{
	font-size:1.5em;}
}
@media screen and (max-width:950px) {
.tec_3_mid_2 ul li {
    flex: 0 1 49%;
    max-width: 49%;
    margin-right: 0%;
    
}
.tec_3_mid_2 ul li:nth-child(2n){
margin-left:2%}
 
 .repro .swiper-slide{
 padding:0}
.footer_2_right{
display:none}
.footer_2_mid{
width:100%; padding-right:0; border-right:none}
.footer_2_mid_mid{
border:none; padding-right:0}
}

@media screen and (max-width:900px) {
	.index_mid_1{
	padding:5em 0;}
	.index_mid_1_left{
	float:none; margin:0 auto; width:100%;}
	.index_mid_1_right{
	float:none; width:100%;}
}
@media screen and (max-width:850px) {
	.news_2_1 ul li{
	width:49%; margin-top:2em; margin-right:0;}
	.news_2_1 ul li:nth-child(2n){
	float:right}
	.duty_3_list .swiper-slide{
	padding: 0 calc((100vw - 440px) * 0.0260416666666667);
width: 440px;
	}

	.job_hd{
	width:70vw;}
	.job_3_2_mid_2{
	max-width:70vw;}
	.job_hd_left,.job_hd_right{
	font-size:2em;}
	.job_3_2_mid_2_1{
	font-size:1.25em;}
	.duty_1_mid{
	margin-top:4em;  padding-bottom:4em;}
	.duty_1_mid_right_mid{
	padding-left:2em; padding-right:2em;}
	.duty_1_mid_right{ background-color:#f9f4f0}
	.duty_1_mid_left,.duty_1_mid_right,.duty_2 .duty_1_mid_right{
	float:none; width:auto; margin:0 9.73958333333333%}
	.duty_1_mid_right_mid{
	width:auto; overflow:hidden}
	.about_10_mid_left,.about_10_mid_right{
	float:none; width:100%; overflow:hidden}
	.about_9_mid_left{
	padding-top:2em;}
	.about_9{
	margin-top:6em; margin-bottom:6em;}
	.about_9_mid_left,.about_9_mid_right{
	float:none; width:auto; margin:0 9.73958333333333%}
	
	.about_7{
	margin-top:3em; margin-bottom:4em;}
	.about_7_mid_left,.about_7_mid_right{
	float:none; width:100%;}
	.about_7_mid_right{
	margin-top:2em;}
	.about_5_mid_right{
	padding-top:2em;}
	.about_5{
	margin-top:5em; margin-bottom:5em;}
	.about_5_mid_left,.about_5_mid_right{
	float:none; width:100%;}
	.about_2_mid{
	padding:4em 0;}
	.about_2_mid_left,.about_2_mid_right{
	float:none; width:auto; margin:0 9.73958333333333%}
	.about_2_mid_right{
	margin-top:2em;}
	.about_2 .about_1_mid_right_3{
	max-height:none; overflow:visible}
	.index_mid_2_2_left,.index_mid_2_2_right{
	float:none; width:100%;}
	.index_mid_2_2_right{
	margin-top:2em;}
	.index_mid_2{
	padding-top:5em;}
	.index_mid_2_2{
	margin-top:5em; margin-bottom:5em;}
	.index_mid_2_1_left{
	float:none; width:100%;}
	.index_mid_2_1_right{
	float:none; width:100%; margin-top:2em;}
}
.pro_2_mobile section{
 max-width:100%!important;
 box-sizing:border-box!important;
 -webkit-box-sizing:border-box!important;
 word-wrap:break-word!important; color:#fff; margin:0; padding:0;
}
.pro_2_mobile{
position:relative}
.pro_2_mobile_mid{
position:relative}
.pro_2_mobile{
display:none}
#merchants .tech_1_mid_right_mid_2{
text-align:center}
@media screen and (max-width:810px) {
.qb_job_1{
padding-top:2.5em; padding-bottom:2.5em;}
.contact_map_mid_info_mid_1_2 dl{
font-size:.9375em;}
#contact_map .tech_1_mid_right_mid_2{
margin-bottom:0}
.contact_map_mid_info_mid{
margin-top:2em;}
#map22{
height:50vw;}
.contact_map_mid_info{ padding-bottom:2em;
position:static; width:100%;}
.contact_2_1_top{
padding-top:1em}
.contact_2{
padding-top:2.5em; padding-bottom:2.5em;}
#merchants .tech_1_mid_right_mid_2{
text-align:left}
#merchants .fac_3_1{ margin-top:10px;
text-align:left; font-size:1em;}


.qb_job_1_mid_right{
padding-top:2em; padding-bottom:2em;}
.qb_job_1_mid{
padding:0em 0;}
.qb_job_1_mid_left{
position:relative; width:100%; height:45vw;}
.qb_job_1_mid_right{
margin-left:0}
.qb_news_1_mid_right_3{
font-size:.9375em;}
.qb_news_1 ul li{
padding:2.5em 0;}
.qb_news_1_mid_right_2{
font-size:1.125em;}
.qb_news_1_mid_left{
width:100%}
.qb_news_1_mid_right{
width:100%; margin-top:1.5em;}
.fac_3_1{
margin-bottom:1.5em;}
.fac_3_5{
margin-top:2em;}
.fac_3{
margin-top:2.5em; margin-bottom:2.5em;}
.fac_3_5{
max-width:100%; margin-bottom:1.5em;}
.fac_3_right{
width:100%;}
.fac_3_left{
width:100%;}
.phcx_link{
font-size:.875em;}
.fac_2_list{
padding-bottom:2em;}
.fac_2{
padding-top:2.5em; padding-bottom:2.5em;}
.fac_2_list ul li {
    flex: 0 1 49%;
    max-width: 49%;
    
    margin-right: 0%;
}
.fac_2_list ul li:nth-child(2n){
margin-left:1%}

.tech_1_mid_right_mid_1_hl{
padding-left:0}
.tec_3_mid_2_mid_left{
width:2.5em; height:auto; top:1em}
.tec_3_mid_2_mid_left img{
max-width:1.875em;}
.tec_3_mid_2_mid_right{
margin-left:3em;}
.pt2{
font-size:1.25em;}
.tec_2{
padding-top:2.5em;}
.tec_2_1{
padding-left:0; padding-bottom:1em;}
.tech_1_mid_right_mid{
padding-left:0}
.tech_1_mid_right_mid:after, .tec_2_1:after {
display:none}
.tech_1_mid_right_mid_2{
font-size:1.25em;}
.tech_1_mid_left{
width:100%;}
.tech_1_mid_right{
width:100%; margin-top:1.5em;}
.project_mid_mid_left{
width:100%;}
.project_mid_mid_right{
width:100%; margin-top:1.5em;}
.project_mid ul li{
padding:2.5em 0;}
.repro_footer{
margin:2em 0;}
.qbpromid_1_name_en{
font-size:.875em;}
.qbpromid_2_right_2{
font-size:1.25em;}
.readmore{
font-size:.75em;}
.qbpromid{
padding-top:2.5em; padding-bottom:2.5em;}
.indexpro_act{ 
margin-top:2.5em; margin-bottom:2.5em; font-size:.875em;}
.about_honor{
margin-top:2.5em;}
.about_honor_1_right_2{
position:static; margin-top:1em; padding-bottom:1.5em;}
.about_honor_1_right_1{
position:static;}
.about_2 .about_1_mid_right_mid_2{
margin-top:.5em;}
.about_1_mid_right_mid{
padding-left:3.125%; padding-right:3.125%; padding-top:1.5em; padding-bottom:2em;}
.about_1{
padding-top:2.5em; padding-bottom:2.5em;}
.about_1_mid_left{
position:relative; width:100%; height:45vw;}
.about_1_mid_right{
margin-left:0}
.about_1_mid{
margin-right:3.125%;}
.about_1_mid_right_mid_4{
margin-top:1.5em;}
.footer_2_mid{
display:none}
.footer_2_left{
display:block; width:100%; float:none}
.footer_2_left_2{
font-size:1.25em;}
.footer_3{
padding:1.5em 0;}
}

@media screen and (max-width:768px) {
	.contact_map_mid_info_mid{
	margin-left:1em; margin-right:1em;}
	.pro_2_mobile{
	display:block}
	.pro_2{
	margin-bottom:4em;}
	.pro_2_pc{
	display:none}
	.pro_1_rb{
	right:2%;}
	.pro_1_1_left{
	font-size:.6em;}
	.pro_1_1{
	padding-right:0}
	.pro_1_1_right{
	position:static; width:100%; margin-top:1.5em;}
	.footer_2_right_1{
	font-size:1em;}
	.footer_2{
	margin-top:2.5em; margin-bottom:2.5em;}
	.footer_3_left,.footer_3_right{
	float:none; width:100%; text-align:center; line-height:1.6;}
	.gotoup{
	font-size:.6em;}
	.kn_4_1{
	max-width:none}
	.kn_4_1_name{
	font-size:1em;}
	.kn_3_mid_left_2 ul li:last-child{
	margin-right:0}
	.kn_2_mid_2{
	margin-bottom:4em;}
	.kn_2_mid_1 ul li a{
	font-size:1em;}
	.kn_1_mid_left,.kn_1_mid_right{
	float:none; width:auto}
	.kn_1_mid_right{
	padding-top:1em;}
	.news_info_con_mid_1{
	font-size:1.25em;}
	.news_2{
	padding-top:2em;}
	.news_1_mid{
	margin-top:4em; margin-bottom:4em;}
	.news_1_mid_right_mid_2{
	font-size:1.25em;}
	.news_1_mid_left,.news_1_mid_right{
	float:none; width:100%;}
	.news_1_mid_right{
	margin-top:3em;}
	.contact_3{
	margin:4em 0;}
	.contact_3_mid_left,.contact_3_mid_right{
	float:none; width:100%;}
	.contact_3_mid_right{
	margin-top:2em;}
	.duty_3_list{
	margin-left:9.73958333333333%; margin-right:9.73958333333333%}
	.duty_3_list .swiper-slide{
	padding:0;}
	.duty_3_list{
	margin-top:2em; margin-bottom:2em;}
	.pagecom{
	margin:2.5em 0;}
	.pagecom ul li a{
	font-size:.875em;}
	.honor_1_2 ul li{
	margin-top:2em;}
	.vrlink span{
	width:5em; height:5em;}
	.indexpro_act{
	max-width:20em;}
	.about_5_r{
	right:2%;}
	.nybanner_img_txt_mid_1{
	font-size:1.875em; }
	.about_4_mid{
	width:90.26041666666667%}
	.about_4{
	padding:4em 0;}
	.about_3_mid_right_1{
	margin-top:4em;}
	.about_3_mid_right{
	margin-top:2em;}
	.about_3_mid_left,.about_3_mid_right{
	float:none; width:auto; margin:0 9.73958333333333%}
	.about_3_mid_right{
	padding-top:2em;}
	.about_1_mid_right_1{
	font-size:1em; margin-top:2em;}
	.about_1_mid_right_3{
	max-height:none; overflow:visible}
	.honor_1_rb{
	right:2%}
	.about_com{
	 }
	.about_1_mid_left,.about_1_mid_right{
	float:none; width:100%;}
	.index_mid_4_2_mid_right_2{
	font-size:1.125em;}
	.index_mid_4_2_mid_right_3{
	font-size:.875em;}
	.index_mid_4_2_mid_right_3{
	margin-bottom:1.5em;}
	.news_r_b{
	top:60%;}
	.newspage{
	margin-top:1em;}
	.index_mid_4_2{
	margin-top:2em;}
	.index_banner_left{
	left:2%;}
	.index_banner_right{
	right:2%;}
	.index_banner_left span,.index_banner_right span{
	font-size:1.125em;}
	.banner_img_jj_mid_2{
	font-size:1.875em;}
	.banner_img_jj_mid{
	margin:0 4em;}
}
.index_mid_4_2_mid{
opacity:0;}
.swiper-slide-active .index_mid_4_2_mid{
opacity:1;}
@media screen and (max-width:695px) {
	.kn_3_mid_left_2_2{
	font-size:.875em;}
	.kn_3_mid_left_2 ul li{ float:left;
	width:23%; margin-right:2.666666666666667%;}
	.kn_3_mid_left_2 ul li:nth-child(4n){
	margin-right:0}
}
.kn_5_mid_mid_1_mo{
display:none}
.kn_5_mid_mid_1_mo ul li {
    border-bottom: 1px #c2ccce solid;
    padding: 1em 0;}

	
.footer_mobile{ display:none;
text-align:center; font-size:.875em;}	
.footer_mobile_1{
margin:1.5em 0 1em 0;}
.footer_mobile_2{
line-height:1.6; margin-bottom:2em;}
.mobile_year{
display:none; font-size:1.25em; margin-bottom:8px;}
@media screen and (max-width:640px) {
.jobmask_mid_mid_1{
font-size:1.125em;}
.jobmask_mid_mid_3{
font-size:.9375em;}
.jobmask_mid_mid{
margin-left:1em; margin-right:1.5em;}
.jobmask_mid_close{
right:1em; top:1em;}
.jobmask_mid_close img{
width:1.5em;}
.qb_index_news{
padding-top:2.5em;}
.qb_index_news_mid_2 ul li{
width:100%; margin-right:0}
#index_mid_1{
padding:2.5em 0;}
.qb_index_1_mask_mid_3 a{
font-size:.4em;}
.qb_index_1_mask_mid_2{
font-size:1.5em;}
.qb_index_1_mask_mid_1{
font-size:.875em;}
.qb_job_1_mid_right_2 ul li{
width:100%; margin-top:1.5em;}
.news_info_con_mid_4 ul li a{
display:block}
.news_info_con_mid_1 h1{
font-size:18px; line-height:1.6}
.qb_news_1_mid_left{
font-size:.75em;}
.fac_3_2{
line-height:1.6;}
.fac_3_4 ul li,.fac_3_3,.list-paddingleft-2 li{
font-size:.9375em;}
.fac_3_right{
font-size:.5em;}
.fac_2_list_mid_left{
width:2.5em;}
.fac_2_list_mid_left img{
max-width:1.5em;}
.fac_2_list_mid{
padding-left:3em;}
.phcx_link{
display:block; width:100%; height:3.375em; line-height:3.375em;}
.fac_1_mid_left{
width:100%;}
.fac_1_mid_right{
width:100%;}
.tec_3_mid_2 ul li {
    flex: 0 1 100%;
    max-width: 100%;
    
}
.tec_3_mid_2 ul li:nth-child(2n){
margin-left:0}
.pt2{
font-size:1.125em;}
.tec_3_mid_1{
font-size:.9375em;}
.news_info_banner{
height:50vw;}
.news_info_con_mid_3{
font-size:.9375em;}
.news_info_con_mid_4{
padding-right:0;}
.art_info_re{
position:static; width:100%; text-align:center; padding-top:1em;}
.project_mid_mid_right_mid_1 h3{
font-size:1.125em;}
.qb_pro_info_2_mid_mid_1{
font-size:1.125em;}
.qb_pro_info_2_mid_mid_3{
font-size:1.5em; font-size:.9375em;}
.qb_pro_info_2_mid{
margin-left:3.125%; width:auto; margin-right:3.125%;}
.qbpromid_2_right_pro_info_mid_jj{
padding-bottom:2em; padding-left:3.125%; padding-right:3.125%; padding-top:.5em}
.propage{
margin-top:2em; font-size:.875em;}
.qbpromid_2_right_ou{
width:100%;}
.qbpromid_2_left_ou{
width:100%;}
.qbpromid_2_right_5{
margin-top:2em; margin-bottom:2em;}
.qbpromid_2_right_4_img a{
display:block; width:100%;}
.qbpromid_2_left{
width:100%;}
.qbpromid_2_right{
width:100%; margin-top:1.5em;}
.qbpromid_2 ul li{
margin-top:2em;}
.about_1_mid_right_mid{
padding-top:0}
.indexpro_act_left,.indexpro_act_right{
width:80px;}
#swiper-pagination-hor,#swiper-pagination-hor2{
margin:0 80px;}
.indexpro_act{
font-size:.75em;}
.about_4_mid_mid_2 a{
font-size:.875em;}
.about_2_4_1{
font-size:1.25em;}
.about_2_4{
margin-top:0}
.about_2_mid{
padding-bottom:2em;}
.about_2{
padding-bottom:4em;}
	.mobile_year{
	display:block;}
	.about_2_3{
	display:none}
	.about_1_mid_right_mid_4{
	font-size:.9375em;}
	.about_1_mid_right_mid_2{
	font-size:1.25em;}
	.about_1_mid_right_mid_3{
	font-size:1em;}
	.footer_mobile{
	display:block}
.pro_1_1{
margin-top:2.5em; margin-bottom:2.5em;}
.pro_1_1_left_1{
font-size:2.5em;}
.footer_2_mid_mid,.footer_2{
display:none}
.footer_3{
display:none}

#header .m-navwrap{
top:3.75em;}
.kn_5{
margin-top:2em;}
.kn_5{
padding:2.5em 0;}
.kn_5_mid_mid_1_1{
font-size:1.125em;}
.kn_5_mid_mid_1_2{
font-size:.875em;}
.kn_5_mid_mid{
padding:0 2em; padding-bottom:2em;}
.kn_5_mid_mid_1_mo{
display:block}
.kn_5_mid_mid_1{
display:none}	
	.kn_5_mid_mid_1_mo{
	display:block}
	.kn_2_mid_2{
	margin-bottom:2.5em;}
	.kn_1_mid{
	margin-top:2.5em; margin-bottom:2.5em;}
	.news_info_t_mid_right{
	display:none}
	.news_info_con_mid_4 ul li a{
	padding-top:.5em; padding-bottom:.5em;}
	.news_info_con_mid_4 ul li{
	width:100%;}
	.news_info_con_mid_4 ul li:nth-child(2){
	text-align:left}
	.news_2_1_jj_mid{
	margin-top:1em;}
	.news_2_1_jj_mid_2{
	margin-top:1em; margin-bottom:1em;}
	.news_2_1_jj_mid_1{
	font-size:1em;}
	.news_2_1_jj{
	min-height:inherit;}
	 .news_2_1 ul li{
	 width:100%;}
	.contact_3{
	margin:2.5em 0;}
	.a-button{
	width:100%; font-size:16px;}
	.contact_2_1_top{
	margin-top:0em;}
	.contact_2_2{
	margin-top:1.5em;}
	.contact_2_1 ul li:nth-child(1),.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li{
	width:100%; margin-right:0}
	.contact_1_list{
	margin-top:2em;}
	 .job_3_2_mid_2_1{
	 font-size:1em;}
	.honor_1_2 ul li{
	width:49%; margin-right:0; margin-top:1.5em;}
	.honor_1_2 ul li:nth-child(4n){
	margin-right:0}
	.honor_1_2 ul li:nth-child(2n){
	float:right}
	.about_9{
	margin-top:4em; margin-bottom:4em;}
	.about_8{
	padding:2.5em 0;}
	.about_6_2{
	margin-top:2em;}
	.nybanner_img_txt_mid_1{
	font-size:1.5em; margin-bottom:.5em;}
	.about_4_mid_mid_1 ul li.on .about_4_mid_mid_1_1{
	font-size:1.375em;}
	.about_4_mid_mid_1_2{
	font-size:.875em;}
	.about_1_mid_right{
	margin-top:2em;}
	.about_1_mid_right_2{
	margin-top:.5em; margin-bottom:1em;}
	 
	.news_r_b{
	right:2%; width:40%; bottom:-12em;}
	.newspage{ margin-bottom:18em;
	font-size:.875em; margin-left:auto; margin-top:1em; margin-right:auto; max-width:10em;}
	.index_mid_4_2_mid_left,.index_mid_4_2_mid_right{
	float:none; width:100%;}
	.index_mid_4_2_mid_right{
	margin-top:2em;}
	.news_r_b{ z-index:999;
	top:auto; bottom:-13em;}
	.index_mid_4_2{
	overflow:visible}
	.index_mid_3_mid{
	padding-top:4em; padding-bottom:4em;}
	.index_mid_3_mid_mid_jj_1{
	margin-top:2em;}
	.index_mid_1_right_3{
	font-size:.9375em;}
	.index_mid_3_mid_mid{
	max-width:none; margin:0 2em; width:auto}
	.index_mid_3_mid_mid_jj{
	padding:2em;}
	.index_mid_2{
	padding-top:2em;}
	.index_mid_2_1_left_1 span{
	font-size:1em;}
	.index_mid_1_right_2{
	font-size:1.25em; margin-top:.5em; margin-bottom:.875em;}
	.index_mid_2_2{
	margin-top:2.5em; margin-bottom:2.5em;}
	.index_mid_2_1_right_mid_name span{
	font-size:1em;}
	
	.header_mid_left img{
	height:2.125em;}
	.header_mid_right{
	height:2.75em;}
	#header{
	padding:.5em 0;}
	.banner_img_jj_mid_2{
	font-size:1.5em;}
	.viewbtn_banner{
	font-size:.75em;}
	.index_mid_1{
	padding:2.5em 0;}
	.index_mid_1_right{
	margin-top:4em;}
}
.nybanner_img_mo{
display:none;}
.nybanner_img_mo img{
width:100%;}
.banner_img_mo{ display:none;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.repro #indexpro{ margin-top:1em;
display:none; position:static}
.repro .swiper-pagination-bullet{
width:8px; height:8px; border:1px #009A44 solid;opacity:1;}
.repro .swiper-pagination-bullet-active{
background-color:#009A44}
@media screen and (max-width:480px) {
.qb_index_1_mask_mid_2{
font-size:1.25em}
.banner_img_jj_mid img{
max-width:100%;}
.contact_map_mid_info_mid_1 ul li:nth-child(1) .contact_map_mid_info_mid_1_2 dd,.contact_map_mid_info_mid_1 ul li:nth-child(2) .contact_map_mid_info_mid_1_2 dd{
padding-left:0}
.contact_map_mid_info_mid_1_2 dd span{
position:static; display:block; font-weight:bold}
.fac_2_list ul li {
    flex: 0 1 100%;
    max-width: 100%;
    margin-right: 0%;
}
.fac_2_list ul li:nth-child(2n){
margin-left:0}
.tech_1{
margin-top:2.5em; margin-bottom:2.5em;}
.tech_1_mid_right_mid_2{
font-size:1.125em;}
.tech_1_mid_right_mid_3{
font-size:.9375em;}
p.pt{
font-size:1em;}
.tech_1_mid_left{
font-size:.5em;}
.about_1_mid_right_mid_1 span:before {
display:none}
.about_1_mid_right_mid_1_nf span{
padding-left:0}
.qb_pro_info_1_1_1{
font-size:1em;}
.repro_mid_2_1{
font-size:1em;}
.repro #indexpro{
display:block}
.repro{
margin-left:3.125%; margin-right:3.125%;}
.qbpromid_2_right_2{
font-size:1.125em;}
.about_duty{
margin-bottom:2.5em;}
.indexpro_act{
max-width:100%;}
.indexpro_act_left, .indexpro_act_right{
width:60px;}
#swiper-pagination-hor,#swiper-pagination-hor2{
margin:0 60px;}
	.about_2_4_1{
	font-size:1.125em;}
	.about_2_4_2{
	font-size:.9375em; line-height:1.7;}
	.about_1_mid_right_mid_2{
	font-size:1.125em;}
	.banner_img_jj_mid{
	margin:0 1em;}
	.pro_2{
	margin-bottom:2.5em;}
	.pro_1_rb img{
	width:.75em;}
	.pro_1_1_right{
	font-size:.875em;}
	.pro_1_1_left{
	font-size:.5em;}
	.procom{
	margin:0 7%;}
	.footer_1_right{
	top:60%;}
	.footer_1{
	padding-top:1em; padding-bottom:1em;}
	.footer_1_left img{
	height:2em;}
	.footer_1_right ul li{
	margin-left:0;transform: scale(.8, .8);}
	.banner_img_pc{
	display:none}
	.banner_img_mo{
	display:block; position:absolute; height:100%}
	.banner_img{
	height:100vh}

	.header_mid,.nybanner_img_txt_mid,.about_com,.about_2_mid_right,.about_3_mid_right,.about_9_mid_right,.duty_1_mid_right,.duty_2 .duty_1_mid_right,.news_info_con_mid,.duty_1_mid_left,.duty_1_mid_right,.duty_2 .duty_1_mid_right,.about_9_mid_left,.about_9_mid_right,.about_2_mid_left,.about_2_mid_right,.duty_3_list,.duty_3_list,.about_3_mid_left,.about_3_mid_right{
	 }
	.duty_1_mid:after{
	left:7%;}
	.about_4_bg,.about_4_mid{
	width:93%}
	.about_3_mid_left_mid,.about_9_mid_left_mid,.kn_1_mid_left_pic,.news_1_mid_left_img{
	margin-right:1em;}
	.about_3_mid_left_bg,.about_9_mid_left_bg,.kn_1_mid_left_bg,.news_1_mid_left_bg{
	top:1em;}
	 

	.nybanner_img_pc{
	display:none;}
	.nybanner_img{
	height:auto}
	.nybanner_img_mo{
	display:block}
	.kn_4_1_mid img{
	max-width:40%;}
	.kn_4_1_name{
	font-size:.875em;}
	.kn_2_mid_2_jj_mid{
	padding-right:0}
	.kn_2_mid_2_jj{
	min-height:inherit}
	.kn_2_mid_2_left,.kn_2_mid_2_right{
	top:20%; font-size:.6em;}
	.news_info_con_mid_1{
	font-size:1.125em;}
	.news_1_mid{
	margin-top:2.5em; margin-bottom:2.5em;}
	.news_1_mid_right_mid_2{
	font-size:1.125em;}
	.news_1_mid_right_mid_3{
	font-size:.875em;}
	.honor_1_rb img,.about_5_r img{
	width:.75em;}
	.contact_1_list_con{
	padding-left:1em; padding-right:1em;}
	.contact_1_list_top{
	padding:.875em 1em; padding-right:2.5em;}
	.contact_1_list_top_right{
	right:1em;}
	.job_hd_left, .job_hd_right{
	font-size:1.5em;}
	.job_3_2_mid_2{
	max-width:none; padding-left:2em; padding-right:2em;}
	.job_hd{
	width:100%;}
	.duty_2 .about_1_mid_right_3{
	font-size:.875em;}
	.duty_1_mid_right_mid{
	padding-left:1.5em; padding-right:1.5em;}
	.duty_1_mid{
	margin-top:2.5em; padding-bottom:2.5em;}
	.honor_1_2 ul li{
	width:100%;}
	.about_5_mid_left_img{
	margin-left:1em;}
	.about_7_mid_right_mid{
	margin-right:1em;}
	.about_7_mid_right_bg,.about_5_mid_left_bg{
	top:1em; width:calc(100% - 1em)}
	
	.vrlink span{
	width:4em; height:4em;}
	.indexpro_act{
	max-width:16em; margin-top:2em;}
	.about_5{
	margin:5em 0 4em 0;}
	.nybanner_img_txt_mid_2{
	font-size:.875em;}
	.nybanner_img_txt_mid_1{
	font-size:1.25em;}
	.about_4{
	margin-bottom:2.5em;}
	.about_1_mid_right_2{
	font-size:1.125em}
	.about_4{
	padding:2.5em 0;}
	.about_3{
	margin-bottom:4em;}
	.about_3_mid_right_1{
	margin-top:2em;}
	#newstop{
	margin-top:2.5em;}
	.newspage{
	margin-bottom:4em;}
	.viewbtn{
	font-size:.75em;}
	.news_r_b{
	display:none}
	.index_mid_1_right_2{
	font-size:1.225em;}
	.index_mid_3_mid{
	padding-top:2em; padding-bottom:2em;}
	.index_mid_3_mid_mid{
	margin:0 1em;}
	.index_mid_3_mid_mid_jj{
	padding:1.5em;}
	.index_mid_2_2_left_1 span{
	font-size:1.125em;}
	.index_mid_1_right{
	margin-top:3em;}
	.index_mid_1_left_mid a:after{
	font-size:.5em;}
	.index_mid_1_left_mid{
	margin-left:0em;}
	.index_mid_1_left:after{
	top:1em; display:none}
	.banner_img_jj_mid_2{
	font-size:1.25em; margin-top:.875em; margin-bottom:0em;}
	.index_banner_left span,.index_banner_right span{
	font-size:1em;}
}
@media screen and (max-width:400px) {
	.index_mid_2_1_right{
	 display: inline-block;width: 100%; position:relative; z-index:1;vertical-align: top;overflow-x: auto;box-shadow: rgb(0, 0, 0) 0px 0px 0px;border-width: 0px;box-sizing: border-box;
	 }
	 
	 
	 .index_mid_2_1_right::-webkit-scrollbar-track-piece { background-color: #dedede; border-left: 1px solid rgba(0, 0, 0, 0); } 
.index_mid_2_1_right::-webkit-scrollbar { width: 2px; height: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } 
.index_mid_2_1_right::-webkit-scrollbar-thumb { background-color: #000; background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; min-height: 2px; } 

	 
	 
	 .index_mid_2_1_right ul{
	 overflow: hidden;width:155%;max-width:155% !important;box-sizing: border-box;}
	 .index_mid_2_1_right ul li{
	 width:31.03333%; margin:0; margin-left:2.3%;}
	 .index_mid_2_1_right ul li:nth-child(1){
	 margin-left:0}
	 
	 
 
	 
	 
	 
	 
	.kn_3_mid_left_2 ul li{
	width:47%; margin-bottom:1em; margin-right:0}
	.kn_3_mid_left_2 ul li:nth-child(2n){
	float:right}
	 
}
/************/
#header .m-navwrap{ 
		width: 100%;
		position: absolute;
		top: 4.75em;
		left: 0;
		display: none; opacity:0;pointer-events:none;
		background: #fff;
		 
	}
	#header .m-navwrap ul,#header .m-navwrap li{
		width: 100%;
	}
	#header .m-navwrap .tit{
		display: block;
		 
		 
		height: 46px;
		line-height: 46px;
		font-size: 15px;
		color: #fff;
		background: url("../images/ico_100.png") no-repeat 93% center #009a44;;
		background-size: auto 22%;
		cursor: pointer;
		border-bottom: 1px solid #fff;
	}
	#header .m-navwrap .tit a{
		color: #fff;
		display: block; padding:0 7%;
	}
	#header .m-navwrap .tit a:hover{
		color: #fff;
	}
	#header .m-navwrap li{
		border-bottom: 1px solid #fff;
		 
	}
	#header .m-navwrap .sub-box{
		width: 100%;
		background-color: #fff;
		display: none;
	}
	#header .m-navwrap .sub-box a{
		display: block;
		color:#333;
		padding: 0 17.4% 0 7%;
		height: 34px;
		line-height: 34px;
		border-top: 1px solid #dedede;
		 
		font-size: 13px;
	}
	#header .m-navwrap .sub-box a:hover{
		background-color: #fff; color:#333;
	}
	
@media screen and (max-width:1200px) {
#header .header_mid_right_right.open .m-btn .line{
background-color:#000}
#header.cur2{ box-shadow: 0 6px 15px rgba(98,98,98,.06);
background-color:#fff; top:0;}
 
#header.cur2 .header_mid_left{
pointer-events:auto; opacity:1
}

#header .m-navwrap{ 
		 opacity:1;pointer-events:auto;
		 
		 
	}	
	}
@media screen and (max-width:640px) {
	#header .m-navwrap{
	top:3.75em;}
}

.news_2_1 ul li{-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out; }

.news_2_1 ul li:hover{
-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)}
/*****************/
.imgp{ -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);opacity:1;}
.swiper-slide.swiper-slide-active .imgp{transition: 0.95s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);opacity:1;}
.index_mid_2_2_left_1,.index_mid_2_2_left_2,.index_mid_4_2_mid_right{
opacity:0;}
.swiper-slide.swiper-slide-active .index_mid_4_2_mid_right,.swiper-slide.swiper-slide-active .index_mid_2_2_left_1,.swiper-slide.swiper-slide-active .index_mid_2_2_left_2{
opacity:1}
.mobile_hide{
display:none}

.about_1_mid_right_3_pc{ 
height:auto; position:relative; line-height:1.6;}
.pcd{ margin-right:16px;
text-align: justify;
}
.pcd:after {
    display: inline-block;
    width: 100%;
    content: '';
}
@media screen and (max-width:1366px) {
 .about_1_mid_right_3_pc{
 height:auto;}
}
@media screen and (max-width:1024px) {
.mobile_hide{
display:block}
.about_1_mid_right_3_pc{
display:none}
}
@media screen and (max-width:1440px) {
.h_meuu_list_mid_title p{
font-size:1.125em;}
}
#header .m-navwrap ul li:nth-child(1) .tit{
background-image:none}
@media screen and (max-width:480px) {
.index_mid_2_1_right{
display:none}
}
.index_mid_2_2_right_img{
position:relative}
.index_mid_2_2_right_img:before{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#000; opacity:0;transition: 0.5s all cubic-bezier(0.65, 0.05, 0.36, 1);}
.index_mid_2_2_right_img a{transition: 0.5s all cubic-bezier(0.65, 0.05, 0.36, 1); text-align:center; color:#fff;     background-color: rgba(17, 214, 131, 0.57);
border-radius:50%; width:13.90625vw; height:13.90625vw; display:block; z-index:666;opacity:0;
position:absolute; left:50%; top:50%; z-index:100;transform:translate(-50%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_mid_2_2_right_img a span{ padding-bottom:1em; position:absolute; top:50%;transform:translateY(-50%);background-image:url(../images/plus.png);
color:#fff; display:block; text-align:center; font-size:1.5em; font-family:Calibri; position:relative; background-position:center bottom; background-repeat:no-repeat;}
.index_mid_2_2_right_img a span:before{ background-repeat:no-repeat; background-image:url(../images/plus.png); background-size:cover; display:none;
content:''; position:absolute; left:50%; bottom:0; width:0.6666666666666667em; height:0.6666666666666667em; background-position:center}
.index_mid_2_2_right_img:hover a{
opacity:1}
.index_mid_2_2_right_img:hover:before{
opacity:.2;}
@media screen and (max-width:1200px) {
.index_mid_2_2_right_img a{
 width:8.75em; height:8.75em;}
.index_mid_2_2_right_img a span{font-size:1.25em;}
}
@media screen and (max-width:480px) {
.index_mid_2_2_right_img a span{
background-image:none}
.index_mid_2_2_right_img a span:before{
display:block;transform:translateY(-50%); left:45%}
.index_mid_2_2_right_img a{
width:6em; height:6em;opacity:1;}
.index_mid_2_2_right_img a span{
font-size:1em;}
.banner_img_jj_mid{
margin:0 7%;}
.banner_img_jj_mid_2{
font-weight:bold}
.index_mid_2_2_right_img:before{
opacity:.2;}
.index_mid_1 .index_mid_com{
margin:0;}
.index_mid_1_right{
width:auto; margin-left:5%; margin-right:5%;}
.index_mid_1{
padding-top:0; padding-bottom:0}
.index_mid_1_left{
margin-top:2em;}
}
.ewmbox{ height:24.47916666666667vw; left:50%; text-align:center; top:50%;transform:translate(-50%, -50%);
position:fixed; z-index:888; background-color:#fff; width:39.58333333333333vw; display:none;}
.ewmbox_close{
position:absolute; right:1.25em; top:1.25em;}
.ewmbox_close a{
display:block; background-position:center; background-repeat:no-repeat; background-size:cover; width:2.125em; height:2.125em; background-image:url(../images/cc.png);}
@media screen and (max-width:1300px) {
.ewmbox img{
max-width:140px;}
}
@media screen and (max-width:950px) {
.ewmbox img{
max-width:140px;}
.ewmbox{
height:30vw;}
.ewmbox_close a{
font-size:.75em;}
}
#xhs_mo{
display:none}
@media screen and (max-width:700px) {
#xhs_mo{
display:inline-block}
#xhs_pc{
display:none}
.ewmbox img{
max-width:140px;}
.ewmbox{
height:50vw;}
 
}
.footer_1_left img:nth-child(2){
display:none}
@media screen and (max-width:640px) {
.indexpro_act_right_dy,.indexpro_act_left_dy{
border:1px #fff solid; background-color:#009A44}

.footer_1_left img:nth-child(1){
display:none}
.footer_1_left img:nth-child(2){
display:block}
}
@media screen and (max-width:550px) {
.ewmbox_close{
right:1em; top:1em;}
.ewmbox_close a{
font-size:.6em;} 
.ewmbox{
height:50vh; width:80%}
 .ewmbox img{
max-width:60%;}
}
.header_mid_right ul li a.biga:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; top:5px; height:2px; width:0;
/*background-color:#fff*/
    
}
.header_mid_right ul li a.biga:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:5px; height:2px; width:0; background-color:#009a44}
.header_mid_right ul li:hover a.biga:before,.header_mid_right ul li:hover a.biga:after{
width:100%;}
/*#header.cur .header_mid_right ul li a.biga:before{*/
/*background-color:#36b4e5*/
    
/*}*/
#header.cur .header_mid_right ul li a.biga:after{
background-color:#009a44}
.qb_index_1_mask_mid_1,.qb_index_1_mask_mid_2{
-webkit-transition:letter-spacing .3s cubic-bezier(.215,.61,.355,1) 0s;transition:letter-spacing .3s cubic-bezier(.215,.61,.355,1) 0s}
.qb_index_1:hover .qb_index_1_mask_mid_1{letter-spacing:0.1em;}
.qb_index_1:hover .qb_index_1_mask_mid_2{letter-spacing:0.35em;}











