/* 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;
} 
 

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;*/}
@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:3.125em 0;
position:fixed; left:0; top:0; width:100%; z-index:999;}
.headermid{
position:relative; margin:0 4%;}
.headermid_left img:nth-child(2){
display:none}
.headermid_right{
position:absolute; right:0; top:50%; z-index:10;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); }
.headermid_right ul li{ margin-right:3.125em;
float:left; position:relative}
.headermid_right ul li dl{-webkit-transform: translate(-50%, 10%);  
    transform: translate(-50%, 10%); left:50%; padding-top:1.5em;
position:absolute;  width:600px;  visibility:hidden; opacity:0;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

 }

.headermid_right ul li:last-child dl{-webkit-transform: translate(-0%, 10%);  
    transform: translate(-0%, 10%); left:auto; right:0; padding-top:1.5em;
position:absolute;  width:600px;  visibility:hidden; opacity:0;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

 } 
 
.headermid_right ul li:hover dl{
opacity:1; visibility:visible; -webkit-transform: translate(-50%, -0%);  
    transform: translate(-50%, -0%);
} 
.headermid_right ul li:last-child:hover dl{
opacity:1; visibility:visible; -webkit-transform: translate(-0%, -0%);  
    transform: translate(-0%, -0%);
} 

.smid{border-radius:1em; overflow:hidden;
position:relative;background-color:#fff; min-height:240px;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);}
.smid_left{
position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; width:52.33333333333333%;}
.smid_right{
margin-left:52.33333333333333%}
.smid_right_mid{
padding:1.875em; }
.smid_right_mid_1{
font-size:1.25em;padding-bottom:.5em;}
.smid_right_mid_2 p a{
color:#161616;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.smid_right_mid_2 p{
margin-top:.6em;}
.smid_right_mid_2 p a:hover{
color:#1abcb4;}


.headermid_right ul li a.biga{
font-size:1.125em; color:#fff;}	
.headermid_right_search{
position:absolute; top:50%;z-index:20;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); right:0 }
.headermid_right_search a{ width:1em; height:1em;
display:block; background-image:url(../images/header/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;}	
#header.cur{
background-color:#fff; padding:1.25em 0;}
#header.cur .headermid_left img:nth-child(2){
display:inline-block}
#header.cur .headermid_left img:nth-child(1){
display:none}
#header.cur .headermid_right ul li a.biga{
color:#000;}
#header.cur .headermid_right_search a{
background-image:url(../images/header/img1b.png);}
/*************index***************/
.indexbanner_jj{
position:absolute; left:0; width:100%; text-align:center; color:#fff; z-index:10; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.indexbanner_jj_1{
font-size:3.75em; font-weight:bold; margin-bottom:10px; letter-spacing:.1em;}
.indexsan{
position:absolute; left:0; bottom:0; z-index:5; width:50.36458333333333%;}
.indexsan img{
-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,1) 100%);
 mask-repeat:no-repeat;
 mask-position:right top;
 mask-size:0 0;
 animation:lightFn 1.2s ease;
 animation-delay:1s;
 animation-fill-mode:both;}

.indexbanner_jj_2{
font-size:1.1875em;}	
.indexbannerimg{
position:relative; height:100vh; overflow:hidden;}
.indexbannerimg_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.index_1{ padding-top:7.25em;
background-image:url(../images/index/img6.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.index_1_right{
margin-left:47.70833333333333%;}
.index_1_right.animated img{
width:100%;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,1) 100%);
 mask-repeat:no-repeat;
 mask-position:left top;
 mask-size:0 0;
 animation:lightFn 1.2s ease;
 animation-delay:.5s;
 animation-fill-mode:both;}


@keyframes lightFn {
 0% {
  mask-size:0 0
 }
 100% {
  mask-size:100% 100%
 }
}
@keyframes lightFn_2 {
 0% {
  mask-size:0 0
 }
 100% {
  mask-size:100% 100%
 }
}

.index_1_mid{
position:relative;}
.index_1_left{;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:39.0625%;
position:absolute; left:8.07291666666667%; top:50%;}
.index_1_left_1 img{
max-width:25.88541666666667vw;}
.index_1_left_2{
font-size:2.25em; margin-top:1.6em; margin-bottom:.5em;}
.index_1_left_3{
font-size:1.125em; line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:2.5em;}
.mo1{ line-height:1;
display:inline-block; position:relative; font-size:1.125em;font-family: 'poppinsmedium'; }
.mo1:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:5.888888888888889em; height:3px; background-image:url(../images/index/img16.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.mo1:hover:after{
left:.5em;}
.index_2{
background-image:url(../images/index/img8.jpg); position:relative; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_2_bg{ width:46.97916666666667%;
position:absolute; left:12.34375%; bottom:0;}
.index_2_bg.animated img{
width:100%;-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,0) 100%);
 mask-repeat:no-repeat;
 mask-position:left top;
 mask-size:0 0;
 animation:lightFn 1.2s ease;
 animation-delay:.5s;
 animation-fill-mode:both;}
.mo1.mo1_w{
color:#fff}
.index_2_mid{
position:absolute; top:50%; color:#fff; left:8.07291666666667%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.index_1_left_2_small{
margin-bottom:1em; margin-top:.875em;}
.index_2_mid_1 img{
max-width:17vw;}
.index_3{ text-align:center; padding-top:7.75em; padding-bottom:7.75em;
overflow:hidden; position:relative; background-color:#eff3f8;}
.index_3_left{
position:absolute; left:0; bottom:0; width:23.33333333333333%;}
.index_3_left img{
width:100%;}
.index_3_right{
position:absolute; right:0; top:0; width:21.97916666666667%;}
.index_3_right img{
width:100%;}
.index_3_1 img{
max-width:31.35416666666667vw;}
.index_3_2{
margin-bottom:2em;}
.index_3_3 .swiper-slide{
width:50%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}


 
.index_3_3_mid{ position:relative;
  border-radius:1em; height:37.1875em; overflow:hidden;  }
.index_3_3_mid:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff;}

.index_3_3 .swiper-slide .index_3_3_mid{
margin:0 12px;}
.index_3_3_left{ position:absolute;
cursor:pointer; left:1em; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); width:2.8125em; height:2.8125em;  z-index:10;}
.index_3_3_left:before{
content:''; position:absolute; left:0; top:0; width:100%; height:100%;background-image:url(../images/index/img18.png); background-position:center; background-size:cover;}	
.index_3_3_left:after{ opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%;background-image:url(../images/index/img21.png); background-position:center; background-size:cover;}	
.index_3_3_right{ position:absolute;
cursor:pointer; right:1em; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); width:2.8125em; height:2.8125em;  z-index:10;}
.index_3_3_right:before{background-image:url(../images/index/img19.png); background-position:center; background-size:cover;
content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.index_3_3_right:after{background-image:url(../images/index/img20.png); background-position:center; background-size:cover;
content:''; position:absolute; left:0; top:0; width:100%; height:100%;opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_3_3_left:hover:after{ opacity:1}
.index_3_3_right:hover:after{ opacity:1}	
.index_3_3_mid_jj{-webkit-transform: translate(-0%, -50%); z-index:1; 
    transform: translate(-0%, -50%);
position:absolute; left:0; width:100%; top:50%;}
.index_3_3_mid_jj_1 img{
max-height:12.5em; max-width:56%;}
.index_3_3_mid_jj_2{ margin-bottom:.5em;
font-size:1.125em; color:#666; margin-top:2em;}
.index_3_3_mid_jj_3{
font-size:1.875em; margin-bottom:.65em;}

.index_3_3_mid_jj_4{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; position:relative;
font-size:1.125em; line-height:2; color:#0a0a0a; margin-bottom:1.5em; margin-left:1em; margin-right:1em;}
.mo2{ position:relative;
display:block; margin:0 auto; width:9.75em; height:2.5em; line-height:2.5em; border-radius:2.5em; color:#fff; background-image:url(../images/index/img12.png); background-position:center; background-repeat:no-repeat; background-size:cover;font-family: 'Poppins'; }
.index_3_3_mid_jj_2{font-family: 'Poppins'; font-weight:bold }
.mo2 span{ padding-right:1.75em;
position:relative; display:inline-block;}
.mo2 span:after{-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);
content:''; position:absolute; right:0; top:50%; height:1px; width:1.25em; background-color:#fff;}
.index_3_3_mid_jj_5{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
height:0; overflow:hidden;opacity:0}
.index_3_3 .swiper-slide-active:hover .index_3_3_mid .index_3_3_mid_jj_5{
height:2.5em;opacity:1}
.index_4{
background-image:url(../images/index/img22.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_4_1,.index_4_2{
text-align:center}
.index_4_3 ul li{
float:left; width:32%; margin-right:2%;}
.index_4_3 ul li:nth-child(3n){
margin-right:0}
.index_4_3_1{
position:relative; overflow:hidden; border-radius:1em;}
.index_4_3_1 img{
width:100%;}
.index_4_3_1_time{ border-radius:0 0 1em 0;font-family: 'poppinsmedium'; z-index:10;
position:absolute; left:0; top:0; width:6.25em; height:6.25em; background-image:url(../images/index/img13.png); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; text-align:center;}
.index_4_3_1_time_1{
font-size:3em; line-height:1;}
.index_4_3_1_time_2{
font-size:.875em; letter-spacing:1px;}
.index_4_3_2{ margin-top:1.375em; margin-bottom:.5em;
font-size:1.875em; text-align:left}
.index_4_3_3{
text-align:left; font-size:1.125em; 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:1.35em;}
.index_4_3_4{
text-align:left}
.mo3{ font-family: 'Poppins'; color:#00b99c;
display:inline-block; position:relative; font-size:1.125em;}
.mo3 span{ position:relative; display:inline-block;
padding-right:1.444444444444444em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.mo3 span:after{-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); background-color:#00b99c;
content:''; position:absolute; right:0; top:50%; height:1px; width:1em;}
a:hover .mo3 span{
padding-right:1.8em;}

.index_3_3_mid_jj_zhai{
width:50%; z-index:10;}
.index_3_3_mid_jj_kuan{
opacity:0;}
.index_3_3 .swiper-slide-active .index_3_3_mid_jj_kuan{
opacity:1;}
.index_3_3 .swiper-slide-active .index_3_3_mid_jj_zhai{
opacity:0;}
.index_3_3 .swiper-slide-prev .index_3_3_mid_jj_zhai{
left:50%;}

.index_3_3 .swiper-slide-prev .index_3_3_mid:after{
left:50%; width:50%;}
.index_3_3 .swiper-slide-next .index_3_3_mid:after{
  width:50%;}



.mdown{animation:up 2s ease-in infinite;-moz-animation:up 2s ease-in infinite;
　　　-webkit-animation:up 2s ease-in infinite;
position:absolute; left:0; bottom:2.5em; width:100%; z-index:10;}
.mdown div{
margin:0 auto; width:1.9375em; height:2.875em; background-image:url(../images/index/img26.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
@keyframes up{
    0%{transform:translateY(0);opacity:1}
    50%{transform:translateY(20px);opacity:1}
    100%{transform:translateY(0px);opacity:1}
}
@-webkit-keyframes up{
    0%{-webkit-transform:translateY(0);opacity:1}
    50%{-webkit-transform:translateY(20px);opacity:1}
    100%{-webkit-transform:translateY(0px);opacity:1}
}
.index_4_1 img{
max-width:23.95833333333333vw;}
.fixed-content {
  position: -webkit-sticky; /* 针对Safari浏览器的兼容性 */
  position: sticky;
  top: 0px; /* 当向下滚动超过100px时固定内容 */
  width:100%; height:100vh; background-image:url(../images/index/img8.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;
  
   
}
.scrollable-content { margin-left:42.34375%;
    position:relative; z-index:100;width:48.69791666666667%;  
}
.scrollable-content ul li:last-child {
 margin-bottom:16.5625vw;  }
.scrollable-content ul li{ margin-top:16.5625vw; 
float:left; position:relative; width:45.21276595744681%;}
.scrollable-content ul li:nth-child(1){
margin-top:0}
.scrollable-content ul li:nth-child(2n){
float:right;} 
.ismidimg{ position:relative;
overflow:hidden; border-radius:1em;}
.ismidimg img{height: calc( 100% + 100px );
object-fit: cover;
width:100%;transition: transform 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.ismidimg_1{ position:relative;
transition: transform 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.ismidimg_2{ background-image:url(../images/index/img9.png); background-position:center bottom; background-repeat:no-repeat; background-size:cover;
position:absolute; left:0; bottom:0; width:100%; z-index:10; height:100%;}
.ismidimg_3{transition: transform 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000);
z-index:20; position:absolute; left:0; bottom:1em; color:#fff;}
.ismidimg_3_mid{
padding:1.875em; padding-bottom:0}
.ismidimg_3_mid_1{
font-size:1.125em; margin-bottom:9px;}
.ismidimg_3_mid_2{
font-size:1.875em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
/****************/
.indexline_1{ oapcity:0;animation-delay: .2s;
position:absolute; z-index:1; bottom:26%; left:3.125%; width:.46875%;animation:line_1 4s ease-in infinite;-moz-animation:line_1 4s ease-in infinite;
　　　-webkit-animation:line_1 4s ease-in infinite;}

.indexline_1_yanchi{ oapcity:0;animation-delay: 15s;
position:absolute; z-index:1; bottom:0%; left:4.125%; width:.46875%;animation:line_1b 3s ease-in infinite;-moz-animation:line_1b 3s ease-in infinite;
　　　-webkit-animation:line_1b 3s ease-in infinite;}


.indexline_2{animation-delay: 3.4s;
position:absolute; z-index:1; bottom:16%; left:7%; width:.3125%;animation:line_1 3s ease-in infinite;-moz-animation:line_1 3s ease-in infinite;
　　　-webkit-animation:line_1 3s ease-in infinite;}
.indexline_3{animation-delay: 0s;
position:absolute; z-index:1; bottom:35%; left:9.63541666666667%; width:.46875%;animation:line_1 2.5s ease-in infinite;-moz-animation:line_1 2.5s ease-in infinite;
　　　-webkit-animation:line_1 2.5s ease-in infinite;}
.indexline_4{animation-delay: 1s;
left:11.35416666666667%;position:absolute; z-index:1; bottom:32%;   width:.3125%;animation:line_1 4s ease-in infinite;-moz-animation:line_1 4s ease-in infinite;
　　　-webkit-animation:line_1 4s ease-in infinite;}
.indexline_5{animation-delay: 0s;
left:13.38541666666667%;position:absolute; z-index:1; bottom:27.75510204081633%;   width:.46875%;animation:line_1 1s ease-in infinite;-moz-animation:line_1 1s ease-in infinite;
　　　-webkit-animation:line_1 1s ease-in infinite;}
.indexline_6{animation-delay: 2.5s;
left:14.58333333333333%;position:absolute; z-index:1; bottom:63.87755102040816%;   width:.3125%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_8{animation-delay: 5s;
left:20%;position:absolute; z-index:1; bottom:26%;   width:.3125%;animation:line_1 3s ease-in infinite;-moz-animation:line_1 3s ease-in infinite;
　　　-webkit-animation:line_1 3s ease-in infinite;}
.indexline_9{animation-delay: 1.5s;
left:23.4375%;position:absolute; z-index:1; bottom:63%;   width:.3125%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_10{animation-delay: 6s;
left:24.47916666666667%;position:absolute; z-index:1; bottom:33.6734693877551%;   width:.3125%;animation:line_1 3s ease-in infinite;-moz-animation:line_1 3s ease-in infinite;
　　　-webkit-animation:line_1 3s ease-in infinite;}
.indexline_11{animation-delay: .2s;
left:25.67708333333333%;position:absolute; z-index:1; bottom:60%;   width:.46875%;animation:line_1 3s ease-in infinite;-moz-animation:line_1 3s ease-in infinite;
　　　-webkit-animation:line_1 3s ease-in infinite;}
.indexline_12{animation-delay: 1.6s;
left:25.78125%;position:absolute; z-index:1; bottom:50%;   width:.3125%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_13{animation-delay: 2s;
left:27.60416666666667%;position:absolute; z-index:1; bottom:70%;   width:.46875%;animation:line_1 4s ease-in infinite;-moz-animation:line_1 4s ease-in infinite;
　　　-webkit-animation:line_1 4s ease-in infinite;}
.indexline_14{animation-delay: 1s;
left:28.33333333333333%;position:absolute; z-index:1; bottom:12.24489795918367%;   width:.3125%;animation:line_1 2.5s ease-in infinite;-moz-animation:line_1 2.5s ease-in infinite;
　　　-webkit-animation:line_1 2.5s ease-in infinite;}
.indexline_15{animation-delay: .2s;
left:29%;position:absolute; z-index:1; bottom:60%;   width:.46875%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_16{animation-delay: .4s;
left:30.5%;position:absolute; z-index:1; bottom:50%;   width:.46875%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_17{animation-delay: 7.8s;
left:32.8125%;position:absolute; z-index:1; bottom:8%;   width:15.625%;animation:line_1 5s ease-in infinite;-moz-animation:line_1 5s ease-in infinite;
　　　-webkit-animation:line_1 5s ease-in infinite;}
.indexline_18{animation-delay: 1.8s;
left:34.63541666666667%;position:absolute; z-index:1; bottom:55%;   width:.3125%;animation:line_1 5s ease-in infinite;-moz-animation:line_1 5s ease-in infinite;
　　　-webkit-animation:line_1 5s ease-in infinite;}
.indexline_19{animation-delay: .8s;
left:36.875%;position:absolute; z-index:1; bottom:60%;   width:.46875%;animation:line_1b 4s ease-in infinite;-moz-animation:line_1b 4s ease-in infinite;
　　　-webkit-animation:line_b1 4s ease-in infinite;}
.indexline_20{animation-delay: 1.5s;
left:38.28125%;position:absolute; z-index:1; bottom:50%;   width:.3125%;animation:line_1 5s ease-in infinite;-moz-animation:line_1 5s ease-in infinite;
　　　-webkit-animation:line_1 5s ease-in infinite;}
.indexline_21{animation-delay: .2s;
left:40.28125%;position:absolute; z-index:1; bottom:33%;   width:.3125%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_22{animation-delay: 1.4s;
left:40.625%;position:absolute; z-index:1; bottom:45%;   width:.46875%;animation:line_1b 6s ease-in infinite;-moz-animation:line_1b 6s ease-in infinite;
　　　-webkit-animation:line_1b 6s ease-in infinite;}
.indexline_23{animation-delay: 1.6s;
left:47.60416666666667%;position:absolute; z-index:1; bottom:25%;   width:.46875%;animation:line_1 1s ease-in infinite;-moz-animation:line_1 1s ease-in infinite;
　　　-webkit-animation:line_1 1s ease-in infinite;}
.indexline_24{animation-delay: 4s;
left:48.60416666666667%;position:absolute; z-index:1; bottom:45%;   width:.46875%;animation:line_1 3s ease-in infinite;-moz-animation:line_1 3s ease-in infinite;
　　　-webkit-animation:line_1 3s ease-in infinite;}
.indexline_25{animation-delay: 1s;
left:54.01041666666667%;position:absolute; z-index:1; bottom:55%;   width:.46875%;animation:line_1b 2s ease-in infinite;-moz-animation:line_1b 2s ease-in infinite;
　　　-webkit-animation:line_1b 2s ease-in infinite;}
.indexline_26{animation-delay: 5s;
left:55.20833333333333%;position:absolute; z-index:1; bottom:35%;   width:.46875%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_27{animation-delay: 3.3s;
left:57.76041666666667%;position:absolute; z-index:1; bottom:25%;   width:15.625%;animation:line_1 6s ease-in infinite;-moz-animation:line_1 6s ease-in infinite;
　　　-webkit-animation:line_1 6s ease-in infinite;}
.indexline_28{animation-delay: .6s;
left:59.76041666666667%;position:absolute; z-index:1; bottom:55%;   width:.46875%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_29{animation-delay: 2.2s;
left:61.76041666666667%;position:absolute; z-index:1; bottom:55%;   width:.46875%;animation:line_1b 2s ease-in infinite;-moz-animation:line_1b 2s ease-in infinite;
　　　-webkit-animation:line_1b 2s ease-in infinite;}
.indexline_30{animation-delay: 2s;
left:62.8%;position:absolute; z-index:1; bottom:30%;   width:.3125%;animation:line_1 2.5s ease-in infinite;-moz-animation:line_1 2.5s ease-in infinite;
　　　-webkit-animation:line_1 2.5s ease-in infinite;}
.indexline_31{animation-delay: 1.875s;
left:64.8%;position:absolute; z-index:1; bottom:38%;   width:.3125%;animation:line_1b 2s ease-in infinite;-moz-animation:line_1b 2s ease-in infinite;
　　　-webkit-animation:line_1b 2s ease-in infinite;}
.indexline_32{animation-delay: 2.3456s;
left:66.8%;position:absolute; z-index:1; bottom:18%;   width:.46875%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_33{animation-delay: 3.6542s;
right:3.38541666666667%;position:absolute; z-index:1; bottom:40%;   width:.46875%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}
.indexline_34{animation-delay: 1s;
right:5%;position:absolute; z-index:1; bottom:20%;   width:.46875%;animation:line_1b 2s ease-in infinite;-moz-animation:line_1b 2s ease-in infinite;
　　　-webkit-animation:line_1b 2s ease-in infinite;}



.indexline_35{animation-delay: 6.22s;
right:8.33333333333333%;position:absolute; z-index:1; bottom:54%;   width:.46875%;animation:line_1 4s ease-in infinite;-moz-animation:line_1 4s ease-in infinite;
　　　-webkit-animation:line_1 4s ease-in infinite;}
.indexline_36{animation-delay: 2.555s;
right:10%;position:absolute; z-index:1; bottom:15%;   width:15.625%;animation:line_1 4s ease-in infinite;-moz-animation:line_1 4s ease-in infinite;
　　　-webkit-animation:line_1 4s ease-in infinite;}
.indexline_37{animation-delay: 8s;
right:11.71875%;position:absolute; z-index:1; bottom:35%;   width:.46875%;animation:line_1 4s ease-in infinite;-moz-animation:line_1 4s ease-in infinite;
　　　-webkit-animation:line_1 4s ease-in infinite;}
.indexline_38{animation-delay: 6s;
right:12.5%;position:absolute; z-index:1; bottom:2%;   width:.3125%;animation:line_1 4s ease-in infinite;-moz-animation:line_1 4s ease-in infinite;
　　　-webkit-animation:line_1 4s ease-in infinite;}
.indexline_39{animation-delay: 1s;
right:18.22916666666667%;position:absolute; z-index:1; bottom:42.3469387755102%;   width:.46875%;animation:line_1 3.8s ease-in infinite;-moz-animation:line_1 3.8s ease-in infinite;
　　　-webkit-animation:line_1 3.8s ease-in infinite;}
.indexline_40{animation-delay: 1s;
right:23.4375%;position:absolute; z-index:1; bottom:30%;   width:.3125%;animation:line_1 5s ease-in infinite;-moz-animation:line_1 5s ease-in infinite;
　　　-webkit-animation:line_1 5s ease-in infinite;}
.indexline_41{animation-delay: 5s;
right:24.73958333333333%;position:absolute; z-index:1; bottom:45.555%;   width:.46875%;animation:line_1 5s ease-in infinite;-moz-animation:line_1 5s ease-in infinite;
　　　-webkit-animation:line_1 5s ease-in infinite;}
.indexline_42{animation-delay: 2s;
right:28.38541666666667%;position:absolute; z-index:1; top:10%;   width:.46875%;animation:line_1 2.5s ease-in infinite;-moz-animation:line_1 2.5s ease-in infinite;
　　　-webkit-animation:line_1 2.5s ease-in infinite;}
.indexline_43{animation-delay: 1s;
right:30.38541666666667%;position:absolute; z-index:1; top:21%;   width:.46875%;animation:line_1 2s ease-in infinite;-moz-animation:line_1 2s ease-in infinite;
　　　-webkit-animation:line_1 2s ease-in infinite;}



.somore:after{background:#333; border-radius:2.5em; content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}
.somore:hover:after{transform:scaleX(1);transform-origin:left center}



@keyframes line_1{
    0%{
		transform:translateY(0);
		opacity:1}
    
    100%{
		transform:translateY(-100vh);
		opacity:0}
}
@-webkit-keyframes line_1{
    0%{
		-webkit-transform:translateY(0);
		opacity:1}
    
    100%{
		-webkit-transform:translateY(-100vh);
		opacity:0}
}

@keyframes line_1b{
    0%{transform:translateY(0);opacity:0}
    
    100%{transform:translateY(-150vh);opacity:1}
}
@-webkit-keyframes line_1b{
    0%{-webkit-transform:translateY(0);opacity:0}
    
    100%{-webkit-transform:translateY(-150vh);opacity:1}
}



/********footer**************/
#footer{
background-color:#232731; overflow:hidden; color:#fff;}
#footer a{
color:#fff;}
.mid{
margin:0 8.07291666666667%;}
.footer_1_mid_left{
float:left}
.footer_1_mid_right{
float:right; font-family: 'poppinsmedium'; font-size:2.25em;}
.footer_1_mid{
padding:2.8125em 0; overflow:hidden; border-bottom:1px #52555d solid;}
.footer_2_mid_left{
float:left; width:22%;}
.footer_2{
margin-top:2.8125em;  margin-bottom:2.8125em;}
.footer_2_mid_right{
float:right; width:78%; position:relative; overflow:hidden; padding-bottom:2.8125em;}
.footer_2_mid_right:after{
content:''; position:absolute; left:0; bottom:0; height:100%; width:1px;  background-color:#52555d }
.footer_2_mid_left_mid{
margin-right:3vw;}
.footer_2_mid_right ul li{
float:left;}
.footer_2_mid_right ul li:nth-child(1){
width:32%;}
.footer_2_mid_right ul li:nth-child(2){
width:25%;}
.footer_2_mid_right ul li:nth-child(3){
width:25%;}
.footer_2_mid_right ul li:nth-child(4){
width:18%;}
 
.footer_2_mid_right ul li:last-child{
position:absolute; right:0; top:0;}
.footer_2_mid_right ul{ margin-left:4vw;
position:relative; overflow:hidden; padding-right:72px;}
.footer_2_mid_left_mid_1{
margin-bottom:2.5em;}
.footer_2_mid_left_mid_1 span{
font-size:1.125em; position:relative; padding-bottom:1em;}
.footer_2_mid_left_mid_1 span:after{
content:''; position:absolute; left:0; bottom:0; height:2px; width:1.4em; background-image:url(../images/footer/img2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_2_mid_left_mid_2{
line-height:1.8; color:#eaeaea}
.footer_2_mid_left_mid_3{
margin-top:2.25em;}
.footer_2_mid_left_mid_3 p{ color:#eaeaea;
text-align:center; display:inline-block; width:8.125em;  }
.footer_2_mid_left_mid_3 p img{
padding-bottom:1em;}
.footer_2_mid_right ul dl{
line-height:1.8; padding-right:1em;}
.footer_2_mid_right ul dl a{ display:inline-block; position:relative;
color:#eaeaea;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.footer_2_mid_right ul dl a:after{  position:absolute; content:''; left:0; bottom:0; height:1px; width:0;
background-color:#eaeaea;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.footer_2_mid_right ul dl  dd{
margin-bottom:.35em;}
.footer_3_mid{ padding:.875em 0; line-height:1.6;
overflow:hidden; border-bottom:1px #52555d solid;border-top:1px #52555d solid;}
.footer_3_mid_left{
float:left}
.footer_3_mid_right{
float:right}
.footer_2_mid_right ul dl a:hover{
color:#fff;  }
.footer_2_mid_right ul dl a:hover:after{
width:100%;}
.pright{
position:fixed; right:1.875em; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); z-index:5;}
.pright ul li a{ width:3.5625em; height:3.5625em;
display:block; background-position:center; overflow:hidden; background-repeat:no-repeat; background-size:cover; position:relative}
 
.pright ul li a span{ position:absolute; left:0; top:0; width:100%; height:100%;
}
.pright ul li a span:before{background-image:url(../images/index/img2.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pright ul li a span:after{background-image:url(../images/index/img1.png); z-index:1; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pright ul li:hover a span:after{
opacity:1}
.pright ul li:hover a span:before{
opacity:0}

.pright ul li{
margin:5px 0;}	
.pright ul li:nth-child(1) a:after{ z-index:5;
content:''; position:absolute; left:50%; top:50%; width:1.8125em; height:1.5625em;; background-image:url(../images/index/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:-0.78125em; margin-left:-0.90625em;}
.pright ul li:nth-child(2) a:after{ z-index:5;
content:''; position:absolute; left:50%; top:50%; width:21px; height:23px; background-image:url(../images/img4up.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:-0.65625em; margin-left:-0.65625em;}
/**********solution*****************/
.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;}
.nybannerjj{
position:absolute; left:0; width:100%; z-index:5; text-align:center; color:#fff; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.nybannerjj_1{
font-size:1.875em;}
.so_1{
padding-top:4em;}
.nybannerjj_2{ 
font-size:3.75em; letter-spacing:.05em; font-weight:bold}
.so_1_mid ul li{ border-radius:1em; background-color:#f2f2f2; overflow:hidden;
position:relative; margin-top:4.375em;}
.so_1_mid_left{
width:50%; overflow:hidden}
.so_1_mid_left img{
width:100%;}
.so_1_mid_right{
position:absolute; right:0; top:50%; width:50%; max-height:100%; overflow-y:auto;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.so_1_mid_right_mid{
margin:2.5vw 5vw;}
.so_1_mid_right_mid_1{
font-size:1.125em;}
.so_1_mid_right_mid_2{
font-size:1.875em; margin-top:5px; margin-bottom:.875em;}
.so_1_mid_right_mid_3{
font-size:1.125em; color:#333; line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:2.5em;}
.so_1_mid ul li:nth-child(2n) .so_1_mid_left{
margin-left:50%;}
.so_1_mid ul li:nth-child(2n) .so_1_mid_right{
right:50%;}
.somore{ width:9.75em; background-image:url(../images/solution/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;
display:block; position:relative; line-height:2.5em; border-radius:2.5em; overflow:hidden; text-align:center; color:#fff;}
.somore span{ color:#fff;font-family: 'poppinsmedium';
position:relative; z-index:10;padding-right:1.6875em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.somore:hover span{
padding-right:2em;}
.somore span:after{ width:1.25em; background-color:#fff;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);
content:''; position:absolute; right:0; top:50%; height:1px; }
.somore:after{background:#333; border-radius:2.5em; content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}
.somore:hover:after{transform:scaleX(1);transform-origin:left center}
.compage{
text-align:center; padding:5.625em 0;}
.pagination li{ margin:0 .5em;
display:inline-block;}
.pagination li a,.pagination li span{ display:block;
width:2.25em; height:2.25em; border-radius:100%; line-height:2.25em;}
.pagination li a:hover,.pagination li.active span{
color:#fff; background-image:url(../images/solution/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pagination li:nth-child(1),.pagination li:last-child{
font-family: 'poppinsmedium';}
.so_info_1{ font-size:1.125em; padding:1.25em 0;
overflow:hidden; background-color:#f5f6f8;}
.so_info_1_left{
float:left;}
.so_info_1_right{
float:right;}
.so_info_2_mid{
position:relative}
.so_info_2_mid_right{
margin-left:3vw;}
.so_info_2_mid_right_1{
font-size:2.25em; border-bottom:1px #dfdfdf solid; padding-bottom:1em; margin-bottom:1em;}
.so_info_2{
padding:5.625em 0;}
.so_info_2 .so_1_mid_left{
overflow:hidden; border-radius:1em;}
.so_info_2_mid_right_2{
line-height:2; font-size:1.125em;}
.pt_1{
font-size:1.875em; margin-bottom:.5em;}
.so_info_3_mid{
line-height:1.8; margin-bottom:6em;}
.pt_2{ padding-left:1.5em;
position:relative; margin-top:.5em; font-size:1.125em;}
.pt_2:after{ content:''; width:0.5555555555555556em; height:0.5555555555555556em; background-image:url(../images/solution/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover;
position:absolute; left:0; top:.8em; }
/********soft***************/
.sof_1_mid{
padding-top:4em;}
.sof_1_mid ul li{ border-radius:1em; padding-top:2.86458333333333vw; margin-top:4em;
float:left; width:48%; background-image:url(../images/soft/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.sof_1_mid ul li:nth-child(2n){
float:right}
.sof_1_mid_mid{
margin:0 10%; text-align:center;}
.sof_1_mid_mid_1{
color:#0fb2cd; font-size:1.125em;font-family: 'poppinsmedium';}
.sof_1_mid_mid_2{
font-size:1.875em; color:#fff; margin-top:5px; margin-bottom:1.375em;}
.sof_1_mid_mid_3{
border-radius:1em 1em 0 0; overflow:hidden}
.sof_1_mid_mid_3 img{
width:100%;}
.sof_2{ padding-top:15.625em; padding-bottom:7.1875em;
background-image:url(../images/soft/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; text-align:center;}
.sof_2_1{ margin-bottom:.5em;
color:#fff; font-size:3.75em; letter-spacing:.15em;}
.sof_2_2 a{ background-image:url(../images/soft/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;
display:block; margin:0 auto; position:relative; max-width:9.5625em; height:2.5em; line-height:2.5em; border-radius:2.5em; color:#fff;}
.sof_2_2 a:after{background:#333; border-radius:2.5em; content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}
.sof_2_2 a:hover:after{transform:scaleX(1);transform-origin:left center}
.sof_2_2 a span{
position:relative; z-index:10;}
.sof_2_3{
margin-top:5em; line-height:2;}
.sof_2_3 p{
color:#fff; font-size:1.125em; padding-top:5px;}
#softinfo{ padding-top:6em;
background-color:#f5f6f8; overflow:hidden}
.promenu{
position:absolute; left:0; bottom:0; width:100%; z-index:2; text-align:center;}
.promenu ul{
border-radius:5px 5px 0 0; overflow:hidden;}
.promenu ul li{
float:left;}
.promenu ul li a{ font-size:1.25em; line-height:3.4em; height:3.4em; position:relative; border-left:1px #2d2d31 solid;
display:block; color:#fff; background-image:url(../images/product/img1.png); }
.promenu ul li a:after{  content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%; background-image:url(../images/product/img2.png);background-size:cover; background-repeat:no-repeat}
.promenu ul li a:hover:after,.promenu ul li a.on:after{transform:scaleX(1);transform-origin:left center}
.promenu ul li a span{
position:relative; z-index:10;}
.pro_1_mid{
background-image:url(../images/product/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:1em; overflow:hidden;}
.pro_1_mid_img{
height:665px; position:relative;}
.pro_1_mid_img_right{ text-align:center;
position:absolute; right:0; top:0; width:50%; height:100%;}
.pro_1_mid_img_right img{
max-height:62%; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);}
.pro_1_mid_img_left{ position:absolute;
width:41%; left:9%; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.pro_1_mid_img_left_1{
font-size:1.25em; color:#2d2d2d;}
.pro_1_mid_img_left_2{
font-size:3em; margin-top:.3em; margin-bottom:.65em;}
.pro_1_mid_img_left_3{ line-height:1.6;
color:#262626; font-size:1.125em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:3em;}
.pro_1{
margin:6em 0;}
.pro_1 .swiper-pagination-bullet{ background:none;background-image:url(../images/product/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover;
width:.9375em; height:.9375em;  opacity:1; position:relative;}
.pro_1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 1.125em;}
#protjpage{
bottom:2em;}
.pro_1 .swiper-pagination-bullet:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;
content:''; position:absolute; left:0%; width:100%; height:100%; background-image:url(../images/product/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover; top:0%;}
.pro_1 .swiper-pagination-bullet-active:after{
opacity:1;}
.pro_2{
background-color:#e8eff6; padding-top:3.12em; overflow:hidden; text-align:center;}
.pro_2_mid ul li{ margin-top:3.125em;
float:left; width:32%; margin-right:2%;}
.pro_2_mid ul li:nth-child(3n){
margin-right:0}
.pro_2_mid ul li:hover .index_3_3_mid .index_3_3_mid_jj_5{
height:2.5em;opacity:1} 
.pro_3{
text-align:center; margin:6.25em 0;}
.so_1_mid_left_p{
position:relative; width:50%; min-height:542px; background-image:url(../images/product/img7.png); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; border-radius:1em; }
.so_1_mid_left_p img{
position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); max-height:70%;}
.pro_info_re{ padding-bottom:10em;
background-color:#f3fcfd; overflow:hidden;}
.pro_info_re_1{
text-align:center; font-size:2.25em; margin:2.611111111111111em 0;}
.pro_info_re_2 ul li{ margin-bottom:1em;
float:left; text-align:center; width:32%; margin-right:2%;}
.pro_info_re_2 ul li:nth-child(3n){
margin-right:0}
.pro_info_re_2 ul li:hover .index_3_3_mid .index_3_3_mid_jj_5{
height:2.5em;opacity:1} 
.ptd p{
display:inline-block; min-width:180px; font-size:18px; margin-top:.875em;}
.ptd_1 span{ padding-left:1em;
display:block; position:relative; font-size:1.125em;}
.ptd_1 span:after{
content:''; position:absolute; left:0; top:50%; width:0.6666666666666667em; height:0.6666666666666667em; background-image:url(../images/product/img8.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.project_1_list dd{ margin-top:3.125em;
float:left; width:32%; margin-right:2%;}
.project_1_list dd:nth-child(3n){
margin-right:0}
.project_1_mid{border-radius:1em;
position:relative; overflow:hidden;}
.project_1_mid_1{
overflow:hidden; }
.project_1_mid_1 img{
width:100%;}
.project_1_mid_2{
position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;}
.project_1_mid_2_jj{
margin:1.875em;}
.project_1_mid_2_1{
font-size:1.125em;font-family: 'poppinsmedium';}
.project_1_mid_2_2{
font-size:1.5em; margin-top:5px;}
.project_1_mid_zz{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;
position:absolute; left:0; bottom:0; width:100%; z-index:5;}
.project_1_mid_zz img{
width:100%;}
.project_1_list dd:hover .project_1_mid_zz{
opacity:1;}
.project_2 ul li{
float:left; width:50%; position:relative; overflow:hidden;}
.project_2{ padding-top:6.5625em; background-color:#f2f3f6;
position:relative; overflow:hidden}
.project_2 ul{
position:relative; overflow:hidden;}
.project_2 ul:after{-webkit-transform: translate(-50%, -0%); 
    transform: translate(-50%, -0%);
content:''; position:absolute; left:50%; top:0; height:100%; background-color:#fff; width:4px; z-index:10;}
.project_2_2{
position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff; z-index:10;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.project_2_2_1 span{
display:block; margin:0 auto; width:6.625em; height:6.625em; background-image:url(../images/project/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.project_2_2_2{
font-size:2.25em; margin-top:.75em;}
.project_info_1{
position:absolute; left:0; width:100%; z-index:10; bottom:8.75%; color:#fff;}
.project_info_1 h2{
font-size:2.25em; font-weight:normal}
.project_info_2_mid{
margin:0 16.66666666666667%;}
.project_info_2_1{
font-size:2.25em; margin-top:2.5em; margin-bottom:.75em;}
.project_info_2_2{
font-size:1.125em; line-height:1.8;}
.project_info_2{
padding-bottom:4em;}
.real:hover .project_1_mid_zz{
opacity:1}
/******news********/
.news_1_mid{
position:relative; overflow:hidden; background-color:#f6f6f6; border-radius:1em;}
.news_1_mid_left{
overflow:hidden; width:50%;}
.news_1_mid_left img{
width:100%;}
.news_1{
margin-top:8.4375em;}
.news_1_mid_right{-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);
position:absolute; right:0; top:50%; max-height:100%; overflow:hidden; overflow-y:auto; width:50%;}
.news_1_mid_right_mid{
margin:0 3.3333vw 0 5vw;}
.news_1_mid_right_mid_1{
font-size:1.125em; color:#00b89c;}
.news_1_mid_right_mid_2{
font-size:1.875em; margin-top:.4em; margin-bottom:.875em;}
.news_1_mid_right_mid_3{
font-size:1.125em; 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-bottom:2em;}
.news_2_mid ul li{
float:left; margin-top:5em; width:32%; margin-right:2%;}
.news_2_mid ul li:nth-child(3n){
margin-right:0}
.news_info_1_2_1{ margin-bottom:.5em;
text-align:center; font-size:2.25em; margin-top:3.472222222222222em;}
.news_info_1_2_2{ text-align:center;
color:#06a8a2; font-size:1.125em;font-family: 'poppinsmedium';}
.news_info_1_2_3{
line-height:2; margin:3em 0;}
.news_info_1_2_4 ul li{ position:relative;
float:left; width:50%;}
.news_info_1_2_4 ul li a{ position:relative; z-index:10;
display:block; padding:1em 1.5em;}
.news_info_1_2_4 ul{
border:1px #999 solid; border-radius:10px; overflow:hidden}
.news_info_1_2_4 ul li:nth-child(2){
text-align:right}
.news_info_1_2_4 ul li:hover a{
color:#fff;}
.news_info_1_2_4 ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/news/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_info_1_2_4 ul li:hover:after{
opacity:1;}
.news_info_1_2_4{
margin-bottom:9.75em;}
/***************/
.indexf{
font-size:4.5em;font-family: 'poppinsmedium'; line-height:1;background: linear-gradient(to right, #1450a3 0%, #00cea2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;}
.indexf_2{font-family: 'Poppins';}
.fsf{
font-size:4.5em;}
.fsf span{font-family: 'Poppins';}
.fsf_ff{line-height:1;background: linear-gradient(to right, #1450a3 0%, #00cea2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;}
.about_1_left{
width:43%;}
.gradient-text {
  font-size: 3.75em;
  background: linear-gradient(to right, #1450a3 0%, #00cea2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: 'poppinsmedium'; line-height:1;
}
.about_1{ padding:12.5em 0;
position:relative; overflow:hidden}
.about_1_right{
position:absolute; right:0; top:0; height:100%; width:50%; background-image:url(../images/about/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_1_left_2{
font-size:2.25em; margin-bottom:1em; margin-top:.3em;}
.about_1_left_3{
color:#494949; line-height:1.8;}
.about_1_right_z{
position:absolute; left:0; bottom:0; width:89.6875%;}
.about_1_right_z img{
width:100%;}
.about_2{ padding-top:10em;
background-image:url(../images/about/img9.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.about_2_1{
color:#fff;}
.about_2_2_mid{
position:relative; height:340px; border-radius:1em; overflow:hidden; background-color:#fff;
}
.about_2_2_mid:after{ background-image:url(../images/about/img4.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.about_2_2_mid_jj{
margin:2em;   position:relative; z-index:10;}
.about_2_2_mid_jj_1 span{ padding-left:1.6em;
display:block; font-size:1.875em; position:relative;}
.about_2_2_mid_jj_1 span:after{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); width:0.9em; height:0.9666666666666667em; background-image:url(../images/about/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_2_2_mid_jj_2  dl dd{
display:inline-block; font-size:1.125em; margin-left:.875em;}
.about_2_2_mid_jj_2 dl dd:nth-child(1){
margin-left:0}
#jlist{
padding-top:3.5em;}
.about_2_2_mid_jj_1{ color:#333;
padding-bottom:1.5em; margin-bottom:1em; border-bottom:1px rgba(0, 0, 0, 0.06) solid;}
.about_2_2_mid_jj_3{
font-size:1.125em; color:#333; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:2.25em 0 2em 0;}
.about_2_2_mid:hover:after{
opacity:1;}
.about_2_2_mid:hover .about_2_2_mid_jj_1 span{
color:#fff;}
.about_2_2_mid:hover .about_2_2_mid_jj_1 span:after{
background-image:url(../images/about/img5.png);}
.about_2_2_mid:hover .about_2_2_mid_jj_1{
border-bottom:1px rgba(255, 255, 255, 0.06) solid;}
.about_2_2_mid:hover .about_2_2_mid_jj_2,.about_2_2_mid:hover .about_2_2_mid_jj_3{
color:#fff;}
.about_2_2_mid:hover .mo3{
color:#fff;}
.about_2_2_mid:hover .mo3 span:after{
background-color:#fff;}

.about_2_2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 1.125em;}
.about_2_2 .swiper-pagination-bullet{ background:none;background-image:url(../images/product/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover;
width:.9375em; height:.9375em;  opacity:1; position:relative;}

.about_2_2 #protjpage{
position:static; margin:5.4375em 0;}
.about_2_2 .swiper-pagination-bullet:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;
content:''; position:absolute; left:0%; width:100%; height:100%; background-image:url(../images/product/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover; top:0%;}
.about_2_2 .swiper-pagination-bullet-active:after{
opacity:1;}
.about_3_mid_left{
float:left; width:55.71428571428571%; overflow:hidden; border-radius:1em;} 
.about_3_mid_left img{
width:100%;}
.about_3{
padding:11.875em 0;}
.about_3_mid_right{ margin-top:2.5em;
float:right; width:38%;}
.about_3_mid_right_1{
font-size:1.125em; line-height:2; border-bottom:1px #c2c2c2 solid; padding-bottom:2em; padding-top:1em; margin-bottom:2em;}
.about_3_mid_right_2 ul li{ margin-right:1em;
display:inline-block; text-align:center;}
.about_3_mid_right_2_2{
margin-top:1em;}
.about_1_right_z.animated img{
-webkit-mask:linear-gradient(135deg,#000 0,rgba(0,0,0,1) 100%);
 mask-repeat:no-repeat;
 mask-position:right top;
 mask-size:0 0;
 animation:lightFn 1.2s ease;
 animation-delay:1s;
 animation-fill-mode:both;}
.ovh{
overflow:hidden}

/*****************/
		.headermenumobile{ height:20px; display:none;
			position:absolute; right:35px; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); z-index:999;}
	.hamburger {
  padding: 0; height:20px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 18px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 18px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -6px; }
  .hamburger-inner::after {
    bottom: -6px; }
	
	#header.cur .hamburger-inner,#header.cur .hamburger-inner::before,#header.cur .hamburger-inner::after{
	background-color:#000;}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

 .hamburger-inner {
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.hamburger-inner::before,.hamburger-inner::after {
  transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

 .warp-nav {
  height: calc(100vh - 76px);
  padding: 0 0 45px;
  position: fixed;
  background: #fff;
  width: 100%;
  left: 0;
  top: 76px;
  z-index: 9;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: none;
}
 .nav {
   
  color: #333;
  position: absolute;
  width: 100%;
  overflow-y: auto;
  height: calc(100vh - 76px - 1em);
}
 .nav .li {
  position: relative;
  width: 100%;
}
 .nav .li:hover > a {
  color: #333;
}
 .nav .li:nth-child(odd) {
  background: #f8f8f8;
}
 .nav .icon {
  width: 16px;
  height: 16px;
  fill: #999;
  transition: all .4s;
}
 .nav .warp-btn {
  padding: .65rem 5%;
  line-height: 1.5;
  position: relative;
  transition: all .3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
 .nav .warp-btn .btn {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
 .nav .warp-btn .btn img {
  position: absolute;
  left: 0;
  top: 0;
}
 .nav .sec-list {
  padding: .35rem 5%;
  background: #00b99c;
}
 .nav .sub-tit.on {
  background: #00b99c;
  color: #fff;
}
 .nav .sub-tit.on .icon {
  transform: rotate(-90deg);
  fill: #fff;
}
 .nav .sec-list {
  padding: .35rem 6% 1rem;
  display: none;
  font-size: .9375em;
}
.f-no-b-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}


 .nav .sec-list a {
  padding: .2rem 0;
    padding-left: 0px;
  padding-left: 1.5rem;
   
  color: #fff;
   
  position: relative;
}
 .nav .sec-list a {
  padding: .5rem 0;
  display: block; padding-left:1.5em;
}
.nav .sec-list a::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  left: .5rem;
  top: 50%;
  margin-top: -2.5px;
}
.js-m-2-1 {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
    transition-delay: 0s;
}
.js-m {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}
.trans {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all 0.4s;
}
.js-m-2-1.animate {
  opacity: 1;
  transform: translate(0, 0);
}


















@media screen and (max-width:1680px) {

	.footer_2_mid_left_mid_3 p img{
	max-width:100px;}
	.indexf,.fsf{
	font-size:3.5em;}
	.about_3_mid_right{
	margin-top:0}
	.about_3_mid_right_1{
	margin-top:0}
	.about_1_left_2{
	font-size:1.875em;}
	.about_3_mid_right_1{
	font-size:1em;}
	.about_2_2_mid{
	height:300px;}
	.about_2_2_mid_jj_1 span{
	font-size:1.5em;}
	.about_2_2_mid_jj{
	margin-left:1.25em; margin-right:1.25em;}
	.about_2_2_mid_jj_2 dl dd,.about_2_2_mid_jj_3{
	font-size:1em;}
	.about_2_2_mid_jj_2 dl dd{
	margin-left:.75em;}
	.news_info_1_2_2{
	font-size:1em;}
	.news_info_1_2_1{
	font-size:2em;}
	.news_1_mid_right_mid_2{
	font-size:1.5em;}
	.news_1_mid_right_mid_1,.news_1_mid_right_mid_3{
	font-size:1em;}
	.project_info_2_mid{
	margin:0 8.07291666666667%}
	.project_info_1 h2{
	font-size:2em;}
	.so_info_1{
	font-size:1em;}
	.project_info_2_2{
	font-size:1em;}
	.project_info_2_1{
	font-size:2em;}
	.project_2_2_1 span{
	font-size:.75em;}
	.project_1_mid_2_1{
	font-size:1em;}
	.project_1_mid_2_2{
	font-size:1.25em;}
	.project_2_2_2{
	font-size:1.875em;}
	.project_1_mid_2_jj{
	margin:1.25em;}
	.so_1_mid_left_p{
	min-height:430px;}
	.ptd p{
	font-size:16px;}
	.ptd_1 span{
	font-size:1em;}
	.promenu ul li a{
	font-size:1em;}
	.pro_1_mid_img{
	height:550px;}
	.pro_1_mid_img_left_1{
	font-size:1em;}
	.pro_1_mid_img_left_2{
	font-size:2em;}
	.pro_1_mid_img_left_3{
	font-size:1em;}
	.sof_2_1{
	font-size:3em;}
	.sof_2_3 p{
	font-size:1em;}
	.pt_2{
	font-size:1em;}
	.pt_1{
	font-size:1.5em;}
	.so_info_2_mid_right_1{
	font-size:1.875em;}
	.so_info_2_mid_right_2{
	font-size:1em;}
	.nybannerjj_2{
	font-size:3em;}
	.nybannerjj_1{
	font-size:1.5em;}
	.so_1_mid_right_mid_2{
	font-size:1.5em;}
	.so_1_mid_right_mid_1,.so_1_mid_right_mid_3{
	font-size:1em;}
	.ismidimg_3_mid{
	padding:1.25em; padding-bottom:0}
	.ismidimg_3_mid_1{
	font-size:1em;}
	.ismidimg_3_mid_2{
	font-size:1.25em;}
	.indexbanner_jj_2{
	font-size:1em;}
	.indexbanner_jj_1{
	font-size:3em;}
	/*.index_3_3_mid_jj_2{
	font-size:1em;}
	.index_3_3_mid_jj_3{
	font-size:1.5em;}
	.index_3_3_mid_jj_4{
	font-size:1em;}*/
	.index_3_3_mid{
	font-size:.875em;}
	.index_4_3_1_time{
	font-size:.75em;}
	.index_4_3_1_time_2{
	font-size:14px;}
	.index_4_3_2{
	font-size:1.375em;}
	.index_4_3_3,.mo3{
	font-size:1em;}
	#footer .mid{
	margin:0 4%;
	}
	#footer{
	font-size:.9375em;}
	.index_1_left_2{
	font-size:1.75em;}
	.index_1_left_3{
	font-size:1em;}
	.mo1{
	font-size:1em;}
}
@media screen and (max-width:1200px) {

.ismidimg_3_mid_2{
font-size:1.125em;}
.indexf, .fsf{
font-size:2.5em;}
.index_1_left_2{
font-size:1.25em;}
.index_1_left{
left:4%; width:44%;}
.indexbanner_jj_1{
font-size:2em;}
.footer_1_mid_right{
font-size:1.875em}
.footer_1_mid_left img{
height:32px;}
.footer_1_mid{
padding:1.5em 0;}
.footer_2_mid_left{
display:none}
.footer_2_mid_right{
width:100%;}
.footer_2_mid_right ul{
margin-left:0}
.footer_2_mid_right:after {
display:none}

.about_2_2_mid_jj_1 span{
font-size:1.25em;}
.about_3{
padding:8em 0;}
.about_1_left_2{
font-size:1.5em;}
.gradient-text{
font-size:3em;}
.news_info_1_2_4{
margin-bottom:4em;}
.news_info_1_2_1{
font-size:1.5em;}
.index_4_3_2{
font-size:1.25em;}
.index_4_3_1_time_1{
font-size:2.5em;}
.news_1{
margin-top:4em;}
.news_1_mid_right_mid_2{
font-size:1.25em;}
.project_info_1 h2{
font-size:1.5em;}
.project_info_2_1{
font-size:1.5em;}
.project_info_2_mid{
margin:0 4%;}
.project_2_2_2{
font-size:1.5em;}
.project_2_2_1 span{
font-size:.65em;}
.pro_info_re{
padding-bottom:4em;}
.pro_info_re_1{
font-size:2em;}
.index_3_3_mid_jj_3{
font-size:1.5em;}
.index_3_3_mid{
height:34em;}
.pro_1_mid_img{
height:450px;}
.pro_1_mid_img_left_2{
font-size:1.5em;}
.sof_2_1{
font-size:2em;}
.sof_1_mid_mid_1{
font-size:1em;}
.sof_1_mid_mid_2{
font-size:1.5em;}
.sof_1_mid ul li{
margin-top:2em;}
	.mid{
	margin:0 4%;}
	.so_1{
	padding-top:2em}
	.compage{
	padding:2em 0;} 
	.so_1_mid_right_mid_2{
	font-size:1.25em;}
	.so_1_mid_right_mid_3{
	margin-bottom:1.5em;}
	.so_info_2_mid_right_1{
	font-size:1.5em;}
}
.mobileimg{
display:none; width:100%;}
@media screen and (max-width:1080px) {
	.headermid_right{
	display:none}
	#header{
	padding:1.25em 0;}
	.headermenumobile{
	display:block}
}
.mobileimgbanner{
display:none}
.mobileimgbanner img{
width:100%;}
.index_1_m{
display:none}
.index_1_m img{
width:100%;}
.mobileso{
display:none; margin:0 4%;}
.mobileso ul li{
float:left; width:49%; margin-top:1em;}
.mobileso ul li:nth-child(2n){
float:right}
@media screen and (max-width:810px) {
.index_3{
padding:2em 0;}
.index_3_3_mid_jj_zhai{
display:none}
.index_3_3_mid_jj_kuan{
opacity:1}
.index_3_3_left,.index_3_3_right{
font-size:.875em;}
.ismidimg_3{
bottom:1.25em;}
.fixed-content{ overflow:hidden;
position:static; height:auto; padding-bottom:2em;}
.index_2_mid{
position:static; margin-left:4%; margin-top:2em; margin-bottom:1em;}
.mobileso{
display:block}
.index_2_mid{
left:4%; top:2em;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);}
.scrollable-content{
display:none}

.index_4_3_2{
font-size:1.125em;}
.index_4{
padding:2em 0;}
.index_4_3 ul li{
width:100%; margin-bottom:1em;}
.indexf, .fsf{
font-size:2em;}
.index_1_mid{
margin:0 4%;}
.index_1{
padding-top:2em;}
.index_1_m{
display:block}
.index_1_right{
margin-left:0; display:none}
.index_1_left{ margin:1.5em 0;
position:static; width:100%;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);}
.indexbannerimg{
height:auto}
..indexbannerimg_bg{
display:none}
.mobileimgbanner{
display:block}
.indexsan{
width:auto; width:70%;}
.indexbanner_jj_1{
font-size:1.75em;}
.promenu{
display:none}
.footer_3_mid_left,.footer_3_mid_right{
float:none; width:100%; text-align:center}
#jlist{
padding-top:1.5em;}
.about_2{
padding-top:6em;}
.about_3_mid_left{
width:100%;}
.about_3_mid_right{
width:100%; margin-top:1.5em;}
.about_3{
padding:2em 0;}
.about_1_left_2{
font-size:1.25em;}
.gradient-text{
font-size:2em;}
.about_1{
padding:2em 0;}
.about_1_left{
width:auto; margin-top:1.5em;}
.about_1_right{
margin:0 4%; width:auto; height:80vw; width:92%; margin-top:em; position:relative;}
.news_info_1_2_1{
font-size:1.25em;}
.news_info_1_2_4 ul li:nth-child(2){
text-align:left}
.news_info_1_2_4 ul li a{
padding:.75em 1em;}
.news_info_1_2_4 ul li{
width:100%;}
.news_2_mid ul li{
width:49%; margin-top:1.5em; margin-right:0}
.news_2_mid ul li:nth-child(2n){
float:right}
.news_1{
margin-top:2em;}
.news_1_mid_right_mid{
margin:1.5em 4vw;}
.news_1_mid_left{
width:100%;}
.news_1_mid_right{
position:static; width:100%;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);}
.project_info_1 h2,.project_info_2_1{
font-size:1.25em;}
.project_2{
padding-top:2em;}
.project_2 ul:after {
left:0; top:50%;-webkit-transform: translate(-0%, -50%);
transform: translate(-0%, -50%); width:100%; height:5px;}
.project_2 ul li{
width:100%;}
.project_1_list dd{ margin-top:1em;
width:49%; margin-right:0}
.project_1_list dd:nth-child(2n){
float:right}
.pro_info_re_2 ul li{
width:49%; margin-right:0}
.pro_info_re_2 ul li:nth-child(2n){
float:right}
.pro_info_re_1{
font-size:1.5em;}
.so_1_mid_left_p{
width:100%;}
.pro_2_mid ul li{
width:49%; margin-top:1em; margin-right:0}
.pro_2_mid ul li:nth-child(2n){
float:right}
.pro_1_mid_img_left_3{
margin-bottom:1.5em;}
#protjpage{
position:static; font-size:.75em; padding-bottom:2em;}
.pro_1_mid_img_right{
position:static; width:100%; padding:1.5em 0;}
.pro_1_mid_img_left{-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);
position:static; width:92%; margin-left:4%; margin-right:4%; padding-bottom:1.5em;  }
.pro_1_mid_img_left_2{
font-size:1.25em;}
.pro_1_mid_img{
height:auto}
.pro_1_mid_img_right img{
position:static;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%); max-height:none}
.pro_1{
margin:2em 0;}
#softinfo{
padding-top:2em;}
.sof_2_3{
margin-top:2em;}
.sof_2{
padding:4em 0;}
.sof_2_1{
font-size:1.5em;}
.sof_1_mid_mid_2{
font-size:1.25em;}
.sof_1_mid{
padding-top:2em;}
.sof_1_mid ul li{
width:100%; margin-top:1.5em;}
.so_info_3_mid{
margin-bottom:2em;}
.pt_1{
font-size:1.25em;}
.so_info_2_mid_right_1{
font-size:1.25em;}
.so_info_2{ padding-bottom:2em;
padding-top:2em;}
.so_info_2_mid_right{
margin-left:0; margin-top:1.5em;}
.nybannerjj_2{
font-size:1.75em;}
.nybanner{
height:auto}
.mobileimg{
display:block}
.nybanner_bg{
display:none}
.nybannerjj_1{
font-size:1.25em;}
.nybannerjj_2{
font-size:1.75em;}
.pagination li{
margin:0 5px;}
.so_1{
padding-top:1em;}
.so_1_mid ul li:nth-child(2n) .so_1_mid_left{
margin-left:0}
.so_1_mid ul li{
margin-top:1.5em;}
	.so_1_mid_left{
	width:100%;}
	.so_1_mid_right{
	position:static; width:100%;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%); height:auto}
.so_1_mid_right_mid{
margin:1.5em 1em;}
}

@media screen and (max-width:640px) {
.indexbanner_jj_1{
font-size:1.25em;}
.indexbanner_jj_2{
font-size:.9375em;}
.indexsan{
width:80%;}
.pright{
font-size:.65em;}
.footer_1_mid_right{
font-size:1.5em;}
.footer_2_mid_left{
display:block; width:100%;}
.footer_2_mid_right{
display:none}
.footer_2{
margin:1.5em 0;  }
}
@media screen and (max-width:480px) {
.about_2_2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.pro_1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 10px;}
.mobileso ul li{
width:100%;}
.indexf, .fsf{
font-size:1.75em;}
.index_1_left_2{
font-size:1.125em;}
.about_2_2_mid{
height:260px;}
.about_2_2_mid_jj_1{
padding-bottom:1em;}
.about_2_2_mid_jj_3{
margin:1.5em 0;}
.about_2{
padding-top:4em;}
.about_2_2 #protjpage{
margin:2em 0;}
.about_3_mid_right_2{
text-align:center}
.gradient-text{
font-size:1.5em;}
.about_1_left_2{
font-size:1.125em;}
.news_2_mid ul li{
width:100%;}
.project_2_2_1 span{
font-size:.5em;}
.project_2_2_2{
font-size:1.25em;}
.project_1_list dd{
width:100%;}
.pro_info_re_1{
font-size:1.25em; margin:1.5em 0;}
.so_1_mid_left_p{
min-height:inherit; padding:2em 0; text-align:center}
.so_1_mid_left_p img{ max-height:none;
position:static;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);}
.pro_info_re_2 ul li{
width:100%;}
.index_3_3_mid_jj_3{
font-size:1.25em;}
.pro_2_mid ul li{
width:100%;}
.sof_2_2 a{
font-size:.9375em;}
.sof_2_1{
font-size:1.25em;}
.sof_2{
padding:8em 0;}
.sof_2_3 img{
max-width:100px;}
.sof_1_mid_mid_2{
font-size:1.125em;}
.nybannerjj_1{
font-size:1em}
.nybannerjj_2{
font-size:1.375em;}
.somore{
width:100%;}
.index_3_3_mid{
height:32em;}
.index_3_3_mid_jj_5{
height:auto}
.footer_2_mid_left_mid{
text-align:center}
.footer_2_mid_left_mid_1 span:after{
left:50%;-webkit-transform: translate(-50%, -0%);
transform: translate(-50%, -0%);} 
}
.index_3_3_mid_jj_4{padding-bottom:8px}
.index_3_3_mid_jj_4:before{ content:''; position:absolute; left:50%;bottom:0;-webkit-transform: translate(-50%, -0%); z-index:1; 
    transform: translate(-50%, -0%); height:2px; background-color:#1abcb4; width:0em;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}