/* 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;
}
 textarea {
    resize: none;
}

/*   @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: 'Inter Semi Bold';
    src: url('fonts/Inter/Inter-SemiBold-10.otf');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Inter Regular';
    src: url('fonts/Inter/Inter-Regular-9.otf');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Inter Medium';
    src: url('fonts/Inter/Inter-Medium-8.otf');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Inter Light';
    src: url('fonts/Inter/Inter-Light-7.otf');
    font-weight: normal;
    font-style: normal;
}
/* @font-face {
    font-family: 'INTERTIGHT-VARIABLEFONT_WGHT';
    src: url('fonts/INTERTIGHT-VARIABLEFONT_WGHT.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-LIGHT';
    src: url('fonts/SOURCEHANSANSCN-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
*/
/*@font-face {
    font-family: 'SOURCEHANSANSCN-REGULAR';
    src: url('fonts/SOURCEHANSANSCN-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}*/

 


/*@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.eot');
    src: url('fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLight.woff') format('woff'),
        url('fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}  */
/*   @font-face {
	font-family: AlibabaPuHuiTi_2_85_Bold;
	src:url(fonts/AlibabaPuHuiTi_2_85_Bold.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff2) format('woff2');
}
   @font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(fonts/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
} 
*/ 
a.biga,.slang{font-family: 'Inter Medium';}
body{
    font:1em/1.3 "Inter Medium";   
	-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: "Inter Medium";
}
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:#333;
}
a{
    color:inherit;
	color:#333;  
    text-decoration: none; 
}
a:hover  {
    color:#333;    
    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:#898989; }
input:-webkit-input-placeholder { color:#898989; } 
input:-moz-placeholder { color:#898989; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
     
    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,.hz_4_1_1_img img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.pagination{ 
text-align:center;}
.pagination{
padding:0em 0 0em 0;}
.pagination li{
display:inline-block; margin:0 5px;}
.pagination li:nth-child(1) a,.pagination li:nth-child(1) span,.pagination li:last-child a,.pagination li:last-child span{ width:4em; text-indent:-99999em;}
.pagination li a,.pagination li span{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block; height:3em;     text-align:center; line-height:3em; width:3em; background: #F5F5F5;
    position:relative; }
.pagination li a:hover,.pagination li.active span{
color:#fff;   border-color:#1C1C1C; background-color:#1C1C1C; background-position:center; background-repeat:no-repeat; background-size:cover;}

.pagination li:nth-child(1) a:after,.pagination li:nth-child(1) span:after,.pagination li:last-child a:after,.pagination li:last-child span:after{ background-position:center; background-repeat:no-repeat; background-size:cover; width:1.8125em; height:0.6875em; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); content:''; 
    transform: translate(-50%, -50%);}
.pagination li:nth-child(1) a:after,.pagination li:nth-child(1) span:after{ background-image:url(../images/tip/z.png);}
.pagination li:nth-child(1) a:hover:after,.pagination li:nth-child(1) span:hover:after{ background-image:url(../images/tip/zon.png);}

.pagination li:last-child a:after,.pagination li:last-child span:after{ background-image:url(../images/tip/r.png);}
.pagination li:last-child a:hover:after,.pagination li:last-child span:hover:after{ background-image:url(../images/tip/ron.png);}
.pagination li:last-child span:hover,.pagination li:nth-child(1) span:hover{    border-color:#1C1C1C; background-color:#1C1C1C;}

.ovh{
overflow:hidden}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg,.hz_4_1 ul li:hover .hz_4_1_1_img img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.mobileimg{
width:100%; display:none}
.warp-nav,.mobilemenu——{ display:none}
/*********header**********/
.footer_4_right_2 dl dd a{ display:inline-block; position:relative;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_4_right_2 dl dd a:hover{-webkit-transform: translate(5px, -0%);  
    transform: translate(5px, -0%);}
.headermid{ margin:0 3.02083333333333%; position:relative;}
#header{ position:fixed; left:0; top:0; z-index:1000; width:100%;}
.headermid_left{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%); content:''; 
    transform: translate(-0%, -50%);}
.headermid_right{ float:right; position:relative; margin:0.875em 0; padding-right:170px;}
.headermid_right_left ul li{ float:left; margin:0 1.666666666666667em;}
.headermid_right_left ul li:last-child{ margin-right:0}
.headermid_right_left ul li a.biga{ color:#fff;font-family: 'Inter Semi Bold'; font-size:1.125em; line-height:2.611111111111111em; position:relative; display:block;}
.headermid_right_left ul li a.biga:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color:#06ADD9; position:absolute; left:0; bottom:-15px; content:''; width:0%; height:2px;}
.headermid_right_left ul li:hover a.biga:after{ width:100%;}
.headermid_right_left ul li:last-child a.biga:after{ display:none}
.headermid_right_left ul li:last-child a.biga:before{ border:1px #fff solid; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.headermid_right_left ul li:last-child a.biga{ padding-left:2.5em; padding-right:2.5em;}
.headermid_right_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%)}
.headermid_right_right ul li a{ display:block; font-size:1.125em; width:1.555555555555556em; line-height:1.555555555555556em; height:1.555555555555556em; position:relative; color:#fff;}
.headermid_right_right ul li{ float:left; margin-left:1em;}
.headermid_right_right ul li:nth-child(1) a{  background-image:url(../images/header/s.svg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.headermid_right_right ul li:nth-child(2) a{ padding-left:1.755555555555556em; padding-right:0.8333333333333333em;}
.headermid_right_right ul li:nth-child(2) a:before{ content:''; position:absolute; left:0; top:0; width:1.555555555555556em; height:1.555555555555556em; background-image:url(../images/header/earch.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.headermid_right_right ul li:nth-child(2) a:after{ content:''; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); width:0.6666666666666667em; height:0.6666666666666667em; background-image:url(../images/header/jiantou.png); background-position:center; background-repeat:no-repeat; background-size:cover;}



/*******index******************/
.bannerbg{ position:relative; height:100vh;}
.indexbanner{ position:relative;  background-color:#000}
.index_1_1{ text-align:center; font-size:3.375em;font-family: 'Inter Semi Bold'; color:#333; margin-top:1.5em;}
.index_1_2{ text-align:center; color:#999; font-size:1.125em;font-family: 'Inter Regular'; line-height:1.6; margin-bottom:1.6em; margin-top:.6em;}
.emore span{ font-size:.875em; }
.emore{ height:3em; line-height:3em; border:1px #ccc solid; margin:0 auto; width:13.75em; text-align:center; display:block;}
.index_1{ padding-bottom:2.5em;}
.emore:hover,.emore.on{ background-color:#333; color:#fff; border-color:#333;}
.index_1_4_img{ overflow:hidden;}
.index_1_4_img img{ width:100%;}
.index_1_4_footer{ position:absolute; z-index:10; left:0; bottom:0em; width:100%;}
.index_1_4_footer_mid{ margin:1.875em;}
.index_1_4_footer_mid_mid{ 
height: 116px;
background: rgba(34,34,34,0.2);
border-radius: 10px 10px 10px 10px;
border: 1px solid #666666; position:absolute; left:0; bottom:0; width:100%;}
.index_1_4_footer_mid ul{ text-align:center;
font-family: 'Inter Regular';
 display: flex;
  list-style-type: none; /* 移除列表项前的默认符号 */
  padding: 0px; /* 移除默认的padding */

}
.index_1_4_footer_mid ul li{flex: 7; margin:10px; height:162px; position:relative;}
.index_1_4_footer_mid_mid_2{ 
font-size: 1.125em;
color: #FFFFFF;
 }
.index_1_4_footer_mid_mid_1{ position:absolute; left:0; top:20px; width:100%; height:50%;}
.index_1_4_footer_mid_mid_1 img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%)}
.index_1_4_footer_mid_mid_2_mid_2 span{ text-decoration:underline; font-size:.875em; color:#009BE1}
.index_1_4_footer_mid_mid_2{ position:absolute; left:0; bottom:10px; width:100%;}
.index_1_4_footer_mid_mid_2_mid_2{ height:0; visibility:hidden;transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.index_1_4_footer_mid ul li:hover .index_1_4_footer_mid_mid{ height:160px;}
.index_1_4_footer_mid ul li:hover .index_1_4_footer_mid_mid_2_mid_2{ height:24px; padding-top:5px; visibility:visible;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.index_1_4{ padding-top:2.5em; padding-bottom:7.5em;}
.index_2{ position:relative; overflow:hidden}
.index_2_1{ color:#fff; position:absolute; left:0; top:0; width:100%; background-image:url(../images/index/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:7.5em;}
.index_2_1_2{ font-size:3.375em;font-family: 'Inter Semi Bold'; padding-bottom:.5em;}
.index_2_2{ position:relative; z-index:10; padding-top:7.5em;}
.index_2_2_mid ul li{ position:relative;}
.index_2_2_mid_right{ overflow:hidden; width:70%; margin-left:30%;}
.index_2_2_mid_right img{ width:100%;}
.index_2_2_mid_left{ position:absolute; left:0; bottom:0; width:28%;}
.index_2_1_left{ padding-bottom:1.875em;}
.index_2_1_1{ font-size:1.125em; padding-bottom:5px;}
.index_2_2_mid_left_1{ font-size:2.25em; color:#E6E6E6;font-family: 'Inter Light'; position:relative; padding-left:3em;}
.index_2_2_mid_left_1 span{ font-size:2.666666666666667em;font-family: 'Inter Semi Bold'; position:absolute; left:0; top:0; line-height:.8;}
.index_2_2_mid_left_2{ color:#CCCCCC; font-size:1.5em;font-family: 'Inter Regular'; margin-top:2em;}
.index_2_2_mid_left_3{ font-size:2em;font-family: 'Inter Semi Bold'; margin-top:2em;}
.index_2_2_mid_left_4_left{   position:absolute; left:0; top:0;color:#999;  }
.index_2_2_mid_left_4 dl dd{ min-height:1.4em; position:relative; padding-left:9.722222222222222em;font-size:1.125em;font-family: 'Inter Regular'; margin-top:2em;}
.index_2_2_mid_left_4 dl dd:last-child{ margin-bottom:2em;}
.index_2_2_mid ul li{ margin-bottom:0px;}
#pps{ margin-bottom:110px;}
.emore.emore_left{ margin:0} 
.in2bg{ position:absolute; left:0; top:0; width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; height:100%;}
.index_3{ position:relative; height:100vh;   background-position:center top; background-repeat:no-repeat; background-size:cover;}
.index_3_mid{ position:absolute; left:0; top:6em; width:100%; z-index:1;}
.index_3_mid_left{ width:34%; position:relative; z-index:10;}
.index_3_mid_2{ font-size:1.125em; color:#666; line-height:1.75em; margin-bottom:2em;}
.index_4{ padding-top:7.5em;}
.index_4_1{ color:#999999}
.index_4_3{ position:relative; background-color:#000; color:#fff;}
.index_4_3_right{ width:70%; overflow:hidden; margin-left:30%;}
.index_4_3_right img{ width:100%;}
.index_4_3_left{ width:30%; position:absolute; left:0; top:17%;}
.index_4_3_left_mid{ margin-left:3.5em; margin-right:3.5em;}
.index_4_3_left_mid_1{ font-size:2em;font-family: 'Inter Semi Bold';}
.index_4_3_left_mid_2{ font-size:1.125em;font-family: 'Inter Regular'; margin-top:3em; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.index_4_3_left_footer{ position:absolute; left:3.5em; bottom:3.5em; width:1.5625em; height:1.25em;}
.index_4_3_left_footer span{ position:absolute; width:0.625em; height:0.625em; background-color:#009BE1}
.index_4_3_left_footer span:nth-child(1){ left:0; top:0;}
.index_4_3_left_footer span:nth-child(2){ right:0; top:0;}
.index_4_3_left_footer span:nth-child(3){ left:50%; bottom:0; margin-left:-0.3125em;}
.index_5_mid_2{ position:absolute; left:0; bottom:0; width:100%; z-index:10;
}
.index_5_mid ul li{ margin-top:1.75em;
float:left; width:49%; position:relative;}
.index_5_mid ul li:nth-child(2n){ float:right}
.index_5_mid_1{ overflow:hidden;}
.index_5_mid_1 img{ width:100%;}
.index_5_mid_2:after{background: rgba(28,28,28,0.2); content:'';
border-radius: 0px 0px 0px 0px; position:absolute; left:0; top:0; width:100%; height:100%;backdrop-filter: blur(60px);}
.index_5_mid_2_mid{ position:relative; z-index:10; margin:2em; color:#fff;}
.index_5_mid_2_mid_1{ font-size:2em;}
.index_5_mid_2_mid_2{ font-size:1.125em; margin-top:.5em; line-height:1.6em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.index_6{ padding-top:7.5em;}
.index_6_1_left{ float:left;}
.index_6_1_right{ float:right}
.index_6_2 ul li{
float:left; width:50%; position:relative;}
.index_6_2_img{ overflow:hidden;}
.index_6_2_img img{ width:100%;}
.index_6_2_mid_1 span{width: 3.625em;
height: 3.625em; border-radius:100%;
background: rgba(255,255,255,0.2); display:block; margin:0 auto; position:relative;}
.index_6_2_mid{ position:absolute; left:50%; top:50%; z-index:10;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%)}
.index_6_2_mid_2{ font-size:1.5em; color:#fff;font-family: 'Inter Semi Bold'; margin-top:.5em;}
.index_6_2_mid_1 span img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); max-width:50%;}
.index_7_1{ font-size:1.125em; color:#999;font-family: 'Inter Regular'; text-align:right; line-height:1.6;}
.index_7_2 ul li{ width:24.14772727272727%;
float:left; margin-right:1.13636363636364%;}
.index_7_2 ul li:nth-child(4n){ margin-right:0}
.index_7_2_img{ position:relative;}
.index_7_2_img_1{ position:relative; overflow:hidden}
.index_7_2_img_1:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%;background: rgba(0,0,0,0);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_7_2_img_1 img{ width:100%;}
.index_7_2_img_san{ position:absolute; z-index:10; width:3.625em; height:3.625em; border-radius:100%; background-color:#1c1c1c; right:0;-webkit-transform: translate(-50%, -0%); 
    transform: translate(-50%, -0%); bottom:-1.8125em;}
.index_7_2_img_san:after{ content:''; position:absolute; left:50%; top:50%; width:1.25em; height:1.1875em; background-image:url(../images/index/jia.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);}
.index_7_2_name{ font-size:1.5em; margin-top:1em;}
.index_7{ padding-bottom:7.5em;}

.index_7_2 ul li:hover .index_7_2_img_san{ bottom:6.25em; right:50%;-webkit-transform: translate(50%, -0%); 
    transform: translate(50%, -0%); background-color:#fff; }
.index_7_2 ul li:hover .index_7_2_img_san:after{background-image:url(../images/index/jia2.png);}
.index_7_2 ul li:hover .index_7_2_img_1:after{background: rgba(0,0,0,0.4);}
.index_7_2_img_1_jj{ position:absolute; z-index:10; left:0; width:100%; text-align:center; color:#fff; top:50%;-webkit-transform: translate(0%, -50%); 
    transform: translate(0%, -50%);opacity:0}
.index_7_2_img_1_jj_mid{ margin:0 1.875em;}
.index_7_2_img_1_jj_mid_1{ font-size:1.5em;}
.index_7_2_img_1_jj_mid_2{ font-size:1.125em;font-family: 'Inter Regular'; line-height:1.5; margin-top:1em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:3.625em;}
.index_7_2 ul li:hover .index_7_2_img_1_jj{ opacity:1}
.bannerleftfooter{ position:absolute; left:4.16666666666667%; z-index:10; width:91.66666666666666%; bottom:4.16666666666667vw; color:#fff; font-size:1.125em;}
.indexbanner_con{ position:absolute; left:0; width:100%; z-index:10; color:#fff; bottom:12vw;}
.indexbanner .swiper-pagination-bullet{ position:relative; border-radius:0; opacity:1; background:none; height:3.75em; margin:0; width:auto; display:block}
.swiper-pagination0{display: flex;
  justify-content: space-around;}
.indexbanner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0;flex: 1;}
.indexbanner .swiper-pagination-bullet:before{ content:''; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet i{ position:absolute; left:0; bottom:0; font-style:inherit; font-size:1.125em;}
.indexbanner .swiper-pagination-bullet-active{font-family: 'Inter Semi Bold';}
.indexbanner .swiper-pagination-bullet:after{/* content:'';transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; top:0; height:1px; width:0; z-index:10; background-color:#009BE1*/
position: absolute; content:''; width:100%; height:1px; top:0; left:0; background:#009BE1; transform-origin: 100% 50%; transition-delay: 0s; transform: scale(0, 1); transition:transform 0.5s linear

}
.indexbanner .swiper-pagination-bullet-active:after{ width:100%; transition:transform 5.5s linear; transform: scale(1, 1); transition-delay: 0s; transform-origin: 0% 50%;}


/*.indexbanner .swiper-pagination-bullets.play:not(.delay) span.swiper-pagination-bullet-active:after{width:100%; transition:transform 6.5s linear; transform: scale(1, 1); transition-delay: 0s; transform-origin: 0% 50%;}
.indexbanner .swiper-pagination-bullets.play.delay span.swiper-pagination-bullet-active:after{width:100%; transition:transform 3.5s linear;  transform: scale(1, 1); transition-delay: 10s; transform-origin: 0% 50%;}
*/



.indexbanner_con_1{ float:left;}
.indexbanner_con_2{ float:right;width:27%; font-size:1.5em; line-height:1.5;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.indexbanner_con_1_1{ text-align:left; color:#fff; padding-top:0; margin-top:0; }
.nybanner{ position:relative;}
.nybanner_img img{ width:100%;}
.nybanner_jj{ position:absolute; left:0; width:100%; height:calc(100% - 75px); top:75px;}
.nybanner_jj .commid{ position:relative; height:100%;}
.nybanner_jj_1{ position:absolute; left:0; top:50%;-webkit-transform: translate(0%, -50%); 
    transform: translate(0%, -50%); color:#fff; font-size:}

/*****product**********/
.pro_1_mid{ border-bottom:1px #E6E6E6 solid;}
.pro_1_mid ul{display: flex;
  justify-content: space-around;}
.pro_1_mid ul li{flex:1; text-align:center}
.pro_1_mid_1{ position:relative; height:3.625em;}
.pro_1_mid_1 img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; max-height:100%;}
.pro_1_mid_1 img:nth-child(2){ z-index:10; opacity:0}
.pro_1_mid_2{ text-align:center; color:#666; font-size:1.125em;font-family: 'Inter Regular'; margin-top:1em;}
.pro_1_mid ul li:hover .pro_1_mid_1 img:nth-child(2),.pro_1_mid ul li.on .pro_1_mid_1 img:nth-child(2){ opacity:1}
.pro_1_mid ul li:hover .pro_1_mid_2,.pro_1_mid ul li.on .pro_1_mid_2{ color:#333}
.pro_1_mid ul li a{ display:inline-block; position:relative; padding-bottom:1.5em;}
.pro_1_mid ul li a:after{ height:3px; background-color:#009BE1; content:''; position:absolute; left:0; bottom:0; width:0;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_1_mid ul li:hover a:after,.pro_1_mid ul li.on a:after{ width:100%;}
.pro_1{ padding-top:7.5em;}
.pro_2_mid_1 ul li{ margin-top:5em;
float:left; width:30.39772727272727%; margin-right:4.40340909090909%;}
.pro_2_mid_1 ul li:nth-child(3n){ margin-right:0}
.pro_2_mid_1_img{ position:relative;}
.pro_2_mid_1_img_bg{ overflow:hidden; opacity:0}
.pro_2_mid_1_img_bg img{ width:100%;}
.pro_2_mid_1_img_img{ position:absolute; left:50%; top:50%; z-index:10;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);}
.pro_2_mid_1_img_name{ position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.pro_2_mid_1_img_name_1{ font-size:2em; margin:0 1em;font-family: 'Inter Semi Bold'; margin-bottom:.5em; }
.pro_2_mid_1 ul li:hover .emore{ border-color:#fff; color:#fff;background: rgba(255,255,255,0.2);}
.pro_2_mid_1 ul li:hover .pro_2_mid_1_img_bg{ opacity:1;}
.pro_2_mid_1 ul li:hover .pro_2_mid_1_img_img{ opacity:0}
.pro_2_mid_1 ul li:hover .pro_2_mid_1_img_name{ bottom:1.875em;}

.pro_2_mid_1 ul li:hover .pro_2_mid_1_img_name_1{ color:#fff;}
.pro_2_mid_2{ padding:6.25em 0;}
.bannerbgny{ position:relative; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bannerbgny_mid{height:calc(100% - 75px); top:75px; position:absolute; left:0; z-index:10; width:100%; color:#fff;}
.bannerbgny_mid_name{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); width:100%;}
.bannerbgny_mid .commid{ position:relative; height:100%; }
.bannerbgny_mid .commid .index_1_1{color:#fff; text-align:center}
.proinfo{ padding-top:7.5em;}
.proinfo_1_left{ float:left; width:47%;}
.proinfo_1_left_img{ position:relative; height:40.625vw;}
.proinfo_1_left_img img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);}
.proinfo_1_right{ float:right; width:46%;}
.proinfo_1_right_1,.proinfo_1_right_2{ text-align:left}
.proinfo_1_right_1{ padding-top:0; margin-top:0}
.proinfo_1_right_4 dl{display: flex; width:56%;
  justify-content: space-around; margin-bottom:2em;}
.proinfo_1_right_4 dl dd{flex: 1;}
.proinfo_1_right_4 dl dd:nth-child(2) .proinfo_1_right_4_jia img{ opacity:0;}
.proinfo_1_right_4 dl dd img{ width:100%;}
.proinfo_1_right_4_jia{ position:relative;}
.proinfo_1_right_4_jia_i{  position:absolute; left:50%; top:50%; width:1em; height:1em;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);}
.proinfo_1_right_4_jia_i:before{ content:''; position:absolute; left:0; width:100%; height:0.25em; background-color:#333; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);  }
.proinfo_1_right_4_jia_i:after{ content:''; position:absolute; left:50%; height:100%; width:0.25em; background-color:#333; top:0%;-webkit-transform: translate(-50%, -0%); 
    transform: translate(-50%, -0%);  }	
.proinfo_1_right_4_img_name{ font-size:.875em;font-family: 'Inter Regular'; margin-top:10px;}
.proinfo_1_right_3{ font-size:2em;font-family: 'Inter Semi Bold'; margin-bottom:1em;}
.proinfo_1_right_5{ padding-top:2em; padding-bottom:3em;}
.proinfo_1_right_6 ul li{ padding:2em 0;}
.proinfo_1_right_6{ padding-bottom:2em;}
.proinfo .swiper-pagination-bullet{ width:1em; height:1em; background-color:#E6E6E6; opacity:1;}
.proinfo_1_right_6 ul{ width:56%;}
.proinfo .swiper-pagination-bullet-active{ background-color:#009BE1;}
.proinfo .indexbanner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.proinfo .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 0.75em;}
.proinfo_2_1_1{ text-align:left;}
.proinfo_2_1{ position:relative;}
.proinfo_2_2 .swiper-slide{width:30.39772727272727%; margin-right:4.40340909090909%;}
.proinfo_2_2{ padding-bottom:7.5em;}
.proinfo_2_1_right{ position:absolute; right:0; bottom:0%; width:8em; height:3em;}
.proinfo_2_1_right_left{ cursor:pointer; position:absolute; left:0; top:0; width:3em; height:3em;}
.proinfo_2_1_right_right{cursor:pointer; position:absolute; right:0; top:0; width:3em; height:3em;}
.proinfo_2_1_right_left:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/products/left.png);}
.proinfo_2_1_right_right:before{ content:''; position:absolute; right:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/products/right.png);}

.proinfo_2_1_right_left:after{;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; z-index:1; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/products/lefton.png);}
.proinfo_2_1_right_right:after{opacity:0; ;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index:1; content:''; position:absolute; right:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/products/righton.png);}

.proinfo_2_1_right_left:hover:after,.proinfo_2_1_right_right:hover:after{ opacity:1;}
.pro_2_mid_1_font{ position:absolute; top:0; left:0; width:100%; text-align:center; color:#F5F5F5; font-size:15.625vw;font-family: 'Inter Semi Bold';}
.pro_2_mid_1{ position:relative;}
.pro_2_mid_1 ul{ position:relative; z-index:10}


/**.proinfo_2_2 .swiper-slide:hover:hover .emore{ border-color:#fff; color:#fff;background: rgba(255,255,255,0.2);}
.proinfo_2_2 .swiper-slide:hover:hover .pro_2_mid_1_img_bg{ opacity:1;}
.proinfo_2_2 .swiper-slide:hover:hover .pro_2_mid_1_img_img{ opacity:0}
.proinfo_2_2 .swiper-slide:hover:hover .pro_2_mid_1_img_name{ bottom:1.875em;}

.proinfo_2_2 .swiper-slide:hover:hover .pro_2_mid_1_img_name_1{ color:#fff;}
**/
/*********project**************/
.pjinfo{ position:relative; padding-top:7.5em;}
.pjinfo_1{ position:relative; z-index:10;}
.pjinfo_1_1_mid{ margin:0 auto; width:55.22727272727273%; position:relative;}
.pjinfo_1_1_mid_left{ background-color:#fff; width:29.83539094650206%;  border: 1px solid #E6E6E6; cursor:pointer; position:relative;}
.pjinfo_1_1_mid_left p{ font-size:1.5em; margin-left:0.9166666666666667em; line-height:2.5em; line-height:2.5em;font-family: 'Inter Regular'; position:relative; margin-right:0.7916666666666667em;}
.pjinfo_1_1_mid_left p:after{ content:''; position:absolute; right:0; top:50%; width:0.7916666666666667em; height:0.4583333333333333em; background-image:url(../images/projects/san.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.pjinfo_1_1_mid_left ul{ font-size:1.5em; left:-1px; font-family: 'Inter Regular'; border:1px #E6E6E6 solid; position:absolute; z-index:10; width:100%; background-color:#fff; visibility:hidden; opacity:0; padding:10px 0;}
.pjinfo_1_1_mid_left ul li{margin-left:0.9166666666666667em;margin-right:0.7916666666666667em; padding:2px 0;}
.pjinfo_1_1_mid_left ul li a{ font-size:.875em;}
.pjinfo_1_1_mid_left:hover ul{ visibility:visible; opacity:1}
.pjinfo_1_1_mid_right{background-color:#fff;  position:absolute; right:0; top:0;border: 1px solid #E6E6E6; width:69.1358024691358%; height:calc(100% - 2px); }
.pjinfo_1_1_mid_right_mid{ position:relative;}
.pjinfo_1_1_mid_right_left{ margin-left:1.25em; margin-right:10em;}
.pjinfo_1_1_mid_right_left input{ border:none; background:none; width:100%; height:3.333333333333333em; line-height:3.333333333333333em;}
.pjinfo_1_1_mid_right_right{ position:absolute; height:100%; width:5.625em; height:100%; right:0; top:0;}
.pjinfo_1_1_mid_right_right input{font-family: 'Inter Regular'; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; cursor:pointer; border:none; background:none;}
.pjinfo_1_1_mid_right_right:after{ content:''; position:absolute; left:50%; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/projects/s.png); width:2em; height:2em;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);}
.pjinfo_1_2_mid_mid{ position:relative;}
.pjinfo_1_2_mid_mid_left{ width:53.40909090909091%; overflow:hidden}
.pjinfo_1_2_mid_mid_left img{ width:100%;}
.pjinfo_1_2_mid_mid_right{ position:absolute; right:8.40909090909091%; bottom:0; width:33.23863636363636%;}
.pjinfo_1_2_mid_mid_right_1{ text-align:left; margin-top:0}
.pjinfo_1_2_mid_mid_right_2_1{   color:#999;}
.pjinfo_1_2_mid_mid_right_2{ font-size:1.125em;font-family: 'Inter Regular';}
.pjinfo_1_2_mid_mid_right_2 dl dd{ margin-top:1.25em; line-height:1.6;}
.pjinfo_1_2_mid_mid_right_3{ margin-top:2em;}
.pjinfo_1_2_mid ul li{ margin-top:7.5em;}
.pjinfo_1_2{ padding-top:2em;}
.pjinfo_1_2_mid ul li:nth-child(2n) .pjinfo_1_2_mid_mid_left{ margin-left:46.59090909090909%;}
.pjinfo_1_2_mid ul li:nth-child(2n) .pjinfo_1_2_mid_mid_right{ right:auto; left:8.40909090909091%}
.project_info{ position:relative; z-index:10;}
.project_info_1_mid{ position:relative;}
.project_info_1_mid_right{ margin-left:31.76136363636364%;}
.project_info_1_mid_right_img{ overflow:hidden}
.project_info_1_mid_right_img img{ width:100%;}
.project_info_1_mid_left{ position:absolute; left:0; bottom:0; width:28%; height:100%;}
.project_info_1_mid_left_1{ position:absolute; left:0; top:0;}
.project_info_1_mid_left_2{ position:absolute; left:0; bottom:0;}
.project_info_2 .swiper-slide{ cursor:pointer;}
.project_info_2{ padding-top:70px; padding-bottom:100px;}
.pinfobottom{ background-color:#F5F5F5; overflow:hidden}

.pinfobottom .proinfo_2_2 .swiper-slide{ width:22.72727272727273%; margin-right:3.03030303030303%;}
.pinfobottom .proinfo_2_2 .swiper-slide:last-child{ margin-right:0}
.pinfobottom_2{ text-align:center; font-size:2em; margin-top:1em;}
.pinfobottom_tt{ padding-top:1.875em;}
/****************materials*************/
.m_1{ margin:0 auto; max-width:1350px;}
.mr_1 ul li{ float:left; width:22.95454545454545%; margin-top:1.5em; position:relative; margin-right:2.72727272727273%;}
.mr_1 ul li:nth-child(4n){ margin-right:0}
.mr_1_1{ overflow:hidden;}
.mr_1_1 img{ width:100%;}
.mr_1_2{ font-size:1.5em; margin:0; position:absolute; left:0; bottom:6.88259109311741%; width:100%;}
.mr_1_2 p{ margin:0 1em; text-align:center; color:#fff;font-family: 'Inter Semi Bold';}
.index_1_m{ padding-bottom:7.5em;}
.mr_2_1,.mr_2_2{ color:#fff;}
.mr_2_mid{ padding:230px 0;}
.mr_3_mid ul li{ margin-right:1.33522727272727%; margin-top:1.875em; float:left; width:32.44318181818182%;}
.mr_3_mid ul li:nth-child(3n){ margin-right:0}
.mr_3_mid_2{ font-size:1.5em; border-left:0.25em #1C1C1C solid; padding-left:0.625em; margin-top:1.25em;}
.mr_4_1{ margin-top:0}
.mr_4{ padding-top:7.5em;}
.mr_4_1{ padding-top:1em;}
.mr_4_1 ul li{ background-color:#F5F5F5; margin-top:2.5em;
float:left; width:48%;}
.mr_4_1 ul li:nth-child(2n){ float:right}
.mr_4_1_1{ overflow:hidden}
.mr_4_1_1 img{ width:100%;}
.mr_4_1_2_1{ font-size:1.5em;font-family: 'Inter Semi Bold';}
.mr_4_1_2_2_left{ font-size:1.125em; color:#999;font-family: 'Inter Regular'; 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; min-height:3.2em; margin-top:1em;}
.mr_4_1_2{ margin:2em;}
.mr_4_1_2_2{ position:relative; padding-right:6em;}
.mr_4_1_2_2_right{ position:absolute; right:0; bottom:0; width:3em; height:3em; background-image:url(../images/m/jian.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_m_info{ padding-top:2em;}
/*********service***************/
.m_1_ser{ max-width:1080px;}
.ser_1_right{ float:right; overflow:hidden; width:49.47916666666667%;}
.ser_1_right img{ width:100%;}
.ser_1_left{ float:left; margin-left:4.16666666666667%; width:41%; position:relative;  }
.ser_1_left:after{ content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#E6E6E6;}
.ser_1_left_1{ font-family: 'Inter Semi Bold'; z-index:10; position:relative;}
.ser_1_left_1 span{font-size:2em;}
.ser_1_left_2{ color:#666;   }
.ser_1_left_2 span{font-size:2em;}
.ser_1_left_3{ font-size:1.125em; color:#666; line-height:1.6;font-family: 'Inter Regular'; display:none }
.ser_1_left ul li{ padding-bottom:4em; padding-left:2.25em; position:relative; z-index:10;}
.ser_1_left ul li:after{ content:''; position:absolute; left:-1px; top:0; height:0%; width:2px; background-color:#009BE1;}
 
.ser_1_left ul li.on .ser_1_left_3{ visibility:visible; height:auto;margin-top:1.3em;}
.ser_1_left_1 i{-webkit-transform: translate(-50%, -0%); 
    transform: translate(-50%, -0%); background-color:#fff;  position:absolute; left:-2.25em; top:0em; width:2em; height:2em; }
.ser_1_left_1 i:before{opacity:0; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px #009BE1 dashed;border-radius:100%;}

.ser_1_left_1 i:after{ -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);content:''; position:absolute; left:50%; top:50%; width:1em; height:1em; background-color:#CCCCCC; border:1px #009BE1 dashed;border-radius:100%;}
.ser_1_left ul li.on .ser_1_left_1 i:before{ opacity:1}
.ser_1_left ul li.on .ser_1_left_1 i:after{ background-color:#009BE1}

.ser_1_left ul li.on:after{ height:100%;}
.index_1_m_s{ padding-bottom:1.875em;}
.ser_3_1 ul li{
float:left; text-align:center; width:18%;}
.ser_3_1 ul li:nth-child(2){ width:64%;}
.ser_3_1 ul li:nth-child(2) .ser_3_1_mid{ margin:0 auto; width:63%;}
.ser_3_1_mid span:nth-child(2){ font-size:0.5925925925925926em; padding-left:10px;}
.ser_3_1_mid_2{ font-size:1.125em; color:#666; line-height:1.6;font-family: 'Inter Regular'; margin-top:1em;}
.ser_3{ padding-bottom:3em;}
.ser_4_bg{ overflow:hidden}
.ser_4_bg img{ width:100%;}
.ser_4 .commid{ position:relative;}
.ser_4_jj{ position:absolute; z-index:10; left:17%; bottom:54px; 
background: #FFFFFF; width:305px;
box-shadow: 0px 16px 30px 0px rgba(151,151,151,0.15);
border-radius: 12px 12px 12px 12px; overflow:hidden}
.ser_4_jj_1{ overflow:hidden;border-radius: 0 0 12px 12px;}
.ser_4_jj_1 img{ width:100%;}
.ser_4_jj_2{ padding:1.25em;}
.ser_4_jj_2_1{ font-size:1.5em;font-family: 'Inter Semi Bold';}
.ser_4_jj_2_2{ font-size:1.125em; color:#666; line-height:1.6;font-family: 'Inter Regular'; margin-top:.75em;}
.ser_5{ background-color:#F5F5F5; overflow:hidden; margin-top:7.5em; padding-bottom:3.75em;}
.ser_5_mid_right{
float:right; width:75.73863636363636%;}
.ser_5_mid_right ul li{ padding:1.5em 0; background-color:#fff;border-radius: 10px 10px 10px 10px; margin-bottom:1.25em;}
.ser_5_mid_right ul li:hover{box-shadow: 0px 16px 30px 0px rgba(151,151,151,0.15);}
.ser_5_mid_right_mid{ position:relative; margin-left:1.875em; padding-right:25.9375em;}
.ser_5_mid_right_mid_jj_right{ position:absolute; right:0; top:50%; width:25.9375em; -webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.ser_5_mid_right_mid_jj_right dl dd{
float:left; width:50%; font-size:1.125em;}
.ser_5_mid_right_mid_jj_right dl dd a{ display:inline-block; position:relative; padding-left:1.8em; color:#182833;font-family: 'Inter Regular'; }
.ser_5_mid_right_mid_jj_right dl dd a:after{ content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_5_mid_right_mid_jj_right dl dd:nth-child(1) a:after{ width:1.555555555555556em; height:1.555555555555556em; background-image:url(../images/services/i2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}

.ser_5_mid_right_mid_jj_right dl dd:nth-child(2) a:after{ width:1.555555555555556em; height:1.555555555555556em; background-image:url(../images/services/i3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_5_mid_right_mid_jj_left p{ padding-left:1.75em; font-size:1.5em; position:relative; padding-right:4em;}
.ser_5_mid_right_mid_jj_left p:after{ width:1.166666666666667em; height:1.166666666666667em; background-image:url(../images/services/i1.png); background-position:center; background-repeat:no-repeat; background-size:cover; content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}

.ser_5_mid_right_mid_jj_right dl dd a:hover{ color:#009BE1}

.ser_5_mid_right_mid_jj_right dl dd:nth-child(1) a:hover:after{background-image:url(../images/services/i2on.png); }

.ser_5_mid_right_mid_jj_right dl dd:nth-child(2) a:hover:after{background-image:url(../images/services/i3on.png); }
#serpage{ position:static; margin-top:1em;}

.ser_5_mid_right .swiper-pagination-bullet {
  width: 1em;
  height: 1em;
  background-color: #E6E6E6;
  opacity: 1;
}

.ser_5_mid_right .indexbanner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .ser_5_mid_right .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.75em;
}
.ser_5_mid_right .swiper-pagination-bullet-active {
  background-color: #009BE1;
}
.ser_5_mid_left{ float:left; width:20.45454545454545%;}
.ser_5_mid_left ul{ position:relative}
.ser_5_mid_left ul:after{ content:''; position:absolute; left:0.625em; height:100%; width:1px; background-color:#e6e6e6; top:0}
.ser_5_mid_left ul li{ padding-bottom:3.125em; position:relative; z-index:10}
.ser_5_mid_left ul li a{ padding-left:1.45em; display:inline-block; position:relative; font-size:1.5em; color:#182833;font-family: 'Inter Regular'; }
.ser_5_mid_left ul li a span{   position:absolute; left:0; top:0.25em; width:0.8333333333333333em; height:0.8333333333333333em; border-radius:100%;background: rgba(6,173,217,0.2);}
.ser_5_mid_left ul li a span:after{-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); content:''; position:absolute; left:50%; top:50%; width:60%; height:60%; border-radius:100%; background-color:#009BE1}
.ser_5_mid_left ul li a.on,.ser_5_mid_left ul li a:hover{ color:#009BE1}
.ser_5_mid{ padding-top:3em;}
.ser_6_mid_left{ float:left; width:22%; font-size:2em; color:#666;font-family: 'Inter Semi Bold';}
.ser_6_mid_right{ float:right; width:75.73863636363636%;}
.ser_6_mid_right_mid_1{ font-size:1.5em; color:#182833;font-family: 'Inter Regular'; position:relative; padding-right:5em;}
.ser_6_mid_right ul li{ padding:2.5em 0; border-bottom:1px #E6E6E6 solid;}
.ser_6_mid_right_mid_1:after{ content:''; position:absolute; right:0; top:0.2em; width:0.6666666666666667em; height:0.6666666666666667em; background-image:url(../images/services/jia.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_6_mid_right ul li:hover{ padding-left:2.3125em;
background: #FFFFFF;
box-shadow: 0px 16px 30px 0px rgba(151,151,151,0.15);
border-radius: 10px 10px 10px 10px;}
.ser_6_mid_right_mid{ margin-right:3.5em;}
.ser_6_mid_right_mid_2{ font-size:1.25em; color:#666; line-height:1.5;font-family: 'Inter Regular'; margin-top:1em; height:0; overflow:hidden;}
.ser_6_mid_right ul li:hover .ser_6_mid_right_mid_2{ height:auto;}
.ser_6_mid_right ul li:hover .ser_6_mid_right_mid_1:after{ background-image:URL(../images/services/j.png);}
.ser_6_mid{ padding-top:3em;}
.ser_6{ padding-bottom:7.5em;}
/***********about*************************/
.about_1{ position:relative;}
.about_1_video{ margin:0 auto; width:50%;}
.about_1_video video{ width:100%;}
.about_1_mid{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); z-index:10; width:100%;}
.about_1_mid ul li{
float:left; width:50%; text-align:left;}
.about_1_mid_mid{ display:inline-block; text-align:center; width:37%;}
.about_1_mid ul li:nth-child(2n){ float:right; text-align:right}
.about_1_mid_mid_1{ text-align:center; text-align:center; min-height:3.2em; font-size:1.125em; color:#666; line-height:1.6;font-family: 'Inter Regular';}
.about_1_mid ul li .index_1_1{ margin-top:0}
.about_1_mid ul li .index_1_1 span:nth-child(2){ font-size:0.5925925925925926em;}
.about_1_mid ul li:nth-child(3),.about_1_mid ul li:nth-child(4){ margin-top:7.5em;}
.about_2{ position:relative; height:100vh; overflow:hidden}
.about_2_img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.about_2_img img{ position:absolute; left:0; top:0; width:100%;}
.about_2_img IMG:nth-child(1){ z-index:1;}
.about_2_jj{ position:absolute; z-index:10; left:0; bottom:10%; width:100%; color:#fff;}
.about_2_1 ul li{ text-align:center;    float:left; margin-right:7.38636363636364%; width:28.40909090909091%;}
.about_2_1 ul li:last-child{ margin-right:0}
.index_1_1_white{ color:#fff;}
.about_2_1_mid_1{ padding-bottom:.6em; margin-bottom:1em; font-size:2.5em;font-family: 'Inter Semi Bold'; position:relative;}
.about_2_1_mid_1:after{ content:''; position:absolute; left:50%;-webkit-transform: translate(-50%, -0%); 
    transform: translate(-50%, -0%); background-color:#3F8CF9; width: 1em;
height: 0.15em;
background: #3F8CF9;
border-radius: 0.15em; bottom:0}
.about_2_1_mid_2{ font-size:1.125em; line-height:1.6;}
.about_2_1{ padding-top:6em;}
.about_3_1 ul li{ margin-top:1em;
float:left; width:14.28571428571429%; text-align:center;}
.about_3_1_mid{ position:relative; /*height:4.3125em;*/ margin:0 1.5em;}
.about_3_1_mid img{ /*position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);*/ width:100%;}
.about_3_1{ padding-top:2.5em;}
.about_3{ padding-bottom:7.5em;}
.about_4_1{ position:relative;}
.about_4_1 a{ display:block; position:absolute; width:5em; height:5em; background-position:center; background-repeat:no-repeat; background-size:cover; left:50%; top:50%; z-index:10;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); background-image:url(../images/about/360.png);}
.about_4_2 .swiper-slide{ width:11.36363636363636%; margin-right:1.2987012987013%; cursor:pointer}
.about_4_2_mid_img{ overflow:hidden;}
.about_4_2_mid_img img{ width:100%;}
.about_4_2{ padding-top:1.875em; }
 
.about_5_1 ul{display: flex;justify-content: center;}
.about_5_1{ margin-top:2em; position:relative;}
.about_5_1 ul li{ margin:0 1.25em;}
.about_5_2 .commid{ margin-right:0}
.about_5_2 .swiper-slide{ width:25.81521739130435%; margin-right:1%;}
.about_5_2_mid{border-radius: 0px 0px 0px 0px;
border: 1px solid #E6E6E6; padding:1.5em; margin:1em; margin-bottom:1.875em;}
.about_5_2 .swiper-slide:hover .about_5_2_mid{background: #FFFFFF;
box-shadow: 0px 16px 30px 0px rgba(0,0,0,0.15);
border-radius: 0px 0px 0px 0px;}
.about_5_2_mid_jj_1{ overflow:hidden}
.about_5_2_mid_jj_1 img{ width:100%;}
.about_5_2_mid_jj_2{ font-size:1.5em; line-height:1.5; min-height:3em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1em 0;}
.about_5_2_mid_jj_3{ font-size:1.125em; color:#666;font-family: 'Inter Regular'; line-height:1.6;  min-height:4.8em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:2em; }
.about_5_2_mid_jj_4{color:#666;font-family: 'Inter Regular'; position:relative;}
.about_5_2_mid_jj_4_left{ font-size:1.125em;}
.about_5_2_mid_jj_4_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); width:3em; height:3em; background-image:url(../images/products/righton.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_5_2 .swiper-slide:hover .about_5_2_mid_jj_4_right{ background-image:url(../images/about/jiantou.png);}
.about_5_2 .swiper{ height:0; visibility:hidden}
.about_5_2 .swiper.on{ height:auto; visibility:visible}
.about_5_2{ padding-bottom:7.5em;}
.proinfo_2_1_right_mm{ display:none}
.proinfo_2_1_right_mm.on{ display:block}
.contact_1_left{ position:absolute; left:0; top:0; height:100%; width:44.14772727272727%;}
.contact_1_right{ float:right; width:52.72727272727273%;}
.contact_1_right ul li div{ position:relative; border-radius: 0px 0px 0px 0px;
border: 1px solid #D5E3F9; padding:0.75em}
.contact_1_right ul li div input{ border:none; background:none; width:100%; height:1.6em; line-height:1.6em; font-size:1.125em;font-family: 'Inter Regular';}
.contact_1_right ul li{ margin-bottom:1.25em;}
.contact_1_right ul li div textarea{ border:none; background:none; width:100%; height:4.5em; line-height:1.6em; font-size:1.125em;font-family: 'Inter Regular';}
a.subtn{ display:block; width:11.8em; height:2.7em; text-align:center; line-height:2.7em; background-color:#000; color:#fff; font-size:1.25em;}
.contact_1_right ul li.vcode div{ padding-right:13em;}
.contact_1_right ul li.vcode div img{ position:absolute; right:0; top:10%; height:80%;}
.contact_1_left ul li{
  width:46.97554697554698%; background-color:#F5F5F5; position:absolute; top:0; height:45%; left:0;  }
.contact_1_left ul li:nth-child(2n){ top:auto; bottom:0; left:auto; right:0}
.contact_1_left ul li:nth-child(2){ top:auto; top:0; bottom:auto; left:auto; right:0}
.contact_1_left ul li:nth-child(3){ top:auto; bottom:0;   left:0; right:auto}
.contact_1 .commid{ position:relative; overflow:hidden}
.contact_1_left ul{ position:relative; height:100%;}
.contact_1_left_mid{ position:absolute; top:50%; width:70%; left:15%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%);}
.contact_1_left_mid_1 span{ padding-left:2em; display:block; position:relative; font-size:1.125em; color:##182833}
.contact_1_left_mid_1 span:after{ background-position:center; background-repeat:no-repeat; background-size:cover; left:0; top:50%;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); content:''; position:absolute;}

.contact_1_left ul li:nth-child(1) .contact_1_left_mid_1 span:after{ width:1.222222222222222em; height:1.055555555555556em; background-image:url(../images/contact/img2.png);}

.contact_1_left ul li:nth-child(2) .contact_1_left_mid_1 span:after{ width:1.111111111111111em; height:0.7777777777777778em; background-image:url(../images/contact/img4.png);}

.contact_1_left ul li:nth-child(3) .contact_1_left_mid_1 span:after{ width:1.222222222222222em; height:1.222222222222222em; background-image:url(../images/contact/img1.png);}

.contact_1_left ul li:nth-child(4) .contact_1_left_mid_1 span:after{ width:1.222222222222222em; height:1.222222222222222em; background-image:url(../images/contact/img3.png);}

.contact_1_left ul li:nth-child(1) .contact_1_left_mid_2,.contact_1_left ul li:nth-child(2) .contact_1_left_mid_2,.contact_1_left ul li:nth-child(4) .contact_1_left_mid_2{ font-size:1.125em;font-family: 'Inter Regular'; line-height:1.5}
.contact_1_left ul li:nth-child(3) .contact_1_left_mid_2{font-size:1.125em;font-family: 'Inter Regular'; line-height:1.5}
.contact_1_left_mid_2{ padding-top:1em;word-wrap: break-word;}
.contact_1_right ul li:last-child{ margin-bottom:0}

.contact_2_1 table td{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding:15px 13px;font-family: 'Inter Regular'; background-color:#F7F7F7; font-size:18px; border-bottom:20px #fff solid;}
.contact_2_1 table tr:nth-child(1) td{ font-size:24px;}
.contact_2_1 table tr td:nth-child(1){ text-align:left}
.contact_2_1_mid_1 ul li{
float:left; width:50%;}
.contact_2_1_mid_1 ul{ overflow:hidden; position:relative;}
.contact_2_1_mid_1 ul:after{ height:100%; width:1px; background-color:#E6E6E6; content:''; position:absolute; left:50%; top:0;-webkit-transform: translate(-50%, -0%); 
    transform: translate(-50%, -0%);}
.contact_2_1 table tr.jcon td{ background-color:#fff; padding-left:0; padding-top:1em; padding-bottom:1em; padding-right:0;}
.contact_2_1_mid_1_ul_li_jj{ margin:0 2.5em;}
.contact_2_1_mid_1_ul_li_1{ font-size:1.5em; margin-bottom:.875em;}
.contact_2_1_mid_1_ul_li_2{ font-size:1.125em; line-height:1.5; color:#666;}
.contact_2_1_mid_2{ padding-top:1.125em;}
.contact_2_1 table tr.jcon{ display:none}
.contact_2_1{ padding-top:2.5em;}
.contact_2{ padding-bottom:7.5em;}
.jconinfo td{ cursor:pointer}

.contact_2_1 table tr.jconinfo.on td{ background-color:#009BE1; color:#fff;}


















/************footer***************/
#footer{ background-color:#000; color:#fff; padding-top:5em; padding-bottom:3em;}
.commid{ margin:0 4.16666666666667%;}
.footer_1{ text-align:center;font-size: 3.375em;
 
line-height: 1.407407407407407em;
text-align: center;
font-style: normal;
 }
.footer_2{ padding-bottom:3em; padding-top:2em; 
 
font-weight: 500;
font-size: 1.125em;
color: #FFFFFF;
line-height: 1.277777777777778em;
text-align:center;
font-style: normal;
text-transform: none;}
.footer_3{ text-align:center}
.footer_3 ul li{ display:inline-block; margin:0 1.25em;}
.footer_3 ul li a{ display:block; text-align:center;width: 13.875em;
height: 3em;
border-radius: 0px 0px 0px 0px;
border: 1px solid #CCCCCC; color:#fff; line-height:3em;color: #fff;}

.footer_3 ul li a span{ 
 
font-weight: 500;
font-size: 0.875em;

 
text-align: center;
font-style: normal;
 }
.footer_3 ul li a:hover{ background-color:#fff; border-color:#fff; color:#000}
.footer_4_left{ float:left; width:26%;}
.footer_4_right{ float:right; width:65%;}
.footer_4_left_1{ position:relative; padding-left:1em;}
.footer_4_left_1 span{ display:block; 
height: 1.2em;
 font-family: 'Inter Semi Bold';
font-weight: normal;
font-size: 1.25em;
color: #FFFFFF;
 
 }
.footer_4_left_1:after{ content:''; position:absolute; left:0; top:0; width:2px; height:100%; background-color:#009BE1; }
.footer_4_left_2{ 
 
background: rgba(255,255,255,0.1); position:relative;
border-radius: 3.75em; margin:1.5em 0;}
.footer_4_left_2_left{ margin-left:1.25em;margin-right:6em;}
.footer_4_left_2_left input{ color:#fff; border:none; background:none; width:100%; height:3.75em; line-height:3.75em; }
.footer_4_left_2_right{ -webkit-transform: translate(-0%, -50%); background-color:#fff;
    transform: translate(-0%, -50%);position:absolute; right:6px; top:50%; height:3em; width:5em;border-radius:3.75em;}
.footer_4_left_2_right input{ z-index:10; border:none; background:none; cursor:pointer; width:100%; height:100%; position:absolute; left:0; top:0;  }
.footer_4_left_2_right:after{ content:''; position:absolute; left:50%; top:50%; width:1.125em; height:1.125em; background-image:url(); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); background-image:url(../images/footer/jiantou.png);}
.footer_4_left_3 p{ display:block; position:relative; padding-left:2em; color:#666; font-size:.875em;}
.footer_4_left_3 p span{   position:absolute; left:0; top:0; width:1.25em; height:1.25em; background-image:url(../images/footer/check.png); background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer}
.footer_4_left_4{ margin-bottom:1.25em;}
.footer_5{ margin-top:5em;}
.footer_4_right ul{ position:relative;   padding-right:150px;}
.footer_4_right ul li:nth-child(1){ float:left; width:65%;}
.footer_4_right ul li:nth-child(2){ float:left; width:35%;}
.footer_4_right ul li:last-child{ position:absolute; right:0; top:0;}
.footer_4_right ul li:nth-child(1) dl,.footer_4_right ul li:nth-child(2) dl{ margin-right:1em;} 


.footer_4_right ul li:nth-child(1) dl dd{ float:left; width:48%;}
.footer_4_right ul li:nth-child(1) dl dd:nth-child(2n){ float:right}


.footer_4_right_1{ position:relative; padding-left:1em; margin-bottom:1.5em;}
.footer_4_right_1 span{ display:block; 
height: 1.2em;
 font-family: 'Inter Semi Bold';
font-weight: normal;
font-size: 1.25em;
color: #FFFFFF;
 
 }
.footer_4_right_1:after{ content:''; position:absolute; left:0; top:0; width:2px; height:100%; background-color:#009BE1; }

.footer_4_right_2 dl dd a{ color:#fff;font-family: 'Inter Regular';}
.footer_4_right_2 dl dd{ line-height:1.875em;}
.footer_4{ margin-top:7.5em;}
.footer_5_left{ float:left}
.footer_5_right{ float:right;color:#999}
.footer_5_right_2 ul li{ display:inline-block; }
.footer_5_right_2 ul li a{ color:#999}
.footer_5_right_2{ margin-top:1.25em;}
.footer_5_right_2 ul li a:hover{ color:#fff;}

/********************/
#header.cur{ background-color:#fff;}
#header.cur .headermid_right_left ul li a.biga,#header.cur .headermid_right_right ul li a{ color:#333;}
#header.cur .headermid_right_left ul li:last-child a.biga:before{ border-color:#333}
.headermid_left img:nth-child(2){ display:none}
#header.cur .headermid_left img:nth-child(2){ display:block}
#header.cur .headermid_left img:nth-child(1){ display:none}
#header.cur .headermid_right_right ul li:nth-child(1) a{ background-image:url(../images/header/son.png);}
#header.cur .headermid_right_right ul li:nth-child(2) a:before{ background-image:url(../images/header/earchon.png);}
#header.cur .headermid_right_right ul li:nth-child(2) a:after{ background-image:url(../images/header/jiantouon.png);}
/*******search*********/
.main-search {box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);
  display: none;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  /*backdrop-filter: blur(5px);*/
  position:fixed;
  top: 75px; z-index:100
}
.search-box {
  width: 25.025rem;



  padding: 2.5em 0;

  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto;
}
.search-box .search-inp {
  width: 100%;
  height: 3em;
  background: #000;
  border-radius: 3em;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;

}
.search-box .search-inp input.rob-l {
  width: 80%;
  height: 100%;
  background-color: transparent;
  padding-left: 1rem;
  /* font-size: .35rem; */
  color: #fff;
  font-weight: 400; border:none;
}
.news-content .search-inp {
  height: 1.4rem;
}

.search-box .search-inp .s {
  width: 12%; border:none;
  height: 100%;
  background-color: transparent;
  background-image: url(../images/header/img1.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1em; cursor:pointer;
  transition: all 0.5s;
}

 

.search-box .tit-14 {
  margin-top: .575rem;
  padding-left: 1rem;
}
.headermid_right_right ul li:nth-child(1) a svg{ width:28px; height:28px;fill:#fff; position:absolute; left:0; top:0; opacity:0;}
.headermid_right_right ul li:nth-child(1) a.on svg{ opacity:1}
.headermid_right_right ul li:nth-child(1) a.on,#header.cur .headermid_right_right ul li:nth-child(1) a.on{ background-image:none}
#header.cur .headermid_right_right ul li:nth-child(1) a svg{ fill:#333;}

#page1,#page2,#page4{ overflow:hidden}
/************************/
.mobilebar{ display:none; position:absolute; right:90px; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
  #header .hamburger {
    padding: 0;
    height: 20px; padding-top:10px;
    margin-left: 0rem;
  }	
    #header .hamburger-box {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }
 
 .hamburger-box {
    width: 20px;
    height: 24px;
    display: inline-block;
    position: relative;
  }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }

  #header .hamburger-box {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 20px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }

  #header .hamburger--3dx-r .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;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    background: #fff;
  }
  
   #header.cur .hamburger-inner,
  #header.cur .hamburger-inner::before,
  #header.cur .hamburger-inner::after {
    background: #333;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    width: 20px;
    height: 2px;
  }

  #header .hamburger-inner::before {
    top: -6px;
  }

  #header .hamburger-inner::after {
    bottom: -6px;
  }

  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }

  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  } 
  
  


#header .warp-nav {
    height: calc(100vh - 68px);
    padding: 0 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(21px);
    width: 100%;
    left: 0;
    top: 68px;
    z-index: 9999;
    display: none;
  }
#header .warp-nav .nav {
    font-size: 16px;
    color: #333;
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 2rem);
  }

 

   

  #header .warp-nav .nav .warp-btn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
    display: block;
    padding: 15px 0;
    line-height: 1.5;
    position: relative;
    font-size: 16px;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  #header .warp-nav .nav .li {
    position: relative;
    width: 100%;
    padding: 0 2.29166666666667%;
  }

  #header .warp-nav .nav .tit {
    width: 100%;
    padding: 15px 0;
    line-height: 60px;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  #header .warp-nav .nav .sub-tit {
    display: block;
  }

  #header .warp-nav .nav .tit {
    line-height: 1.5;
  }

  #header .warp-nav .nav .tit:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    right: 5%;
    top: 20px;
    background: url("../images/header/img1.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 15px auto;
    transform: rotate(0);
    transform-origin: center center;
    transition: all 0.3s ease-in-out;
    filter: grayscale(100%) brightness(0%) !important;
  }
  #header .warp-nav .nav .tit.on::after {
    transform: rotate(90deg);
  }

  #header .warp-nav .nav .sec-list {
    line-height: 40px;
    padding: 0.35rem 0 0.35rem 2.29166666666667%;
    display: none;
    font-size: 14px;
  }

  #header .warp-nav .nav .sec-tit {
    font-size: 15px;
    color: #8ebfea;
    position: relative;
    transition: all 0.4s;
    display: block;
  }

  #header .warp-nav .nav .sec-list-nav {
    font-size: 13px;
    padding-left: 8px;
    line-height: 30px;
    display: none;
  }

  #header .warp-nav .nav .sec-list a {
    color: #000;
    text-transform: capitalize;
  }

  #header .warp-nav .nav .sec-list-nav a {
    color: #8ebfea;
  }

  .js-m-2-1 {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
  }

  .js-m-2-1.animate {
    opacity: 1;
    transform: translate(0, 0);
  }    

.pshowleft{ position:absolute; z-index:10; left:1em; top:50%; width:3em; height:3em; background-image:url(../images/products/left.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); cursor:pointer}  
	
.pshowright{ position:absolute; z-index:10; right:1em; top:50%; width:3em; height:3em; background-image:url(../images/products/right.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); cursor:pointer}  	
	
.pshowleft:hover{ background-image:url(../images/products/lefton.png);}	
.pshowright:hover{ background-image:url(../images/products/righton.png);}	



.sticky-el {  
  position: -webkit-sticky; /* Safari 兼容 */
  position: sticky;
  top: 0; /* 触发粘性的阈值 */
  z-index: 10; /* 防止被内容遮挡 */
}

.indexbanner video{width: 100vw;
  height: calc(100vh - 0px);
  object-fit: cover;
  position:absolute; left:0; top:0;
  opacity: 0;
  visibility: hidden;
  display: none; z-index:100}
.indexbanner .swiper-slide-active video {
  opacity: 1;
  visibility: visible;
  display: block;
}

/**************************/
.map-point {
background: rgba(6,173,217,0.2);
border-radius: 0px 0px 0px 0px;
  width: 0.8em;
  height: 0.8em;
   
  border-radius: 50%;
  position: absolute;
 
}
.map-point:before{ content:''; position:absolute; left:18%; top:18%; width:64%; height:64%; background-color:#009BE1; border-radius:50%; animation: spread 3s infinite;}
.map-point:after{ content:''; position:absolute; left:33%; top:33%; width:34%; height:34%;  background-color:#fff; border-radius:50%; animation: spread 3s infinite;}	

#point1 {
  top: 32.1%;
  left: 19.6%;
}

#point2 {
  top: 45.7%;
  left: 45%;
  animation-delay: 1s; /* 延迟开始 */
}

#point3 {
  top: 29.3%;
  left: 45.5%;
  animation-delay: 2s; /* 延迟开始 */
}

#point4 {
  top: 31.9%;
  left: 48.9%;
  animation-delay: 1.5s; /* 延迟开始 */
}
#point5 {
  top: 31.3%;
  left: 52.7%;
  animation-delay: .5s; /* 延迟开始 */
}
#point6 {
  top: 56.5%;
  left: 56.5%;
  animation-delay: 2s; /* 延迟开始 */
}
#point7 { font-size:1.5em;
  top: 48.4%;
  left: 58.4%;
  animation-delay: .3s; /* 延迟开始 */
}
#point8 {
  top: 47.5%;
  left: 59.9%;
  animation-delay: 1s; /* 延迟开始 */
}
#point9 { z-index:10;
  top: 49.5%;
  left: 60.6%;
  animation-delay: 0.7s; /* 延迟开始 */
}
#point10 {
  top: 48%;
  left: 61%;
  animation-delay: 0.1s; /* 延迟开始 */
}

#point11 {
  top: 54%;
  left: 61%;
  animation-delay: 0.3s; /* 延迟开始 */
}

#point12 {
  top: 51.9%;
  left: 62.4%;
  animation-delay: 0.5s; /* 延迟开始 */
}
#point13 {
  top: 31.8%;
  left: 62.7%;
  animation-delay: 0.5s; /* 延迟开始 */
}
#point14 {
  top: 28.2%;
  left: 63.4%;
  animation-delay: 1.5s; /* 延迟开始 */
}

#point15 {
  top: 49.8%;
  left: 67.4%;
  animation-delay: .5s; /* 延迟开始 */
}

#point16 {
  top: 52.2%;
  left: 68.4%;
  animation-delay: 2s; /* 延迟开始 */
}

#point17 {
  top: 25.8%;
  left: 74.6%;
  animation-delay: 0.1s; /* 延迟开始 */
}

#point18 {
  top: 51.4%;
  left: 74%;
  animation-delay: 0.1s; /* 延迟开始 */
}
#point19 {
  top: 53.7%;
  left: 74.8%;
  animation-delay: 0.3s; /* 延迟开始 */
}
#point20 {
  top: 57.5%;
  left: 76%;
  animation-delay: 0.7s; /* 延迟开始 */
}
#point21 {
  top: 66.1%;
  left: 76%;
  animation-delay: 0.9s; /* 延迟开始 */
}
#point22 {
  top: 64%;
  left: 78.6%;
  animation-delay: 0.2s; /* 延迟开始 */
}
#point23 {
  top: 59.2%;
  left: 81.5%;
  animation-delay: 0.4s; /* 延迟开始 */
}

#point24 {
 font-size:1.5em;
  top: 48.5%;
  left: 79.3%;
  animation-delay: 0.6s; /* 延迟开始 */
}
#point24 span{ position:absolute; left:50%;-webkit-transform: translate(-50%, -0%);   
    transform: translate(-50%, -0%);white-space: nowrap; font-size:1em; bottom:20px;}
	
#point7 span{ position:absolute; left:0%;-webkit-transform: translate(-107%, -50%);   
    transform: translate(-107%, -50%);white-space: nowrap; font-size:1em; top:50%;}	
#point25 {
  
  top: 80.2%;
  left: 85.3%;
  animation-delay: 1.6s; /* 延迟开始 */
}

#point26 {
  
  top:auto;
  bottom:6.6%;
  left:auto; right:4%;
  animation-delay: 1.6s; /* 延迟开始 */
}



@keyframes spread {
  0% { transform: scale(1); }
  50% { transform: scale(2); }
  100% { transform: scale(1); }
}

/*************************/
.ser_4_bg img:nth-child(1){ display:none}
.index_2_2_mid_pc{ position:relative; height:44.27083333333333vw;}
.index_2_2_mid_right{ position:relative; height:44.27083333333333vw;}
.index_2_2 .swiper-container {
      width: 100%;
      height: 100%;
    }
.index_2_2 .swiper-slide {
       

	  overflow:hidden;
    }	
.index_2_2 .slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	 
	}
#pps.fixed-header{ position:fixed; left:0; top:0; width:100%;}

@media screen and (max-width:1680px) {
#point7 span,#point24 span{ font-size:14px;}
.pjinfo_1_1_mid_right_left input{ height:2.8125em; line-height:2.8125em;}
.index_7_2_img_san{ font-size:.75em;}
.index_7_2_img_1_jj_mid_1,.index_7_2_name{ font-size:1.125em;}
.index_7_2_img_1_jj_mid_2{ font-size:1em;}
.index_7_1{ font-size:1em;}
.index_6_2_mid{ font-size:.75em;}
.index_5_mid_2_mid_1{ font-size:1.5em;}
.index_5_mid_2_mid_2{ font-size:1em;}
.index_4_3_left_mid_1{ font-size:1.5em;}
.index_3_mid_2{ font-size:1em;}
.index_4_3_left_mid_2{ font-size:1em;}
.index_2_2{ padding-top:14em;}
.index_2_1_2{ font-size:2.5em;}
.index_2_1_1{ font-size:1em;}
.index_2_2_mid_left_1{ font-size:1.5em;}
.index_2_2_mid_left_3{ font-size:1.375em;}
.index_2_2_mid_left_2{ font-size:1.125em;}
.indexbanner .swiper-pagination-bullet i{ font-size:1em;}
.indexbanner_con_2{ font-size:1em;}
.proinfo_1_right_3{ font-size:1.25em;}
.proinfo .swiper-pagination-bullet{ font-size:.75em;}
.pro_1_mid ul li{ font-size:.875em;}
.pro_2_mid_1_img_name_1{ font-size:1.25em;}
.pinfobottom_2{ font-size:1.25em;}
.index_2_2_mid_left_4 dl dd{ font-size:1em;}
.pjinfo_1_2_mid_mid_right_2{ font-size:1em;}
.pjinfo_1_1_mid_right_right:after{ font-size:.875em;}
.pjinfo_1_1_mid_left ul li a{ font-size:15px;}
.pjinfo_1_1_mid_left p{ font-size:1.125em;}
.mr_4_1_2_2_right{ font-size:.875em;}
.mr_4_1_2_1{ font-size:1.125em;}
.mr_4_1_2_2_left{ font-size:1em;}
.mr_3_mid_2{ font-size:1.125em;}
.mr_1_2{ font-size:1.125em;}
.ser_6_mid_left{ font-size:1.25em;}
.ser_6_mid_right_mid_1{ font-size:1.125em;}
.ser_6_mid_right_mid_2{ font-size:1em;}
#serpage{ font-size:.75em;}
.ser_5_mid_left ul li a{ font-size:1.125em;}
.ser_5_mid_right_mid_jj_right dl dd{ font-size:1em;}
.ser_5_mid_right_mid_jj_left p{ font-size:1.125em;}
.ser_4_jj_2_1{ font-size:1.25em;}
.ser_4_jj_2_2{ font-size:1em;}
.ser_3_1_mid_2{ font-size:1em;}
.ser_1_left_2 span,.ser_1_left_1 span{ font-size:1.5em;}
.ser_1_left_3{ font-size:1em;}
.proinfo_2_1_right{ font-size:.875em;}
.about_5_2_mid_jj_2{ font-size:1.25em;}
.about_5_2_mid_jj_4{ font-size:.875em;}

.about_5_2_mid_jj_3{ font-size:1em;}
.about_2_1_mid_1{ font-size:1.75em;}
.about_2_1_mid_2{ font-size:1em;}
.about_1_mid_mid_1{ font-size:1em;}
.index_1_2{ font-size:1em;}
a.subtn,.contact_1_right ul li div textarea,.contact_1_right ul li div input{ font-size:1em;}
.contact_1_left ul li:nth-child(3) .contact_1_left_mid_2{ font-size:1em;}
.contact_1_left ul li:nth-child(1) .contact_1_left_mid_2, .contact_1_left ul li:nth-child(2) .contact_1_left_mid_2, .contact_1_left ul li:nth-child(4) .contact_1_left_mid_2{ font-size:1em}

.contact_1_left_mid_1 span{ font-size:1em;}
.index_1_1{ font-size:2.5em;}
.footer_1{ font-size:3em;}
.contact_2_1 table td{ font-size:16px;}
.contact_2_1 table tr:nth-child(1) td{ font-size:20px;}
.contact_2_1_mid_1_ul_li_2{ font-size:1em;}
.contact_2_1_mid_1_ul_li_1{ font-size:1.125em;}


}
.about_2_img_bg{ display:none}
.about_2_img_bg img{ width:100%;}
@media screen and (max-width:1440px) {
.index_2_2_mid_left_1{ font-size:1.25em;}
.about_2_1_mid_1{ font-size:1.25em;}
.about_2_1{ padding-top:2.5em;}
.about_2 .index_1_1_white{ color:#333}
.about_2_img_bg{ display:block}
.headermid_right_right ul li:nth-child(1){ display:none}
.headermid_right_left{ display:none}
.mobilebar{ display:block}
.headermid_right{ height:2.5em;}
.pagination li a, .pagination li span{ width:2em; height:2em; line-height:2em;}
.pagination li{ margin-left:0; margin-right:0; margin-bottom:5px;}
.about_2_jj{ position:static; color:#333;}
.about_2{ height:auto}
.about_2_img{ display:none}

}

@media screen and (max-width:1200px) {
.index_2_1_2{ font-size:2em;}
.index_2_2{ padding-top:22em;}
.index_2_2_mid ul li{ margin-bottom:2em;}
#pps{ margin-bottom:0}
.index_2_2_mid_right{ margin-left:0; width:auto;height:auto;}
.index_2_2_mid_left{ position:static; width:auto; padding-top:1.5em;}


.footer_4_left_1{ padding-bottom:1em;}
.footer_4_left_2_right{ height:2.5em;}
.footer_4_left_2_left input{ height:2.5em; line-height:2.5em;}
.footer_2{ font-size:1em;}
.footer_1{ font-size:2em;} 
.ser_1_left_1 i{ font-size:.6em; left:-3.7em}
.ser_1_left_2 span, .ser_1_left_1 span{ font-size:1.125em;}
.pjinfo_1_1_mid{ width:auto; margin:0 4.16666666666667%}
.project_info_1_mid_left .index_1_1{ font-size:1.5em;}

.contact_1_left ul li:nth-child(1) .contact_1_left_mid_2, .contact_1_left ul li:nth-child(2) .contact_1_left_mid_2, .contact_1_left ul li:nth-child(4) .contact_1_left_mid_2{ font-size:1em;}


}
.pjinfo .swiper-paginationss{ display:none}
.pjinfo .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.pjinfo .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.pjinfo .swiper-pagination-bullet{opacity:1; background-color:#fff;}
.pjinfo .swiper-pagination-bullet-active{ background-color:#009BE1}

@media screen and (max-width:1024px) {
.index_1_4_footer_mid_mid_2{ font-size:1em;}
.contact_2_1 table tr:nth-child(1) td{ font-size:16px;}
.about_5_2 .swiper-slide{ width:45%;}
.about_5_2_mid_jj_2{ font-size:1.125em;}
.about_4_1 a{ font-size:.75em;}
.about_3_1 ul li{ width:16.66666666666667%;}
 
.mr_3_mid_2{ font-size:1em;}
.mr_1_2{ font-size:1em;}
.pinfobottom_2{ font-size:1em;}
.pjinfo .swiper-paginationss{ display:block}
.project_info_2{ display:none}
.project_info_1_mid_left_1{ padding-top:1.5em;}
.project_info_1_mid_left_1,.project_info_1_mid_left_2{ position:static;}
.proinfo_2_2{ padding-bottom:2.5em;}
	.index_1_1{ font-size:2em;}
	.pro_1_mid ul{flex-wrap: wrap;}
	.pro_1_mid ul li{flex: 1 1 20%; margin-bottom:1em;}
	.project_info_1_mid_right{ margin-left:0;}
	.project_info_1_mid_left{ position:static; width:100%;}
	.project_info_1_mid_left_1{ position:static;}
	
	
	
}
@media screen and (max-width:950px) {
.map-point{ display:none}
.ser_4_bg img:nth-child(1){ display:block}
.ser_4_bg img:nth-child(2){ display:none}
.index_4_3_left_mid_1{ font-size:1.25em;}
.index_4_3_left_footer{ left:24px; bottom:24px;}
.index_4_3_left_footer{ font-size:.75em;}
.index_4_3_left_mid{ margin:0 1.5em;}
.index_1_4{ padding-bottom:0em;}
.swiper-button-nextsss{ position:absolute; z-index:10; right:1em; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%); font-size:.75em; cursor:pointer;
    transform: translate(-0%, -50%); background-image:url(../images/products/righton.png); width:3em; height:3em;}

.swiper-button-prevsss{ position:absolute; z-index:10; left:1em; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%); font-size:.75em; cursor:pointer;
    transform: translate(-0%, -50%); background-image:url(../images/products/lefton.png); width:3em; height:3em;}	
	
	
.index_1_4_footer{ display:none}
.contact_1_right{ width:100%; margin-top:1em;}
.contact_1_left{ width:100%; position:static}
.contact_1_left ul li{ position:relative; width:49%; float:left; height:220px; margin-bottom:1em;}
.contact_1_left ul li:nth-child(2n){ float:right}


.ser_6_mid_right_mid_1:after{ display:none}
.ser_6_mid_right_mid{ margin-left:1.5em; margin-right:1.5em;}
.ser_6_mid_right ul li,.ser_6_mid_right ul li:hover {
  padding-left: 0em;
  background: #FFFFFF;
  box-shadow: 0px 16px 30px 0px rgba(151,151,151,0.15);
  border-radius: 10px 10px 10px 10px; margin-top:1em;
}
.ser_6_mid_right_mid_1{ padding-right:0}
.ser_6_mid_right ul li .ser_6_mid_right_mid_2{ height:auto;}
.ser_6_mid_right ul li{ padding:1em 0;}
.ser_6_mid_left,.ser_6_mid_right{ width:100%;}
.ser_5_mid_right_mid{ padding-right:23em;}
.ser_5_mid_right_mid_jj_right{ width:20em;}
.ser_5_mid_left ul li a{ font-size:1em;}
.ser_5_mid_right_mid{ margin-left:1em;  }
.ser_5_mid_right_mid_jj_left p{ font-size:1em;}
.ser_5_mid_right ul li{ padding:1em 0;}
.ser_5_mid_left ul:after{ display:none}
.ser_5_mid_left ul li{ display:inline-block; margin-right:1em; padding-bottom:1em;}
.ser_5_mid_left{ width:100%;}
.ser_5_mid_right{ width:100%; padding-top:1.5em;}
.ser_4_jj{ position:static; width:auto;}


.pjinfo_1_2{ padding-top:1em;}
.pjinfo{ padding-top:2em;}
.pjinfo_1_2_mid_mid_left{ width:100%;}
.pjinfo_1_2_mid_mid_right{ position:static; width:100%; padding-top:1.5em;}
.pjinfo_1_2_mid_mid_right  .index_1_1{ font-size:1.5em;}
.pjinfo_1_2_mid ul li:nth-child(2n) .pjinfo_1_2_mid_mid_left {
  margin-left: 0;
}
.pjinfo_1_2_mid ul li{ margin-top:1.5em;}
.pjinfo_1_1_mid_left p{ font-size:1em;}


}
.swiper-button-prevl{ position:absolute; left:1em; top:50%; width:2em; height:2em; background-image:url(../images/products/lefton.png); background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); cursor:pointer;display:none;}
	
.swiper-button-nextn{ display:none; position:absolute; right:1em; top:50%; width:2em; height:2em; background-image:url(../images/products/righton.png); background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10;-webkit-transform: translate(-0%, -50%); 
    transform: translate(-0%, -50%); cursor:pointer}	
.in2bgimg{ display:none; margin:1.5em 0;}
.in2bgimg img{ width:100%;}
.index_2_2_mid_sj{ display:none}
@media screen and (max-width:810px) {
.index_2_2_mid_sj{ display:block}
.index_2_2_mid_pc{ display:none}
.pshowleft,.pshowright{ font-size:.75em;}
.swiper-button-prevl,.swiper-button-nextn{ display:block}
.index_7{ padding-bottom:2.5em;}
.index_7_2 ul li{ width:49%; margin-right:0; margin-top:1em;}
.index_7_2 ul li:nth-child(2n){ float:right}
.index_6_2_mid{ font-size:.65em}
.index_6 .index_6_1_right{ font-size:.65em;}
.index_6.index_7 .index_6_1_right{ font-size:16px}
.index_6{ padding-top:2.5em;}
.index_5_mid_2_mid_1{ font-size:1.125em;}
.index_5_mid_2_mid{ margin:1em;}
.index_4_3_left_mid_2{ margin-top:1.5em;}
.index_4_3_left_footer{ display:none}
.index_4_3_left{ position:static; width:auto; padding:2em 0;}
.index_4_3_right{ margin-left:0; width:auto}
.index_4{ padding-top:2.5em;}
.in2bgimg{ display:block}
.in2bg{ display:none;}
.index_3_mid_left{ width:100%;}
.index_3{ height:auto}
.index_3_mid{ position:static;}
.index_2_2_mid_left_4 dl dd{ margin-top:1em;}
.index_2_2_mid_left_3{ font-size:1.25em; margin-top:1em;}
.index_2_2_mid_left_2{ font-size:1em;}
.index_2_2_mid_left_1{ font-size:1em;}
.index_2_2{ padding-top:12em;}
.index_2 .index_2_1_left{ padding-bottom:1em;}
.index_2_1{ padding-top:2em;}
.index_2_1_2{ font-size:1.5em;}
.indexbanner .swiper-pagination-bullet{ height:2em; font-size:.875em;}
.indexbanner_con_2{ display:none}
.footer_5{ margin-top:2em;}
.footer_5_left{ display:none}
.footer_5_right{ width:100%; float:none; text-align:center}
.footer_4{ display:none}
.footer_2{ padding-top:1.5em; padding-bottom:1.5em;}
#footer{ padding-top:2.5em; padding-bottom:2em;}
.footer_1{ font-size:1.25em;}
.contact_2_1 table{ width:960px;}
.contact_2_1{ overflow-x:auto;}
.contact_2{ padding-bottom:2.5em;}
.about_5_1 ul li{ margin:0 5px;}
.about_4{ padding-bottom:0}
.about_4_1 a{ font-size:.5em;}
.about_4_2{ display:none}
.about_3{ padding-bottom:2em;}
.about_3_1 ul li{ width:25%; margin-bottom:.5em;}
.about_2_1_mid_2{ color:#666}
.about_2_1 ul li{ width:100%; margin-right:0; margin-bottom:1.5em;}
.about_2_1_mid_1{ font-size:1.125em;}
.ser_6{ padding-bottom:2.5em;}
.ser_5{ margin-top:2.5em;}
.ser_4_jj_2_1{ font-size:1.125em;}
.ser_1_left ul li .ser_1_left_3 {
  visibility: visible;
  height: auto; display:block;
  margin-top: 1em;
}
.ser_1_left ul li{ padding-bottom:1.5em;}
.ser_1_left{ float:none; width:auto; margin-right:4.16666666666667%; padding-top:1.5em;}
.ser_1_right{ float:none; width:auto;  }
.mr_4_1_2_2{ padding-right:4em;}
.mr_4_1_2_2_right{ font-size:.65em;}
.mr_4_1 ul li{ margin-top:1em;}
.mr_4_1_2{ margin:1em;}
.mr_4{ padding-top:2.5em;}
.index_1_m{ padding-bottom:2.5em;}
.mr_1 ul li{ width:49%; margin-right:0; margin-top:1em;}
.mr_1 ul li:nth-child(2n){ float:right}
.proinfo_2_1_right{ font-size:.7em;}
.proinfo_2_2 .swiper-slide{ width:49%; margin-right:2%;}
.proinfo_1_right_3{ font-size:1.125em;}
.proinfo{ padding-top:2em;}
.proinfo_1_left{ width:100%;}
.proinfo_1_right{ width:100%; padding-top:1.5em;}
.proinfo .swiper-pagination-bullet{ font-size:.5em;}
.pro_2_mid_2{ padding:2em 0; padding-top:2.5em;}
.pro_2_mid_1 ul li:hover .emore{ border-color:#333; color:#333;background: rgba(255,255,255,1);}

 .pro_2_mid_1 ul li:hover .pro_2_mid_1_img_name_1{ color:#333;}
.pro_2_mid_1 ul li:hover .pro_2_mid_1_img_name{ bottom:0em;}
.pro_2_mid_1 ul li{ margin-top:0em;}
.pro_2_mid_1 ul li:hover .pro_2_mid_1_img_img{ opacity:1}
.pro_2_mid_1 ul li:hover .pro_2_mid_1_img_bg{ opacity:0;}
.pro_2_mid_1_img_name_1{ font-size:1.125em;}
.pro_2_mid_1 ul li{ width:49%; margin-right:0}
.pro_2_mid_1 ul li:nth-child(2n){ float:right}
.index_1_1{ font-size:1.5em;}
.pro_1_mid_1{ height:2.5em;}
.pro_1_mid ul li a{ padding-bottom:1em;}
.pro_1_mid_2{ font-size:1em;}
.pro_1{ padding-top:2.5em;}
.pro_1_mid ul li{flex: 1 1 33.3333%;  }
.pro_1_mid ul li a{ display:block; }
.pro_1_mid ul li a:after{ height:1px;}
.pro_1_mid ul li:hover a:after, .pro_1_mid ul li.on a:after {
  width: 50%; left:25%;
}

}
@media screen and (max-width:768px) {
.index_2_1_2{ font-size:1.25em;}
.about_5_2_mid_jj_4_left{ font-size:1em;}
.about_5_2_mid_jj_4_right{ font-size:.875em;}
.about_5_2_mid{ padding:1em;}
.about_5{ padding-bottom:.5em;}
.about_5_2{ padding-bottom:2.5em;}
.about_5_2 .swiper-slide{ width:65%; margin-right:0}
.about_1_mid ul li:nth-child(3), .about_1_mid ul li:nth-child(4){ margin-top:2em;}
.about_1_mid ul li:nth-child(2n){ text-align:center}
.about_1_mid ul li{ text-align:center}
.about_1_video{ width:80%}
	.about_1_mid {
  position:static;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  z-index: 10;
  width: 100%;
}



}
.pinfobottom_1,.mr_3_mid_1{ overflow:hidden}
.pinfobottom_1 img,.mr_3_mid_1 img{ width:100%;}
#swiper-pagination2{ position:static; margin-top:2em; display:none}
@media screen and (max-width:640px) {

#header .warp-nav {
  height: calc(100vh - 60px);
   
  top: 60px;
   
}


.indexbanner_con{ bottom:90px;}
.index_5_mid ul li{ width:100%;}
.index_7_2_img_san{ font-size:.55em;}
.footer_3 ul li{ width:48%; margin:0; display:block; float:left}
.footer_3 ul li:nth-child(2){ float:right}
.footer_3 ul li a{ width:auto; font-size:.875em;}

.ser_5{ padding-bottom:2.5em;}
#serpage{ font-size:.45em;}
.ser_5_mid_right_mid_jj_left p{ padding-right:0}
.ser_5_mid_right_mid_jj_right dl dd:nth-child(2){ text-align:right}
.ser_5_mid_right_mid{ padding-right:1em;}
.ser_5_mid_right_mid_jj_right{ position:static; width:auto; padding:1em 0;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); overflow:hidden;}
.ser_3_1 ul li:nth-child(2) .ser_3_1_mid{ width:auto}
.ser_3_1 ul li,.ser_3_1 ul li:nth-child(2){ width:100%;}
#okkcase ul li{ width:100%; margin-right:0}
.mr_3_mid ul li{ width:100%; margin-right:0}

#ppjj .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,#ppjj .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}

.pinfobottom .proinfo_2_2 .swiper-slide {
  width: 49%;
  margin-right: 2%;
}
.project_info_1_mid_left .index_1_1{ font-size:1.25em;}
.pjinfo_1_2_mid_mid_right .index_1_1{ font-size:1.25em;}
.pjinfo_1_1_mid_right_right:after{ font-size:.7em;}
  .pjinfo_1_1_mid_right_left input {
    height: 2.5em;
    line-height: 2.5em;
  }
  .pjinfo_1_1_mid_right_right{ width:4em;}
.pjinfo_1_1_mid_left{ width:100%;}
.pjinfo_1_1_mid_right{ position:static; width:100%; margin-top:1em;}
#swiper-pagination2{ display:block}
.proinfo_2_1_right{ display:none}
.proinfo_1_right_4 dl{ width:100%;}
.proinfo .index_1_1{ font-size:1.25em;}
.pro_2_mid_1_img_img{ width:80%;}
 
.emore{ height:2em; font-size:14px; width:9em; line-height:2em;}
.headermid_right{ height:2em;}
.headermid_left img{ height:20px;}
.pro_2_mid_1_img_bg{ display:marker}
.pro_2_mid_1_img{ height:50vw;}
.proinfo_1_right_5 .emore{ width:12em;}
.proinfo_1_right_6 ul{ width:100%;} 
.proinfo_1_right_6 ul li{ padding:1em 0;}

}
@media screen and (max-width:500px) {
.index_2_2_mid_left_1 span{ font-size:2em;}

a.subtn{ width:100%;}
.lxwm{ padding-bottom:1em;}
.contact_1_left ul li{ height:auto; width:100%;}
.contact_1_left_mid {
  position:static; padding:1.5em 1em;
  top: 0%;
  width:auto;
  left: 0%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}
.about_5_2 .swiper-slide{ width:85%; margin-right:0}
.about_3_1_mid{ margin:0 14px;}
.about_3_1 ul li{ width:33.3333%;}
.about_1_mid_mid_1{ min-height:inherit}
.about_1_mid_mid{ width:auto; min-height:inherit}
.about_1_mid ul li:nth-child(3), .about_1_mid ul li:nth-child(4){ margin-top:1.5em;}
.about_1_mid ul li{ width:100%; margin-top:1.5em;}
.index_1_m_info{ padding-top:1em;}
.pro_2_mid_1_img_name_1{ font-size:1em;}
.pro_1_mid ul li{flex: 1 1 50%;  }
.pro_1_mid ul li:last-child a{   width:50%;}
 .index_1_1{ font-size:1.25em;}
}

.mr_4_1_2_2_right{transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.mr_4_1 ul li:hover .mr_4_1_2_2_right{ right:-10px;}
.index_2_2_mid_pc{ position:relative;}
.index_2_2_mid_pc .index_2_2_mid_left{ opacity:0;}
.index_2_2_mid_pc .index_2_2_mid_left.on{ opacity:1; }
.about_4_1 a{display:none}