img{
    max-width:100%;
}
*:focus {outline: none;}
body{  
    position:relative;
}
a:hover{
color:#2061c2;}
#header{  height:6em;
position:fixed; left:0; top:0; width:100%; z-index:999; background-color:#fff;}
.header_mid{
position:relative; padding-left:13%;}
.header_mid_left{ text-align:center;
position:absolute; left:0; top:0; height:100%; width:13%;}
.header_mid_left:after{
content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#eee;}
.header_mid_left img{
max-width:76.4%;}
.header_mid_right{ width:14.21875%; text-align:center; overflow:hidden;
position:absolute; right:0; top:0; height:100%;}
.header_mid_right:after{
content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#eee;}
.header_mid_right span{ padding-left:1.65em;
font-size:1.125em; color:#434343; display:inline-block; position:relative;}
.header_mid_right span:after{
content:''; position:absolute; left:0; top:.1em; width:1em; height:1em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/img2.png);}
.header_mid_mid ul li{
float:left; margin-left:3.75em;}
.header_mid_mid ul li a.biga{ padding-right:.8em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
color:#2e2e2e; display:inline-block; position:relative; line-height:6em;}
.header_mid_mid ul li a.biga:after{ right:0; top:50%; margin-top:-1.5px;
content:''; position:absolute; width:7px; height:3px; background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img1.png);}
.header_mid_mid ul li:nth-child(1) a.biga{
padding-right:0;}
.header_mid_mid ul li:nth-child(1) a.biga:after{
display:none}


.header_mid_mid ul li.hasxiala{
position:relative; }
.header_mid_mid ul li.hasxiala dl{ text-align:center;
position:absolute; left:-70px; width:125px;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden; opacity:0;
  z-index:990; background-color:#fff;width:1028px; background-position:top; background-repeat:repeat-x; background-color:#fff; background-image:url(../images/menu.jpg);}
.header_mid_mid ul li.hasxiala dl dd{
 }
.header_mid_mid ul li.hasxiala dl dd:last-child{
border:none}
.header_mid_mid ul li.hasxiala dl dd a{
  display:block;  color:#666; display:inline-block; position:relative; padding-left:10px;}
  .header_mid_mid ul li.hasxiala dl dd a:hover{
  color:#2061c2}
.header_mid_mid ul li.hasxiala dl dd a:after{
content:''; position:absolute; left:0; top:50%; height:1px; margin-top:-.5px; width:5px; background-color:#666;}  
.header_mid_mid ul li.hasxiala dl dd a:hover{
 }
.header_mid_mid ul li.hasxiala:hover dl{
opacity:1;visibility:visible}
.header_mobile_mid{
position:absolute; right:0; top:0; height:100%; z-index:10; display:none;} 
.hasxiala_mid{ margin:3.125em 0; position:relative;
float:left; width:41%; min-height:235px;}
.hasxiala_mid:after{
content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#e5e5e5;}
.hasxiala_mid2:after{
content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#e5e5e5;}
.hasxiala_mid2{min-height:235px; position:relative;
float:left; width:34%;margin:3.125em 0;}
.hasxiala_mid3{min-height:235px; position:relative;
float:left; width:25%;margin:3.125em 0;}
.hasxiala_mid_mid p{ margin:.5em 0;
float:left; width:50%; text-align:left;}
.hasxiala_mid_mid{
margin:0 2em;}
#mid{
margin-top:6em;}
.bannerpic{
background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; width:100%;height:calc(100vh - 6em);}
.bannermask{ z-index:22; color:#fff;
position:absolute; left:0; top:0; width:100%; height:100%;}
.div1280{
margin:0 auto; padding:0 1em; max-width:80em;}
.bannermask_1{
font-size:4.5em; font-weight:bold; margin-bottom:1em;}
.a-button{background-color:#fff;display:inline-block;font-size:1.125em; cursor:pointer; border:none;line-height:1;overflow:hidden;padding:.9em 27px;position:relative;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;white-space:nowrap; max-width:205px; text-align:left;}
.a-button span{color:#fff;position:relative;z-index:10; padding-right:1em;}
.a-button:before{transform:translateX(0)}
.a-button:after,.a-button:before{background-color:#2061c2;content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.a-button:after{transform:translateX(-100%)}
.a-button:hover:not(:disabled){border-color:#b30606;color:#fff}
.a-button:hover:not(:disabled) span{ animation-delay:0s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:color-b30606-to-fff;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes color-b30606-to-fff{0%{color:#fff}49.9%{color:#2061c2}50%{color:#2061c2}to{color:#fff}}
.a-button:hover:not(:disabled):before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes translateX-hover-1{0%{transform:translateX(0);transform-origin:100% 0}to{transform:translateX(100%);transform-origin:100% 0}}
.a-button:hover:not(:disabled):after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes translateX-hover-2{0%{transform:translateX(-100%);transform-origin:0 0}to{transform:translateX(0);transform-origin:0 0}}
.a-button:disabled{opacity:.6}.a-button.tiny{font-size:.8rem;letter-spacing:0;line-height:1}
.a-button.expanded{width:100%}
.a-button.white{ background-color:#2061c2;
max-width:120px; border:1px #e3e3e3 solid; font-size:.75em; color:#666;}
.a-button.white:after,.a-button.white:before{
background-color:#fff;}
.a-button.white:hover:not(:disabled){border-color:#e3e3e3;color:#fff}
.a-button.white:hover:not(:disabled) span{animation-name:color-b30606-to-fffs;}

.a-image-hover{align-items:center;color:#fff;display:flex;font-size:.875em;height:100%;justify-content:center;left:0;letter-spacing:.3em;line-height:1;position:absolute;top:0;width:100%;z-index:10; }.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}.a-image-hover span:first-child{transition-delay:.03s}.a-image-hover span:nth-child(2){transition-delay:.06s}.a-image-hover span:nth-child(3){transition-delay:.09s}.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_2_1 ul li:hover .a-image-hover{
background-color:rgba(0,0,0,0.5)}
.index_2_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_2_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_2_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_2_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_2_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}




/*.index_2_1 ul li:hover .a-button.white:not(:disabled){border-color:#b30606;color:#fff}
.index_2_1 ul li:hover .a-button.white:not(:disabled) span{ animation-delay:0s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:color-b30606-to-fff;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
.index_2_1 ul li:hover .a-button.white:not(:disabled):before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
.index_2_1 ul li:hover .a-button.white:not(:disabled):after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
.index_2_1 ul li:hover .a-button.white:not(:disabled){border-color:#e3e3e3;color:#fff}
.index_2_1 ul li:hover .a-button.white:not(:disabled) span{animation-name:color-b30606-to-fffs;}*/
 




@keyframes color-b30606-to-fffs{0%{color:#666}49.9%{color:#fff}50%{color:#fff}to{color:#666}}
.a-button.white{
padding-left:15px;}

.a-button.white span{
color:#666;}
.a-button span:after{
content:''; position:absolute; right:0; top:50%; width:6px; height:12px; margin-top:-6px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img11.png);}
.a-button.white span:after{
background-image:url(../images/index/img6.png); width:5px; height:9px; margin-top:-4.5px;}
.index_1_mid_left{ overflow:hidden;
float:left; width:45.078125%;}
.index_1_mid_right{
float:right; width:50%; margin-top:2em;}
.index_1_mid_right_1_1{
font-size:1.5em; color:#858585;}
.index_1_mid_right_1_2{
font-size:3em; font-weight:bold}
.index_1_mid_right_2{ line-height:1.6; margin:3em 0;
font-size:1.125em; color:#231815;}
.index_1_mid_right_1{
padding-left:2.3125em; position:relative;}
.index_1_mid_right_1:after{
content:''; position:absolute; left:0; top:50%; margin-top:-2.5em; width:0.25em; height:5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img3.png);}
.index_1_mid{ margin-bottom:9.0625em;
margin-top:7.9375em;}
.index_2{ padding-bottom:6.625em;
background-color:#f3f7fa; overflow:hidden;}
.index_2_t{
padding:4.6875em 0;}
.index_2_t_1{ font-size:1.5em;
text-align:center; color:#858585;}
.index_2_t_2{ position:relative;
font-size:3em; font-weight:bold; color:#000; text-align:center; padding-bottom:.4em;}
.index_2_t_2:after{
content:''; position:absolute; width:1.395833333333333em; height:0.0833333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img4.png); left:50%; margin-left:-0.6979166666666665em; bottom:0;}
.index_2_1 ul li{ background-color:#fff;-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.1);box-shadow:18px 18px 26px rgba(0,0,0,0.1);
float:left; width:31.71875%; margin-right:2.421875%;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.index_2_1 ul li:hover{
	-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2);
}
.index_2_1 ul li:nth-child(3n){
margin-right:0;}
.index_2_1_mid_1{ position:relative;
overflow:hidden; width:100%;}
.index_2_1_mid_1 img{
width:100%;}
.index_2_1_mid_2{
padding:1.875em;}
.index_2_1_mid_2_1{
font-size:1.375em; color:#000;}
.index_2_1_mid_2_2{ min-height:8em;
color:#666; line-height:1.6;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:1em; margin-bottom:1.5em;}
.index_4{   position:relative; padding-top:7.5em; padding-bottom:16.25em; position:relative;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img7.jpg);}
.index_4 .index_2_t_2{
color:#fff;}
.index_4 .index_2_t_2:after{
background-image:url(../images/index/img12.png);}
.index_4_1{
text-align:center; color:#fff; font-size:1.125em; line-height:1.7;}
.index_4_footer{
position:absolute; left:0; bottom:-6.5em; width:100%; z-index:10;}
.index_4_footer_mid{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2);
background-color:#fff; overflow:hidden;}
.index_4_footer_mid ul li{
float:left; width:33.3333%; text-align:center;}
.index_4_footer_mid_mid{  
position:relative; padding:0 1em; height:13em;}
.index_4_footer_mid_mid:after{
content:''; position:absolute; left:0; width:1px; height:38%; top:31%; background-color:#e9e9e9;}
.index_4_footer_mid ul li:nth-child(1) .index_4_footer_mid_mid:after{
display:none}
.index_4_footer_mid_mid_1,.index_4_footer_mid_mid_2{
font-size:1.125em; color:#0e0e0e;}
.index_4_footer_mid_mid_1 span{
font-weight:bold; color:#1a4a92; font-size:2.66em; margin-right:0.2em;}
.index_4_footer_mid_mid_2{
line-height:1.6; margin-top:.1em;}
.index_5{
margin-top:6.5em; margin-bottom:6.25em;}
.index_5_1 ul li{
float:left; width:49.453125%;}
.index_5_1 ul li:nth-child(2n){
float:right;}
.index_5_1_mid{ position:relative;
overflow:hidden; width:100%;}
.index_5_1_mid img{
width:100%;}
.index_5_1_mid_mask{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; text-align:center; color:#fff;}
.m-image-link_bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
.m-image-link_bg:after,.m-image-link_bg:before{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.m-image-link_bg:before{transform:translateX(0)}
.m-image-link_bg:after{transform:translateX(-100%)}
.m-image-link:hover .m-image-link_bg:before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
.m-image-link:hover .m-image-link_bg:after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
.m-image-link{
display:block; position:relative; overflow:hidden}
.index_5_1_mid_mask_mid{
margin:0 1em;}
.index_5_1_mid_mask_mid_1{
font-size:2.25em;}
.index_5_1_mid_mask_mid_2{
font-size:.875em; margin-top:.2em;}
#footer{ overflow:hidden; border-top:4px #007ac7 solid; padding-top:6.25em; padding-bottom:6.25em;
background-color:#32393d; color:#fff;}
.footer_mid{
margin:0 5.72916666666667%;}
#footer a{
color:#fff;}
.footer_mid_left_2 ul li{
display:inline-block; padding:0 1.5em; position:relative;}
.footer_mid_left_2 ul li a{
display:inline-block; position:relative}
.footer_mid_left_2 ul li a:after{
content:''; position:absolute; left:0; bottom:-.5em;-webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; width:0; height:1px; background-color:#fff;}
.footer_mid_left_2 ul li a:hover:after{
width:100%;}		  
.footer_mid_left_2{
margin-top:1.75em; margin-bottom:1.5em;}
.footer_mid_left_2 ul li:after{
content:''; position:absolute; left:0; height:12px; width:1px; top:50%; margin-top:-6px; background-color:#616c73;}
.footer_mid_left_2 ul li:nth-child(1):after{
display:none}
.footer_mid_left_2 ul li:nth-child(1){
padding-left:0}
.footer_mid_left{
float:left;}
.footer_mid_right{
float:right; text-align:center}
.footer_mid_right_2{
margin-top:.875em;}
.indexbanner{
position:relative}
 
.mouserolldown {
    position:absolute;
    width: 32px;
    height: 67px;
	bottom:6%;
	left:50%;
	margin-left:-16px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border:1px #fff solid;
	border-radius: 32px;
	z-index:100;
}
.chevron {
border-radius: 100%;
 overflow:hidden;
    position: absolute;
    width: 4px;
    height: 4px;
	left:50%;
	margin-left:-2px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
	 
}
.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}
.chevron:before,
.chevron:after {
border-radius: 100%;
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}
.chevron:before {
    left: 0;
    
}
.chevron:after {
    right: 0;
    width: 50%;
     
}
@keyframes move {
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(50px) scale3d(0.5, 0.5, 0.5);
    }
}
 
@keyframes pulse {
    to {
        opacity: 1;
    }
}
.nybanner{
position:relative}
.pcb img{
width:100%;}
.nybanner_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; text-align:center; color:#fff;}
.nybanner_mid_1{
font-size:4.5em; font-weight:bold}
.nybanner_mid_2{
font-size:1.5em; margin-top:.1em;}
.nymenu{
position:absolute; left:0; bottom:0; width:100%; z-index:100; text-align:center;}
.nymenu_mid ul li{
float:left; width:50%;}
.nymenu_mid ul li a{ position:relative;
font-size:1.25em; color:#fff; background-color:#595959; display:block; line-height:3.85em;}
.nymenu_mid ul li a:after{-webkit-transition: all .4s ease-in-out; content:'';
          transition: all .4s ease-in-out; width:0; position:absolute; left:0; bottom:0; height:100%;background-color:#6489c0}
.nymenu_mid ul li a span{
position:relative; display:inline-block; z-index:10;}		  
.nymenu_mid ul li a.on:after,.nymenu_mid ul li a:hover:after{
width:100%;
}
.index_2_t_1_small{
font-size:1em;}
.ser_1_1{
overflow:hidden;}
.ser_1_1 img{
width:100%;}
.ser_1_2{
color:#666; line-height:1.8; margin:2.5em 0 6em 0;}
.ser_2{
background-color:#f4f6f9; overflow:hidden;}
.ser_2_1 ul li{ margin-bottom:1em;
float:left; width:49%;}
.ser_2_1 ul li:nth-child(2n){
float:right;}
.ser_2_1 ul li a{
display:block; background-color:#fff; padding:0.7em 1em;}
.ser_2_1_mid{
position:relative; padding-right:10em;}
.ser_2_1_right{
position:absolute; right:0; top:0; height:100%;}
.ser_2_1_right span{ display:inline-block; padding-right:2em; color:#1a4a92;
background-position:right center; background-repeat:no-repeat; background-image:url(../images/service/img2.png);}
.ser_2_1_left{
  color:#000;}
.ser_2_2{
text-align:center; margin-bottom:3.5625em; margin-top:3em;}
.ser_2_2 ul li{
display:inline-block; margin:0 0.1em;}
.ser_2_2 ul li a{
display:inline-block; background-color:#fff; padding:0.5em 1em; color:#666}
.ser_2_2 ul li.active span{
background-color:#0077c2; color:#fff; display:inline-block; padding:0.5em 1em;}
.ser_2_2 ul li.disabled span{
background-color:#dedede; color:#666; display:inline-block; padding:0.5em 1em;}
.nymenu_mid_about ul li{
float:left; width:33.3333%;}
.about_1_1_left{
float:left; overflow:hidden; width:48.48249027237354%;}
.about_1_1_left img{
width:100%;}
.about_1_1_right{ margin-top:1em;
float:right; width:48.715953307393%;}
.about_1_1_right_1{
color:#242424; font-size:2.25em; font-weight:bold}
.about_1_1_right_2{ margin-top:.4em;
color:#999; font-size:.875em; margin-bottom:.8em;}
.about_1_1_right_3{
color:#666; line-height:1.6; margin-top:1.15em;}
.about_1{
margin:4.75em 0;}
.about_2{
overflow:hidden; background-color:#f4f7fa;}
.about_2_1_mid{
background-color:#fff;}
.about_2_1_mid_1{
overflow:hidden; width:100%;}
.about_2_1_mid_1 img{
width:100%;}
.about_2_1_mid_2{
text-align:center; padding:1.25em 1em; color:#333;}
.about_2_1_act{
text-align:center; margin:3.625em 0;}
.swiper-container-gh_left{ cursor:pointer; margin:0 0.3em;
display:inline-block; border:1px #b1bdcd solid; width:9.625em; height:2.5em;border-radius: 2.5em;}
.swiper-container-gh_left span{ overflow:hidden;
display:inline-block; position:relative; width:2em; height:100%;}
.swiper-container-gh_right{ cursor:pointer; margin:0 0.3em;
display:inline-block; border:1px #b1bdcd solid; width:9.625em; height:2.5em;border-radius: 2.5em;}
.swiper-container-gh_right span{ overflow:hidden;
display:inline-block; position:relative; width:2em; height:100%;}
.swiper-container-gh_left span:before{-webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; 
position:absolute; content:''; left:0; top:0; width:100%; height:100%; background-position:left center; background-repeat:no-repeat; background-image:url(../images/about/img3.png);}
.swiper-container-gh_left span:after{-webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; 
position:absolute; content:''; left:0; top:0; width:100%; height:100%; background-position:left center; background-repeat:no-repeat; background-image:url(../images/about/img3on.png);transform:translateX(100%)}
.swiper-container-gh_right span:before{-webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; 
position:absolute; content:''; right:0; top:0; width:100%; height:100%; background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img4.png);}
.swiper-container-gh_right span:after{-webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; 
position:absolute; content:''; left:0; top:0; width:100%; height:100%; background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img4on.png);transform:translateX(-100%)}



.swiper-container-gh_left:hover span:before{transform:translateX(100%)}
.swiper-container-gh_left:hover span:after{transform:translateX(0%)}

.swiper-container-gh_right:hover span:before{transform:translateX(-100%)}
.swiper-container-gh_right:hover span:after{transform:translateX(0%)}


.swiper-container-gh_left:hover,.swiper-container-gh_right:hover{
background-color:#2061c2; border-color:#2061c2}
.zzmid{
overflow:hidden;}
.zzmid img{
width:100%;}
.about_3{
margin-bottom:6.875em;}
.swiper-container-gh_left2{ cursor:pointer; left:1em; top:50%; margin-top:-1.6875em;
position:absolute; z-index:10; width:3.375em; height:3.375em; background-position:center; background-size:cover; background-image:url(../images/about/img6.png);}
.swiper-container-gh_left2:hover{
background-image:url(../images/about/img9.png);}
.swiper-container-gh_right2{ cursor:pointer; right:1em; top:50%; margin-top:-1.6875em;
position:absolute; z-index:10; width:3.375em; height:3.375em; background-position:center; background-size:cover; background-image:url(../images/about/img7.png);}
.swiper-container-gh_right2:hover{
background-image:url(../images/about/img8.png);}
.zsboxshow{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:#fff;}
.zsboxshow_close{
position:fixed; z-index:999; right:1.875em; top:1.875em;}

.zsboxshow_close img{
-webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.zsboxshow_close:hover img{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}

.zsboxshow_mid{
margin:0 auto; max-width:640px; position:relative; height:100%;  }
.zsboxshow_mid_mid{
position:relative; height:100%; padding:0 2.75em;}
.swiper-container-box_left{
position:absolute; left:0; width:1.75em; height:3.125em; margin-top:-1.5625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img11.png); cursor:pointer; z-index:10; top:50%;}
.swiper-container-box_right{
position:absolute; right:0; width:1.75em; height:3.125em; margin-top:-1.5625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img12.png); cursor:pointer; z-index:10; top:50%;}
.zsboxshow_mid .swiper-container {
      width: 100%;
      height: 100%;
    }

.zsboxshow_mid .swiper-slide {
      

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.zsboxshow_mid_mid_mid{
text-align:center;}
.zsboxshow_mid_mid_mid_2{
font-size:1.5em; color:#000; margin-top:1em;}
.index_2_1_mid_2_t{
color:#1a4a92; margin-bottom:.2em;}
.about_news_1 .index_2_1 ul li{
margin-bottom:2.5em;}
.about_news_info_1 img{
width:100%;}
.about_news_info_2{ color:#111;
border-bottom:1px #f3efef solid; padding:1.1em 0;}
.about_news_info_2 a{
color:#111;}
.about_news_info_2 span,.about_news_info_2 a:hover{
color:#114695;}
.about_news_info_3_1{ margin-top:2.291666666666667em; margin-bottom:1em;
text-align:center; color:#114695; font-size:1.5em;}
.about_news_info_3_2{
text-align:center; font-size:.875em; color:#666;}
.about_news_info_3_3{  
color:#666; line-height:1.6; padding:3em 0;}
.about_news_info_3_4{ overflow:hidden;
border:1px #f3efef solid; margin-bottom:6.875em;}
.about_news_info_3_4_mid{ overflow:hidden;
position:relative; padding:1em;}
.about_news_info_3_4_mid_left{
float:left; width:50%;}
.about_news_info_3_4_mid_right{
float:right; width:50%; text-align:right;}
.about_news_info_3_4_mid_mid{ z-index:10; text-align:center;
width:102px; height:20.8px; position:absolute; left:50%; margin-left:-51px; top:50%; margin-top:-10.4px;}
.about_news_info_3_4_mid_mid a{ z-index:10; color:#666;
display:block; position:relative; height:100%;}
.about_news_info_3_4_mid_mid a:after{
content:''; position:absolute; left:0; top:0; height:100%; width:14px; background-position:center; background-repeat:no-repeat; background-image:url(../images/about/img14.png);}
.about_news_info_3_4_mid_mid a:before{
content:''; position:absolute; right:0; top:0; height:100%; width:14px; background-position:center; background-repeat:no-repeat; background-image:url(../images/about/img15.png);}
.about_news_info_3_4_mid a{
color:#666;}
.about_news_info_3_4_mid a:hover{
color:#2061c2}
.about_news_info_3_4_mid_left_mid{
padding-right:102px;}
.about_news_info_3_4_mid_right .about_news_info_3_4_mid_left_mid{
padding-right:0; padding-left:102px;}
.about_re_1{
overflow:hidden;}
.about_re_1 img{
width:100%;}
.about_re_2 ul li{
display:block; clear:both; background-color:#f1f4f7; padding:3em 0; margin-bottom:1.25em; overflow:hidden}
.about_re_2_mid{
position:relative; padding-left:15.5em;}
.about_re_2_mid_left{
position:absolute; left:0; top:20%; width:15.5em;}
.about_re_2_mid_left_mid{
text-align:center; padding:0 1em;}
.about_re_2_mid_left_mid span{
font-size:1.25em; color:#1b1b1b}
.about_re_2_mid_right{ padding-right:1em;
color:#666; line-height:1.5; padding-left:3.5em; border-left:1px #d5d8de solid;}
.about_re_2_mid_right strong{
color:#1b1b1b; font-size:1.125em; font-weight:normal; padding-bottom:.3em; display:inline-block;}
.about_re_2{
margin-top:2.25em;}
.about_re_2 ul li:hover{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2);}
#map{
height:37.8125em; margin-bottom:5em;}
.contact_2_mid{
position:relative;}
.contact_2_mid_mid{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2);
position:absolute; left:6%; height:80%; top:10%; max-width:27.1875em; background-color:#fff; z-index:10;}
.contact_2_mid_mid_1{
overflow:hidden;}
.contact_2_mid_mid_1 img{
width:100%;}
.contact_2_mid_mid_2{
padding:2.5em;}
.contact_2_mid_mid_2_1{
font-size:1.25em;}
.contact_2_mid_mid_2_2{
color:#6b6b6b; line-height:1.5; margin-top:1em;}
.contact_2_mid_mid_2_2 a{
color:#6b6b6b;}
.contact_2_mid_mid_2_2 a:hover{
color:#6489c0}
.contact_3{ padding-bottom:5.875em;
background-color:#f4f6f9; overflow:hidden;}
.contact_3_mid ul li{ margin-bottom:1.6875em;
background-color:#fff; margin-right:1.32295719844358%;
float:left; width:32.45136186770428%;}
.contact_3_mid ul li:nth-child(3),.contact_3_mid ul li:last-child{
margin-right:0;}
.contact_3_mid_mid input{
border:none; background:none; width:100%;}
.contact_3_mid_mid{
padding:.85em 1em;}
.contact_3_mid ul li:last-child{
width:100%;}
.contact_3_mid_mid textarea{
border:none; background:none; width:100%; height:16em;}
#addform .a-button{
max-width:none; width:100%; text-align:center; padding-left:0; padding-right:0; padding-top:1.3em; padding-bottom:1.3em;}
#addform .a-button span{
padding-right:0; background-image:none} 
#addform .a-button span:after{
display:none}
.pro_1{
margin-bottom:4.875em; position:relative;}
/***********产品*********/
.cp_cir{
cursor:pointer;
background-color:#2d29c4;  
	 width:14px; 
	 height:14px;
	  
	 border-radius:10px;
	 position:absolute; 
	  
	 text-align:center; 
	 line-height:14px; 
	 color:#fff;
	 
	  
	 font-size:18px;
}
.cp_cir.on{
z-index:888;}
.chanpin_1{
left:8.59375%; top:27.30030333670374%;}
.chanpin_2{
left:9.375%; top:30.94034378159757%;}
.chanpin_3{
left:10.78125%; top:32.35591506572295%;}
.chanpin_4{
left:8.2%; top:46.8149646107179%;}
.chanpin_5{
left:13.59375%; top:68.55409504550051%;}
.chanpin_6{
left:20.278125%; top:79.474216380182%;}
.chanpin_7{
left:13.125%; top:79.474216380182%;}
.chanpin_8{
left:66.796875%; top:85.2376137512639%;}
.chanpin_9{
left:83.046875%; top:82.10313447927199%;}
.chanpin_10{
right:11.5625%; top:44.79271991911021%;}
.chanpin_11{
right:12.65%; top:48.9%;}
.chanpin_12{
right:15.9375%; top:49.8%;}
.chanpin_13{
right:35.15625%; top:24.77249747219414%;}
.chanpin_14{
right:35.46875%; top:28.10920121334681%;}
.chanpin_15{
right:36.484375%; top:29.72699696663296%;}
.chanpin_16{
right:26.875%; top:17.59352881698686%;}
.chanpin_17{
right:58.671875%; top:12.94236602628918%;}
.chanpin_18{
right:58.671875%; top:16.38018200202224%;}
.chanpin_19{
right:57.96875%; top:17.89686552072801%;}
.chanpin_20{
left:12.96875%; top:33.05785123966942%;}
.chanpin_21{
left:31.796875%; top:31.64108618654073%;}
.chanpin_22{
right:23.28125%; top:12.98701298701299%;}
.chanpin_23{
right:18.671875%; top:35.18299881936246%;}
.chanpin_24{
right:12.678125%; top:58.3%;}
.chanpin_25{
right:8.28125%; top:80.87367178276269%;}
.chanpin_26{
left:31.5625%; top:11.6751269035533%;}
.chanpin_27{
left:26.796875%; top:36.95431472081218%;}
.chanpin_28{
left:16.171875%; top:55.22842639593909%;}
.chanpin_29{
right:35.078125%; top:13.4010152284264%;}
.chanpin_30{
right:41.3%; top:32.69340101522843%;}
.chanpin_31{
right:39.6875%; top:52.08121827411168%;}
.chanpin_32{
right:36.09375%; top:57.25888324873096%;}
.chanpin_33{
right:22.421875%; top:64.5746192893401%;}

.hid{
	display:none;
	}	
.zhishi{
	
	 width:0px;
	 height:0px;
	 border-top:8px solid #000;
	 border-bottom:8px solid #fff;
	 border-left:8px solid #33F;
	 border-right:8px solid #93F;
	 border-top-color:rgba(255,255,255,0);
	 border-left-color:rgba(255,255,255,0);
	 border-right-color:rgba(255,255,255,0);
	 position:absolute;
	 top:-16px;
	 left:20px;
	}
.cptitle{
	 
    padding:10px 1em;
	height:30px;
	line-height:30px;
	margin:0px auto;
	border-bottom:1px solid #dedede;
	color:#1a4a92;
	}
.cpshow{
	 
	 
	margin:1em 1em 0 1em;  
	 
	position:relative;
	}
.cpimg{
	width:49%;
	float:left;
	padding-top:0px; margin-right:1em;
	border:1px solid #dedede;
	}
.cpimg:hover{
		  box-shadow:#000 1px 2px 6px;
	  
	}
.cpimg img{
	  width:99%;	
	}
.cp{
	  width:500px;
	  
	  background:#fff;
	  padding-bottom:1em;
	  color:#444;
	  box-shadow:#000 1px 2px 6px;
	  position:relative;
	  top:8px;
	  left:-20px;
	}
.cptxt{ text-align:left;   overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#666; line-height:1.6; font-size:.75em; font-weight:normal}
.ckxx{
font-size:.75em; color:#666; font-weight:normal}
.ckxx_more{
text-align:right; margin-top:1em;}

.chanpin_8 .cp{
right:250px; left:auto;}
.chanpin_8 .zhishi{
right:235px; left:auto;}

.chanpin_9 .cp{
right:350px; left:auto;}
.chanpin_9 .zhishi{
right:135px; left:auto;}

.chanpin_10 .cp{
right:350px; left:auto;}
.chanpin_10 .zhishi{
right:135px; left:auto;}

.chanpin_11 .cp{
right:350px; left:auto;}
.chanpin_11 .zhishi{
right:135px; left:auto;}

.chanpin_12 .cp{
right:350px; left:auto;}
.chanpin_12 .zhishi{
right:135px; left:auto;}

.chanpin_16 .cp{
left:-150px;}
.chanpin_16 .zhishi{
left:150px;}


.chanpin_22 .cp{
right:350px; left:auto;}
.chanpin_22 .zhishi{
right:135px; left:auto;}

.chanpin_23 .cp{
right:350px; left:auto;}
.chanpin_23 .zhishi{
right:135px; left:auto;}

.chanpin_24 .cp{
right:350px; left:auto;}
.chanpin_24 .zhishi{
right:135px; left:auto;}

.chanpin_25 .cp{
right:400px; left:auto;}
.chanpin_25 .zhishi{
right:85px; left:auto;}

.chanpin_33 .cp{
right:350px; left:auto;}
.chanpin_33 .zhishi{
right:135px; left:auto;}
.pro_info_1_left{
float:left; width:50%; overflow:hidden}
.pro_info_1_left img{
width:100%;}
.pro_info_1_right{
float:right; width:45.3125%; margin-top:3em;}
.pro_info_1_right_1 span{ padding-bottom:.75em;
display:inline-block; position:relative; font-size:2.25em; color:#141414;}
.pro_info_1_right_1 span:after{
content:''; position:absolute; left:0; bottom:0; width:50%; height:0.1111111111111111em; background-color:#114695;}
.pro_info_1_right_2{
color:#666; line-height:2; margin-top:2em;}
.pro_info_1{
margin:5em 0;}
.pro_info_2{
background-color:#eceff2;}
.pro_info_2 ul li{
display:inline-block; border-left:2px #fff solid;}
.pro_info_2 ul li a{
display:inline-block; background-color:#eceff2; color:#5c5c5c; line-height:2.375em; text-align:center; padding:0 2.5em;}
.pro_info_2 ul li a.on,.pro_info_2 ul li a:hover{
color:#fff; background-color:#114695;}
.pro_info_3{
color:#5c5c5c; line-height:2; margin:2.5em 0;}
.index_2_1_mid_1_t{
position:absolute; right:0; top:0; z-index:1; background-color:#1a4a92; display:inline-block; text-align:center; color:#fff; padding:.5em 0.65em;}
.index_2_1_mid_1_t_2{
font-size:.75em; color:#b2c3dc;}
.index_2_1_mid_1_t_1{
font-size:2.375em; line-height:1;}
.header_mid_mid ul li a.biga:before{
position:absolute; left:50%; bottom:0; -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; content:''; background-color:#2061c2; height:2px; width:0%;}
.header_mid_mid ul li a.bigaon{
color:#2061c2}		  
.header_mid_mid ul li a.biga:hover:before,.header_mid_mid ul li a.bigaon:before{
width:100%; left:0;}


.bodyon .header_mid_mid ul li a.biga{
line-height:4.5em;}
.bodyon #header{
height:4.5em;-webkit-box-shadow:10px 10px 18px rgba(0,0,0,0.2);box-shadow:10px 10px 18px rgba(0,0,0,0.2);}
.mobilepro{
display:none}
@media screen and (max-width:1200px) {

div::-webkit-scrollbar-track-piece { background-color: #dedede; border-left: 1px solid rgba(0, 0, 0, 0); } 
div::-webkit-scrollbar { width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
div::-webkit-scrollbar-thumb { background-color: #0264a3; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 5px; } 

.pro_info_1_right_1 span{
font-size:1.875em;}
.pro_info_1_right_2{
font-size:.875em;}
.pro_1{
display:none}
.mobilepro_mid{overflow:hidden; width:100%; overflow-x:auto;}
.mobilepro{
display:block; }
.cp{
display:none}
.mobilepro ul{
width:1400px;}
.mobilepro  ul li{
float:left;   margin-left:1%;}
.mobilepro  ul li img{
height:320px;}
.mobilepro  ul li .pro_1{
display:block}
.mobilepro .index_2_1 ul li:nth-child(1){
margin-left:0;}
.index_2_1_mid_2_t{
font-size:.875em;}
.about_1_1_right_1{
font-size:2em;}
.about_1_1_right_3{
font-size:.875em;}
.nymenu_mid ul li a{
font-size:1em;}
.nybanner_mid_1{
font-size:2.5em;}
.nybanner_mid_2{
font-size:1em;}
.index_5_1_mid_mask_mid_1{
font-size:1.5em;}
.index_5_1_mid_mask_mid_2{
font-size:.875em;}
.index_4{
padding-bottom:10em; padding-top:5.5em;}
.index_4_footer{
bottom:-4em;}
.index_4_footer_mid_mid{
height:8em;}
.index_4_footer_mid_mid_1 span{
font-size:2em;}
.index_4_1,.index_4_footer_mid_mid_2,.index_4_footer_mid_mid_1{
font-size:.875em;}
.index_2_1_mid_1_t_1{
font-size:1.875em;}
.index_2_1_mid_2_2{
font-size:.875em;}
.index_2_1_mid_2_1{
font-size:1em;}
.header_mobile_mid{
display:block}
.header_mid_right,.header_mid_mid{
display:none}
.header_mid,#header{
height:4.5em;}
#mid{
margin-top:4.5em;}
#header{
-webkit-box-shadow:10px 10px 18px rgba(0,0,0,0.2);box-shadow:10px 10px 18px rgba(0,0,0,0.2);}
.header_mid_left{
width:auto;}
.index_1 .o-about_body_button,.indexbanner .o-about_body_button{
font-size:.75em;}
.a-button{
max-width:150px;}
.bannermask_1{
font-size:3.5em;}
.mouserolldown{transform: scale(.8, .8); bottom:3%;}
.index_1_mid_right_2{
font-size:.875em;}
.index_1_mid_right_1{
font-size:.75em;}
.index_1_mid{
margin:6em 0;}
.index_2_t_1{
font-size:.875em;}
.index_2_t_2{
font-size:2.5em;}
.index_2_t{
padding:2.5em 0;}
}
@media screen and (max-width:1024px) {
	 .swiper-container-gh_left,.swiper-container-gh_right{
	 font-size:.75em;}
	.about_1_1_left{
	float:none; width:100%;}
	.about_1_1_right{
	float:none; width:100%; margin-top:1.5em;}
}
@media screen and (max-width:950px) {
.index_2_1_mid_2{
padding:1em;}
}
@media screen and (max-width:900px) {
	.swiper-container-gh_left2,.swiper-container-gh_right2{
	font-size:.75em;}
	#footer{
	padding:2.5em 0;}
	.footer_mid_right{
	display:none}
	.footer_mid_left{
	float:none; text-align:center}
	.footer_mid_left{
	font-size:.875em;}
}

.a-plus{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}
.a-plus:after,.a-plus:before{border-bottom:1px solid #000;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:50% 50%;width:20px}
.a-plus:after{transform:rotate(90deg);transition:all .5s cubic-bezier(.4,.8,.74,1) 0s}
.a-plus:after,.a-plus:before{border-color:#878787}
.mobile_nav{ display:none}
.mobile_nav_mid_cate{
position:relative; padding:1em 0; border-bottom:1px #dedede solid;}
.mobile_nav_mid_cate .index_3_mid_right_1_right_1_right{
position:absolute; right:0; height:100%; top:0;}

.mobile_nav_mid_cate .a-plus,.mobile_nav_mid_cate .a-plus:after,.mobile_nav_mid_cate .a-plus:before{
width:14px;}
.mobile_nav ul li{
border-bottom:1px #dedede solid; padding:1em;}
.mobilenavlist a{
display:block}
.mobilenavlist{
display:none}
.mobile_nav_mid.on .a-plus:after,.mobile_nav_mid.on .a-plus:after{transform:rotate(0deg)}
@media screen and (max-width:850px) {
	.pro_info_1{
	margin:2.5em 0;}
	.pro_info_1_right_1 span{
	font-size:1.5em;}
	.pro_info_1_right{
	margin-top:1.5em;}
}
@media screen and (max-width:768px) {
	.mobilepro ul li .pro_1{
	margin-bottom:2em;}
	.mobilepro ul{
width:2102px;}
.mobilepro{
margin-bottom:2em;}
.mobilepro  ul li{
margin-left:1em;} 
.mobilepro  ul li img{
height:500px;}


	.pro_info_3{
	font-size:.875em;}
	.pro_info_1_left,.pro_info_1_right{
	width:100%; float:none;}
	#map{
	height:25em;}
	.contact_2_mid_mid{
	position:relative; margin:0 auto; left:auto; margin-bottom:2em;}
#addform .a-button{
padding-top:1em; padding-bottom:1em;}
.contact_3_mid ul li{
width:100%; margin-right:0; margin-bottom:1em;}
	.ser_2_1 ul li{
	width:100%;}
	.about_re_2_mid_left_mid span{
	font-size:1em;}
	.about_re_2_mid_right{
	font-size:.875em;}
	.about_news_info_3_4{
	margin-bottom:2.5em;}
	.about_news_info_3_4_mid_right .about_news_info_3_4_mid_left_mid{
	padding-left:0; text-align:left;}
	.about_news_info_3_4_mid_left_mid{
	padding-right:0}
	.about_news_info_3_4_mid_left,.about_news_info_3_4_mid_right{
	float:none; width:auto; margin-bottom:0.5em;}
	.about_news_info_3_4_mid_mid{
	position:relative; margin-top:1em; text-align:center}
	.about_news_info_3_3{
	font-size:.875em;}
	.about_news_info_3_1{
	font-size:1.125em;}
	.about_news_1 .index_2_1 ul li{
	width:49%; margin-right:0}
	.about_news_1 .index_2_1 ul li:nth-child(2n){
	float:right}
	.about_3{
	margin-bottom:2.5em}
	.zsboxshow_mid_mid_mid_2{
	font-size:1em;}
	.zsboxshow_close img{
	width:2em;}
	.swiper-container-box_left,.swiper-container-box_right{
	font-size:.5em;}
	 .about_2_1_act{
	 margin:2em 0;}
	.about_2_1_mid_2{
	font-size:1em;}
	.about_1_1_right_1{
	font-size:1.875em;}
	.nymenu{
	display:none}
	.mobile_nav{
	display:block}
	.nybanner_mid_1{
	font-size:1.875em;}
	.nybanner_mid_2{
	font-size:.875em;}
	.index_5_1_mid_mask_mid_1{
	font-size:1.375em;}
	.index_4{
	padding-top:3em;}
	.index_4_footer_mid_mid_1 span{
	font-size:1.875em;}
	.index_2_1_mid_1_t_1{
	font-size:1.5em;}
	.index_2_t_2{
	font-size:1.875em;}
	.bannermask_1{
	font-size:2.5em;}
	.index_1_mid_right_1{
	font-size:.6em;}
	.index_1_mid_right_2{
	margin-top:2em; margin-bottom:2em;}
	.index_1_mid{
	margin:4em 0;}
	.index_1_mid_right{
	margin-top:1em;}
}
@media screen and (max-width:640px) {
 
.about_re_2 ul li{
padding:2em 0;}
.about_re_2_mid_right{
border:none}
.about_re_2_mid_right{
padding-left:1em;}
.about_re_2_mid{
padding-left:0;}
.about_re_2_mid_left{
position:relative; width:auto; font-weight:bold; padding-bottom:.5em;}
.about_1{
margin:2.5em 0;}
.about_1_1_right_1{
font-size:1.5em;}
.about_1_1_right_2{
font-size:.75em;}
.about_1_1_right_2_line img{
width:50px;}
#footer{
padding:2em 0;}
.footer_mid_left_3{
line-height:1.8; margin-top:1.5em;}
.footer_mid_left_2{
display:none}
.index_2{
padding-bottom:2.5em;}
.index_2 .index_2_1 ul li{
width:100%; margin-right:0; margin-bottom:1em;}
.index_1_mid_left{
float:none; width:auto}
.index_1_mid_left img{
width:100%;}
.index_1_mid_right{
float:none; width:auto; margin-top:2em;}
.index_1_mid_right_1{
font-size:.5em;}
}
.footer_mid_left_3 span{
display:inline-block; margin-right:1em;}
@media screen and (max-width:480px) {
.pro_info_2 ul li a{
padding-left:0; padding-right:0; width:100%; display:block}
#showinfo{
clear:both; width:100%; overflow:hidden}
.pro_info_2 ul li{
float:left; width:50%; border:none;}
.pro_info_1_right_1 span{
font-size:1.25em;}
 
#map{
height:20em;}
.contact_2_mid_mid_2_1{
font-size:1.125em;}
.contact_2_mid_mid_2_2{
font-size:.875em;}
.contact_2_mid_mid_2{
padding:1.5em;}
.ser_2_1_mid{
padding-right:30px;}
.ser_2_1_right span{
text-indent:-999em; padding-right:15px;}
.about_news_info_3_4_mid{
font-size:.875em;}
.pagination{
font-size:.75em;}
.about_news_1 .index_2_1 ul li{
width:100%; margin-bottom:2em;}
.mobilemenu{height:calc(100vh - 60px); }
.mobilemenuon{
top:60px;}
#mid{
margin-top:3.75em;}
.nybanner_mid_1{
font-size:1.5em;}
.nybanner_mid_2{
font-size:.75em;}
.about_1_1_right_1{
font-size:1.25em;}
.footer_mid_left_3 span{
display:block;   float:left; text-align:center; width:100%; margin:0;}
.index_5_1_mid_mask_mid_1{
font-size:1em;}
.index_5_1_mid_mask_mid_2{
font-size:.75em;}
.index_5{
margin-top:4em; margin-bottom:2.5em;}
.index_4{
padding-top:2em;}
.index_4_footer_mid_mid_1 span{
font-size:1.75em;}
.index_4_footer_mid_mid_2,.index_4_footer_mid_mid_1{
font-size:.75em;}
.index_2_t{
padding:2em 0;}
.index_2_t_2{
font-size:1.25em;}
.index_1_mid{
margin:2.5em 0;}
.index_1 .a-button{
max-width:100%; text-align:center}
.index_1_mid_right_1{
font-size:.4em;}
.header_mid,#header{
height:3.75em;}
#mid{
margin-top:3.75em;}
.bodyon .header_mid_mid ul li a.biga{
line-height:3.75em;}
.bodyon #header{
height:3.75em;-webkit-box-shadow:10px 10px 18px rgba(0,0,0,0.2);box-shadow:10px 10px 18px rgba(0,0,0,0.2);}
.bannermask_1{
font-size:2em;}
.mouserolldown{transform: scale(.7, .7); bottom:3%;}
}
@media screen and (max-width:320px) {
.index_5_1 ul li{
width:100%;}
.index_5_1 ul li:nth-child(1){
margin-bottom:1em;}
}
@media screen and (max-width:380px) {
.index_4_footer_mid ul li{
 width:50%;}
 .index_4_footer_mid ul li:nth-child(3){
 width:100%;}
 .index_4_footer_mid ul li:nth-child(3) .index_4_footer_mid_mid:after{
  width:100%; height:1px; top:0; bottom:auto;} 
.index_4_footer{
 }
.index_4_footer_mid_mid{
height:auto; padding:1em;}
}
@media screen and (min-width:1200px) {
.showzs{ display:block;
position:relative; height:430px;}
.showzs .zzmid{transform:translate(0%, -50%); position:absolute; left:0%; width:100%; top:50%; max-height:100%;}
}