@charset "utf-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@font-face {  
	font-family: "DINMedium"; font-weight: normal; font-style: normal;
	src: url('../fonts/DIN-Medium.eot');
	src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
		   url('../fonts/DIN-Medium.ttf') format('truetype'),
		   url('../fonts/DIN-Medium.svg#Futura') format('svg');
}
@font-face{
	font-family: harmLight;
	src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf);
}
@font-face{
	font-family: harmbBold;
	src:url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);
}
@font-face{
	font-family: harmRegular;
	src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
}
@font-face{
	font-family: harmMedium;
	src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);
} 

/* html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;} */
html{-webkit-text-size-adjust:100%;font-size:100px}

html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:0.16rem;line-height:0.3rem; color:#333333; width:100%; min-width:1280px; zoom:1;font-family:harmRegular, Microsoft YaHei,arial, sans-serif;background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:harmRegular, Microsoft YaHei,arial, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{ padding: 0px;margin: 0; display: block;font-family:harmRegular, Microsoft YaHei,arial, sans-serif;}
aside{font-family:systr,Microsoft YaHei,arial, sans-serif;}
pre{white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;}
/*html5设置*/

figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;display: inline-block;vertical-align: middle;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.3s;*/}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#00d1d8;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/* background: url(../images/select.gif) no-repeat scroll 95% center transparent; */
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1440{ z-index:1; position:relative; clear:both; width:1440px; margin:0px auto;}
.table{ display: table; width:100%;}
.table .row{ display: table-row;}
.table .cell{ display: table-cell; vertical-align: middle;}
.iblock{font-size:0;}
.iblock div,.iblock li{ display: inline-block; vertical-align: middle;font-size:16px;}
.pd100{padding-top:1rem;padding-bottom:1rem;}
.pt100{padding-top:1rem;}
.pb100{padding-bottom:1rem;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;}
.relative{position: relative;}


/*font*/
.DINMedium{font-family: "DINMedium";}
.harmLight{font-family: "harmLight";}
.harmbBold{font-family: "harmbBold";}
.harmRegular{font-family: "harmRegular";}
.harmMedium{font-family: "harmMedium";} 
.f_18{font-size: 18px;}
.f_red{ color:#cc0000;}
.f_blue{ color:#2844a5;}
.f_666{ color:#666;}
.l30{line-height: 0.30rem;}
.iconfont{ font-size:24px; vertical-align:middle;display: inline-block;}
.iconyjt{margin-top: -3px;font-size: 20px;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p,.dot{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
white-space: break-spaces;
display: -webkit-box;
-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}
.dot7{-webkit-line-clamp: 7;}

@media(max-width:1600px){
	html{font-size:6.25vw}
}
@media(max-width:1500px){
	.w1440 {width: 90%;}
}
@media ( max-width:1024px){
	html{font-size:9.765625vw}
	select,input,textarea,button{font-size: 14px;}
.w1440{width:auto;margin:0 15px;min-width: 300px;}
body{min-width:300px;font-size: 14px;line-height: 24px;padding-top: 50px;}
.pd100{padding-top:25px;padding-bottom:25px;}
.l30{line-height: 24px;}
.f_18{font-size: 14px;}
}
@media(max-width:768px){
	html{font-size:12.02083vw}
	.pd100{padding-top:0.6rem;padding-bottom:0.6rem;}
	.pt100{padding-top: 0.6rem;}
	.pb100{padding-bottom: 0.6rem;}
}


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:auto; max-height:100%;}

.ico{display: flex;vertical-align: middle;position: relative;align-items: center;justify-content: center;}
.ico .i1,.ico .i2 {position: absolute;z-index: 100;}
.ico .i1 {transition: 400ms;}
.ico .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}
.li:hover .ico .i2,.li.on .ico .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.li:hover .ico .i1,.li.on .ico .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}

.btnam{position: relative;transition: all 0.3s;display: block;text-align: center;color:#fff !important;border-radius: 0.28rem;width: 1.7rem;line-height: 0.55rem;font-size: 16px;background:#00d1d8;overflow: hidden;}
.btnam em{position: relative;z-index: 1;display: inline-block;}
.btnam:after{left: -200%;top: -200%;position: absolute;content: "";width: 200%;height: 200%;transition: all 0.5s 0.1s;background-image: linear-gradient(#00d1d8, #ad6df7);border-radius: 0.28rem;}
.btnam:hover:after{left:0%;top:0;width: 120%;height: 120%;}
.btnam.blueline{border:2px solid #2945a8;line-height: 0.51rem;background-color: transparent;color:#1c3cac !important;}
.btnam:hover,.btnam:hover.blueline{color:#fff !important;}

/*pages*/
.Pages{clear: both;text-align: center;line-height: 34px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding-top: 4%;position: relative;}
.Pages a{display: inline-block;vertical-align: middle;}
.Pages .num a{width: 36px;border:1px solid #ebebeb;color:#333333;margin:0 5px;border-radius: 50%;}
.Pages .num a:hover,.Pages .num a.a_cur{border:2px solid #5adadd;color:#fff;background:#5adadd;}
.Pages .arr{padding:0 14px;border:1px solid #ebebeb;border-radius: 5px;}
.Pages .arr:hover{color: #fff;background:#5adadd;border:1px solid #5adadd;}
.Pages .a_prev{margin-right: 35px;}
.Pages .a_next{margin-left: 35px;}
.Pages.white .arr{background: #fff;}

@media ( max-width:1024px){
.Pages{line-height:25px; font-size:14px;}
.Pages .arr{padding:0 5px;}
.Pages .p_page .num a{ width:25px;}
.Pages .a_prev{margin-right: 5px;}
.Pages .a_next{margin-left: 5px;}
.btnam{font-size: 14px;line-height: 28px;width:100px;border-radius: 28px;}
.btnam.blueline{line-height: 28px;}
}
/*pages end*/


/*Top*/
.Header{ height:110px;line-height:110px; position:fixed; width:100%; left:0; top:0;z-index:1000; transition: all 0.3s;background:rgba(0,0,0,0.2);text-align: right;}
.Header .auto>*{display: inline-block;vertical-align: middle;}
.Header .auto{padding:0 0.4rem;}
.Header .Logo {position:absolute;position: absolute;left: 0.4rem;top: 50%;transform: translateY(-50%);}
.Header .Logo img{display: inline-block;vertical-align: middle;}
.Header .Logo img.cai{display: none;}

.Search .Searchico{ cursor:pointer; color:#fff;display:none;}.Search .Searchico:hover{opacity: 0.8;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:20px;}
.Search .searchbox{width:2.5rem;position: relative;border:1px solid rgba(255,255,255,0.2);border-radius: 0.25rem;padding-right: 49px;line-height: 0.45rem;}
.Search .searchbox:hover{border:1px solid #fff;}
.Search .searchbox .input{width:100%; height:45px; line-height:45px; text-indent:1em;font-size: 14px;}
.Search .searchbox .input::-webkit-input-placeholder {color: #fff;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:49px; height:45px; color:#fff;background:none;}
.Search .searchbox .btn:hover {color:#34a2b1;}
.Search .searchbox.on{opacity: 1;visibility: visible;top: 50px;z-index: 10;}

.Header .Ver{margin:0 0.49rem 0 0.3rem;padding-left: 0.33rem;position: relative;font-family: "DINMedium";}
.Header .Ver:after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;content: "";height: 14px;background:rgba(255,255,255,0.2);}
.Header .Ver i,.Header .Ver a{color:rgba(255,255,255,0.6);}
.Header .Ver a:hover,.Header .Ver a.on{color:#fff;}

.Header .ContactBtn{font-size: 0.2rem;width: 1.8rem;line-height: 0.45rem;border-radius: 0.25rem;background:#34a2b1;}
.Header .ContactBtn img{display: inline-block;vertical-align: middle;margin:-3px 0.09rem 0 0;}

.MainNav li{float: left; margin-right: 0.66rem; position:relative; z-index:100;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center;transition: all ease 0s;color:#fff;font-size: 0.2rem;}
.MainNav span a em{ position:relative; z-index:1;}
.MainNav span a:after{ position:absolute; left:50%; width:0; bottom:0px; height:2px; background:#00d1d8;transition: all ease 0.3s;content: "";transform: translateX(-50%);}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a{color:#00d1d8;font-family: "harmbBold";}
.MainNav li:hover a:after,.MainNav li.onnav a:after{ width:100%;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:110px; left:50%;width:140px;margin-left:-70px; line-height:33px; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.NavPull.suba.null{background:none; padding:0;}
.NavPull.suba dd{ position:relative;}
.NavPull.suba a{ color:#333; padding:0; display:block; padding:4px 0;}
.NavPull.suba dd>a:hover,.NavPull.suba dd:hover>a{ background:#00d1d8; color:#fff;}
.NavPull.suba a:hover{color:#0049b6;}
.NavPull.Pro{width: 1440px;left: -475px;border: 1px solid #dad7d7;padding:0.4rem 0.4rem}
.NavPull.Pro .Navitem{padding-left: 1.1rem;position: relative;line-height: 0.35rem;text-align: left;}
.NavPull.Pro .Navitem .Ti{position: absolute;left: 0;top: 0;font-family: "harmMedium";color:#2945a8;font-size: 0.24rem;}
.NavPull.Pro .Navitem .sub3{width: 16.666%;float: left;}
.NavPull.Pro .Navitem .sub3 dt{font-family: "harmMedium";font-size: 0.18rem;}
.NavPull.Pro .Navitem .sub3 dd{font-size: 0.16rem;position: relative;}
.NavPull.Pro .Navitem .sub3 dd a{color:#666666;}
.NavPull.Pro .Navitem .sub3 dd a:hover{color:#2945a8;}
.NavPull.Pro .Navitem .sub3 dd em{position: relative;display: inline-block;padding-right: 14px;margin-right: 10%;}
.NavPull.Pro .Navitem .sub3 dd em i{background:url(../images/ico/arr1.png) right center no-repeat;position: absolute;right: 0;top: 0;width: 20px;height: 100%;}
.NavPull.Pro .Navitem .sub3 dd.on>em>i{background:url(../images/ico/arr2.png) right center no-repeat;}
.NavPull.Pro .Navitem .sub4 dd.on>em>i{background:url(../images/ico/arr2.png) right center no-repeat;}
.NavPull.Pro .Navitem .sub4{background:#fff;box-shadow: 0 0 29px rgba(40,68,165,0.15);padding:0.25rem;width: 3rem;left: 110%;position: absolute;top: 50%;transform: translateY(-50%);opacity: 1;visibility: hidden;z-index: -1;transition: all 0.3s;}
.NavPull.Pro .Navitem .sub4 dd{width: 100%;float: left;position: relative;}
.NavPull.Pro .Navitem .sub4 dd:nth-child(2n+1){width: 100%;clear: both;}
.NavPull.Pro .Navitem .sub4 dd:nth-child(2n+2){width: 100%;}
.NavPull.Pro .Navitem .sub3 dd.on .sub4{left: 90%;visibility: visible;opacity: 1;z-index: 10;}

.NavPull.Pro .line{height: 0.31rem;border-bottom: 1px solid #ebebeb;margin-bottom: 0.31rem;}
.NavPull.Pro .Navitem .sub4::after{content:'';display: block;clear: both;}
.NavPull.Pro .Navitem .sub5{background:#fff;box-shadow: 0 0 29px rgba(40,68,165,0.15);padding:0.25rem;width: 6rem;left: 110%;position: absolute;top: 50%;transform: translateY(-50%);opacity: 1;visibility: hidden;z-index: -1;transition: all 0.3s;}
.NavPull.Pro .Navitem .sub5 dd{width:50%;float:left;}
.NavPull.Pro .Navitem .sub5 dd:nth-child(2n+1){width:50%;clear: both;}
.NavPull.Pro .Navitem .sub5 dd:nth-child(2n+2){width: 50%;}

.NavPull.Pro .Navitem .sub4 dd.on .sub5{left: 90%;visibility: visible;opacity: 1;z-index: 10;}

.NavPull.suba dl dd{position: relative;}
.NavPull.suba .NavTwo{position: absolute;top:0;left:100%;width:140px;text-align: center;background: #fff;display: none;box-shadow: 0 0 29px rgba(40,68,165,0.15);}
.NavPull.suba .NavTwo a{display: block;}
.NavPull.suba dl dd:hover .NavTwo{display: block;}


.closebtn{ position:fixed; left:0px; top:50px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);}
.openbtn{ cursor:pointer; height:25px; position:absolute; right:0; top:0;height: 80%; z-index:999;color:#fff;font-family: Arial, Helvetica, sans-serif;display: none;font-size: 12px;display: none;}
.openbtn span{ display:inline-block;vertical-align: middle;margin:0 10px 0 0;}
.openbtn i{ display:block; height:2px; background:#2945a8; border-radius:4px; margin:7px 0;transition: all ease 0.3s;width: 28px;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 9px) rotate(45deg) !important;
	-moz-transform: translate(0, 9px) rotate(45deg) !important;
	-ms-transform: translate(0, 9px) rotate(45deg) !important;
	-o-transform: translate(0, 9px) rotate(45deg) !important;
	transform: translate(0, 9px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 {width: 0;}

.Header.fixed3{background:rgba(0,0,0,0.5);box-shadow: 0 0 15px rgba(0,0,0,0.12);height: 80px;line-height: 80px;}
.Header.fixed3 .Search .searchbox.on{top: 80px;}
.Header.fixed3 .NavPull{top: 80px;}
.Header:hover,.Header.on{background:#fff;}
.Header:hover .ContactBtn,.Header.on .ContactBtn{background:#00d1d8;}
.Header:hover .MainNav span a,.Header.on .MainNav span a{color:#222222;}
.Header:hover .Logo img.cai,.Header.on .Logo img.cai{display: inline-block;}
.Header:hover .Logo img.bai,.Header.on .Logo img.bai{display: none;}
.Header:hover .Ver:after,.Header.on .Ver:after{background:#e6e6e6;}
.Header:hover .Ver i,.Header:hover .Ver a,.Header.on .Ver i,.Header.on .Ver a {color:#c4c4c4;}
.Header:hover .Ver a.on,.Header.on .Ver a.on{color:#2945a8;}
.Header:hover .Search .searchbox,.Header.on .Search .searchbox{border:1px solid #e8e8e8;}
.Header:hover .Search .searchbox .btn,.Header.on .Search .searchbox .btn{color:#9b9b9b;}
.Header:hover .searchbox .input::-webkit-input-placeholder,.Header.on .searchbox .input::-webkit-input-placeholder {color:#999999;}
.Header:hover .MainNav li:hover span a, .Header:hover .MainNav li.onnav span a,.Header.on .MainNav li:hover span a, .Header.on .MainNav li.onnav span a{color:#00d1d8;}

@media(max-width:1500px){
	.NavPull.Pro{width: 1280px;left: -265px;}
}

@media(max-width:1024px){
.Header,.Header.fixed3{height: 50px;line-height: 50px;}
.Header .auto{padding:0 15px;}
.Header .Logo img{height: 30px;}
.openbtn{display: block;}
.Header .ContactBtn{font-size: 0;width: 32px;line-height: 32px;margin-right: 35px;border-radius: 50%;}
.Header .ContactBtn img{margin-right: 0;}
.Header .Ver{margin:0 15px;padding-left: 0;}
.Search .Searchico{display: block;}
.Search .searchbox{top:80px;width: 96%;position: absolute;right: 2%;background:rgba(0,0,0,0.7);opacity: 0;visibility: hidden;z-index: -1;transition: all 0.3s;}
.MainNav{position: fixed;right: 0;top: 50px;width: 68%;height: calc(100% - 50px);right: -100%;transition: all 0.3s;opacity: 0;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding-top: 20px;overflow-y: auto;z-index: 100;}
.MainNav.on{right: 0;opacity: 1;}
.MainNav li{width: auto;float: none;text-align: left;margin-right: 0;}
.MainNav span a{text-align: left;font-size: 15px;padding-left: 15px;line-height: 40px;border-bottom: 1px solid #eee;margin:0 10px;}
.MainNav .arr{display: block;width: 80px;position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;z-index: 5;}
.MainNav .arr i{position: absolute;right: 10px;font-size: 14px;color:#666;top: 0;transition: all 0.3s;}
.MainNav li.onnav .arr i{transform: rotate(-180deg);}
.NavPull{position: static;width: 100%;margin:0;text-align: left;}
.Header.fixed3 .NavPull{padding:20px;}
.NavPull.suba{padding:10px 0;}
.NavPull.suba a{padding-left: 25px;}
.NavPull.Pro{width: auto;position: static;}
.NavPull.Pro .Navitem{padding:0;line-height: 30px;}
.NavPull.Pro .Navitem .Ti{position: static;font-size: 16px;background:rgba(41,69,168,0.2);color:#fff;padding-left: 10px;}
.NavPull.Pro .Navitem .sub3{width: auto;float: none;}
.NavPull.Pro .Navitem .sub3 dt{font-size: 16px;}
.NavPull.Pro .Navitem .sub4{display:none;position: static;width: auto;padding:10px;transform: translateY(0);opacity: 1;visibility: visible;}
.NavPull.Pro .Navitem .sub4 dd{width: auto;float: none;}

.NavPull.Pro .Navitem .sub4{padding:8px;}
.NavPull.Pro .Navitem .sub5{position: static;transform: translateY(0);-webkit-transform: translateY(0);visibility: visible;width:100%;}
.NavPull.Pro .Navitem .sub5 dd{width:100%;float:left;line-height: 20px;margin-bottom:5px;}
.NavPull.Pro .Navitem .sub5 dd:nth-child(2n+1){width:100%;clear: both;}
.NavPull.Pro .Navitem .sub5 dd:nth-child(2n+2){width: 100%;}

.NavPull.suba .NavTwo{display: block;position: static;width:100%;}
.NavPull.suba .NavTwo a{text-align: left;line-height: 25px;font-size: 13px;}
.NavPull.Pro .Navitem .sub3 dd{font-size: 14px;}
}


/*Bottom*/
.Footer{ position:relative; background:#f8f8fb;padding: 1rem 0 0.8rem;}
.Footer .contact{float: left;padding-top: 22px; font-size: 14px;width: 3.8rem;}
.Footer .contact dl{position: relative;padding-left: 51px;margin-bottom: 0.225rem;}
.Footer .contact dl dt{line-height: 40px;color:#999999;font-size: 0.18rem;}
.Footer .contact dl dt img{position: absolute;left: 0;top: 0;width: 40px;}
.Footer .contact dl dd{color:#000000;font-size: 0.17rem;line-height: 0.38rem;}
.Footer .contact dl dd i{font-family: "harmbBold";}
.Footer .contact .mail dd,.Footer .contact .add dd{font-family: "harmMedium"}

.Footer .navcenter{width: 6.52rem;text-align: center;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;float: left;}
.Footer .navcenter .solgan{padding:0.41rem 10px 0.22rem;border-bottom: 1px solid #e8e8e8;position: relative;}
.Footer .navcenter .solgan:after,.Footer .navcenter .solgan:before{position: absolute;width: 11px;height: 11px;background:#fff;border:1px solid #e8e8e8;left: -6px;bottom: -5px;content: "";border-radius: 50%;}
.Footer .navcenter .solgan:before{left: auto;right: -6px;}
.Footer .navcenter .logo{padding:0.65rem 0;}
.Footer .navcenter .logo img{width: 3.73rem;}
.Footer .navcenter menu{padding-top: 0.25rem;line-height: 0.72rem;font-size: 0.18rem;position: relative;border-top: 1px solid #e8e8e8;}
.Footer .navcenter menu a{display: inline-block;margin:0 0.2rem;}
.Footer .navcenter menu:after,.Footer .navcenter menu:before{position: absolute;width: 11px;height: 11px;background:#fff;border:1px solid #e8e8e8;left: -6px;top: -5px;content: "";border-radius: 50%;}
.Footer .navcenter menu:before{left: auto;right: -6px;}

.Footer .copyright{float: right;width: 340px;line-height: 24px;padding-top: 0.24rem;color:#666; font-size: 14px;}
.Footer .copyright menu a{position: relative;margin-right: 21px;}
.Footer .copyright menu a:after{position: absolute;top: 6px;width: 1px;height: 10px;content: "";background:#e5e5e5;right: -11px;}
.Footer .copyright menu a:last-child:after{display: none;}
.Footer .copyright a{color:#666;}
.Footer .copyright a:hover{color:#2844a5;}
.Footer .copyright .copy{margin:0.15rem 0 0.22rem;}
.Footer .ewm li{text-align: center;padding-right: 26px;line-height:25px;color:#999999;display: inline-block;margin-bottom:10px;}
.Footer .ewm li img{display:block;width: 100px;height: 100px;padding:0;background: #fff;}
.Footer .ewm li span{font-family: "harmMedium";display: block;margin-top: 8px;font-size: 14px;color:#000000;}

.totop{position:fixed;right:0;bottom:-100%;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 60px;height: 60px;padding-top:8px;line-height:24px;color:#fff;background:#2944a6;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:210;cursor: pointer;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;bottom: 0;}
.totop i{display: block;transform: rotate(-180deg);}
.totop:hover{color:#fff;background:#34a2b1;}

.HomeLink{padding-left:100px;position: relative;line-height: 0.36rem;font-size: 0.18rem;padding-top:0.3rem;border-top:1px solid #e8e8e8;margin-top:0.3rem;}
.HomeLink .title{font-size: 0.2rem;font-weight: bold;position: absolute;left:0;top:0.3rem;}
.HomeLink ul li{display: inline-block;margin-right:0.3rem;}

@media(max-width:1440px){
	.Footer .copyright{width: 315px;}
}
@media(max-width:1024px){
	.Footer{padding:25px 0;}
	.Footer .contact{width: auto;float: none;padding-top: 0;}
	.Footer .navcenter{width: auto;float: none;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
	.Footer .copyright{width: auto;float: none;text-align: center;}
}

@media(max-width:768px){
	.Footer .navcenter menu{font-size: 14px;}
	.Footer .navcenter menu a{margin:0 4px;}
	.HomeLink{line-height: 25px;font-size: 14px;padding-left:65px;}
	.HomeLink .title{font-size: 14px;}
	.HomeLink ul li{margin-right:10px;}
	.Footer .contact dl dt{font-size: 16px;}
	.Footer .contact dl dd{font-size: 14px;line-height: 28px;}
	.Footer .contact dl:first-child dd p{display: inline-block;width:49%;}
	.Footer .contact dl dt img{width:30px;}
	.Footer .contact dl dt{line-height: 30px;}
	.Footer .contact dl{padding-left:41px;}
}
/*Bottom*/


/*首页 s*/
.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);}
.itemhover2{transition: all ease 0.3s;display: block;}
.activehover2{
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);}

/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; height:100%; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .txt{ z-index:10; position:absolute; left:12%; width:6.2rem; top: 50%; transform: translate(0,-50%);color:#fff;}
.HomeBan .txt h2{font-size: 0.7rem;font-family: "harmbBold";font-weight: normal;line-height: 1.3rem;}
.HomeBan .txt .desc{font-size: 0.2rem;line-height: 0.35rem;min-height: 1.4rem;margin-bottom: 0.14rem;}
.HomeBan .txt .btnam{display: none;}

.HomeBan .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .imgbox.sj{display: none;}
.HomeBan .slick-arrow{width: 27px;height: 27px;background-color:transparent;top: auto;transform: translateY(0);bottom: 0.45rem;border:0 !important;}
.HomeBan .slick-prev{left: 35%;}
.HomeBan .slick-next{right: 35%;}
.HomeBan .slick-dots {bottom: 0.45rem;}
.HomeBan .slick-dots li{width: 20px;height: 20px;margin: 0 14px;}
.HomeBan .slick-dots li button{width: 12px;height: 12px;border: 2px solid rgba(255,255,255,0.6);background-color: transparent;}
.HomeBan .slick-dots li.slick-active button{border: 2px solid rgba(255,255,255,1);width: 20px;height: 20px;}
.HomeBan .slick-prev{background-image: url(../images/ico/arrleft.png);}
.HomeBan .slick-next{background-image: url(../images/ico/arrright.png);}

@media(max-width:1500px){
	.HomeBan .txt{left: 5%;}
}

@media(max-width:1024px){
.HomeBan,.HomeBan .item{height: auto;}
.HomeBan .item{padding-top: 4.5rem;}
.HomeBan .item .imgbox.sj{display: block;}
.HomeBan .item .imgbox.pc{display: none;}
.HomeBan .txt h2{font-size: 18px;}
.HomeBan .slick-arrow{display: none !important;}
}
@media(max-width:768px){
	.HomeBan .slick-dots li{width: 12px;height: 12px;margin:0 4px;}
	.HomeBan .txt .desc{font-size: 12px;line-height: 18px;}
	.HomeBan .slick-dots li.slick-active button{width: 12px;height: 12px;}
	.HomeBan .slick-dots{left: auto;right: 0;text-align: right;width: 50%;}
}

.HomeNum{box-shadow: 0 15px 100px rgba(0,0,0,0.05);background:#fff;position: relative;z-index: 1;}
.HomeNum ul{margin-left: -3%;}
.HomeNum li{width: 33.333%;float: left;font-size: 14px;color:#888888;position: relative;padding-left: 3%;}
.HomeNum li:after{content: "";position: absolute;right: 0.25rem;top: 50%;transform: translateY(-25%);width: 1px;height: 40px;background:#ededed;}
.HomeNum li:last-child:after{display: none;}
.HomeNum li .cell{height: 1.8rem;}
.HomeNum li .icon{width: 1.05rem;}
.HomeNum li .icon .ico{width: 0.84rem;height: 0.84rem;border: 1px solid #d5deef;border-radius: 50%;transition: all 0.3s;}
.HomeNum li .icon .ico:After{position:absolute;left: 50%;top: 50%;content: "";width: 0;height: 0;border-radius: 50%;background-image: linear-gradient(#004efe, #2845aa);transition: all 0.3s;}
.HomeNum li .icon .ico img{width: 0.47rem;height: 0.47rem;left: 50%;top: 50%;margin:-0.24rem 0 0 -0.24rem;}
.HomeNum li .info span{display:block;font-size:0.18rem;color:#333333;font-family: "harmMedium"}
.HomeNum li .info span i{font-family: "DINMedium";font-size: 0.4rem;margin-right: 4px;}
.HomeNum li:hover .icon .ico{border: 1px solid rgba(0,0,0,0);box-shadow: 0 20px 50px rgba(41,69,168,0.41);}
.HomeNum li:hover .icon .ico:after{width: 100%;height: 100%;left: 0;top: 0;}

.HomeTit{padding:0 0 0.6rem 0;}
.HomeTit .cn{line-height: 0.75rem;color:#000000;font-size: 0.48rem;font-family: "harmbBold";position: relative;}
.HomeTit .cn:after{position: absolute;left: -0.8rem;top: 50%;transform: translateY(-50%);width: 0.3rem;height: 5px;background:#00d1d8;content: "";}
.HomeTit .en{font-size: 0.24rem;font-family: "DINMedium";color:#a0a1a3;text-transform: uppercase;}

.HomePro{background: #fbfcff;}
.HomePro .w1440:after{right: -0.8rem;top: 1.19rem;position: absolute;content: "";background:url(../images/dian.gif);width: 2.15rem;height: 2.15rem;z-index: -1;}
.HomePro .Infotxt{width: 600px;position: absolute;right: 18px;top: 0.44rem;color:#000000;}
.HomePro .slick-list{margin-left: -0.45rem;}
.HomePro .item{margin-left: 0.45rem;background:#f0f1f7;position: relative;}
.HomePro .item .bg{background-position: center center;background-size: cover;left:0;bottom:0;height: 0;width: 100%;position: absolute;transition: all 0.3s;}
.HomePro .item a{display: block;padding:0.65rem 0.5rem 0;height: 5.8rem;position: relative;z-index: 20;}
.HomePro .item .icon{max-width: 1.91rem;margin:0px auto;}
.HomePro .item .ti{margin-top: 0.26rem;line-height: 0.8rem;font-size: 0.28rem;}
.HomePro .item .desc{line-height: 0.25rem;margin-bottom: 0.5rem;}
.HomePro .item:hover .Moredetail{border-bottom: 2px solid #fff;color:#fff;}
.HomePro .item:hover .bg{height: 100%;}
.HomePro .item:hover a{color: #fff;}
.Moredetail{display: inline-block;line-height: 0.4rem;border-bottom: 2px solid #1c3cac;color:#1c3cac;}
.Moredetail i{margin-right: -7px;font-size: 22px;}

.HomeSearch{background:url(../images/searchbg.jpg) center center no-repeat;background-size:cover;padding:0.8rem 0;}
.HomeSearch .box{max-width: 10rem;margin:0px auto;border:2px solid rgba(255,255,255,0.5);border-radius: 0.5rem;height: 0.9rem;padding:0 1.65rem 0 1.6rem;position: relative;line-height: 0.86rem;}
.HomeSearch .box:hover{border:2px solid #fff;}
.HomeSearch .btn{position: absolute;right: 0.15rem;top: 0.13rem;width: 1.4rem;height: 0.6rem;color:#fff;font-size: 0.2rem;background:#00d1d8;border-radius: 0.5rem;}
.HomeSearch .ti{position: absolute;left: 0.36rem;top: 2px;font-size: 0.2rem;padding-right: 0.21rem;font-family: "harmMedium";color:#fff}
.HomeSearch .ti:after{position: absolute;width: 1px;height: 16px;background:rgba(255,255,255,0.2);top: 50%;transform: translateY(-50%);content: "";right: 0;}
.HomeSearch input{width: 100%;height: 0.86rem;line-height:0.86rem;color:#fff;}
.HomeSearch input::-webkit-input-placeholder{opacity: 0.6;color:#fff;}

.HomeAbout{background:url(../images/aboutbg.jpg) center center no-repeat;background-size:cover;background-attachment:fixed;margin-bottom: 1.2rem;padding:1rem 0 3.25rem 0;position: relative;}
.HomeAbout .Infotxt{max-width: 6.49rem;color:#000000;min-height: 1.4rem;margin-bottom: 0.19rem;}
.HomeAbout ul{position: absolute;right: 0;bottom: -1.35rem;width: 100%;text-align: right;font-size: 0;}
.HomeAbout li{display: inline-block;width: 25%;position: relative;overflow: hidden;box-shadow: 0 20px 50px rgba(0,0,0,0.05);}
.HomeAbout li a{height: 3.8rem;position: relative;z-index: 1;}
.HomeAbout li .cell{vertical-align: top;padding-top: 0.74rem;}
.HomeAbout li .icon{width: 51%;text-align: center;}
.HomeAbout li .icon img{width: 1.25rem;height: 1.25rem;}
.HomeAbout li .info{text-align: left;color:#fff;padding-right: 0.3rem;font-size: 0.16rem;}
.HomeAbout li .ti{line-height: 0.37rem;margin-bottom: 0.28rem;font-size: 0.28rem;}
.HomeAbout li .desc{min-height: 1.2rem;}
.HomeAbout li:after{content: "";left: 0;bottom: 0;width: 2.72rem;height: 2.87rem;position: absolute;background-size: contain;transition: all 0.3s;}
.HomeAbout li.li1{background:#2945a8;}
.HomeAbout li.li1:after{background:url(../images/ico_aboutbg1.png);}
.HomeAbout li.li1 .Moredetail,.HomeAbout li.li3 .Moredetail{color:#fff;border-bottom: 2px solid #fff;}
.HomeAbout li.li2{background:#fff;}
.HomeAbout li.li2:after{background:url(../images/ico_aboutbg2.png);}
.HomeAbout li.li2 .info{color:#333333;}
.HomeAbout li.li3{background:#00d1d8;}
.HomeAbout li.li3:after{background:url(../images/ico_aboutbg3.png);}
.HomeAbout li:hover:after{bottom: -0.35rem;}

.HomeNews .TabNav{position: absolute;top: 0.42rem;right: 0;}
.HomeNews .TabNav li{display: inline-block;margin-left: 0.16rem;width: 1.7rem;line-height: 0.46rem;border:2px solid #333333;border-radius: 0.5rem;font-size: 0.2rem;text-align: center;cursor: pointer;}
.HomeNews .TabNav li.on{background:#2944a6;border:2px solid #2944a6;}
.HomeNews .TabNav li.on a{color:#fff;}

.HomeNews .btnam{margin:0.6rem auto 0;}
.HomeNews .Top{width: 33.4%;float: left;line-height: 24px;}
.HomeNews .Top .imgbox{padding-top: 2.6rem;margin-bottom: 0.4rem;}
.HomeNews .Top .ti{margin:0.24rem 0 0.17rem;line-height: 0.32rem;font-size: 0.2rem;max-width: 4.14rem;}
.HomeNews .Top .desc{max-width: 4.42rem;font-size: 14px;color:#666666;margin-bottom: 0.38rem;}
.HomeNews .date{color: #999999;font-size: 16px;}
.HomeNews .date i{margin-left: 0.15rem;font-size: 20px;transition: all 0.3s;}

.HomeNews a:hover .date i{margin-left: 0.25rem;color:#2944a6;}

.HomeNews .tag{width: 70px;line-height: 25px;text-align: center;color:#fff;font-size: 14px;background:#2944a6;transition: all 0.3s;}
.HomeNews .List{width: 65%;float: left;padding-left: 1.6rem;position: relative;min-height: 5.4rem;}
.HomeNews .List:After{position: absolute;left: 0;top: 0;content: "";width: 1px;height: 100%;left: 0.81rem;background:#f2f2f2;}
.HomeNews .List li:last-child{margin-bottom: 0;}
.HomeNews .List li{border-bottom: 1px solid #f2f2f2;padding:0 1.88rem 0.42rem 0;position: relative;margin-bottom: 0.48rem;}
.HomeNews .List li:after{width: 0;bottom: 0;left: 0;height: 1px;content: "";background:#00d1d8;position: absolute;transition: all 0.3s;}
.HomeNews .List .tit{margin:0.14rem 0 0.06rem;font-family: "harmMedium";font-size: 0.2rem;}
.HomeNews .List .desc{color:#666666;font-size: 14px;}
.HomeNews .List .date{position: absolute;right: 0;top: 0.6rem;}
.HomeNews .List li:hover:after{width: 100%;}
.HomeNews .List li:hover .tag,.HomeNews .Top:hover .tag{background:#00d1d8;}

@media(max-width:1500px){
	.HomeTit .cn:after{left: -0.4rem;}
	.HomePro .w1440:after{right: 0;}
}
@media(max-width:1024px){
	.HomeTit{padding-bottom: 20px;}
	.HomeTit .cn:after{left: 0;top: 0.7rem;}
	.HomePro .Infotxt{position: static;margin-bottom: 20px;width: auto;}

	.HomeSearch{padding-left: 15px;padding-right: 15px;}

	.HomeAbout{padding-top: 25px;padding-bottom: 0;margin-bottom: 0;}
	.HomeAbout ul{position: static;margin-top: 25px;}
	.HomeAbout li .icon{width: 30%;}
	.HomeAbout li .icon img{width: 0.6rem;height: 0.6rem;}
	.HomeAbout li{width: 33.333%;}
	.HomeAbout li .info{font-size: 14px;}

	.HomePro .slick-list{margin-left: -0.25rem;}
	.HomePro .item{margin-left: 0.25rem;}
}
@media(max-width:768px){
	.HomeNum li .info span i{font-size: 24px;}
	.HomeTit .cn{font-size: 18px;}
	.HomeTit .en{font-size: 15px;}

	.HomePro .item .desc{line-height: 24px;}
	.HomePro .item .ti{font-size: 16px;}

	.HomeNews .Top{width: auto;float: none;}
	.HomeNews .List{width: auto;float: none;padding-left: 0;padding-top: 20px;margin-top: 10px;}
	.HomeNews .Top .ti,.HomeNews .Top .desc{max-width: none;}
	.HomeNews .Top .imgbox{padding-top: 60%;}
	.HomeNews .List:After{width: 100%;height: 1px;margin-top: 0;left: 0;}
}
@media(max-width:640px){
	.HomeNum{padding:20px 0;}
	.HomeNum li{width: auto;float: none;}
	.HomeNum li .cell{height: auto;padding:10px 0;}
	.HomeNum li:after{display: none;}
	.HomeNum li .icon{width: 70px;}
	.HomeNum li .icon .ico img{width: 30px;height: 30px;margin:-15px 0 0 -15px;}
	.HomeNum li .icon .ico{width: 50px;height: 50px;}

	.HomePro .item a{height: auto;padding:25px;}
	.HomePro .item .desc{margin-bottom: 10px;}

	.HomeAbout li{width: auto;display: block;}
	.HomeAbout li a{height: auto;}
	.HomeAbout li .cell{padding:20px 0;}
	.HomeAbout li .icon img{width: 38px;height: 38px;}
	.HomeAbout li .desc{min-height: auto;margin-bottom: 15px;}
	.HomeAbout li .ti{font-size: 16px;}

	.HomeNews .TabNav li{width: 76px;line-height: 24px;font-size: 14px;}
	.HomeNews .Top .ti,	.HomeNews .List .tit{font-size: 15px;line-height: 24px;}
	.HomeNews .List li{padding-right: 0;}
	.HomeNews .List .date{position: static;margin-top: 8px;}

	.Moredetail{line-height: 24px;font-size: 12px;}
	.Moredetail i{font-size: 18px;}
}

/*首页 end*/






/*栏目页公用样式 s*/
.SubPage{position: relative;background:#fff;z-index: 1;overflow: hidden;}

.SubBan{position: relative;overflow: hidden;}
.SubBan .img img{width: 100%;}
.SubBan .Info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;font-size: 0.18rem;text-align: center;color:#fff;width: 100%;}
.SubBan aside{font-size: 0.46rem;line-height: 0.64rem;}

.SubMenu{border-bottom: 1px solid #efefef;line-height: 1rem;background:#fff;position: relative;z-index: 1;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;margin-right: 0.1rem;float: left;}
.SubMenu li a{ display:block; color:#001027;font-size: 0.2rem;padding:0 0.33rem;position: relative;z-index: 1;}
.SubMenu li:after{content: "";position:absolute;left: 50%;top: 50%;transform: translateY(-50%);width: 0;border-radius: 25px;background:#2844a5;transition: all 0.3s;box-shadow: 0 20px 30px rgba(40,68,165,0.15);height: 0.5rem;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}
.SubMenu li:hover:after,.SubMenu li.onli:after{width: 100%;left: 0;}

.ColName{font-family: "harmMedium"; background:#2844a5; color:#fff;display:none; position:relative; z-index:100; line-height:36px;padding-left: 12px;font-size: 15px;}
.ColName .iconfont{ font-size:20px; position:absolute; width:100%; height:100%; text-align:right; right:10px; top:0;transition: all ease 0.3s;}

.Place{float: right;font-size: 14px;color:#999999;background:url(../images/ico/ico_home.png) 0px center no-repeat;padding-left: 21px;display: none;}
.Place a{color:#999999;}
.Place a:hover,.Place span{color:#2844a5;}

.SinglePage{ color:#333333; word-wrap:break-word;word-break:normal;text-align:justify;line-height: 0.36rem;}
.SinglePage.l30{line-height: 0.3rem;}
.SinglePage video{ width:60%; margin:0px auto;}

@media(max-width:1024px){
	.SubBan .Info{font-size: 14px;}
	.ColName{display: block;}
	/* .SubMenu ul{display: none;} */
	.SubMenu{line-height: 16px;padding-bottom: 10px;}
	.SubMenu ul{padding-top: 15px;float: none;}
	.SubMenu li{width: 33.333%;margin: 0;text-align: center;height: 32px;}
	.SubMenu li a{font-size: 15px;}
	.SubMenu li:after{display: none;}
	.SubMenu li a:hover, .SubMenu li.onli a{color:#2844a5;font-family: "harmMedium"}
	.SinglePage,.SinglePage.l30{line-height: 24px;}
	.SinglePage *{font-size: 14px !important;}
	.SinglePage img{max-width:100% !important;width:100% !important;height:auto !important;}
	.TitleInfo .ti{font-size: 18px;line-height: 30px;}
	.SinglePage video{ width:100%}
}
/*栏目页公用样式 end*/


/*公司简介 s*/
.SubTit{text-align: center;padding-bottom: 0.48rem;}
.SubTit .ti{font-size: 0.4rem;line-height: 0.4rem;}
.SubTit .desc{color:#888888;margin-top: 0.16rem;font-size:0.18rem;}
.SubTit.white {color:#fff;}

.AboutInfo .Info{width: 54%;padding-right: 5%;}
.AboutInfo .Info .ti{line-height: 0.7rem;font-size: 0.46rem;color:#2844a5;font-family: "DINMedium";}
.AboutInfo .Info .slogan{line-height: 0.35rem;font-size: 0.24rem;margin-bottom: 0.35rem;}
.AboutInfo .Img{width: 46%;vertical-align: bottom;}

.AboutYs{background: #f8f9fc;overflow: hidden;}
.AboutYs ul{display: flex;align-items: center;justify-content: center;margin-left: -5px;}
.AboutYs .item {flex: 1;cursor: pointer;transition: all 0.3s;}
.AboutYs .item:nth-child(1) a{border-radius: 0.6rem 0 0 0;}
.AboutYs .item:nth-child(5) a{border-radius: 0 0 0.6rem 0;}
.AboutYs .item a{display: block;height: 4.6rem;text-align: center;color:#fff;position: relative;background-size:cover;background-position: center center;background-repeat: no-repeat;line-height: 0.35rem;overflow: hidden;margin-left: 5px;}
.AboutYs .showti{position: absolute;z-index: 1;top: 50%;width: 100%;transform: translateY(-50%);font-size: 0.22rem;transition: all 0.3s;}
.AboutYs .showti img{display: block;width: 0.73rem;margin:0px auto 0.23rem;}
.AboutYs .hideti{padding:0.94rem 0.4rem 0 1rem;position: absolute;width: 100%;left: 100%;top: 0;height: 100%;opacity: 0;visibility: hidden;color:#333333;text-align: left;z-index: 2;transition: all 0.3s;}
.AboutYs .hideti:after{position: absolute;left: 0.4rem;top: 0.5rem;width: 0.99rem;height: 0.82rem;content: "";background:url(../images/kh.png);background-size:contain;}
.AboutYs .hideti aside{font-size: 0.3rem;margin-bottom: 0.36rem;color:#000000;position: relative;z-index: 1;}

.AboutYs .item.on{flex: 2;}
.AboutYs .item.on a{background:#fff url(../images/ysbg.gif) right bottom no-repeat !important;}
.AboutYs .item.on .showti{opacity: 0;visibility: hidden;left: -100%;}
.AboutYs .item.on .hideti{opacity: 1;visibility: visible;left: 0;}

.AboutCus{position: relative;height: 5rem; background-size: cover;background-position: center center; overflow: hidden;}
.AboutCus .img img{width: 100%;}
.AboutCus .Info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color:#fff;font-size: 0.18rem;text-align: center;width: 100%;}
.AboutCus .ti{font-size: 0.4rem;line-height: 0.84rem;}
.AboutCus .ti span{color:#5adadd;font-family: "DINMedium";}

.AboutYw{overflow: hidden;}
.AboutYw .Infotxt{width: 600px;position: absolute;right: 18px;top: 0.44rem;color:#000000;}
.AboutYw ul{margin-left: -3%;}
.AboutYw .item{margin-left: 3%;background:#f0f1f7;position: relative;width: 30.333%;float: left;}
.AboutYw .item .bg{background-position: center center;background-size: cover;left:0;bottom:0;height: 0;width: 100%;position: absolute;transition: all 0.3s;}
.AboutYw .item a{display: block;padding:0.65rem 0.5rem;position: relative;z-index: 20;text-align: center;}
.AboutYw .item .icon{max-width: 1.91rem;margin:0px auto;}
.AboutYw .item .ti{margin-top: 0.26rem;line-height: 0.8rem;font-size: 0.28rem;}
.AboutYw .item:hover .Moredetail{border-bottom: 2px solid #fff;color:#fff;}
.AboutYw .item:hover .bg{height: 100%;}
.AboutYw .item:hover a{color: #fff;}

.AboutRy{background:url(../images/rybg.jpg) center center no-repeat;background-size: cover; overflow: hidden;}
.AboutRy .slick-list{margin-left: -0.35rem;}
.AboutRy .item{margin-left: 0.35rem;text-align: center;}
.AboutRy .imgbox{padding-top: 3.4rem;margin-bottom: 0.24rem;background:#fff;}
.AboutRy .imgbox span{width: 80%;height: 80%;left: 10%;top: 10%;background-size: contain;}
.AboutRy .item a{color: #fff;}
.AboutRy .slick-arrow{ border:1px solid rgba(255,255,255,0.1);background-color:transparent;}
.AboutRy .slick-arrow:hover{ background-color:#34a2b1;}

@media(max-width:1024px){
	.AboutInfo .cell{display: block;width: auto !important;}
	.AboutInfo .Info{padding-bottom: 15px;padding-right: 0;}
	.AboutYs .hideti{padding:0.5rem 0.2rem 0 0.2rem;}
	.AboutYs ul{flex-wrap: wrap;}
	.AboutYs .item{width: 33.333%;flex: auto;margin-bottom: 5px;}
	.AboutYs .showti{display: none;}
	.AboutYs .hideti{opacity: 1;visibility: visible;left: 0;color:#fff;}
	.AboutYs .hideti aside{color:#fff;}
	.AboutRy .slick-arrow{background-color:#2844a5;}
}
@media(max-width:640px){
	.SubTit .desc{font-size: 14px;}
	.AboutInfo .Info .ti{font-size: 18px;}
	.AboutInfo .Info .slogan{font-size: 16px;line-height: 24px;}
	.AboutYs .item{width: 50%;}
	.AboutYs .hideti aside{font-size: 15px;}
	.AboutYs .item a{line-height: 20px;font-size: 12px;}

	.AboutCus .Info{font-size: 14px;}

	.AboutYw .item a{padding:0.4rem 0.2rem 0.4rem;}
	.AboutYw .item .ti{font-size: 15px;}
	.AboutYw .item .icon{max-width: 50%;}
	.AboutYs .hideti .desc{line-height: 18px;max-height:126px;overflow: auto;z-index:99;}
	.AboutYs .hideti .desc::-webkit-scrollbar{
		width: 3px; height:3px;-webkit-overflow-scrolling : touch;
		background-color: rgba(255,255,255,0.4);z-index:999;}
		.AboutYs .hideti .desc::-webkit-scrollbar-track{
		background-color: rgba(255,255,255,0.4);z-index:999;}
		.AboutYs .hideti .desc::-webkit-scrollbar-thumb{
		border-radius: 10px;
		background-color: #fff;z-index:999;}
		.AboutYs .hideti .desc::-webkit-scrollbar-button{
		height: 0px;
		background-color: rgba(255,255,255,0.4);z-index:999;}
	.AboutYs .item:nth-child(1) a{border-radius:0;}
}

/*企业文化 s*/
.CultureBox{margin-left:-0.4rem;}
.CultureBox .item{width: 50%;float: left;padding:0 0 0.4rem 0.4rem}
.CultureBox .imgbox{padding-top: 3rem;border-radius: 0.2rem 0.2rem 0 0;}
.CultureBox .info{background:#fff;border-radius:  0 0 0.2rem 0.2rem;padding:0.19rem 0.8rem 0.11rem;text-align: center;box-shadow: 0 40px 80px rgba(0,0,0,0.04);}
.CultureBox .ti{line-height: 0.73rem;color:#2844a5;font-size: 0.3rem;margin-bottom: 0.22rem;position: relative;}
.CultureBox .ti:after{position: absolute;left: 50%;bottom: 0;width: 25px;height:1px;margin-left: -12px;content: "";background:#2844a5;}
.CultureBox .desc{line-height: 0.25rem;min-height: 0.75rem;}

.CultureLog{background:#f8f8fb;border-radius: 0.25rem;padding:0.6rem;}
.CultureLog .logo{width: 4.2rem;height: 4.2rem;text-align: center;background:#fff;border-radius: 0.25rem;}
.CultureLog .logo img{width: 2.02rem;}
.CultureLog .info{padding-left: 0.99rem;}
.CultureLog .info aside{color:#2844a5;font-size: 0.3rem;color:#2844a5;margin-bottom: 0.3rem;position: relative;}
.CultureLog .info aside:After{position: absolute;content: "";left: -1.4rem;top: 0.15rem;width: 1rem;height: 1px;background:#2844a5;}

@media(min-width:767px){
	.CultureBox .item:nth-child(2n+1){clear: both;}
}
@media(max-width:640px){
	.CultureBox .item{width: auto;float: none;}
	.CultureBox .ti{font-size: 16px;line-height: 30px;}
	.CultureBox .desc{line-height: 24px;}
	.CultureBox .info{padding:0.4rem;}
 .CultureLog .cell{display: block;width: auto !important;}
	.CultureLog .logo {height: auto;padding:15px;}
	.CultureLog .info {padding:15px 0 0 0;}
	.CultureLog .info aside{font-size: 16px;}
	.CultureLog .info aside:After {display: none;}
}

/*新闻中心 s*/
.NewsList{margin:0 0 0 -0.45rem;}
.NewsList .item{width: 33.333%;padding:0 0 0.45rem 0.45rem;float: left;line-height: 24px;font-size: 14px;}
.NewsList .imgbox{padding-top: 60%;}
.NewsList .ti{line-height: 0.32rem;margin: 0.22rem 0 7px;min-height: 0.64rem;font-size: 0.2rem;font-family: "harmMedium"}
.NewsList .desc{height: 48px;color: #666666;}
.NewsList .date{color: #666666;margin-top: 0.25rem;padding-top: 0.23rem;border-top: 1px solid #f0f0f0;position: relative;}
.NewsList .date:after{width: 0;height: 1px;background:#5adadd;content: "";position: absolute;transition: all 0.3s;top: -1px;left: 0;}
.NewsList .date time{font-size: 16px;color:#999999;}
.NewsList .date .detail{position: absolute;right: 0;top: 0.23rem;}
.NewsList .item:hover .date:after{width: 100%;}

.TitleInfo{margin-bottom: 0.4rem;clear: both;}
.TitleInfo .ti{padding: 0.35rem 0 0.15rem;color:#06071a;font-size: 0.48rem;line-height: 1.3;}
.TitleInfo .date{color:#0049b6;font-family: "DIN";}
.TitleInfo .other{border-bottom: 1px solid #e5e5e5;padding-bottom: 0.37rem;}
.TitleInfo .other span{display: inline-block;margin-right: 1.08rem;color:#06071a;font-size: 0.2rem;}
.TitleInfo .other span:last-child{margin-right: 0;}
.TitleInfo .other span i{color:#777777;font-size: 0.18rem;}
.TitleInfo .other span img{display: inline-block;vertical-align: middle;margin-right: 0.14rem;}

.PrevNextBox {border-top: 1px solid #e5e7e9;margin-top: 0.65rem;padding: 0.23rem 140px 0.14rem 0;position: relative;font-size: 0.18rem;}
.PrevNextBox dl{padding:0 0 0 140px;position: relative;line-height: 0.36rem;min-height: 0.36rem;margin-top: 0.28rem;}
.PrevNextBox dl dt{position: absolute;left: 0;top: 0;color:#06071a;}
.PrevNextBox dl dt i{display: inline-block;width: 36px;height: 36px;vertical-align: middle;background-color:#e5e9f2;background-position:center center;background-repeat:no-repeat;margin-right: 0.15rem;border-radius: 50%;}
.PrevNextBox dl dd a{color:#777777;}.PrevNextBox dl dd a:hover{color:#0049b6;}
.PrevNextBox dl:hover dt i{background-color:#0049b6;}
.PrevNextBox dl.prev dt i{background-image: url(../images/ico/arrtop.png);}
.PrevNextBox dl.prev:hover dt i{background-image: url(../images/ico/arrtop01.png);}
.PrevNextBox dl.next dt i{background-image: url(../images/ico/arrbottom.png);}
.PrevNextBox dl.next:hover dt i{background-image: url(../images/ico/arrbottom01.png);}

.PrevNextBox .back{position:absolute;right:0;top:0.63rem;width: 104px;line-height: 42px;color:#fff;font-size: 14px;border-radius: 20px;background:#2944a6;text-align: center;}
.PrevNextBox .back img{display: inline-block;vertical-align: middle;margin-right: 7px;transition: all 0.3s;}
.PrevNextBox .back:hover{background:#0049b6;}
.PrevNextBox .back:hover img{transform: rotate(-40deg);}

@media(max-width:768px){
  .NewsList .item{width: 50%;}

		.PrevNextBox{padding:0px 0 0 0;font-size: 14px;margin-top: 70px;}
		.PrevNextBox dl{padding-left: 100px;line-height: 24px;margin-top: 15px;}
		.PrevNextBox .back{top: -40px;line-height: 30px;width: 80px;}
		.TitleInfo .other span{display: block;margin: 0 0 5px 0;font-size: 14px;}
		.TitleInfo .other span i{font-size: 14px;}
		.TitleInfo .ti{font-size: 20px;line-height: 30px;}
}
@media(max-width:640px){
	.NewsList .item{width: auto;float: none;}
	.NewsList .ti{font-size: 15px;line-height: 24px;}
}

/*加入我们 s*/
.DepartMent{margin: 0 0 0.25rem -0.27rem;}
.DepartMent li{width: 25%;float: left;}
.DepartMent li a{display: block;margin-left: 0.27rem;border-radius: 0.25rem;height: 2.97rem;color:#fff;position: relative;padding:0.4rem;background-size: cover;background-position: center center;}
.DepartMent li aside{font-size: 0.2rem;}
.DepartMent li .num{font-size: 0.3rem;display: block;line-height: 0.4rem;}
.DepartMent li .more{position: absolute;right: 0.4rem;bottom: 0.4rem;padding:0 3px;line-height: 35px;border-bottom: 2px solid #fff;}
.DepartMent li.li1 a{background-image: url(../images/hrbg1.jpg);}
.DepartMent li.li2 a{background-image: url(../images/hrbg2.jpg);}
.DepartMent li.li3 a{background-image: url(../images/hrbg3.jpg);}
.DepartMent li.li4 a{background-image: url(../images/hrbg4.jpg);}

.HrPhoto{overflow: hidden;margin-bottom: 1rem;padding-bottom: 0.64rem;}
.HrPhoto .slick-list{margin:0 -4.5rem;}
.HrPhoto .item{margin:0 0.2rem;width: 8.6rem;}
.HrPhoto .imgbox{padding-top: 5.2rem;border-radius: 0.25rem;}
.HrPhoto:hover .slick-prev{left: 4%;}
.HrPhoto:hover .slick-next{right: 4%;}
.HrPhoto .slick-dots{bottom: -0.64rem;line-height: 18px;}
.HrPhoto.w3,.HrPhoto.w2,.HrPhoto.w1 {padding:0 2%;}
.HrPhoto.w3 .slick-listm,.HrPhoto.w2 .slick-list,.HrPhoto.w1 .slick-list{margin: 0 0 0 -2%;}
.HrPhoto.w3 .item{width: 33.33%;padding-left: 2%;float: left;}
.HrPhoto.w2 .slick-track,.HrPhoto.w1 .slick-track{width: auto !important;}
.HrPhoto.w2 .item{width: 50% !important;padding-left: 2%;margin:0;float: left;}
.HrPhoto.w1 .item{width: 100% !important;padding-left: 2%;margin:0;float: left;}

.HrSearch {max-width: 10rem;margin:0px auto 0.49rem;border:2px solid #2844a5;border-radius: 10px;height: 0.75rem;padding:0 1.82rem 0 0.37rem;position: relative;line-height: 0.71rem;}
.HrSearch:hover{border:2px solid #5adadd;}
.HrSearch .btn{position: absolute;right: -2px;top: -2px;width: 1.7rem;height: 0.75rem;color:#fff;font-size: 0.2rem;background:#2844a5;border-radius: 10px;}
.HrSearch .ti{position: absolute;left: 0.36rem;top: 2px;font-size: 0.2rem;padding-right: 0.21rem;font-family: "harmMedium";color:#fff}
.HrSearch .ti:after{position: absolute;width: 1px;height: 16px;background:rgba(255,255,255,0.2);top: 50%;transform: translateY(-50%);content: "";right: 0;}
.HrSearch input{width: 100%;height: 0.71rem;line-height:0.71rem;color:#333333;font-size: 0.2rem;}
.HrSearch input::-webkit-input-placeholder{color:#333333;}

.HrList{margin-left: -0.27rem;}
.HrList li{width: 25%;float: left;padding:0 0 0.27rem 0.27rem;}
.HrList li a{display: block;border-radius: 12px;border:1px solid #f2f2f2;padding:0.35rem 0.3rem 0.31rem 0.3rem;position: relative;}
.HrList li a:after{border-radius: 12px;border:1px solid #5adadd;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";opacity: 0;}
.HrList li .tit{font-size: 0.2rem;}
.HrList li .other{margin-top: 9px;height: 61px;line-height: 30px;color:#c0bfbf;font-size: 14px;}
.HrList li .other span{display: inline-block;padding-right: 23px;position: relative;}
.HrList li .other span:After{position: absolute;right: 11px;top: 9px;width: 1px;height: 10px;background:#d3d3d3;content: "";}
.HrList li .other span:last-child{padding-right: 0;}
.HrList li .other span:last-child:After{display: none;}
.HrList li .other img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.HrList li .more{color:#1c3cac;}
.HrList li:hover a{border:1px solid #5adadd;box-shadow: 0 20px 60px rgba(90,218,221,0.2);}
.HrList li:hover .more{color:#5adadd;}
.HrList li:hover a:after{opacity: 1;}

.HrInfo{border:1px solid #d4daed;background:#fff;box-shadow: 0 50px 120px rgba(40,68,165,0.08);padding:0.65rem 1rem 1rem;color:#666666;}
.HrInfo .title{font-size: 0.3rem;line-height: 0.42rem;}
.HrInfo .itemtit{padding-top: 0.4rem;line-height: 0.47rem;border-bottom: 1px solid #f4f4f4;color:#2844a5;font-size: 0.2rem;}
.HrInfo .BInfo {padding:0.28rem 0 0 0;}
.HrInfo .BInfo .dd{width: 33.333%;margin-bottom: 0.19rem;float: left;}
.HrInfo .BInfo .dd:last-child{width: auto;float: none;clear: both;}
.HrInfo .BInfo.l40{line-height: 0.4rem;}
.HrInfo .sednbtn{border-radius: 0.38rem;border:1px solid #2844a5;color:#2844a5 !important;font-size: 0.2rem;width: 2.8rem;line-height: 0.72rem;display: block;text-align: center;margin-top: 0.6rem;background:#fff;}
.HrInfo .sednbtn img{display: inline-block;vertical-align: middle;margin-right: 0.11rem;width: 0.26rem;}

.JobForm{ color:#666666; margin:0px 0px 0px -2%;}
.JobForm dl{ width:50%; float:left; padding-left:120px; line-height:28px; position: relative;margin-bottom: 15px;min-height: 30px;line-height: 30px;}
.JobForm dl dt{position: absolute;left:0;top:0; text-align:right;width:110px;}
.JobForm dl.other{ width:100%; float:none;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#333; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#999;}

@media(max-width:1024px){
	.HrList li{width: 33.333%;}
	.HrInfo .BInfo .dd{width: 50%;}
}

@media(max-width:640px){
	.DepartMent li{width: 50%;margin-bottom: 0.27rem;}
	.DepartMent li aside{font-size: 15px;}
	.DepartMent li .num{font-size: 20px;line-height: 30px;}
	.HrPhoto .imgbox {padding-top: 4rem;}
	.HrList li{width: auto;float: none;}
	.HrSearch .btn {width: 2rem;font-size: 14px;}
	.HrSearch .iconfont {font-size: 16px;}
	.HrSearch input{font-size: 14px;}
	.HrList li .tit{font-size: 15px;}
	.HrInfo{padding:20px}
	.HrInfo .BInfo .dd{width: auto;float: none;}
	.HrInfo .title{font-size: 16px;}
	.HrInfo .itemtit{font-size: 15px;line-height: 28px;}
	.HrInfo .BInfo.l40{line-height: 24px;}
	.HrInfo .sednbtn{font-size: 14px;}

	.JobForm dl{ width:auto; float:none;padding-left: 90px;}
	.JobForm dl dt{ width: 90px;}
 .sendbtn{ width:92px; height:35px;}
 .resetbtn{ width:92px; height:35px;}
}


/*客户心声 s*/
.Customer{margin-left: -0.3rem;}
.Customer li{width: 33.333%;float: left;padding:0 0 0.3rem 0.3rem;}
.Customer .imgbox{padding-top: 68%;border-radius: 0.2rem 0.2rem 0 0;}
.Customer .imgbox .play{display: block;width: 0.68rem;height: 0.68rem;background: url(../images/ico/play.png) no-repeat center;background-size:contain;position: absolute;top: 50%;left: 50%;
	margin: -0.34rem 0px 0px -0.34rem;-webkit-transform: scale(2);transform: scale(2);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all ease-out 250ms;transition: all ease-out 250ms;	opacity: 0;z-index: 2;}
	.Customer .imgbox:After{width: 100%;height: 100%;z-index: 1;left: 0;top: 0;border-radius: 0.2rem 0.2rem 0 0;background:rgba(0,0,0,0.5);content: "";position: absolute;opacity: 0;transition: all 0.3s;}
.Customer .info{border:1px solid #ebebeb; border-top: 0;border-radius: 0 0 0.2rem 0.2rem;padding:0.1rem 0.28rem 0.12rem;}
.Customer .ti{border-bottom: 1px solid #f2f2f2;line-height: 0.59rem;font-size: 0.2rem;margin-bottom: 0.15rem;transition: all 0.3s;position: relative;}
.Customer .ti:After{left: 0;bottom: 0;width: 0;transition: all 0.3s;background:#5adadd;height: 1px;bottom: -1px;content: "";position: absolute;}
.Customer .desc{line-height: 0.25rem;height: 1rem;overflow: hidden;color:#333;}
.Customer li:hover .imgbox:After{opacity: 1;}
.Customer li:hover .play{	opacity: 1;	filter: alpha(opacity=100);	-webkit-transform: scale(1);	transform: scale(1);}
.Customer li:hover .ti:After{width: 100%;}

.PopBox{width: 14.4rem;margin:0.5rem auto;background:#fff;height: calc(100% - 1rem);position: fixed;top:0;left:50%;margin-left:-7.2rem;transition: all 0.3s;}
.PopBox .load-info{position: absolute;padding:0.5rem;width: 100%;height: 100%;overflow-y: auto;}
.PopBox .mfp-close{font-size: 0.6rem !important;position: fixed;right:-0.2rem;top: -0.2rem;border-radius: 50%;background:#666;color:#fff;opacity: 1;}
.PopBox .title{font-size: 0.3rem;border-bottom:1px solid #d4daed;margin-bottom: 0.3rem;padding-bottom: 0.2rem;text-align: center;color:#333;}

@media(max-width:1024px){
	.PopBox {width: 94%;left: 3%;margin-left: 0;}
}
@media(max-width:768px){
	.Customer li{width: 50%;}
}
@media(max-width:640px){
	.Customer li{width: auto;float: none;}
	.Customer .info{padding:15px;}
	.Customer .ti{font-size: 15px;line-height: 30px;}
	.Customer .desc{line-height: 24px;height: auto;}

	.PopBox .title{font-size: 18px;line-height: 30px;}
}

/*联系我们 s*/
.ContactList .item{margin-bottom: 0.64rem;background:#f8f8fb;border-radius: 0.65rem 0 0.65rem 0;}
.ContactList .item:last-child{margin-bottom: 0;}
.ContactList .info {padding:0.32rem 0.6rem 0.2rem;vertical-align: top;}
.ContactList .ti {line-height: 0.86rem;font-size: 0.3rem;font-weight: bold;position: relative;padding-left: 16px;border-bottom: 1px solid #333333;}
.ContactList .ti:after {position: absolute;left: 0;width: 0.05rem;height: 0.27rem;background:#3b73c8;top: 50%;transform: translateY(-50%);content: "";}
.ContactList .ti:before {position: absolute;left: 0;content: "";bottom: -1px;height: 1px;width: 0;transition: all 0.3s;background:#3b73c8;}
.ContactList dl {border-bottom: 1px solid #e8e8e8;}
.ContactList dl .cell {height: 0.88rem;line-height: 25px;}
.ContactList dl .tel {font-size: 0.2rem;font-family: "DINMedium";}
.ContactList dl dt {vertical-align: top;padding-left: 0.1rem;width: 0.97rem;}
.ContactList .imgbox {width: 59.5%;}
.ContactList .imgbox img{border-radius: 0 0 0.65rem 0;display: block;}
.ContactList .info:hover .ti:before{width: 100%;}

@media(max-width:1024px){
	.ContactList .info{padding:0.25rem;}
}
@media(max-width:768px){
	.ContactList .info,.ContactList .imgbox{display: block;width: auto !important;}
	.ContactList dl .cell{height: auto;min-height: 80px;padding:12px 0;}
	.ContactList dl dt{width: 60px;}
	.ContactList dl .tel{font-size: 16px;}
	.ContactList .ti{font-size: 18px;}
	.ContactList .ti:after {width: 3px;height: 20px;}
}


/* 一站式订购 */
.OrderForm{margin:0 0 0 -0.2rem;}
.OrderForm .item{padding: 0 0 0.2rem 0.2rem;clear: both;position: relative;}
.OrderForm .item.w50{width: 50%;float: left;clear: none;}
.OrderForm .inputbox{min-height: 0.8rem;border:1px solid #dad7d7;border-radius: 0.1rem;padding: 0 0.2rem 0 0.31rem;position: relative;}
.OrderForm .inputbox:hover{border:1px solid #bbb;}
.OrderForm input{height: 0.78rem;line-height: 0.78rem;width: 100%;}
.OrderForm textarea{height: 2.9rem;line-height: 0.7rem;width: 100%;}
.OrderForm label{position: absolute;left: 0.2rem;top: 0.25rem;line-height:0.3rem;font-size: 0.18rem;width: calc(100% - 0.4rem);}
.OrderForm .btn{padding-top: 0.5rem;}
.sendbtns{color:#fff;font-size: 0.2rem;width: 4rem;height: 0.9rem;line-height: 0.9rem;border-radius: 0.5rem;box-shadow: 0 10px 20px rgba(40,68,165,0.15);background:#2844a5;display: block;margin:0px auto;}
.sendbtns img{display: inline-block;vertical-align: middle;}
input[type="text"]::placeholder{color: #333333;}
.SubTit2{padding-bottom: 0.3rem;margin-top: 0.45rem;position: relative;}
.SubTit2:first-child{margin-top: 0rem;}
.SubTit2 .ti{font-size: 0.3rem;padding-left: 0.17rem;line-height: 0.4rem;position: relative;}
.SubTit2 .ti:after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.06rem;height: 0.3rem;background:#2844a5;border-radius: 4px;content: "";}

.OrderWay{background:#f6f7f9;padding:0.5rem;}
.OrderWay .item{margin-bottom: 0.3rem;padding-left: 1.36rem;position: relative;overflow-wrap: anywhere;}
.OrderWay .item dt{position: absolute;left: 0;top: 0;font-size: 0.18rem;font-family: "harmMedium"}
.OrderWay .item dt span{display: inline-block;vertical-align: middle;text-align: center;color:#fff;background:#2844a5;border-radius: 50%;width: 30px;line-height:30px;margin-right: 0.1rem;}
.OrderWay .item:last-child{margin-bottom: 0;}

.OderAdd{background:#f8f8fb;padding:0.24rem;font-size: 0.18rem;color:#888888;}
.OderAdd b{font-weight:bold;color:#333;}
.OderAdd dd{float: left;padding-right: 1rem;}
.OderAdd dd:last-child{padding-right: 0;}

.OrderTxt{padding:0 0 0 0.17rem;}

.ActiveList{margin-left: -4%;}
.ActiveList li{width: 47.5%;float: left;margin:0 0 0.58rem 2.5%;background:#f6f7f9;border-radius: 0 0.2rem 0 0.2rem;}
.ActiveList .cell{height: 3rem;}
.ActiveList .img{width: 2.5rem;padding-left: 0.11rem;}
.ActiveList .imgbox{border-radius: 50%;width: 1.83rem;padding-top: 1.83rem;border:1px solid #cfd5e9;margin: 0px auto;}
.ActiveList .imgbox span{border-radius: 50%;width: 90%;height: 90%;left: 5%;top: 5%;}
.ActiveList .info{vertical-align: top;padding: 0.5rem 0.34rem 0 0;color:#666666;}
.ActiveList .ti{line-height: 0.44rem;font-size: 0.24rem;color:#2844a5;}
.ActiveList .desc{min-height: 1rem;margin-top: 0.12rem;}
.ActiveList .date{font-size: 0.18rem;}
.ActiveList .date img{display: inline-block;vertical-align: middle;margin-right: 12px;}
.ActiveList .Moredetail{line-height: 0.3rem;border-bottom:none;font-size: 0.16rem;}

@media(max-width:768px){
	.SubTit2 .ti{font-size: 18px;line-height: 30px;}
	.ActiveList li{width: auto;float: none;}
	.ActiveList .info{padding-bottom: 0.5rem;}
	.ActiveList .ti{font-size: 18px;margin-bottom: 8px;}
	.ActiveList .date{font-size: 14px;}
	.ActiveList .Moredetail{line-height: 24px;font-size: 14px;}
}
@media(max-width:640px){
	.OrderForm label{font-size: 14px;line-height: 18px;top: 0.2rem;}

	.OrderWay .item {padding-left: 0;}
	.OrderWay .item dt{position: static;font-size: 16px;margin-bottom: 10px;}

	.OderAdd{font-size: 14px;}
	.OderAdd dd{padding-bottom: 10px;}
	.sendbtns{font-size: 15px;}
}


/* 资源共享 */
.Resoucecss .SubMenu li {margin-right: 0;}
.Resoucecss .SubMenu li a{padding:0 0.2rem;font-size: 0.18rem;}

.ResouceInfo .info{width: 49%;float: left;}
.ResouceInfo .img{width: 47%;float: right;}
.ResouceInfo .img img{border-radius: 0.2rem;}

.ResouceLc{text-align: center;padding:0.7rem;background:#f8f8fb;}

.ResouceSace {position: relative;}
.ResouceSace .item{border-radius: 0.24rem;color:#fff;width: 48.5%;padding:0.4rem 0.4rem 0.3rem;background:#2844a5;float: left;min-height: 3.6rem;}
.ResouceSace .item:nth-child(2){background:#5adadd;float: right;}
.ResouceSace .ti{font-size: 0.24rem;}
.ResouceSace .p{line-height: 20px;position: relative;padding-left: 13px;}
.ResouceSace .p:after{position: absolute;left: 0;top: 5px;border-radius: 50%;background:#fff;width: 5px;height: 5px;content: "";}

.FaqList{margin-left: -0.3rem;}
.FaqList li{width: 33.333%;float: left;padding:0 0 0.3rem 0.3rem;}
.FaqList li a{display: block;line-height: 0.68rem;border-radius: 0.11rem;border: 1px solid #d8ddee;padding:0 0.2rem 0 0.3rem;position: relative;font-size: 0.18rem;color:#666666;}
.FaqList li a i{position: absolute;right: 0;top: 0;transition: all 0.3s;opacity: 0;}
.FaqList li a:after{position: absolute;width: 5px;height: 5px;top: 47%;left: 0.2rem;margin-top:-2px;border-radius: 50%;background:#2844a5;content: "";}
.FaqList li:hover a{background:#2844a5;border:1px solid #2844a5;color:#fff;}
.FaqList li:hover a:after{background:#fff;}
.FaqList li:hover i{right: 10px;opacity: 1;}

.TableCss table{width: 100%;border:1px solid #2844a5; border-left:1px solid #eaeaea!important;}
.TableCss table th{background:#2844a5;color:#fff;text-align: center;font-size: 0.2rem;height: 0.7rem;border-left: 1px solid #3e57ae;font-weight: normal;}
.TableCss table th:first-child{border-left: 0px;}
.TableCss table tr{transition: all 0.3s;}
/*.TableCss table tbody > tr:hover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);box-shadow: 0 15px 38px rgba(0,0,0,0.18);-webkit-transform: translate3d(0, -4px, 0);	transform: translate3d(0, -4px, 0);}
.TableCss table tbody tr tr:hover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0);box-shadow: 0 15px 38px rgba(0,0,0,0);-webkit-transform: translate3d(0, 0 0);	transform: translate3d(0, 0, 0);}
*/.TableCss table td{/*border-left: 1px solid #eaeaea;*/border-bottom: 1px solid #eaeaea;height: 0.8rem;padding:0.2rem 0.2rem;color:#666666; border-right:1px solid #eaeaea; text-align:center;word-break: break-all;}
.TableCss table td a{color:#2844a5;text-decoration:underline;}
.TableCss table td a:hover{color:#2844a5;text-decoration:underline;}
.TableCss .tithead{line-height: 0.8rem;font-size: 0.24rem;color:#fff;padding-left: 0.48rem;background:#2844a5;position: relative;z-index: 1;cursor: pointer;}
.TableCss .tithead:after{width: 0.3rem;height: 0.3rem;right: 0.3rem;top: 0.26rem;position: absolute;content: "";background:url(../images/arrb.png);background-size: contain;transition: all 0.3s;}
.TableCss .tithead.on:after{transform: rotate(-180deg);}
.TableCss .itembox{margin-bottom: 0.5rem;}
.TableCss .itembox .con{display: none;}
.TableCss .itembox:last-child{margin-bottom: 0;}
.TableCss .overflow{overflow-x: auto;}
.TableCss .overflow i{margin-top: -4px;}
.TableCss .uppter{text-transform: uppercase;}
.TableCss .nckt td{height: 0.4rem;padding-top: 5px;padding-bottom: 5px;}
.TableCss .tip{padding-top: 20px;}
.TableCss .tip aside{font-size: 0.2rem;line-height: 0.4rem;color:#2844a5;}
.TableCss .test {border:0px;box-shadow: 0 40px 80px rgba(0,0,0,0.04);}
.TableCss .test th{background:#f0f1f7;color:#666666;border-left:1px solid #e8e9f1;}
.TableCss .test td{border-left:1px solid #f0f1f7;}
.TableCss .test tr:hover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0);box-shadow: 0 15px 38px rgba(0,0,0,0);-webkit-transform: translate3d(0, 0 0);	transform: translate3d(0, 0, 0);}
.TableCss .test tr:nth-child(1) td:nth-child(1){border-left: 0;}
.TableCss .gray th{background:#f0f1f7;color:#666;border-left:1px solid #e8e9f1;}

/* 
.nckt_  td:nth-child(3),.nckt_  td:nth-child(4){
	text-align: left;
} */

.ToolBox{background:#f8f8fb;}
.ToolBox .item{padding: 0 0.15rem;text-align: center;}
.ToolBox .imgbox{border:1px solid #e8e8e8;padding-top: 125%;background:#fff;width: 92.5%;margin:0px auto;}
.ToolBox .imgbox span{width: 90%;height: 92%;left: 5%;top: 4%;}
.ToolBox .ti2{margin:0.24rem 0 0.14rem;}
.ToolBox .btn a{display: inline-block;margin:0 5px;width: 1rem;line-height: 0.36rem;}
.ToolBox .btn a{background:#fff;color:#999999;border-radius: 0.2rem;font-size: 14px;}
.ToolBox .btn a.down{background:#e7ebf9;color:#2844a5;}
.ToolBox .btn a:hover{background:#2844a5;color:#fff;}
.ToolBox .btn i{font-size: 20px;}
.ToolBox .item:hover .imgbox{border:1px solid #2844a5;}
.ToolBox .slick-arrow{top: 35%;}

.CustomerWork{margin-left: -20px;}
.CustomerWork li{width: 50%;float: left;padding:0 0 20px 20px;}
.CustomerWork li a{display: block;padding-left: 1.4rem;position: relative;border:1px solid #d8ddee;line-height: 0.88rem;border-radius: 0.12rem;}
.CustomerWork li .date{position: absolute;left: 0.23rem;top:0;font-size: 0.18rem;color: #2844a5;font-family: "DINMedium";}
.CustomerWork li .date:After{content: "";right: -0.16rem;top: 50%;margin-top:-5px;background:#d8ddee;position: absolute;width: 1px;height: 11px;}
.CustomerWork li:hover a{border:1px solid #2844a5;}

.SubNav{text-align: center;margin-bottom: 0.48rem;}
.SubNav li{display: inline-block;margin:0 0.3rem;line-height: 0.43rem;font-size: 0.2rem;color:#000000;position: relative;}
.SubNav li:after{left: 50%;bottom: 0;height: 4px;border-radius: 4px;background:#5adadd;content: "";position: absolute;transition: all 0.3s;width: 0;}
.SubNav li.on a,.SubNav li:hover a{color:#5adadd;}
.SubNav li.on:after,.SubNav li:hover:after{left: 0;width: 100%;}

.FaqLista .item{margin-bottom: 10px;background:#f8f9fa;padding:0.23rem 1.1rem 0.23rem 0.3rem;}
.FaqLista .qtit{position: relative;display: table;height: 55px;line-height: 25px;font-size: 0.18rem;cursor: pointer;transition: all 0.3s;}
.FaqLista .qtit i{position: absolute;right: -0.7rem;top: 0.16rem;font-size: 30px;color:#cecece;transition: all 0.3s;}
.FaqLista .icon{width: 68px;}
.FaqLista .icon span{width: 55px;display: block;line-height:55px;text-align: center;color:#fff;border-radius: 50%;background:#2844a5;font-size: 0.24rem;font-family: "DINMedium";}
.FaqLista .acon{padding:5px 0 0.3rem 68px;color:#888888;display: none;}
.FaqLista .item.on .icon span{background:#5adadd;}
.FaqLista .item.on .qtit{font-size: 0.2rem;font-family: "harmMedium"}
.FaqLista .item.on .qtit i{color:#5adadd;transform: rotate(-180deg);}

.FaqLista.w2{margin: 0 0 1rem -2.5%;}
.FaqLista.w2 .item{width: 47.5%;margin-left: 2.5%;float: left;position: relative;}
.FaqLista.w2 .item.on{z-index: 10;}
.FaqLista.w2 .acon{position: absolute;width: 100%;left: 0;top: 100%;background:#f9f9fa;z-index: 100;max-height: 100px;overflow-y:auto;padding-right: 20px;}


@media(max-width:768px){
	.TableCss .overflow th{min-width: 110px;}
 .TableCss .overflow th:nth-child(2){min-width: 180px;}
 .TableCss .overflow th:nth-child(3){min-width: 250px;}
	.TableCss .ywhc th:nth-child(2),.TableCss .ywhc th:nth-child(3),.TableCss .ywhc th:nth-child(4),.TableCss .ywhc th:nth-child(5){min-width: 250px;}

	.TableCss .cxfw th:nth-child(1),.TableCss .cxfw th:nth-child(2),.TableCss .cxfw th:nth-child(3),.TableCss .cxfw th:nth-child(4){min-width: 340px;}

	.TableCss{overflow: auto;}
	.TableCss .nckt{width: 200%;}
	.TableCss .nckt_{width: 200%;}
	.TableCss .nckt th{min-width:auto !important;}

	.ResouceInfo .info{width: auto;float: none;padding-bottom: 20px;}
	.ResouceInfo .img{width: auto;float: none;text-align: center;}

	.ResouceSace .item{width: auto;float: none !important;margin-bottom: 15px;min-height: auto;padding:20px;}

	.FaqList li{width: auto;float: none;}
	.FaqList li a{font-size: 14px;padding-left: 18px;}

	.TableCss table th{font-size: 14px;height: 0.9rem;}
	.TableCss table td{padding:0.2rem;}
	.TableCss .tithead{font-size: 16px;}

	.ToolBox .btn a{width: 60px;line-height: 24px;font-size: 12px;}

	.CustomerWork li{width: auto;float: none;padding-bottom: 12px;}
	.CustomerWork li a{padding-left: 90px;}
	.CustomerWork li .date{font-size: 14px;}

	.FaqLista .icon span{width: 40px;line-height: 40px;font-size: 18px;}
	.FaqLista .icon{width: 50px;}
	.FaqLista .qtit{font-size: 14px;}
	.FaqLista .item.on .qtit{font-size: 15px;}
	.FaqLista .qtit i{top: 0.25rem;font-size: 18px;}
	.FaqLista.w2 .item{width: auto;float: none;}
	.FaqLista.w2 .acon{position: static;padding-right: 0;max-height:none;}

	.SubNav li{font-size: 15px;line-height: 30px;margin:0 0.1rem;}
 .TableCss .tip aside{font-size: 16px;line-height: 30px;}
}


/* 产品 */
.OrderInfo{margin-left: -3%;}
.OrderInfo li{width: 30.333%;margin-left: 3%;background: #f0f1f7;color:#1c3cac;border-radius: 0 0.3rem 0 0.3rem;transition: all 0.3s;float: left;}
.OrderInfo .cell{height: 1.8rem;padding-top: 0.2rem;padding-bottom: 0.2rem;}
.OrderInfo .icon{width: 1.98rem;padding-left: 0.1rem;}
.OrderInfo .ico{width: 0.92rem;height: 1.06rem;margin: 0px auto;}
.OrderInfo .info{padding-right: 0.1rem;line-height: 0.25rem;width:60%;}
.OrderInfo li:nth-child(2) .info p{display: inline-block;width:49%;}
.OrderInfo .ti{line-height: 0.5rem;font-size: 0.24rem;color:#000000;}
.OrderInfo a{color:#1c3cac;}
.OrderInfo a:hover{color:#fff;}
.OrderInfo li:hover{background: #1c3cac;color:#fff;}
.OrderInfo li:hover .ti,.OrderInfo li:hover a{color:#fff;}

.ProSearch{position: absolute;right: 0;width: 5rem;height: 0.51rem;border-radius: 0.12rem;border:2px solid #f0f1f7;padding:0 1.25rem 0 0.24rem;top: 0;}
.ProSearch input{width: 100%;height: 0.46rem;}
.ProSearch button{position: absolute;right: -2px;top: 0;height: 100%;width: 1.21rem;color:#666666;background:#f0f1f7;border-radius: 0.12rem;}
.ProSearch:hover{border:2px solid #1c3cac;}
.ProSearch:hover button{background:#1c3cac;color:#fff;}

.ProHdInfo{margin-bottom: 0.6rem;}

.ProDtInfo{box-shadow: 0 20px 60px rgba(0,0,0,0.04);border-radius: 0.2rem;margin-bottom: 0.8rem;overflow: hidden;}
.ProDtInfo .info{padding:0.4rem 0.7rem 0.2rem 0.5rem;vertical-align: top;font-size: 0.18rem;line-height: 0.36rem;}
.ProDtInfo .img{width: 41%;}
.ProDtInfo .num{padding-top: 0.5rem;font-size:0;}
.ProDtInfo .num li{width: 33.333%;display:inline-block;font-size: 0.16rem;}
.ProDtInfo .num li span{display: block;line-height: 0.49rem;color:#2844a5;font-size: 0.36rem;}
.ProDtInfo.nckt .info{padding:0.2rem 0.1rem 0.2rem 0.35rem;line-height: 0.3rem;}

.ProDtNav{margin: 0 0 0.76rem -2.5%;}
.ProDtNav .item{width: 47.5%;margin: 0 0 0.48rem 2.5%;border-radius: 0 0.2rem 0 0.2rem;box-shadow: 0 6px 30px rgba(20,44,82,0.08);background:url(../images/prodtnavbg.gif) right center no-repeat;float: left;}
.ProDtNav .item:nth-last-of-type(1){margin-bottom: 0;}
.ProDtNav .item:nth-last-of-type(2){margin-bottom: 0;}
.ProDtNav .cell{height: 2.25rem;padding:0 .45rem 0 0.8rem;font-size: 0.18rem;position: relative;}
.ProDtNav .cell:After{position: absolute;left: 0.15rem;top: 0.22rem;width: 0.99rem;height: 0.82rem;background:url(../images/kh.png);background-size: contain;content: "";}
.ProDtNav .ti{font-size: 0.24rem;line-height: 0.4rem;margin-bottom: 0.14rem;color:#333;}
.ProDtNav .Moredetail{margin-top: 0.16rem;}
.ProDtNav.kydt .cell{height: 3rem;font-size: 0.16rem;line-height: 0.35rem;color:#666666;}
.ProDtNav.kydt .desc{min-height: 1.1rem;}
.ProDtNav.kydt .Moredetail{margin-top: 0;}
.ProDtNav.kydt .hot .cell:After{content:"";position: absolute;left: 0;top: 0;width: 0.78rem;height: 0.96rem;background:url(../images/hot.png);background-size:contain;}

.ProDtSearch{max-width: 240px;line-height: 0.73rem;text-align: center;font-size: 0.2rem;border-radius: 10px;margin:0.55rem auto 1rem;border:1px solid #2844a5;color:#2844a5;cursor: pointer;transition: all 0.3s;padding:0 0.3rem;}
.ProDtSearch .form{display: none;position: relative;padding-right: 0.5rem;}
.ProDtSearch .form input{width: 100%;height: 0.73rem;line-height:0.73rem;}
.ProDtSearch .form button{background-color:transparent;color:#2844a5;position: absolute;right: 0;top: 0;height: 0.75rem;}
.ProDtSearch.on{max-width: 10rem;}
.ProDtSearch.on .txt{display: none;}
.ProDtSearch.on .form{display: block;}

.SubTit3{text-align: center;padding-bottom: 0.4rem;}
.SubTit3 .ti{font-size: 0.3rem;line-height: 0.6rem;}
.SubTit3 .desc{color:#666666;}

.ProHzpNav{background:url(../images/prohzpnavbg.gif) center center no-repeat;background-size:cover;padding:0.58rem 0.74rem 0.5rem;border-radius: 0.5rem;margin-bottom: 0.3rem;}
.ProHzpNav li{width: 33.333%;float: left;padding:0 0.25rem;margin-bottom: 0.3rem;}
.ProHzpNav li a{display: block;border-radius: 0.45rem;line-height: 0.9rem;color:#2844a5;font-size: 0.24rem;padding:0 0.6rem 0 1.32rem;position: relative;background:#fff;}
.ProHzpNav li a:after{position: absolute;left: 0.51rem;top: 0;width: 0.91rem;height: 0.66rem;content: "";background:url(../images/dot.png);background-size:contain;}
.ProHzpNav li i{position: absolute;right: 0.4rem;color:#c3c3c3;top: 0;font-size: 24px;}
.ProHzpNav li:hover a{color:#fff;background:#2844a5;}
.ProHzpNav li:hover i{color:#fff;}

.Profwys{padding:0.6rem 0;background:url(../images/ysbg.jpg) center center no-repeat;background-size:cover;}
.Profwys ul{display: flex;justify-content: space-between;text-align: center;}
.Profwys .num{display: table;width: 2.3rem;margin:0px auto;background:url(../images/numbg.png) center center no-repeat;background-size: contain;}
.Profwys .num span{display: table-cell;height: 1.9rem;font-size: 0.42rem;font-family: "DINMedium";vertical-align: middle;color:#5adadd;}
.Profwys .num span i{color:#2844a5;}
.Profwys li{line-height: 0.45rem;font-size: 0.2rem;width:33.33%;}

.Prodbbdxt{padding-bottom: 0.8rem;margin-left: -0.4rem;}
.Prodbbdxt li{width: 25%;float: left;padding: 0 0 0.2rem 0.4rem;text-align: center;font-size: 0.18rem;}
.Prodbbdxt .imgbox{border-radius: 10px 0 10px 0;padding-top: 74%;margin-bottom: 0.25rem;}

.JfzcBox .imgbox{padding-top: 120%;border-radius: 0;}
.JfzcBox .tit .red{
	color: red;
	font-weight: bold;
}
.JfzcBox  .JfzcText{
	padding-left: 3%;
}

.Profwys2{padding:0.6rem 0;background:url(../images/ysbg2.jpg) center center no-repeat;background-size:cover;background-attachment: fixed;}
.Profwys2 ul{margin-left: -4%;}
.Profwys2 li{width: 29.33%;float: left;margin-left: 4%;background:#1c3cac;border-radius:0 0 0 0.3rem;padding:0 0 11px 0.8rem;position: relative;text-align: center;color:#fff;font-size: 0.18rem;}
.Profwys2 .num{position: absolute;left: 0;width: 0.8rem;font-size: 0.4rem;font-family: "DINMedium";line-height: 0.54rem;padding-top: 0.29rem;}
.Profwys2 .num img{display: block;margin:0px auto;}
.Profwys2 .imgbox{padding-top: 123%;border-radius:0 0 0 0.3rem;margin-bottom: 0.29rem;}
.Profwys2 .ti2{min-height: 0.6rem;margin-right: 10px;}

.ProService{background:#fff;border-radius: 0 0 0.3rem 0.3rem;box-shadow: 0 40px 80px rgba(0,0,0,0.04);margin-bottom: 1rem;}
.ProService .tithead{color: #fff;font-size: 0.22rem;padding-left: 0.45rem;line-height: 0.7rem;background:#2844a4;}
.ProService .content{background:#fff;padding:0.4rem 0.4rem 0.1rem;}
.ProService .service{margin-left: -0.3rem;}
.ProService .service li{float:left;padding:0 0 0.3rem 0.3rem;text-align: center;line-height: 0.6rem;color:#666666;min-width: 16.666%;}
.ProService .service li a{display: block;color:#666666;border-radius: 6px;background:#f0f1f7;padding:0 0.1rem;position: relative;}
.ProService .service li a:after{border-radius: 6px;border:1px solid #2844a5;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;content: "";position: absolute;}
.ProService .service li a:hover{background:#e2e9ff;}
.ProService .service li a:hover:after{opacity: 1;}

.ProService .process{display: flex;justify-content: space-between;margin-bottom: 0.3rem;}
.ProService .process li{color:#666666;width: 318px;position: relative;}
.ProService .process li:After{position: absolute;right: -1rem;width: 28px;height: 28px;top: 50%;margin-top: -14px;background:url(../images/arr.gif);content: "";}
.ProService .process li:last-child:After{display: none;}
.ProService .process .cell{height: 1.35rem;}
.ProService .process .num{width: 88px;}
.ProService .process .num span{display: block;text-align: center;line-height: 56px;width: 56px;background:url(../images/numbg2.gif);color:#666666;font-size: 24px;}

.ProService .tsys{padding-top: 0.5rem;}
.ProService .tsys li{width: 25%;float: left;text-align: center;padding-bottom: 0.4rem;}
.ProService .tsys .ti{line-height: 0.45rem;font-size: 0.2rem;}
.ProService .tsys .desc{line-height: 20px;color: #666666;margin:0px auto;font-size: 14px;}
.ProService .tsys .icon{width: 0.65rem;margin:0px auto;}

.ProResource{margin-left: -0.45rem;}
.ProResource li{padding-left: 0.45rem;width: 33.333%;float: left;}
.ProResource li a{display: block;border-radius: 0 0.2rem 0 0.2rem;background:#f0f1f7;padding:0.43rem 0.6rem 0;height: 1.8rem;position: relative;color:#666666;transition: all 0.3s;}
.ProResource li .ti{line-height: 0.56rem;font-size: 0.28rem;color:#333;}
.ProResource li i{position: absolute;right:0.45rem;top: 50%;transform: translateY(-50%);font-size: 0.4rem;color:#d0d1d6;}
.ProResource li a:hover{background:#2844a4;}
.ProResource li a:hover,.ProResource li a:hover .ti{color:#fff;}

.Procxyl{background:url(../images/csylbg.jpg) center center no-repeat;background-size: cover;}
.Procxyl ul{margin-left: -3%;}
.Procxyl li{width: 47%;float: left;margin-left: 3%;text-align: center;position: relative;overflow: hidden;}
.Procxyl .imgbox{padding-top: 71.1%;border-radius: 0.25rem;}
.Procxyl .info{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;color:#fff;display: flex;justify-content: center;align-items: center;flex-direction: column;background:rgba(40,68,165,0.7);border-radius: 0.25rem;transition: all 0.3s;height: 0.78rem;}
.Procxyl .info .ti{line-height: 0.78rem;font-size: 0.24rem;position: relative;}
.Procxyl .info .ti:after{position: absolute;left: 50%;bottom: 0;width: 30px;height: 1px;margin-left: -15px;background:#00d1d8;}
.Procxyl .info .desc{width: 76%;margin:0.2rem auto 0;font-size: 0.18rem;line-height: 0.35rem;font-family: "harmLight";transition: all 0.3s;display: none;}
.Procxyl li.on .info{height: 100%;}
.Procxyl li.on .info .desc{display: block;}

.Prozc{background:url(../images/prozcbg.jpg) center center no-repeat;background-size: cover;}

.Prosetp{margin-left: -14px;}
.Prosetp li{padding:0 0 0 14px;width: 25%;float: left;font-size: 0.18rem;}
.Prosetp li a{background:#f9f9fa;border-radius: 9px;display: block;}
.Prosetp li .cell{height: 1rem;}
.Prosetp li .num{width: 1.07rem;text-align: center;}
.Prosetp li .num span{display: inline-block;border-radius: 50%;width: 0.56rem;line-height: 0.56rem;background:#2844a5;color:#fff;font-size: 0.24rem;font-family: "DINMedium";}
.Prosetp li .ti{padding-right: 0.2rem;}
.Prosetp li:hover a{background:#2844a5;color:#fff;}
.Prosetp li:hover .num span{background:#fff;color:#2844a5;}

.Projyys{background:url(../images/ysbg3.jpg) center center no-repeat;background-size:cover;overflow: hidden;background-attachment: fixed;}
.Projyys .imgbox{padding-top: 6rem;width: 65%;float: left;}
.Projyys .item{margin-right: 0.78rem;position: relative;}
.Projyys .item:After{width: 100%;height: 100%;z-index: 2;position: absolute;background:rgba(255,255,255,0.8);content: "";left: 0;top: 0;}
.Projyys .slick-list{margin-right: -110%;}
.Projyys .info{width: 35%;padding-left: 5%;float: left;}
.Projyys .num{color:#2844a5;font-size: 16px;font-family: "DINMedium";line-height: 13px;}
.Projyys .ti2{margin-top: 0.22rem;min-height: 1.35rem;color:#000000;font-size: 0.32rem;line-height: 0.42rem;}
.Projyys .desc{color:#666666;height: 0.96rem;line-height: 0.32rem;margin-bottom: 0.7rem;}
.Projyys .more{color:#fff;font-size: 14px;width: 140px;line-height: 45px;text-align: center;background:#2844a5;border-radius: 22px;}
.Projyys .allnum{position: absolute;left: 70%;bottom: 70px;line-height: 35px;color:#808080;font-size: 0.24rem;font-family: "DINMedium";width: 30%;}
.Projyys .allnum .line{width: calc(100% - 112px);right: 0;top: 50%;position: absolute;background:#d9d9d9;margin-top: -1px;height: 2px;display: flex;justify-content: space-between;}
.Projyys .allnum .line i{display:block;height: 2px;background:#2844a5;width:20%;transition: all 0.3s;}
.Projyys .allnum em{color:#2844a5;}
.Projyys .item.slick-current:After{opacity: 0;z-index: -1;}
.Projyys .slick-arrow{width: 40px;height: 40px;border:2px solid #cccccc;top: auto;bottom: 0;transform: translateY(0);}
.Projyys .slick-arrow:hover{background-color:transparent;border:2px solid #2844a5;}
.Projyys .slick-prev{left: 70%;background-image: url(../images/ico/arrleft4.png);}
.Projyys .slick-prev:hover{background-image: url(../images/ico/arrleft04.png);}
.Projyys .slick-next{left: 70%;margin-left: 50px;background-image: url(../images/ico/arrright4.png);}
.Projyys .slick-next:hover{background-image: url(../images/ico/arrright04.png);}

@media(max-width:1440px){
	.Projyys .slick-list{margin-right: -95%;}
	.Projyys .slick-prev{left: 65%;}
 .Projyys .slick-next{left: 65%;}
}

@media(max-width:1024px){
	.OrderInfo{display: none;}
	.order_subTit{display: none;}
	.OrderInfo li{width: auto;float: none;margin-bottom: 3%;}
	.OrderInfo .ti{font-size: 16px;}
	.OrderInfo .info{line-height: 24px;}

	.ProHzpNav{padding:0.5rem;}
	.ProHzpNav li{width: 50%;}
	.ProHzpNav li a{padding:0 0.3rem 0 0.8rem}
	.ProHzpNav li a:after{left: 0.2rem;}
	.ProHzpNav li i{right: 0.2rem;}

	.ProResource li a{padding:0.4rem 0.3rem 0;}
	.ProResource li i{right: 0.3rem;}

	.ProService .process{display: block;}
	.ProService .process li{width: auto;margin-bottom: 20px;}
	.ProService .process .cell{height: 65px;}
	.ProService  process li:After{right: auto;left: 14px;transform: rotate(90deg);bottom: -24px;top: auto;}

	.Prosetp li{width: 50%;margin-bottom: 10px;}
}
@media(max-width:640px){
	.ProDtInfo .cell{width: auto !important;display: block;}
	.ProDtInfo .info,.ProDtInfo.nckt .info{padding:20px;font-size: 14px;line-height: 24px;}
	
	.ProDtNav .item{width: auto;float: none;margin-bottom: 15px;}
	.ProDtNav .cell,.ProDtNav.kydt .cell{font-size: 14px;height: auto;padding:20px;line-height: 24px;}
	.ProDtNav .ti{font-size: 15px;}
	.ProDtNav .item:nth-last-of-type(2){margin-bottom: 15px;}
	.ProDtNav.kydt .Moredetail{margin-top: 0.16rem;}

	.ProSearch{position: relative;width: auto;height: 40px;margin-top: 20px;padding-right: 85px;}
	.ProSearch input{height: 36px;line-height: 36px;}
	.ProSearch button{width: 80px;}

	.SubTit3 .ti{font-size: 18px;line-height: 30px;}
	.ProHzpNav li{width: auto;float: none;}
	.ProHzpNav li a{font-size: 15px;padding-left: 1rem;}

	.ProDtInfo .num li span{font-size: 18px;}
	.ProDtInfo .num li{font-size: 14px;}

	.Profwys ul{flex-wrap: wrap;}
	.Profwys li{width: 50%;padding-bottom: 15px;font-size: 15px;}

	.Prodbbdxt li{width: 50%;font-size: 14px;}
	.Prodbbdxt li:nth-child(2n+1){clear: both;}

	.Profwys2 li{width: 46%;margin-bottom: 4%;}
	.Profwys2 .ti2{font-size: 14px;min-height: 72px;}

	.ProService .service li{min-width: 45%;line-height: 30px;}

	.ProResource li{width: auto;float: none;margin-bottom: 15px;}
	.ProResource li a{padding:0.3rem;}
	.ProResource li .ti{font-size: 15px;line-height: 30px;}

	.ProService .tsys li{width: 50%;}
	.ProService .tsys li:nth-child(2n+1){clear: both;}
	.ProService .tsys .icon{width: 40px;}

	.Procxyl li{width: auto;float: none;margin-bottom: 15px;}
	.Procxyl li .info{height: auto;position: static;border-radius: 0;padding:20px;}
	.Procxyl .info .ti{font-size: 16px;}
	.Procxyl .info .desc{display: block;line-height: 24px;width: auto;font-size: 14px;}

	.Prosetp li{width: auto;float: none;font-size: 14px;}
	.Prosetp li .cell{height: 50px;}
	.Prosetp li .num span{width: 30px;line-height: 30px;font-size: 17px;}

	.Projyys .imgbox{width: 100%;float: none;padding-top: 64%;}
	.Projyys .info{padding:15px 0 0 0;width: auto;}
	.Projyys .item{margin-right: 0;}
	.Projyys .ti2{font-size: 16px;line-height: 24px;}
	.Projyys .desc{font-size: 14px;line-height: 24px;height: auto;margin-bottom: 15px;}
	.Projyys .slick-list{margin-right: 0;}
	.Projyys .more{width: 90px;line-height: 28px;font-size: 12px;}
	.Projyys .slick-arrow{width: 30px;height: 30px;}
	.Projyys .allnum{bottom: auto;top: 40%;font-size: 18px;}
	.Projyys .slick-prev{left: auto;right: 45px;}
	.Projyys .slick-next{left: auto;right: 0;}
	.OrderInfo .info{width:75%;}
}

.nckt_ td{text-align:center; height:0.5rem!important; line-height:0.3rem; padding:0.15rem !important;}

@media(max-width:560px){
	.nckt_ td{line-height: 25px;}
}