/* 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: 'SOURCEHANSANSCN-EXTRALIGHT';
    src: url('fonts/SOURCEHANSANSCN-EXTRALIGHT.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');
} 
*/ 
@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS/HarmonyOS_Sans_Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HarmonyOS Sans Medium';
    src: url('fonts/HarmonyOS/HarmonyOS_Sans_Medium.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HarmonyOS Sans Light';
    src: url('fonts/HarmonyOS/HarmonyOS_Sans_Light.ttf');
    font-weight: normal;
    font-style: normal;
}

a.biga,.slang{font-family: 'HarmonyOS Sans';}
body{
    font:1em/1.3 "HarmonyOS Sans";   
	-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: "HarmonyOS Sans";
}
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{
    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,.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{font-family: AlibabaPuHuiTi-2-45-Light;
text-align:center;}
.pagination{
padding:0em 0 0em 0;}
.pagination li{
display:inline-block; margin:0 5px;}
.pagination li:nth-child(1),.pagination li:last-child{ font-family: 'poppinsmedium';  }
.pagination li a,.pagination li span{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block; height:2.1875em;     text-align:center; line-height:2.1875em; width:2.1875em;
border:1px #d1d1d1 solid; border-radius:100%; }
.pagination li a:hover,.pagination li.active span{
color:#fff;   border-color:#000; background-color:#000; background-position:center; background-repeat:no-repeat; background-size:cover;}
.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**********/
.headermid{/* margin:0 2.29166666666667%;*/}
#header{ position:fixed; left:0; top:0; z-index:100; width:100%; /*border-bottom:1px rgb(255, 255, 255, 0.22) solid;*/}
.headermid_left{ position:relative;}
.headermid_left_left{ position:absolute; left:8.33333333333333%;; top:50%; z-index:10;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.headermid_left_right ul li{ display:inline-block;   margin:0 1em;}
.headermid_left_right ul li a.biga{transition: .3s;  color:#fff; font-size:1em; padding:1.777777777777778em 0;padding-right:1.25em; padding-right:0; display:block; position:relative}

.headermid_left_right ul li a.biga .hollow-arrow { 
        display: block;
        width: 16px;
        height: 16px; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);display:none;
    }
    
.headermid_left_right ul li a.biga .hollow-arrow::after {transition: .3s; 
        content: "";
        display: block;
        width: 9px;
        height: 9px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        margin-top: 2px;
    }
.headermid_right dl dd{ display:inline-block; line-height:21px; margin-left:1em;}
.headermid_right dl dd svg{ fill:#ffffff;}
.headermid_right dl dd:nth-child(1) svg{ width:21px; height:21px;}
.headermid_right dl dd:nth-child(2) svg{ width:23px; height:21px;}
.headermid_right dl dd:nth-child(3) svg{ width:16px; height:21px;}
.headermid_right dl dd:nth-child(4) a{ font-size:1.25em; display:block; position:relative;-webkit-transform: translate(-0%, -5px);  
    transform: translate(-0%, -5px);}



.headermid_left_right{ text-align:center;       }
.headermid_left_right ul li:nth-child(1){ }
.headermid_left_right ul li:last-child{ position:relative;}
.headermid_left_right_search{ position:absolute; right:-4em; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.headermid_left_right_search a{ display:block; width:1em; height:1em; background-image:url(../images/header/img1.png); background-position:center; background-repeat:no-repeat;}	
.headermid_right{ position:absolute; right:8.33333333333333%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.headermid_right_1{ display:block; padding-left:1.75em; position:relative;   font-size:0.9375em;}	
.headermid_right_1:before{ content:'';background-image:url(../images/header/img3.png); width:1em; height:1.066666666666667em; background-position:center; background-size:cover; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
#header .headermid{ position:relative;}	
.headermid_right_2{ padding-right:17px; padding-left:1.733333333333333em; display:block; position:relative;   font-size:.9375em;}
.headermid_right_2:before{ left:0;  content:''; position:absolute; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:1.2em; height:1.2em;background-position:center; background-size:cover; background-image:url(../images/header/img7.png);}
.headermid_right ul li{ display:inline-block; padding:0 1.25em;}	
.headermid_right ul li:nth-child(2){ background-image:url(../images/header/img5.png); background-position:left center; padding-right:0; background-repeat:no-repeat;}
.headermid_right_2:after{ right:0;  content:''; position:absolute; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:9px; height:5px;background-position:center; background-size:cover; background-image:url(../images/header/img9.png);}
.headermid_right a{ color:#fff;transition: .3s; }
.headermid_left_left img{ height:39px;}
.headermid_left_left a img:nth-child(2){ display:none;}
#header.cur .headermid_left_right ul li a.biga,#header.cur .headermid_right a{ color:#000;}
#header.cur .headermid_right dl dd svg{fill:#000000}
#header.cur .headermid_left_right ul li a.biga .hollow-arrow::after{ border-color:#000}
#header.cur .headermid_left_left a img:nth-child(2){ display:block;}
#header.cur .headermid_left_left a img:nth-child(1){ display:none;}
#header.cur .headermid_right_1:before { background-image:url(../images/header/img4.png);}
#header.cur .headermid_right_2:before { background-image:url(../images/header/img8.png);}
#header.cur .headermid_right_2:after { background-image:url(../images/header/img10.png);}
#header.cur .headermid_right ul li:nth-child(2){background-image:url(../images/header/img6.png);}
#header.cur .headermid_left_right_search a{background-image:url(../images/header/img2.png);}
#header.cur .headermid_left_right ul li a.biga{ padding-top:1.25em; padding-bottom:1.25em;}
#header.cur .headermid_left_left a img{ height:30px;}
#header.cur{/*border-bottom: 1px rgb(0, 0, 0, 0.22) solid;*/}

#header.cur2 .headermid_left_left a img{ height:30px;} 
#header.cur2 .headermid_left_right ul li a.biga{ padding-top:1.25em; padding-bottom:1.25em;} 

/***********index****************/
.indexbanner .swiper-slide{ height:100vh;}
.bannerbg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbannercon{ position:absolute; left:0; width:100%; top:50%; z-index:10;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); color:#fff; }
.indexbanner_mid{ margin:0 8.33333333333333%;}
.indexbanner_mid_1{ font-size:3.625em;font-family: 'HarmonyOS Sans Medium';}
.indexbanner_mid_2{ font-size:1.6875em;  margin-top:15px; padding-bottom:2.5em; line-height:1.6;}
.coma{ display: inline-flex;  font-family: 'HarmonyOS Sans Light';
  align-items: center; padding:.5em; padding-left:0;  
  gap: 10px; font-size:1.25em;
  text-decoration: none;   color:#fff;}
.coma span{display: inline-block;
  line-height: 1; margin-right:1em;}
.coma svg{width: 0.45em;
  height: 0.9em;
  vertical-align: middle;fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2; fill: rgb(255, 255, 255);}
.coma:hover{  color:#fff;   }
.coma:hover span{ margin-right:1.375em;}
.coma:hover svg{fill: rgb(255, 255, 255);}
.bannerleftfooter{ position:absolute; left:0; bottom:0; width:100%; bottom:5%; z-index:10; color:#fff;}
#swiper-pagination1{ position:static; text-align:left;}
.bannerleftfooter .indexbanner_mid{ position:relative;}
.bannerleftfooter_1{ position:absolute; right:0; font-size:1.125em; display:none}
#swiper-pagination1 .swiper-pagination-bullet{ width:0.625em; height:0.625em; margin-right:1em; border-radius:0.625em; opacity:1;   background:none; background-color:#fff;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#swiper-pagination1 .swiper-pagination-bullet-active{ background-color:#fff; width:6em;}

 #indexbody {
      width: 100%;
      height: 100%;
    }
.indexzx{ position:absolute; left:0; top:50%; width:100%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);} 
.index_1_1{ position:relative; padding-right:220px;}
.index_1_1_right{ position:absolute; right:0; bottom:0;}
.coma.coma_black{ border-color:#000; color:#000}
.coma.coma_black svg{fill: rgb(0, 0, 0);}
.coma.coma_black:hover svg{fill: rgb(0, 0, 0);}
.coma.coma_black:hover{  color:#000;}
.index_1_1_left_1 span{  display:block; position:relative; font-size:2.875em; }
.index_1_1_left_1 span:before{ display:none;font-family: 'HarmonyOS Sans Medium'; content:'';-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); position:absolute; width:.7em; height:.7em; position:absolute; left:0; top:50%; border-radius:100%; background-color:#000;}
.index_1_1_left_2{ font-size:1.5625em; margin-top:.4em; margin-bottom:2.3em;}
.index_1_2 ul li{
float:left; width:11.5%; margin-right:1%;transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;}
.index_1_2 ul li:last-child{ margin-right:0}
.index_1_2 ul li.cur{ width:50%;}
.index_1_2 ul li a{ display:block; position:relative; height:25.41666666666667vw;}
.index_1_2_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;border-radius: 1.041vw; overflow:hidden;}
.index_1_2_img:after{ transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.67;}
.index_1_2_con{ position:absolute; z-index:10; left:0; width:100%; text-align:center; color:#bfc0c0; bottom:10%;-webkit-transform: translate(-0%, -0%);  
    transform: translate(-0%, -0%);}
.index_1_2_con_mid{ margin:0 1em;}
.index_1_2_con_mid_2{ font-size:1.125em; margin-top:1em;}
.index_1_2_con_mid_1{ position:relative; height:3.0625em; display:none}
.index_1_2_con_mid_1 img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:100%;}
.index_1_2 ul li.cur .index_1_2_img:after{ opacity:0;}
.index_1_2 ul li.cur .index_1_2_con{ text-align:left;opacity:0;  }
.index_1_2 ul li.cur .index_1_2_con_mid_2{ font-size:1.5em; color:#333}
.index_2{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_1_white{ padding-right:0; color:#fff;}
.index_1_1_white .index_1_1_left_1 span:before { background-color:#fff;}
.index_1_1_left_2_nb{ margin-bottom:0}
.index_2_1{font-family: 'Poppins'; font-size:1.5em; font-weight:bold; line-height:1.6; margin-bottom:1.375em; margin-top:.5em;}
.index_3_1_img{ overflow:hidden;border-radius: 1.041vw;}
.index_3_1_img img{ width:100%;}
.index_3_1_img_con{ display:none; position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;}
.index_3_1_img_con_mid_1{ font-size:3em;}
.index_3_1_img_con_mid_2{ font-size:1.125em; margin-top:10px; margin-bottom:3em; line-height:1.6; max-width:46em;}
.index_3_1_img_con_mid{ padding:0 3.75em;}
#swiper-pagination3{ position:static; width:100%; text-align:center}
.index3page{ position:absolute; left:0;   width:100%; bottom:7%; text-align:center; z-index:10;}
#swiper-pagination3 .swiper-pagination-bullet{ border:none; opacity:1; width:.625em; height:.625em; background:none; margin-right:.5em; margin-left:0.5em; border-radius:0.625em; background-color:#fff;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#swiper-pagination3 .swiper-pagination-bullet-active{ background-color:#fff; width:6em;}
.index_4_img{ position:relative;border-radius: 1.041vw; overflow:hidden}
.index_4_img img{ width:100%;}
.index_4_img_jj{ position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.index_3_1_img_con_mid{ padding-bottom:3em;}
.index_5{ position:absolute; left:0; width:100%; z-index:20; text-align:center; color:#fff; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.index_5_1{ z-index:15}
.index_5_2{ font-size:2em;  margin-bottom:6.25em; margin-top:2em;}
/************footer***************/
.footer_1_mid{ position:relative;}
.footer_1_mid:after{ content:''; position:absolute; right:0; top:50%; width:100%; height:1px; background-color:#888;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.footer_1_left{ position:relative; z-index:1; background-color:#fff; display:inline-block; padding-right:3.125em;}
.footer_1_right{ position:absolute; right:0; bottom:0;}
.footer_1_right span{ padding-left:1.233333333333333em; position:relative; font-size:1.875em;font-family: 'Poppins'; font-weight:bold;}
.footer_1_right span:before{  content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:0.9333333333333333em; height:0.9666666666666667em; background-image:url(../images/footer/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_1_left_2{ font-size:1.5em;   margin-top:1em;}
.footer_1{   padding-bottom:110px; padding-top:110px;}
#footer{  }
.footer_2_1{ font-size:1.5em; margin:2.25em 0 1.75em 0;}
.footer_2_2_left{
float:left; width:65%; position:relative; overflow:hidden;}
.footer_2_2_left:after{ content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#888888}
.footer_2_2_right{ float:right; width:35%;}
.footer_2_2 p{ font-size:1.25em; margin-bottom:1.875em;font-family: 'HarmonyOS Sans Medium';}
.footer_2_2_left li dl dd a{ display:inline-block;  transition: all .3s;}
.footer_2_2_left li dl dd a:hover{transform: translateX(5px);}
.footer_2_2 p a{display:inline-block;  transition: all .3s;font-family: 'HarmonyOS Sans Medium';}
.footer_2_2 p a:hover{transform: translateX(5px);}
.footer_2_2_left li{
float:left; width:33.3333%;}
.footer_2_2_left li dl dd{ margin-bottom:1em;}
.footer_2_2_left_mid{ margin-right:1em;}
.footer_2_2_right_mid_1{ font-size:1.25em;}
.footer_2_2_right_mid_1 a{ display:block; border:1px #000 solid; border-radius:3em; border-radius:3em; line-height:3em; text-align:center}
.coma2{ display: inline-flex; 
  align-items: center; padding:.5em; padding-left:1.25em; border-radius:2.5em;
  gap: 10px; 
  text-decoration: none;   color:#fff; background-color:#000; border:1px #000 solid;}
.coma2 span{display: inline-block;
  line-height: 1; margin-right:2em;}
.coma2 svg{width: 1.25em;
  height: 1.25em;
  vertical-align: middle;fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2; fill: rgb(255, 255, 255);}
.coma2:hover{  color:#000; background-color:#fff;}
.coma2:hover svg{fill: rgb(0, 0, 0);}
#footer .coma2{ display:block; padding:0; text-align:center; height:3.75em; line-height:3.75em; border-radius:3.75em; letter-spacing:1.5px;}
#footer .coma2 span{ margin:0;}
.footer_2_2_right_mid_2{ margin:2.5em 0 3.5em 0;}
.footer_2_2_right_mid_3 ul li{ display:inline-block; margin-left:1.5em;}
.footer_2_2_right_mid_3 ul li:nth-child(1){ margin-left:0}
.footer_2_3_left{ float:left;}
.footer_2_3_right{ float:right;}
.footer_2_3{ font-size:.875em; color:#727171; padding:3.3333em 0; margin-top:9.375em;border-top:1px #888888 solid;}
.footer_2_2_right_mid{
float:right; width:66%;  }
.footer_2_2_right_mid_3{ position:relative; padding-left:8.5625em;}
.footer_2_2_right_mid_3 span{ font-size:1.25em; position:absolute; left:0; top:.0em;}
/****************product*******************/
.nybody #header .headermid_left_right ul li a.biga,.nybody #header .headermid_right a{ color:#000;}

.nybody #header .headermid_left_right ul li a.biga .hollow-arrow::after{ border-color:#000}
.nybody #header .headermid_right dl dd svg {
  fill: #000000;
}

.nybody #header .headermid_left_left a img:nth-child(2){ display:block;}
.nybody #header .headermid_left_left a img:nth-child(1){ display:none;}
.nybody #header .headermid_right_1:before { background-image:url(../images/header/img4.png);}
.nybody #header .headermid_right_2:before { background-image:url(../images/header/img8.png);}
.nybody #header .headermid_right_2:after { background-image:url(../images/header/img10.png);}
.nybody #header .headermid_right ul li:nth-child(2){background-image:url(../images/header/img6.png);}
.nybody #header .headermid_left_right_search a{background-image:url(../images/header/img2.png);}
.nybody #header .headermid_left_left a img{ height:39px;}
.nybody #header.cur .headermid_left_left a img{ height:30px;}
.nybody #header{/*border-bottom: 1px rgb(0, 0, 0, 0.22) solid;*/}

.product_1{ margin-top:87.4px;}
.product_1_1{ font-size:3em; margin-bottom:.25em;}
.product_1_2{ font-size:1.125em; line-height:1.6; margin-bottom:2.5em;}
.product_2_1 ul li{transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
float:left; position:relative; height:25.3125vw; width:10.7875%; margin-right:.8125%;}
.product_2_1 ul li:last-child{ margin-right:0}
.product_2_1 ul li.cur{width:42%; }
.product_2_1 ul li.cur .index_1_2_img:after{ opacity:0;}
.product_2_1 ul li.cur .index_1_2_con{ opacity:0;}
.product_3_1{ font-size:2.25em; padding-top:2.861111111111111em; margin-bottom:1em;}
.product_3_2 ul li{ display:inline-block; margin:2.5px}
.product_3_2 ul li a{ transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;display:block; font-size:1.25em;   line-height:2.611111111111111em; border-radius:2.611111111111111em; padding:0 1.5em; background-color:#fff;}
.product_3_2 ul li a span{ position:relative; padding-left:0em;}
.product_3_2 ul li a span:before{transition: .5s; display:none;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s; content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:0.5555555555555556em; height:0.5555555555555556em; border-radius:100%; background-color:#000;}
.product_3_2 ul li a:hover,.product_3_2 ul li a.on{ background-color:#000; color:#fff;}
.product_3_2 ul li a:hover span:before,.product_3_2 ul li a.on span:before{ background-color:#fff}
.product_4_1 ul li{  border-radius:10px; margin-right:.33333333333333%;
float:left; width:24.75%; margin-top:8px;}
.product_4_1 ul li:nth-child(4n){ margin-right:0}
.product_4_1_img{ position:relative; overflow:hidden; height:26.875em;}

#product_4_1 .product_4_1_img{height:26.40625vw;}
#product_4_1 .product_4_1_name{ position:absolute; left:0; bottom:0; width:100%;}
#product_4_1 .product_4_1_img img.si{top: 9.86193293885602%;
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  max-height: 65%;}
#product_4_1 .product_4_1_name_1{ margin-bottom:.75em;}
#product_4_1 .product_4_1_img_2{ height:100%;}
#product_4_1 .product_4_1_img_2 img{ max-height:none;object-fit: cover; width:100%; height:100%;}


.product_4_1_img img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:75%;}
.product_4_1_img_2{ position:absolute;  left:0; top:0; width:100%; z-index:10; opacity:0;}
.product_4_1 ul li:hover .product_4_1_img_2,.swiper-slide:hover .product_4_1_img_2{ opacity:1;}
.product_4_1_name_1{ font-size:1.25em; margin-top:0em; text-align:center; margin-left:1em; margin-right:1em; min-height:3.2em; 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-bottom:1.5em; }
.product_4_1_name_2{ display:none}
.product_4_1_name{ margin-bottom:0em;}
.product_4_1{ margin-top:2em;}
.product_4_2{ margin:2.5em 0;}
.nybody #header.cur{ background-color:#fff;}
/************about*************************/
.about_1_mid{ position:relative; }
.about_1_mid_left{
float:left; width:24.375%;}
.about_1_mid_right{
float:right; width:75.625%;}
.about_2_img{ overflow:hidden; margin-top:2em; border-radius:1.041vw}
.about_2_img img{ width:100%;}
.about_3_1{ text-align:center; margin-top:2.6em;}
.about_3_2{ text-align:center}
.about_4_mid ul li{ margin-right:1.796875%;
float:left; width:18.5625%; overflow:hidden;border-radius:1.041vw;  position:relative;}
.about_4_mid ul li:nth-child(5n){ margin-right:0}
.about_4_mid_img img{ width:100%;}
.about_4_mid_img_jj{ position:absolute; left:0; z-index:10; width:100%; color:#fff; bottom:0;}
.about_4_mid_img_jj_mid_2{ font-size:1.125em; margin-top:1em;}
.about_4_mid_img_jj_mid_3{font-family: 'Poppins'; font-weight:bold; line-height:2;}
.about_4_mid_img_jj_mid{ margin:1.875em 1.375em;}
.about_4_mid ul li:nth-child(2n-1){ margin-top:4.75em;}
.about_4{ padding-top:2em; padding-bottom:8em;}
.about_5_mid{ position:relative; overflow:hidden;border-radius:1.041vw}
.about_5_mid_img img{ width:100%;}
.about_5_mid_jj{ position:absolute; z-index:10; left:0; bottom:0; width:100%; color:#fff;}
.about_5_mid_jj .product_1_2{ margin-bottom:0}
.about_5_mid_jj_mid{ margin:5em;}
.about_5{ padding-bottom:8.75em;}
.about_6{ position:relative; height:37vw; margin-bottom:2.5em;}
.about_6_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_6_mid{ position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.dev_1_mid_2_mid{ height:0; visibility:hidden}
.dev_1_mid_2_mid.on{ height:auto; visibility:visible}
.dev_1_mid_2_mid_img{ overflow:hidden;border-radius:1.041vw}
.dev_1_mid_2_mid_img img{ width:100%;}
.dev_1_mid_2_mid_img_jj_1{ font-size:1.5em; margin-bottom:10px; margin-top:1.5em;}
.dev_1_mid_2_mid_img_jj_2{ font-size:1.125em;}
.dev_1_mid_2_mid_nav .swiper-pagination{ position:static;}
.dev_1_mid_2_mid_nav{ position:relative; display:inline-block; margin:0 auto;}
.dev_1_mid_2{ text-align:center}
.dev_1_mid_2_mid_img_jj{ text-align:left}
.dev_1_mid_2_mid_nav .swiper-pagination-bullet{ border:1px #000 solid; opacity:1; background:none;  }
.dev_1_mid_2_mid_nav .swiper-pagination-bullet-active{ background-color:#000;}
.dev_1 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.dev_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.swiper-button-nexts{ position:absolute; right:-31px; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:21px; height:9px; background-image:url(../images/about/img16.png); background-size:cover; background-position:center; background-repeat:no-repeat; cursor:pointer;}

.swiper-button-prevs{ position:absolute; left:-31px; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:21px; height:9px; background-image:url(../images/about/img15.png); background-size:cover; background-position:center; background-repeat:no-repeat; cursor:pointer;}	
.dev_1_mid_2_mid_nav{ margin:5em 0;}
.dev_1_mid_2{ margin-top:3em;}
.news_1_mid{ position:relative;}
.news_1_mid_left{ width:50%; overflow:hidden;border-radius:1.041vw}
.news_1_mid_left img{ width:100%;}
.news_1_mid_right{ position:absolute; right:0; top:50%; width:45%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); }
.news_1_mid_right_1 span{ display:inline-block; padding:0 10px; background-image:url(../images/about/img18.jpg); background-position:left center; background-repeat:no-repeat;}
.news_1_mid_right_1 span:nth-child(1){ padding-left:0; background:none}
.news_1_mid_right_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; margin-top:15px;  }
.news_1_mid_right_3{ font-size:1.125em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.8; margin:1.875em 0;}
.news_1{ padding-bottom:0em;}
.news_2_1 ul li{
float:left; width:32.9375%; margin-right:.59375%; margin-top:4.5em;}
.news_2_1 ul li:nth-child(3n){ margin-right:0}
.news_2_1_img{ overflow:hidden;border-radius:1.041vw }
.news_2_1_img img{ width:100%;}
.news_2_1_img_1{ font-size:1.125em; margin:1em 0; margin-top:1.25em;}
.news_2_1_img_1 span{ display:inline-block; padding:0 10px; background-image:url(../images/about/img19.jpg); background-position:left center; background-repeat:no-repeat;}
.news_2_1_img_1 span:nth-child(1){ padding-left:0; background:none}
.news_2_1_img_2{ font-size:1.5em;}
.news_2_1_img_3{ font-size:1.125em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.6; min-height:4.8em; margin-top:10px; margin-bottom:1.5em;}
.mjiantou{ color:#666;font-family: 'Poppins'; font-weight:bold; }
.mjiantou span{ display:inline-block; position:relative; padding-right:2.5em;}
.mjiantou span:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content:''; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:1.5625em; height:0.6875em; background-image:url(../images/about/img20.png); background-position:center; background-size:cover;}
.news_2{ overflow:hidden;   overflow:hidden}
.news_2_2{ padding:5.5em 0;}
a:hover .mjiantou span:after{ right:-.5em;}
.news_info_1{ margin-top:7.6875em;}
.news_info_1_mid{ font-size:1.125em;}
.news_info_2_mid{ width:90.25%; margin:0 auto;}
.news_info_2_mid_1{ font-size:2.25em; text-align:center; margin-top:5em;}
.news_info_2_mid_2{ text-align:center;font-family: 'Poppins'; font-weight:bold; margin-top:1em;}
.news_info_2_mid_2 span{ background-image:url(../images/about/img22.png); padding-left:28px; background-position:left center; background-repeat:no-repeat;}
.news_info_2_mid_3{ font-size:1.125em; line-height:1.9; margin-top:3.555555555555556em;}
.news_info_2_mid_4{ overflow:hidden; background-color:#edf2f3; overflow:hidden; position:relative; margin:3.5em 0; padding:1.25em; font-size:1.125em;}
.news_info_2_mid_4 ul li{
float:left; width:50%;}
.news_info_2_mid_4 ul li:nth-child(2){ text-align:right;}
.news_info_2_mid_4 ul li a span{ padding:0 10px;}
.news_info_2_mid_4 ul li a{ display:block; color:#4c4c4c; margin-right:5em;}
.news_info_2_mid_4_re{ display:block; position:absolute; left:50%; top:50%; z-index:10;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); width:1.722222222222222em; height:1.666666666666667em; background-image:url(../images/about/img23.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_info_2_mid_4 ul li:nth-child(2) a{ margin-right:0; margin-left:5em;}
.inv_1_mid{ position:relative; background-color:#f1f5f5;border-radius:1.041vw; overflow:hidden}
.inv_1_mid_left{ width:50%; margin-left:50%; overflow:hidden;}
.inv_1_mid_left img{ width:100%;}
.inv_1_mid_right_mid{ position:absolute; width:50%; max-height:100%; overflow-y:auto;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); left:0; top:50%; }
.inv_1_mid_right_mid_jj{ margin:2em 4em;}
.inv_2_1{ text-align:center; padding:2em 0;}
.inv_2_2 ul li{
float:left; width:32.8125%; margin-right:0.78125%;}
.inv_2_2 ul li:nth-child(3n){ margin-right:0}
.inv_2_2_1{ overflow:hidden;border-radius:1.041vw;}
.inv_2_2_1 img{ width:100%;}
.inv_2_2_2{ font-size:1.71em;font-family: 'HarmonyOS Sans Medium'; margin-top:1.5em; margin-bottom:.75em;}
.inv_2_2_3{ font-size:1.5em;  }
.inv_3{ margin-top:10em;}
.inv_3 .inv_1_mid_left{ margin-left:0}
.inv_3 .inv_1_mid_right_mid{ left:auto; right:0}
.inv_4{ margin-top:9.5em; padding-bottom:3em}
.aw_1_mid{  background-position:center; padding-top:7.5em; padding-left:4.375em; padding-right:4.375em; background-repeat:no-repeat; background-size:cover; overflow:hidden;border-radius:1.041vw; margin-bottom:2em}
.aw_1_mid_jj{ text-align:center; color:#fff;}
.aw_1_mid_jj_img{ border:1px rgb(255, 255, 255, .19) solid; border-radius:10px; background-color:rgb(0, 0, 0, .32)}
.aw_1_mid_jj_img_mid{ margin:15px;}
.aw_1_mid_jj_img_mid_1{ overflow:hidden; }
.aw_1_mid_jj_img_mid_1 img{border-radius:15px; height:11vw;}
.aw_1_mid_jj_img_mid_2{ margin:1em 0; line-height:1.6; min-height:3.2em; margin-bottom:2em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.aw_1 .swiper-button-nexts{ background-image:url(../images/about/img15ww.png);}
.aw_1 .swiper-button-prevs{ background-image:url(../images/about/img15w.png);}
.aw_1 .dev_1_mid_2_mid_nav .swiper-pagination-bullet{ border:1px #fff solid;}
.aw_1 .dev_1_mid_2_mid_nav .swiper-pagination-bullet-active{ background-color:#fff;}
.aw_1 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.aw_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.ins_1{ text-align:center;}
.ins_1 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.ins_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.swiper-slide.small{ width:28.97727272727273%; height:32.65625vw;}
.swiper-slide.big{ width:55.39772727272727%; height:32.65625vw;}
.indexbanner_mid_ins{ margin-left:8.33333333333333%;}
.ins_1 .swiper-slide{ margin-right:1.98863636363636%;}
.ins_1_img{  position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.team_2_mid_mid_left{ overflow:hidden; width:57.6875%;border-radius:1.041vw;}
.team_2_mid_mid_left img{ width:100%;}
.team_2_mid_mid{ position:relative;}
.team_2_mid_mid_right{ position:absolute; right:0; width:38.125%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); }
.team_2_mid ul li:nth-child(2n) .team_2_mid_mid_left{ margin-left:42.3125%}
.team_2_mid ul li:nth-child(2n) .team_2_mid_mid_right{ left:0; right:auto}
.team_2_mid ul li{ margin-top:7em;}
.team_2{ padding-bottom:2em;}
.team_2 .product_1_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.team_info_1_mid_left{
float:left;  width:25%;}
.team_info_1_mid_right{ float:right; width:70%; line-height:1.8}
.team_info_1{ margin-top:4em; margin-bottom:4em;}
.team_info_2_img{ overflow:hidden;border-radius:1.041vw;}
.team_info_2_img img{ width:100%;}
.team_info_1_mid_left_t{font-size:2.25em;}
.team_info_3_1{ margin-top:3em; margin-bottom:1.25em;}
.team_info_3 .swiper-slide{ width:23.3125%; margin-right:2.25%;}
#jdt{ position:relative; top:auto; bottom:0; height:1px; margin:2em 0;}
.team_info_3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:#000}
.service_1{ overflow:hidden; position:relative;  }
.service_1_wbk{ position:absolute; z-index:10; left:11.66666666666667%; top:23%; font-size:2.875em;font-family: 'HarmonyOS Sans Medium';}
.service_1 img{ width:100%;}
.service_2{ margin-top:1.2em;}
.service_3_mid_jj{ position:relative;}
.service_3_mid_jj_left{ width:50%; overflow:hidden; border-radius:1.014vw;}
.service_3_mid_jj_left img{ width:100%;}
.service_3_mid_jj_right{ position:absolute; right:0; top:50%; max-height:100%; overflow-y:auto; width:100%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); }
.service_3_mid ul li{ margin-bottom:10px;}
.service_3_mid_jj_right_1{ position:relative; font-size:1.71em;font-family: 'HarmonyOS Sans Medium'; padding-left:0em; margin-bottom:1.25em;}
.service_3_mid_jj_right_1 img{ position:absolute; left:0; top:0; width:1.3em; display:none}
.service_3_mid_jj_right_2{ font-size:1.4375em; color:#4c4948; line-height:1.6;}
.service_3_mid ul li:last-child{ border:none}
.man_1_mid{ overflow:hidden; position:relative; border-radius:1.014vw;}
.man_1_mid img{ width:100%;}
.man_1_mid a{ display:block;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); background-image:url(../images/about/s40.png); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:10; left:50%; top:50%; width:3.4375em; height:3.8125em;}

	
	
.man_2_1{ margin-top:2.7em;}
.man_3 ul li{float:left;}
.marlist{ overflow:hidden; width:100%;}
.man_3 ul li img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); height:60%;}
.litpic{box-shadow: 0 0 10px 5px rgba(123, 123, 123, 0.2);
 width:180px; height:100px; position:relative; margin:10px;}
.man_3{ margin:1em 0;}
.man_4{ overflow:hidden; background-color:#f1f1f1; margin-top:8em;}
.man_4_1{ padding-bottom:0}
.man_4_2_mid{ position:relative;}
.man_4_2_mid_left{ overflow:hidden; width:53.5625%; border-radius:1.014vw;}
.man_4_2_mid_left img{ width:100%;}
.man_4_2_mid_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:43.125%;}
.man_4_2{ padding:8.25em 0;}
.man_4_3 .man_4_2_mid_left{ margin-left:46.4375%;}
.man_4_3 .man_4_2_mid_right{ right:auto; left:0}

p.p1{ width:90%; margin-top:3em;}

.case_1 .swiper-horizontal > .swiper-pagination-bullets,.case_1 .swiper-pagination-bullets.swiper-pagination-horizontal,.case_1 .swiper-pagination-custom, .case_1 .swiper-pagination-fraction{ width:auto; left:3.125em; bottom:3.125em;}
.case_1 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.case_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.case_1 .swiper-pagination-bullet{ border:1px #FFF solid; opacity:1; background:none;}
.case_1 .about_5_mid_jj_mid{ margin:3.125em; margin-bottom:6.25em;}
.case_1 .swiper-pagination-bullet-active{ background-color:#fff;}
.case_2_1 ul li{ margin-top:8px;
float:left; width:24.75%; margin-right:.33333333333333%;}
.case_2_1 ul li:nth-child(4n){ margin-right:0}
.case_2_1 ul li a{ display:block; position:relative; overflow:hidden}
.case_2_1_img{ overflow:hidden; border-radius:1.014vw; position:relative;}
.case_2_1_img img{ width:100%;}
.case_2_1_img:after{ content:''; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/cases/img3.png);}
.case_2_1_img_jj{ position:absolute; left:0; bottom:-60px; width:100%; z-index:15; color:#fff;}
.case_2_1_img_jj_mid{ margin:1.875em;}
.case_2_1_img_jj_mid_1{ font-size:1.125em;}
.case_2_1_img_jj_mid_2{ font-size:1.5em; margin-top:12px;}

.coma3{ display: inline-flex;font-family: 'Poppins'; font-weight:bold;
  align-items: center; padding:.3em; padding-left:1.25em; border-radius:2.5em;
  gap: 10px; 
  text-decoration: none;   color:#000; background-color:#fff; border:1px #fff solid;}
.coma3 span{display: inline-block;
  line-height: 1; margin-right:1em;}
.coma3 svg{width: 1em;
  height: 1em;
  vertical-align: middle;fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2; fill: rgb(0, 0, 0);}
.case_2_1_img_jj_mid_3{ margin-top:1.5em;    } 
 .case_2_1 ul li:hover .case_2_1_img_jj{ bottom:0}
.case_2_1_img:before{ content:''; position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#000; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display:none}
 .case_2_1 ul li:hover .case_2_1_img:before{ opacity:.43}
.case_info_1_mid_left{ float:left; width:30%;}
.case_info_1_mid_right{ float:right; width:60%; }
.case_info_1_t{ font-size:2.25em;}
.case_info_1{ margin-top:5em;}
.case_info_2_img{ overflow:hidden; border-radius:1.014vw;}
.case_info_2_img img{ width:100%;}
.case_info_2{ margin-top:3.75em;}
.case_info_1_mid_right_t{font-size:1.125em; line-height:1.6;}
.case_info_3{ text-align:center}
.case_info_3_1{ margin-top:3.8em; margin-bottom:.5em;}
.case_info_3_3{ margin-top:2em; margin-bottom:3em;}
.res_1_1 ul li{ margin-top:4em;
float:left; width:33.125%; margin-right:0.3125%;}
.res_1_1 ul li:nth-child(3n){ margin-right:0}
.res_1_1_1{ overflow:hidden; border-radius:1.014vw;}
.res_1_1_1 img{ width:100%;}
.res_1_1_2{ font-size:1.71em;font-family: 'HarmonyOS Sans Medium'; margin-top:1.5em; margin-bottom:.875em;}
.res_1_1_3{ font-size:1.5625em; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:4.8em;  margin-bottom:1.5em; margin-right:17%;}
.product_1_2_re{ margin-bottom:0}
.remore{ font-size:1.25em; color:#898989}
.remore span{ position:relative; display:inline-block; padding-right:1em; background-position:right center; background-repeat:no-repeat;}
.remore span:after{ content:''; position:absolute; right:0; top:50%; width:0.45em; height:0.85em; background-image:url(../images/re/s7.png);-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover;}
.res_1_1 ul li:hover .remore span{ padding-right:1.5em;}
.res_1_2{ text-align:center;  padding:6.25em 0;}
.res_1_2 a{opacity:.25;}
.news_info_2_mid_1_re{ margin-top:2em;}
.news_info_2_mid_3_re{ margin-bottom:2em;}
.re_team_1_1 ul li{
float:left; width:32.75%; margin-right:0.875%; margin-top:4em;}
.re_team_1_1 ul li:nth-child(3n){ margin-right:0}
.re_team_1_1_1{ overflow:hidden; border-radius:1.014vw; position:relative;}
.re_team_1_1_1 img{ width:100%;}
.re_team_1_1_1 span i{ cursor:pointer; z-index:11; position:absolute; left:50%; top:50%; width:2.8125em; height:3.125em; background-image:url(../images/re/s9.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); content:'';}
.re_team_1_1_1 span{   position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;  } 
.re_team_1_1_1 span:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.2;}
.re_team_1_1_2{ text-align:left; font-size:1.6875em; margin-top:.65em;}
.re_team_1_2 .res_1_2{ padding-top:4em}
.teaminfo_1_video{ position:relative; overflow:hidden; border-radius:1.014vw; height:40.41666666666667vw;}
.teaminfo_1_video video{object-fit: fill;position:absolute; left:0; top:0; width:100%;}
.teaminfo_1{ margin-bottom:2.5em; margin-top:4em;}
.teaminfo_1_img{ overflow:hidden; border-radius:1.014vw; }
.teaminfo_1_img img{ width:100%;}
.teaminfo_2_mid{ background-color:#ececec; overflow:hidden; border-radius:1.014vw; padding:3.5625em; margin-bottom:2em;}
.teaminfo_2_mid_1{ font-size:2.25em; margin-bottom:.65em;}
.teaminfo_2_mid_2{ font-size:1.5em; margin-bottom:.875em;}
.teaminfo_2_mid_3{ font-size:1.125em; line-height:1.6;}
.trends_1_mid{ background-color:#f1f1f1; border-radius:1.014vw; overflow:hidden; position:relative; margin-top:3em;}
.trends_1_mid_left{ width:50%; overflow:hidden;}
.trends_1_mid_left img{ width:100%;}
.trends_1_mid_right{ position:absolute; right:0; top:50%; width:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); max-height:100%; overflow-y:auto;}
.trends_1_mid_right_1{ font-size:2.25em; margin-bottom:.5em;}
.trends_1_mid_right_2{ font-size:1.125em; line-height:1.6;}
.trends_1_mid_right_jj{ margin:7.5%;}
.trends_2_1{ margin-top:2.9em;}
.trends_2_2{ overflow:hidden; margin:2.5em 0; border-radius:1.014vw;}
.trends_2_2 img{ width:100%;}
.trends_3 ul li{  
float:left; width:32.75%; margin-right:0.875%;  border-radius:10px;}
.trends_3 ul li:nth-child(3n){ margin-right:0}
.trends_3_mid{ padding:0em;}
.trends_3_mid_1{ font-size:1.71em;font-family: 'HarmonyOS Sans Medium'; margin-top:15px; margin-bottom:.5em;}
.trends_3_mid_2{ overflow:hidden; border-radius:10px;}
.trends_3_mid_2 img{ width:100%;}
.trends_3_mid_3{ line-height:1.8; font-size:1.5em; margin-right:1.5em; margin-top:0em;  }
.trends_4_mid{ position:relative;}
.trends_4_mid_img{ overflow:hidden; border-radius:1.014vw;}
.trends_4_mid_img img{ width:100%;}
.trends_4{ margin-top:4em;}
.trends_4_mid_jj{ position:absolute; left:0; z-index:10; bottom:0; width:100%; color:#fff;}
.trends_4_mid_jj_mid{ margin:4.6875em;}
.trends_5 .trends_1_mid{ border-radius:0; background:none; margin-top:5.625em; margin-bottom:2em;}
.trends_5 .trends_1_mid_left{ border-radius:1.014vw;}
.sr_1_mid{ position:relative;}
.sr_1_mid_1{ overflow:hidden; border-radius:1.014vw; position:relative;}
.sr_1_mid_1 img{ width:100%;}
.sr_1_mid_2{ z-index:10; position:absolute; left:50%; top:50%; text-align:center; width:32.75em;  -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); background-color:rgb(255, 255, 255, 0.86); border-radius:1.014vw;}
.sr_1_mid_2_2{ text-align:center;}
.sr_1_mid_2_1{ margin-bottom:.2em; font-size:2.419375em;font-family: 'HarmonyOS Sans Medium';}
.sr_1_cn .remore{ color:#000;}
.sr_1_mid_3{ position:absolute; left:4.5%;  right:4.5%; top:8.46153846153846%; z-index:10; color:#fff;}
.arinfo dd{ margin-bottom:10px; position:relative; font-size:1.479375em; padding-left:1.520912547528517em;}
.arinfo dd:after{ content:''; position:absolute; left:0; top:.1em; width:0.9716941275876637em; height:0.9716941275876637em; background-image:url(../images/sr/s2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.sr_1_cn{ margin:1.5em;}
.arinfo dd:nth-child(2):after{  background-image:url(../images/sr/s3.png); }
.sr_2{     overflow:hidden;  }
.sr_2_1_1{ font-size:2.419375em;font-family: 'HarmonyOS Sans Medium'; position:relative; padding:.6em 0;}
.sr_2_1_1_right{ cursor:pointer; -webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);position:absolute; right:0;   top:50%; width:1.027777777777778em; height:1.055555555555556em; b  background-position:center; background-repeat:no-repeat; background-size:cover;}
.sr_2_1_1_right:before{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; top:0; left:0;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/sr/img4.png);}
.sr_2_1_1_right:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content:''; position:absolute; top:0; left:0;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/sr/img5.png); opacity:0}
.sr_2_1_1_right.show:after{ opacity:1;transform: rotate(360deg);}
.sr_2_1_1_right.show:before{ opacity:0;transform: rotate(360deg);}
#xdablist ul li{ margin-bottom:1em;}

.sr_2_1_2 dl dd{ margin-bottom:12px;
float:left; background-color:#f4f4f4; width:32.8125%; border-radius:10px; min-height:146px; position:relative; margin-right:0.78125%; }
.sr_2_1_2 dl dd:nth-child(3n){ margin-right:0;}
.sr_2_1_2 dl dd .sr_2_1_2_mid{ position:absolute; top:50%; left:8%; width:84%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);word-wrap: break-word; font-size:1em;}
.sr_2_1_2_mid_1,.sr_2_1_2_mid_2{ padding-left:1.520912547528517em; position:relative;}
.sr_2_1_2_mid_1:before{ content:''; position:absolute; left:0; top:.1em; width:0.9716941275876637em; height:0.9716941275876637em; background-image:url(../images/sr/s4.png); background-position:center; background-repeat:no-repeat; background-size:cover;}

.sr_2_1_2_mid_2:before{ content:''; position:absolute; left:0; top:.1em; width:0.9716941275876637em; height:0.9716941275876637em; background-image:url(../images/sr/s5.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.sr_2_1_2_mid_2{ margin-top:5px;}

.contact_1_mid{ position:relative; border-radius:1.014vw; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; padding:10.625em 4.6875em;}
.contact_1_mid_jj ul li{ font-size:1.125em; padding:1em 0; border-bottom:1px rgb(255, 255, 255,.45) solid; font-family: 'Poppins'; font-weight:bold}
.contact_1_mid_jj ul li span{ display:block; position:relative; padding-left:1.5em;}
.contact_1_mid_jj ul li:nth-child(1) span:after{ content:''; position:absolute; width:0.7777777777777778em; height:1em; background-image:url(../images/contact/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover; left:0; top:.2em;}
.contact_1_mid_jj ul li:nth-child(2) span:after{ content:''; position:absolute; width:1em; height:1em; background-image:url(../images/contact/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover; left:0; top:.1em;}
.contact_1_mid_jj ul li:nth-child(3) span:after{ content:''; position:absolute; width:1em; height:0.7777777777777778em; background-image:url(../images/contact/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover; left:0; top:.3em;}
.contact_1_mid_jj ul{ max-width:660px;}
.contact_2_1{ text-align:center; padding-top:2.5em;}
.contact_2_2 ul li{ margin-top:1.176470588235294em;
float:left; width:32.60869565217391%; margin-right:1.08695652173913%; background-color:#f4f4f4; border-radius:10px; font-size:1.0625em;}
.contact_2_2 ul li:nth-child(3){ margin-right:0}
.contact_2_2 ul li:nth-child(4),.contact_2_2 ul li:nth-child(5){ margin-right:0; width:100%;}
.contact_2_2 ul li input,.contact_2_2 ul li textarea{ border:none; background:none; width:100%;}
.contact_2_2 ul li div{ padding:1.5em 1.25em;}
.contact_2_2 ul li textarea{ height:11.66666666666667em;}
.contact_2_3{ text-align:center; padding:4em 0;}
.xiala_left_mid_2_mid{ position:relative; max-width:215px; background-color:#eeeeee; border-radius:30px;}
.xiala_left_mid_2_mid_left{ padding-left:13px; padding-right:60px;}
.xiala_left_mid_2_mid_left input{ font-family: 'Poppins'; font-weight:bold;border:none; background:none; width:100%; height:30px; line-height:30px; font-size:18px;}
.xiala{/*box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); border-top:1px rgb(0, 0, 0, 0.22) solid; */display:none; position:absolute; z-index:10; left:0; width:100%; background-color:rgb(243, 242, 240, 0.95); padding-bottom:0em;}
.xiala_mid{ position:relative; margin-top:4em; margin-bottom:4.375em; min-height:370px;}
.xiala_left{ position:absolute; right:0; top:0; width:30%; height:100%;}
.xiala_left:after{  content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#b2b3b2;}
.xiala_right{ margin-right:30%;}
.xiala_right_mid_1 p{ font-size:.9375em; position:relative;}
.xiala_right_mid_1 p img{ position:absolute; left:0; top:.2em;-webkit-transform: translate(-100%, -0%);  
    transform: translate(-100%, -0%); padding-right:10px;}
.xiala_right_dh .xiala_right_dh_mid:nth-child(2) .xiala_right_mid_1 p img{ top:.4em;}	
.xiala_right_dh_mid{
float:left; width:16.66666666666667%;}
.xiala_right_mid_2{ text-align:left; padding-top:1em;}
.xiala_right_mid_2 p a{ color:#595757; font-size:.875em;  }
.xiala_right_mid_2 p{ margin-top:1em;}
.xiala_right_mid{ margin-right:1em;}
.xiala_left_mid{ margin:0 12.5%;}
.xiala_left_mid_1{ font-size:1.875em;}
.xiala_left_mid_2_mid_right{ position:absolute; right:0; top:0; width:1.875em; height:100%; z-index:10;}
.xiala_left_mid_2_mid_right input{ border:none; background:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/header/img17.png); cursor:pointer; background-position:center; background-repeat:no-repeat;}
.xiala_left_mid_2{ margin-top:.875em;}
.xiala_right{  position:relative;}
.xiala_mid_line:after{ content:''; display:none; position:absolute; left:20em; top:0; height:100%; width:1px; background-color:#cacaca;}
.xiala_right_mid_2 p a:hover{ color:#000}

#header.on .headermid_left_left a img:nth-child(2){ display:block;}
#header.on .headermid_left_left a img:nth-child(1){ display:none;}
#header.on .headermid_right_1:before { background-image:url(../images/header/img4.png);}
#header.on .headermid_right_2:before { background-image:url(../images/header/img8.png);}
#header.on .headermid_right_2:after { background-image:url(../images/header/img10.png);}
#header.on .headermid_right ul li:nth-child(2){background-image:url(../images/header/img6.png);}
#header.on .headermid_left_right_search a{background-image:url(../images/header/img2.png);}
#header.on{ background-color:#fff;} 
#header.on .headermid_left_right ul li a.biga,#header.on .headermid_right a{ color:#000;}
#header.on .headermid_left_right ul li a.biga .hollow-arrow::after{ border-color:#000}
#header.on .headermid_right dl dd svg{ fill:#000;}
.nysmenu p a{ font-size:.9375em;} 
.nysmenu p{ margin-bottom:1em;}
.ress_1_1 ul{ text-align:center; margin-bottom:3.125em;}
.ress_1_1 ul li{   font-size:1.125em;   display:inline-block;   background-position:left center; background-repeat:no-repeat; margin-bottom:.5em} 
.ress_1_1 ul li:nth-child(1){ background:none; padding-left:0}
.ress_1{ margin-top:3em;}
.ress_1_1 ul li a{ color:#666;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:1.25em; display:block; background-color:#f4f4f4; padding:0 1.6em; line-height:2em; height:2em; border-radius:2em;}
.ress_1_1 ul li a.on,.ress_1_1 ul li a:hover{ color:#fff; background-color:#000}
.ress_2_1_mid{ position:relative;}
.ress_2_1_mid_1{ overflow:hidden; }
.ress_2_1_mid_1 img{ width:100%;}
.ress_2_1 ul li{ margin-right:1.08333333333333%; background-color:#f4f4f4;border-radius:1.014vw; overflow:hidden;
float:left; width:24.1875%; margin-top:2.375em;}
.ress_2_1 ul li:nth-child(4n){ margin-right:0}
.ress_2_1_mid_footer{ }
.ress_2_1 ul li a{  }
.ress_2_1_mid_jj{ margin:1.5em;}
.ress_2_1_mid_footer_2 dl dd:nth-child(2){ text-align:right}
.ress_2_1_mid_footer_2 dl dd a{ font-size:1.479375em; display:inline-block;  }
.ress_2_1_mid_footer_1{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;   font-size:1.875em;  margin-bottom:10px;}
.ress_2_1_mid_footer_2 dl dd a span{ background-position:left center; background-repeat:no-repeat; padding-left:1.267427122940431em; display:block; position:relative;}
.ress_2_1_mid_footer_2 dl dd a span:before{  content:''; width:0.9294465568229827em; height:0.9294465568229827em; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.ress_2_1_mid_footer_2 dl dd:nth-child(1) a span:before{ background-image:url(../images/resource/s2.png);}
.ress_2_1_mid_footer_2 dl dd:nth-child(2) a span:before{ background-image:url(../images/resource/s5.svg);}
 .ress_2_1_mid_footer_2 dl{display: grid;
  grid-template-columns: repeat(2, 1fr);}
 
.ress_2_1_mid_top{ position:absolute; left:0; top:0; width:100%; z-index:2;}
.ress_2_1_mid_top .ress_2_1_mid_jj{ margin:15px 1.5em;}
.ress_2_1_mid_top_input input{ border:none; background-color:#fff; width:1.875em; height:1.875em;  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  cursor: pointer;-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; float:left; position:relative; z-index:1}
.ress_2_1_mid_top_input{ padding:10px 0; overflow:hidden; position:relative; border-radius:2.25em; max-width:165px;  }
.ress_2_1_mid_top_input:after{ content:'';transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; display:none }
.ress_2_1_mid_top_input.checked:after{ opacity:.83}
.ress_2_1_mid_top_input.checked input{ background-image:url(../images/resource/s3.svg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ress_2_1_mid_top_input.checked{ padding:10px; max-width:145px; padding-left:0}
.ress_2_1 ul li .ress_2_1_mid_top_input a{opacity:0; position:absolute; left:1.5em; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);font-family: 'Poppins'; color:#000000; z-index:3;   background-position:left center; background-repeat:no-repeat; padding-left:17px; background-image:url(../images/resource/img3on.png); display:none}
.ress_2_1 ul li .ress_2_1_mid_top_input.checked a{ opacity:1; left:2em}
.ress_1_1{ position:relative; overflow:hidden}
.ress_1_1_r{ position:relative}
.ress_1_1 dl dd{ display:inline-block; margin-right:1em;}
#select-all{ border:1px #6c6c6c solid; width:1.5em; height:1.5em; background-color:#fff; cursor:pointer; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  cursor: pointer;-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}
.ress_1_1_r a{  background-position:left center; background-repeat:no-repeat; padding-left:1.9em;  }
.ress_1_1_r.checked #select-all{  background-position:center; background-size:cover; background-image:url(../images/resource/img6.png);}
.ress_2_1_mid_1_3d{ position:relative; height:20vw;  }
.ress_2_1_mid_1_3d img{ position:absolute; left:50%; top:50%; width:auto;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); height:67%; }
.ress_2_1_mid_top_input_3d input{ border:1px #000 solid;}
.ress_2_1_mid_footer_1_3d{ color:#000}
.ress_2_1_mid_footer_2_3d dl dd a{ border-color:#000; color:#000}
.ress_2_1_mid_footer_2_3d dl dd:nth-child(1) a span{  }
.ress_2_1_mid_footer_2_3d{  }
.ress_2_1_mid_footer_2_3d dl dd a:hover{  }
.ress_2_1_mid_footer_2_3d dl dd:nth-child(1) a:hover span{  }

.ress_2_1_video ul li{ width:33.0625%; margin-right:.40625%;}
.ress_2_1_video ul li:nth-child(3n){ margin-right:0}
.ress_2_1_mid_1_video{ position:relative;}
.ress_2_1_mid_1_video a{ position:absolute; z-index:10; left:50%; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/resource/s7.png); width:2.875em; height:3.0625em;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);}

.ress_2_1{ margin-bottom:2em;}
.resource_show_1 .indexbanner_mid{ background-color:#f4f5f6; border-radius:1.014vw; overflow:hidden; margin-top:2.5em; margin-bottom:2.5em;}
.resource_show_1_mid{ position:relative; margin:3.125em;}
.resource_show_1_mid_left{ overflow:hidden; width:55%; border-radius:1.014vw;}
.resource_show_1_mid_left img{ width:100%;}

.resource_show_1_mid_right{ width:39%; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); position:absolute;}
.resource_show_1_mid_right_1{ font-size:3em; margin-bottom:10px;}
.resource_show_1_mid_right_2{ font-size:1.5em;font-family: 'Poppins'; font-weight:bold}
.resource_show_1_mid_right_3{ font-size:1.125em; margin:2em 0; padding-top:2em; border-top:1px #d1d1d1 solid;}
.resource_show_1_mid_right_3 span{font-family: 'Poppins'; font-weight:bold}
.resource_show_1_mid_right_3 ul li:nth-child(2){ margin-top:.75em;}
.resource_show_1_mid_right_4{ position:relative; padding:0 1.5em;}
.resource_show_1_mid_right_4_mid .swiper-slide{ width:17%; margin-right:3.75%; cursor:pointer}
.resource_show_1_mid_right_4_mid .swiper-slide img{ border-radius:5px; width:100%;}
.resource_show_1_mid_right_4_left{ position:absolute; left:0; top:50%; width:9px; height:17px; background-image:url(../images/resource/img12.png); background-position:center; background-repeat:no-repeat;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); cursor:pointer;}

.resource_show_1_mid_right_4_right{ position:absolute; right:0; top:50%; width:9px; height:17px; background-image:url(../images/resource/img13.png); background-position:center; background-repeat:no-repeat;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); cursor:pointer;}	
.resource_show_1_mid_right_4_mid .swiper-slide:last-child{ margin-right:0}
/**********login**********/
.loginmid{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:888; background-color:rgb(0, 0, 0, 0.2); visibility:hidden; opacity:0;}
.loginmid_mid{ position:absolute; right:2.29166666666667%; width:25em; min-height:25em; top:50%;-webkit-transform: translate(100%, -50%);  
    transform: translate(100%, -50%); background-color:#fff; border-radius:1.014vw;}
.loginmid_mid_jj{ margin:2.5em; margin-top:2em; }
.loginmid_mid_jj_1{ font-size:2.115625em;font-family: 'HarmonyOS Sans Medium'; font-weight:bold; margin-bottom:.5em;}
.loginmid_mid_jj_2{ font-size:1.125em; line-height:1.7; margin-bottom:1.875em;}
.loginmid_mid_jj_3 ul li div{ border:1px #b3b3b3 solid;  border-radius:10px; padding:.5em 1.5em;}
.loginmid_mid_jj_3 ul li div input{ color:#666; border:none; background:none; width:100%; font-size:1.125em; height:1.5em; line-height:1.5em;}
.loginmid_mid_jj_3 ul li{ margin-bottom:10px;}
.loginmid_mid_jj_3 ul li:last-child{ padding-top:1em; margin-bottom:0;}
.loginmid_mid_close{ position:absolute; z-index:10; right:1.25em; top:1.25em;   width:1.4375em; height:1.4375em;   cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/sr/s21.png);}
.loginmid_mid_close:after{ display:none; content:''; height:2px; background-color:#000; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); width:44%; position:absolute; left:50%;}
.loginmid.showlog{ visibility:visible; opacity:1;}
.loginmid.showlog .loginmid_mid{-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%);}
/*.loginmid_mid_close:hover{ background-color:#000;}
.loginmid_mid_close:hover:after{ background-color:#fff}*/
.ovh{ overflow:hidden}
.errtip{ text-align:center; color:#ff0000; margin-bottom:1em; display:none}
.resource_show_1_mid_right_4_left.swiper-button-lock,.resource_show_1_mid_right_4_right.swiper-button-lock{ display:block}
.proinfo_1{ position:relative; height:100vh;}
.proinfo_1_g{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.proinfo_2{ margin-top:2.875em;}
.proinfo_3{ margin-top:6em;}
body.proinfobody #header.cur{ background-color:#fff;}
.proinfo_4_mid{ background-color:#f4f5f6; border-radius:1.014vw; position:relative; height:31.77083333333333vw;}
.proinfo_4_mid_left{ position:absolute; width:48.6875%; left:6.25%; top:0%; height:100%; text-align:center;}
.proinfo_4_mid_left .swiper,.proinfo_4_mid_left .swiper-slide{ width:100%; height:100%;}
.proinfo_4_mid_left .swiper-slide img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:60%; }
.proinfo_4_mid_right{ width:35%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); right:3.4375%; position:absolute; }
.proinfo_4_mid_right_1{ font-size:2.25em; margin-bottom:.875em;}
.proinfo_4_mid_right_2{ line-height:1.7;}
.proinfo_4_mid_right_3 a{font-family: 'Poppins';
  font-weight: bold; font-size:1.25em; border:1px #585859 solid; height:2em; line-height:2em; border-radius:2em; display:inline-block; padding:0 1em;}
.proinfo_4_mid_right_3 a span{ position:relative; z-index:1; padding-left:2em;}
.proinfo_4_mid_right_3 a span:after{ content:''; position:absolute; left:0; width:1.25em; height:1.25em; background-image:url(../images/product/img16.png); background-position:center; background-repeat:no-repeat; background-size:cover; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.proinfo_4_mid_right_3 a:hover{ background-color:#000; color:#fff; border-color:#000;}
.proinfo_4_mid_right_3 a:hover span:after{background-image:url(../images/product/img16on.png); }
.proinfo_4 .swiper-pagination-bullet{ width:89px; height:2px; background-color:#000;   border-radius:0;}
.proinfo_4 .swiper-horizontal > .swiper-pagination-bullets,.proinfo_4 .swiper-pagination-bullets.swiper-pagination-horizontal,.proinfo_4 .swiper-pagination-custom, .proinfo_4 .swiper-pagination-fraction{ bottom:9.5%;}
.proinfo_5{ margin-top:0em;}
.proinfo_5_img{ border-radius:1.014vw; margin-bottom:3.4375em; margin-top:2.5em; overflow:hidden}
.proinfo_5_img img{ width:100%;}
.proinfo_6_mid{ position:relative;}
.proinfo_6_mid_left{ width:50%; overflow:hidden; margin-left:50%;}
.proinfo_6_mid_left img{ width:100%;}
.proinfo_6_mid_right{ position:absolute; left:0; top:50%; width:46%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.proinfo_6 ul li:nth-child(2n) .proinfo_6_mid_left{ margin-left:0}
.proinfo_6 ul li:nth-child(2n) .proinfo_6_mid_right{ left:auto; right:4%; width:42%;}
.proinfo_6 ul li:nth-child(2n) .proinfo_6_mid{ background-color:#ececec; border-radius:1.014vw; overflow:hidden}
.proinfo_6 ul li{ padding:6.5625em 0; border-top:1px #bababa solid;}
.proinfo_6_mid_right_1{ font-size:1.875em; margin-bottom:.875em;} 
.proinfo_6_mid_right_2{ font-size:1.125em; line-height:1.8;}
.proinfo_6_mid_right_2 p:nth-child(1){ margin-bottom:2em;}
.proinfo_6 ul li:last-child{ padding-bottom:0}
.proinfo_7_1 ul li{
float:left; width:12%; margin-right:2.875%;}
.proinfo_7_1_1{ overflow:hidden; border-radius:10px;}
.proinfo_7_1_1 img{ width:100%;}
.proinfo_7_1_2{ font-size:1.125em;font-family: 'Poppins'; font-weight:bold; margin-top:1em;}
.proinfo_7_1{border-bottom:1px #bababa solid; padding-bottom:3em;}
.pinfo_rep{ margin-top:5em;}
.dev_1_mid_2_mid_nav_p{ margin:2em 0;}
.pinfo_rep .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.pinfo_rep .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.product_1_2_search{ margin-bottom:1em;}
.headermid_left_right_search a svg{ opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.headermid_left_right_search a.on,.nybody #header .headermid_left_right_search a.on,#header.cur .headermid_left_right_search a.on{ background:none}
.headermid_left_right_search a.on svg{ opacity:1;}
body.proinfobody .headermid_left_right_search a.on svg{ fill:#fff}
body.proinfobody #header.cur .headermid_left_right_search a.on svg{ fill:#000}
.dev_1_bak_mid_right{  position: -webkit-sticky; /* 对于 Safari */
    position: sticky; 
    top: 60.8px; float:right; width:65.3125%;   }
.dev_1_bak_mid{ position:relative;}	
.dev_1_bak_mid_left_2{
  width:26.875%; }
.dev_1_bak_mid_left_1{ z-index:10; font-size:1.5em;  position: -webkit-sticky; /* 对于 Safari */
    position: sticky;
    top: 60.8px; background-color:#fff; padding-bottom:2em;}
.dev_1_bak_mid_left_2_1{ font-size:1.5em;}
.dev_1_bak_mid_left_2_2{ font-size:1.125em; margin-top:5px; margin-bottom:1.75em;}
.dev_1_bak_mid{padding-bottom:25vw;}
.dev_1_bak_mid_left_1_t{ position:relative;padding-top:4em;}
.dev_1_bak_mid_left_1_t_img{ position:absolute; right:5%; top:2em;width:65.3125%; }
.dev_1_bak_mid_left_1_t_img img{ width:100%;}
/*****************/

#header .warp-nav {
    height: calc(100vh - 70.8px);
    padding: 0 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(21px);
    width: 100%;
    left: 0;
    top: 70.8px;
    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);
  }  

.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: absolute;
  top: calc(100% + 1px);
}
.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;
}
/***************/
.about_5_mid_img{ overflow:hidden}
.about_5_mid_img img{ width:100%;}
.ins_1 .swiper-slide{ overflow:hidden; border-radius:1.014vw;}
.man_1_mid a,.ress_2_1_mid_1_video a {
  transition: all 0.5s;
}

.man_1_mid a:hover,.ress_2_1_mid_1_video a:hover {
  transform: translate(-50%, -50%) scale(1.02);
}
.headertop{ display:none; background-color:#000; color:#fff;font-family: 'HarmonyOS Sans Light'; padding:.65em 0;}
.inteam{ position:relative;}
.inteam_left{ position:absolute; left:0; top:50%; width:20%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%)}
.inteam_right{ position:relative;  margin-left:24%;}	
.indexbanner_mid_team{ margin-right:0}
.inteam_right .swiper-slide{ width:66%}
.inteam_right_img{ overflow:hidden; border-radius:10px;}
.inteam_right_img img{ width:100%;}
.inteam_right_nav{ position:absolute; left:0; bottom:0; z-index:10;}
.inteam_right_nav_left{ position:absolute; left:0; bottom:0; width:2.0625em; height:2em; background-image:url(../images/index/s5.png); cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover;}
.inteam_right_nav_right{ position:absolute; left:6.625em; bottom:0; width:2.0625em; height:2em; background-image:url(../images/index/s6.png); cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xiala_left_mid_top_1{ overflow:hidden}
.xiala_left_mid_top_1 img{ width:100%;}
.xiala_left_mid_top_2{ text-align:left; font-size:1.875em;font-family: 'HarmonyOS Sans Medium'; margin-top:10px; margin-bottom:.5em;  }
.xiala_left_mid_top_3{ text-align:left}
.xiala_right_mid_1 p{ text-align:left;font-family: 'HarmonyOS Sans Medium'; color:#000}
.xiala_right_mid_1 p img{ display:none}
.nysmenu{ text-align:left}
.xiala_mid_hauto{ min-height:inherit}
.probannerlist{ position:relative; height:100vh; overflow:hidden}
.probannerlist_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
body.nybb #header.cur{ background-color:#fff;}
.probannerlist_con{ position:absolute; left:15%; width:70%; text-align:center; z-index:10; top:21%;}
.probannerlist_con_mid_1{ font-size:3.625em;font-family: 'HarmonyOS Sans Medium'; margin-bottom:.4em; color:#000}
.probannerlist_con_mid_2{ font-size:1.4375em; line-height:1.6;  color:#4c4948; margin:0 }
.proaddurl{ color:#595757; margin-top:4.375em; margin-bottom:3.5em;}
.proaddurl a{color:#595757; transition: all 0.3s;}
.proaddurl span,.proaddurl a:hover{ color:#000}
.product_3_2{ background-color:#f4f4f4; padding:2.5px; border-radius:3.25em;}
.xd_re_1_1{ text-align:center; font-size:3.625em; color:#000;font-family: 'HarmonyOS Sans Medium'; }
.xd_re_1_2{ font-size:1.5625em; text-align:center; line-height:1.6; margin-top:.875em; margin-left:6.875%;margin-right:6.875%;}
.coma.getmore svg{ display:none}
.coma.getmore{ padding-right:0; display:block; margin:0 auto; width:27em; height:3em; line-height:3em; border-radius:3em; background-color:#f4f4f4; padding:0;opacity:1}
.coma.getmore span{ margin-right:0}
.coma.getmore:hover{ background-color:#000; color:#fff;}
.xd_re_1_teamshow{ margin-top:13em;}
.xd_tr_1_mid{ background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; border-radius:1.014vw; position:relative;}
.xd_tr_1_mid_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xd_tr_1_mid_left_1{ font-size:2.875em;font-family: 'HarmonyOS Sans Medium'; }
.xd_tr_1_mid_left_2{ font-size:1.5em; line-height:1.6; margin-top:.5em;}
.xd_tr_1_mid_left{ width:33.75%; margin:4em; position:relative; z-index:1;}
.xd_tr_2_mid{ position:relative;}
.xd_tr_2_mid_left{ width:48.75%; overflow:hidden; border-radius:1.014vw;}
.xd_tr_2_mid_left img{ width:100%;}
.xd_tr_2_mid_right{ position:absolute; right:0; top:0; width:50.5%; height:100%; background-color:#f4f4f4;border-radius:1.014vw;}
.xd_tr_2_mid_right_mid{ position:absolute; left:11%; width:78%; top:50%; max-height:80%; overflow-y:auto;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%)}
.xd_tr_2{ margin-top:5em; margin-bottom:5em;}
.xd_tr_2_rt .indexbanner_mid{ padding-top:5em; border-top:1px #959494 solid;}
.xd_tr_2_rt .xd_tr_2_mid_left{ margin-left:51.25%;}
.xd_tr_2_rt .xd_tr_2_mid_right{ right:auto; left:0;}
.trends_5_xd_mid{ background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; border-radius:1.014vw; overflow:hidden;}
.trends_5_xd_mid_right{ float:right; width:35%; margin-right:3%; margin-top:3.75em; margin-bottom:3.75em;}
.probannerlist_con_mid_1_white,.probannerlist_con_mid_2_white{ color:#fff;}
.probannerlist_con_mid_2_cases div{ margin:0 auto; max-width:890px;}
.product_3_1_xd_cases{ font-size:3.625em;font-family: 'HarmonyOS Sans Medium'; margin-bottom:.75em;}
.xdcase_con{ position:absolute; left:0; bottom:0; width:100%; z-index:10; text-align:center; opacity:0}
.xdcase_con_mid{ margin:1.25em; border-radius:1.014vw; background-color:#fff; padding:1.25em;}
.xdcase_con_1{ font-size:1.71em; margin-bottom:10px;}
.case_2_1_xdt{ margin-top:4em;}
.case_2_1 ul li:hover .xdcase_con{ opacity:1}
.proaddurl_info{ margin-top:140px;}
.xd_cases_info_1_1{ overflow:hidden; border-radius:1.014vw;}
.xd_cases_info_1_1 img{ width:100%;}
.xd_cases_info_2_1{ text-align:center; margin-top:2em; margin-bottom:1em; font-size:2.875em;font-family: 'HarmonyOS Sans Medium'; }
.xd_cases_info_2_2{ font-size:1.5625em;  line-height:1.6; text-align:center; margin-bottom:4em;}
.xd_cases_info_2_2 div{ margin:0 11.875%;}
.xd_cases_info_3 .indexbanner_mid{ margin-right:0}
.mySwipercase{ height:41.5625vw;}
.mySwipercase .swiper-slide { margin-right:10px; overflow:hidden; border-radius:10px;
    /* 可以设置 slide 的高度和宽度 */
    height: 100%; /* 使用父容器的高度 */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; width:auto
}
.mySwipercase .swiper-slide img{ height:100%; position:relative;}
.inteam_right_nav_re{ position:relative; margin-top:6em;}
.product_3_1_xd_cases_otca{ text-align:left; padding-top:1.25em;}
.product_3_2_nofloat ul li{ display:block; margin:0; text-align:center}
.product_3_2_nofloat ul{display: grid;
    grid-template-columns: repeat(4, 1fr); /* 创建三列，每列宽度相等 */
    gap: 5px; /* 设置列与列之间的间隔 */
    padding: 5px; /* 容器左右内边距 */}
.ress_1_1 dl{ font-size:1.25em;}
#bulk-download{ padding-left:1.9em; position:relative}
#bulk-download:after{ content:''; position:absolute; left:0; top:50%; width:1.5em; height:1.5em; background-image:url(../images/resource/s2.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%)}
.counttotal{ position:absolute; right:0; bottom:0; font-size:1.25em;}
#videolist .ress_2_1_mid_jj{ position:relative}
#videolist .ress_2_1_mid_footer_1{ margin-right:6em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;white-space:normal; line-height:1.5; min-height:3em;}
#videolist .ress_2_1_mid_footer_2{ position:absolute; right:0; top:0.35em;}
#videolist .ress_2_1_mid_footer_2 dl {
   
  grid-template-columns: repeat(1, 1fr);
}
.list3d{ position:relative}

.list3d .ress_2_1_mid_footer_1{ margin-right:6em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;white-space:normal; line-height:1.5; min-height:3em;}
.list3d .ress_2_1_mid_footer_2{ position:absolute; right:0; top:0.35em;}
.list3d .ress_2_1_mid_footer_2 dl {
   
  grid-template-columns: repeat(1, 1fr);
}
.xd_about_1_mid ul li{
float:left; width:49.8125%;}
.xd_about_1_mid ul li:nth-child(2n){ float:right}
.xd_about_1_mid_1{ overflow:hidden; border-radius:1.014vw;}
.xd_about_1_mid_1 img{ width:100%;}
.xd_about_1_mid_2{ margin:.875em 0 1.25em 0; text-align:center; font-size:1.836875em;}
.xd_re_1_2_about{ margin-bottom:2.75em;}
.xd_re_1_1_about_co{ margin-top:1em;}
.xd_about_cul_mid_img{ background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.xd_about_cul_mid ul li{ width:18.75%; margin-right:0.3125%;
float:left; position:relative; height:31.09375vw;}
.xd_about_cul_mid ul li:nth-child(5n){ margin-right:0}
.xd_about_cul_mid ul li.on{ width:23.75%;}
.xd_about_cul_mid_con{ position:absolute; z-index:10; left:0; width:100%; color:#fff; text-align:center; bottom:10%;}
.xd_about_cul_mid_con_mid{ margin:0 10%;}
.xd_about_cul_mid_con_mid_1{ font-size:1.4375em;}
.xd_about_cul_mid_con_mid_2{ font-size:1.25em; margin-top:15px;}
.xd_about_cul_mid ul li:nth-child(2n) .xd_about_cul_mid_con{ bottom:auto; top:10%;}
.xd_about_df{ background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; padding:5em 0;  margin:8.125em 0;}
.xd_about_df_mid{ width:41%; color:#fff; text-align:left}
.xd_about_df_mid_1{ text-align:left; color:#fff;}
.xd_about_df_mid_2{ text-align:left}
.xd_about_df .xd_re_1_2{ margin-left:0; margin-right:0}
.xd_about_cra_mid{ height:30.20833333333333vw; overflow:hidden; border-radius:1.014vw; position:relative;}
.xd_about_cra_mid_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xd_about_cra_name{ position:absolute; z-index:10; color:#fff; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); left:51.25%;}
.xd_about_cra_1{ text-align:left; color:#fff;}
.xd_about_news_1_mid_right_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:1.014vw;}
.xd_about_news_1_mid_right{ position:absolute; right:0; top:0; height:100%; width:66.5625%;}
.xd_about_news_1_mid{ position:relative;}
.xd_about_news_1_mid_left{ width:32.5%; min-height:28.125vw;}
.xd_about_news_1_mid_left_mid{ width:81%;}
.xd_about_news_1_mid_left_mid_1{ font-size:1.71em;font-family: 'HarmonyOS Sans Medium';}
.xd_about_news_1_mid_left_mid_2{ margin-top:12px; color:#898989; font-size:1.25em;}
.xd_about_news_1_mid_left_mid_3{ font-size:1.5em; margin-top:1em; 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;}
.xd_about_news_1_mid_left_mid_4{ position:absolute; left:0; bottom:0; width:100%; border-bottom:1px #e1e1e1 solid; padding-bottom:1.25em;}
.xdnews_list_1{ font-size:1.71em;font-family: 'HarmonyOS Sans Medium'; margin-top:20px;}
.xdnews_list{ margin-right:10%;}
.xdnews_list_2{ font-size:1.5em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.4em; min-height:2.8em; margin:.6em 0 1em 0;}
.xdnews_list_3{ position:relative; }
.xdnews_list_3_left{ position:relative; font-size:1.25em; color:#898989; z-index:10; display:inline-block; background-color:#fff;}
.xdnews_list_3:after{ content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#c4c4c4;}
.xdnews_list_3_right{ position:absolute; right:0; top:0; z-index:10; background-color:#fff; padding-left:1em; }
.xd_news_info_1_1{ text-align:center; font-size:2.875em;font-family: 'HarmonyOS Sans Medium'; }
.xd_news_info_1_2{ text-align:center; font-size:1.25em; color:#898989; margin-top:.875em; margin-bottom:1.5em;}
.xd_news_info_1_3{ font-size:1.5625em; line-height:1.6;}

.xd_news_info_2 .news_2_1 ul li{ margin-top:0}
.xd_news_info_2_1{ font-size:3.625em; margin-bottom:.75em; margin-top:1em;}
.xd_about_team_1_mid ul li{
float:left; width:49.625%;}
.xd_about_team_1_mid ul li:nth-child(2n){ float:right}
.xd_about_team_1_mid_1{ overflow:hidden; border-radius:10px;}
.xd_about_team_1_mid_1 img{ width:100%;}
.xd_about_team_1_mid_2{ font-size:1.71em; margin-top:.875em; margin-bottom:1.75em;}
.res_1_2_about_team{ padding-top:2em;}
.xd_re_1_1_team_show{ text-align:left; position:relative;}
.xd_re_1_1_team_show_right{ position:absolute; right:0; bottom:0; font-size:0.2758620689655172em; width:7.6875em;}
.xd_re_1_1_team_show_right .inteam_right_nav_re{ margin-top:0}

.xd_re_1_1_team_show_right .inteam_right_nav_right{ left:auto; right:0}
.xd_about_case_show_photo_team{ margin-top:3.125em;}
.xd_about_case_show_photo_team img{ border-radius:10px;}
.xd_about_case_show_photo_team .swiper-slide{ margin-right:30px;}
.xd_about_team_show_video_mid_right{ float:right; width:66.875%;}

.xd_about_team_show_video_mid_left{ float:left; width:31.25%;}
.xd_about_team_show_video_mid_right #myVideo{ width:100%;}
.xd_about_team_show_video_mid_right{ border-radius:10px; overflow:hidden;}
.xd_about_team_show_video_mid_left_mid{ font-size:1.71em; line-height:1.5;}
.xd_about_team_show_video{ margin-top:6.875em; margin-bottom:6.875em;}
.xd_about_team_per_img_mid_left{ float:left; width:33.125%; overflow:hidden; border-radius:10px;}
.xd_about_team_per_img_mid_left img{ width:100%;}
.xd_about_team_per_img_mid_right{ float:right; width:63.375%;}
.probannerlist_con_mid_2_insp{ color:#fff;}
.probannerlist_con_mid_2_insp div{ margin:0 auto; max-width:1110px;}
.service_1_about_insp{ position:absolute; z-index:10; left:0; top:27%; width:100%; text-align:center; }
.xd_about_insp_avw_1{ padding-top:1.4em; margin-bottom:1em;}
.xd_about_insp_avw_2 ul li{
float:left; width:14.28571428571429%; text-align:center; border-top:1px #f0f0f1 solid;}
.xd_about_insp_avw_2 ul{border-bottom:1px #f0f0f1 solid; overflow:hidden}
.xd_about_insp_avw_2 ul li div{ position:relative; height:200px;}
.xd_about_insp_avw_2 ul li div img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:70%;}
.product_1_abtou_aw{ margin-top:14.375em;}
#product_1_abtou_aw_2 .swiper-button-nexts,#product_1_abtou_aw_2 .swiper-button-prevs{ display:none}

#product_1_abtou_aw_2 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, #product_1_abtou_aw_2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:0.625em; height:0.625em; border:none; background-color:#fff; margin:0 .5em; border-radius:0.625em;}
#product_1_abtou_aw_2 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active, #product_1_abtou_aw_2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{ width:6em;}
.xd_ab_inv_1{ position:relative; padding-left:1.5em; padding-right:1.5em;}
.xd_ab_inv_1:after{  content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#b8b8b8;}
.xd_about_inv_v_mid{ background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; border-radius:1.014vw;}
.xd_about_inv_v_mid_left{ margin-left:5%; margin-right:51.875%; margin-top:5em; margin-bottom:4.5em;}
.xd_about_inv_v_mid_left_1{ font-size:2.875em;font-family: 'HarmonyOS Sans Medium'; margin-bottom:0.5em;}
.xd_about_inv_v_mid_left_2{ font-size:1.3125em; line-height:1.5;}
.xd_about_inv_v{ margin-top:7.5em;}
.xd_about_inv_v_2{ background-position:center; padding:10em 0; background-repeat:no-repeat; background-size:cover; overflow:hidden; margin-top:10em;} 
.xd_about_inv_v_2_mid{ width:67.1875%;}
.xd_about_inv_v_2_mid_1,.xd_about_inv_v_2_mid_2{ color:#fff;}
.service_3_mid_jj_right_top{ position:absolute; right:0; top:0; height:100%; width:43.75%;  border-top:1px #b8b8b8 solid;}
.service_3_mid ul li:last-child .service_3_mid_jj_right_top{border-bottom:1px #b8b8b8 solid;}
.service_3_mid{ padding-top:3.5em;}
.xd_re_1_1_xd_about_man_1{ margin-top:1.2em;}
.xd_about_man_piclist .xd_about_insp_avw_2 ul li{ border:none}
.xd_about_man_piclist .xd_about_insp_avw_2 ul li div{ height:145px;}
.xd_about_man_piclist_mid{ border-top:1px #f0f0f1 solid;}
.xd_about_man_list .service_3_mid ul li:nth-child(2n) .service_3_mid_jj_left{ margin-left:50%;}
.xd_about_man_list .service_3_mid ul li:nth-child(2n) .service_3_mid_jj_right_top{ right:auto; left:0}
.xd_re_1_1_ok1{ padding-top:1.6em;}
.linkpro{ position:absolute; z-index:10; left:1.714285714285714em; bottom:1.714285714285714em;font-family: 'HarmonyOS Sans Light'; font-size:1.75em;}
.linkpro span{ position:relative; padding-right:1.321428571428571em;}
.linkpro span:after{ content:''; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:0.2857142857142857em; height:0.6071428571428571em; background-image:url(../images/sr/s6.png); background-position:center; background-repeat:no-repeat;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-size:cover;}
.linkpro a:hover span:after{ right:-.35em;}
.xd_about_deve_2_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:1.014vw; overflow:hidden;}
.xd_about_deve_2_img:after{ content:''; position:absolute; left:0; top:0; height:100%; width:28.125%; background-color:#000; opacity:.4;}


.xd_about_deve_2{ position:relative; min-height:41.14583333333333vw;}
.xd_about_deve_1{ text-align:center;font-family: 'HarmonyOS Sans Medium'; font-size:1.836875em; border-top:1px #7f7f7f solid; padding:1em 0;}
.xd_about_deve_2_logo{ position:absolute; z-index:10; left:4.0625%; bottom:6.9%; width:10.1875%;}
.xd_about_deve_2_con{ position:absolute; z-index:10; bottom:22%; left:3.125%; width:20.9375%; height:60%; color:#fff;}
.xd_about_deve_2_con_1{   font-size:1.836875em;font-family: 'HarmonyOS Sans Medium'; position:relative; }
.xd_about_deve_2_con_2{   font-size:1.5em; line-height:1.2;}
.xd_about_deve_2_con ul li{ padding-left:18px; position:relative; padding-bottom:2.2em;}
.xd_about_deve_2_con ul li:after{ content:''; position:absolute; left:23px; bottom:0; width:1px; height:1.875em; background-color:#fff;}
.xd_about_deve_2_con_1:after{ content:''; position:absolute; left:-18px; top:50%; width:0.3847798204360838em; height:0.5444028581150051em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/sr/s10.png);-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.xd_about_deve_2_con ul li:last-child{ padding-bottom:0}
.xd_about_deve_2_con ul li:last-child:after{ display:none}
.xd_about_deve .swiper-scrollbar-drag{ background-color:rgba(255,255,255,.5)}
.xd_about_deve .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar{ width:2px;}
.arinfo dd:nth-child(3):after {
  background-image: url(../images/sr/s11.png);
}
.xd_re_1_1_fbb{ margin-top:1.25em; margin-bottom:.5em;}
.contact_2_2 ul{ margin:0 15.5%;}
.coma2.coma2_contact{ padding:0; font-size:1.125em; margin:0 auto; width:20em; height:3.333333333333333em; border-radius:3.333333333333333em; line-height:3.333333333333333em;font-family: 'HarmonyOS Sans Light'; text-align:center; display:block}
.coma2.coma2_contact span{ margin-right:0}
.coma2.coma2_login{ display:block; margin:0 auto; padding:0; width:8.888888888888889em; font-size:1.125em; height:2em; line-height:2em; border-radius:2em; text-align:center;}
.coma2.coma2_login span{ margin:0}
.headermid_right dl dd:nth-child(1) svg:nth-child(2){ display:none}
.headermid_right dl dd:nth-child(1) a.on svg:nth-child(1){ display:none}
.headermid_right dl dd:nth-child(1) a.on svg:nth-child(2){ display:block}
.xdproinfo_1_mid_left_1{ text-align:left}
.xdproinfo_1_mid_left_2{ font-size:1.71em;font-family: 'HarmonyOS Sans Medium'; margin-top:10px; margin-bottom:1em;}
.xdproinfo_1_mid_left{ width:51.625%; float:left;}
.xdproinfo_1_mid_left_3{ font-size:1.4375em; color:#4c4948; line-height:1.6; margin-bottom:5.5em;}
.xdproinfo_1_mid_left_4 .swiper-slide{ width:19.75757575757576%; margin-right:.3030303030303%;}
.xdproinfo_1_mid_left_4 .swiper-slide:last-child{ margin-right:0}
.xdproinfo_1_mid_left_4_mid{ position:relative; height:175px; border-radius:10px; background-color:#f4f4f4;} 
.xdproinfo_1_mid_left_4_mid img{ position:absolute; left:50%; top:50%; max-height:82%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);}
#ropic{ position:relative; margin-top:2.375em; height:2px;}
.xdproinfo_1_mid_right{ float:right; width:48.375%; text-align:center;}
.xdproinfo_1_mid_right_img img{ max-width:50%;}
.xdproinfo_2 .product_3_2_nofloat ul {
  
  grid-template-columns: repeat(5, 1fr);
   
}
.xdproinfo_2{ padding:5.5em 0;}
.xdproinfo_3_mid ul li{ position:relative; margin-bottom:1.25em;}
.xdproinfo_3_mid_left{ width:50%; overflow:hidden; border-radius:10px;}
.xdproinfo_3_mid_left img{ width:100%;}
.xdproinfo_3_mid_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:45.375%; max-height:80%; overflow-y:auto;}
.xdproinfo_3_mid_right_1{ font-size:1.71em;font-family: 'HarmonyOS Sans Medium'; margin-bottom:1em;}
.xdproinfo_3_mid_right_2{ line-height:1.5; font-size:1.5em; color:#4c4948;}
.xdproinfo_3_mid ul li:nth-child(2n) .xdproinfo_3_mid_left{ margin-left:50%;}
.xdproinfo_3_mid ul li:nth-child(2n) .xdproinfo_3_mid_right{ left:0; right:auto;}
.xdproinfo_4_mid{ position:relative; height:40.625vw;}
.xdproinfo_4_mid video{display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;}
.playv{ position:absolute; z-index:10; left:50%; top:50%; width:3.5em; height:3.8125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/s4.png); display:block;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); }
.xdproinfo_4{ margin-top:7.5em;}
.xdproinfo_5_1{ margin-top:1.5em;}
.xdproinfo_6 .product_3_2{ background:none; padding:0; border:2px #000 solid;}
.xdproinfo_6{ padding:2.5em 0;}
.xdproinfo_6 .product_3_2_nofloat ul{ padding:0;gap:0}
.xdproinfo_6 .product_3_2_nofloat ul li{ position:relative}
.xdproinfo_6 .product_3_2_nofloat ul li:after{ content:''; position:absolute; left:0; top:15%; height:70%; width:1px; background-color:#59514f}
.xdproinfo_6 .product_3_2_nofloat ul li:nth-child(1):after{ display:none}
.xdproinfo_6 .product_3_2 ul li a span{ padding-left:2em;}
.xdproinfo_6 .product_3_2 ul li a span: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;width:1.05em; height:1.05em; }
.xdproinfo_6 .product_3_2 ul li:nth-child(1) a span:after{  background-image:url(../images/product/s5.png);}
.xdproinfo_6 .product_3_2 ul li:nth-child(2) a span:after{   background-image:url(../images/product/s6.png);}
.xdproinfo_6 .product_3_2 ul li:nth-child(3) a span:after{   background-image:url(../images/product/s7.png);}
.xdproinfo_6 .product_3_2 ul li:nth-child(4) a span:after{   background-image:url(../images/product/s8.png);}
.xdproinfo_6 .product_3_2 ul li a:hover,.xdproinfo_6 .product_3_2 ul li a.on{ background:none; color:#333;}
.xdproinfo_7_mid{ display:none}
.xdproinfo_7_2_1 ul li{ margin-right:1.875em; display:inline-block; font-size:1.276875em;}
.xdproinfo_7_2_1 ul li a{ display:block; position:relative; color:#595757; padding:8px 0;}
.xdproinfo_7_2_1 ul li a:after{ content:'';transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#59514f;}
.xdproinfo_7_2_1 ul li a.on:after{ width:100%;}
.xdproinfo_7_2_1 ul li a.on{ color:#000;}
.xdproinfo_7_2_2 ul li{ float:left; text-align:center; width:9.125%; margin-right:.97222222222222%;}
.xdproinfo_7_2_2 ul li:nth-child(10n){ margin-right:0}
.xdproinfo_7_2_2 ul{ display:none; margin-top:3.125em;}
.xdproinfo_7_2_2_1{ overflow:hidden; position:relative}
.xdproinfo_7_mid_1_1 a.nofonta{ padding:0}
.xdproinfo_7_2_2_1 img{ width:100%;}
.xdproinfo_7_2_2_1{ overflow:hidden}
.xdproinfo_7_2_2_2{ font-size:1.25em; text-align:center;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:3em; line-height:1.5; margin:.5em 0; font-size:1.25em; }
.xdproinfo_8_1{ margin-top:.7em;}
.xdproinfo_8 .xd_about_case_show_photo_team .swiper-slide{ width:27.64505119453925%; margin-right:10px;}
.xdproinfo_8 .indexbanner_mid{ margin-right:0}
.xdproinfo_8 .xd_about_case_show_photo_team .swiper-slide:last-child{ margin-right:0}
.xd_re_1_1_team_show_right{ right:8.33333333333333%;}
.xdproinfo_9_1{ position:relative;}
.xdproinfo_9_1_left{ overflow:hidden; width:61.25%; border-radius:10px;}
.xdproinfo_9_1_left img{ width:100%;}
.xdproinfo_9_1_right{ position:absolute; right:0; top:0; height:100%; width:33.125%;}
.xdproinfo_9_1_right_mid{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.xdproinfo_9_1_right_1{ font-size:2.085625em;font-family: 'HarmonyOS Sans Medium';}
.xdproinfo_9_1_right_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; color:#4c4948; font-size:1.4375em; margin-top:1em; margin-bottom:1.875em;}
.xdproinfo_9_1_right_2 .coma{font-family: 'HarmonyOS Sans';}
.xdproinfo_9_1{ margin-top:3.125em;}
.xdproinfo_10{ margin-bottom:1em;}
.xdproinfo_9_1_right:before{ content:''; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#bfbfbf;}
.xdproinfo_9_1_right:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#bfbfbf;}

.xdproinfo_6 .product_3_2 ul li.on a{ background:#333; color:#fff;}
.xdproinfo_6 .product_3_2 ul li:nth-child(1).on a span:after{  background-image:url(../images/product/s5on.png);}
.xdproinfo_6 .product_3_2 ul li:nth-child(2).on a span:after{   background-image:url(../images/product/s6on.png);}
.xdproinfo_6 .product_3_2 ul li:nth-child(3).on a span:after{   background-image:url(../images/product/s7on.png);}
.xdproinfo_6 .product_3_2 ul li:nth-child(4).on a span:after{   background-image:url(../images/product/s8on.png);}
 
.xdproinfo_6 .product_3_2 ul li a{ padding-left:0; padding-right:0; margin-left:1em; margin-right:1em;}
.xdproinfo_6 .product_3_2 ul li:nth-child(1) a{ margin-left:0}
.xdproinfo_6 .product_3_2 ul li:last-child a{ margin-right:0}
.xdproinfo_7_mid_1_1{ position:absolute; z-index:10; left:1.25em; bottom:1.25em;}
.xdproinfo_7_mid_1_1a{ left:10px; bottom:10px;}
.xdproinfo_7_mid_1_1 a{ font-size:1.5em; display:block; position:relative; color:#fff; padding-left:1.3em;}
.xdproinfo_7 .ress_2_1 ul li{ position:relative; margin-top:0; margin-top:10px;}
.xdproinfo_7_mid_1_1 a:after{ content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:0.9583333333333333em; height:0.9166666666666667em; background-image:url(../images/product/s12.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
#dataTable th,#dataTable td{ text-align:left}

#dataTable .pic img {
  display: block;
  width: 120px;
}
#dataTable th{ font-size:1.5em;font-family: 'HarmonyOS Sans Medium'; padding-bottom:1em; color:#000;}
#dataTable td{ font-size:1.25em;}
.p3dimg{ position:relative; height:23.07291666666667vw;}

.ress_2_1_mid_1.p3dimg img{ position:absolute; left:50%; top:11%;/* max-width:47%;*/-webkit-transform: translate(-50%, -0%);  
    transform: translate(-50%, -0%); width:auto; height:58%;}
.xdproinfo_7_mid_1_1 a.heise{ color:#333 }
.xdproinfo_7_mid_1_1 a.heise:after{ background-image:url(../images/product/s12on.png);}
.xdproinfo_7_mid_1_1_3_d{ right:1.25em;; text-align:center; height:3em; overflow:hidden; line-height:3em; border-radius:3em;}
.xdproinfo_7_mid_1_1 a.heise{ display:inline-block;}
.xdproinfo_7 .ress_2_1 ul li.active .xdproinfo_7_mid_1_1_3_d{ background-color:#000;}
.xdproinfo_7 .ress_2_1 ul li.active .xdproinfo_7_mid_1_1_3_d a.heise{ color:#fff}
.xdproinfo_7 .ress_2_1 ul li.active .xdproinfo_7_mid_1_1_3_d a.heise:after {
  background-image: url(../images/product/s12.png);
}
.dtype{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background-color:#f4f4f4}
.mark-box{ left:1.25em; right:1.25em; top:1.25em; background-color:#fff; position:absolute; height:3em; line-height:3em; border-radius:3em;}
.mark-box .label{ display:none}
.imp{ margin-left:1.25em; cursor:pointer}
.imp span{ font-size:1.125em; color:#828282;}
.imp span.num{ display:none}
.bot{ position:absolute; left:0; width:100%; top:50%; height:45%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); overflow-y:auto;}
.botbox{ margin:0 2.5em;}	
.botbox .label{ display:block; font-size:1.5em; position:relative; padding-left:1.5em; margin-bottom:1em;}
.botbox .label:last-child{ margin-bottom:0}
.botbox .label input{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  
  width: 0.8333333333333333em;
  height: 0.8333333333333333em; border:none; background:none; background-image:url(../images/product/s13.png); background-position:center; background-repeat:no-repeat; background-size:cover;
  
  
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
  
  }
.botbox .label.checked input{ background-image:url(../images/product/s14.png);}
.xdproinfo_7 .ress_2_1 ul li .box{ display:none}
.xdproinfo_2.js-floor1.fixed{ position:fixed; left:0; top:60.4px; background-color:#fff; width:100%; padding:0; z-index:10}

.xdproinfo_2.js-floor1 .product_3_2 ul li.on a,.xdproinfo_2.js-floor1 .product_3_2 ul li.on a {
  background-color: #000;
  color: #fff;
}









@media only screen and (min-width: 1199px) {
  #dataTable .pic img {
    width: 6.25vw;
  }
}
















@media screen and (max-width:1680px) {
.botbox .label{ font-size:1.125em;}
.mark-box{ height:2.5em; line-height:2.5em; border-radius:2.5em;}
.imp span{ font-size:1em;}
.xdproinfo_7_mid_1_1_3_d{   height:2.5em; overflow:hidden; line-height:2.5em; border-radius:2.5em;}
#dataTable td{ font-size:1em;}
#dataTable th{ font-size:1.125em;}
.xdproinfo_7_mid_1_1 a{ font-size:1.125em;}
.xdproinfo_1_mid_left_4_mid{ height:150px;}
.xdproinfo_9_1_right_1{ font-size:1.5em;}
.xdproinfo_7_2_2_2{ font-size:1em;}
.xdproinfo_7_2_1 ul li{ font-size:1em;}
.playv{ font-size:.875em;}
.xdproinfo_3_mid_right_1{ font-size:1.25em;}
.xdproinfo_1_mid_left_2{ font-size:1.25em;}
.xdproinfo_1_mid_left_3,.xdproinfo_3_mid_right_2,.xdproinfo_9_1_right_2{ font-size:1.125em;}
.footer_2_2_right_mid_3 ul li{ margin-left:1.25em;}
.footer_2_2_right_mid_3 ul li img{ max-width:1.25em;}
.index_1_2 ul li.cur .index_1_2_con_mid_2{ font-size:1.25em;}
.service_1_wbk{ font-size:2em;}
.loginmid_mid{ min-height:23em;}
.coma2.coma2_contact{ font-size:1em;}
.xd_about_deve_1{ font-size:1.5em;}
.xd_about_deve_2_con_2{ font-size:1.25em;}
.xd_about_deve_2_con_1{ font-size:1.5em;}

.linkpro{ font-size:1.25em;}
.sr_2_1_2 dl dd{ min-height:130px;}
.sr_2_1_2 dl dd .sr_2_1_2_mid{ font-size:1em;}
.sr_1_mid_2_1{ font-size:2em;}
.xd_about_inv_v_mid_left_1{ font-size:2em;}
.xd_about_inv_v_mid_left_2{ font-size:1.125em;}
.xd_about_team_show_video_mid_left_mid{ font-size:1.25em;}
.xd_re_1_1_team_show_right{ font-size:.5em;}
.xd_about_team_1_mid_2{ font-size:1.25em;}
.xd_news_info_2_1{ font-size:2.5em;}
.xd_news_info_1_1{ font-size:1.875em;}
.xd_news_info_1_3{ font-size:1.125em;}
.xd_news_info_1_2{ font-size:1em;}
.xdnews_list_1{ font-size:1.25em;}
.xdnews_list_2{ font-size:1.125em;}
.xdnews_list_3_left{ font-size:1em;}
.xd_about_news_1_mid_left_mid_1{ font-size:1.5em;}
.xd_about_news_1_mid_left_mid_2{ font-size:1em;}
.xd_about_news_1_mid_left_mid_3{ font-size:1.125em;}
.xd_about_cul_mid_con_mid_1{ font-size:1.25em;}
.xd_about_cul_mid_con_mid_2{ font-size:1em;}
.xd_about_1_mid_2{ font-size:1.25em;}
.counttotal{ font-size:1em;}
.ress_2_1_mid_footer_2 dl dd a{ font-size:1.125em;}
.ress_2_1_mid_top_input input{ font-size:.75em;}
.ress_1_1 ul li a,.ress_1_1 dl{ font-size:1em;}
.xd_cases_info_2_1{ font-size:2em;}
.xd_cases_info_2_2{ font-size:1.125em;}
.product_3_1_xd_cases{ font-size:2em;}
.xdcase_con_1{ font-size:1.25em;}
.xd_tr_1_mid_left_2{ font-size:1.25em;}
.xd_tr_1_mid_left_1{ font-size:2em;}
.trends_3_mid_3{ font-size:1em;}
.re_team_1_1_1 span i{ font-size:.75em;}
.xd_re_1_2{ font-size:1.125em;  }
.xd_re_1_1{ font-size:2em;}
.remore{ font-size:1em;}
.probannerlist_con_mid_2{ font-size:1em;}
.probannerlist_con_mid_1{ font-size:2.5em;}
.xiala_mid{ min-height:300px;}
.xiala_mid_hauto{ min-height:inherit}
.xiala_left_mid_top_2{ font-size:1.5em;}
.inteam_right_nav{ font-size:.875em;}
.dev_1_bak_mid_left_2_2{ font-size:1em;}
.dev_1_bak_mid_left_2_1{ font-size:1.375em;}
.proinfo_7_1_2{ font-size:1em;}
.proinfo_6_mid_right_1{ font-size:1.5em;}
.proinfo_6_mid_right_2{ font-size:1em;}
.contact_2_2 ul li{ font-size:1em;}
.contact_1_mid_jj ul li{ font-size:1em;}
.sr_2_1_1{ font-size:1.5em;}
.sr_2_1_2 dl dd .sr_2_1_2_mid{  }
.arinfo dd{ font-size:1em;}
.man_1_mid a{ font-size:.75em;}
.service_3_mid_jj_right_1{ font-size:1.375em;}
.service_3_mid_jj_right_2{ font-size:1em;}
.team_info_1_mid_left_t{ font-size:1.875em;}
.inv_2_2_2{ font-size:1.125em;}
.inv_2_2_3{ font-size:1em;}
.news_info_2_mid_4{ font-size:1em;}
.news_2_1_img_1{ font-size:1em;}
.news_2_1_img_2{ font-size:1.125em;}
.news_2_1_img_3{ font-size:1em;}
.news_1_mid_right_2{ font-size:1.375em;}
.news_1_mid_right_3{ font-size:1em;}
.about_5_mid_jj_mid{ margin:2.5em;}
.about_4_mid_img_jj_mid_1 img{ max-width:2em;}
.about_4_mid_img_jj_mid_3{ font-size:.875em;}
.ress_2_1_mid_1_video a{ font-size:.75em;}
.resource_show_1_mid{ margin:2.5em;}
.resource_show_1_mid_right_1{ font-size:2em;}
.resource_show_1_mid_right_2{ font-size:1.25em;}
.loginmid_mid_jj_1{ font-size:1.875em;}
.loginmid_mid_jj_2{ font-size:1em;}
.loginmid_mid_jj_3 ul li div input{ font-size:1em;}
.ress_2_1_mid_footer_1{ font-size:1.25em;}
.ress_1_1 ul li{ font-size:1em;}
.case_1 .swiper-horizontal > .swiper-pagination-bullets, .case_1 .swiper-pagination-bullets.swiper-pagination-horizontal, .case_1 .swiper-pagination-custom, .case_1 .swiper-pagination-fraction{ bottom:2.5em; left:1.9em;}
.case_1 .about_5_mid_jj_mid{ margin:2.5em; margin-bottom:5em;}
.case_2_1_img_jj_mid_2{ font-size:1.25em;}
.case_2_1_img_jj_mid_1{ font-size:1em;}
.trends_4_mid_jj_mid{ margin:2.5em;}
.trends_3_mid{ padding:0em;}
.trends_3_mid_1{ font-size:1.25em;}
.trends_1_mid_right_1{ font-size:1.5em;}
.trends_1_mid_right_2{ font-size:1em;}
.teaminfo_2_mid{ padding:2.5em}
.teaminfo_2_mid_1{ font-size:1.75em;}
.teaminfo_2_mid_2{ font-size:1.25em;}
.teaminfo_2_mid_3{ font-size:1em;}
.re_team_1_1_2{ font-size:1.375em;}
.news_info_2_mid_3{ font-size:1em;}
.news_info_2_mid_1{ font-size:1.875em;}
.res_1_1_2{ font-size:1.25em;}
.res_1_1_3{ font-size:1em;}
.product_4_1_name_2{ font-size:.9375em;}
.case_info_1_t{ font-size:1.875em;}
.case_info_1_mid_right_t{ font-size:1em;}
.resource_show_1_mid_right_3{ font-size:1em;}
.proinfo_4_mid_right_1{ font-size:1.5em;}
.news_info_1_mid{ font-size:1em;}
.product_4_1_name_1{ font-size:1.125em;}
.product_3_2 ul li a{ font-size:1em;}
.product_3_1{ font-size:1.875em;}
.product_1_1{ font-size:2.25em;}
.product_1_2{ font-size:1em;}
.xiala_right_mid_2 p a{ font-size:.875em;}
 
.xiala_right{ }
.xiala_mid_line:after{ left:17em;}
.xiala_left_mid_2_mid_left input{ font-size:16px;}
.xiala_left_mid_1{ font-size:1.125em;}
.headermid_left_right{ }
.headermid_left_right ul li a.biga{  }
.headermid_left_right ul li{  }
.coma{ font-size:1em;}
.indexbanner_mid_1{ font-size:3em;}
.indexbanner_mid_2{ font-size:1.25em;}
.index_1_2_con_mid_2{ font-size:1em;}
.index_1_1_left_2{ font-size:1.25em;}
.index_1_1_left_1 span{ font-size:2em;}
.index_2_1{ font-size:1.125em;}
.index_3_1_img_con_mid_1{ font-size:2em;}
.index_3_1_img_con_mid_2{ font-size:1em;}
.index_5_2{ font-size:1.5em;}
}
@media screen and (max-width:1490px) {
.footer_2_2_right_mid{ width:72%;}


}
.mobilebar{ display:none; position:absolute; right:2.29166666666667%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
  #header .hamburger {
    padding: 0;
    height: 20px;
    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: #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);
  } 
  
@media screen and (max-width:1360px) {
.footer_2_2_right_mid{ width:80%;}
.footer_2_2_right_mid_1,.footer_2_2_right_mid_3 span{ font-size:1.125em;}
.sr_1_mid_2_1{ font-size:1.5em;}
.xd_about_team_show_video_mid_left_mid{ font-size:1em;}

.xd_about_inv_v_mid_left_1{ font-size:1.5em;}
.xd_news_info_2_1{ font-size:2em;}
.xd_news_info_1_1{ font-size:1.5em;}
.news_2_1 ul li{ margin-top:2em;}
.xdnews_list_1{ font-size:1.125em;}
.xdnews_list_2{ font-size:1em;}
.xd_about_news_1_mid_left_mid_1{ font-size:1.25em;}
.xd_about_news_1_mid_left_mid_3{ font-size:1em;}
.xd_about_deve_2_con_1{ font-size:1.25em;}
.xd_about_deve_2_con_2{ font-size:1em;}
.xd_about_deve_1{ font-size:1.25em;}
.inteam_right_nav{ font-size:.7em;}
.xd_cases_info_2_1{ font-size:1.5em;}
.xd_cases_info_2_2 div{ margin-left:0; margin-right:0}
.xd_cases_info_2_2{ font-size:1em;}
.product_3_1_xd_cases{ font-size:1.5em;}
.probannerlist_con_mid_1{ font-size:2em;}
.xd_tr_2{ margin-top:2.5em; margin-bottom:2.5em;}
.xd_tr_1_mid_left{ margin:2em;}
.xd_tr_1_mid_left_1{ font-size:1.5em;}
.xd_tr_1_mid_left_2{ font-size:1em;}
.service_1_wbk{ font-size:1.5em;}
.xd_re_1_teamshow{ margin-top:102px;}
body.nybody2 .proaddurl{ margin-top:102px;}
.res_1_1_2{ font-size:1.125em;}
.proaddurl{ margin-top:2em; margin-bottom:2em;}
.xd_re_1_1{ font-size:1.5em;}
.xd_re_1_2{ font-size:1em;}
.xd_re_1_2{ margin-left:0; margin-right:0}
.headermid_left_left{ left:2.29166666666667%}
 .headertop{ display:none}
 #header{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
 
.footer_2_2 p,.footer_1_left_2{ font-size:1.125em;}
.loginmid_mid_jj_1{ font-size:1.5em;}
.sr_2_1_1{ font-size:1.25em;}
.team_info_1_mid_left_t{ font-size:1.5em;}
.news_info_2_mid_1{ font-size:1.5em;}
.resource_show_1_mid_right_1{ font-size:1.5em;}
.teaminfo_2_mid_1{ font-size:1.5em;}
.re_team_1_1_2{ font-size:1.125em; margin:1.25em 0;}
.case_info_1_t{ font-size:1.5em;}
.proinfo_2{ margin-top:1.5em;}
.product_3_1{ font-size:1.5em;}
.mobilebar{ display:block; z-index:888}
#header .headermid_left_left a img,.nybody #header .headermid_left_left a img{ height:30px;}
.headermid_left_right ul li{ margin:0 1em;}
.mobilebar{ display:block;}
.headermid_left{ height:70px;}
.headermid_left_right{ display:none}
.headermid_right{ display:none}
.product_1{ margin-top:70px;}
.product_1_abtou_aw{ margin-top:102px;}
.indexbanner_mid{ margin:0 2.29166666666667%;}
.indexbanner_mid_ins{ margin-left:2.29166666666667vw}
.product_1_1{ font-size:1.5em;}
.proinfo_3{ margin-top:60px;}
.proinfo_5{ margin-top:40px;}
}
@media screen and (max-width:1200px) {



.news_info_2_mid{ width:100%;}
.about_4_mid ul li{ width:32%; margin-right:2%;}
.about_4_mid ul li:nth-child(3n){ margin-right:0}
.about_4_mid ul li:nth-child(4) {
  margin-top: 4.75em;
}
.about_4_mid ul li:nth-child(5) {
  margin-top: 0;
}
.resource_show_1_mid_right_2{ font-size:1.125em;}
.ress_2_1_mid_top_input{ font-size:.875em;}
.ress_2_1_mid_top .ress_2_1_mid_jj{ margin-left:1em; margin-right:1em;}
.ress_2_1_mid_footer_1{ font-size:1.125em;}
.ress_2_1_mid_footer_2 dl dd a{ font-size:.875em;}
.ress_2_1_mid_jj{ margin:1em;}
.pinfo_rep{ margin-top:2.5em;}
.proinfo_4_mid_right_1{ font-size:1.25em;}
.proinfo_4_mid_right {
  width:auto; padding-left:2.29166666666667vw; padding-bottom:2.29166666666667vw; padding-right:2.29166666666667vw;
  top: 0%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  right: 0%;
  position:relative;
}
.proinfo_4_mid{ height:auto}
.proinfo_4_mid_left{ position:relative; left:0; height:40vw; width:100%;}

.product_2_1 ul li{ width:32%; margin-right:2%; margin-top:1em;}
.product_2_1 ul li:nth-child(3n){ margin-right:0}
.product_2_1 ul li.cur{ width:32%;}
.product_2_1 ul li.cur .index_1_2_img::after {
  opacity: 0.67;
}
.product_2_1 ul li.cur .index_1_2_con {
  opacity: 1;
}


}
@media screen and (max-width:1024px) {
#product_4_1 .product_4_1_img{ height:40vw;}


.xdproinfo_1_mid_left_2{ font-size:1.125em;}
.xdproinfo_1_mid_left_3, .xdproinfo_3_mid_right_2, .xdproinfo_9_1_right_2{ font-size:1em;}
.index_1_1_left_1 span{ font-size:1.25em;}
.index_1_1_left_2{ font-size:1em;}
.product_4_1_img{ height:20em;}
.xd_about_insp_avw_2 ul li div{ height:160px;}
.xd_about_insp_avw_2 ul li{ width:16.66666666666667%;}
.xd_about_news_1_mid_left_mid_1{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;}
.man_4{ margin-top:2.5em;}
.man_3{ margin:.5em 0;}
.litpic{ width:160px; height:80px;}
.man_1_mid a{ font-size:.5em;}
.inv_1_mid_right_mid_jj{ margin-left:1.5em; margin-right:1.5em;}
.resource_show_1_mid_right_1{ font-size:1.25em;}
.case_1 .swiper-horizontal > .swiper-pagination-bullets, .case_1 .swiper-pagination-bullets.swiper-pagination-horizontal, .case_1 .swiper-pagination-custom, .case_1 .swiper-pagination-fraction{ bottom:1.5em;}
.case_1 .about_5_mid_jj_mid{ margin-left:1.5em; margin-right:1.5em; margin-bottom:3.5em;}
.trends_3_mid_1{ font-size:1.125em;}
.trends_3_mid{ padding:1em;}
.trends_1_mid{ margin-top:2em;}
.trends_1_mid_right {
  position:static;
  right: 0;
  top: 0%;
  width: 100%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  height:auto;
   
}
.trends_1_mid_right_jj{ margin:1.5em 2.29166666666667vw}
.trends_1_mid_left{ width:100%;}
.teaminfo_2_mid{ padding:1.25em;}
.teaminfo_2_mid_2{ font-size:1.125em;}
.proinfo_6_mid_left{ width:100%; margin-left:0}
.proinfo_6_mid_right {
  position:static;
  left: 0;
  top: 0%;
  width: 100%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding-top:1em;
}
.proinfo_6 ul li{ padding:1.5em 0;}
.proinfo_6 ul li:nth-child(2n) .proinfo_6_mid_right{ width:auto; padding-left:2.29166666666667vw; padding-right:2.29166666666667vw}

}
@media screen and (max-width:950px) {
.xd_about_news_1_mid_left_mid{ width:100%;}
.xd_about_news_1_mid_right{ position:relative; height:60vw; width:100%;}
.xd_about_news_1_mid_left{ width:auto; padding-top:1.5em; min-height:inherit}
.xd_about_news_1_mid_left_mid_4{ position:static; padding-top:1.5em;}

}
@media screen and (max-width:900px) {
.ress_2_1 ul li{ width:49%; margin-right:0; margin-top:1em;}
.ress_2_1 ul li:nth-child(2n){ float:right;}


}
@media screen and (max-width:810px) {
#product_4_1 .product_4_1_img{ height:50vw;}
.p3dimg{ height:40vw;}
.botbox .label{ font-size:1em;}
.xdproinfo_7_2_2 ul{ margin-top:1.5em;}
.xdproinfo_7_2_2 ul li{ width:11.64930555555556%}
.xdproinfo_7_2_2 ul li:nth-child(8n){ margin-right:0}
.xdproinfo_7_2_2 ul li:nth-child(10n){ margin-right:.97222222222222%}

.xdproinfo_9_1_right_1{ font-size:1.25em;}
.xdproinfo_9_1{ margin-top:2em;}
#Gallery .xd_re_1_1_team_show_right{ right:2.29166666666667%}
#Gallery .xd_re_1_1_team_show_right{ font-size:.7em;}
.xdproinfo_9_1_right_2{ margin-bottom:1.5em;}
.xdproinfo_9_1_right_mid {
  position:static;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}
.xdproinfo_9_1_right {
  position:relative; padding:1.5em 0; margin-top:1.5em;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.xdproinfo_9_1_left{ width:100%;}
.playv{ font-size:.65em;}
.xdproinfo_4{ margin-top:1.5em;}
.xdproinfo_3_mid ul li:nth-child(2n) .xdproinfo_3_mid_left{ margin-left:0}
.xdproinfo_3_mid_right{ position:static; width:100%;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding-top:1.5em; padding-bottom:1em;
   
  max-height:none;
  overflow:hidden}
.xdproinfo_3_mid_left{ width:100%;}
#Introduction{ margin-top:2em;}
.js-floor1 { display:none}
.xdproinfo_1_mid_left_4 .swiper-slide{ width:33.3333%}
.xdproinfo_1_mid_left_3{ margin-bottom:2.5em;}
.xdproinfo_1_mid_left{ width:100%;}
.xdproinfo_1_mid_right{ display:none}

.footer_2_2_right_mid_3 ul li:nth-child(1),.footer_2_2_right_mid_3 ul li{ margin-left:.5em; margin-right:.5em;}
.footer_2_2_right_mid_3 span{ display:block; text-align:center; position:static; padding-bottom:1em;}
.footer_2_2_right_mid_3{ padding-left:0; text-align:center}
.footer_1{ padding-top:2.5em;}
.footer_1_mid{ text-align:center;}
.footer_1_left{ margin-left:auto; margin-right:auto; padding-left:1em; padding-right:1em;}
.contact_2_2 ul{ margin-left:0; margin-right:0}
.arinfo dd:after{ top:.2em;}
.arinfo dd:nth-child(3)::after {
  background-image: url(../images/sr/s11b.png);
}
.sr_1_mid_2{ width:80%;}

.sr_1_mid_2_1{ font-size:1.25em;}
.xd_about_case_show_photo_team .swiper-slide{ margin-right:0}
.linkpro{ font-size:1em; left:1em; bottom:1em;}
.xd_about_man_list .service_3_mid ul li:nth-child(2n) .service_3_mid_jj_left{ margin-left:0}
 .xd_about_man_piclist .xd_about_insp_avw_2 ul li div{ height:120px;}
.service_3_mid ul li:last-child .service_3_mid_jj_right_top{ border:none}
.service_3_mid{ padding-top:0}
.service_3_mid_jj_right_1{ font-size:1.25em;}
.service_3_mid_jj_right_top{ position:static; width:auto;}


.xd_about_insp_avw_2 ul li{ width:25%;}
.dev_1_mid_2_mid_nav .swiper-pagination{ font-size:.75em;}
.xd_about_team_per_img_mid_right{ float:none; width:auto}
.xd_about_team_per_img_mid_left{ float:none; width:auto; margin-top:1.5em;}
.xd_about_team_show_video_mid_right{ margin-top:1.5em;}
.xd_about_team_show_video_mid_right,.xd_about_team_show_video_mid_left{ float:none; width:auto}
.xd_about_team_show_video{ margin-top:2em; margin-bottom:2em;}
.xd_about_case_show_photo_team{ margin-top:1.5em;}
.xd_about_team_1_mid_2{ font-size:1.125em;}
.xd_about_inv_v_mid_left_1{ font-size:1.25em;}
.xd_about_inv_v_2{ padding-top:5em; padding-bottom:5em;}
.xd_about_inv_v_2_mid{ width:100%;}
.xd_about_inv_v,.xd_about_inv_v_2{ margin-top:2.5em;}
.xd_ab_inv_1{ padding-left:1em; padding-right:0}
#xiangqnews .news_2_1 ul li{ margin-bottom:1.5em;}
.xd_news_info_2_1{ font-size:1.25em;}
.xd_news_info_1_1{ font-size:1.25em;}
.news_2_1 ul li:nth-child(1){ margin-top:.5em;}
#nns{ padding-bottom:0}
.xdnews_list{ margin-right:0}
.xd_about_deve_2_con ul li:after{ background-color:#666}
.xd_about_deve_2_con_1:after{ background-image:url(../images/sr/s100.png);}
.xd_about_deve_2_img{ height:42vw; position:relative;}
.xd_about_deve_2_con{ position:static; width:auto; height:auto; color:#000; margin-top:1.5em;}
.xd_about_deve_2_img:after{ display:none}
.xd_about_cra_mid{ height:60vh;}
.xd_re_1_1{ font-size:1.25em;}
.xd_about_df_mid{ width:auto}
.xd_re_1_2_about{ margin-bottom:2em;}
.xd_about_df{ margin:2em 0;}
.xd_about_cul_mid ul li{ width:49.8%; margin-bottom:4px; margin-right:0}
.xd_about_cul_mid ul li:nth-child(2n){ float:right}
.xd_about_cul_mid ul li.on{ width:49.8%;}
.xd_about_1_mid_2{ font-size:1.125em;}
.ress_1{ margin-top:1.5em;}
.case_info_3_3{ margin-top:1em; margin-bottom:0}
.inteam_right_nav_re{ margin-top:4em;}
.xd_cases_info_2_2{ margin-bottom:2em;}
.xd_cases_info_2_1{ font-size:1.25em;}
.xdcase_con_mid{ margin:1em; padding:1em;}
.xdcase_con{ opacity:1}
.xdcase_con_1{ font-size:1.125em;}
.case_2_1_xdt{ margin-top:1em;}
.product_3_2 ul li a{ line-height:2.4em; border-radius:2.4em;}
.product_3_1_xd_cases{ font-size:1.25em;}
.probannerlist_con_mid_2_cases div{ max-width:none}
.probannerlist_con_mid_1{ font-size:1.25em;}
.trends_5_xd_mid_right{ float:none; width:auto; margin:1.5em 1em;}
.xd_tr_1_mid_left{ width:auto; margin:1.5em 1em;}
.xd_tr_2_rt .xd_tr_2_mid_left{ margin-left:0}
.xd_tr_2_rt .indexbanner_mid{ padding-top:2em;}
.service_1_wbk{ font-size:1.25em;}
.xd_tr_2_mid_right{ position:static; width:100%;}
.xd_tr_2_mid_right_mid{ position:static; max-height:none;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); width:auto; padding:1.5em 1em;}
.xd_tr_2_mid_left{ width:100%;}
.xd_tr_1_mid_left_1{ font-size:1.25em;}
.teaminfo_1{ margin-top:2em; margin-bottom:1em}
.re_team_1_1_1 span i{ font-size:.5em;}
 .re_team_1{ padding-top:2em;}
.re_team_1_1 ul li{ margin-top:0.5em;}
.xd_re_1_1{ font-size:1.25em;}
.proinfo_4_mid_right{ padding-bottom:1em;}
.proinfo_4_mid_right_3 a{ font-size:1em;}
.footer_2_1{ display:none}
.footer_1_left_2{ font-size:1em;}
.footer_2_2_right_mid_2{ margin-top:1em; margin-bottom:1em;}
.footer_2_2_right_mid{ float:none; margin-right:0; width:auto}
.footer_2_2_right_mid_1 a,#footer .coma2{ margin:0 auto; height:40px; line-height:40px; border-radius:40px; font-size:16px; width:240px;}
.footer_2_2_right{ float:none; width:100%;}
.footer_2_2_left{ display:none}
.dev_1_bak_mid{ padding-bottom:1em;}
.dev_1_bak_mid_left_2_1{ font-size:1.125em;}
.dev_1_bak_mid_left_1{ font-size:1.25em;}
.dev_1_bak_mid_left_1_t{ padding-top:0}
.dev_1_bak_mid_left_1{ position:static; }
.dev_1_bak_mid_left_2{ width:100%;}
.dev_1_bak_mid_left_1_t_img{ position:static; width:100%;padding-bottom:1.5em;}
.loginmid_mid_close{ font-size:.75em;}
.loginmid_mid_jj_3 ul li{ margin-bottom:1em;}
.loginmid_mid_jj{ margin:2em;}
.loginmid_mid_jj_1{ font-size:1.25em;}
.contact_2_3{ padding:2.5em 0;}
.contact_2_1{ padding-top:1.5em;}
.contact_2_2 ul li div{ padding-top:.875em; padding-bottom:.875em;}
.contact_2_2 ul li{ width:100%; margin-right:0; margin-top:1em;}
.contact_1_mid{ padding-left:1em; padding-right:1em; padding-top:18vw; padding-bottom:18vw;}
.sr_2_1_2 dl dd{ width:49%; margin-right:0; margin-bottom:1em;}
.sr_2_1_2 dl dd:nth-child(2n){ float:right}
.sr_2{ margin-top:0em; padding-top:.5em; padding-bottom:2.5em;}

.arinfo dd:after{ background-image:url(../images/sr/s2b.png);}
.arinfo dd:nth-child(2):after{ background-image:url(../images/sr/s2b.png);}
.sr_1_cn{ margin:1em;}
.sr_1_mid_3{ position:static; color:#000; margin-top:1.5em;}
.man_4_2{ padding:2em 0;}
.man_4_3 .man_4_2_mid_left{ margin-left:0}
.man_4_2_mid_right {
  position:static;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  width: 100%; padding-top:1em;
}
.man_4_2_mid_left{ width:100%;}
.service_3_mid_jj_right_1{ margin-top:1em; margin-bottom:1em;}
.service_3_mid ul li{ padding:1.5em 0; margin-bottom:0; padding-top:0}
.service_3_mid_jj_right {
  position:static;
  right: 0;
  top: 50%;
  max-height: 100%;
  
  width: 100%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}
.service_3_mid_jj_left{ width:100%;}
.aw_1_mid_jj_img_mid_1 img{ height:22vw;}
.aw_1_mid{ padding-left:2.29166666666667vw; padding-right:2.29166666666667vw;}
.team_info_3 .swiper-slide{ width:32%; margin-right:2%;}
.team_info_1{ margin:2.5em 0;}
.team_info_1_mid_left,.team_info_1_mid_right{ float:none; width:100%;}
.team_info_1_mid_left_t{ font-size:1.25em;}
.team_2_mid ul li{ margin-top:0}
.team_2_mid ul li:nth-child(2n) .team_2_mid_mid_left {
  margin-left: 0%;
}
.team_2_mid_mid_left{ width:100%;}
.team_2_mid_mid_right {
  position:static;
  right: 0;
  width:auto;
  top: 50%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding-top:1.5em;
}
.inv_2_1{ padding:1.5em 0;}
.inv_4{ margin-top:2em;}
.inv_3{ margin-top:2em;}
.inv_2_2_2{ margin-top:1em;}
.inv_2_2 ul li{ width:100%; margin-right:0; margin-bottom:1em;}
.inv_1_mid_right_mid {
  position:static;
  width:auto;
  max-height:none;
  
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  left: 0;
  top: 50%;
}
.inv_1_mid_left{ width:100%; margin-left:0}
.news_info_2_mid_4{ margin:2.5em 0;}
.news_info_2_mid_3{ margin-top:20px;}
.news_info_2_mid_1{ font-size:1.25em; margin-top:40px;}
.news_2_2{ padding:2em 0;}
.news_2{ padding-top:1em;}
.news_2_1_img_3{ min-height:inherit}
.news_2_1 ul li{ width:100%; margin-top:1.5em;}
.news_1{ padding-bottom:2.5em;}
.news_1_mid_right_2{ font-size:1.125em;}
.news_1_mid_right_3{ margin:1.25em 0;}
.news_1_mid_right {
  position:static;
  right: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding-top:1.5em;
}
.news_1_mid_left{ width:100%;}
.about_6{ height:50vh}
.about_6{ margin-bottom:1.5em;}
.about_5{ padding-bottom:2em;}
.about_5_mid_jj_mid{ margin:1.5em 0;}
.about_5_mid_jj{ position:static; color:#000;}
.about_4{ padding-bottom:2em;}
.about_1_mid_left,.about_1_mid_right{ float:none; width:auto;}
.ress_2_1_mid_1_3d{ height:40vw;}
.resource_show_1_mid_right {
  width:auto;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  position:static; padding-top:1.5em;
}
.resource_show_1_mid_right_3{ margin:1em 0; padding:1em 0;}
.resource_show_1_mid_left{ width:100%;}
.resource_show_1_mid{ margin:1.5em;}
.ress_1_1{ padding-bottom:3em;}
.ress_1_1_r{ bottom:0; right:auto; left:0; bottom:0em}
.ress_1_1 ul{ margin-bottom:2em;}
.case_info_2{ margin-top:2em;}
.case_info_1_t{ font-size:1.25em;}
.case_info_1{ margin-top:2.5em;}
.case_info_1_mid_right{ margin-top:1em;}
.case_info_1_mid_left,.case_info_1_mid_right{ float:none; width:auto;}
.news_info_1{ margin-top:96px;}
.case_2_1_img_jj_mid{ margin-left:2.29166666666667vw; margin-right:2.29166666666667vw}
.case_2_1 ul li{ width:49%; margin-right:0; margin-top:1em;}
.case_2_1 ul li:nth-child(2n){ float:right}
.case_2_1_img_jj_mid_2{ font-size:1.125em;}
.trends_2_2{ margin:1.5em 0}
.trends_4{ margin-top:1em;}
.trends_5 .trends_1_mid_right_jj{ margin-left:0; margin-right:0}
.trends_5 .trends_1_mid{ margin-top:2em; margin-bottom:1em;}
.trends_4_mid_jj_mid{ margin-left:0;margin-right:0}
.trends_4_mid_jj{ position:static; color:#000}
.trends_1_mid_right_1{ font-size:1.25em; margin-top:1.5em;}
.teaminfo_2_mid_1{ font-size:1.25em;}
.res_1_2{ padding:2.5em 0;}
.res_1_1 ul li{ width:49%; margin-right:0; margin-top:1.5em;}
.res_1_1 ul li:nth-child(2n){ float:right}
.proinfo_6_mid_right_1{ font-size:1.25em;}
.case_info_3_1{ margin-top:2.5em;}
.product_4_1_name_1{ font-size:1em;}
.product_4_1_name{ margin-bottom:1em;}
.product_4_1 ul li{ width:49.8%; margin-top:0em; margin-right:0}
.product_4_1 ul li:nth-child(2n){ float:right}
.proinfo_4 .swiper-pagination-bullet{ width:30px;}
.re_team_1_1 ul li{ width:49%; margin-right:0}
.re_team_1_1 ul li:nth-child(2n){ float:right}
.proinfo_2{ margin-top:40px}
.man_4 .about_5_mid_jj_mid{ margin-bottom:0}
.about_5.man_4_1{ padding-bottom:0}
.man_4_2 .product_1_2{ margin-bottom:0}
.man_2_1{ margin-top:1.5em;}

#product_4_1 ul li{ margin-top:8px;}

}
@media screen and (max-width:768px) {
	.about_4_mid ul li{ width:49%; margin-right:0; margin-top:1em;}
	.about_4_mid ul li:nth-child(2n){ float:right;}
	.about_4_mid ul li:nth-child(2n-1){ margin-top:1em;}
	.about_3 .product_1_2{ margin-bottom:0}
	.about_4_mid ul li:nth-child(4){ margin-top:1em;}

}
@media screen and (max-width:640px) {
#product_4_1 .product_4_1_name,#product_4_1 .product_4_1_name_1{ margin-bottom:0}
#product_4_1 .product_4_1_img{ height:65vw;}

.p3dimg{ height:50vw;}

.xdproinfo_7_2_2 ul li{ width:24.27083333333334%}
.xdproinfo_7_2_2 ul li:nth-child(4n){ margin-right:0}
.xdproinfo_7_2_2 ul li:nth-child(8n){ margin-right:0%}



.xdproinfo_7 .xdproinfo_7_mid:nth-child(3){ overflow-x:auto;}
#dataTable{ width:760px;}
#dataTable td{ font-size:.9375em;}
#dataTable th{ font-size:1em;}
#dataTable .pic img{ width:70px;}
.xdproinfo_6 .product_3_2_nofloat ul{ width:700px;}
.xdproinfo_6 .product_3_2_nofloat{ overflow-x:auto;}

.xdproinfo_3_mid_right_1,.xdproinfo_9_1_right_1{ font-size:1.125em;}
.xdproinfo_8 .xd_about_case_show_photo_team .swiper-slide {
  width: 33.3333%;
  
}
.indexbanner_mid_2{ padding-bottom:1.5em;}
.sr_2{ padding-bottom:.5em;}
.sr_2_1_1{ font-size:1.125em;}
.xd_tr_2{ margin-top:0em; margin-bottom:1em}
.pagination{ font-size:.75em;}
.search-box .search-inp{ height:2.5em; border-radius:2.5em;}
.search-box{ padding:1.5em 0; width:95%;}
.loginmid_mid{ width:auto; left:2.29166666666667%}
.sr_2_1_2 dl dd:nth-child(2n){ float:none}
.sr_2_1_2 dl dd{ min-height:inherit; padding-top:1em; padding-bottom:1em; padding-left:1em; padding-right:1em; width:auto; float:none}
.sr_2_1_2 dl dd .sr_2_1_2_mid {
  position:static;
  width:auto;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  word-wrap: break-word;
  font-size:1em;
}
.aw_1_mid{ padding-top:2.5em;}
.dev_1_mid_2_mid_nav{ margin:2.5em 0;}
.team_info_3_1{ margin-top:1.5em;}
#jdt{ margin:1.5em 0;}
.team_info_3 .swiper-slide{ width:49%;}
.inv_1_mid_right_mid_jj{ margin:1.5em 1em;}
.news_info_2_mid_4_re{ display:none}
.news_info_2_mid_4 ul li:nth-child(2){ text-align:left; padding-top:15px;}
.news_info_2_mid_4 ul li:nth-child(2) a{ margin-left:0}
.news_info_2_mid_4 ul li{ width:100%;}
.ress_2_1_mid_1_video a{ font-size:.5em;}
.trends_3 ul li{ width:100%; margin-right:0; margin-bottom:1em; min-height:inherit}
.case_info_1_t{ font-size:1.25em;}
.proinfo_4_mid_left .swiper-slide img{ max-width:80%;}
.resource_show_1_mid_right_3{ margin:1em 0; padding:1em 0 0 0;}
.proinfo_4_mid_left{ height:40vh;}
.product_3_2 ul li a{ padding:0 10px;}
.product_3_1{ font-size:1.25em; padding-top:40px;}
.product_1_1{ font-size:1.25em;}
.index_1_2_con_mid_1{ height:2.5em;}
.product_2_1 ul li{ width:49%; margin-right:0%; margin-top:1em; height:35vw;}
.product_2_1 ul li:nth-child(2n){ float:right}
.product_2_1 ul li.cur{ width:49%;}
.product_1_2{ margin-bottom:1.5em;}
.product_1_2_samll{ margin-bottom:.5em;}
.proinfo_3{ margin-top:40px;}


}
@media screen and (max-width:480px) {
.xdproinfo_6{ padding:1.5em 0;}
.botbox .label{  font-size:.9375em;}
.xdproinfo_7_mid_1_1_3_d,.mark-box{ height:2em; line-height:2em; }
.p3dimg{ height:68vw;}
.xdproinfo_4{ margin-top:.5em;}
.playv{ font-size:.5em;}

.xdproinfo_7_2_2 ul li{ width:32.68518518518519%}
.xdproinfo_7_2_2 ul li:nth-child(3n){ margin-right:0}
.xdproinfo_7_2_2 ul li:nth-child(4n){ margin-right:0.97222222222222%}
.xdproinfo_7_2_2 ul li:nth-child(12n){ margin-right:0}

#ropic{ margin-top:1.5em;}
.xdproinfo_1_mid_left_4_mid{ height:100px;}
#product_4_1 .product_4_1_img{ height:16em;}

.contact_2_3{ padding-bottom:.5em;}
.coma2.coma2_contact{ width:100%; height:2.5em; line-height:2.5em; border-radius:2.5em;}
#nsddd{ font-size:.7em;}
.xd_about_insp_avw_2 ul li div{ height:110px;}
.xd_about_insp_avw_2 ul li{ width:33.3333%;}
 .xd_about_inv_v_2{ padding-top:2.5em; padding-bottom:2.5em;}
.xd_about_inv_v_mid_left{ margin-top:2.5em; margin-bottom:2.5em; margin-left:1em; margin-right:1em;}
.xd_about_inv_v, .xd_about_inv_v_2{ margin-top:1.5em;}
.xd_about_cra_name{ right:3%; left:35%;}
.xd_about_cul_mid ul li,.xd_about_cul_mid ul li.on{ height:68vw; width:100%;}
.ress_1_1 ul li a{ padding-left:15px; padding-right:15px;}
.ress_1_1 dl dd:nth-child(2){ text-align:right}
.product_3_2_nofloat ul {
   
  grid-template-columns: repeat(2, 1fr);
   
}
.ress_1_1 dl{display: grid;
  grid-template-columns: repeat(2, 1fr);
  }
 .ress_1_1 dl dd{ margin-right:0} 
.inteam_right_nav{ font-size:.5em;}
.re_team_1_2 .res_1_2{ padding-top:1em;}
  body.nybody2 .proaddurl {
    margin-top: 92px;
  }
.coma.getmore{ width:auto;}
#header .warp-nav {
    height: calc(100vh - 60.8px);
    
    top: 60.8px;
     
  }


.footer_1{ padding-bottom:1.5em; margin-bottom:1.5em;}
.footer_2_2_right_mid_3 ul li img{ max-width:20px;}
.footer_2_2_right_mid_1{ font-size:1em;}
#footer{   text-align:center}
.footer_1_right{ display:none}
.man_1_mid a{ font-size:.4em;}
.aw_1 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .aw_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.ins_1 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .ins_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.aw_1_mid_jj_img_mid_1 img{ height:35vw;}
.about_4_mid_img_jj_mid{ margin-left:1em; margin-right:1em; margin-bottom:1em;}
.about_4_mid ul li{ width:100%;}
.ress_2_1_mid_1_3d{ height:70vw;}
.ress_1{ margin-top:1em;}
.ress_2_1 ul li{ width:100%;}
.case_2_1 ul li{ width:100%;}

.xdproinfo_7 .ress_2_1 ul li{ width:49.8%;}
.xdproinfo_7 .ress_2_1 ul li:nth-child(2n){ float:right}

  .xdproinfo_8 .xd_about_case_show_photo_team .swiper-slide {
    width: 50%;
  }

.case_1 .swiper-horizontal > .swiper-pagination-bullets, .case_1 .swiper-pagination-bullets.swiper-pagination-horizontal, .case_1 .swiper-pagination-custom, .case_1 .swiper-pagination-fraction{ bottom:1em;}
.case_1 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .case_1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.case_1 .swiper-horizontal > .swiper-pagination-bullets, .case_1 .swiper-pagination-bullets.swiper-pagination-horizontal, .case_1 .swiper-pagination-custom, .case_1 .swiper-pagination-fraction{ text-align:center; left:0; width:100%;}

.case_1 .product_1_2,.case_1 .product_1_1{ display:none}

.teaminfo_1_video{ height:45vw}
.re_team_1_1_2{ font-size:1em;}
.res_1_1_3{ margin-bottom:1em;}
.res_1_1 ul li{ width:100%;}
.proinfo_7_1{ padding-bottom:1em;}
.proinfo_7_1_2{ margin-top:10px;}
.product_3_2 ul li a{ font-size:.9375em;}
.headermid_left{ height:60px;}
#header .headermid_left_left a img, .nybody #header .headermid_left_left a img,.nybody #header.cur .headermid_left_left a img{ height:28px;}
.product_1{ margin-top:60px;}
.product_1_abtou_aw{ margin-top:92px;}
.proinfo_3{ margin-top:40px;}
.proinfo_5{ margin-top:20px;}
.proinfo_5_img{ margin-top:0; margin-bottom:40px;}
.pinfo_rep .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .pinfo_rep .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.proinfo_7_1 ul li{ width:32%; margin-right:2%; margin-bottom:1em;}
.proinfo_7_1 ul li:nth-child(3n){ margin-right:0}
.res_1_2 a{ font-size:.875em;}
.res_1_1_2{ font-size:1.125em;}

.xdproinfo_6 .product_3_2_nofloat ul {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-height:960px) {
	#footer{  }
	.footer_1_left_2{ font-size:1.25em;}
	.footer_1_right span{ font-size:1.5em;}
	.footer_1{ padding-bottom:90px; padding-top:2.5em;}
	.footer_2_1{ font-size:1.25em;}
	.footer_2_3{ margin-top:8em; padding:2.5em 0;  }
	.footer_1_left_1 img{ height:41px;}
}
@media screen and (max-height: 10000000000px) and (max-width: 810px) {
.footer_1_left_2{ font-size:1em;}
.footer_1_right span{ font-size:1.25em;}
.footer_1_left_1 img{ height:30px;}
.footer_1{ padding-bottom:1em; margin-bottom:1em;}
.footer_2_1{ margin:1.5em 0;}
.footer_2_3{ padding:1.5em 0; margin-top:1.5em; line-height:1.6;}
.footer_2_3_left,.footer_2_3_right{ float:none; width:100%; text-align:center}

}
@media screen and (max-height: 10000000000px) and (max-width: 480px) {
.footer_1{ padding-bottom:1em; margin-bottom:1em;}

}
@media screen and (min-width: 768px) {
  .proinfo_1_g,.about_6_bg,.xd_about_df,.probannerlist_bg,.xd_about_cra_mid_img,.xd_about_deve_2_img,.xd_about_inv_v_2,.xd_about_inv_v_mid,.aw_1_mid {
    background-attachment: fixed;
  }
}