/* 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: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}  

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

  @font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(fonts/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
} 

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:#000;
}
a{
    color:inherit;
	color:#000;  
    text-decoration: none; 
}
a:hover  {
    color:#000;    
    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;*/}
.pagination{
text-align:center;}
.pagination{
padding:0em 0 8em 0;}
.pagination li{
display:inline-block; margin:0 .35em;}
.pagination li a,.pagination li span{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block;   text-align:center; line-height:2.5em; width:2.5em;
border:1px #d0d0d0 solid;font-family: 'Poppins';}
.pagination li a:hover,.pagination li.active span{
color:#fff; background-color:#063eb1; border-color:#063eb1;}
.ovh{
overflow:hidden}
@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; } 
.mobileimg{
width:100%; display:none}
/*********header**********/
#header{ padding:2em 0;transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:fixed; left:0; top:0; width:100%; z-index:88;}
.headermid_left img:nth-child(2){
display:none;}
.headermid{ position:relative;
padding:0em 4.16666666666667%;}
.headermid_left{-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);
position:absolute; left:4.16666666666667%; top:50%;}
#header.cur{ border-bottom:1px #cdcdcd solid; padding: 1.45em 0;
background-color:#fff;}
#header.curs{  
background-color:#fff;}
#header.cur .headermid_left img:nth-child(2){
display:block}
#header.curs .headermid_left img:nth-child(2){
display:block}
#header.cur .headermid_left img:nth-child(1){
display:none}
#header.curs .headermid_left img:nth-child(1){
display:none}
#header .headermid_left img{
    height: 48px;
}
#header.cur .headermid_left img{
    height: 36px;
}


.nobannerbody #header{ border-bottom:1px #cdcdcd solid; padding: 1.45em 0;
background-color:#fff;}
.nobannerbody #header{  
background-color:#fff;}
.nobannerbody #header .headermid_left img:nth-child(2){
display:block}
.nobannerbody #header .headermid_left img:nth-child(2){
display:block}
.nobannerbody #header .headermid_left img:nth-child(1){
display:none}
.nobannerbody #header .headermid_left img:nth-child(1){
display:none}
 
 








.f-no-c-center { float:right;  
/*position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); */
}
.showmenu{width:2.4375em; height:1.75em; position:relative; display:block;}
.line{
position:absolute; left:0;  width: 100%;
    height: 0.25em;
    background-color: #fff;
    border-radius: 0.25em 0 0 0.25em;}
.line1{
top:0}
.line2{ width:71.79487179487179%;
top:50%; margin-top:-0.125em; left:auto; right:0;}	
.line3{
bottom:0}
.f-no-c-center:hover .showmenu .line2{
width:100%;}
#header.cur .line{
background-color:#454545} 
#header.curs .line{
background-color:#454545} 
.menus{ padding-top:2em; display:none;
position:absolute; right:0;     z-index:10; width:66.82291666666667%;}
#header.cur .menus{
    padding-top: 1.45em;
}
.menus_mid{border-top:1px #cdcdcd solid;/*text-shadow: 3px 5px 5px #FF0000;*/
background-color:#fff;padding-right:4.16666666666667vw;border-bottom:1px #cdcdcd solid; }
.menus ul li:after{
content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#cdcdcd}
.menus ul{ position:relative; padding-right:120px;
  overflow:hidden; }
.menus ul li{ width:16.66666666666667%;
float:left; min-height:475px; position:relative;}
.menus ul li:last-child{ width:auto;
position:absolute; right:0; top:0;}
.menus ul li:first-child:after{
 }
.footer_1_mid_right_mid_mid_1_top{
font-size:1.25em; color:#000; margin-top:4.5em;}
.menus ul li:before{ z-index:1;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:90px; width:1px; height:0px; background-color:#063eb1}
.menus ul li:first-child:before{
 }
.menus ul li:hover:before{
height:93px;}
.menus_mid dl dd a{
color:#333;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.menus_mid dl dd a:hover{
color:#063eb1;}
.menus_mid dl dd{
font-size:1.125em; margin-top:1.125em;}
.footer_1_mid_right_mid_mid_top{
padding-left:2.35em; padding-right:1em;}
.menus ul li:last-child .footer_1_mid_right_mid_mid_top{
padding-right:0}
.f-no-c-center:hover .menus{
 }

.logding {
  background-color: #fff;
  -webkit-clip-path: polygon(6% 0,93% 0,84% 100%,0 100%);
  clip-path: polygon(6% 0,93% 0,84% 100%,0 100%);
  height: 100%;
  left: -50%;
  position: fixed;
  top: 0;
  transition: all 1.5s;
  width: 200%;
  z-index: 9999;
}
logding .box1 {
  background-color: #faccd0;
  left: -50%;
  width: 80%;
  z-index: 2;
}
.logding .box1, .logding .box2 {
  -webkit-clip-path: polygon(6% 0,93% 0,84% 100%,0 100%);
  clip-path: polygon(6% 0,93% 0,84% 100%,0 100%);
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 2s;
}
.logding .box2 {
  background-color: #063eb1;
  left: -30%;
  width: 50%;
  z-index: 3;
}

.logding.on, .logding.on .box1, .logding.on .box2 {
  left: 100%;
}
 
 
/**********index************/
.indexbannerimg{
position:relative; height:100vh;}
.indexbannerimg_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_jj{-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); color:#fff;
position:absolute; left:0; top:50%; z-index:1; width:100%;}
.bmid{
margin:0 4.16666666666667%;}
.bannertip{
position:absolute; right:4.16666666666667%; top:10.625em; z-index:10; color:#fff; text-align:right}
.indexbanner_jj_2{ margin-bottom:.3em;
font-size:4.25em; line-height:1.6;}
.blink{ font-size:1.125em; width:12.5em; position:relative; overflow:hidden; height:3.777777777777778em; border-radius:3.777777777777778em; line-height:3.777777777777778em;
font-family: AlibabaPuHuiTi-2-45-Light; background-color:#063eb1; display:block;}
.blink span{ color:#fff;
margin-left:2.5em; position:relative;}
.blink p{ top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); right:0.5555555555555556em;
position:absolute; border-radius:100%; background-color:#fff; width:2.666666666666667em; height:2.666666666666667em;}
.blink p:before{-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);
content:''; position:absolute; left:50%; top:50%; width:0.9444444444444444em; height:0.8888888888888889em; background-image:url(../images/index/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: transform .5s 0s cubic-bezier(0.645, 0.045, 0.355, 1);}
.blink:hover p:before{
-webkit-transform: translate(-50%, -50%) rotate(45deg);  
    transform: translate(-50%, -50%) rotate(45deg);}
.bannertip_2{ margin:10px 0px;
font-size:1.25em;font-family: 'Poppins'; font-weight:bold; letter-spacing:1px;}
.bannertip_3{
font-size:1.25em;}
.bannertip_1{font-family: 'poppinsmedium';
font-size:3.5em; position:relative; padding-right:1.125em; line-height:1;}
.bannertip_1:after{-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);
content:''; position:absolute; right:0; top:50%; width:0.6428571428571429em; height:0.6428571428571429em; background-image:url(../images/index/img3.png?v=1); background-position:center; background-repeat:no-repeat; background-size:cover;}
.mid{
margin:0 8.85416666666667%;}
.index_1_left{ margin-top:4.6875vw;
float:left; width:48%;}
.index_1_right{
float:right; width:36.45569620253165%; overflow:hidden;}
.index_1_right img{
width:100%;}
.index_1_left_1{
font-size:1.125em; color:#2e2e2e; font-family: 'Poppins'; font-weight:bold}
.index_1_left_2{
font-size:3.125em; margin-top:.2em; margin-bottom:.5em;}
.index_1_left_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.125em; line-height:2; color:#333; margin-bottom:2.5em;}
.index_1_left_5 div{
float:right; overflow:hidden; width:45.13157894736842%;}
.index_1_left_5 div img{
width:100%;}
.lmore{
display:inline-block; position:relative;}
.lmore span{ padding-right:30px;
color:#141414; font-size:.875em;font-family: AlibabaPuHuiTi-2-45-Light; display:block; position:relative;}
.lmore span:after{transition: transform .5s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
content:''; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%); width:13px; height:13px;
    transform: translate(-0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img6.png);}
.lmore:hover span:after{-webkit-transform: translate(-50%, -50%) rotate(45deg);  
    transform: translate(-50%, -50%) rotate(45deg);}
.index_1_left_5{
margin-top:2.5em;}
.index_1{
margin-top:14em; margin-bottom:7.625em;}
.index_2{  padding:8em 0;
background-image:url(../images/index/img10.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_1_left_1_white{
color:#fff;}
.index_2_2{
margin-left:8.85416666666667%}
.index_2_2_mid_2{
color:#fff;}
.index_2_2_mid_2_2{font-family: 'Poppins'; font-weight:bold}
.index_2_2_mid_2_1{
font-size:1.875em; margin-bottom:10px; margin-top:1.25em;}
.index_2_2_mid_1{
overflow:hidden}
.index_2_2_mid_1 img{
width:100%;}
.index_2 .swiper-container-banner2 .swiper-slide{
width:43.77142857142857%; margin-right:2.74285714285714%;}
.blink_center{
margin:0 auto}
.index_2_2_1{
margin-top:4.375em;}
.index_2_1_mid{
position:relative; padding-right:120px;}
.index_2_1_mid .index_1_left_2{
margin-bottom:0}
.index_2_1_mid_right{
position:absolute; right:0; bottom:0;}
.comnav{
width:80px; height:35px;}
.comnav_left{ background-image:url(../images/index/img7.png); border-radius:2px; cursor:pointer;
float:left; width:33px; height:33px; border:1px #878787 solid; background-position:center; background-repeat:no-repeat}
.comnav_right{ background-image:url(../images/index/img8.png); border-radius:2px; cursor:pointer;
float:right; width:33px; height:33px; border:1px #878787 solid; background-position:center; background-repeat:no-repeat}
.comnav_left:hover,.comnav_right:hover{
background-color:#fff; border-color:#fff;}
.index_2_1{
margin-bottom:3em;}
.index_3 .index_2_1_mid{
padding-right:0; text-align:center;}
.index_3{
background-image:none;}
.index_3_1{
position:relative;}
.index_3_1_left{ overflow:hidden;
position:absolute; left:0; top:0; height:100%; width:28.16455696202532%;}
.index_3_1_right{ margin-left:28.16455696202532%;}
.index_3_1_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_3_1_name{
position:absolute; left:1em; bottom:1em; z-index:10; color:#fff; font-size:1.5em; }
.index_3_1_right_2 ul li{ margin-left:1.87958883994126%; margin-top:1.04166666666667vw;
float:left; width:31.45374449339207%; position:relative; overflow:hidden}
.index_3_1_right_2_1{
overflow:hidden}
.index_3_1_right_2_1 img{
width:100%;}
.index_3_1_right_1_right{ position:relative; overflow:hidden;
margin-left:68.54625550660793%;}
.index_3_1_right_1_left{ position:absolute; top:0; height:100%; left:1.87958883994126%;
width:64.7870778267254%; overflow:hidden}
.index_3_1_right_1{
position:relative; overflow:hidden}
.index_4{ padding:13.125em 0;
background-image:url(../images/index/img17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_4_1{
text-align:center; font-size:3.75em; color:#fff; letter-spacing:.1em; margin-bottom:.875em;}
.blink_white{
background-color:#fff;}
.blink_white span{
color:#104ea3}
.blink_white p{
background-color:#104ea3}
.blink_white p:before{
background-image:url(../images/index/img2on.png);}
/*********footer1************/
#footer{font-family: AlibabaPuHuiTi-2-45-Light;
border-top:7px #063eb1 solid;}
.footer_1{
background-color:#17202a; overflow:hidden; color:#e9eaec; padding:7.125em 0;}
.footer_1_mid_left_2 p{
padding-top:15px;}
.footer_1_mid_left_2 p a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#e9eaec; display:inline-block; padding:5px 0px; border-bottom:1px #484f57 solid;}
.footer_1_mid_left_2 p a:hover{
color:#fff;}
.footer_1_mid_left_2 p a span{ padding-right:20px;
background-image:url(../images/footer/img1.png); background-position:right center; background-repeat:no-repeat;}
.footer_1_mid_left{
float:left; width:26.58227848101266%;}
.footer_1_mid_right{
float:right; width:73.41772151898734%;}
.footer_1_mid_left_2{
line-height:1.8; margin:2.5em 0;}
.footer_1_mid_right_mid ul{
position:relative; padding-right:64px;
}
.footer_1_mid_right_mid ul li{
float:left; width:16.66666666666667%;}
.footer_1_mid_right_mid ul li:last-child{
position:absolute; right:0; top:0; width:auto}
.footer_1_mid_right_mid_mid_1{
font-size:1.25em; color:#fff;}
.footer_1_mid_right_mid ul li dd a{color:#e9eaec;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_1_mid_right_mid ul li dd{
margin-top:1em;}
.footer_1_mid_right_mid ul li dl{
margin-top:1.5em;}
.footer_1_mid_right_mid ul li dd a:hover{
color:#fff;}
.footer_1_mid_right_mid_mid{
padding-right:1em;}
.footer_1_mid_left_mid{
padding-right:2em;}
.footer_1_mid_right{
overflow:hidden; position:relative; min-height:320px;}
.footer_1_mid_right:after{
content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#585e65;}
.footer_1_mid_right_mid{
margin-left:6.25em;}
.footer_2_mid_left{
float:left;}
.footer_2_mid_right{
float:right}
.footer_2{ padding:1em 0;
color:#434343; line-height:1.6;}
.footer_2 a{
color:#434343}
/*******about*************/
.nybanner{
position:relative; height:100vh;}
.nybanner_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_1{ padding-top:12.3125em; padding-bottom:10em;
 background-position:center bottom; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.about_1_mid_left{
float:left; width:40%;}
.about_1_mid_right{
float:right; width:58%; font-size:1.125em; color:#333; line-height:2;}
.about_2{
background-image:url(../images/about/img5.jpg);  color:#fff;}
.about_2_1_mid{
position:relative; border:1px #abb2b9 solid; border-radius:1em; min-height:22.1875em;}
.about_2_1_mid_mid{
padding:2.8em;}
.about_2_1_mid_2{
position:absolute; left:0; bottom:27%; width:100%;}
.about_2_1_mid_1_1{ padding-left:1.741935483870968em;
font-size:1.9375em; position:relative;}
.about_2_1_mid_1_1 img{ max-width:1.387096774193548em;
position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.about_2_1_mid_2_1{
font-size:1.25em; line-height:1.6;}	
#wenhuapage{
position:static; margin-top:5em;}

.about_2 .swiper-pagination-bullet{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width:0.8125em; height:0.8125em; opacity:1;   background:none; border:1px #fff solid;}
.about_2 .swiper-pagination-bullet-active{
background-color:#063eb1; border-color:#063eb1;}
.about_2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 .7em;}
.about_3{
background-image:url(../images/about/img10.jpg); background-position:center bottom;}
.about_3_1_img{
overflow:hidden}
.about_3_1_img img{
width:100%;}
#wenhuapage2{
position:static; margin-top:4.375em; height:2px; background-color:#a0b0c6;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background-color:#063eb1;}
.about_4{
color:#fff; background-image:url(../images/about/img11.jpg?v=12);}
.about_4_1{
text-align:center}
.about_4_1_mid{ position:relative;
margin:0 auto; max-width:725px; }
.about_4_1_mid_left{
position:absolute; left:0; top:0;}
.about_4_1_mid_left span{ line-height:1;
font-size:6.25em;font-family: 'poppinsmedium';}
.about_4_1_mid_right{min-height:80px;
margin-left:16.875em; position:relative;}
.about_4_1_mid_right:after{
content:''; position:absolute; left:0; top:0; height:100%; width:2px; background-color:#6c636b}
.about_4_1_mid_right_jj{
font-size:1.5em; line-height:1.8; text-align:left; padding-left:2em;}
.about_4_1{
padding-top:4em;}
.about_4_2{
  position:relative;}
.about_4_2:after{ top:50%;
content:''; position:absolute; left:0; width:100%; height:1px; background-color:#fff; opacity:.43; margin-top:-.5px;}
.about_4_2 ul li{ cursor:pointer;
float:left;}
.about_4_2_mid{
margin:0 auto; width:4.25em; height:4.25em; position:relative; border-radius:100%; line-height:4.25em; text-align:center;}
.about_4_2_mid:before{  z-index:2;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0%; top:0%; width:100%; height:100%; border-radius:100%; background-color:#fff;transform: scale(0.1176470588235294, 0.1176470588235294);}


/*.about_4_2_mid:after{-webkit-transform: translate(-50%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  
    transform: translate(-50%, -50%);
content:''; position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:100%; background-color:#063eb1;}*/

.about_4_2_mid span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-family: 'Poppins'; font-size:1.125em; z-index:5; font-weight:bold; position:absolute; left:0; bottom:0; width:100%; line-height:1;}

.about_4_2 ul li__:hover .about_4_2_mid:before,.about_4_2 ul li.on .about_4_2_mid:before{transform: scale(1, 1);background-color:#063eb1;}
.about_4_2 ul li__:hover .about_4_2_mid span,.about_4_2 ul li.on .about_4_2_mid span{
bottom:auto;-webkit-transform: translate(-0%, -50%);   
    transform: translate(-0%, -50%); top:50%;}
.about_4_2{
margin-top:12.5em;}
.about_5{
background:none}
.about_5_1_mid ul li{
float:left; width:32%; margin-right:2%;}
.about_5_1_mid ul li:nth-child(3n){
margin-right:0}
.about_5_1_mid_1{
overflow:hidden}
.about_5_1_mid_1 img{
width:100%;}
.about_5_1_mid_2_1{
font-size:1.5em; margin-top:1em;}
.about_5_1_mid_2_2{
font-size:1.125em;}
.about_5_1_mid_2{
line-height:1.6}
/**********cases*********/
.cases_1 .index_2{
background:none; background-color:#0e0e0e}
.cases_1 .index_2 .swiper-container-banner2 .swiper-slide{
width:78.85714285714286%; margin-right:3.31428571428571%;}
.cases_1_mid{
background-color:#fff; position:relative;}
.cases_1_mid_left{ position:relative;
overflow:hidden; width:60%;}
.cases_1_mid_left img{
width:100%;}
.cases_1_mid_right{
position:absolute; right:0; top:50%; width:40%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.cases_1_mid_right_mid_1{
font-size:1.875em;}
.cases_1_mid_right_mid_2{
color:#063eb1; font-family: 'Poppins'; font-weight:bold}
.cases_1_mid_right_mid_3{
color:#333; 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:2.25em; padding-top:2.25em; margin-bottom:2.25em; border-top:1px #dfdfdf solid;}
.cases_1_mid_right_mid{
padding:0 2.5em;}
.casetip{font-family: 'Poppins'; font-weight:bold; padding:0 .75em;
position:absolute; z-index:10; color:#fff; background-color:#000; left:1em; top:1em; line-height:1.75em;}
.cases_2{
overflow:hidden}
.cases_2_1 ul li{ margin-top:6em;
float:left; width:48%;}
.cases_2_1 ul li:nth-child(2n){
float:right}
.cases_2_1_1{ border-radius:2px;
position:relative; overflow:hidden}
.cases_2_1_1 img{
width:100%;}
.cases_2_1_2_2{
font-size:1.5em; margin-bottom:.75em;   margin-top:5px;}
.cases_2_1_2_3{
color:#333;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}
.cases_2_1_2{
position:relative; padding-top:2.5em; padding-bottom:3em; border-bottom:1px #e8e8e8 solid;}
.cases_2_1_2:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0%; height:1px; background-color:#063eb1;}
.cases_2_1 ul li:hover .cases_2_1_2:after{
width:100%;}
.cases_2_2{
padding:8em 0 0 0;}
.casesinfo_1{
background:none}
.casesinfo_1_con{
color:#333; line-height:1.8; margin-top:2.5em;}
.service_1{
text-align:center}
.service_2_mid ul li{ position:relative; margin-right:4.35126582278481%;
float:left; width:16.51898734177215%;}
.service_2_mid ul li:after{-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);
content:''; position:absolute; right:-3.375em; top:50%; width:2.25em; height:1.4375em; background-image:url(../images/service/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.service_2_mid ul li:last-child:after{
display:none}
.service_2_mid ul li:last-child{
margin-right:0}
.service_2_mid_mid{
position:relative}
.service_2_mid_mid_img{
position:relative; }
.service_2_mid_mid_img img{
width:100%;}
.service_2_mid_mid_jj{ z-index:10;
position:absolute;   left:0; width:100%; text-align:center; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.service_2_mid_mid_jj_1{
height:5em; position:relative;}
.service_2_mid_mid_jj_1 img{-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);
position:absolute; left:50%; top:50%; max-height:100%;}
.service_2_mid_mid_jj_1 img:nth-child(2){
opacity:0;}
.service_2_mid_mid_jj_2{ margin-top:.875em;
font-size:1.25em; color:#22282e;}
.service_2_mid ul li:hover .service_2_mid_mid_jj_1 img:nth-child(2),.service_2_mid ul li.on .service_2_mid_mid_jj_1 img:nth-child(2){
opacity:1;}
.service_2_mid ul li:hover .service_2_mid_mid_jj_1 img:nth-child(1),.service_2_mid ul li.on .service_2_mid_mid_jj_1 img:nth-child(1){
opacity:0;}

.service_2_mid_mid_img img:nth-child(2){
position:absolute; left:0; top:0; z-index:1; opacity:0}
.service_2_mid ul li:hover .service_2_mid_mid_img img:nth-child(2),.service_2_mid ul li.on .service_2_mid_mid_img img:nth-child(2){
opacity:1}
.service_2_mid ul li:hover .service_2_mid_mid_img img:nth-child(1),.service_2_mid ul li.on .service_2_mid_mid_img img:nth-child(1){
opacity:0}
.service_2_mid ul li:hover .service_2_mid_mid_jj_2,.service_2_mid ul li.on .service_2_mid_mid_jj_2{
color:#fff;}
.service_2{
margin-top:8em; margin-bottom:0em;}
.service_2_mid_con{padding-bottom:6em;text-align: center;
    padding-top:4em; line-height: 1.8;
}
.service_1{
    padding-bottom:0;
}
.service_2_mid_con ul li{
    display:none;
}
.de_1_mid_img{
position:relative; overflow:hidden}
.de_1_mid_img img{
width:100%;}
.de_1_mid_jj{
position:relative; margin-top:2.5em;}
.de_1_mid{
margin:0 auto; max-width:1200px;}
.de_1_mid_jj_1{ padding-right:100px;
font-size:1.875em; margin-bottom:.875em;}
.de_1_mid_jj_1 a:hover{ color:#0e4896}
.de_1_mid_jj_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.125em; line-height:1.8;}
.de_1_mid ul li{ overflow:hidden;
border-bottom:1px #e1eaf0 solid; padding-bottom:2.5em; padding-top:6.25em; position:relative;}
.de_1_mid ul li:last-child{
margin-bottom:6.25em;}
.de_1_mid_jj_right{
position:absolute; right:0; top:0;}
.comnav_right_blue:hover,.comnav_left_blue:hover{
border-color:#0e4896; background-color:#0e4896}
.comnav_right_blue:hover{
background-image:url(../images/index/img8on.png);}
.comnav_left_blue:hover{
background-image:url(../images/index/img7on.png);}
.de_1_mid_img a.m-video{ background-image:url(../images/de/img18.png);-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); width:4em; height:4em;
display:block; position:absolute; left:50%; top:50%; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover;}
.li_1_1_1{
overflow:hidden;}
.li_1_1_1 img{
width:100%;}
.li_1_1 ul li{ margin-top:5.25em; padding-bottom:2em; border-bottom:1px #efefef solid;
float:left; width:47.84810126582278%;}
.li_1_1 ul li:nth-child(3n){
float:right;}
.li_1_1 ul li:nth-child(1){
margin-top:1em;}
.li_1_1 ul li:nth-child(3n+1){
width:100%;}
.li_1_1_2_1{
font-size:2.25em; margin-top:1.25em; margin-bottom:.65em;}
.li_1_1_2_2{
color:#333; 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; min-height:3.6em; margin-bottom:2em;}
.lbody .pagination{
padding:3em 0 0 0}
.li_info_1{ padding-top:8.625em; padding-bottom:7.3125em;
background-image:url(../images/li/img6.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.li_info_1_left{
float:left; width:45.56962025316456%;}
.li_info_1_left img{
width:100%;}
.li_info_1_right{ margin-top:8.33333333333333vw;
float:right; width:46.83544303797468%;}
.li_info_1_right .li_1_1_2_2{-webkit-line-clamp: 1000000; overflow:visible }
.li_info_1_right .li_1_1_2_1{
margin-top:0}
.li_info_2_mid{
line-height:1.8; margin:6.25em 0;}
.li_info_1 .mid{
position:relative; overflow:hidden}
.li_info_1_re{
display:block; position:absolute; right:0; top:0; font-size:2.25em; font-family:"宋体"; border:1px #cbcbcb solid; width:1.888888888888889em; height:1.888888888888889em; text-align:center; line-height:1.888888888888889em; color:#7c7c7c;}
.li_info_1_re:hover{
color:#fff; background-color:#063eb1; border-color:#063eb1}
.in_1_mid ul li{ padding-top:7.5em; overflow:hidden
}
.in_1_mid ul li:last-child{
margin-bottom:7.5em;}
.in_1_mid_mid{
background-color:#f4f5f6;position:relative;}
.in_1_mid_mid_left{
width:56.64556962025316%; overflow:hidden}
.in_1_mid_mid_left img{
width:100%;}
.in_1_mid_mid_right{-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); max-height:100%; overflow:hidden; overflow-y:auto;
position:absolute; right:0; top:50%; width:43.35443037974684%;}
.in_1_mid_mid_right_1{
font-size:2.25em; margin-bottom:.6em;}
.in_1_mid_mid_right_2{
font-size:1.125em; line-height:1.8;}
.in_1_mid_mid_right_mid{
margin:0 6.25em;}
.in_1_mid ul li:nth-child(2n) .in_1_mid_mid_left{
margin-left:43.35443037974684%}
.in_1_mid ul li:nth-child(2n) .in_1_mid_mid_right{
left:0; right:auto}
/****contact***************/
.contact_1{
background-image:url(../images/contact/img1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.contact_1_mid{ overflow:hidden;
margin-left:50%;background-color:rgba(255, 255, 255, 0.88); color:#000;}
.contact_1_mid_jj_1{
font-size:1.125em;font-family: 'Poppins'; font-weight:bold}
.contact_1_mid_jj_2{ margin-bottom:.7em;
font-size:2.25em; margin-top:10px;}
.contact_1_mid_jj_3{
font-size:1.125em; line-height:2;}
.contact_1_mid_jj ul li{
margin-bottom:2.5em; padding-bottom:2.5em; border-bottom:1px #b0b0b0 solid;}
.contact_1_mid_jj ul li:last-child{
margin-bottom:0; padding-bottom:0; border:none}
.contact_1_mid_jj{
margin:8vw 8.85416666666667vw 8vw 13vw;}
.contact_1_mid_jj_4 dl dd{ margin-right:2.5em;
 display:inline-block; text-align:center;}
.contact_1_mid_jj_4_3{
font-size:1.125em; margin-top:1em;}
.contact_1_mid_jj_4{
padding-top:1em;}
.contact_2_1 ul li{
text-align:center; font-size:1.875em; color:#454545; cursor:pointer; padding:0.65em 1em; background-color:#d4dae5;}
.contact_2_1 ul li:nth-child(2n){
background-color:#fff;}
.contact_2_1 ul li:hover{
color:#fff; background-color:#063eb1;}
.contact_2{
background-image:none; color:#000}
.contact_2 .swiper-pagination-bullet{
border-color:#cdcdcd}


@media screen and (max-width:1680px) {
.menus_mid dl dd{
font-size:1em;}
.footer_1_mid_right_mid_mid_1_top{
font-size:1.125em;}
.footer_1_mid_right_mid_mid_top{
padding:0 1em;}
.menus{
width:78%;}
.menus ul li{
min-height:450px;}
.contact_2_1 ul li{
font-size:1.5em;}
.contact_1_mid_jj_4_3{
font-size:1em;}
.contact_1_mid_jj_1{
font-size:1em;}
.contact_1_mid_jj_2{
font-size:1.5em;}
.contact_1_mid_jj_3{
font-size:1em;}
.in_1_mid_mid_right_2{
font-size:1em;}
.in_1_mid_mid_right_1{
font-size:1.5em;}
.in_1_mid_mid_right_mid{
margin:0 2.5em;}
.li_1_1_2_1{
font-size:1.5em;}
.cases_1_mid_right_mid_2{
font-size:.9375em;}
.cases_1_mid_right_mid_1,.cases_2_1_2_2{
font-size:1.25em;}
.about_5_1_mid_2_2{
font-size:1em;}
.about_5_1_mid_2_1{
font-size:1.25em;}
.about_4_1_mid_right_jj{
font-size:1.25em;}
.about_4_1_mid_left span{
font-size:4em;}
.about_4_2{
margin-top:8em;}
.about_4_1_mid_right{
margin-left:13em;}
.about_1_mid_right{
font-size:1em;}
.about_2_1_mid_2_1{
font-size:1em;}
.about_2_1_mid_1_1{
font-size:1.5em;}
.about_2_1_mid_mid{
padding:1.5em;}
.about_2_1_mid{
min-height:18em;}
.index_3_1_name{
font-size:1.25em;}
.index_4_1{
font-size:2.75em;}
.index_1_left_3{
font-size:1em;}
.index_1_left_2{
font-size:2.25em;}
.index_2_2_mid_2_1{
font-size:1.25em;}
.index_1_left_1{
font-size:1em;}
.blink{
font-size:.875em;}
.indexbanner_jj_2{
font-size:3em;}
.indexbanner_jj_1  img{
height:30px;}
.bannertip_1{
font-size:2.5em;}
.bannertip_2,.bannertip_3{
font-size:1em;}
#footer .mid{
margin:0 4.16666666666667%}
.footer_1_mid_right_mid{
margin-left:2em;}
}
@media screen and (max-width:1280px) {
    
    .nobanner{ height:80px;}
    
.li_info_2_mid{
margin-top:4em; margin-bottom:4em;}
.li_info_1_re{
font-size:1.5em;}
.li_info_1{
padding:4em 0 2em 0;}
.li_1_1_2_1{
font-size:1.25em;}
.li_1_1 ul li{
margin-top:2em;}
.de_1_mid ul li{
padding-top:2.5em;}
.de_1_mid_jj_2{
font-size:1em;}
.de_1_mid_jj_1{
font-size:1.25em;}
.service_2_mid_mid_jj_2{
font-size:1em;}
.service_2_mid_mid_jj_1{
height:3em}
.service_2_mid ul li:after { right:-2.5em}
.index_2_2{
margin-left:4.16666666666667%}
.mid{
margin:0 4.16666666666667%}
.index_1_left_2{
font-size:1.5em;}
.about_1,.index_2{
padding:4em 0;}
.about_2_1_mid_1_1{
font-size:1.25em;}
.about_2_1_mid_mid{
padding:1.25em;}
.about_2_1_mid{
min-height:14em;}
#wenhuapage{
margin-top:2.5em; font-size:.875em;}
}

@media screen and (max-width:1080px) {
.menus{
width:96%}
.index_4_1{
font-size:1.875em;}
.index_3_1_name{
font-size:1em;}
.index_1{
margin-top:4em; margin-bottom:4em;}
.indexbanner_jj_2{
font-size:2em;}
.indexbanner_jj_1 img{
height:25px;}
.contact_2_1 ul li{
font-size:1.125em;}
.in_1_mid_mid_right_1{
font-size:1.125em;}
.in_1_mid_mid_right_mid{
margin:0 1.5em;}
.in_1_mid ul li{
padding-top:4em;}
.cases_1_mid_right_mid_3{
margin-top:1em; padding-top:1em; margin-bottom:1em;}
.footer_1_mid_left{
display:none}
.footer_1_mid_right{
width:100%;}
.footer_1_mid_right_mid{
margin-left:0}
.footer_1_mid_right:after{
display:none}


}

@media screen and (max-width:1024px) {
.contact_1_mid_jj_2{
font-size:1.125em;}
.contact_1_mid_jj{
margin-left:4vw; margin-right:4vw;}
}
@media screen and (max-width:950px) {
.cases_1 .index_2 .swiper-container-banner2 .swiper-slide {
  width: 82%;
  margin-right: 2%;
}


}

@media screen and (max-width:850px) {
.service_2{
margin:4em 0;}
.service_2_mid_mid_jj_2{
font-size:.875em;}
.service_2_mid_mid_jj_1{
height:2.5em;}

}
#wenhuapagess{
display:none; position:static}
.jsmenus{ display:none;
float:right;}
.nume {
  background: #063eb1 ;
  -webkit-clip-path: polygon(22% 0,100% 0,78% 100%,0 100%);
  clip-path: polygon(22% 0,100% 0,78% 100%,0 100%);
  cursor: pointer;
  height: 26px;
   
  opacity: 1;
  position: relative;
  width: 40px;
}
.nume .lines {
  background: #fff;
  height: 3px;
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: .5rem;
}
.nume .lines {
  transition: all .5s;
}
.nume .lines {
  width: 14px
}
.nume .lines:first-child {
  left: 55%;
  top: 40%;
}
.nume .lines:last-child {
  top: 60%;
}
.nume.on {
  background-color: transparent;
}
.nume.on .lines {
  background: #000;
}
.nume.on .lines:first-child {
  left: 50%;
  top: 52%;
  transform: rotate(45deg);
}
.nume.on .lines:last-child {
  top: 54%;
  transform: rotate(-45deg);
}

.m-navwrap {
  width: 100%;
  position:fixed;
  top: 67px; display:none;
  left: 0;
  
  background: #fff; z-index:10;
}
 .m-navwrap ul,   .m-navwrap li {
  width: 100%;
}

 .m-navwrap ul, .m-navwrap li{
		width: 100%;
	}
	 .m-navwrap .tit{
		display: block;
		width: 78%;
		padding: 0 17% 0 5%;
		height: 46px;
		line-height: 46px;
		font-size: 15px;
		color: #fff;
		background: url(../images/close/ico_100.png) no-repeat 92% center #035cac;
		background-size: auto 22%;
		cursor: pointer;
		border-right: 1px solid #035cac;
	}
	 .m-navwrap .tit a{
		color: #fff;
		display: block;
	}
	 .m-navwrap .tit a:hover{
		color: #b0b0b0;
	}
	 .m-navwrap li{
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #035cac;
	}
	 .m-navwrap .sub-box{
		width: 100%;
		background-color: #004888;
		display: none;
	}
	 .m-navwrap .sub-box a{
		display: block;
		width: 78%;
		padding: 0 17.4% 0 4.6%;
		height: 34px;
		line-height: 34px;
		border-top: 1px solid #5484af;
		color: #fff;
		font-size: 13px;
	}
	 .m-navwrap .sub-box a:hover{
		background-color: #013c71;
	}
	 .logo{
		margin-left: 2%;
		/*height: 20px;*/
		height: 24px;
		width: 50%;
		max-width: 100%;
	}
	 .left .nav{
		display: none;
	} 


@media screen and (max-width:810px) {
    .service_2_mid_con{
        padding:2em 0;
    }
.jsmenus{
display:block}
#header{
padding:1.25em 0;}
.headermid_left img{
height:32px;}
.h-right{
display:none}
.index_3_1_name{
left:10px; bottom:10px;}
.index_3_1_right_1_left{
left:0; width:66%;}
.index_3_1_right_1_right{
margin-left:68%;}
.index_3_1_right_2 ul li{
margin-left:0; margin-top:2vw; margin-right:2%; width:32%;}
.index_3_1_right_2 ul li:last-child{
margin-right:0}
 
.index_3_1_left{
position:relative; width:100%; height:35vw; margin-bottom:2vw;}
.index_3_1_right{
margin-left:0; }
.index_2_2_1{
margin-top:2em;}
.index_2_2_mid_2_2{
font-size:.875em;}
.index_2_2_mid_2_1{
font-size:1.125em;}
.bannertip_2, .bannertip_3{
font-size:.875em;}
.bannertip_1{
font-size:1.5em;}
.indexbanner_jj_2{
font-size:1.5em; margin-right:280px;}
.indexbanner_jj_1 img{
height:20px;}
.blink{
font-size:.7em;}
.blink span{ margin-left:1.5em;
font-size:14px;}
.indexbannerimg_bg{
display:none;}
.indexbannerimg{
height:auto}
.contact_1_mid_jj ul li{
margin-bottom:1.5em; padding-bottom:1.5em;}
.contact_1_mid{
margin:4em 4.16666666666667%}

.in_1_mid ul li:nth-child(2n) .in_1_mid_mid_left{
margin-left:0}
.in_1_mid_mid_right_mid{
margin:1.5em;}
.in_1_mid_mid_right{
position:static; width:100%;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);}
.in_1_mid ul li{
padding-top:2em; }
.in_1_mid ul li:last-child{
margin-bottom:2em;}
.in_1_mid_mid_left{
width:100%;}
.li_info_2_mid{
margin-bottom:2em;}
.li_info_2_mid{
margin-top:2em;}
.li_info_1{
padding-top:2em;}
.li_info_1_left{
width:100%;}
.li_info_1_right{
width:100%;}
.li_1_1_2_1{
font-size:1.125em;}
.li_1_1 ul li{
width:100%; margin-top:1em; padding-bottom:1em;}
.li_1_1_2_2{
min-height:inherit; margin-bottom:1em;}
.de_1_mid ul li{
padding-top:2em; padding-bottom:2em;}
.de_1_mid ul li:last-child{
margin-bottom:2em;}
.casetip{
font-size:.9375em;}
.pagination{
padding-bottom:4em; padding-top:1em; font-size:.875em;}
.cases_2_1_2{
padding:1.5em 0;}
.index_2_2{
  
  margin-right: 4.16666666666667%;
}


.cases_1_mid_right_mid_1, .cases_2_1_2_2{
font-size:1.125em;}
.cases_2_1 ul li{
margin-top:2em;}
.cases_2_2{
padding-top:1em; font-size:.875em;}
.casesinfo_1_con{
margin-top:1.5em;}
.footer_1_mid_right{
display:none}
.footer_1_mid_left{
display:block; width:auto; float:none}
.footer_1{
padding:4em 0;}
.about_5_1_mid_2_1{
font-size:1.125em;}
#wenhuapagess{
margin-top:2em; display:block}
.about_4_2{
display:none}
.about_4_2{
margin-top:4em;}
.about_4_1{
padding-top:2em;}
.about_4_1_mid_right_jj{
font-size:1em;padding-left:1.5em;}
.about_4_1_mid_right{
margin-left:7em;}
.about_4_1_mid_left span{
font-size:2.5em; }
#wenhuapage2{
margin-top:2em;}
.index_2_1{
margin-bottom:2em;}
.index_2{
padding:2em 0;}
.about_2_1_mid_1_1{
font-size:1.125em;}
.about_2 .swiper-pagination-bullet{
font-size:.75em;}
#wenhuapage{
margin-top:2em;}
.mobileimg{
display:block}
.nybanner{
height:auto}
.nybanner_bg{
display:none}
.about_1_mid_left,.about_1_mid_right{
float:none; width:auto;}
.index_1_left_2{
font-size:1.25em;}
.index_1_left_1{
font-size:.9375em;}
.about_1{
padding:2em 0;}
#header .headermid_left img{
    height: 32px;
}
#header.cur{
    padding: 1.25em 0;
}
#header.cur .headermid_left img{
    height: 32px;
}

}

@media screen and (max-width:768px) {
.service_2_mid ul{
width:720px;}
.service_2_mid ul li:after{
font-size:.6em;}
.service_2_mid{
overflow:hidden; overflow-x:auto;}
.service_2{
margin-top:2em; margin-bottom:3em;}
}

@media screen and (max-width:640px) {
.index_4_1{
font-size:1.25em;}
.index_4{
padding:8em 0;}
.index_1_left,.index_1_right{
width:100%;}
.index_1_left{
margin-top:0; margin-bottom:1.5em;}
.index_1_left_5 div{
width:100%;}
.index_1_left_3{
margin-bottom:1.5em;}
.index_1{
margin-top:2em; margin-bottom:2em;}
.bannertip{
display:none}
.indexbanner_jj_2{
margin-right:0; margin-bottom:20px;}
.cases_2_1 ul li{
width:100%;}
.cases_1_mid_left{
width:100%;}
.cases_1_mid_right {
  position:static;
   
  width: 100%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}
.cases_1_mid_right_mid{
padding:1.5em;}
}

@media screen and (max-width:480px) {
    .about_2_1_mid_2{ bottom:0}
.indexbanner_jj_2{
font-size:1.25em;}
.contact_1_mid_jj_4 dl dd{
margin-right:1em;}
.contact_1_mid_jj_4_1 img{
width:90px;}
.in_1_mid_mid_right_mid{
margin:1em;}
.comnav_left,.comnav_right{
width:28px; height:28px;}
.comnav{
width:70px;}
.footer_1_mid_left_1 img{
height:30px;}
#footer {
  
  border-top: 4px #063eb1 solid;
}
.footer_1_mid_left_3{
display:none}
.footer_1_mid_left_2{
margin-top:1.5em; margin-bottom:0}
.footer_2_mid_left,.footer_2_mid_right{
float:none; width:100%; text-align:center}
.footer_1{
padding:2em 0; text-align:center}
.about_5_1_mid ul li{
width:100%; margin-right:0; margin-bottom:1em;}
#wenhuapagess{
font-size:.875em;}
.about_4_1_mid_left span{
font-size:1.75em;}
.about_4_1_mid_right{
margin-left:5em;}
.about_2_1_mid{
min-height:10em;}
.index_1_left_2{
font-size:1.125em;}
.index_1_left_1{
font-size:.875em;}
.de_1_mid_jj .comnav_left,.de_1_mid_jj .comnav_right{
width:30px; height:30px;}
}

@media screen and (min-width:810px) {
.index_2,.index_4,.li_info_1,.contact_1{background-attachment: fixed;}
}