/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
 
/*   @font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal; 
} */

 /*@font-face {
    font-family: 'SOURCEHANSANSCN-EXTRALIGHT';
    src: url('fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF');
    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;
}*/
a.biga,.slang{font-family: 'AlibabaPuHuiTi-2-45-Light';}
 


@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');
}  

body{
    font:1em/1.3 "AlibabaPuHuiTi-2-45-Light";   
	-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: "AlibabaPuHuiTi-2-45-Light";
}
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:#2e408e; background-color:#2e408e; 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**********/
#header{ background-color:#fff; position:fixed; left:0; /*padding:1.5em 0; */  top:0; width:100%; z-index:100; /*background-color:rgba(255, 255, 255, 1);*/}
.headermid{ position:relative; height:97px;}
.headermid_right{ position:absolute; right:5.72916666666667%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.headermid_left{ position:absolute;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); left:5.72916666666667%; top:50%;}
/*********index*********/
.indexbanner{ position:relative; height:100vh;}
.slide-inner{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbannerlist{ position:relative; height:100%;}
.headermid_right ul li{
float:left; margin-left:2em;}
.headermid_right ul li a.biga{ font-size:1.25em; display:block; line-height:4.85em; position:relative; height:4.85em;}
.headermid_right ul li a.biga:hover{ color:#2e408e;}
.headermid_right ul li a.biga:after{ content:''; position:absolute; left:0; bottom:0; height:2px; background-color:#2e408e;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:0;}
.headermid_right ul li a.biga:hover:after{ width:100%;}
.headermid_right ul{ position:relative; padding-right:90px;}
.headermid_right_right{ height:26px; line-height:26px; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:68px; background-image:url(../images/header/img2.png); background-position:center; background-repeat:no-repeat; }
.headermid_right_right a:nth-child(1){
float:left; width:16px; margin-top:5px; height:16px; background-image:url(../images/header/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.headermid_right_right a:nth-child(2){
float:right; font-size:20px; }
body{ position:relative;}
.bodyline{ position:absolute; left:5.57291666666667%; top:0; height:100%; width:5px; background-image:url(../images/index/img1.png); z-index:10; background-position:center; background-repeat:repeat-y;}
.indexbody{ margin-left:5.57291666666667%; padding-left:5px;}
.indexbody_1{ padding-top:14.375em; padding-bottom:13.875em; position:relative;}
.indexbody_1_mid{ position:relative; z-index:1;}
.indexbody_1_left{ width:29.86725663716814%; margin-left:12.2787610619469%; position:relative;}
.indexbody_1_left img{ width:100%;}
.indexbody_1_left_1{ position:relative; overflow:hidden; z-index:1;}
.indexbody_1_left_1 img{ width:100%;}
.indexbody_1_left_1 a{ -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); display:block; position:absolute; z-index:1; left:50%; top:50%; width:6.4375em; height:6.4375em; background-image:url(../images/index/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbody_1_left_2{ position:absolute; width:100%; height:100%; background-color:#2e408e; left:-3em; top:-3em;}
.indexbody_1_right{ position:absolute; width:31.52654867256637%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); right:17.58849557522124%;}
.indexbody_1_right_1{ font-size:1.625em;}
.indexbody_1_right_2{ color:#2c2c2c; line-height:2; margin-bottom:3.4375em; margin-top:1.25em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
a.vmore{ padding-right:2.75em; display:inline-block; position:relative; height:2.5em; line-height:2.5em; padding-left:3.3125em;}
a.vmore span{ position:absolute; left:0; top:50%; width:2.5em; height:2.5em; border-radius:100%; background-color:#2e408e; background-image:url(../images/index/img5.png); background-position:center; background-repeat:no-repeat;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
a.vmore:after{ content:''; position:absolute; right:0; top:50%; width:1.875em; height:0.4375em; background-image:url(../images/index/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
a.vmore:hover:after{ right:-10px;}	
.indexbody_1_bg{ position:absolute; left:20.74115044247788%; bottom:0; width:51.40625%;}
.indexbody_1_bg img{ width:100%;}
.indexbody_2{ background-color:#e2e0de; overflow:hidden; padding-top:9.375em; padding-bottom:4.375em;}
.indexbody_2_mid{ margin-left:22.01327433628319%; overflow:hidden;}
.indexbody_2 .swiper-container {
      width: 100%;
      height: 100%;
    }
.indexbody_2 .swiper-slide {
      
	  transition: 300ms;
	  transform: scale(0.8296146044624746); width:69.97870830376153%;
    }
.indexbody_2 .swiper-slide-active,.indexbody_2 .swiper-slide-duplicate-active{
      transform: scale(1);
	}
.indexbody_2_mid_1_mid{ text-align:center;width:69.97870830376153%;}
.indexbody_2_mid_1_mid_1{ font-size:1.125em; line-height:1.6; margin-top:.5em;}
.indexbody_2_mid_2{ margin-top:5.625em;}
.indexbody_2_mid_2_mid{ position:relative; padding-left:1.125em;}
.indexbody_2_mid_2_mid_1_img{ overflow:hidden;}
.indexbody_2_mid_2_mid_1_img img{ width:100%;}
.indexbody_2_mid_2_mid_2{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; position:absolute; z-index:10; background-color:#fff; left:0; width:22.25em; height:12.875em; bottom:2em;}
.indexbody_2_mid_2_mid_2_mid{ position:absolute; left:10%; top:50%; width:80%; text-align:center;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); letter-spacing:.2em; }
.indexbody_2_mid_2_mid_2_mid_1{ font-size:1.125em; color:#666;}
.indexbody_2_mid_2_mid_2_mid_2{ font-size:1.875em; color:#dadada; font-weight:bold; margin-top:.75em;}
.indexbody_2 .swiper-slide-active .indexbody_2_mid_2_mid_2{ opacity:1;}
.indexbody_2_mid_2_num{ font-size:2.25em; color:#666; margin-top:.75em;}
.indexbody_2_mid_2_num span{ color:#2e408e}
.indexbody_3_mid{ margin:0 9.40265486725664%;}
.indexbody_3{ padding-top:10.3125em;}
.indexbody_3_mid_1{ text-align:center;}
.indexbody_3_mid_2{ text-align:center; margin-top:6.25em; margin-bottom:2.75em;}
.indexbody_3_mid_2 ul li{ display:inline-block; padding:0 2.5em; position:relative; margin-bottom:1em;}
.indexbody_3_mid_2 ul li a{ display:block}
.indexbody_3_mid_2 ul li:after{ background-color:#e5e5e5; content:''; position:absolute; left:0; top:0; height:100%; width:1px;}
.indexbody_3_mid_2 ul li:nth-child(1):after{ display:none}
.indexbody_3_mid_2_2{ font-size:1.125em; margin-top:10px;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexbody_3_mid_2_1{ position:relative; height:49px;}
.indexbody_3_mid_2_1 img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexbody_3_mid_2_1 img:nth-child(2){ opacity:0; z-index:1;}
a.on .indexbody_3_mid_2_2{ color:#2e408e;}
a.on .indexbody_3_mid_2_1 img:nth-child(2){ opacity:1;  }
a.on .indexbody_3_mid_2_1 img:nth-child(1){ opacity:0;  }
.indexbody_3_mid_3 ul li{ position:relative;  }
.indexbody_3_mid_3_1{ overflow:hidden;}
.indexbody_3_mid_3_1 img{ width:100%;}
.indexbody_3_mid_3_2{ position:absolute; left:-3.625em;bottom:-2.375em; width:41.4850136239782%; height:59.89159891598916%; background-position:left center; background-repeat:no-repeat; background-size:cover; color:#fff; z-index:1; background-image:url(../images/index/img16.png?v=1);}
.indexbody_3_mid_3_2_mid{ left:14.77832512315271%; right:14.77832512315271%; position:absolute; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.indexbody_3_mid_3_2_mid_2{ margin-bottom:1.45em; margin-top:1em;}
a.vmore.vmore2{ color:#fff;}
a.vmore.vmore2 span{ background-color:#fff; background-image:url(../images/index/img5on.png);}
a.vmore.vmore2:after{ background-image:url(../images/index/img4on.png);}
.indexbody_3_mid_4_1{ text-align:center;}
.indexbody_3_mid_4{ padding-top:15em;}
.indexbody_3_mid_4_2 ul li{
float:left; width:33.3333%;}
.indexbody_3_mid_4_2_mid{ padding:0 9.56022944550669%; border-left:1px #d1d1d1 solid; overflow:hidden}
.indexbody_3_mid_4_2_mid_1{ overflow:hidden;}
.indexbody_3_mid_4_2_mid_1 img{ width:100%;}
.indexbody_3_mid_4_2 ul li:nth-child(1) .indexbody_3_mid_4_2_mid{ border:none}
.indexbody_3_mid_4_2{ margin-top:6.25em;}
.indexbody_3_mid_4_2_mid_2{ position:relative; padding-left:4.125em; margin-top:2.5em; margin-bottom:1.5em;}
.indexbody_3_mid_4_2_mid_2_left{ position:absolute; left:0; top:0; text-align:center;}
.indexbody_3_mid_4_2_mid_2_left_1{ line-height:1; font-size:2.5em; color:#2e408e; font-weight:bold}
.indexbody_3_mid_4_2_mid_2_left_2{ font-size:.875em; color:#999;}
.indexbody_3_mid_4_2_mid_2_right{ font-size:1.25em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.5; min-height:3em; border-left:1px #cacecf solid; padding-left:12px;}
.indexbody_3_mid_4_3{ margin-top:4.375em; margin-bottom:14.25em; text-align:center;}
.indexbody_4{ padding-bottom:34em; background-image:url(../images/index/img19.jpg); text-align:center; background-position:center bottom; background-repeat:no-repeat; background-size:cover; padding-top:12.5em;}
.indexbody_4_mid{ margin:0 auto; max-width:820px;-webkit-transform: translate(-5%, -0%);  
    transform: translate(-5%, -0%);}
.indexbody_4_mid_1{ line-height:2.5;  }
.indexbody_4_mid_2{ text-align:right; margin-top:2.5em; margin-right:2em;}
/*************footer******************/
#footer{ background-color:#2a2c34;color:#fdfdfd;  overflow:hidden; padding-top:6.875em;}
.footermid{ margin:0 4.70132743362832%;}
.footermid_1_left{
float:left; width:24%;}
.footermid_1_left_mid{ margin-right:1em;}
.footermid_1_left_mid_2 ul li{ position:relative; margin-top:.875em;}
.footermid_1_left_mid_2 ul li:nth-child(1):after{ content:''; position:absolute; left:0; top:0.2em; width:1.2em; height:1em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img1.png?v=1);}
.footermid_1_left_mid_2 ul li:nth-child(1){ font-size:1.125em; padding-left:30px;}
.footermid_1_left_mid_2 ul li:nth-child(2){   padding-left:30px;}
.footermid_1_left_mid_2 ul li:nth-child(2):after{ content:''; position:absolute; left:0.15em; top:0.2em; width:1em; height:1.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img2.png?v=1);}
.footermid_1_left_mid_2{ padding-top:.5em;}
.footermid_1_mid{
float:left; width:57%;}
.footermid_1_mid ul li{ float:left; width:14.28571428571429%;}
.footermid_1_mid_mid_1{ font-size:1.25em; padding-bottom:2em;}
.footermid_1_mid ul li dl dd a{ display:inline-block; position:relative;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:#fdfdfd}
.footermid_1_mid ul li dl dd a:hover{-webkit-transform: translate(5px, -0%);  
    transform: translate(5px, -0%);}
.footermid_1_mid ul li dl dd{ margin-bottom:1em;}
.footermid_2_left{
float:left;}
.footermid_2_right{ float:right}
.footermid_2 a{ color:#fdfdfd;}
.footermid_2{ line-height:1.6; padding:3.75em 0 2.5em 0; }
.footermid_1_right{
float:right; width:19%;}
.footermid_1_right_2 ul li a{ display:block; color:#fff;}
.shareqr{ position:absolute; left:50%;-webkit-transform: translate(-50%, -0%);  
    transform: translate(-50%, -0%); max-height:none; width:120px; bottom:100%; display:none;}
.footermid_1_right_2 ul li:hover .shareqr{ display:block}
.footermid_1_right_2_1{ position:relative;}	
.footermid_1_mid_mid{ margin-right:1em;}
.footermid_1_right_2 ul li{ margin-bottom:2em;
float:left; text-align:center; width:33.3333%;}
.footermid_1_right_2_1 span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:relative; margin:0 auto; display:block; width:3em; height:3em; border-radius:100%; background-color:#4b4b4b;}
.footermid_1_right_2_1 span img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);}
.footermid_1_right_2_2{ margin-top:1em;}
.footermid_1_right_2 ul li:hover span{ background-color:#2e408e;}
/*************product*******************/
.imgw{ width:100%; display:none}
.nybanner{ position:relative; height:100vh;}
.nybanner_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybody .footermid{ margin:0 7.8125%;}
.promid{ position:relative; overflow:hidden;  }
.promid:after{ content:''; position:absolute; left:0; top:0; height:100%; width:27.60416666666667%; background-color:#2e408e;}
.promid_left{ position:relative; z-index:10;
float:left; width:27.60416666666667%;}
.promid_right{
float:right; width:72.39583333333333%;}
.promid_right_mid{ margin:5em;}
.promid_left a{ color:#fff;}
.promid_left_mid{ padding-right:17.73584905660377%; padding-left:9.43396226415094%; padding-top:2em; padding-bottom:5em;}
.promid_left_mid_1{ font-size:1.5em; border-bottom:1px #607eb9 solid; padding-bottom:.75em;}
.promid_left_mid_1 a{ display:block; position:relative; padding-right:2.5em;}
.promid_left_mid_1 a:after{ content:''; position:absolute; right:18px; width:13px; height:7px; top:50%; margin-top:-3.5px; background-image:url(../images/product/img1.png); background-position:center; background-repeat:no-repeat;}
.promid_left_mid ul li{ margin-top:2.5em;}
.promid_left_mid ul li dl dd{ margin-top:1em; font-size:1.125em;}
.promid_left_mid ul li dl{ margin-top:.5em;}
.promid_right_mid_1 ul li{ border-bottom:1px #cbcdd2 solid; margin-bottom:4.375em;
float:left; width:32%; margin-right:2%; position:relative;}
.promid_right_mid_1 ul li:nth-child(3n){ margin-right:0}
.promid_right_mid_1_2{ font-size:1.25em; padding:1em 0; position:relative;}
.promid_right_mid_1_2:after{ content:''; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:2.4em; height:0.35em; background-image:url(../images/product/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.promid_right_mid_1_2_name{ margin-right:3.5em; }
.promid_right_mid_1 ul li:after{ content:''; position:absolute; left:0; bottom:-1px; z-index:1; width:0; height:1px; background-color:#2e408e;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.promid_right_mid_1 ul li:hover:after{ width:100%;}
.promid_right_mid_1_1{ overflow:hidden}
.promid_right_mid_1_1 img{ width:100%;}
.proinfomid{ margin-top:6.0625em;}
.proinfomid_1_mid{ margin:0 5.72916666666667%;}
.proinfomid_1{ background-color:#f6f6f6; overflow:hidden; border-top:1px #e8e8e8 solid;}
.proinfomid_1 ul li{
float:left; border-left:1px #e8e8e8 solid;}
.proinfomid_1 ul li a{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; display:block; font-size:1.125em; width:14.44444444444444em; text-align:center; height:3.888888888888889em; line-height:3.888888888888889em; text-align:center; }
.proinfomid_1 ul li a:hover,.proinfomid_1_mid ul li a.on{color:#fff; background-color:#2e408e;}
.proinfomid_2{ padding:4.375em 0;}
.proinfomid_2_mid_left{ position: relative;
float:left; width:52.78465346534653%; overflow:hidden;}
.proinfomid_2_mid_left a.a340{ 
  left: 0%;
  top: 0%;
  z-index: 100;
  background-image: url(../images/img7.png);
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
 }
 .proinfomid_2_mid_left a.a340:hover{ opacity:1} 
 .showprodetail{ left:50%; top:50%; width:1px; height:1px; margin-left:-0.5px;  margin-top:-0.5px;opacity:0;
position:fixed;  z-index:99999; background-position:center; background-repeat:no-repeat; background-size:cover;}
.showprodetail_close{
position:fixed; right:2em; top:2em; z-index:10;}
.showprodetail_show{left:0; top:0; width:100%; height:100%; opacity:1; margin:0;}

.showprodetail_close img{
-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.showprodetail_close:hover img{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
 
.proinfomid_2_mid_left img{ width:100%;}
.proinfomid_2_mid_right{ float:right; width:43.68811881188119%; margin-top:5.625em;}
.proinfomid_2_mid_right_1{ font-size:2.25em; font-weight:bold; color:#2e408e;}
.proinfomid_2_mid_right_2{ border-bottom:1px #dfdfdf solid; border-top:1px #dfdfdf solid; padding:1.5em 0; margin:1.5em 0;}
.proinfomid_2_mid_right_2_mid_1{ font-size:1.625em;}
.proinfomid_2_mid_right_2_mid_2{ color:#848484; font-size:.875em;font-family: 'Poppins'; font-weight:bold}
.proinfomid_2_mid_right_2_mid{ border-left:4px #2e408e solid; padding-left:12px;}
.proinfomid_2_mid_right_3{ font-size:1.125em; line-height:1.8; margin-bottom:1.5em;  }
a.pcontact{ display:block; width:11.75em; height:2.5em; line-height:2.5em; background-color:#2e408e; text-align:center; color:#fff;}
a.pcontact span{ padding-right:4.8125em; display:inline-block; background-image:url(../images/product/img5.png);   background-position:right .75em; background-repeat:no-repeat; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
a.pcontact:hover span{ padding-right:5.25em;}

.proinfomid_3{ background-color:#f0f0f0; padding:6.875em 0; overflow:hidden;}
.proinfomid_3_1{ line-height:1.8;}
.proinfomid_4_2{ font-size:1.125em; color:#666666; text-align:center}
.proinfomid_4_1{ text-align:center}
.proinfomid_4{ padding-top:5.3125em;}
.proinfomid_4_3 ul li{
float:left; width:24%; margin-right:1.333333333333333%;border-bottom: 1px #cbcdd2 solid; position:relative;}
.proinfomid_4_3 ul li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1;
  width: 0;
  height: 1px;
  background-color: #2e408e;
  transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.proinfomid_4_3 ul li:hover:after{ width:100%;}
.proinfomid_4_3 ul li:nth-child(4n){ margin-right:0}
.proinfomid_4_3{ margin:3.75em 0;}
/***********about******************/
.nybanner_jj{ position:absolute; left:0; top:22%; z-index:10; width:100%; text-align:center; color:#fff;}
.nybanner_jj_2{ font-size:3em;}
.nybanner_jj_3{ font-size:1.125em; margin:0 auto; max-width:50.55555555555556em; line-height:1.8; margin-top:1.125em;}
.about_1_mid ul li{
float:left; position:relative; overflow:hidden;}
.about_1_mid_mid{ display:inline-block; padding:0 14%; text-align:left}
.about_1_mid ul li:nth-child(1){ width:18%;}
.about_1_mid ul li:nth-child(2){ width:32%; text-align:center;}
.about_1_mid ul li:nth-child(3){ width:31%; text-align:center;}
.about_1_mid ul li:nth-child(4){ width:19%; text-align:right;}
.about_1_mid_mid_1{ font-size:1.125em; color:#2e408e;}
.about_1_mid_mid_1 span{ font-size:2.777777777777778em;font-family: 'Poppins';}
.about_1_mid_mid_2{ font-size:1.125em; margin-top:10px;}
.about_1_mid ul li:nth-child(1) .about_1_mid_mid{ padding-left:0}
.about_1_mid ul li:after{ content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#d9d8d8;}
.about_1_mid ul li:nth-child(1):after{ display:none}
.about_1{ padding-top:3.75em; padding-bottom:6.25em;}
.about_2_mid_mid{ position:relative;}
.about_2_mid_mid_left{ width:61.04938271604938%; overflow:hidden;}
.about_2_mid_mid_left img{ width:100%;}
.about_2_mid_mid_right{ position:absolute; right:0; bottom:17.77059773828756%; width:36.23456790123457%;}
.about_2_mid_mid_right_1 span{ font-size:2.25em;}
.about_2_mid_mid_right_1{ position:relative; padding-left:40px;}
.about_2_mid_mid_right_1:after{ content:''; position:absolute; left:0; top:18%; height:64%; width:2px; background-color:#2e408e;}
.about_2_mid_mid_right_2_1{ font-size:1.125em; line-height:1.8; position:relative; padding-left:40px; margin-top:1.275em;}
.about_2_mid_mid_right_2_2{ position:absolute; left:-9px; top:0; font-size:.875em; color:#565656;font-family: 'Poppins';writing-mode: vertical-rl; font-weight:bold;}
.about_2_mid_mid_right_2{ position:relative;}
.about_2_mid ul li:nth-child(2n) .about_2_mid_mid_left{ margin-left:38.95061728395062%;}
.about_2_mid ul li:nth-child(2n) .about_2_mid_mid_right{ right:auto; left:0;}
.about_2_mid ul li{ margin-bottom:5.375em;}
.about_2_mid ul{ padding-bottom:2.4375em;}
.about_3{ background-color:#f5f7fa; overflow:hidden; padding-top:4em;}
.about_3_1{ font-size:2.25em;}
.about_3_2{ font-size:1.125em; color:#878787;}
.about_3_3_left{ width:67.53086419753086%;}
.about_3_3_left_img{ overflow:hidden;}
.about_3_3_left_img img{ width:100%;}
.about_3_3{ position:relative; margin-top:3.75em;}
.about_3_3_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:30%;}
.about_3_3_right_1{ font-size:1.125em; color:#2e408e;}
.about_3_3_right_1 span{ font-size:2em;font-family: 'Poppins'; font-weight:bold}
.about_3_3_right_2{ font-size:2.25em; margin-top:.5em;}
.swiper-button-prevv{ display:inline-block; width:2.5em; height:2.5em; border-radius:100%; border:1px #c6c7c9 solid; cursor:pointer; background-image:url(../images/about/img3.png); background-position:center; background-repeat:no-repeat;}

.swiper-button-nextt{ display:inline-block; width:2.5em; height:2.5em; border-radius:100%; border:1px #c6c7c9 solid; cursor:pointer; background-image:url(../images/about/img4.png); background-position:center; background-repeat:no-repeat; margin-left:3px;}
.about_3_3_right_3{ font-size:1.125em; line-height:1.6; margin-top:10px; margin-bottom:1.25em;}

.swiper-button-prevv:hover{ background-color:#2e408e; border-color:#2e408e; background-image:url(../images/about/img3on.png);}
.swiper-button-nextt:hover{ background-color:#2e408e; border-color:#2e408e; background-image:url(../images/about/img4on.png);}
.about_3_4 ul li{ cursor:pointer;
float:left; position:relative;}
.about_3_4 ul li:before{ background-color:#dadada; height:100%; width:2px; content:''; position:absolute; left:0; top:0;}
.about_3_4 ul.u4 li{ width:25%;}
.about_3_4 ul.u5 li{ width:20%;}
.about_3_4 ul.u6 li{ width:16.66666666666667%;}
.about_3_4_mid_1{ font-size:1.125em; color:#2e408e;}
.about_3_4_mid_1 span{ font-size:2.666666666666667em;font-family: 'Poppins'; font-weight:bold}
.about_3_4_mid{ margin:0 9.5%;}
.about_3_4_mid_2{ font-size:1.5em;}
.about_3_4{ padding:5.4375em 0;}
.about_3_4 ul li:after{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color:#2e408e; height:0%; width:2px; content:''; position:absolute; left:0; top:0;}
.about_3_4 ul li.on:after{ height:50%;}
.about_4{ overflow:hidden; padding-top:5em;}
.about_4_1_cate{ text-align:center; margin-top:1.875em;}
.about_4_1_cate ul li{ display:inline-block; margin:0 2px;}
.about_4_1_cate ul li a{ display:inline-block; padding:0 1.8125em; height:2em; line-height:2em;; border-radius:2em; border:1px #949494 solid;}
.about_4_1_cate ul li a:hover{ color:#fff; border-color:#2e408e; background-color:#2e408e;}
.about_4_2 ul li{
float:left; width:32%; margin-right:2%; background-color:#f5f7fa; text-align:center; margin-top:1em;}
.about_4_2 ul li:nth-child(3n){ margin-right:0;}
.about_4_2_mid{ padding:0 2.5em; padding-top:1.5em;}
.about_4_2_mid_1{ overflow:hidden;}
.about_4_2_mid_1 img{ width:100%;}
.about_4_2_mid_2{ font-size:1.125em; margin:2em 0;}
.about_4_2{ margin-top:3.6875em}
.about_4_2 ul{ display:none}
.about_4{ padding-bottom:7.3125em;}
.about_5{ background-color:#f5f7fa;  padding-top:6.6875em; padding-bottom:9.375em; overflow:hidden;}
.about_5_mid_left{ margin-top:6.125em; z-index:10;
float:left; width:57.65432098765432%; position:relative; }
.about_5_mid_right{
float:right; width:39.62962962962963%;}
.about_5_mid_left_1{ overflow:hidden;}
.about_5_mid_left_1 img{ width:100%;}

.about_5_mid_right ul li{ margin-bottom:3.125em;}
.about_5_mid_left_jj{ padding:2.5em 0; position:absolute; z-index:10; width:53.07291666666667vw; color:#fff; left:2.5em; bottom:-43.73927958833619%;background-color:rgba(46, 64, 162, .96);  }
.about_5_mid_left_jj_mid{ margin-left:2.5em; position:relative; padding-left:2.5em; padding-top:2.5em; }
.about_5_mid_left_jj_mid_jj{ opacity:.45;writing-mode: vertical-rl; font-size:.875em;font-family: 'Poppins'; font-weight:bold; position:absolute;left:0; top:-30%;}
.about_5_mid_left_jj_mid_jj span{ white-space: nowrap;display:block; position:relative; padding-top:115px;}
.about_5_mid_left_jj_mid_jj span:after{ content:''; position:absolute; left:50%; margin-left:-.5px; top:0%;  width:1px; background-color:#fff; height:105px;}
/***********service*****************/
.proinfomid_1_mid_add{ position:relative; overflow:hidden; padding-right:250px;}
.proinfomid_1_mid_add_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); color:#666; background-image:url(../images/service/img1.png); padding-left:15px; background-position:left center; background-repeat:no-repeat;}
.proinfomid_1_mid_add_right a{ color:#666;}
.proinfomid_1_mid_add_right span,.proinfomid_1_mid_add_right a:hover{ color:#2e55a2;}
.service_1_1{ text-align:center}
.service_1_2{ font-size:1em;}
.service_1{ padding-top:4em;}
.service_1_3_mid{ margin:0 auto; border:1px #cccccc solid; max-width:45em;   position:relative;}
.service_1_3_mid div input{ border:none; background:none; width:100%; height:2.5em; line-height:2.5em;}
.service_1_3_mid div{ margin-left:1.5em; margin-right:5em;}
.shopbtn{ position:absolute; border:none; background:none;  right:0; top:0; height:100%; width:3.4375em; background-image:url(../images/service/img3.png); background-position:center; background-repeat:no-repeat; cursor:pointer; z-index:10; }
.service_1_3{ margin-top:2.5em;}
.service_1_4 ul li{
float:left; width:47.40740740740741%; border-bottom:1px #e1e1e1 solid; margin-top:4.75em; position:relative;}
.service_1_4 ul li:nth-child(2n){
float:right;}
.service_1_4_1{ overflow:hidden;}
.service_1_4_1 img{ width:100%;}
.service_1_4_2_1{ font-size:1.5em; margin-bottom:5px; margin-top:15px;}
.service_1_4_2_2{ line-height:1.6; min-height:3.2em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.service_1_4_2{ padding-bottom:1em;}
.service_1_4{ margin-top:1.6875em;}
#servicepage{ margin:5em 0;}
.service_1_4 ul li:after{ content:'';transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#2e408e;}
.service_1_4 ul li:hover:after{ width:100%;}
.service_2{ height:100vh; background-image:url(../images/service/img5.jpg); position:relative; background-position: center top; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.service_2_mid{ position:absolute; left:0; top:50%; width:100%; text-align:center; z-index:10; color:#fff;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); }
.service_2_1{ color:#fff;}
.service_2_3{ font-size:1.875em;}
.service_2_2{ margin:3.125em 0;}
.service_2_2 img{ max-width:16.66666666666667%;}
.service_contact ul li{
float:left; width:33.3333%; position:relative;   margin-top:2.9375em;  }
.service_contact{ padding-bottom:6.0625em; padding-top:2.25em;}
.service_contact ul li:after{ content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#cccccc}
.service_contact_mid{ margin:0 2em;}
.service_contact_mid_1{ min-height:72px;}
.service_contact_mid_2{ font-size:1.5em; margin-top:1em;margin-bottom:10px;}
.service_contact_mid_3_1{ font-size:1.5em;font-family: 'Poppins'; font-weight:bold; line-height:1.6; min-height:3.2em; }

.service_contact ul li:nth-child(5) .service_contact_mid_3_1{ font-family: 'AlibabaPuHuiTi-2-45-Light'; font-weight:normal}
.service_contact_mid_3 dl dd{ display:inline-block; position:relative; margin-top:10px; margin-right:1em;}
.service_contact_mid_3 dl dd .qr{ display:none; max-width:none; width:140px; position:absolute; left:50%;-webkit-transform: translate(-50%, -0%);  
    transform: translate(-50%, -0%); bottom:22px;}
.service_contact_mid_3 dl dd:hover .qr{ display:block}
.service_contact ul li:before{ content:''; position:absolute; left:0; top:0; height:65%; z-index:10; width:1px; background-color:#2e55a2}
.service_map{ position:relative; height:38.38541666666667vw;}
#container{ position:absolute; left:0; top:0; width:100%; height:100%;}
.service_fb{ background-image:url(../images/service/img19.jpg); padding:9.375em 0; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; position:relative; z-index:5;}
.service_fb_bg{background-color:rgba(46, 64, 162, .72); color:#fff; padding:0 16.66666666666667%; padding-top:3.75em; padding-bottom:6.25em;}
.cc3_3 ul li{
float:left; width:32%; margin-right:2%; margin-bottom:1.25em;}
.cc3_3 ul li:nth-child(3){
margin-right:0}
.cc3_3 ul li:nth-child(4){
margin-right:0; width:100%;}
.cc3_3 ul li div input,.cc3_3 ul li div textarea{ border:none; background:none; width:100%; color:#fff;}
.cc3_3 ul li div{ border:1px rgba(255, 255, 255, .28) solid; padding:0 1.125em;}
.cc3_3 ul li div input{ height:2.375em; height:2.375em;}
.cc3_3 ul li div textarea{ height:10em; margin:1em 0;}
.cc3_3{ margin-top:2.8125em;}
#btn{ display:block; margin:0 auto; width:12.5em; height:2.5em; line-height:2.5em; text-align:center; background-color:#fff;}
#btn:hover{ background-color:#2e408e; color:#fff;}
/************joinus*******************/
.j_1{ padding:5em 0;}
.j_2_1 ul li{ cursor:pointer;
float:left; width:33.3333%; position:relative;border-top:1px #d7d7d7 solid; height:330px;}
.j_2_1 ul li:after{ content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#d7d7d7}
.j_2_1 ul{ overflow:hidden; border:1px #d7d7d7 solid; border-top:none;}
.j_2_1 ul li:nth-child(3n):after{ display:none}
.j_2_1_mid{ padding:2.5em; }
.j_2_1_mid_1{ position:relative; padding-left:4.6875em;}
.j_2_1_mid_1_left{ position:absolute; left:0; top:0;}
.j_2_1_mid_1_left span{ width:3.125em; height:4.125em; background-image:url(../images/join/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover; display:block;}
.j_2_1_mid_1_right_1{ font-size:2.25em;}
.j_2_1_mid_1_right_2{ font-size:1.125em; color:#666;font-family: 'Poppins'; font-weight:bold; }
.jiantou{ position:absolute; right:1.875em; bottom:1.875em; width:2.8125em; height:2.8125em; border-radius:100%; border:1px #d7d7d7 solid;}
.jiantou:after{ content:''; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); width:1.3125em; height:0.5625em; background-image:url(../images/join/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.j_2_1 ul li:hover{ background-color:#2e408e; color:#fff;}
.j_2_1 ul li:hover .j_2_1_mid_1_left span{ background-image:url(../images/join/img2.png);}
.j_2_1 ul li:hover .j_2_1_mid_1_right_2{ color:#fff;}
.j_2_1 ul li:hover .jiantou{ border-color:#5865a0}
.j_2_1 ul li:hover .jiantou:after{ background-image:url(../images/join/img4.png);}
.hz_1_mid{ position:relative;}
.hz_1_mid_left{
 }
.hz_1_mid_left_1{ text-align:left}
.hz_1_mid_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); }
.hz_1_mid_right .about_4_1_cate{ margin-top:0}
.hz_1{ padding-top:4em;}
.hz_2{ overflow:hidden;}
.hz_2_mid_left{
float:left; width:50%;}
.hz_2_mid_left_1{ overflow:hidden;}
.hz_2_mid_left_1 img{ width:100%;}
.hz_2_mid_right{ margin-top:1.25em;
float:right; width:47%;}
.hz_2_mid_right_1{ margin-top:1.5em; font-size:1.125em; color:#2f2f2f; line-height:2;}
.hz_2{ padding-top:5.625em; overflow:hidden;padding-bottom:1em;}
.hz_3_1 ul li{ margin-top:2.8125em;
float:left; width:48.64197530864198%;}
.hz_3_1 ul li:nth-child(2n){
float:right;}
.hz_3_1_mid{ position:relative; height:5.9375em;}
.hz_3_1_mid_right{ position:absolute; right:0; height:100%; width:74.43037974683544%; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);}
.hz_3_1_mid_right div{ position:absolute; left:5%; top:50%; width:90%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); font-size:1.5em;   }
.hz_3_1_mid_left{ position:absolute; left:0; top:0; height:100%; width:24%;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);}
.hz_3_1_mid_left_mid{ position:absolute; left:5%; width:90%; bottom:0; text-align:center;}
.hz_3_1_mid_left_1{ position:relative; width:5.8125em; height:5.8125em; margin:0 auto; background-image:url(../images/join/img23.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.hz_3_1_mid_left_1 img{ position:absolute;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); left:50%; top:50%;}
.hz_3_1_mid_left_2{ font-size:1.125em;  margin-bottom:10px;}
.hz_3_1 ul li:hover .hz_3_1_mid_left{ background-color:#2e55a2; color:#fff;}
.hz_3_1 ul li:hover .hz_3_1_mid_left_1{ background-image:url(../images/join/img11.png);}
.hz_3_1{ margin-top:2em;}
.hz_4_1 ul li{
float:left; width:48.64197530864198%;}
.hz_4_1 ul li:nth-child(2n){
float:right;}
.hz_4_1_1{ position:relative;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);}
.hz_4_1_1_img{ overflow:hidden;}
.hz_4_1_1_img img{ width:100%;}
.hz_4_1_1_mid{ position:absolute; left:0; top:50%; z-index:10; text-align:center; color:#fff;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:100%; opacity:0;}
.hz_4_1 ul li:hover .hz_4_1_1_mid{ opacity:1;}	
	
.hz_4_1_1_mid_mid{ margin:0 1em;}
.hz_4_1_1_mid_mid_1 span{ display:block; margin:0 auto; border:1px rgba(255, 255, 255, .38) solid; position:relative; height:5.5em; width:5.5em; border-radius:100%;}
.hz_4_1_1_mid_mid_1 span img{position:absolute;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); left:50%; top:50%;}
.hz_4_1_1_mid_mid_2{ font-size:2.25em; font-weight:bold; margin-top:15px;}
.hz_4_1_2{ font-size:1.125em; line-height:2; margin-top:1em;}
.hz_4_1{ margin-top:5em;}
.hz_5_mid_left{   overflow:hidden; width:52.34567901234568%;}
.hz_5_mid_left img{ width:100%;}
.hz_5_mid_right{ position:absolute; right:0; top:0; width:47.65432098765432%; height:100%; overflow:hidden; overflow-y:auto;}
.hz_5_mid{ position:relative; background-color:#fff; box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.1); margin-bottom:1em;}
.hz_5_mid_right_mid_1{ text-align:left;}
.hz_5_mid_right_mid{ margin:0 10%;}
.hz_5_mid_right_mid_2 ul{ width:100%;display: flex;
   
  flex-flow: row wrap;}
.hz_5_mid_right_mid_2 ul li{ width:33.3333%; text-align:center; position:relative; margin-top:2.875em;}
.hz_5_mid_right_mid_2_mid{ margin:0 1em;}
.hz_5_mid_right_mid_2_mid_2{ font-size:1.5em; margin-top:15px;}
.hz_5_mid_right_mid_2_mid_1{ height:3.6875em;}
 
.hz_5_mid_right_mid_2 ul li:nth-child(1) .hz_5_mid_right_mid_2_mid,.hz_5_mid_right_mid_2 ul li:nth-child(4) .hz_5_mid_right_mid_2_mid{ margin-left:0}
.hz_5_mid_right_mid_2 ul li:after{ content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#e8eaf0;}
.hz_5_mid_right_mid_2 ul li:nth-child(3n):after{ display:none}
.hz_5_mid_right_mid_2 ul li:nth-child(3n) .hz_5_mid_right_mid_2_mid{ margin-right:0}
.hz_6_1_mid{ position:relative; height:8.125em; background-color:#5b6372; text-align:center; color:#fff; border-radius:5px;}
.hz_6_1_mid_jj{ position:absolute; left:5%; width:90%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.hz_6_1_mid_jj_2{ font-size:1.125em; margin-top:10px;}
.hz_6_1 .swiper-slide{ width:8%;}
.hz_6_1 .swiper-slide:nth-child(2n){ width:3.5%;}
.hz_6_1 .swiper-slide:nth-child(2n) .hz_6_1_mid{ background:none}
.hz_6_1{ margin:3.75em 0 6.5625em 0;}
.sanimg{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-width:36.36363636363636%;}
.hz_6_1 .swiper-slide:hover .hz_6_1_mid{ background-color:#003b8f;}
.hz_6_1 .swiper-slide:nth-child(2n):hover .hz_6_1_mid{ background:none}
.hz_6_2{ position:relative; background-color:#fff;box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.1); margin-bottom:7.0625em;}
.hz_6_2_right{
width:70.98765432098765%; margin-left:29.01234567901235%;}
.hz_6_2_right_mid{ padding:3.75em;}
.hz_6_2_right_mid img{ width:100%;}
.hz_6_2_left{ position:absolute; left:0; top:0; height:100%; background-color:#003b8f; color:#fff; width:29.01234567901235%;}
.hz_6_2_left_mid_1{ color:#7c93b4;}
.hz_6_2_left_mid{ padding:0 9%; padding-top:7.1875em;}
.hz_6_2_left_mid_2_1{ font-size:1.25em; font-weight:bold;}
.hz_6_2_left_mid_2_2{ font-size:1.125em; line-height:1.6; margin-top:10px;}
.hz_6_2_left_mid_2 ul li{ border-bottom:1px rgba(255, 255, 255, .2) solid; padding:2em 0;}
.hz_6_2_left_mid_2 ul{ margin-top:1.25em;}
.hz_6_2_left_mid_2 ul li:last-child{ border:none}
.hz_7{ background-image:url(../images/join/img22.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.hz_7 .about_3_2{ color:#fff;}
.hz_7_1 ul li{
float:left; width:32%; margin-right:2%; margin-top:1.5em;}
.hz_7_1 ul li:nth-child(3n){ margin-right:0}
.hz_7_1 ul li div{
border:1px #5e636b solid; font-size:1.125em; padding:0 1em;}
.hz_7_1 ul li div input{ border:none; color:#fff; background:none; width:100%; height:3.888888888888889em; line-height:3.888888888888889em; height:3.888888888888889em;}
.hz_7_1 ul li:last-child{ width:100%;}
.hz_7_1 ul li div select{ border:none; color:#fff; background:none; width:100%; height:3.888888888888889em; line-height:3.888888888888889em; height:3.888888888888889em;}
.hz_7_1 ul li div select option{ background-color:#003b8f;}
.hz_7_1 ul li div textarea{ border:none; color:#fff; background:none; width:100%; height:6.875em; padding:1em 0;  }
.hz_7_1{ margin-top:1.625em;}
#btn2{ display:block; margin:0 auto; max-width:23.27777777777778em; height:3.166666666666667em; line-height:3.166666666666667em; text-align:center; color:#fff; background-color:#2e55a2; background-color:#2e55a2;}
.hz_7_2{ margin:3.4375em 0;}
/************news**************/
.news_1{ padding-top:2.8125em; padding-bottom:2.8125em;}
.news_2_1_mid{ position:relative;background-color:#fff;box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.07);}
.news_2_1_mid_left{ overflow:hidden; width:22.46913580246914%;}
.news_2_1_mid_left img{ width:100%;}
.news_2_1_mid_right{ position:absolute; right:0; top:50%; width:77.53086419753086%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.news_2_1_mid_right_mid{ margin-left:3%; margin-right:3%; position:relative;}
.news_2_1_mid_right_mid_time{ color:#999;}
.news_2_1_mid_right_mid_time span{ padding:0 5px;}
.news_2_1_mid_right_mid_time span:nth-child(1){ padding-left:0}
.news_2_1_mid_right_mid_1{ font-size:1.625em; font-weight:bold; margin-top:10px; margin-bottom:.5em;}
.news_2_1_mid_right_mid_2{ font-size:1.125em; color:#666; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.news_2_1_mid_right_mid_right{ position:absolute; width:135px; right:3.125%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); height:52%; border-left:1px #e6e6e6 solid;  }
.news_2_1_mid_right_mid_right span{ font-size:.875em; padding-right:16px;font-family: 'Poppins'; font-weight:bold; color:#2e408e; background-image:url(../images/news/img1.jpg); background-position:right center; background-repeat:no-repeat; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.news_2_1_mid_right_mid_left{ margin-right:190px;}
.news_2_1 ul li{ margin-top:1.875em;}
.news_2_1 ul li:nth-child(1){ margin-top:0}
.news_2_1 ul li:hover .news_2_1_mid_right_mid_right span{ right:10px;}
.news_3_1 ul li{
float:left; width:29%; margin-right:6.5%; margin-top:5.9375em;}
.news_3_1 ul li:nth-child(3n){ margin-right:0}
.news_3_1 ul{ position:relative; overflow:hidden}
.news_3_1_mid_1{ overflow:hidden; position:relative;}
.news_3_1_mid_1 img{ width:100%;}
.news_3_1_mid_1:after{ content:''; z-index:10; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); background-image:url(../images/news/img2.png); width:3.5em; height:3.5em; position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_3_1_mid_2 span{font-size:.875em; padding-right:16px;font-family: 'Poppins'; font-weight:bold; color:#2e408e; background-image:url(../images/news/img1.jpg); background-position:right center; background-repeat:no-repeat; }
.news_3_1_mid_1_name{ font-size:1.5em; margin-top:.875em; margin-bottom:10px;}
.news_3_1 ul li:hover .news_3_1_mid_2 span{ padding-right:20px;}
.news_3_1 ul:before{ top:0; content:''; position:absolute; left:32.25%; height:100%; width:1px; background-color:#d1d1d1;}

.news_3_1 ul:after{ top:0; content:''; position:absolute; left:auto; right:32.25%; height:100%; width:1px; background-color:#d1d1d1;}
.news_3_1 ul li:nth-child(1),.news_3_1 ul li:nth-child(2),.news_3_1 ul li:nth-child(3){ margin-top:0} 
.news_4_1 ul li{ border:1px #d8d8d8 solid; margin-top:1.5em;}
.news_4_1 ul li a{ display:block; padding:20px 0px;}
.news_4_1_mid{ position:relative; margin:0 30px 0 12px;}
.news_4_1_mid span{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); display:block; padding-right:1.875em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_4_1_mid h3{ font-weight:normal; position:relative; padding-left:15px; margin-right:100px;}
.news_4_1_mid h3:before{ content:'';-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); position:absolute; left:0; top:50%; width:5px; height:5px; border-radius:100%; background-color:#2e55a2;}
.news_4_1 ul li:nth-child(1){ margin-top:0}
.news_4_1 ul li a:hover{ color:#fff; background-color:#2e408e;}
.news_4_1 ul li a:hover .news_4_1_mid h3:before{ background-color:#fff;}
.news_4_1 ul li a:hover .news_4_1_mid span{ background-image:url(../images/news/img5.png);}
.news_info_1_1{ text-align:center; font-size:2.25em; margin-top:2.5em; border-bottom:1px #e8e8e8 solid; padding-bottom:.875em;}
.news_info_1_2{ text-align:center; padding:1.5em 0;}
.news_info_1_2 span{ padding:0 10px;}
.news_info_1_3{ line-height:1.8; margin:2.5em 0;}
.app_show_2_4{ overflow:hidden; border-bottom:1px #c4c4c4 solid; border-top:1px #c4c4c4 solid; padding:10px 0px; margin-bottom:5em;}
.app_show_2_4 ul li{
float:left; width:48%;}
.app_show_2_4 ul li:nth-child(2n){ float:right; text-align:right}
.app_show_2_4 ul li span{ padding-right:10px;}
.news_info_ot{ background-color:#f6f7f8; overflow:hidden;}
#p5{ position:static; margin:3.375em 0;}
.news_3_1_mid_2renews{ border-bottom:1px #dbdbdb solid; padding-bottom:1em;}
.news_3_1_mid_1_name_news{ font-size:1.25em;}
#p5 .swiper-pagination-bullet{ width:10px; height:10px; border:1px #757576 solid; background:none; opacity:1;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#p5 .swiper-pagination-bullet-active{ background-color:#2e408e; border-color:#2e408e;}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
/**************industry*******************/
.in_1_1 ul li{ background-color:#f6f6f7; margin-top:5em;}
.in_1_1_mid{ position:relative;}
.in_1_1_mid_left{ overflow:hidden; width:52.96296296296296%;}
.in_1_1_mid_left img{ width:100%;}
.in_1_1_mid_right{ position:absolute; width:31.48148148148148%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); right:6.17283950617284%;}
.in_1_1_mid_right_mid_1{ font-size:1.625em; color:#000}
.in_1_1_mid_right_mid_2{font-family: 'Poppins';   color:#666}
.in_1_1_mid_right_mid_3{ line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:2em 0;}
.in_1_1 ul li:nth-child(1){ margin-top:0em}
/***************cases****************/
.cases_1 .indexbody_3_mid_2{ margin:0;}
.cases_1{ overflow:hidden;background-color:#fff;box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.07); padding-top:2.5em;}
.cases_2_mid{ position:relative; background-color:#2e408e;}
.cases_2_mid_left{ position:absolute; left:0; top:0; height:100%; width:23.33333333333333%; }
.cases_2_mid_right{margin-left:23.33333333333333%; overflow:hidden;}
.cases_2{ margin-top:6.25em;}
.cases_2_mid_left_mid{ position:absolute; left:11%; right:11%; top:10%; height:80%; overflow:hidden; overflow-y:auto;}
.cases_2_mid_left_mid_1{ font-size:2.25em; color:#fff;}
.cases_2_mid_left_mid_2{ font-size:1.125em; color:#a4b9e2;font-family: 'Poppins'; font-weight:bold }
.cases_2_mid_left_mid_3 ul li{ font-size:1.125em; border-bottom:1px #5977b3 solid; padding:1.25em 0;}
.cases_2_mid_left_mid_3 ul li a{ color:#fff; display:block; position:relative; padding-right:3em;}
.cases_2_mid_left_mid_3{ margin-top:2em;}
.cases_2_mid_left_mid_3_right{ position:absolute; right:-.5em; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:2.611111111111111em; height:0.3888888888888889em; background-image:url(../images/cases/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;}
.cases_2_mid_left_mid_3 ul li.on a .cases_2_mid_left_mid_3_right{ right:0; opacity:1;}
.cases_3_1 ul li{
float:left; width:32%; margin-right:2%; margin-top:3.75em;}
.cases_3_1 ul li:nth-child(3n){ margin-right:0}
.cases_3_1_mid_1{ overflow:hidden;}
.cases_3_1_mid_1 img{ width:100%;}
.cases_3_1_mid_2{ font-size:1.5em; padding:1em 0; border-bottom:1px #d6d6d6 solid;}
.cases_3_1_mid_2 div:after{ content:''; position:absolute; right:0; top:50%; width:2em; height:0.2916666666666667em; background-image:url(../images/cases/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cases_3_1_mid_2 div{ display:block; position:relative; padding-right:3em;}
#p5s{ display:none}
.case_info_1{ text-align:center; margin-top:7.9375em; color:#2e408e;}
.case_info_1 span{ padding:0 5px; background-image:url(../images/cases/img5.png); background-position:left center; background-repeat:no-repeat;}
.case_info_1 span:nth-child(1){ background-image:none;}
.case_info_2{ font-size:2.25em; text-align:center; margin-top:5px; }
.indexbody_3_mid_3 .mySwiperhetou3{ overflow:visible}
.cases_1 .proinfomid_1 ul li a:hover,.cases_1 .proinfomid_1_mid ul li a.on {
  color: #2e408e;
  background-color: transparent;
}
.hz_4_1_1_mid_mid_1 span img{ max-width:60%;}
.bodyline:after{ content:''; position:absolute; left:0; top:0; height:100vh; background-image:url(../images/index/img1w.png); width:100%; background-position:center; background-repeat:repeat-y;}
/************************/
#header.cur{box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);}
/************公用*****************/
.search-alert2 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.search-alert2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  z-index: 2;
}
.search-alert2 .formbox {
  width: 100vw;
  height: 100px;
  background: #fff;
  position: relative; overflow: hidden;
  z-index: 5;
}
.search-alert2 .formbox .box {
  width: 80%;
  padding: 0px 0;
  margin: 20px auto;display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center; position:relative;
}
.search-alert2 .formbox .input1 {
  height: 60px;
  width: 100%;
  background: transparent;border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); 
}
.search-alert2 .formbox .input2 {
    outline: none;-webkit-appearance: button;border: none;
  border-radius: 0;
  outline: none;
  padding: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/header/searchbtn2.png) no-repeat center center;
  background-size: auto 25px;
  width: 60px;
  height: 60px;
}
.search-alert2 .closebtn {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 3%;
  top: 20px;
  z-index: 6;
  cursor: pointer;
}
.search-alert2 .closebtn .icon {
  width: 30px;
  height: 30px;
  fill: #666;
}

@media (max-width: 1481px) {
  .search-alert2 .formbox {
    height: 90px;
  }
}
@media (max-width: 767px) {
  .search-alert2 .formbox {
    height: 65px;
  }

  .search-alert2 .formbox .input1 {
    width: calc(100% - 50px);
    height: 35px;
  }

  .search-alert2 .formbox .input2 {
    width: 50px;
    height: 35px;
    background-size: auto 16px;
  }

  .search-alert2 .closebtn {
    right: 0;
    top: 0;
  }
}
.mobilemenu{ display:none; position:absolute; right:3.125%; top:50%; height:20px;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%);}
 #header .hamburger {
    padding: 0;
    height: 20px;
    margin-left: 0rem;
  }

  .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: #000;
    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: #000;
  }
   #header.cur .hamburger-inner,
  #header.cur .hamburger-inner::before,
  #header.cur .hamburger-inner::after {
    background: #000;
  }
  
   #header.cur2 .hamburger-inner,
  #header.cur2 .hamburger-inner::before,
  #header.cur2 .hamburger-inner::after {
    background: #000;
  }

  #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);
  }	
 .trans {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.js-m {
  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);
}
.ovh-f{ overflow:hidden;} 
.warp-nav {
    height: calc(100vh - 80px);
    padding: 0 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(21px);
    width: 100%;
    left: 0;
    top: 80px;
    z-index: 99; 
    display: none;
  }  
  .nav .li{ padding:0 3.125%;}  
    .warp-nav .nav .warp-btn {
    width: 100%;
    padding: 15px 0;
     
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .nav .tit {
    width: 100%;
    padding: 15px 0;
     
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
 .nav .tit:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    right: 5%;
    top: 20px;
    background: url(../images/tip/img1.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    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;
  }
 .nav .tit.on:after {
    transform: rotate(90deg);
  }

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

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

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

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

  .nav .sec-list-nav a {
    color: #8ebfea;
  }
 #listss{ position:absolute; left:0; bottom:0; width:100%; height:97px; z-index:10} 
  
/*************公用********************/
@media screen and (max-width:1680px) {
    .hz_3_1_mid_right div{ font-size:1.125em;}
	.news_info_1_1{ font-size:2em;}
	.service_contact_mid_3_1{ font-size:1.25em;}
	.footermid{ margin:0 2%;}
	.nybody .footermid{ margin:0 3.125%;}
	.headermid_left{ left:3.125%;}
	.headermid_right{ right:3.125%;}
	.footermid_1_mid_mid_1{ font-size:1.125em;}
	.about_3_4_mid_2{ font-size:1.125em;}
	.about_3_4_mid_1{ font-size:1em;}
	.about_3_4_mid_1 span{ font-size:2.25em;}
	.about_3_3_right_1{ font-size:1em;}
	.about_3_3_right_2{ font-size:1.875em;}
	.about_3_3_right_3{ font-size:1em;}
	.j_2_1_mid_1{ font-size:.875em;}
	.j_2_1 ul li{ height:300px;}
	.about_3_2{ font-size:1em;}
	.about_3_1{ font-size:1.75em;}
	.hz_6_2_left_mid_2_2{ font-size:1em;}
	.hz_6_1_mid_jj_2{ font-size:1em;}
	.hz_6_1_mid_jj_1 img{ height:35px;}
	.hz_6_1_mid{ height:7em;}
	.hz_5_mid_right_mid_2_mid_2{ font-size:1.125em;}
	.hz_4_1_1_mid_mid_2{ font-size:1.5em;}
	.hz_4_1_1_mid_mid_1 span{ font-size:.75em;}
	.news_2_1_mid_right_mid_1{ font-size:1.25em;}
	.cases_2_mid_left_mid_2{ font-size:1em;}
	.cases_2_mid_left_mid_1{ font-size:1.875em;}
	.proinfomid_2_mid_right_3{ font-size:1em;}
	.proinfomid_2_mid_right_2_mid_1{ font-size:1.375em;}
	.proinfomid_2_mid_right_1{ font-size:1.875em;}
	.proinfomid_2_mid_right{ margin-top:2em;}
	.about_1_mid_mid_1{ font-size:1em;}
}
@media screen and (max-width:1280px) {
.footermid_1_mid{ display:none}
.footermid_1_right{ width:30%;}
.footermid_1_left{ width:30%;} 
 
.case_info_2{ font-size:1.5em;}
.case_info_1{ margin-top:4em;}
.cases_3_1_mid_2{ font-size:1.25em;}
.cases_2_mid_left_mid_1{ font-size:1.5em;} 
.in_1_1_mid_right_mid_1{ font-size:1.25em;}
.news_3_1_mid_1_name{ font-size:1.25em;}
.hz_7_1 ul li div select{ height:2.5em; line-height:2.5em;}
.hz_7_1 ul li div input{ height:2.5em; line-height:2.5em;}
.hz_6_2_left_mid_2_1{ font-size:1.125em;}
.hz_6_2_left_mid{ padding-top:2.5em;}
.hz_5_mid_right_mid_2_mid_1{ height:auto}
.hz_5_mid_right_mid_2_mid_1 img{ height:40px;}
.hz_3_1_mid_left_2{ font-size:1em;}
.hz_3_1_mid_right div{ font-size:1.25em;}
.hz_2_mid_right_1{ font-size:1em;}
.about_4_1_cate ul li a{ padding:0 1.5em;}
.jobmask_mid_mid_3_jj_s_1{ font-size:1.5em;}
.j_2_1_mid_1{ font-size:.65em;}
.j_2_1_mid_1_right_2{ font-size:14px;}
.j_2_1 ul li{ height:250px;}
.service_fb_bg{ padding-left:3.125vw; padding-right:3.125vw;}
.service_contact_mid_3_1{ font-size:1em;}
.service_contact_mid_2{ font-size:1.25em;}
.service_contact_mid{ margin:0 1em;}
.service_contact_mid_1{ min-height:inherit}
.service_contact_mid_1 img{ height:50px;}
.service_2_3{ font-size:1.25em;}
.service_1_4_2_1{ font-size:1.25em;}
.about_3_4{ padding:3em 0;}
.swiper-button-prevv,.swiper-button-nextt{ font-size:.875em;}
.about_3_3_right_2{ font-size:1.5em;} 
.about_3_4_mid_1 span,.about_3_3_right_1 span{ font-size:1.875em;}
.about_2_mid_mid_right_2_1{ font-size:1em;}
.about_2_mid_mid_right_1 span{ font-size:1.875em;}
.about_1{ padding:2.5em 0;}
.about_1_mid_mid_1 span{ font-size:2em;}
.nybanner_jj_2{ font-size:2em;}
.proinfomid_4_3{ margin-top:2.5em;}
.proinfomid_4_2{ font-size:1em;}
.indexbody_1_right_1{ font-size:1.25em;}
.proinfomid_1_mid_add ul{ display:none;}
.proinfomid_1_mid_add{ padding:10px 0px;   padding-right:0}
.proinfomid_1_mid_add_right{ right:auto; left:0; position:static;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
.proinfomid_2{ padding:2.5em 0;}
.proinfomid_1_mid{ margin:0 3.125%;}
.proinfomid_2_mid_right_1{ font-size:1.25em;}
.proinfomid_2_mid_right_2_mid_1{ font-size:1.125em;}
.proinfomid_1 ul li a{ width:12em; height:3em; line-height:3em;}
.proinfomid_1 ul li a{ font-size:1em;}
.promid_right_mid_1_2{ font-size:1em;}
.promid_right_mid{ margin:2.5em;}
.promid_left_mid ul li dl dd{ font-size:1em;}
.headermid_right_right{ width:50px;}
.headermid_right ul{ padding-right:0}
.headermid{ height:80px;}
.headermid_right ul li{ display:none}
.headermid_left img{ height:40px;}
.mobilemenu{ display:block}
.headermid_right{ right:80px }
}
.cases_2_mid_right_name{ background-color: rgba(46, 64, 162, .72); display:none; bottom:0;position:absolute; left:0; width:100%; z-index:10; text-align:center; color:#fff; padding:10px 0; line-height:1.6;}
.cases_2_mid_right_name div{ padding:0 1em; font-size:1.125em;}
@media screen and (max-width:1024px) {
.indexbody_1_left_1 a{ font-size:.75em;}
.bodyline{ left:3.125%;}
.indexbody_3_mid_4_2_mid_2_right{ font-size:1.125em;}
.indexbody_3_mid_4_2_mid_2_left_1{ font-size:2em;}
.indexbody_3_mid{ margin:0 3.125vw;}
.indexbody_2_mid_2_mid_2_mid_2,.indexbody_2_mid_2_num{ font-size:1.5em;}
.indexbody_2_mid{ margin-left:3.125vw;}
.cases_2_mid_right_name{ display:block}
.cases_2_mid_left_mid_1{ color:#000;}
.cases_2_mid_left_mid_3{ display:none;}
.cases_2_mid{ background:none; }
.cases_2_mid_left_mid{ position:static; width:auto; height:auto; background:none;}
.cases_2_mid_left{ position:static; width:auto; padding-bottom:2.5em;}
.cases_2_mid_right{ margin-left:0}
.news_info_1_1{ font-size:1.5em;}
.news_2_1_mid_right_mid_2{ font-size:1em;}
.hz_6_1{ margin:2.5em 0;}
.hz_6_1 .swiper-slide:nth-child(2n){ width:30px;}
.hz_6_1 .swiper-slide{ width:120px;}
.hz_5 .hz_5_mid_right_mid_1,.hz_5 .hz_5_mid_right_mid_2{ text-align:center}
.hz_5_mid_right_mid{ margin:1.5em 1em;}
.hz_5_mid_left{ width:100%;}
.hz_5_mid_right{ position:static; width:100%; height:auto}
.hz_3_1 ul li:last-child{ margin-bottom:2em;}
.hz_3_1 ul li{ width:100%;}
.hz_1 .about_4_1_cate{ text-align:left}
	.hz_1_mid_right{ position:static; text-align:left; padding-top:1.5em;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
	.promid_right_mid_1 ul li{ width:49%; margin-right:0; margin-bottom:1.5em;}
	.promid_right_mid_1 ul li:nth-child(2n){ float:right}
	.proinfomid_3{ padding:2.5em 0;}
	.proinfomid_4{ padding-top:2.5em;}
}

@media screen and (max-width:900px) {
 .footermid_2_left,.footermid_2_right{ float:none; width:100%; }
.footermid_1_right{ display:none;}
.footermid_1_left{ width:100%;} 

}
.mobileprocate{ padding:1em 3.125vw; padding-bottom:0; display:none}
.mobileprocate select{ width:100%; background:none; border:none; border-bottom:1px #ccc solid; height:30px; }
@media screen and (max-width:810px) {
.mobileprocate{ display:block}
#footer{ padding-top:2.5em;}
.footermid_2{ padding-top:2em; padding-bottom:1.5em; line-height:1.8;}
.indexbody_3_mid_4_2_mid{ border:none}
.indexbody_3_mid_4_2_mid_2_left_1{ font-size:1.5em;}
.indexbody_3_mid_4_2_mid_2{ padding-left:5em;}
.indexbody_3_mid_4_2 ul li{ width:100%;}
.indexbody_3_mid_4_2_mid{ padding:0;}
.indexbody_3_mid_4_2_mid_2{ margin-top:1.5em;}
.indexbody_3_mid_4{ padding-top:2.5em;}
.indexbody_3_mid_3_2{ left:0; bottom:0; width:100%; height:auto;}
.indexbody_3_mid_3_2_mid{ position:static;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); width:auto; padding:1.5em 1em;}
.indexbody_2_mid_2_mid_2_mid_2{ font-size:1.25em;}
.indexbody_2_mid_2_mid_2{ width:18em; height:9em;}
.indexbody_2_mid_2_num{ padding-left:1.125em;}
.indexbody_2 .swiper-slide {
  transition: 300ms;
  transform: scale(0.9);
  width: 80%;
}
 .indexbody_2 .swiper-slide-active {
     
    transform: scale(1);
     
  }
  .indexbody_4{ padding-top:5em; padding-bottom:18em;}
  .indexbody_4_mid{ max-width:none; width:auto; padding-left:6.25vw; padding-right:3.125vw;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
  .indexbody_3_mid_4_2{ margin-top:2.5em;}
  .indexbody_3_mid_4_3{ margin:0 0 2.5em 0;}
  .indexbody_3_mid_2{ margin-top:2.5em; margin-bottom:2.5em;}
  .indexbody_3{ padding-top:2.5em;}
.indexbody_2_mid_2{ margin-top:2.5em;}
.indexbody_2_mid_1_mid{ width:100%;}
.indexbody_2_mid_1{ margin-right:3.125vw;}
.indexbody_2{ padding-top:2.5em; padding-bottom:2.5em;}
.indexbody{ margin-left:3.125vw;}
.indexbody_1{ padding-bottom:4.5em;}
.indexbody_1_left_1 a{ font-size:.5em;}
.indexbody_1_right{ right:3.125vw; width:55%;}
.indexbody_1_left{ margin-left:3.125vw;}
.indexbody_1{ padding-top:3.5em;}
.indexbody_1_left_2{ left:-1em; top:-1em;}
.case_info_2{ font-size:1.25em;}
.case_info_1{ margin-top:2.5em;}
.indexbody_3_mid_2_2{ font-size:1em;}
.indexbody_3_mid_2_1{ height:40px;}
.indexbody_3_mid_2_1 img{ height:32px;}
.indexbody_3_mid_2 ul li{ padding:0 1.5em;}
.cases_3_1_mid_2{ font-size:1.125em;}
.cases_3_1 ul li{ width:49%; margin-right:0; margin-top:1.5em;}
.cases_3_1 ul li:nth-child(2n){ float:right;}
.cases_2{ margin-top:2.5em;}
.cases_2_mid_left_mid_1{ font-size:1.25em;}
.in_1_1 ul li{ margin-top:1.5em;}
a.vmore{ font-size:.875em;}
.in_1_1_mid_right_mid_3{ margin:1.5em 0;}
.in_1_1_mid_right{ position:static; width:auto; padding:1.5em 1em;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
.in_1_1_mid_left{ width:100%;}
.news_3_1 ul li:nth-child(3) {
  margin-top: 1.5em;
}
.news_3_1 ul li{ width:47%; margin-right:0; margin-top:1.5em;}
.news_3_1 ul li:nth-child(2n){ float:right}
.news_3_1 ul:before { left:50%;}
.news_3_1 ul:after { display:none}
#p5{ margin:2.5em 0; font-size:.875em;}
#p5 .swiper-pagination-bullet{ width:7px; height:7px;}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.app_show_2_4{ margin-bottom:2.5em;}
.app_show_2_4 ul li{ float:none; width:100%;}
.app_show_2_4 ul li:nth-child(2n){ text-align:left; margin-top:.75em;}
.news_info_1_3{ margin-top:1em;}
.news_info_1_1{ font-size:1.25em;}
.news_2_1_mid_right_mid_1{ font-size:1.125em;}
.news_1{ padding:2.5em 0;}
.news_2_1_mid_right_mid{ margin:0; padding:1.5em 1em;}
.news_2_1_mid_right_mid_left{ margin-right:0;}
.news_2_1_mid_right{ position:static; width:100%;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
.news_2_1_mid_left{ width:100%;}
.about_4_1_cate ul li{ margin-bottom:.5em; margin-top:.5em;}
.hz_7_1 ul li{ width:100%; margin-right:0}
#btn2{ width:100%; max-width:none}
.hz_6_2_left_mid_2 ul li{ padding:1em 0;}
.hz_6_2_left_mid{ padding-left:1.5em; padding-right:1.5em;}
.hz_6_2_right{ margin-left:0; width:auto}
.hz_6_2_right_mid{ padding:1.5em; text-align:center;}
.hz_6_2_right_mid img{ width:100%;}
.hz_6_2_left{ position:static; width:auto;}
.hz_4_1 ul li{ width:100%; margin-bottom:1.5em;}
.hz_4_1_2{ font-size:1em;}
.hz_4_1_1_mid_mid_1 span{ font-size:.6em;}
.hz_4_1_1_mid_mid_2{ font-size:1.25em;}
.hz_4_1{ margin-top:2.5em;}
.hz_3_1{ margin-top:0}

.hz_1{ padding-top:2.5em;}
.hz_2{ padding-top:2.5em;}
.hz_2_mid_left,.hz_2_mid_right{ float:none; width:auto}
.j_2_1_mid_1{ font-size:.55em;}
.j_2_1_mid{ padding:1.5em;}
.j_1{ padding:2.5em 0;}
.jiantou{ font-size:.875em;}
.cc3_3{ margin-top:2em;}
.cc3_3 ul li{ margin-right:0; width:100%;}
#btn{ width:100%;}
.hz_6_2_left_mid{ padding-bottom:1.5em;}
.hz_6_2{ margin-bottom:2.5em;}
.service_fb{ padding:2.5em 0;}
.service_fb_bg{ padding-top:2.5em; padding-bottom:2.5em;}
.service_contact{ padding-bottom:2.5em;}
.service_contact ul li{ width:50%; margin-top:1.5em;}
.service_contact_mid_1 img{ height:40px;}
#servicepage{ margin:2.5em 0;}
.service_1_4{ margin-top:1em;}
.service_1{ padding-top:2.5em;}
.service_1_4 ul li{ margin-top:1.5em; width:100%; margin-right:0}
.service_1_4_2_2{ min-height:inherit;-webkit-line-clamp:1000;}
.nybanner_bg_m{ height:auto}
.imgw{ display:block}
.nybanner_bg_m .nybanner_bg{ display:none}
.proinfomid_4_2{ font-size:.9375em;}
.about_4_1_cate ul li a{ padding:0 1.5em;}
.about_5_mid_left_jj{ margin:1.5em 0;}
.about_5_mid_left_jj_mid{ padding-left:0; padding-right:0; margin:0 3.125%; padding:0;}
.about_5_mid_right ul li{ margin-bottom:1.5em;}
.about_5_mid_left_jj_mid_jj{ display:none}
.about_5_mid_left_jj{ position:static; width:auto}
.about_5{ padding:2.5em 0;}
.about_5_mid_left{ margin-top:2.5em; width:auto; float:none;}
.about_5_mid_right{ float:none; width:auto}
.about_4_2_mid_2{ font-size:1em;}
.about_4_2 ul li{ width:49%; margin-right:0}
.about_4_2 ul li:nth-child(2n){ float:right;}
.about_4{ padding:2.5em 0;}
.about_4_2{ margin-top:1.5em;}
.about_4_2_mid{ padding:0 1.5em; padding-top:1.5em;}
.about_3{ padding-top:2.5em;}
.about_3_3{ margin-top:2.5em;}
.about_3_3_right_2{ font-size:1.25em;}
.about_3_4_mid_1 span, .about_3_3_right_1 span{ font-size:1.5em;}
.about_3_3_left{ width:100%;}
.about_3_3_right{ position:static; width:auto;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding:1.5em 0;}
.about_3_4{ display:none}
.about_2_mid ul li{ margin-bottom:1.5em;}
.about_2_mid ul li:nth-child(2n) .about_2_mid_mid_left{ margin-left:0}
.about_2_mid_mid_right_1 span{ font-size:1.25em;}
.about_2_mid_mid_left{ width:100%;}
.about_2_mid_mid_right{ position:static; width:auto; margin-top:1.5em;}
.about_1_mid_mid{ padding:0 1em;}
.proinfomid_4_3 ul li{ width:49%; margin-right:0}
.proinfomid_4_3 ul li:nth-child(2n){ float:right}
.proinfomid_2_mid_left{ width:100%;}
.proinfomid_2_mid_right{ width:100%;}
.promid_left{ display:none}
.promid:after { display:none}
.promid_right{ float:none; width:auto;}
.promid_right_mid{ margin:2.5em 3.125% 1.5em 3.125%;;}


}
@media screen and (max-width:640px) {
.indexbody_3_mid_3_2_mid{ padding:1em;}
.indexbody_3_mid_3_2_mid_3{ display:none}
.indexbody_1_right_1{ margin-bottom:0}
.indexbody_2_mid_2_mid_2_mid_2{ margin-top:0;}
.indexbody_2_mid_2_mid_2{ width:50%; height:auto; padding-top:1em; padding-bottom:1em; padding-left:1em; padding-right:1em; text-align:center;}
.indexbody_2_mid_2_mid_2_mid{ position:static;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
.indexbody_2_mid_1_mid_1{ font-size:1em;}
.indexbody_1{ padding-bottom:2.5em;}
.indexbody_1_right_2{ margin-bottom:1.5em;}
.indexbody_1_right{ position:static; width:auto;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); margin-left:6.25vw; margin-right:3.125vw; margin-top:1.5em;}
.indexbody_1_left{ width:auto; margin-left:6.25vw; margin-right:3.125vw;}
.indexbody_1_right_1{ font-size:1.125em; margin-bottom:0em;}
.indexbody_3_mid_3_2_mid_2{ display:none}
.indexbody_3_mid_2 ul li:nth-child(3):after { display:none;}
.indexbody_3_mid_2 ul li{ padding:0; width:50%; float:left;  }
.indexbody_3_mid_2 ul li a{ padding:0 1em;}
.cases_1{ padding:1.5em 0 0.5em 0;}
.in_1_1_mid_right_mid_1{ font-size:1.125em;}
.hz_5_mid_right_mid_2 ul li:nth-child(3n) .hz_5_mid_right_mid_2_mid{ margin-left:0; margin-right:1em;}
.hz_5_mid_right_mid_2 ul li:nth-child(3):after { display:block}
.hz_5_mid_right_mid_2 ul li{ width:50%;}
.hz_3_1_mid_left_1{ font-size:.875em;}
.hz_3_1_mid_left_1 img{ max-width:40%;}
.hz_3_1 ul li:nth-child(2n){ float:none}
.hz_3_1_mid_right div{ position:static; text-align:center; padding:1em; width:auto;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding-top:0}
.hz_3_1_mid_left_mid{ position:static; width:auto; padding:1em;}
.hz_3_1 ul li{ float:none; overflow:hidden;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08); margin-top:1.5em;}
.hz_3_1_mid{ height:auto}
.hz_3_1_mid_left,.hz_3_1_mid_right{ position:static; width:auto;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0);}
.j_2_1 ul li:nth-child(3n):after{ display:block}
.j_2_1 ul li:nth-child(2n):after{ display:none}
.j_2_1 ul li{ width:50%;}
.service_contact ul li:before { display:none}
.service_contact ul li:after { width:100%; height:1px; }
.service_contact ul li:nth-child(1):after{ display:none;} 
.service_contact ul li:nth-child(1){ padding-top:2.5em;}
.service_map{ height:50vh;}
.service_contact_mid_3_1{ min-height:inherit}
.service_contact{ padding-top:0em;}
.service_contact_mid_1 img{ height:30px;}
.service_contact ul li{ width:100%; text-align:center; padding:1em 0; margin:0}
.about_4_2_mid{ padding-left:1em; padding-right:1em; padding-top:1em;}
.about_4_2_mid_2{ margin:1em 0;}
.pagination{ font-size:.875em;}
.nybanner_jj_2{ font-size:1.5em;}
.nybanner_jj_3{ font-size:1em;}
.about_1_mid_mid_1 span{ font-size:1.5em;}
.about_1_mid ul li:nth-child(1),.about_1_mid ul li:nth-child(2),.about_1_mid ul li:nth-child(3),.about_1_mid ul li:nth-child(4){ text-align:left; width:50%;}
.about_1_mid ul li:nth-child(1) .about_1_mid_mid,.about_1_mid ul li:nth-child(3) .about_1_mid_mid{ padding-left:0}
.about_1_mid ul li:nth-child(3):after{ display:none}
.about_1_mid ul li:nth-child(2) .about_1_mid_mid,.about_1_mid ul li:nth-child(4) .about_1_mid_mid{ padding-right:0}
.about_1_mid ul li:nth-child(3),.about_1_mid ul li:nth-child(4){ margin-top:1em;}
}
@media screen and (max-width:480px) {
    .showprodetail_close img{ width:32px;}
.footermid_1_left_mid_1 img{ height:30px;}
.indexbody_2_mid_2_mid_2{ display:none}
.cases_3_1 ul li{ width:100%;}
.news_4_1 ul li a{ padding:15px 0px}
.news_4_1_mid span{ display:none}
.news_4_1_mid h3{ margin-right:0}
.news_3_1_mid_1_name{ font-size:1.125em;}
.news_3_1 ul li{ width:100%;}
.news_3_1 ul li:nth-child(2){ margin-top:1.5em;}
  .news_3_1 ul:before { display:none}
.hz_7_2{ margin-top:1.5em; margin-bottom:2.5em;}
.hz_6_1 .swiper-slide{ width:110px;}
.hz_6_1_mid{ height:6em;}
.hz_5_mid_right_mid_2_mid_2{ font-size:1em;}
.hz_5_mid_right_mid_2_mid_1 img{ height:35px;}
.j_2_1 ul li{ width:100%; height:180px;}
.jiantou{ font-size:.75em;}
.j_2_1 ul li:after,.j_2_1 ul li:nth-child(3n):after{ display:none}
.service_2_3{ font-size:1em;}
.service_2_2{ margin:2.5em 0;}
.service_2_2 img{ max-width:45%;}
.about_1_mid_mid_2{ font-size:1em;}
.about_1_mid ul li:nth-child(3):after{ display:block}
.about_1_mid_mid{ padding:0; padding-left:0em; padding-top:1em; padding-bottom:1em;}
.about_1_mid ul li:nth-child(1) .about_1_mid_mid{ padding-top:0}
.about_1_mid ul li:after { top:0; width:100%; height:1px; bottom:auto;}
.about_1_mid ul li:nth-child(1), .about_1_mid ul li:nth-child(2), .about_1_mid ul li:nth-child(3), .about_1_mid ul li:nth-child(4){ width:100%; margin:0}
.about_2_mid_mid_right_2_2{ display:none}
.about_2_mid_mid_right_2_1{ padding-left:20px;}
.about_2_mid_mid_right_1{ padding-left:20px;}
.nybanner_jj_2{ font-size:1.25em;}
a.pcontact{ width:100%;}
.proinfomid_2_mid_right_2{ padding:1em 0; margin:1em 0;}
.proinfomid_4_3 ul li{ width:100%;}
.headermid_right{ right:50px;}
.headermid{ height:60px;}
.headermid_left img{ height:30px;}
.warp-nav {
  height: calc(100vh - 60px);
   
  top: 60px;
   
}
.search-alert2 .formbox .box{ width:94%;}
.promid_right_mid_1 ul li{ width:100%;}


}
.swiper-pagination-lock{ display:block;}
@media screen and (min-width:768px) {
.indexbody_4,.nybanner_bg{background-attachment: fixed;}
}
.indexbody_1{ overflow:hidden}
.indexbody_1_bg{ overflow:hidden; bottom:-25vw; width:51.40625vw; height: 51.40625vw;border-radius: 50%; }
.indexbody_1_bg img{ display:none;}
.indexbody_1_bg div.dd{
    
    
    width:51.40625vw; height: 51.40625vw; margin: 0px auto 0px -3.5rem; position: absolute; top: 0%; left: 0%; border-radius: 50%; overflow: hidden; /*background: url("../images/index-about-y.png") -2255px 0% / auto 100%;*/ box-shadow: rgb(255, 255, 255) 0px 0px 170px 30px inset;
    -moz-animation:rotateX 20s ease-in-out 0s infinite;-ms-animation:rotateX 20s ease-in-out 0s infinite;-webkit-animation:rotateX 20s ease-in-out 0s infinite;animation:rotateX 20s ease-in-out 0s infinite; background-image: url(../images/index-about-y.png); background-position: center; background-repeat: no-repeat; background-size:cover; ;
    
}
@keyframes rotateX{
	0%{transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotateX{
	0%{transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
.indexbanner .swiper-pagination-bullet{ background-color:#fff}

.about_4_2 ul.ul295 li{ width:100%; margin-right:0;}


.bbb{ position:absolute; left:50%; bottom:1em;-webkit-transform: translate(-50%, -0%);  
    transform: translate(-50%, -0%); z-index:888}

.bbb .swiper-pagination{ position:static;}


.bleft{ position:absolute; left:-60px; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); color:#fff;  cursor:pointer; z-index:10;}
.bright{ position:absolute; right:-60px; top:50%;-webkit-transform: translate(0%, -50%);  
    transform: translate(0%, -50%); color:#fff;  cursor:pointer; z-index:10;}	 




 .jobpartner{ overflow:hidden; margin-top:3em;}
.jobpartner ul li{
float:left; width:16.66666666666667%;}
.pimgt{ position:relative; margin:0 1em; height:7.5em}
.pimgt img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:65%;}
#ppage{ position:static; width:100%;}
#ppage .swiper-pagination-bullet{ background:none;   border:1px #797979 solid; opacity:1;}
#ppage .swiper-pagination-bullet-active{ background-color:#2053ac; border-color:#2053ac}
.ppageline{ height:7px; position:relative; margin:2em 0;}
.ppageline:after{ width:100%; height:2px; background-color:#d5d5d5; left:0; top:50%; position:absolute;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); content:'';}
.ppageline span{ position:absolute; left:0; top:50%; height:3px;background-color:#1c62d9; left:0; top:50%; position:absolute;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); content:''; width:0; z-index:10;}
.ppageline span:after{ content:''; position:absolute; right:0; height:7px;background-color:#1c62d9; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:1px;}



.jbg{ background-image:url(../images/jbg.jpg); overflow:hidden; padding:5.4375em 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jbg .proinfomid_1_mid{ background-color:#fff; overflow:hidden; padding:50px 0;}
.jbg_1{ margin:0 5%;}
.jbg_1 .hz_7_1 ul li div input,.jbg_1 .hz_7_1 ul li div select,.jbg_1 .hz_7_1 ul li div textarea{ color:#000}
.jbg_1 .hz_7_1 ul li div select option{ background-color:#fff;}

.jbg_1 .hz_7_1 ul li:nth-child(7){ width:49%;}
.jbg_1 .hz_7_1 ul li:nth-child(8){ width:49%; margin-right:0}
.jbg_1 .hz_7_2{ margin-bottom:0}


@media screen and (max-width:810px) {
.jbg_1 .hz_7_1 ul li:nth-child(7),.jbg_1 .hz_7_1 ul li:nth-child(8){ width:100%;}
.jobpartner ul li{ width:20%;}
.pimgt{ height:6em;}
}
@media screen and (max-width:640px) {
.jobpartner ul li{ width:25%;}
.jobpartner{ margin-top:2em;}
}
@media screen and (max-width:480px) {
.jobpartner ul li{ width:33.3333%;}
.pimgt{ height:4.5em;}
}
.tarr dl dd{ display:inline-block; font-size:1.125em; margin-right:10px; margin-bottom:1em;}
.tarr dl dd a{ display:block; background-color:#e6e9f1; padding:0 2em; line-height:1.666666666666667em; border-radius:1.666666666666667em;}
.tarr dl dd a.on,.tarr dl dd a:hover{ background-color:#2e55a2; color:#fff;}
.tarr{ margin-bottom:2em;}
@media screen and (max-width:810px) {
.tarr dl dd{ font-size:1em;}    
.tarr{ margin-bottom:1em;}
.tarr dl dd a{ padding:0 1em;}
}
#lists{ position:absolute; left:0; width:100%; height:97px; bottom:0; top:-97px;}

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

.ind_banner{ position:absolute; left:0; top:50%; width:100%; z-index:10; color:#fff;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.ind_banner_mid_1{ font-size:3.75em; font-weight:bold; margin-bottom:.5em;}	
.ind_banner_mid_1 p{ font-size:1.666666666666667em; margin-bottom:.5em; font-family: 'Alimama ShuHeiTi';}	
.ind_banner_mid{ margin:0 20%;}
.ind_banner_mid_2{ font-size:1.375em; margin-bottom:1.5em;}
.bbmid_1{ font-size:1.636363636363636em;}
.bbmid_2{ font-size:0.9090909090909091em; margin-top:5px; margin-bottom:3.5em;}
.bbmid_3{ font-size:0.9090909090909091em;}
.bbmid_4{ font-size:9px;}
.ind_banner_mid_3 a{ font-size:1.375em; color:#fff;}

 @media screen and (max-width:1200px) {
 .ind_banner_mid{ margin:0 10%;}
 .ind_banner_mid_1 p{font-size:32px;}
 .ind_banner_mid_2{font-size:1em;}
 .bbmid_1{font-size:20px;}
 .ind_banner_mid_1{font-size:24px;}
 
 }
  @media screen and (max-width:480px) {
      .bbmid_1{ font-size:18px;}
      .ind_banner_mid_1 p,.ind_banner_mid_1{font-size:22px;}
      
  }