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

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{ padding:1.5em 0;
position:fixed; left:0; top:0; width:100%; z-index:999;}
.header_mid{ position:relative;
margin:0 3.64583333333333%;}
.header_mid_left{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.header_mid_mid{
margin-left:22.39583333333333vw; margin-right:15em;}
.header_mid_mid ul li{
float:left; position:relative; margin-right:3.48958333333333vw;}
.header_mid_mid ul li a.biga{transition: all 1s;
color:#fff; line-height:3.1875em;}
.header_mid_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.header_mid_right ul li{
float:left; padding:0 1em; background-position:right center; background-repeat:no-repeat;}
.header_mid_right ul li:nth-child(1){
background-image:url(../images/header/img3.png);}
.header_mid_right ul li a{ background-repeat:no-repeat;transition: all 1s;
color:#fff; display:block; background-position:right center;}
.header_mid_right ul li:nth-child(1) a{
background-image:url(../images/header/img1.png); padding-right:1.5em;}
.header_mid_right ul li:nth-child(2) a{
background-image:url(../images/header/img2.png); padding-right:1.5em;}
.bannerimg{
position:relative; height:100vh;}
.pcbanner{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.indexbanner_footer{ text-align:center;
position:absolute; left:50%; bottom:40px; 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);
    }
  }
.indexbanner_right{ line-height:1.6;
position:absolute; left:3.64583333333333%; z-index:10; bottom:2.08333333333333vw;}
.indexabout{
 background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexabout_mid{
margin:0 14.42708333333333%;} 
.indexabout_mid_con{ text-align:center; color:#cedae0;  line-height:2;
position:absolute; left:0; width:100%; top:13.87755102040816%; }
.indexabout_mid_1{font-size:1.125em; padding-bottom:2em;}
.play_video{
display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; width:7.75em; height:7.75em; background-image:url(../images/index/img3.png);}
.indexpro_cate{ overflow:hidden;
position:relative; width:33.33333333333333%; float:left; height:100%;}
.indexpro_cate_img{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexpro_cate:hover .indexpro_cate_img{transform: scale(1.08, 1.08);}
.indexpro_cate_name{ left:50%; top:50%; text-align:center;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); border-radius:50%; color:#fff;
position:absolute; z-index:10; width:18.02083333333333vw; height:18.02083333333333vw;}
.indexpro_cate_name:after{ position:absolute; left:50%; top:50%; content:'';transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width:83.8150289017341%; height:83.8150289017341%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); background-color:#000; opacity:.41;border-radius:50%; }
.indexpro_cate_name span{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); font-size:1.875vw;font-family: 'jiangxizhuokai';
 position:absolute; z-index:10; top:50%; left:50%;white-space:nowrap;

       overflow:hidden;

       text-overflow:ellipsis;}
.indexpro_cate_name:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:.0;transform: scale(0, 0);
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/index/img8.png); background-position:center; background-repeat:no-repeat; background-size:cover;}	  
.indexpro_cate a:hover .indexpro_cate_name:before{
opacity:1;transform: scale(1, 1);}
.indexpro_cate a:hover .indexpro_cate_name:after{
opacity:0;transform: scale(0, 0);}
.bannerimg_txt{ position:absolute; left:0; top:7vw;; width:100%; text-align:center; z-index:100;
text-align:center; color:#fff;  line-height:1.5;}
.indexpro2_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexpro2_mid{ position:absolute; z-index:10; top:20%;
left:11.97916666666667%;}
.indexnews_right{
position:absolute; top:11.97916666666667vw; right:11.97916666666667%; z-index:10;}
.big_t{font-family: 'jiangxizhuokai';font-size:3em;}
.indexpro2_mid_1{
color:#003b97;}
.indexpro2_mid_2{ max-width:33em; line-height:1.7;
color:#373737; font-size:1.125em; margin:.6em 0;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.indexnews .indexpro2_mid_2{
max-width:29.44444444444444em;}
.indexpro2_mid_3{
margin-top:1.5em;}
.indexpro2_mid_3 ul li{ margin-right:6px;
display:inline-block; position:relative; border:1px #d9d9d9 solid; text-align:center; width:9.625em; height:6.75em;border-radius:5px; }
 .indexpro2_mid_3_mid_2{
 color:#373737; font-size:.875em; margin-top:5px; margin-left:1em; margin-right:1em;}
.indexpro2_mid_3_mid{
text-align:center; position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:100%;} 
.indexnews_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} 
.indexnews_right_1{  margin-bottom:1em;
font-size:1.25em; color:#666666;}
.view_more{border-radius:5px; 
display:inline-block; position:relative; width:10.25em; height:2.625em; line-height:2.625em; background-color:#003b97; color:#fff}
.view_more span{ color:#fff;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
padding-left:1.25em; position:relative;}
.view_more:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:'+'; position:absolute; top:50%;-webkit-transform: translateY(-50%); color:#fff;
    transform: translateY(-50%); font-family:"宋体"; right:1.25em; font-size:1.5em;}
.view_more:hover span{
padding-left:1.75em;}	
.view_more:hover:after{
right:1.5em;}	
.indexnews_right_2{
margin-top:1.5em;}
.index_duty_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_duty_left{ top:50%; -webkit-transform: translateY(-50%); color:#fff;
    transform: translateY(-50%); 
position:absolute; z-index:10; left:8.33333333333333%;}
.index_duty_left_1{
font-size:12px;}
.index_duty_left_2{
font-size:1.25em; margin-top:.5em; margin-bottom:1em;}
.index_duty_left_3{
max-width:35.625em; line-height:1.6;}
.index_duty_mid{text-align:center;
position:absolute; left:0; width:100%;  z-index:20; top:17.1875vw;/*-webkit-transform: translateY(-50%);  
    transform: translateY(-50%);*/}
.index_duty_mid_1{
color:#003b97;}
.index_duty_mid_2{
margin-top:1.25em;}
.index_duty_mid_2 span{ position:relative;
color:#202020; display:inline-block; padding:0 .4em; font-size:2.25em;  }
.index_duty_mid_2 span:after{
content:''; position:absolute; left:0; top:10%; width:1px; background-color:#202020; height:80%;}
.index_duty_mid_2 span:nth-child(1):after{
display:none}
.index_duty_mid_3{ text-align:center;
  margin-top:2em;}
.index_duty_mid_3 .view_more{
text-align:left}
.index_duty_left_3{
max-width:30em;}
.footer_1 ul li{
float:left; width:33.3333%; text-align:center; overflow:hidden; position:relative;}
.footer_1_img img{
width:100%;}
.footer_1_img{
overflow:hidden}
.footer_1_mask{ background-position:center; background-repeat:no-repeat; background-size:cover; padding:10.20833333333333vw 0;
 text-align:center; color:#fff;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
 .footer_1 ul li:hover .footer_1_mask{transform: scale(1.08, 1.08);}
.footer_1_mask_1{
font-size:1.875em;font-family: 'jiangxizhuokai';}
.footer_1_mask_2{
font-size:1.5em; margin-top:5px;}
.footer_2{ overflow:hidden;
background-image:url(../images/footer/bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_2_mid{
position:relative;}
.footer_2_mid_mid{ margin-right:20.3125vw;
margin-left:16.66666666666667vw;}
.footer_2_mid_mid ul li{
float:left; color:#fff; margin-left:3.33333333333333vw;}
.footer_2_mid_mid ul li:nth-child(1){
margin-left:0}
.ft{ position:relative;
font-size:1.25em; margin-bottom:2em;}
.ft:after{
content:''; position:absolute; left:0; bottom:-1em; height:1px; width:18px; background-color:#888c8f;}
.footer_2_mid_mid ul li dl dd a{
color:#fff; display:inline-block; position:relative}
.footer_2_mid_mid ul li dl dd a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#fff;}
.footer_2_mid_mid ul li dl dd a:hover:after{
width:100%;}
.footer_2_mid_mid ul li dl dd{
line-height:1.5; margin-bottom:.75em;}
.footer_2_mid_left{
position:absolute; left:0; top:0; color:#fff}
.footer_2_mid_left_1{
color:#fff; font-size:1.125em; line-height:1.8;}
.footer_2_mid_right{
position:absolute; right:0; top:0; color:#fff}
.footer_2_mid_right_1 ul li{ margin-left:1em;
display:inline-block; position:relative; margin-bottom:1em;}
.footer_2_mid_right_1 ul li a{ line-height:1.5; padding-left:1.875em; display:inline-block;
color:#fff; background-position:left center; background-repeat:no-repeat;}
.footer_2_mid_right_1 ul li:nth-child(1) a{
background-image:url(../images/footer/img1.png);}
.footer_2_mid_right_1 ul li:nth-child(2) a{
background-image:url(../images/footer/img2.png);}
.footer_2_mid_right_1 ul li:nth-child(3) a{
background-image:url(../images/footer/img3.png);}
.footer_2_mid_right_1 ul li:nth-child(1){
margin-left:0}
.footer_2_mid_right_2{
margin-top:1em; position:relative;}
.wximg{ display:none;
position:absolute; max-width:none; left:-40px; top:1.875em;}
.footer_2_mid_right_2 a:hover .wximg{
display:block}
.footer_2_mid_right_2 a{ margin-right:5px;position:relative;
display:inline-block; border:1px #929292 solid; width:1.875em; height:1.875em; border-radius:100%; }
.footer_2_mid_right_2 a:after{-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out; 
    -moz-transition: -moz-transform 1s ease-out;
content:''; position:absolute; left:0; top:0; width:100%; height:100%;background-position:center; background-repeat:no-repeat;}
.footer_2_mid_right_2 a:hover:after{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.footer_2_mid_right_2 a:nth-child(1):after{
background-image:url(../images/footer/img4.png);}
.footer_2_mid_right_2 a:nth-child(2):after{
background-image:url(../images/footer/img5.png);}
.footer_2_mid_right_2 a:nth-child(3):after{
background-image:url(../images/footer/img6.png);}
.footer_2_mid_right_2 a:nth-child(4):after{
background-image:url(../images/footer/img7.png);}
.footer_3{ color:#fff;
overflow:hidden} 
.footer_3_mid_left{
float:left;}
.footer_3_mid_right{
float:right}
.footer_3_mid{
padding:1.25em 0; border-top:1px rgba(255,255,255,0.5) solid; overflow:hidden}
.footer_3_mid a{
color:#fff}
.footer_2_mid{ overflow:hidden;
margin:6em 0;}
/****header menu*******/
#header.header_white .header_mid_mid ul li a.biga,#header.header_white .header_mid_right ul li a{
color:#000}
#header.header_white .header_mid_right ul li:nth-child(1) a{
background-image:url(../images/header/img1b.png);}
#header.header_white .header_mid_right ul li:nth-child(2) a{
background-image:url(../images/header/img2b.png);}
#header.header_white .header_mid_right ul li:nth-child(1) {
  background-image: url(../images/header/img3b.png);
}
/*****index effect***********/
.indexabout_mid_1{-webkit-transform: translateY(50%);  
    transform: translateY(50%); transition-delay: 0s;
position:relative;transition: all 1s; opacity:0;}
.indexabout_mid_2{transition-delay: 0s;
-webkit-transform: translateY(50%);  transition-delay: 0s;
    transform: translateY(50%); 
position:relative;transition: all 1s; opacity:0;}
.active .indexabout_mid_1{
opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: 0.7s;}

.active .indexabout_mid_2{
opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: 1s;}	
	
.indexpro .indexpro_cate:nth-child(2){
opacity:0;transition: all 1s;
  transition-delay: 0s;}	
.indexpro.active .indexpro_cate:nth-child(2){
opacity:1;transition-delay: 0.8s;}
.indexpro .indexpro_cate:nth-child(1){-webkit-transform: translateX(-50%);  
    transform: translateX(-50%);
opacity:0;transition: all 1s;
  transition-delay: 0s;}
.indexpro.active .indexpro_cate:nth-child(1){
opacity:1;-webkit-transform: translateX(0%);  
    transform: translateX(0%);transition-delay: 0.7s;}

.indexpro .indexpro_cate:nth-child(3){-webkit-transform: translateX(50%);  
    transform: translateX(50%);
opacity:0;transition: all 1s;
  transition-delay: 0s;}
.indexpro.active .indexpro_cate:nth-child(3){
opacity:1;-webkit-transform: translateX(0%);  
    transform: translateX(0%);transition-delay: 0.7s;}	
.indexpro2_mid_1,.indexpro2_mid_2,.indexpro2_mid_3,.indexnews_right_1,.indexnews_right_2{
position:relative;-webkit-transform: translateY(50%);  
    transform: translateY(50%); transition-delay: 0s;
position:relative;transition: all 1s; opacity:0;}	
.active .indexpro2_mid_1{
opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: 0.7s;
}
.active .indexpro2_mid_2{
opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: 0.9s;
}
.active .indexpro2_mid_3{
opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: 1.2s;
}
.active .indexnews_right_1{opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: .7s;}
.active .indexnews_right_2{opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: 1.4s;}	
.index_duty_mid_1,.index_duty_mid_2{
opacity: 0;
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
transition: all 1s;
  transition-delay: 0s; position:relative;}
.active .index_duty_mid_1,.active .index_duty_mid_2{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition-delay: 0.7s;}	
.index_duty_mid_3{position:relative;-webkit-transform: translateY(50%);  
    transform: translateY(50%); transition-delay: 0s;
position:relative;transition: all 1s; opacity:0;}
.active .index_duty_mid_3{opacity:1;-webkit-transform: translateY(0%);  
    transform: translateY(0%);transition-delay: 0.9s;}
.index_duty_left{transition: all 1s; opacity:0;-webkit-transform: translateX(-50%);  
    transform: translateX(-50%); transition-delay: 0s;}
.active .index_duty_left{  opacity:1;-webkit-transform: translateX(0%);  
    transform: translateX(0%); transition-delay: 1.2s;}	
.footer_1 ul li .footer_1_mask_1,.footer_1 ul li .footer_1_mask_2{opacity: 0;
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
transition: all 1s;
  transition-delay: 0s; }	

.active .footer_1 ul li:nth-child(1) .footer_1_mask_1,.active .footer_1 ul li:nth-child(1) .footer_1_mask_2{ position:relative;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition-delay: 0.7s;}
.active .footer_1 ul li:nth-child(2) .footer_1_mask_1,.active .footer_1 ul li:nth-child(2) .footer_1_mask_2{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition-delay: 0.9s;}
.active .footer_1 ul li:nth-child(3) .footer_1_mask_1,.active .footer_1 ul li:nth-child(3) .footer_1_mask_2{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition-delay: 1.2s;}	
/***************about*************/	
.nybanner_img{
position:relative}
.nybanner_img img{
width:100%; opacity:0;}
.nybanner{
position:relative}
.nybanner_img_bg{background-attachment: fixed;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_footer{
position:absolute; left:0; bottom:0; z-index:10; width:100%;}
.nybanner_footer ul li{
float:left;}
.nybanner_footer ul li a{ text-align:center; font-size:1.25em; padding:1.125em 0;
display:block; position:relative; margin-left:1px; background:rgba(0,0,0,0.79); color:#fff;}
.ul_5 li{
width:20%;}
.nybanner_footer ul li a span{
display:block; position:relative; z-index:10;}
.nybanner_footer ul li a:after{transition: all .5s; background-color:#294c9e;
content:''; position:absolute; left:0; top:0; height:100%; width:0;}
.nybanner_footer ul li a:hover:after,.nybanner_footer ul li a.on:after{
width:100%;}
.about_1{ padding-top:14em; padding-bottom:10.875em;
background-position:right center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img8.jpg);}
.about_mid{
margin:0 11.875%;}
.about_1_left_1{
font-size:2.5em; color:#203666}
.about_1_left_2{ margin-top:5px;
color:#898989; font-size:1.125em;}
.about_1_left_3{
line-height:1.8; margin-top:2em; margin-bottom:2.5em;}
.about_1_left{
width:40.82191780821918%;}
.about_1_left_4 ul li{
float:left; width:33.3333%; text-align:center}
.about_1_left_4_mid_1 span{
font-size:3.5em; font-weight:bold}
.about_1_left_4_mid_2{
font-size:1.125em; margin-top:.5em;}
.about_1_left_4_mid{
padding:0 1em; border-left:1px #dedede solid;}
.about_1_left_4 ul li:nth-child(1) .about_1_left_4_mid{
padding-left:0; border:none}
.about_1{
padding-top:10em;  padding-bottom:6em;}
.about_2 ul li{ margin-right:2.80898876404494%;
float:left; width:31.46067415730337%; text-align:center; position:relative}
.header_mid_con{
position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:10; color:#fff;}
.header_mid_con_mid{
margin:0 1em; position:relative;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_con_mid_2{
font-size:2.5em; margin-top:.6em; margin-bottom:1em;}
.header_mid_con_mid_3{ line-height:1.6; font-size:.9375em;
line-height:2; height:0; overflow:hidden; position:relative; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.about_2 ul li:hover .header_mid_con_mid_3{
opacity:1; height:20em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 10;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; }
.about_2 ul li:nth-child(3n){
margin-right:0}
.about_2_img{
overflow:hidden}
.about_2_img img{
width:100%;}
.about_3_mid{
margin:0 11.97916666666667%;}
.about_3{ padding-top:7.1875em;
text-align:center; padding-bottom:4em;}
.about_3_1 ul li{ margin-right:1.71232876712329%;
width:32.19178082191781%; float:left}
.about_3_1 ul li:nth-child(3n){
margin-right:0}
.about_3_1_1{
overflow:hidden}
.about_3_1_1 img{
width:100%;}
.about_3_1_2{ text-align:center;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size:1.25em; margin-top:1em; margin-bottom:2.5em;}
.about_3_1{
margin-top:3em;}
.about_3_1_2{
font-size:1em;}
.value_1_1_mid{
left:11.875%; position:absolute; top:0; height:100%; width:88.125%;}
.value_1_1_mid img{
width:100%;}
.value_1_1{ padding:6.5em 0; overflow:hidden;
position:relative; margin-bottom:9.375em}
.value_1_1_left{background-color:rgba(35,67,137,0.82); padding:2em 0;   width:41.14583333333333%; color:#fff; position:relative; z-index:10;}
.value_1_1_left_mid{ margin-right:12%;
margin-left:29.11392405063291%;}
.value_1_1_left_mid_ul ul li{ padding:1.5em 0;
border-bottom:1px rgba(228,228,228,0.2) solid;}
.value_1_1_left_mid_ul_mid{
position:relative; padding-left:7.375em;}
.value_1_1_left_mid_ul_mid_left{
position:absolute; left:0; top:0;}
.value_1_1_left_mid_ul_mid_right_1{
font-size:1.875em;}
.value_1_1_left_mid_ul_mid_right_2{
font-size:1.5em; margin-top:4px; line-height:1.5;}
.value_1_1_left_mid_ul ul li:last-child{
border:none}
.about_1_left_ct{
margin-top:6.5em;margin-bottom:2em; }
.brand_1{ overflow:hidden;
background-image:url(../images/about/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.brand_1_1_right{ 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);
margin-left:45.37414965986395%; overflow:hidden;}
.brand_1_1_right_mid{
margin-left:21.25%; margin-right:7.125%; margin-top:7.5em; margin-bottom:7.5em;}
.brand_1_1_right_mid_1 span{ padding-right:2em;
font-size:2.25em; display:inline-block; position:relative;}
.brand_1_1_right_mid_1 span:after{
content:''; position:absolute; right:0; top:50%; width:1.583333333333333em; height:1px; background-color:#000;-webkit-transform: translateY(50%);  
    transform: translateY(50%);}
.brand_1_1_right_mid_2{
line-height:2; margin-top:2em;}
.brand_1_1_left{ overflow:hidden;
position:absolute; left:0; top:-2.9375em; height:100%; width:53.06122448979592%;}
.brand_1_1_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.brand_1_1{
position:relative; margin-top:5.875em; margin-bottom:8.3125em;}
.pagination{
text-align:center}
.pagination li{
display:inline-block; margin:0 .5em;}
.pagination li a,.pagination li span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#4a4a4a; display:inline-block; padding:.3em .7em;}
.pagination li a:hover,.pagination li.active span{
color:#fff; background-color:#314a99}
.pagelist{
margin-bottom:6.625em; margin-top:3em;}
.ze_1_bg{
position:absolute; left:11.875%; top:0; width:84.47916666666667%; height:100%;}
.ze_1_bg_img{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ze_1{ margin-bottom:7.5em; overflow:hidden;
position:relative; padding:5em 0 8.125em 0;}
.ze_1_mid{ width:68.54166666666667%; color:#fff;background-color: rgba(35,67,137,0.82); position:relative; z-index:10;
margin-left:3.64583333333333%; padding:5em 0;}
.ze_1_mid_mid{ margin-right:4.94296577946768%;
margin-left:11.86311787072243%;}
.ze_1_mid_mid_1{
font-size:1.875em;}
.ze_1_mid_mid_2{
font-size:.875em; margin-top:5px;}
.ze_1_mid_mid_3{
line-height:1.8; margin-top:2em;}
.ser_2_list_right{ background-color:#fff;
margin-left:42.46575342465753%; overflow:hidden;}
.ser_2{ overflow:hidden;
background-color:#e8eef1; padding-top:3em; padding-bottom:6em;}
.ser_2_list_right_mid_1 span{ display:inline-block; position:relative;
color:#0a0a0a; font-size:1.875em; padding-bottom:.5em;}
.ser_2_list_right_mid_1 span:after{ position:absolute; left:0; bottom:0; content:'';
width:1.4em; height:1px; background-color:#2571a3;}
.ser_2_list_right_mid_2{ margin-top:1.5em;
color:#5c5c5c; line-height:1.8;}
.ser_2_list_right_mid{ padding-top:5.9375vw; padding-bottom:8.85416666666667vw;
padding-left:14.0625vw; padding-right:3.64583333333333vw;}
.ser_2_list_left{ z-index:10; overflow:hidden; height:100%;
position:absolute; left:0; top:-1.875em; width:57.24137931034483%;}
.ser_2_list_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_2_list ul li{ margin-top:5.625em;
display:block; position:relative}
.ser_2_list ul li:nth-child(2n) .ser_2_list_right{margin-right:42.46575342465753%; margin-left:0}
.ser_2_list ul li:nth-child(2n) .ser_2_list_left{
left:auto; right:0}
.ser_2_list ul li:nth-child(2n) .ser_2_list_right_mid{padding-right:14.0625vw; padding-left:3.64583333333333vw;}
.ser_2_list ul li:nth-child(2) .ser_2_list_right_mid{padding-top:2vw; padding-bottom:4vw;}
/*******product************/
.ul_3 li{
width:33.3333%;}
.pro_1_1 ul li{ margin-top:2.875em;
position:relative;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); }
.pro_1_1 ul li .pro_1_1_right{
margin-left:62.12328767123288%;}
.pro_1_1_left{ overflow:hidden;
position:absolute; left:0; top:0; height:100%; width:62.12328767123288%;}
.pro_1_1_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_1_1_right_mid{color:#434343;
margin:0 11.63636363636364%; padding:3.4375vw 0;}
.pro_1_1_right_mid_1{ font-size:2.25em; border-bottom:1px #dbdbdb solid; padding-bottom:.875em; margin-bottom:.875em;
}
.pro_1_1_right_mid_2{
line-height:1.8;}
.pro_1_1_right_mid_3{
line-height:1.8; margin:1em 0;}
.pro_1_1_right_mid_4 a{
margin-right:10px;}
.pro_1_1{
margin-top:5.25em; margin-bottom:4em;}
/***********************/
.ul_4 li{
float:left; width:33.333333333333%;}
.ggmid{
background-color:#f3f4f0; overflow:hidden}
.ggmid_mid_left{
  width:54.38356164383562%;}
.ggmid_mid_right{ overflow:hidden;
 width:41.36986301369863%; position:absolute; right:0; top:0; height:100%;}
 .ggmid_mid{
 position:relative}
.ggmid_footer{
padding-top:2em;} 
.ggmid_mid_right img{
display:none; width:100%;}
.ggmid_mid_right img{
width:100%;}
.ggmid_mid_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ggmid_mid_left_1{
position:relative; padding:2.5em 0; }
.ggmid_mid_left_1_left{
position:absolute; left:2.3125em; top:0; width:9.75em;}
.ggmid_mid_left_1_right{
margin-left:9.75em; margin-right:15%;}
.ggmid_mid_left_1 a{ position:relative;  
color:#333;    display:block}
.ggmid_mid_left_1_left_1{
font-size:1.875em;}
.ggmid_mid_left_1_left_2{
font-size:1.125em; margin-top:4px;}
.ggmid_mid_left_1_right{ padding-left:2.5em;
border-left:1px #dadada solid;}
.ggmid_mid_left_1_right_1{
font-size:1.5em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.6;}
.ggmid_mid_left_1_right_2{ line-height:1.6; margin-top:1em;
display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.ggmid_mid_left_2{
margin-top:10px;}
.ggmid_mid_left_2 ul li{
border-bottom:1px #dadada solid;  }
.ggmid_mid_left_2 a{ padding-right:7.5em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:block; position:relative; padding-top:1em; padding-bottom:1em; color:#333}
.ggmid_mid_left_2_right{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); color:#8b8b8b}
 
.ggmid_mid_left_2 a:hover{ padding-left:1em;
color:#fff; background-color:#294c9e; padding-right:8.5em;}
.ggmid_mid_left_2 a:hover .ggmid_mid_left_2_right{
right:1em; color:#fff}
.ggmid_mid_left_1{background-color:#294c9e;}
.ggmid_mid_left_1 a{
color:#fff}
.ggmid_mid_left_1 .ggmid_mid_left_1_right{
border-color:#4461a7}
.news_1_mid_left{
  width:57.3972602739726%; overflow:hidden;}
.news_1_mid_left img{
width:100%;}
.news_1_mid{
position:relative;}
.news_1_mid_right{
position:absolute; right:0; top:0; height:100%; width:42.6027397260274%;}
.news_1_mid_right_mid{
margin:0 8%;}
.news_1_mid_right_mid_1{
font-family:Calibri;}
.news_1_mid_right_mid_1 p{
display:inline-block;}
.news_1_mid_right_mid_1 p span{ color:#666666;
padding:0 6px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img3.png);}
.news_1_mid_right_mid_1 p span:nth-child(1){
padding-left:0; background-image:none}
.news_1_mid_right_mid_2{
font-size:1.875em; color:#040404;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:.875em; margin-bottom:.5em;}
.news_1_mid_right_mid_3{
color:#666; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:2em;}
.viewmore{
display:block; max-width:7.1875em; position:relative; color:#666; padding:.5em 0; border-bottom:1px #1f5591 solid;}
.viewmore span{ color:#666;
display:block; position:relative;}
.viewmore span:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; top:50%; width:6px; height:11px; background-position:center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.viewmore:hover span:after{
right:.75em;}
.news_1_mid{
margin-top:7.8125em; margin-bottom:4.375em;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);}
.news_2{
background-color:#f1f1f1; overflow:hidden; padding-top:4em;}
.news_2_1 ul li{ min-height:511.183px; margin-top:3.125em; position:relative;
float:left; background-color:#fff; width:31.50684931506849%; margin-right:2.73972602739726%;}
.news_2 ul li:nth-child(3n){
margin-right:0}
.news_2_1_mid_1{ overflow:hidden;
position:relative; height:320px;}
.news_2_1_mid_1_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_2_1_mid_2_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 1;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.5em; color:#0b0b0b}
.news_2_1_mid_2_3{
color:#333; font-size:1.125em; 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_mid_2{
padding:1.75em;}
.news_2_1_mid_2_2{
margin-top:.75em; margin-bottom:.5em;}
.news_2_1_mid_2_9{-webkit-line-clamp: 9;  }
.news_2_1_mid_2_2_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.pagelist_news{
padding-top:2em;}
.news_2_1 ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#1f5591; z-index:10;}
.news_2_1 ul li:hover:after{
width:100%;}
.news_2_1 ul li:hover .news_2_1_mid_1_bg{transform: scale(1.08, 1.08);}
.news_info_banner_bg{background-attachment: fixed; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_info_banner{
position:relative; height:26.04166666666667vw;}
.div1200{
margin:0 auto; padding:0 1em; max-width:75em;}
.news_info_mid_1{
text-align:center; color:#666666;}
.news_info_mid_2{
text-align:center; font-size:1.5em; margin-top:.75em;}
.news_info_mid_3{ margin-top:3em; border-top:1px #c7c7c7 dashed; padding-top:3em;
color:#090909; line-height:1.8;border-bottom:1px #c7c7c7 dashed; padding-bottom:3em; margin-bottom:3em; }
.news_info_mid_4{
position:relative; color:#828282; padding-right:7.5em;}
.news_info_mid_4_right{
position:absolute; right:0; top:0;}
.news_info_mid_4_right a{ padding-left:22px;
color:#828282; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img6.png);}
.news_info_mid_4_left a{
color:#828282;}
.news_info_mid_4_left{
line-height:2;}
.news_info_mid_4_left a:hover{
color:#183063}
.news_info_mid{
margin-top:5em; margin-bottom:5em;}

.news_2_video .news_2_1 ul li{
min-height:inherit}

.news_2_video .news_2_1_mid_2_2{
margin-top:0}
.news_2_1_mid_1:after{
content:''; position:absolute; left:50%; top:50%; z-index:10; width:4.25em; height:4.25em; background-image:url(../images/news/img8.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.zb_list ul li{ background-color:#fff;
float:left; width:48.63013698630137%; min-height:328px; border-bottom:1px #dddbda solid}
.zb_list ul li:nth-child(2n){
float:right}
.zb_list_mid{
position:relative; margin:2em;}
.zb_list_mid_left{
position:absolute; left:0; top:0;}
.zb_list_mid_right{
margin-left:8em; border-left:1px #dddbda solid;}
.zb_list_mid_left_1{
font-size:1.875em; color:#2d4b8f;}
.zb_list_mid_left_2{
color:#333; font-size:1.125em; margin-top:3px;}
.zb_list_mid_right_mid{
padding:0 0 0 2em; overflow:hidden}
.zb_list_mid_right_mid_1{ line-height:1.5;
color:#272727; font-size:1.5em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.zb_list_mid_right_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-top:1em; margin-bottom:2em;}
.zb_list ul li a{
display:block}
.zb_list ul li:hover{
background-color:#3c5692;}
.zb_list ul li:hover .zb_list_mid_right_mid_1,.zb_list ul li:hover .zb_list_mid_right_mid_2,.zb_list ul li:hover .zb_list_mid_left_1,.zb_list ul li:hover .zb_list_mid_left_2{
color:#fff}
.zb_list ul li:hover .zb_list_mid_right{
border-color:#6478a6}
.zb_list{
margin-top:2.5em;}
.zb_list_info ul li .zb_list_mid_right_mid_2{-webkit-line-clamp: 2; }
.zb_list_info ul li .zb_list_mid_right_mid_2{
margin-bottom:0}
.zb_list_info ul li{ position:relative;
	min-height:209.6px; margin-top:2em;}
.zb_list_info ul li:nth-child(1),.zb_list_info ul li:nth-child(2){
margin-top:0}
.zb_list_info ul li:after{
content:''; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:2px; background-color:#b5b5b5}
.news_2_job_1{ margin-top:2em;
position:relative; overflow:hidden}
.news_2_job_1 img{
width:100%;}
.news_2_job_1_mask{
position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#fff;}
.news_2_job_1_mask span{
font-size:3em;}
.news_2_job_2 table{
width:100%;}
.news_2_job_2 table tr td{
padding:1em; cursor:pointer}
.news_2_job_2 table tr:nth-child(2n-1) td{
background-color:#dee2ec}
.news_2_job_2 table tr td span{
  display:block; padding:.3em 0;}
.news_2_job_2 table tr:nth-child(1) td{
color:#fff; background-color:#203666; font-size:1.25em;}
.news_2_job_2{
margin-top:3em;}
.jobmask_mid{
padding:0 1em; max-width:1200px; margin:0 auto;}
.jobmask_mid_mid{ overflow:hidden; padding-top:3em; padding-bottom:3em;
background-color:#fff; padding-left:4.375em; padding-right:8em; position:relative; max-height:90vh; overflow-y:auto;}
.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background-color:rgba(0,0,0,0.5)}
.jobmask_mid_mid_1{
font-size:1.5em; color:#020202}
.jobmask_mid_mid_2{
font-size:.875em; margin-top:10px; margin-bottom:40px}
.jobmask_mid_mid_2 span{
margin-right:10px;}
.jobtab{
display:none}
.jobmask_mid_mid_3{ margin-top:20px;
font-weight:bold; color:#000}
.jobmask_mid_mid_4{
font-size:.875em; color:#666; line-height:1.8; margin-top:10px;}
.jobmask_mid_mid_5{
font-size:.875em; margin-top:35px;}
.jobmask_mid_mid_5 a{
color:#163884;}

.jobmask_mid_mid_close{ position:absolute;
  right:2em; top:2em; z-index:100;}
.jobmask_mid_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_mid_close a:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.shop_mid{
background-color:#fff}
.shop_mid .about_1_left_1,.shop_mid .about_1_left_2{
text-align:center}
.shop_1 ul li{ margin-right:2.73972602739726%; text-align:center; overflow:hidden;
float:left; position:relative; color:#fff; height:27.08333333333333vw; width:31.50684931506849%;}
.shop_1 ul li:nth-child(3n){
margin-right:0}
.shop_1{
margin-top:2em; margin-bottom:8.125em;}
.shop_1_mid{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.shop_1 ul li:nth-child(1) .shop_1_mid{
 background-color:rgba(191,73,73,1)}
.shop_1 ul li:nth-child(2) .shop_1_mid{
 background-color:rgba(91,116,173,1)}
.shop_1 ul li:nth-child(3) .shop_1_mid{
 background-color:rgba(214,147,67,1)}  
.shop_1_mid_2{
font-size:1.5em; margin-top:.7em; color:#fff;}

.shop_1 ul li:hover .shop_1_mid{
left:18%; width:64%; top:17%; height:66%;}
.shop_1 ul li:nth-child(1):hover .shop_1_mid{
 background-color:rgba(191,73,73,.84)}
.shop_1 ul li:nth-child(2):hover .shop_1_mid{
 background-color:rgba(91,116,173,.84)}
.shop_1 ul li:nth-child(3):hover .shop_1_mid{
 background-color:rgba(214,147,67,.84)} 
.shop_1_mid_bg{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.shop_1 ul li:hover .shop_1_mid_bg{
transform: scale(1.08, 1.08);}
.shop_2{
margin-top:7.9375em; margin-bottom:5.625em; position:relative; padding:7.5em 0;}
.shop_2_bg{
position:absolute; right:0; top:0; height:100%; width:75.3125%;}
.shop_2_bg img{
width:100%; display:none}
.shop_2_bg_img{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.shop_2_mid{
position:relative; z-index:10;}
.shop_2_mid_mid{ overflow:hidden;
max-width:804px;background-color: rgba(35,67,137,0.82); color:#b7c1db}
.shop_2_mid_mid .about_1_left_1{
color:#fff}
.shop_2_mid_mid .about_1_left_2{
color:#b7c1db}
.shop_2_mid_mid_mid{
margin:3em 11% 2em 11%;}
.shop_2_mid_mid_mid_1 ul li{
float:left; width:49%; margin-bottom:1em;}
.shop_2_mid_mid_mid_1 ul li:nth-child(2n){
float:right}
.shop_2_mid_mid_mid_1_mid{ line-height:1.5;
font-size:1.125em; min-height:120px;}
.shop_2_mid_mid_mid_1{
margin-top:2.5em;}
.shop_3{
position:relative; margin:7.6875em 0; padding:5.625em 0;}
.shop_3_bg{ width:76.875%; height:100%; top:0;
position:absolute; left:11.5625%;}
.shop_3_bg_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cove;}
.shop_3_bg img{
width:100%; display:none}
.shop_3_mid{ position:relative; z-index:10; color:#fff;
background-color: rgba(35,67,137,0.82); padding-top:3em; padding-bottom:2em; max-width:74.11458333333333%;
}
.shop_3_mid_mid{
margin-left:19%;}
.shop_3_mid_mid .about_1_left_1,.shop_3_mid_mid .about_1_left_2{
color:#fff}
.shop_3_mid_mid_1 ul li{
float:left; width:33.3333%;}
.shop_3_mid_mid_1_mid_1{
font-size:1.25em;}
.shop_3_mid_mid_1_mid_2{
line-height:1.5; margin-top:1em; min-height:6.5em;}
.shop_3_mid_mid_1{
margin-top:3em;}
.shop_3_mid_mid_1_mid{
padding-right:1em;}
.shop_4 ul li{color:#1d1d1d;
float:left; width:33.3333%; text-align:center;}
.shop_4_mid_2{ margin-top:10px;
font-size:1.5em; }
.shop_4_mid_3{ margin-top:1.875em;
font-size:1.125em; line-height:1.6;}
.shop_4 ul li a{
color:#1d1d1d;}
.shop_4_mid{ padding-left:1em; padding-right:1em;
border-left:2px #c7cad1 solid;}
.shop_4 ul li:nth-child(1) .shop_4_mid{
border:none}
.shop_4{
margin-top:4em; margin-bottom:10em;}
.gg_rl_1{
position:relative; z-index:10;}
.gg_rl_1 ul li{ position:relative;
float:left; width:8.333333333333333%; text-align:center;}
.gg_rl_1 ul li span.mon{ padding:.75em 0; cursor:pointer; position:relative;
display:block; font-size:1.25em; color:#0e0e0e; background-color:#fff;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.gg_rl_1 ul li b{ padding-bottom:10px;
position:absolute; left:0; bottom:100%; color:#646464; font-weight:normal  }
.gg_rl_1{
padding-top:2em;}
.gg_rl_1 ul li span.mon:hover,.gg_rl_1 ul li span.mon.curmon{
color:#fff; background-color:#294c9e;}
.gg_rl_1 ul li span.mon:before{
content:''; position:absolute; left:0; top:15%; height:70%; width:1px; background-color:#e1e1e1;}
.gg_rl_1 ul li span.mon:hover:before{
display:none}
.gg_rl_1 ul li:nth-child(1) span.mon:before{
display:none}
.gg_rl_1_list{ display:none;
position:absolute; z-index:10; background-color:#fff; left:0; border:1px #294c9e solid; min-width:150px; max-width:640px; text-align:left}
.gg_rl_1_list_mid{
padding:2em 1.5em;}
.gg_rl_1_list_mid dl dd{
margin-top:1em;}
.gg_rl_1_list_mid dl dd:nth-child(1){
margin-top:0}
.gg_rl_1_list_mid dl dd a{ padding-right:5em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/shop/img12.jpg);
color:#646464; display:block; position:relative; padding-left:1em;}
.gg_rl_1_list_mid dl dd a span{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); color:#a1a1a1;}
.gg_rl_1_list_mid dl dd a:hover{
color:#294c9e}
.gg_rl_1 ul li:hover .gg_rl_1_list{
display:block
 }
.gg_rl_1 ul li:nth-child(12) .gg_rl_1_list,.gg_rl_1 ul li:nth-child(11) .gg_rl_1_list,.gg_rl_1 ul li:nth-child(10) .gg_rl_1_list{
left:auto; right:0}
 
 
.gg_rl_2 ul li{
display:inline-block; margin-bottom:1em; padding:0 1em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/shop/img10.png);}
.gg_rl_2 ul li a{
color:#171717;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.gg_rl_2 ul li:nth-child(1){
padding-left:0; background-image:none}
.gg_rl_2 ul li a:hover,.gg_rl_2 ul li a.on{
color:#294c9e}
.gg_rl_2{
margin-top:4em; margin-bottom:1em;}
.gg_rl_3 ul li{
display:inline-block; margin-bottom:1em;}
.gg_rl_3 ul li a{
display:inline-block; font-size:.875em; border:1px #d1d1d1 solid; line-height:24px; padding:0 2.5em;}
.gg_rl_3 ul li a:hover,.gg_rl_3 ul li a.on{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-color:#294c9e; color:#fff; border-color:#294c9e}
.gg_rl_4{
text-align:center; border-bottom:2px #b7becf solid;}
.gg_rl_4 ul li{
display:inline-block;margin-bottom:1em; padding:0 1em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/shop/img10.png);}
.gg_rl_4 ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
font-size:1.125em; color:#0d0d0d}
.gg_rl_4 ul li a.on,.gg_rl_4 ul li a:hover{
color:#294c9e}
.gg_rl_4 ul li:nth-child(1){
background-image:none}
.gg_rl_5 ul li{ padding:1.25em 0;
border-bottom:1px #cdcdcd dashed; }
.gg_rl_5_mid{
position:relative}
.gg_rl_5_mid_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); color:#272727;}
.gg_rl_5_mid_left_1{
color:#294c9e;}
.gg_rl_5_mid_left_2{
color:#272727; margin:5px 0px 10px 0px;}
.gg_rl_5_mid_left_3 span{ padding-left:20px;  
color:#191919; background-position:left center; background-repeat:no-repeat; background-image:url(../images/shop/img11.png);
}
.stockmid{
height:600px;}

.pc-nav .navson{
  position: absolute;
  width: 130px;
  left: 50%; z-index:100;
  transform:translateX(-50%); 
   
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
  display: none;
}
.pc-nav li:hover .biga{
    /* color: #de0245; */
    font-weight: bold;
}
.pc-nav .navson a{
  display: block;
  padding:.5em 0; font-size:.9375em;
  background: rgba(255,255,255,1);
  position: relative;
   
  text-align: center;
  position: relative;
  color: #000;
}
.pc-nav .navson a:after{
  content: '';
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 5%;
  background: rgba(0,0,0,0.1);
}
.pc-nav .navson a:last-child:after{
  display: none;
}
.pc-nav .navson a:before{
  content: '';
  position: absolute;
  width: 2px;
  height:14px;
  background: #203666;
  left: 2px;
  top: 50%;
  transform:translateY(-50%); 
  opacity: 0;
  transition:all 0.3s ease 0s;
}
.pc-nav .navson a:hover{
 background: rgba(255,255,255,1);
}
.pc-nav .navson a:hover:before{
  opacity: 1;
}
.honor_xiala .about_mid{
position:relative;}
.honor_xiala_cate{ padding:.4em 1em;
position:absolute; right:0; top:1.5em; min-width:300px; border:1px #d5d5d5 solid;}
.honor_xiala_cate select{
border:none; background:none; width:100%; background-position:right center; background-repeat:no-repeat; background-image:url(../images/x.png);}

/*******************/
.search_wrap { right:0; top:50px; position:absolute;  background:#0060ba; width:640px; box-shadow:0 0 10px rgba(0,0,0,0.4); transform:scale(0.95); transition:0.3s all; -webkit-transition:0.3s all; overflow:hidden; z-index:100; visibility:hidden;opacity:0 }
.search_wrap.on { transform:scale(1);visibility:visible;opacity:1 }
.search_wrap.on .search_box_text_wrap { top:0; }
.search_box { box-sizing:border-box; padding:20px;}
.search_box .search_box_text_wrap { box-sizing:border-box; padding:10px; height:50px; width:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.4); position:relative; padding-right:50px; }
.search_box_button { position:absolute; right:20px; top:0; height:100%; width:50px; background:url(../images/ico_search_o1.svg) no-repeat center; background-size:24px 24px; border:0; cursor:pointer }
.search_box_text {  width:100%; height:30px; line-height:30px; float:left; border:0;}




/***************************/
.nybody #header{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nybody #header.cur{ padding:1em 0;
background-color:#fff;}
.nybody #header.cur .header_mid_mid ul li a.biga,.nybody #header.cur .header_mid_right ul li a{
color:#000}
.nybody #header.cur .header_mid_right ul li:nth-child(1) a{
background-image:url(../images/header/img1b.png);}
.nybody #header.cur .header_mid_right ul li:nth-child(2) a{
background-image:url(../images/header/img2b.png);}






@media screen and (max-width:1600px) {
	 
	.shop_3_mid{
	max-width:84%;}
	.news_2_job_1_mask span{
font-size:2em;}
	.zb_list ul li{
	min-height:222px;}
	.zb_list_info ul li{
	min-height:203.6px;}
	.zb_list_mid_right_mid_1{
	font-size:1.375em;}
	.zb_list_mid_right{
	margin-left:6em;}
	.zb_list_mid_left_2{
	font-size:1em;}
	.zb_list_mid_left_1{
	font-size:1.5em;}
	.news_2_1 ul li{ min-height:385px;
 }
 .news_2_video .news_2_1 ul li{
min-height:inherit}
 .news_2_1_mid_2_9 {
  -webkit-line-clamp: 7;
}
 
.news_2_1_mid_1{  
  height:200px;}
  .news_2_1_mid_2_3{
  font-size:1em;}
  .news_2_1_mid_2_2{
  font-size:1.25em;}


	.news_1_mid_right_mid_2{
	font-size:1.5em;}
	.ggmid_mid_left_1{
	padding:2em 0;}
	.ggmid_mid_left_1_right_1{
	font-size:1.25em;}
	.ggmid_mid_left_1_left_1{
	font-size:1.5em;}
	.ggmid_mid_left_1_left{
	width:6em;}
	.ggmid_mid_left_1_right{
	margin-left:8.5em; margin-right:2em;}
	.ggmid_mid_left_1_left_2{
	font-size:1em;}
	.pro_1_1_right_mid_1{
	font-size:1.875em;}
	.brand_1_1_right_mid_1 span{
	font-size:1.875em;}
	.value_1_1_left_mid_ul_mid{
	padding-left:5em;}
	.value_1_1_left_mid_ul_mid_right_1{
	font-size:1.5em;}
	.value_1_1_left_mid_ul_mid_left img{
	width:3.5em;}
	.value_1_1_left_mid_ul_mid_right_2{
	font-size:1.125em;}
	.header_mid_con_mid_1 img{
	width:4em;}
	.header_mid_con_mid_2{
	font-size:1.875em;}
	.about_1_left_4_mid_1 span{
	font-size:2.5em;}
	.about_1_left_4_mid_2{
	font-size:1em;}
	.about_1_left_1{
	font-size:1.875em;}
	.about_1_left_2{
	font-size:1em;}
	.footer_2_mid{
	margin:2em 0;}
	.footer_1_mask{
	padding:6vw 0;}
	.footer_1_mask_1{
	font-size:1.5em;}
	.footer_1_mask_2{
	font-size:1.125em;}
	.footer_2_mid_right_1 ul li a{ width:1.5em; height:1.5em;
	padding-left:0; text-indent:-9999em; overflow:hidden}
	.index_duty_mid{
	top:10vw;}
	.index_duty_mid_2 span{
	font-size:1.5em;}
	.indexnews_right_1{
	font-size:1em;}
	.indexnews_right{
	right:9%;}
	.indexpro2_mid{
	top:15%;}
	.indexpro2_mid_2{
	font-size:1em;}
	.bannerimg_txt{
	top:6.5vw;}
	.big_t{
	font-size:2.5em; }
	.header_mid_mid{
	margin-left:15vw;}
	.indexabout_mid_1{
	font-size:1em;}
	.play_video{
	font-size:.875em;}
	.indexabout_mid{
margin:0 3.64583333333333%;} 
}
.mobilebanner{
display:none; width:100%;}
@media screen and (max-width:1280px) {
/*****************/
 
 
.footer .header_mid{
height:auto}
	


	.footer_2_mid_mid ul li{
	width:16.66666666666667%; margin-left:0}
	.footer_2_mid_mid{
	margin-left:0}
	.footer_2_mid_left{
	display:none}
	.pro_1_1_right_mid_1{
	font-size:1.5em;}
	.ser_2_list_left{
	width:53%;}
	 .ser_2{
	 padding-top:2em; padding-bottom:4em;}
	#header{ padding:0em 0;
	background-color:#fff;}
	.indexbody #header{
	background:none}
	.header_mid{
	height:5em;}
	.header_mid_mid,.header_mid_right{
	display:none}
	.nybody #header.cur{ padding:0em 0;
background-color:#fff;}
#main{
margin-top:5em;}
.nybanner_footer ul li a{
font-size:1em;}
.about_mid,.about_3_mid{
margin:0 3.64583333333333%}
.header_mid_con_mid_2{
font-size:1.5em;}
.header_mid_con_mid_1 img{
width:3em;}
.value_1_1_left_mid_ul_mid_right_2{
font-size:1em;}
.value_1_1_left_mid_ul_mid_right_1{
font-size:1.25em;}
.value_1_1_left_mid_ul_mid_left img{
width:2em;}
.value_1_1_left_mid_ul_mid{
padding-left:3em;}
.value_1_1_mid{
left:3.64583333333333%; width:92.70833333333334%;}
.value_1_1_left_mid{
margin-left:10%;}

}

@media screen and (max-width:1024px) {
	.index_duty_left_2{
	font-size:1.125em;}
	.indexpro_cate_name{
	width:10em; height:10em;}
	.indexpro_cate_name span{
	font-size:1.25em;}
	.big_t{
	font-size:2em;}
	.footer_2_mid_right{
	display:none}
	.footer_2_mid_mid{
	margin-right:0}
	.shop_3_mid_mid{
	margin-left:8%;}
	.shop_3_bg,.index_duty_left,.indexpro2_mid{
	left:3.64583333333333%; width:96.35416666666667%;}
	.indexnews_right{
	right:3.64583333333333%;  }
	.index_duty_mid_2 span{
	font-size:1.25em;}
	.shop_3{
	margin:2em 0; padding:2em 0;}
	.shop_3_mid{
	max-width:96.35416666666667%;}
	.shop_4{
	margin-bottom:4em;}
	.shop_4_mid_1 img{
	height:2em;}
	.shop_4_mid_2{
	font-size:1.25em; }
	.shop_4_mid_3{
	font-size:1em;margin-top:1.5em;}
	.shop_2{
	margin-top:4em; margin-bottom:4em; padding-top:4em; padding-bottom:4em;}
	.shop_2_mid_mid_mid_1_mid{
	font-size:1em;}
	.shop_1{
	margin-bottom:4em;}
	.shop_1_mid_1 img{
	height:2.5em;}
	.shop_1_mid_2{
	font-size:1.25em;}
	.news_2_job_2 table tr:nth-child(1) td{
	font-size:1em;}
	.news_2_job_1_mask span{
	font-size:1.5em;}
	.news_2{
	padding-top:2em;}
	.news_1_mid{
	margin-top:4em; margin-bottom:4em;}
	.news_1_mid_right_mid_2{
	font-size:1.125em;}
	.pro_1_1{
	margin-top:4em;}
	.ser_2_list_right_mid_1 span{
	font-size:1.5em;}
	.ze_1_mid_mid_1{
	font-size:1.5em;}
	.ze_1_mid{
	padding:4em 0;}
	.ze_1_mid_mid{
	margin-left:2em; margin-right:2em;  }
	.ze_1{
	margin-bottom:4em; padding-bottom:4em; padding-top:4em;}
	.brand_1_1_right_mid_1 span{
	font-size:1.5em;}
	.brand_1_1_right_mid{
	margin-left:2em; margin-right:2em; margin-top:4em; margin-bottom:4em;}
	.value_1_1{
	padding:4em 0; margin-bottom:4em;}
	.about_1_left_ct{
	margin-top:4em;}
	.about_1{
	padding-top:4em; padding-bottom:4em;}
	.about_1_left{
	width:60%;}
	.about_1_left_4_mid_1 span{
	font-size:1.875em;}
	.about_1_left_2{
	font-size:.875em;}
	.about_1_left_1{
	font-size:1.5em;}
	.about_3{
	padding-top:4em; padding-bottom:4em;}
}
.pro_1_1_left img{
display:none; width:100%;}
@media screen and (max-width:810px) {
	.footer_1_mask_2{
	font-size:1em;}
	.footer_1_mask_1{
	font-size:1.25em;}
	.bannerimg_txt{
	top:15vw;}
	

	.footer_2_mid{
	display:none}
	.shop_3_mid_mid_1 ul li{
	width:50%;}
	.shop_3_mid_mid_1 ul li.ns{
	display:none}
	.shop_2_mid_mid_mid{
	margin:2em;}
	.jobmask_mid_mid_1{
	font-size:1.125em;}
	.jobmask_mid_mid{
	padding-left:2em; padding-right:3em;}
	.jobmask_mid_mid_close{
	top:1em; right:1em;}
	.jobmask_mid_mid_close a img{
	width:2em;}
		.news_2_job_2 table tr td:nth-child(2),.news_2_job_2 table tr td:nth-child(3),.news_2_job_2 table tr td:nth-child(4){
		display:none}
	.zb_list ul li{
	width:100%; min-height:inherit; margin-top:1em;}
	.zb_list ul li:nth-child(1){
	margin-top:0}
	.zb_list_info ul.infoul li:nth-child(1), .zb_list_info ul.infoul li:nth-child(2){
	margin-top:1em;}
	.zb_list_info ul.infoul li:nth-child(1){
	margin-top:0}
	.news_info_mid_2{
	font-size:1.375em;}
	.news_info_mid{
	margin-top:4em; margin-bottom:4em;}
	.news_2_1_mid_2_2{
	font-size:1.125em;}
	.news_2_1 ul li{
	width:49%; margin-right:0}
	.news_2_1 ul li:nth-child(2n){
	float:right}
	.gg_rl_2{
	margin-top:2em;}
	.gg_rl_1{
	display:none}
	.ggmid_mid_right img{
	display:block}
	 .ggmid_mid_right_bg{
	 display:none}
	.ggmid_mid_right{
	position:static; width:100%; margin-top:2em;}
	.ggmid_mid_left{
	width:100%;}
	.pro_1_1{
	margin-top:2em;}
	.pro_1_1_right_mid_1{
	font-size:1.25em;}
	.pro_1_1_right_mid{
	margin:0 1.5em; padding:1.5em 0;}
	.pro_1_1_left{
	overflow:hidden}
	.pro_1_1_left_bg{
	display:none}
	.pro_1_1_left img{
	display:block}
	.pro_1_1_left{
	position:static; width:100%;}
	.pro_1_1 ul li .pro_1_1_right{
	margin-left:0}
	.ser_2_list ul li{
	margin-top:4em;}
	.ser_2_list_right_mid_1 span{
	font-size:1.25em;}
	.ze_1_mid{
	padding:2em 0;}
	.ze_1_mid{
	margin-right:3.64583333333333%; width:auto
	}
	.pagelist{
	margin-top:1em; margin-bottom:3em;}
	.pagination{
	font-size:.875em;}
	.pagination li{
	margin:0}
	.brand_1_1_right_mid_1 span{
	font-size:1.375em;}
	.brand_1_1_right_mid_2{
	margin-top:1em;}
	.brand_1_1{
	margin-bottom:3em;}
	.brand_1_1_right_mid{
	margin:2em;}
	.brand_1_1_right{
	margin-left:3.64583333333333%}
	.about_1_left_ct{
	margin-top:2em;}
	.about_3_1{
	margin-top:1.5em;}
	.about_3{
	padding-top:2em; padding-bottom:2em;}
	.about_1{
	background-image:none}
	.about_1_left{
	width:100%;}
	.about_1{
	padding-top:2em; padding-bottom:2em;}
	.about_1_left_3{
	margin-top:1.5em;}
	.about_2 ul li:hover .header_mid_con_mid_3{
	height:0;}
	.header_mid_con_mid_2{
	font-size:1.25em;}
	.header_mid_con_mid_1 img{
	width:2em;}
	.value_1_1_left{
	width:96.35416666666667%;}
}
@media screen and (max-width:768px) {
.news_1_mid_right_mid{
margin:0 2em;}
.news_1_mid_left{
width:100%;}
.news_1_mid_right{
position:static; width:100%; padding:2em 0;}
}
.ser_2_list_left img{
display:none; width:100%;}
@media screen and (max-width:640px) {
	.honor_xiala_cate{
	position:static; width:90%; padding-left:5%; padding-right:5%; min-height:inherit}
	.play_video{
	font-size:.5em;}
	.indexbanner_right{
	font-size:.875em;}
	.big_t{
	font-size:1.5em;}
	.bannerimg_txt{
	top:15%;}
	.footer_3_mid_left,.footer_3_mid_right{
	float:none; text-align:center;}
	.footer_3_mid_left{
	padding-bottom:10px;}
	 .shop_3_mid_mid_1_mid_2{
	 min-height:inherit;}
	 .shop_3_mid{
	 padding-top:2em; padding-bottom:2em;}
	 .shop_3_mid_mid_1_mid_1{
	 font-size:1.125em;}
	.shop_3_mid_mid_1 ul li{
	width:100%; padding-bottom:1em;}
	.shop_2_mid_mid_mid_1{
	margin-top:1.5em;}
	.shop_2_mid_mid_mid_1_mid{
	min-height:inherit}
	.shop_2_mid_mid_mid_1 ul li{
	width:100%;}
	.shop_2{
	margin-top:2em; margin-bottom:2em; padding-top:2em; padding-bottom:2em;}
	.shop_1_mid_1 img{
	height:1.875em;}
	.shop_1 ul li:hover .shop_1_mid{
left:0%; width:100%; top:0%; height:100%;}
	.shop_1_mid_2{
	font-size:1.125em;}
	.news_2_job_1_mask span{
	font-size:1.25em;}
	.news_info_mid_2{
	font-size:1.25em;}
	.news_info_mid{
	margin-top:2em; margin-bottom:2em;}
	.news_info_mid_3{
	margin-top:2em; padding-top:2em; padding-bottom:2em; margin-bottom:2em;}
	.news_info_mid_4_right{
	position:static; text-align:center; padding-top:2em;}
	.news_info_mid_4{
	padding-right:0}
	.news_2_1 ul li{
	width:100%; margin-top:1.5em;}
	.news_1_mid{
	margin-top:2em; margin-bottom:2em;}
	.ggmid_mid_left_1_right_1{
	font-size:1.125em;}
	.ggmid_mid_left_1_right{
	padding-left:1.5em; margin-right:1em;}
	.ggmid_mid_left_1_right{
	margin-left:6.5em;}
	.ggmid_mid_left_1_left_1{
	font-size:1.375em;}
	.ggmid_mid_left_1_left{
	width:5em;}
	.ggmid_mid_left_1_left{
	left:1.5em;}
	.ser_2_list ul li:nth-child(2n) .ser_2_list_right{
	margin-right:0}
	.ser_2_list ul li{
	margin-top:2em;}
	.ser_2_list_right_mid,.ser_2_list ul li:nth-child(2n) .ser_2_list_right_mid{
	padding-left:1.5em; padding-right:1.5em;}
	.ser_2_list_right_mid,.ser_2_list ul li:nth-child(2) .ser_2_list_right_mid{
	padding-top: 5.9375vw;
padding-bottom: 8.85416666666667vw;}
	
	.ser_2_list_left img{
	display:block}
	.ser_2_list_left_bg{
	display:none}
	.ser_2_list_right{
	margin-left:0}
	.ser_2_list_left{
	position:static; width:100%;}
	.about_1_left_1{
	font-size:1.25em;}
	.about_3_1 ul li{
	width:49%; margin-right:0}
	.about_3_1 ul li:nth-child(2n){
	float:right}
	.about_3_1_2{
	margin-bottom:1.5em;}
}

@media screen and (max-width:550px) {
.shop_4 ul li{
width:50%; margin-right:0}
.shop_4 ul li:nth-child(2n){
float:right}
.news_2 ul li:nth-child(3n) .shop_4_mid{ border:none;border-right: 2px #c7cad1 solid; margin-top:1.5em;}




}
.stockmid{
margin-bottom:4em;}
@media screen and (max-width:480px) {
.indexpro_cate_name{
	width:8em; height:8em;}
	.indexpro_cate_name span{
	font-size:1.125em;}


.shop_4_mid_1 img{
height:1.875em;}
.shop_4_mid_2{
font-size:1.125em;}
.shop_4{
margin-top:1em;}
.news_2 ul li:nth-child(1) .shop_4_mid,.shop_4_mid{ border:none;border-bottom: 1px #c7cad1 solid; padding-bottom:1em; padding-top:1em;  }
.news_2 ul li:nth-child(3n) .shop_4_mid{
margin-top:0; border-right:none}
.shop_4 ul li{
width:100%;}
.shop_1{
margin-bottom:1em;}
.shop_1 ul li{
width:49%; margin-bottom:1em; margin-right:0}
.shop_1 ul li:nth-child(2n){
float:right}
 
.news_2_job_2 table tr td:nth-child(5),.news_2_job_2 table tr td:nth-child(6){
		display:none}

.zb_list_mid_left{
position:static;}
.zb_list_mid_right{
margin-left:0; border:none}
.zb_list_mid_right_mid{
padding-left:0}
.zb_list_mid_left_1{
display:inline; font-size:1em;}
.zb_list_mid_right_mid_1{
font-size:1.125em;  margin-top:10px;}
.zb_list_mid_right_mid_2{
margin-bottom:0}
.zb_list_mid{
margin:1.5em 1em;}
.zb_list_mid_left_2{
display:inline}

.news_2_1_mid_1:after{
font-size:.75em;}
.news_info_banner_bg{
background-attachment:inherit}
.news_info_mid_2{
font-size:1.125em;}
.news_2_1_mid_2{
padding:1.5em 1em;}
.news_1_mid_right_mid_3{
margin-bottom:1em;}
.news_1_mid_right_mid{
margin:0 1em;}
.stockmid{
height:300px; margin-bottom:2em;  }
.nybanner_img_bg{
display:none}
.nybanner_img img{
opacity:1;}
.pro_1_1_right_mid_1{
font-size:1.125em;}
.pro_1_1_right_mid_4 a img{
width:1.5em;}
.ser_2{
padding-top:0em; padding-bottom:2em;}
.ser_2_list_right_mid_1 span{
font-size:1.125em;}
.ze_1{
padding-top:2em; padding-bottom:2em; margin-bottom:2em;}
.ze_1_mid_mid_3{
margin-top:1em;}
.ze_1_mid_mid_1{
font-size:1.25em;}
.brand_1_1_right_mid{
margin:1.4em 1em;}
.brand_1_1_right_mid_1 span{
font-size:1.25em;}
.value_1_1_left{
padding-top:1em; padding-bottom:1em;}
.value_1_1_left_mid_ul_mid_right_1{
font-size:1.125em;}
.value_1_1_left_mid{
margin-left:8%; margin-right:1em;}
.value_1_1{
padding-top:2em; padding-bottom:2em;}
.nybanner_footer{
display:none}
.about_1_left_4_mid_2,.about_1_left_4_mid_1{
font-size:.875em;}
.header_mid_con_mid_2{
font-size:1.125em;}
.header_mid{
height:3.75em;}
#main{
margin-top:3.75em;}
.header_mid_left img{
height:2.75em;}
}
#footer .header_mid{
height:auto}
/********mobile page*************/
.indexpro2_bg_mobile{
display:none}
@media screen and (max-width:640px) {
 
 .indexbodymobile .indexpro2{
 margin:2em 0;}
.indexbodymobile .indexpro2_bg_mobile{
display:block}
.indexbodymobile .indexpro2_bg,.indexbodymobile .indexnews_bg,.indexbodymobile .index_duty_bg{
display:none}
.indexbodymobile .index_duty_mid{
position:static}
.indexbodymobile .index_duty_mid_1,.indexbodymobile .index_duty_mid_2 {
  opacity: 1;
  
  position: relative;
}
.indexbodymobile .index_duty{
  padding:2em 0;}
.indexbodymobile .index_duty_mid_2 span{
font-size:1em;}
.indexbodymobile .index_duty_mid_1,.indexbodymobile .index_duty_mid_2 {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: all 1s;
    transition-delay: 0s;
  transition-delay: 0s;
  position: relative;
}
.indexbodymobile .index_duty_mid {
  text-align: left; padding:2em 0 0 ;;
  position:static;
  left: 0;
  width:auto;
  margin:0 3.64583333333333%;
  z-index: 20;
  top: 17.1875vw;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
} 
.indexbodymobile .index_duty_mid_3 {
  position: relative;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
  position: relative;
  transition: all 1s;
  opacity: 1;
  text-align:left
}
.indexbodymobile .index_duty_left { width:100%;
  transition: all 1s;
    transition-delay: 0s;
  opacity: 1;
  -webkit-transform: translateX(0%); color:#000;
  transform: translateX(0%); position:static;
  transition-delay: 0s; width:auto;margin:0 3.64583333333333%; padding:1em 0 0 0;
}
.indexbodymobile .footer_1 ul li .footer_1_mask_1,.indexbodymobile .footer_1 ul li .footer_1_mask_2 {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: all 1s;
    transition-delay: 0s;
  transition-delay: 0s;
}
.indexbodymobile .indexnews_right{ padding:2em 0;
position:static;margin:0 3.64583333333333%;}
.indexbodymobile .view_more{
 font-size:.875em;}
.indexbodymobile .indexpro2_mid{
position:static; width:auto; margin:0 3.64583333333333%; margin-top:1em;}
.indexbodymobile .indexpro2_mid_1,.indexbodymobile .indexpro2_mid_2,.indexbodymobile .indexpro2_mid_3,.indexbodymobile .indexnews_right_1, .indexnews_right_2 {
  
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  
  opacity: 1;
}
.indexabout_mid_con{
position:static; padding:2em 0}
.indexabout_mid_1,.indexabout_mid_2{
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  
  opacity: 1;
}
.indexpro{
height:45vw;}
.indexpro .indexpro_cate:nth-child(1) {
  -webkit-transform: translateX(-0%);
  transform: translateX(-0%);
  opacity:1;
  transition: all 1s;
    transition-delay: 0s;
  transition-delay: 0s;
}
.indexpro .indexpro_cate:nth-child(2) {
  opacity: 1;
  transition: all 1s;
    transition-delay: 0s;
  transition-delay: 0s;
}
.indexpro,.indexabout{
margin-top:2.5em;}
.indexpro .indexpro_cate:nth-child(3) {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  transition: all 1s;
    transition-delay: 0s;
  transition-delay: 0s;
}
.footer_1_mask{
padding:3em 0;}
.indexabout{
margin-top:0}
.mobilebanner{
display:block}
.pcbanner{
display:none}
.bannerimg{
height:auto}
.indexpro2,.indexpro{
margin-top:0}
.index_duty{
padding-top:0}
.indexbanner_footer{
bottom:20px;}
}


.indexpro2_mid_3 ul li{
width:30%; margin-right:2%;}
.indexpro2_mid_3 ul li:nth-child(3){
margin-right:0}
@media screen and (max-width:480px) {
	.footer_1 ul li{
	width:100%; margin-bottom:1em;}
	.big_t{
	font-size:1.25em}
	.indexpro2_mid_3_mid_1 img{
	height:2em;}
	.indexpro_cate_name{
	font-size:.9375em;}
	.footer_1{margin:0 3.64583333333333%;}
}
/********mobile nav**************/
body.indexbodymobile #header{
background-color:#fff}
.nav-btn-box{ display:none;
position:absolute; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); right:0%;}
.nav-btn{
		display: block;
		position: relative;
		width: 1.5em;
		height: 1em;
		padding: 0;
	
	}
	.nav-btn .line {
	    width: 100%;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    background-color: #383838;
	    transition: all .2s;
	    transform-origin: center;
	}
	.nav-btn .line1 {
	    top: 0;
	}
	.nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	.nav-btn .line3 {
	    bottom: 0;
	}
	.nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	.nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	.nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.nav-btn.cur .line3{
		transform: rotate(-45deg);
	}

.m-nav{
		position: fixed;
		top: 5em;
		width: 100%;
		z-index: 50;
		box-sizing: border-box;
		padding: 0 3.64583333333333%;
		background-color: rgba(255,255,255,.95);
	}
	.m-nav li{
		border-bottom: 1px solid #dcdcdc;
	}
	.m-nav li:last-child{
		border-bottom: none;
	}
	.m-nav li .tit{
		display: block;
		font-size: 1em;
		padding: .65em 0 .65em .5em;
		color: #333;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 0;
		width: 1em;
	    height: 1em;
	    margin-top: -.5em;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url(../images/m-nav-jia.png);
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before
	 {
		display: none;
	}
	.m-nav li.on .tit:before{
		transform: rotate(45deg);
	}
	.m-nav li .navson{
		padding-bottom: .3rem;
		display: none;
	}
	.m-nav li .navson a{
		display: block;
		font-size: .9375em;
		line-height: 1.5;
		padding: 0.3em 1em;
		color: #333;
	}	
	body.no-scroll {
  position: fixed;
  left: 0;
  right: 0;
}
@media screen and (max-width:640px) {
.nav-btn-box{
display:block;}
.mobilepage{
margin-top:5em;}
}	
@media screen and (max-width:480px) {
.mobilepage{
margin-top:3.75em;}
.m-nav{
top:3.75em;}
}