@import url(/cn/css/base.css);
html {
    scroll-behavior: smooth;
			max-width: 1920px;
	margin: 0 auto !important;
}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
/*Top s*/
.header{position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.3s;color: #fff;}
.header:after{height: 100%;top: 0;width: 100%;transition: all 0.5s;background-color: #fff;content: "";position: absolute;z-index: -1;}
.header .auto-inner{height:0.9rem;transition: all 0.3s;position: static;}
.header .logo img{height: 0.44rem;}
.header .logo span{margin-left: 0.19rem;padding-left: 0.18rem;border-left: 1px solid rgba(255,255,255,0.3);}
.header .logo span img{height: 0.31rem;}

.header .ver{position: relative;}
.header .ver dt{cursor: pointer;font-size: var(--font-size14);}
.header .ver dt:before{width: 0.18rem;height: 0.18rem;background: url(/cn/images/ico_ver.svg) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin: -0.03rem 0.1rem 0 0;}
.header .ver dt:after{width: 11px;height: 6px;background: url(/cn/images/arr_b_white.svg) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin: -0.02rem 0 0 0.17rem;}
.header .ver dd{position: absolute;left: 50%;top: 150%;width: 115%;box-shadow: 0 5px 10px rgba(0,0,0,0.1);background-color:#fff;text-align: center;transform: translateX(-50%);border-radius: 5px;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.3s ease;pointer-events: none;}
.header .ver dd a{display: block;color: rgba(var(--rgb-555));}.header .ver dd a:hover{color: rgba(var(--main-color))}
.header .ver.on dd{opacity: 1;z-index: 10;top: 100%;visibility: visible;padding: 0.1rem 0;pointer-events: auto;}

.top_search .ico{ cursor:pointer;text-align: center;position: relative;margin-left: 0.34rem;position: relative;z-index: 10;}
.top_search .ico i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-position: center center;background-repeat: no-repeat;background-size: contain;width: 0.16rem;height: 0.16rem;}
.top_search .ico .iconso{background-image: url(/cn/images/soso-w.png);}
.top_search .ico .icongb{ display:none;background-image: url(/cn/images/close2.svg);}
.top_search .ico.on .icongb{ display:block;}
.top_search .ico.on .iconso{ display:none;}
.top_search .searchbox {display:none;position: absolute;left: 0;top: 100%;width: 100%;background-color: #f5f8fa;padding: 2.604vw;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top_search .searchbox .inner{max-width: 7rem;margin: 0px auto;position: relative;}
.top_search .searchbox .gjso{position: absolute;right: -1rem;top: 0.18rem;color: rgba(var(--main-color));}
.top_search .searchbox .gjso:hover{text-decoration: underline;}
.top_search .searchbox input{width: 100%;height: 0.6rem;border-radius: 5px;background-color: #fff;border: 0;padding: 0 0.8rem 0 0.65rem;background: #fff url(/cn/images/ico_so2.svg) no-repeat 0.2rem center/0.24rem 0.24rem;}
.top_search .searchbox input:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top_search .searchbox .btn{position: absolute;right: 0;top: 0;width: 1.06rem;text-align:center;height:0.6rem;line-height:0.6rem;border-radius: 0 5px 5px 0;color: #fff;font-weight: 700;background-color: rgba(var(--main-color));}
.top_search .searchbox .btn:hover{opacity: 0.9;}
.top_search .searchbox .keyword{padding-top: 0.18rem;color: #666666;}
.top_search .searchbox .keyword span{margin: 0 0.15rem 0 0.2rem;}
.top_search .searchbox .keyword a:not(:last-child){margin-right: 0.32rem;}
.top_search .searchbox .keyword a{color: #666666;}
.top_search .searchbox .keyword a:hover{color: rgba(var(--main-color));}

.mainNav{position: static;font-size: var(--font-size18);}
.mainNav li{padding:0 1.823vw;position: static;}
.mainNav li:first-child{padding-left: 0;}
.mainNav span{position: relative;}
.mainNav span a{ position:relative; z-index:100;display:block;line-height: 0.9rem;color: #fff;transition: all 0.3s;}
.mainNav span a:after{position: absolute;width: 100%;height: 0.03rem;content: "";left: 50%;transform: translateX(-50%) scale(0);bottom: 0%;background: rgba(var(--main-color));transition: all .5s cubic-bezier(0.9,0.5,0.05,1.5);}
.mainNav .arr{ display:none;}
.mainNav li.aon span a{color: #fff;}
.mainNav li:hover span a:after,.mainNav li.aon span a:after{transform: translateX(-50%) scale(1);}

.open-menu{width: 0.3rem;height: 0.4rem;display: flex;flex-direction: column;justify-content: space-between;padding: 0.1rem 0; cursor: pointer; margin-left: 0.3rem;}
.open-menu i{display: block;width: 100%;background-color: #fff;height: 2px;transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 8px) rotate(45deg) !important;
	-moz-transform: translate(0, 8px) rotate(45deg) !important;
	-ms-transform: translate(0, 8px) rotate(45deg) !important;
	-o-transform: translate(0, 8px) rotate(45deg) !important;
	transform: translate(0, 8px) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-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;}
.menu-show .open-menu i:nth-child(3) {width: 0;}

/* 头部滑过 */
.header.reon:After{height: 0;}
.header.fix:after,
.header.on:after,
.header.proon:after,
.detailBox .header:after{height: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header .login span{
	cursor: pointer;
}
@media(min-width:1921px){
	.mainNav li{padding: 0 0.35rem;}
}
@media(max-width:1440px){
	.mainNav li{padding: 0 1.5vw;}
}
@media (min-width:1025px) {
.header .ver{margin-left: 0.44rem;}
.header .ver:before{position: absolute;left: -0.36rem;top: 50%;transform: translateY(-50%);width: 1px;height: 0.18rem;content: "";background-color: rgba(255,255,255,0.3);}
.header.on .logo .hide,.header.proon .logo .hide{display: inline-block;}
.header.on .logo img,.header.proon .logo img{display: none;}
.header.on .mainNav span a,.header.proon .mainNav span a{color:#000000 }
.header.on,.header.proon{color: #000}
.header.on .top_search .ico .iconso,.header.proon .top_search .ico .iconso{background-image: url(/cn/images/soso.png);}
.header.on .top_search .ico .icongb,.header.proon .top_search .ico .icongb{ background-image: url(/cn/images/close.svg);}
.header.on .login,.header.proon .login{background: #F0F0F0;color: #333333;}
.header.on .login a,.header.proon .login a{color: #333333;}
.header .login {width: 1.1rem;line-height: 0.32rem;color: #fff;	height: 0.32rem;font-size: 0.14rem;	background: rgba(255,255,255,0.2);	border-radius: 16px;text-align: center;}
.header .login  a{color: #fff}
.top_search .ico{margin-right: 0.5rem;}

.header .mainNav .sub .navimg{width: 46%;float: left;}




	.open-menu{display: none;}
		/* 下拉 */
		.mainNav .sub2.sub{padding: 0}
		.mainNav .sub2.sub dl{width: 80%;max-width: 1400px;margin: 0 auto;text-align: left;}
		.mainNav .sub2.sub dl dd{display: inline-block;float: none}
		.mainNav .sub2.sub dl dd:hover a{color: #004e9f;}
		.mainNav li:nth-child(4) .sub2.sub dl,
		.mainNav li:nth-child(5) .sub2.sub dl,
		.mainNav li:nth-child(6) .sub2.sub dl,
		.mainNav li:nth-child(7) .sub2.sub dl{text-align: right;margin-right: 12vw;}
		.mainNav li:nth-child(6) .sub2.sub dl{margin-right: 20vw;}
		.header .mainNav .sub .auto-inner{height: auto;max-width: 1400px;}
		.mainNav .sub{position: absolute;left: 50%;;background:rgba(255,255,255,0.96);transform: translateX(-50%) scale(0.9);top: 100%;width: 100vw;text-align: center;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;padding: 0.74rem 0}
		.mainNav .sub dl{float: right;;width: 47.5%;border-radius: 0;}
		.mainNav .sub dl .tabCon {text-align: left;margin-top: 0.46rem;}
		.mainNav .sub dl .tabCon .ti{font-size: 0.36rem;line-height: 0.52rem;letter-spacing: 0rem;color: #000;margin-bottom: 0.25rem;}
		.mainNav .sub dl .tabCon .con{font-size: 0.18rem;line-height: 0.28rem;color: #666666;}
		.mainNav .sub dl .tabCon .more{display: inline-block;width: 1.7rem;text-align: center;font-size: 0.16rem;color: #004e9f;line-height: 0.5rem;margin-top: 0.7rem;overflow: hidden;	height: 0.5rem;padding: 0;	border-radius: 0.25rem;	border: solid 0.02rem rgba(0, 78, 159, 0.2);;}
		.mainNav .sub dd{position: relative;font-size: 0.2rem;;text-align: left;float: left;line-height: 0.6rem;color: #666666;margin-right: 0.4rem;}
		.mainNav .sub dl .tabCon .more:hover{background: rgba(0, 78, 159, 1);border-color: rgba(0, 78, 159, 1);color: #fff}
		.mainNav .sub dd.on a{color: #000}
		.mainNav .sub a{display: block;padding: 0.5vw 0;position: relative;z-index: 1;color: #666;transition: all 0.5s;}
		.mainNav .sub dl .tabCon .more:after{width: 0;height: 100%;position: absolute;left: 0;top: 0;border-radius: 0.5rem;background:  rgba(0, 78, 159, 1);transition: all 0.3s;z-index: -1;}
		.mainNav .sub dl .tabCon .more:hover:after{width: 100%;}
		.mainNav .sub dl .tabCon .more:hover img{display: none}
		.mainNav .sub dl .tabCon .more:hover img.hide{display: inline-block;}
		.mainNav .sub a:after{position: absolute;left: 0rem;top: 0%;content: "";width: 0.08rem;height: 0.02rem;background: #004e9f;;width: 0;transition: all 0.5s;}
		.mainNav .sub dd.on a:after{width: 100%;}
		.mainNav .sub dl .tabCon .more img{margin-top: -5px;margin-left: 0.1rem;}
		.mainNav .active .sub{display: block;z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);pointer-events: auto;}
}

	
@media(max-width:1024px){
	.header:after{background: rgba(0,0,0,.5);}
	.header .auto-inner{justify-content: space-between;}
	.header .logo span{display: none;}
.top_search .ico{margin-left: -0.6rem;}
	.mainNav{position: fixed;left: 0;top:0.9rem;background: rgba(var(--main-color),0.9); padding: 0.2rem 0;visibility: hidden; transform: translateX(-100%); opacity: 0; transition: 0.3s; width: 3rem; bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);}
	.menu-show{position: fixed;left: 0;top: 0;height: 100%;overflow: hidden;width: 100%;}
	.menu-show .mainNav{visibility: visible; opacity: 1; transform: translateX(0);}
	.mainNav ul{height: 100%; overflow: auto;line-height: 2;}
	.mainNav li{padding: 0;}
	.header.on .mainNav span a:after, .header.fix .mainNav span a:after{display: none;}
	.mainNav .sub dd a,
	.mainNav span a{color:#fff !important;line-height: 3;padding: 0 0.3rem;}
	.mainNav li.aon span a{color: #ffcc00 !important;}
	.mainNav .sub dd a{font-size: 0.2rem;}
	.mainNav li span{display: block;position: relative;font-size: 0.24rem;line-height: 2;}
	.mainNav ul{display: inline-block;width: 3rem;}

	.wap-dd-op,
	.wap-op{position: absolute;right: 0;width: 3em; height: 100%;background: url(/cn/images/arr_xjt_white.svg) no-repeat center center; background-size: 20% auto; top: 0;z-index: 101; transition: 0.3s;}
	.mainNav .sub dd.wap-active .wap-dd-op,
	span.on .wap-op{transform: rotate(180deg);}
	.mainNav .sub{display: none; padding: 0.1rem; background: rgba(255,255,255,0.1);line-height: 3;}
	.mainNav .sub dd dl{display: none; padding:1em 1em 1em 2em; background-color: rgba(var(--rgb-white),0.8); line-height: 2.4;}
	.mainNav .sub > dl > dd:not(:last-child){border-bottom: rgba(0,0,0,0.05) 1px solid;}
	.mainNav .sub dd.wap-active dl{display: block;}Nav{position: fixed;right: 0;top: 0.9rem;width: 80%;height: calc(100% - 0.9rem);right: -100%;transition: all 0.3s;opacity: 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 0 0 0;overflow-y: auto;z-index: 100;text-align: center;margin-right: 0;}
}
/*Top end*/

/*Bottom s*/

.footer{ position:relative;background:url(/cn/images/fbg.png) no-repeat center/cover;z-index: 2;padding: 3.646vw 0 0.34rem;}
.footer .sitemap{width: 73%;position: relative;}
.footer .sitemap a{color: #fff;}
.footer .sitemap dt{font-size: 0.18rem;line-height: 0.3rem;margin-bottom: 0.2rem;}
.footer .sitemap dd{font-size: 0.14rem;line-height: 0.3rem;opacity: 0.6;}
.footer .sitemap dd:hover{opacity: 1;}
.footer .contact{flex: auto;position: relative;color: #fff;width: 18%;text-align: right;}
.footer .contact dd{margin-bottom: 0.03rem;position: relative;font-size: 0.18rem;line-height: 0.3rem;;}
.footer .contact dt{font-size: 0.24rem;line-height: 0.3rem;font-family: Roboto-Medium;margin-bottom: 0.3rem;}
.footer .copyright .ewm .box{float: left;margin-left: 0.4rem;font-size: 0.14rem;color: #ffffff;line-height: 0.3rem;text-align: center;}
.footer .copyright .ewm img{display: block;width: 1.04rem;margin: 0px auto 0.08rem;}
.footer .copyright{padding-top: 0.14rem;width: 100%;margin-top: 0.8rem;}
.footer .copyright a{color: rgba(255,255,255,0.6);}
.footer .copyright a:hover{color: #ffffff;}
.footer .copyright .fl{color: rgba(255,255,255,0.6);font-size: 0.14rem;line-height: 0.3rem;}
.footer .copyright{display: flex;justify-content: space-between;align-items: flex-end}
.home-footer.active .waterline{animation:fadeInDown 0.3s .4s ease both;-webkit-animation:fadeInDown 0.3s .4s ease both;-moz-animation:fadeInDown 0.3s .4s ease both;}
.home-footer.active .waterline span:nth-child(1){animation:bounce 0.45s .5s ease both;-webkit-animation:bounce 0.45s .5s ease both;-moz-animation:bounce 0.45s .5s ease both;}
.home-footer.active .waterline span:nth-child(2){animation:bounce 0.45s .6s ease both;-webkit-animation:bounce 0.45s .6s ease both;-moz-animation:bounce 0.45s .6s ease both;}
.home-footer.active .waterline span:nth-child(3){animation:bounce 0.45s .7s ease both;-webkit-animation:bounce 0.45s .7s ease both;-moz-animation:bounce 0.45s .7s ease both;}

.totop.cd-is-visible {visibility: visible;opacity: 1;bottom: 5%;}
@media(max-width:1600px){
	.footer .waterline{left: 2vw;}
}
@media(max-width:1024px){
	.home-footer{overflow: visible !important;}

}
@media(max-width:480px){
	.footer .contact .ewm img{width: 1.4rem;}
}
/*Bottom end*/

/*titHead */
.titHead{text-align: center;margin-bottom: 2.552vw;width: 100%;position: relative;}
.titHead h2{font-size: var(--font-size20);font-weight: normal;color: #004e9f;}
.titHead .tdesc{font-size: var(--font-size48);margin-top: 0.06rem;font-weight: 400;line-height: 0.52rem;color: #000000;}

/* button s*/
.moreBtn{min-width: 1.5rem;position: absolute;right: 0;bottom: 0; text-align: center;display: inline-block;overflow: hidden;text-align: center;background-color: #fff;color: #999999;border: 1px solid #d5d5d5;border-radius: 0.5rem;text-align: center;line-height: 0.44rem;transition: all 0.5s;}
.moreBtn em{position: relative;overflow: hidden;padding: 0 0.15rem;display: block;}
.moreBtn em:after{display: inline-block;vertical-align: middle;content: "";width: 0.12rem;height: 0.1rem;background: url(/cn/images/arr_more.svg) no-repeat center center/contain;margin: -0.03rem 0 0 0.1rem;transition: all 0.5s;}
.moreBtn:hover,a:hover .moreBtn{background-color: rgba(var(--main-color));border-color:rgba(var(--main-color));color: #fff;}
.moreBtn:hover em:After,a:hover .moreBtn em:After{background-image: url(/cn/images/arr_more_white.svg);}
.moreBtn::before {content: "";position: absolute;top: -5%;left: -5%;z-index: 0;width: 110%;height: 110%;background-color: rgba(var(--main-color));transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86)}
.moreBtn:hover::before,a:hover .moreBtn::before {transform: scaleX(1);transform-origin: left}
.moreBtn.blue{border-color: rgba(var(--main-color));background-color: rgba(var(--main-color));color: #fff;}
.moreBtn.blue em:after{background-image: url(/cn/images/arr_more_white.svg);}
.moreBtn.blue::before {background-color: rgba(255,255,255,0.2);}

.mores{color: rgba(var(--rgb-999));}
.mores:after{display: inline-block;vertical-align: middle;width: 12px;height: 10px;content: "";background: url(/cn/images/arr_more.svg) no-repeat center center/contain;margin: -0.03rem 0 0 0.1rem;transition: all 0.5s;}
a:hover .mores:after{margin-left: 0.15rem;}

@media(max-width:640px){
	.moreBtn{width: auto !important;display: inline-block !important;}
}
/* button end*/

/* 首页 s*/

.section{background-color: #d0d3d4;overflow: hidden;}


/* banner */

/* home-ban */
.home-ban .auto-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;}
.home-ban .auto-inner h2{font-size: var(--font-size72);font-weight: 700;text-shadow: 0 7px 8px rgba(84,131,162,0.32);}
.home-ban .Ispic{padding-top: 100vh;}
.home-ban .moreBtn{margin-top: 0.3rem;}
.home-ban .wap{display: none;}

.home-ban .swiper-slide-active .Ispic{animation:fadeInscale 8s .4s ease both;-webkit-animation:fadeInscale 8s .4s ease both;-moz-animation:fadeInscale 8s .4s ease both;}
.home-ban .swiper-slide-active .auto-inner h2 {animation:fadeInRightSmall 0.6s 0.5s ease both;-webkit-animation:fadeInRightSmall 0.6s 0.5s ease both;-moz-animation:fadeInRightSmall 0.6s 0.5s ease both;}
.home-ban .swiper-slide-active .auto-inner .moreBtn {animation:fadeInRightSmall 0.6s 0.9s ease both;-webkit-animation:fadeInRightSmall 0.6s 0.9s ease both;-moz-animation:fadeInRightSmall 0.6s 0.7s ease both;}
.home-ban .swiper-button-prev,.home-ban .swiper-button-next{transition: all 0.5s;}
.home-ban .swiper-button-prev:hover,.home-ban .swiper-button-next:hover{background-color: rgba(255,255,255,0.2);}
.home-ban .swiper-button-next{right: 1.6rem;background-image:url(/cn/images/rarr.png);background-size: 0.12rem 0.12rem; }
.home-ban .swiper-button-prev{background-image:url(/cn/images/larr.png);background-size: 0.12rem 0.12rem}
.home-ban .swiper-button-prev:after{animation: spin1 5s linear infinite;position: absolute;left: -0.02rem;top: -0.02rem;width: 0.5rem;;height: 0.5rem; background: url(/cn/images/quan.png) no-repeat center/100% 100%;content:"";border-radius: 50%}
.home-ban .swiper-button-next:after{animation: spin2 5s linear infinite;position: absolute;left: -0.02rem;top: -0.02rem;width: 0.5rem;;height: 0.5rem; background: url(/cn/images/quan.png) no-repeat center/100% 100%;content:"";border-radius: 50%}
.home-ban .moreBtn{font-size: var(--font-size20);min-width: 1.7rem;}
.home-ban .moreBtn span:after{width: 0.16rem;height: 0.14rem;}
.home-ban .swiper-pagination{bottom: 0.25rem;}

@keyframes spin2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@media(max-width:1024px){
	.home-ban .auto-inner h2{font-size: var(--font-size48);}
	.home-ban .pc{display: none;}
	.home-ban .wap{display: block;}
}
@media(max-width:768px){
	.home-ban .auto-inner h2{font-size: var(--font-size36);}
	.home-ban .swiper-button-next, .home-ban .swiper-button-prev{display: none}
}
.home-ban .swiper-button-next,.home-ban .swiper-button-prev{top: auto;bottom: 0.8rem;width: 0.5rem;height: 0.5rem;border: solid 0.02rem rgba(228, 228, 228, 0.2);background-color: transparent;}
.home-ban .swiper-button-prev{left: auto;right: 2.3rem}

.home-Core{padding: 1rem 0;height: 9.6rem;
position: relative;}

.home-Core .auto-inner{
	position: relative;
	z-index: 2;
}

.home-Core .home-score_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.home-Core .home-score_bg video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.color_w.titHead, .color_w.titHead h2, .color_w.titHead .tdesc{color: #fff}

.home-Product{padding: 1.5rem 0 0.6rem;}
.home-Product .titHead h2{}

[class*=flex]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
[class*=__aic]{-ms-flex-align:center;align-items:center}
[class*=__aife]{-ms-flex-align:flex-end;align-items:flex-end}
[class*=__aifs]{-ms-flex-align:flex-start;align-items:flex-start}
[class*=__ais]{-ms-flex-align:stretch;align-items:stretch}
[class*=__jcc]{-ms-flex-pack:center;justify-content:center}
[class*=__jcsb]{-ms-flex-pack:space-between;justify-content:space-between}
[class*=__jcfe]{-ms-flex-pack:flex-end;justify-content:flex-end}
[class*=__jcfs]{-ms-flex-pack:flex-start;justify-content:flex-start}
[class*=__row]{flex-wrap:wrap;-ms-flex-wrap:wrap;flex-direction:row;-ms-flex-direction:row}
[class*=__column]{flex-direction:column;-ms-flex-direction:column}
@media (max-width:1024px){[class*=flex_tablet]{display:block}}
@media (max-width:768px){[class*=flex_mobileM]{display:block}}
@media (max-width:640px){[class*=flex_mobile]{display:block}}
@media (max-width:480px){[class*=flex_mobileS]{display:block}}
/*Floor003237 */
.home-Product{position: relative;height:  9.6rem; z-index: 1; overflow: hidden;display: flex;align-items: center;justify-content: flex-start;flex-direction: column; font-family: 'HarmonyOS_Sans_SC';color: #fff; font-size: var(--font-size16);background-color: #ccc}
.home-case .partner{height: calc(120 / 960 * 100vh);flex-shrink: 0;}
.home-case .partner .swiper{height: 100%;}
.home-case .partner .swiper-wrapper{transition-timing-function: linear!important;}
.home-case .partner .swiper-slide{width: 2.5rem;}
.home-case .partner .pic{height: 100%;display: flex;align-items: center;justify-content: center;}
.home-case .partner .pic img{max-height: 80%; max-width: 80%;}
.home-case .content{flex: 1;position: relative;}
.home-case .content > .container{position: relative;z-index: 2;color: var(--white-color); padding-top: calc(120 / 960 * 100vh);}
.home-case .desc{max-width: 4.7rem; margin-bottom: 0.9rem; animation-delay: 0.5s;}
.case-ban-swiper{position: absolute; left: 50%;top: 0;width: 68%;height: 100%;z-index: 1;transform: translateX(-50%);}
.case-ban-swiper figure{height: 100%;display: flex;align-content: center;justify-content: center}
.home-case .controls-items{position: absolute; left: 0;width: 100%;bottom: 0;z-index: 3;}
.home-case .txt-swiper{max-width: 10.90rem;margin-left: 0;margin: 0 auto;text-align: center;}
.home-case .txt-swiper h4{font-size: 0.32rem; margin-bottom: 0.24rem;transition-delay: 0.2s;}
.home-case .txt-swiper .Ispic{width: 100%	;height: 3.4rem;background-position: center;background-repeat: no-repeat;background-size: contain;transition-delay: 0.8s;
position: relative;
}
.home-case .txt-swiper  .Ispic img{
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translate(-50%,0);
	max-height: 70%;
	width: auto;
}

.home-case .txt-swiper p{line-height: calc(28 / 16); font-size: 0.16rem;text-align: center; transition-delay: 0.4s;max-width: 50%;margin: 0 auto}
.home-case .btn-more-border{margin-top: 0.32rem; transition-delay: 0.6s;display: inline-block;width: 100%;text-align: center;margin-bottom: 0.7rem;}
.home-case .btn-more-border a{border-color: var(--white-color);color: var(--white-color);}
.home-case .btn-more-border a:hover{border-color: rgba(var(--primary-color__rgb),0.7);}
.home-case .txt-swiper :where(h4,p,.btn-more-border,.Ispic){opacity: 0; transform: translateX(0.5rem); transition: 0.5s ease-out;}
.home-case .txt-swiper .swiper-slide-active :where(h4,p,.btn-more-border,.Ispic){opacity: 1; transform: translateX(0);}
.home-case .controls-items{position: absolute; left: 50%;transform: translateX(-50%); width: 11.3rem;bottom: 2.5rem;z-index: 3; height: 5.28rem; pointer-events: none;}
.home-case .controls-items .full-line{overflow: hidden;position: absolute; left: 0; top: 0; width: var(--ww); height: 100%;transition:width 0.3s;background: url(/cn/images/quan2.png) no-repeat left center / 11.3rem  auto;}
.home-case .controls-items li{display: flex;flex-direction: column;align-items: center;cursor: pointer;position: absolute;z-index: 9; pointer-events: all;width: 0.2rem;height: 0.2rem;background-color: #ffffff;border-radius: 50%;	border: solid 0.02rem #b2cae2;}
.home-case .controls-items p{font-size:0.18rem;color: #666666;position: absolute;top: 50%;transform: translateY(-50%);right: 0.5rem;text-align: right;width: 6em}
.home-case .controls-items li.active:before{width: 0.08rem;height: 0.08rem;background-color: #004e9f;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);content: "";border-radius: 50%}
.home-case .controls-items li.active:after{width: 0.6rem;height: 0.6rem;border: solid 0.06rem #004e9f;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);content: "";border-radius: 50%}
.home-case .controls-items li.active{background: none;border-color: transparent;}
.home-case .controls-items li.active p{color: #004e9f;}
.home-case .controls-items li.hover{width: 0.2rem;height: 0.2rem;background-color: #ffffff;border: solid 0.02rem #004e9f;}
.home-case .controls-items li:nth-child(1){
	/* left: 0.18rem;bottom: 0 */
	left: 0.06rem;
    bottom:-.4rem;
}
.home-case .controls-items li:nth-child(2){
	/* top: 1.5rem;left: 2.15rem; */
	    top: 1.67rem;
    left: 1.67rem;
}
.home-case .controls-items li:nth-child(3){top: 0.05rem;left: 50%;transform: translateX(-50%);}
.home-case .controls-items li:nth-child(4){
		top: 1.65rem;
    right: 1.65rem;
}
.home-case .controls-items li:nth-child(5){
	right: 0.08rem;
    bottom: -.4rem;
}
.home-case .controls-items li:nth-child(3) p{text-align: center;left: 50%;top: -0.6rem;transform: translateX(-50%);}
.home-case .controls-items li:nth-child(4) p{text-align: left;left: 0.6rem;}
.home-case .controls-items li:nth-child(5) p{text-align: left;left: 0.6rem;}
.home-case .controls-items li.active .icon{transform: scale(1.2916); transform-origin: bottom; background: var(--lg__h); border: 0;}
.home-case .controls-items li.active p{}
.home-case :where(.all-title,.desc){animation-delay: 0.3s;animation-duration: 1.2s; animation-fill-mode: both;}
.swiper-slide-active .home-case .all-title{animation-name: fadeInUpSmall;}
@media (max-width:1024px) {
   .home-case .partner{height: 1rem;}
   .home-case .partner .pic img{max-height: 50%;}
   .home-case .controls-items li:nth-child(1),
   .home-case .controls-items li:nth-child(5){margin-top: 0.2rem;}
   .home-case .controls-items li:nth-child(3){margin-top: -0.28rem;}
   .home-case .controls-items li:nth-child(2),
   .home-case .controls-items li:nth-child(4){margin-top: -0.13rem;}
   .home-case .partner .swiper-slide{width: 1.5rem;}
   .home-case .controls-items{display: none}
   .home-Product{padding: 40px 0}
}


.home-Industry{padding: 0.4rem 0 0;background: none}
/*Floor002731 */
.Floor002731 .auto{padding: 0!important; width: 96%;}

.Floor002731 .column-name{ text-align: center; padding: 35px 0; font-size: 28px;}
.Floor002731 .column-name .cn{color: #184477; letter-spacing: 5px;line-height: 48px;  position: relative; z-index: 10; text-indent: 5px;}
.Floor002731 .column-name .en{text-transform: uppercase; color: #f1f1fa; margin-top: -18px;line-height: 24px;font-family: "DINPro-Bold"; }
@media(max-width:480px){
.Floor002731 .column-name{ font-size: 24px;}
.Floor002731 .column-name .cn{line-height: 40px;}
.home-case .txt-swiper .Ispic img {
    max-height: 100%;
}
}

@media(min-width:1025px){
.Floor002731 .ul-pc{height: 6.6rem;position: relative; overflow: hidden;color: #fff;}
}
.Floor002731 .ul-pc .text{position: absolute; left: 0;z-index: 10; width: 100%; bottom: 0; opacity: 0; padding:25px 40px; transform: translateY(100%); }
.Floor002731 .ul-pc .text h2{font-size: 0.32rem; margin: 0; font-weight: normal;}
.Floor002731 .ul-pc .text p{font-size: 0.18rem; margin: 0.2rem 0 0 0;}
.Floor002731 .ul-pc a{color: #fff;}
.Floor002731 .ul-pc .Ispic{ display: block;height: 100%; background-position: left top;}
.Floor002731 .ul-pc aside{position: absolute; left: 0; bottom: 0; width: 100%; font-size: 20px; height: 100%;background: rgba(0,0,0,0.3);  line-height: 26px;}
.Floor002731 .ul-pc .on aside{display: none;}
.Floor002731 .ul-pc  aside a{display: block; }
.Floor002731 .ul-pc .on .text{ opacity: 1;transform: translateY(0);transition: 0.3s 0.4s; z-index: 6;}
.Floor002731 .ul-pc aside span{position: absolute;left: 0;bottom: 0.6rem;text-align: center;font-size: 0.32rem;line-height: 0.3rem;color: #ffffff;width: 100%;}
.Floor002731 .ul-pc .slide.on:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3); content: "";z-index: 1;}
.Floor002731 .ul-pc {height:100%;overflow:hidden;display: flex;}
.Floor002731 .ul-pc .slide{width:16%;height: 6.6rem;transition: all 0.3s;position: relative;  }
.Floor002731 .ul-pc .slide.on{width: 34%;justify-content: space-between;}


.home-Solution:before{position: absolute;left: 0;bottom: 0;width: 0.6rem; height: 6rem;background: url(/cn/images/jjfaimg1.jpg) no-repeat right center;	content: ""}
.home-Solution:after{position: absolute;left: 0;bottom: 0;width: 0.6rem; height: 6rem;background: #004e9f ;	opacity: 0.9;content: ""}
.home-Solution{padding: 1.2rem 0 0;position: relative;background: #FFF;margin-bottom: 1.2rem;}
.home-Solution .sliderNav{margin-left: 8.33vw;width: 31.25%;background: #fff;height: 6rem;}
.home-Solution .sliderNav li{padding: 0.25rem 0;border-top: 4px solid  #f0f4f9;position: relative;;cursor: pointer;}
.home-Solution .sliderNav li dt{font-size: 0.32rem;font-weight: normal;line-height: 0.3rem;color: #999999;}
.home-Solution .sliderNav li dd{font-size: 0.18rem;line-height: 0.32rem;color: #666666;margin-top: 0rem;height: 0;overflow: hidden;}
.home-Solution .sliderNav li.slick-current  dt{color: #004e9f;}
.home-Solution .sliderNav li.slick-current dd{height: auto;margin-top: 0.3rem;}
.home-Solution .sliderNav li:before{position: absolute;left: 0;width: 0;height: 4px;top: -4px;background-color: #004e9f;transition: all 0.3s;content: ""}
.home-Solution .sliderNav li.slick-current:before{width: 0.96rem;}
.home-Solution .sliderFor{position: absolute;bottom: 0;left: 0;width: 100%;padding-left: 55%;height: 6rem;}
.home-Solution .sliderFor li .Ispic{width: 100%;height: 6rem} 
.home-Solution .sliderFor .slick-list{overflow-x: visible;}


.home-News{padding: 1.2rem 0;position: relative;}
.home-News .m{position: absolute;bottom: 0;left: 0}
/*Floor003220 */
.Floor003220{--txt-color-222:#222;--rgb-white:255,255,255;--hover-color:#0281cc;--white:#fff;padding: var(--padMar90) 0 var(--padMar80) 0; overflow: hidden;}
.Floor003220 .swiperCon{margin-left: calc((100vw - 100%) / -2);  width:100vw; overflow: hidden;position: relative;z-index: 1; }
.Floor003220 .swiper-slide.swiper-slide-prev{opacity: 0;}
.Floor003220 .swiper{overflow: initial;margin-left: 8.333%;}
.Floor003220 .swiper-wrapper{height: auto;}
.Floor003220 .swiper-slide a{display: block;padding: 0.3rem;background-color: #ffffff;}
.Floor003220 .pic{overflow: hidden;border-radius: 0em;}
.Floor003220 .pic .Ispic{width: 2.4rem;height: 1.34rem;background-size: cover;background-position: center;background-repeat: no-repeat; transition: 0.5s ease-in-out;
margin: 0 auto;
}
.Floor003220 .swiper-slide a:hover .Ispic{transform: scale(1.05);}
.Floor003220 .txt{margin-top: 0.3rem;}
.Floor003220 .tit{font-size: 0.28rem; margin-bottom: 1em;line-height: 0.36rem;min-height: 1.44rem}
.Floor003220 time{color: #999; font-size: var(--font-size16);font-family: Roboto-Medium;}
.Floor003220 .controls{display: flex;align-items: center; margin-top: 0.6rem; }
.Floor003220 .controls .pages{flex: 1;height: 2px;background-color: #eee;position: relative;}
.Floor003220 .controls .pages span{height: 5px;top: -2px;background-color: var(--hover-color);border-radius: 5px;}
.Floor003220 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.6rem;}
.Floor003220 .controls .arrows a{background-image: url(/cn/images/arr_more.png);background-color: #dbe7f2; display: block;width: 0.5rem;transform:rotate(-180deg); height: 0.5rem;border-radius: 50%;background-position: center center; background-repeat: no-repeat; background-size: auto 0.12rem; cursor: pointer; transition: 0.3s; position: relative; }
.Floor003220 .controls .arrows a + a{margin-left: 0.36rem;transform:rotate(-0deg); }
.Floor003220 .controls .arrows a:hover{background-color: #004e9f;background-image: url(/cn/images/arr_more-w.png); }
@media (min-width:1025px) {
    .Floor003220 .swiperCon{padding: 0 0 0 var(--padMar160);}
    .Floor003220 .swiperCon:after{display: none;}
    .Floor003220 .swiper{ width: calc(100% + 1.6rem);}
    .Floor003220 .controls{width: calc(100% - 4.6rem);}
}
@media (max-width:1024px) {
    .Floor003220 .swiperCon{padding: 0 var(--padMar160);}
    .Floor003220 .swiperCon:before{width: var(--padMar160);}
}

.home-Service{padding: 1rem 0;background: #fff}
.home-Service ul{display: inline-block;width: 100%;position: relative;height: 7.2rem}
.home-Service ul li{position: absolute;overflow: hidden;}
.home-Service ul li .Ispic{width: 100%;height: 100%;transition: all 0.3s;background-size: cover;background-position: center;background-repeat: no-repeat}
.home-Service ul li .ti{font-size: 0.32rem;font-weight: normal;line-height: 0.3rem;color: #ffffff;position: absolute;left: 0.4rem;top: 0.6rem}
.home-Service ul li.li1{width: 32.5%;height: 7.2rem;top: 0;left: 0}
.home-Service ul li.li2{width: 43.125%;height: 3.5rem;left: 33.75%;top: 0}
.home-Service ul li.li3{width: 21.8755%;height: 3.5rem;right: 0;top: 0}
.home-Service ul li.li4{width: 21.8755%;height: 3.5rem;left: 33.75%;bottom: 0}
.home-Service ul li.li5{width: 43.125%;height: 3.5rem;right: 0%;bottom: 0}
.home-Service ul li:hover .Ispic{transform: scale(1.1);}

@media(max-width:1600px){
	.titHead h2{font-size: var(--font-size40);}
}

@media(max-width:1024px){
	.titHead h2{font-size: var(--font-size24);}
	.home-Service,.home-News,.home-Solution,.home-Core{padding: 40px 0;margin-bottom: 0;}
	.titHead .tdesc{font-size: var(--font-size36);line-height: 40px;}
}
@media(max-width:768px){
.home-case .btn-more-border{margin: 15px auto 30px;}
.home-Product{height: auto;}
.Floor002731 .ul-pc aside span{font-size: .24rem}
.Floor002731 .ul-pc .slide{height: 50vw}
.yxrl,.Other002907 {display: none}
.home-Solution .sliderNav{width: 100%;height: auto;}
.home-Solution .sliderFor{padding-left: 0;position: static;width: 100%;overflow: hidden;}
.home-Solution .sliderNav li.slick-current dd,.home-Solution:before,.home-Solution:after{display: none}
.Floor003220 .swiper{margin-left: 3%;}
.auto-inner{width: 94%	}
.Floor003220 .controls{margin-top: 0.3rem;}
.home-Service ul li.li1,.home-Service ul{height: 4.2rem;}
.home-Service ul li.li2,.home-Service ul li.li3,.home-Service ul li.li4,.home-Service ul li.li5{height: 2.05rem;}
.home-Service ul li .ti{left: 0.2rem;top: 0.2rem}
.footer .sitemap{display: none}
.footer .contact{text-align: center;}
.footer .copyright{align-items: center;flex-wrap: wrap;margin-top: 0px;}
.footer .copyright .fl{width: 100%;text-align: center;}
.footer .copyright .ewm{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;}
.Floor002731 .ul-pc .on .text{padding: 0.2rem}
.Floor002731 .ul-pc .text p{margin-top: 0.1rem;}
.moreBtn{bottom: auto;top: 0}
.home-case .txt-swiper p{max-width: 80%}
}
@media(max-width:480px){
.Floor003220 .titF{size: 0.2rem;line-height: 0.3rem;min-height: 1.2rem}
.home-case .txt-swiper .Ispic{height: 30vw}
.Floor003220 .swiperCon{width: 96%;}
.home-Solution .sliderNav li dt{font-size: 0.24rem}
.home-Service ul li{position: relative !important;width: 100% !important;
	height: 2rem !important;
	left: unset !important;
	top: unset !important;
	right: unset !important;
	bottom: unset !important;
	margin-bottom: 0.1rem;
}
 .home-Service ul{
	height: auto !important;
 }
}
.NewsCon {padding-top: 0.9rem;}
.NewsCon .subPage{padding-top: 0;padding-bottom: 1.8rem;}

/* 首页 end*/

.Other002907 ul{background-image: linear-gradient(147deg, #000000 0%, 	#004e9f 56%, #7faad6 100%)}
.Other002907{position: fixed; right: 10px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 200; border-bottom: 0; 
	width: .4rem; }
.Other002907 li:not(:last-child):after{width: 0.2rem;	height: 0.01rem;	background-color: #ffffff;content: "";position: absolute;left: 50%;bottom: 0;margin-left: -0.1rem;	opacity: 0.3; }
.Other002907 li{position: relative;}
.Other002907 li a{ 
	    text-align: center;
    display: block;
    line-height: .18rem;
    padding: 0.3rem 7px 0.1rem;
    background-position: center 8px;
    background-repeat: no-repeat;
    font-size: 0.12rem;
    color: #ffffff;
    background-size: .14rem;
	}
.Other002907 li a:hover{color: #fff;font-weight: bold;}
.Other002907 li.li_1 a{background-image: url("/cn/images/ricon1.png");}
.Other002907 li.li_2 a{background-image: url("/cn/images/ricon2.png");}
.Other002907 li.li_3 a{background-image: url("/cn/images/ricon3.png");}
.Other002907 li.li_4 a{background-image: url("/cn/images/ricon4.png");background-position:  center;;height: 60px; line-height: normal;}
.Other002907 li.li_4{margin-top: 0.1rem;background-color: #004e9f;visibility: hidden; opacity: 0; transition: 0.3s;cursor:pointer;}
.Other002907 li.li_4.cd-is-visible{opacity: 1;visibility: visible;}

.Other002907 .ul {
		height: 0;
		overflow: hidden;
		transition: all .5s;
}

.Other002907.show .ul {
		height: auto;
}
.yxrl.cur,
.yxrl.cur .calendar{
height: 3.7rem; 
}

.yxrl {position: fixed;background-image: linear-gradient(147deg, #000000 0%, #004e9f 56%, #7faad6 100%); 
	left: 0px;height: auto; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%); z-index: 200; border-bottom: 0; width: .3rem; }
.yxrl a.btn{background-image: url("/cn/images/ricon5.png");
	text-align: center;display: block;line-height: .18rem;
	padding: 0.5rem 5px 0.2rem;background-position:  center 15px;background-repeat: no-repeat;color: #ffffff;
font-size: .12rem;
background-size: .16rem;
}
.yxrl .calendar{display: none;width: 6.6rem;position: absolute;left: 100%;top: 0;height: 100%;background-color: #004e9f;padding: 0.2rem}
.yxrl .calendar .datebox{width: 3.3rem;color: #fff;height: 100%;float: left;margin: 0 0.4rem 0 0.2rem;}
.yxrl .calendar .dateInfo{float: left;width: 2.3rem;height: 3.3rem;position: relative;}
.yxrl .calendar .dateInfo .Ispic{height: 1.28rem;}
.yxrl .calendar .datebox table{width: 100%;}
.yxrl .calendar .datebox table td{text-align: center;line-height: 0.42rem;}
.yxrl .calendar .datebox table td span{width: 0.32rem;text-align: center;line-height: 0.32rem;display: inline-block;height: 0.32rem;border-radius: 50%;cursor: pointer;}
.yxrl .calendar .dateInfo .txt{padding: 0.2rem;background: #fff;height: 2rem}
.yxrl .calendar .dateInfo .txt time{font-size: 0.14rem;line-height: 0.2rem;color: #666666;}
.yxrl .calendar .dateInfo .txt .ti{font-size: 0.16rem;line-height: 0.22rem;color: #333333;margin-top: 0.1rem;}
.yxrl .calendar .dateInfo .txt .link{position: absolute;bottom: 0.2rem;left: 0;padding: 0 0.2rem}
.yxrl .calendar .dateInfo .txt .link span{float: left; height: 0.2rem;display: inline-block;margin-right: 0.1rem;	background-color: #004e9f;font-size: 0.12rem;line-height: 0.2rem;padding: 0 0.12rem;	border-radius: 0.02rem;color: #fff}
.yxrl .calendar .dateInfo .txt .link a{float: left; display: inline-block;font-size: 0.12rem;line-height: 0.22rem;color: #004e9f;background: rgba(0,78,159,0.2);height: 0.2rem;padding: 0 0.12rem;	}
.yxrl .calendar .datebox table td .date-cell.today { background-color: #79bbff; color: white;}
.yxrl .calendar .datebox table td .date-cell.special-date { background-color: rgba(121,187,255,0.3); color: white;}
.yxrl .calendar .datebox table td .date-cell:hover {  background-color: #79bbff;}
.yxrl .calendar .dateInfo .txt .link span.ended{background: #f8d7da;  color: #721c24;}
.yxrl .calendar .dateInfo .txt .link span.in-progress {  background: #d1ecf1;  color: #0c5460;	}
.yxrl .calendar .dateInfo .Ispic.no-event-img {background: #ccc }
@media(max-width:1680px){
		.Other002907 li a {
        padding-left: .05rem;
        padding-right: .05rem;
        background-position: center 10px;
    }
}
@media(max-width:1366px){
/* .Other002907 li a{padding-top: 0.6rem;} */

}


/*common s*/
.subPage{position: relative;background: #ffffff;z-index: 1;height: auto !important;height: 4rem;min-height: 4rem;clear: both;padding: 5.208vw 0;}
.pt50{padding-top: 0.5rem;}

.nBanner{position: relative;}
.nBanner .txt{position: absolute;left: 0;top: 29%;width: 100%;color: #fbfdf8}
.nBanner .txt .ti{font-size: 0.68rem;line-height: 1;margin-bottom: 0.48rem;}
.nBanner .txt p{font-size: 0.32rem;line-height: 1;}
.nBanner2.nBanner .txt{top: 50%;}
.nBanner2.nBanner .txt .ti{margin-bottom: 0;}

.colName{display: none;background-color:rgba(var(--main-color));border-radius: 0 0 5px 5px;color: #fff;position: relative;padding: 0 0.3rem;line-height: 2.2;margin-bottom: 0.1rem;}
.colName:after{content:"";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(/cn/images/arr_xjt_white.svg) no-repeat center center/0.2rem 0.2rem;height: 100%;width: 20px;transition: all 0.3s;}
.colName.on:after{transform: translateY(-50%) rotate(-180deg);}

.subMenu{background-color: #fff;}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){margin-right: 0.42rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #999999;display: block;line-height: 1rem;font-size: var(--font-size18);}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;top:0;height: 2px;content: "";background: rgba(var(--main-color));	transition: all 0.5s;}
.subMenu li.onli a,.subMenu li:hover a{color: rgba(var(--main-color));}
.subMenu li.onli:before,.subMenu li:hover:before{width: 100%;}

.place{color: #666666;text-align: right;font-size: var(--font-size16);}
.place a{color: #666666;margin-right: 0.22rem;position: relative;}.place a:hover,.place span{color: rgba(var(--main-color));display: inline-block;}
.place a:after{position: absolute;width: 0.22rem;right: -0.22rem;top: 50%;height:100%;content: ">";text-align: center;transform: translateY(-50%);}
.place.detail{text-align: left;padding: 0.3rem 0;}
.place.fw{padding: 0.4rem 0;}
.singlePage{ word-wrap:break-word;word-break:normal;text-align:justify;line-height: 1.77;position: relative;font-size: var(--font-size18);color: #333333;}
/* .singlePage p{text-indent: 2em;}
.singlePage.nopt p{text-indent: 0;} */
.singlePage .tc img{display: block;margin: 0px auto 0.1rem;border-radius: 0.1rem;max-width: 9rem;}

@media(max-width:1024px){
	.singlePage .tc img{max-width: 100%;height: auto !important;}
}
@media(max-width:768px){
	.singlePage .tc img{max-width: 100%;height: auto !important;}

	/* 二级菜单 */
	.subMenu{padding: 0.2rem 0;}
	.subMenu .colName{display: block;}
	.subMenu ul{margin-bottom: 0.15rem;}
	.subMenu li{min-width: 33.333%;text-align: center;margin: 0 !important;}
	.subMenu li:before{height: 0;background-color: #f0f0f0;}
	.subMenu li.onli a, .subMenu li:hover a{color: rgba(var(--main-color));}
	.subMenu li span a{line-height: 2.5;}
}
/*common end*/

/*pages*/
.Pages{ padding:0.2rem 0 0; line-height:0.46rem; zoom:1; overflow:hidden;text-align: center;} 
.Pages span{ padding:0px 3px; display:inline-block;} 
.Pages a{ display:inline-block; margin:0px 0.06rem;width: 0.5rem;height: 0.5rem;vertical-align: middle;background-color: #eff4f8;border: 0.02rem solid #eff4f8;border-radius: 50%;color: #000000;} 
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_prev,.Pages .a_next{display: none;}  
.Pages .p_page .num{font-family: 'Roboto-Regular';}
.Pages .p_page em a.a_cur,.Pages .p_page em a:hover{ color:rgba(var(--main-color)); border:solid 2px rgba(var(--main-color)); background:rgba(var(--main-color));color: #fff;} 
.Pages .p_page b{ font-weight:normal;} 
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;} 
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none;} 
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{font-size: 0;background-position: center center;background-repeat: no-repeat;background-size: 0.12rem 0.12rem;margin: 0 0.4rem; background-color:  #eff4f8;border: 0.02rem solid #eff4f8;}
.Pages .a_first:hover,.Pages .a_prev:hover,.Pages .a_next:hover,.Pages .a_end:hover{background-color: #fff;border-color:rgba(var(--main-color));}
.Pages .a_first,.Pages .a_end{background-color: #eff4f8;border-color: #eff4f8;}
.Pages .a_first{background-image: url(/cn/images/larr-g.png);}
.Pages .a_first:hover{background-image: url(/cn/images/larr-b.png) !important;border-color: rgba(var(--main-color));}
.Pages .a_end{background-image: url(/cn/images/rarr-g.png);}
.Pages .a_end:hover{background-image: url(/cn/images/rarr-b.png) !important;border-color: rgba(var(--main-color));}
@media ( max-width:480px){
	.Pages a{width: 0.35rem;height: 0.35rem;line-height: 0.31rem;}
	.Pages .a_first, .Pages .a_prev, .Pages .a_next, .Pages .a_end{margin: 0 0.1rem}
}
/*pages end*/


/* 新闻中心 */


.noticeList{border-top: 1px solid #dddddd;margin-bottom: 2.865vw;}
.noticeList .item{border-bottom: 1px solid #dddddd;line-height: 0.48rem;}
.noticeList .item a{padding: 1.563vw 2.083vw 1.563vw 2.604vw;transition: all 0.5s;}
.noticeList .item h3{font-size: var(--font-size22);color: #222;flex: 1;font-weight: 500;}
.noticeList .item time{font-size: var(--font-size18);color: #999999;}
.noticeList .item:hover a{padding-left: 1.563vw;background-color: #f8f8f8;}
.noticeList .item:hover h3{color: rgba(var(--main-color));}
.noticeList.downList .tit{padding-left: 1.979vw;position: relative;transition: all 0.5s;}
.noticeList.downList .tit:before{position: absolute;left: 0;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: #dddddd;content: "";top: 50%;transform: translateY(-50%);}
.noticeList.downList .item:hover a{padding-left: 2.604vw;}
.noticeList.downList .item:hover .tit{padding-left: 0;}
.noticeList.downList .item:hover .tit:before{transform: translateY(-50%) scale(0);}
.noticeList.downList .down{font-size: var(--font-size18);color: #999999;}
.noticeList.downList .down:After{width: 0.15rem;height: 0.15rem;content: "";display: inline-block;vertical-align: middle;margin: -0.03rem 0 0 0.677vw;background: url(/cn/images/down.png) no-repeat center center/contain;}
.noticeList.downList .item:hover .down{color: rgba(var(--main-color));}
.noticeList.downList .item:hover .down:After{background-image: url(/cn/images/downon.png);}

.titleInfo{text-align: left;padding-bottom: 0.28rem;margin-bottom: 0.46rem;border-bottom: 1px solid #ebebeb;}
.titleInfo .title{font-weight: 500;font-size: var(--font-size48);margin-bottom: 0.18rem;line-height: 0.54rem;color: #000000;}
.titleInfo .other{font-size: var(--font-size16);font-family: Roboto-Medium;color: #999999;}

.PrevNextInfo{padding: 0.3rem 0;margin-top: 1rem;border-bottom: 4px solid #f0f4f9;position: relative;}
.PrevNextInfo dl{position: relative;line-height: 0.39rem;font-size: var(--font-size18);}
.PrevNextInfo dl dt{padding-right: 0.15rem;}
.PrevNextInfo .none{color:rgba(var(--main-color));}
.PrevNextInfo .back{text-align: center; position: absolute;left: 50%;transform: translateX(-50%); bottom: -0.9rem;background: #fff;padding: 0.781vw 0.2rem;color: #004e9f;border-radius: 0.5rem;min-width: 9.375vw;border: 2px solid #B2CAE2}
.PrevNextInfo .back:after{width: 0;height: 100%;position: absolute;left: 0;top: 0;border-radius: 0.5rem;background:  rgba(var(--main-color));transition: all 0.3s;z-index: -1;content: ""}
.PrevNextInfo .back:hover:after{width: 100%;}
.PrevNextInfo .back:hover{color: #fff;border-color: rgba(var(--main-color))}



.newsInfo{width: 75%;position: relative;}
.newsInfo:after{position: absolute;right: -3%;top: -0.9rem;height: calc(100% + 2.9rem);content: "";width: 1px;background-color: #efefef;}
.newsRec{width: 20.25%;position: sticky;top: 1.3rem;right: 0;}
.newsRec .title{font-size: var(--font-size24);margin-bottom: 0.3rem;font-weight: 500;color: #000000;}
.newsRec .Ispic{padding-top: 55%;}
.newsRec .swiper-slide{margin-bottom: 0.2rem;}
.newsRec time{color: rgba(var(--rgb-999));font-family: Roboto-Medium;font-size: 0.16rem;}
.newsRec .tit{line-height: 1.33;font-size: 0.18rem;margin: 0.11rem 0 0.05rem;}

@media(min-width:769px){
	.newsRec .swiper-wrapper{display: block;}
}
@media(max-width:768px){
	.newsFocus .Ispic{width: 100%;padding-top: 60%;border-radius: 0.1rem 0.1rem 0 0;}
	.newsFocus .arrow{display: none;}
	.newsFocus .swiper-pagination{display: block;position: static;margin-bottom: 0.15rem;}
	.newsFocus .info{padding: 0.25rem;}
	.newsFocus h3{font-size: var(--font-size22);}

	.newsList .item .Ispic{width: 100%;padding-top: 55%;margin: 0.2rem 0 0 0;}

	.noticeList{border-top: 0;}
	.noticeList .item h3{font-size: var(--font-size20);}
	.noticeList .item time{font-size: var(--font-size16);}

	.newsInfo{width: 100%;}
	.newsRec{width: 100%;padding-top: 0.3rem;}
	.newsRec .swiper-pagination{position: static;margin-top: 0rem;}

	.titleInfo{padding-bottom: 0.15rem;margin-bottom: 0.2rem;}
	.titleInfo .title{font-size: var(--font-size30);}
	.PrevNextInfo{padding: 0.25rem 0 0 0;}
	.PrevNextInfo .back{top: -40px;bottom: 0;width: 100%;display: block;padding: 0;height: 40px;line-height: 40px;}
		.social-share{text-align: center;}
		.PrevNextInfo{margin-bottom: 30px;padding-bottom: 0.2rem;}
		.NewsCon .subPage{padding-bottom: 40px;}
		.place.detail{padding: 10px 0}
		.subMenu{padding: 10px 0}
}


/* 关于智能板块 */
.subTit2{text-align: center;padding-bottom: 3.385vw;}
.subTit2 h2{font-size: var(--font-size40);font-weight: 500;}
.subTit2 .desc{font-size: var(--font-size18);color: rgba(var(--rgb-555));margin-top: 0.16rem;line-height: 2;}
.subTit2.tl{text-align: left;}
.subTit2.color_w,.subTit2.color_w .desc{color: #fff;}
.pd16{padding: 1.6rem 0}
.pd14{padding: 1.4rem 0}
.about-info{background-color: #fff;overflow: hidden;position: relative;padding: 1.5rem 0;padding-left: 8.33vw;}
.about-info .auto-inner{flex-direction: row-reverse;}
.about-info .info{padding:  0 0.85rem 0 0;color: rgba(var(--rgb-000));width: 54%;}
.about-info .info h2{font-size: var(--font-size32);margin-bottom: 0.14rem;line-height: 0.4rem;font-weight: normal;}
.about-info .info .name{margin-bottom: 0.56rem;font-size: var(--font-size48);line-height: 0.56rem;}
.about-info .info .desc{line-height: 2;font-size: 0.18rem;color: #666666;}

.about-info .Ispic{width: 48.21%;overflow: visible;margin-right: -5%;}
  

@media(max-width:1024px){
	.about-info .Ispic{margin-right: 0;}
}
@media(max-width:768px){
	.subTit2 h2{font-size: var(--font-size30);}
	.about-info{padding-bottom: 0.5rem;}
	.about-info .Ispic{margin: 0px auto;}
	.about-info .info{width: 100%;}
 }

.about-Base{position: relative;}
.about-Base .m{position: absolute;left: 0;bottom: 0}
.about-Base .subTit2{max-width: 12.5rem}
.about-Base .con .Ispic{margin-top: -1rem;}
.about-Base ul li{width: 33.125%;background-color: #ffffff;position: relative;
	padding-top: .4rem;
}
.about-Base ul li .icon{
	position: relative;
	padding-bottom: 62%;
}
.about-Base ul li .icon img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-Base ul li .ti{font-size: 0.32rem;line-height: 0.4rem;color: #000000;}
.about-Base ul li p{font-size: 0.18rem;line-height: 0.32rem;color: #666666;}
.about-Base ul li .txt{position: relative;z-index: 5;padding: .4rem;}
.about-Base ul {margin-top: 0.7rem;}

.about-Architecture .subTit2 .desc{max-width: 50%;text-align: left;}

.about-Multilayer{background-color: #f0f4f9;}
.about-Multilayer .left{width: 34%;font-size: 0.18rem;line-height: 2;color: #666666;padding-top: 0.6rem;}
.about-Multilayer .left .ti{font-size: 0.48rem;line-height: 0.56rem;color: #000000;margin-bottom: 0.6rem;}
.about-Multilayer .left .subtit{font-size: 0.32rem;line-height: 0.4rem;color: #000000;margin-bottom: 0.3rem;} 
.about-Multilayer .right{width: 60%;}
@media(max-width:1024px){
.about-info{padding: 40px 3%}
.about-info .info{width: 100%;padding: 0}
.about-info .Ispic,.about-Multilayer .left{width: 100%;padding: 0}
.about-Multilayer .right{width: 100%;margin-top: 30px;}
.about-Architecture .subTit2 .desc{max-width: 70%}
.pd16,.pd12,.pd14{padding: 40px 0}
.about-Multilayer .left .ti{margin-bottom: 15px;}
.about-Multilayer .left,.subTit2 .desc,.about-info .info .desc{font-size: 18px;}
.Other002907{display: none}
}
@media(max-width:768px){
.nBanner .txt .ti{font-size: 0.4rem;margin-bottom: 0.1rem;}
.nBanner .txt p{font-size: 0.24rem}
.nBanner .txt{top: 50%}
.place{display: inline-block;width: 100%;}
.subMenu .colName{width: 100%;}
.subMenu .auto-inner {display: block;}
.about-info .info h2{font-size: 0.24rem;line-height: 0.32rem;}
.about-info .info .name{font-size: 0.32rem}
.about-Base .con .Ispic{margin-top: 0.2rem;}
.about-Base ul{margin-top: 40px;}
.about-Base ul li .txt{padding: .2rem;}
.about-Base ul li{padding-top: .2rem;}
}
@media(max-width:480px){
.nBanner  .Ispic img{min-height: 2.4rem}
.about-Base ul li{width: 100%;margin-bottom: 0.2rem;border: 1px solid #dedede}
.about-Architecture .subTit2{display: inline-block;width: 100%;}
.about-Architecture .subTit2 .desc{max-width: unset;}
}
/*荣誉资质 */
.PicList002854{padding: 1rem 0;}
.PicList002854 li{float: left;margin-bottom:4%;background-color: #eff4f8;}
.PicList002854 li a{display: block;position: relative; transition: 0.3s;padding-bottom: 0.4rem;}
.PicList002854 li aside{font-size:  0.24rem;; line-height: 0.4rem;; height: 0.8rem;; text-align: center; color: #333;}
.PicList002854 li .Ispic{background-size: auto;height: 2.8rem;background-repeat: no-repeat;background-position: center;transition: all 0.3s}
.PicList002854 li a:hover .Ispic{transform: scale(1.1);}
@media(min-width:769px){
.PicList002854 li{width: 23.75%; }
.PicList002854 li:not(:nth-child(4n)){margin-right: 1.666%;}
}
@media(max-width:768px){
.PicList002854 li{width: 48%; }
.PicList002854 li:not(:nth-child(2n)){margin-right: 4%;}
.PicList002854 li aside{font-size: 16px;}
.PicList002854 li a:after{width: 7vw;height: 7vw;background-size: auto 50%;}
.PicList002854{padding: 40px 0}
}
@media(max-width:480px){
.PicList002854 li aside{font-size: 14px;line-height: 20px; height: 40px;}
.PicList002854 li{width: 100%;}
}



/*招贤纳士 */
.TextList002514  {padding-bottom: 1.1rem;}
.TextList002514 .jobTit{height: 1.99rem;text-align: center;background: url(/cn/images/jobbg1.png) no-repeat center top;padding-top: 0.45rem;font-size: 0.32rem;line-height: 0.4rem;color: #333333;}
.TextList002514 .jobTit a{display: block;color: #004e9f;}
.TextList002514 .list{ padding-bottom: 0.2rem;margin-bottom:0.1rem;}
.TextList002514 .job-title{  padding:0 0.4rem 0; line-height:0.8rem;font-size:0.24rem;; cursor:pointer; position:relative;background-color: #eff4f8;color: #333333;}
.TextList002514 .job-title i{ position:absolute; width:22px; height:22px; right:0.4rem; top:50%; margin-top:-11px;}
.TextList002514 .job-title i::before,
.TextList002514 .job-title i::after{ position:absolute; content:''; background:#004e9f;}
.TextList002514 .job-title i::before{ left:0%; width:100%; height:3px; top:50%; margin-top:-1.5px;}
.TextList002514 .job-title i::after{ left:50%; margin-left:-1.5px; width:3px; top:0%; height:100%;}
.TextList002514 .select .job-title i::after{ display:none;}
.TextList002514 .select .job-title{ color:#ffffff;background: none}
.TextList002514 .job-main{ display:none; padding:0.3rem; background: #fff;padding-bottom: 1rem;margin: 0 0.2rem}
.TextList002514 .job-main strong{font-size: 0.18rem;line-height: 0.32rem;color: #333333;}
.TextList002514 .job-main p{font-size: 0.18rem;line-height: 0.32rem;color: #666666;}
.TextList002514 .job-email{ color:#009b4c; padding:30px 0;}
.TextList002514 .list.select{background: url(/cn/images/jobbg2.png) no-repeat center top/cover;}
.TextList002514 .select.list .job-title i::before{background: #fff}

/* 新闻动态 */
 
.newsFocus .controls{display: flex;align-items: center; margin-top: 0.6rem;position: absolute;right: 0;bottom: 0;width: 47%; }
.newsFocus .controls .pages{flex: 1;height: 2px;background-color: #eee;position: relative;}
.newsFocus .controls .pages span{height: 4px;top: -2px;background-color: #0b328e;;border-radius: 5px;}
.newsFocus .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.6rem;}
.newsFocus .controls .arrows a{background-image: url(/cn/images/arr_more.png);background-color: #dbe7f2; display: block;width: 0.5rem;transform:rotate(-180deg); height: 0.5rem;border-radius: 50%;background-position: center center; background-repeat: no-repeat; background-size: auto 0.12rem; cursor: pointer; transition: 0.3s; position: relative; }
.newsFocus .controls .arrows a + a{margin-left: 0.36rem;transform:rotate(-0deg); }
.newsFocus .controls .arrows a:hover{background-color: #004e9f;background-image: url(/cn/images/arr_more-w.png); }
.date{font-size: var(--font-size16);color: rgba(var(--rgb-999));font-weight: 400;font-family: Roboto-Medium;}
.newsFocus{margin-bottom: 4.063vw;}
.newsFocus .Ispic{    width: 32.75%;
    padding-top: 3.6rem;margin-left : 1px;}
.newsFocus .info{flex: 1;padding: 2vw 3vw;}
.newsFocus h3{font-size: var(--font-size32);margin: 0.19rem 0 0.21rem;font-weight: 400;line-height: 0.4rem;	color: #000000;}
.newsFocus .desc{font-size: var(--font-size16);color: rgba(var(--rgb-666));line-height: 2;}
.newsFocus .swiper-pagination{display: none;}
.newsFocus .more{margin-top: 0.5rem;font-size: var(--font-size16);color: #004e9f;display: inline-block;}
.newsList{
	display: flex;
	flex-wrap: wrap;	
}
.newsList .item{width: 23.5%;margin-right: 2%;margin-bottom: 3.125vw;}
.newsList .item:nth-child(4n){margin-right: 0;}
.newsList .item .info{border-bottom: 4px solid #ededee;flex: 1;padding: 0.1rem 0 0.5rem;position: relative;}
.newsList .item .info:before{left: 0;bottom: -4px;width: 0;content: "";position: absolute;height: 4px;background-color: rgba(var(--main-color));transition: all 0.5s;}
.newsList .item .Ispic{width: 100%;padding-top: 2.06rem;margin-bottom: 0.25rem;}
.newsList h3{font-size: var(--font-size24);margin: 0.08rem 0 0;font-weight: 500;padding-right: 0.5rem;line-height: 0.32rem;min-height: 0.96rem}
.newsList .desc{font-size: var(--font-size14);color: rgba(var(--rgb-666));line-height: 1.8;margin-bottom: 2.552vw;}
.newsList .item:hover .info:after{margin-left: 0.1rem;}
.newsList .item:hover .info:before{width: 100%;}
.newsList .item:hover .date span:after{background-color: rgba(var(--main-color));}

@media(max-width:1024px){
.newsList .item{width: 49%;margin-right: 0;}
.newsList .item:nth-child(2n){float: right;}
.newsList .item .Ispic{padding-top: 55.6%;}
}
@media(max-width:768px){
.newsFocus .swiper-slide .Scale-img{display: inline-block;width: 100%;}
.newsFocus .Ispic{padding-top:56% ;border-radius: 0}
.newsFocus .Ispic{width: 100%;}
.newsFocus .controls{width: 100%;margin-top: 0rem;position: static; }
.newsFocus .more{margin-top: 0;}
.newsFocus .info{padding: 0.2rem}
.newsList .item .info{padding-bottom: 0.3rem;}


}
@media(max-width:480px){
.newsList .item{width: 100%;}
}
.probody{background: #F5F8FB;padding-top: 0.9rem; }
.probody.bcf{background: #fff}
.probody .ProNav{width:14.533vw;background: #fff;float: left;position: relative;z-index: 99; }

.probody .ProNav li{position: relative;border-bottom: 1px solid #EEF1F4;}
.probody .ProNav li a{display: inline-block;height: 0.7rem;line-height: 0.7rem;font-size: 0.18rem;color: #000000;width: 100%;padding: 0 0.3rem}
.probody .ProNav li li {padding: 0;border-bottom: none;}
.probody .ProNav li li i{background: url(/cn/images/rarr-g2.png) no-repeat center;}
.probody .ProNav li.on > a{color: #fff;background-color: #004e9f;}
.probody .ProNav li li.on i,.probody .ProNav li li:hover i{background-image: url(/cn/images/rarr-b2.png);}
.probody .ProNav li li.on > a,.probody .ProNav li li:hover > a{color: #004e9f;background: #f5f8fb}

.probody .ProNav li li i:before,.probody .ProNav li li i:after{display: none}
.probody .ProNav li li a{height: auto;line-height: 0.3rem;font-size: 0.16rem;color: #666;padding: 0.2rem 0.3rem}
.probody .ProNav li i{ position:absolute; width:0.7rem; height:0.7rem; right:0; top:0;cursor: pointer;}
.probody .ProNav li i::before,
.probody .ProNav li i::after{ position:absolute; content:''; background:#004e9f;}
.probody .ProNav li i::before{ left:50%; width:16px; height:2px; top:50%; margin-top:-1px;margin-left: -8px;}
.probody .ProNav li i::after{ left:50%; margin-left:-1px; width:2px; top:50%; height:16px;margin-top: -8px;}

.probody .subPage{background: none;width:75%;max-width: 1440px;margin-left: 2vw;padding-bottom: 0.6rem;float: left; }
.probody .ProNav li li:last-child{border-bottom: none;}
.probody .ProNav li.on i::after{ display:none;}
.probody .ProNav li.on i::before{background-color: #fff;}
.probody .ProNav li ul{display: none}
.probody .ProNav li.on ul{display: block;}
.probody .subMenu{background: none;position: relative;z-index: 9;}
/* .probody .ProNav ul.fixed{position: fixed;left: 0;top: 0.9rem;width: 14.533vw;z-index: 999;background: #fff} */
.probody .ProNav ul{
	position: sticky;
	top: .9rem;
}
.probody main{display: flex;flex-wrap: wrap;}
.ProList .item{position: relative;background-color: #ffffff;margin-bottom: 0.4rem;overflow: hidden;}
.ProList .item .imgbox{float: right;position: absolute;right: 0;top: 0;width: 75%;}
.ProList .item .imgbox img{float: right; -webkit-mask-image:linear-gradient(to left, rgba(211, 211, 211, 1) 30%, rgba(211, 211, 211, 0) 80%);mask-image:linear-gradient(to left, rgba(211, 211, 211, 1) 30%, rgba(211, 211, 211, 0) 80%);}

.ProList .item .txt{float: left;padding: 0.6rem 0 0.4rem 0.6rem;width: 42%;min-height: 4.4rem;position: relative;z-index: 5;}
.ProList .item .txt .ti{font-size: 0.48rem;line-height: 0.52rem;color: #000000;}
.ProList .item .txt .desc{font-size: 0.18rem;line-height: 0.28rem;color: #666666;margin: 0.2rem 0 0.4rem;text-align: justify;}
.ProList .item .txt dl dd a{padding-left: 0.32rem;line-height: 2;font-size: 0.18rem;display: inline-block;width: 100%;background: url(/cn/images/rarr-g.png) no-repeat left center;}
.ProList .item .txt dl dd:hover a{background-image: url(/cn/images/rarr-b.png);}
.proBan i{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #e6eaef; z-index: -1;}
.proBan{height: 4.9rem;position: relative;width: calc(100% + 8.33vw);float: left;margin-bottom: 0.6rem;margin-top: -0.84rem;}
.proBan .txt{position: absolute;left: 0rem;width: 60%;max-width: 6.6rem;top: 50%;transform: translateY(-50%);z-index: 9;}
.proBan .txt .ti{font-size: 0.48rem;line-height: 0.52rem;color: #000000;}
.proBan .txt p{font-size: 0.18rem;color: #666666;line-height: 2;margin-top: 0.3rem;}
.proBan .img{position: absolute;right: 8.33vw;top: 0;height: 100%;z-index: 9;width: 42%}

.ProList2 {padding:0 0  0.6rem}
.ProList2 .item .ti{font-size: 0.32rem;line-height: 0.3rem;color: #004e9f;margin-bottom: 0.3rem;}
.ProList2 .item li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 2%;background-color: #ffffff;padding: 0.3rem 0;text-align: center;}
.ProList2 .item li:nth-child(4n){margin-right: 0;}
.ProList2 .item li .imgbox{width: 2.3rem;margin:0.5rem auto 0;
	height: 2.3rem }
.ProList2 .item li .imgbox img{max-width: 100%;max-height: 100%;object-fit: contain;transition: all 0.3s}
.ProList2 .item li .tit{font-size: 0.24rem;line-height: 0.36rem;    -webkit-line-clamp: 2;
padding: 0 .1rem;
}
.ProList2 .item{margin-bottom: 0.3rem;}
.ProList2 .item li:hover .imgbox img{transform: scale(1.1);}

.ProCon .ConBox{margin-bottom: 0.5rem;}
.ProCon .ConBox .ti{font-size: 0.32rem;line-height: 0.3rem;	color: #004e9f;margin-bottom: 0.3rem;}
.ProCon .Features li{float: left;width: 24%;margin-right: 1.333%;margin-bottom: 1.333%;background-color: #ffffff;padding: 0.65rem 0.4rem 0 0.4rem;position: relative;min-height: 2rem; }
.ProCon .Features li:nth-child(4n){margin-right: 0;}
.ProCon .Features li span{position: absolute;top: 0.3rem;right: 0.3rem;line-height: 0.3rem;color: #999999;opacity: 0.5;font-family: Roboto-Medium;}
.ProCon .Features li .tit{font-size: 0.24rem;line-height: 0.24rem;color: #333333;margin-bottom: 0.2rem;}
.ProCon .Features li .desc{font-size: 0.18rem;line-height: 0.28rem;color: #666666;}
.ProCon .Features li::before {content: "";position: absolute;top: 0%;left: 0%;z-index: 0;width: 100%;height: 100%;background-color: rgba(var(--main-color),0.1);transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86);z-index: 0;}
.ProCon .Features li:hover::before{transform: scaleX(1);transform-origin: left}

.ProCon .controls{display: flex;align-items: center; margin-top: 0.4rem;width: 100%; }
.ProCon .controls .pages{flex: 1;height: 4px;background-color: #fff;position: relative;}
.ProCon .controls .pages span{height: 4px;top: -2px;background-color: #0b328e;;border-radius: 5px;}
.ProCon .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.6rem;}
.ProCon .controls .arrows a{background-image: url(/cn/images/arr_more.png);background-color: #dbe7f2; display: block;width: 0.5rem;transform:rotate(-180deg); height: 0.5rem;border-radius: 50%;background-position: center center; background-repeat: no-repeat; background-size: auto 0.12rem; cursor: pointer; transition: 0.3s; position: relative; }
.ProCon .controls .arrows a + a{margin-left: 0.36rem;transform:rotate(-0deg); }
.ProCon .controls .arrows a:hover{background-color: #004e9f;background-image: url(/cn/images/arr_more-w.png); }
.ProCon .RelatedProducts .controls .pages{background-color: #f5f8fb;}
.ProJc.TechnicalConsultation .newsFocus .swiper-slide .info{width: 50%;padding: 0.8rem}
.ProJc.TechnicalConsultation .newsFocus .swiper-slide{background: #fff;margin-top: 0;margin-bottom: 0.6rem;}
.ProJc.TechnicalConsultation .newsFocus .swiper-slide .tit{margin: 0 0 0.3rem}
.ProJc.TechnicalConsultation .newsFocus .swiper-slide .more{margin-top: 1rem;}

.proBan_jc.proBan .img{right: 0;width: 47%;overflow: hidden;}
.proBan_jc.proBan .img:after{position: absolute;left: 0;top: 0;width: 4.85rem;background: linear-gradient(to right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));;content: "";height: 100%; z-index: 2;}
.proBan_jc.proBan .img img{width: 100%;}








.ServiceContents li{padding: 0.4rem 0.4rem 0.35rem;background: #fff;margin-bottom: 0.1rem;}
.ServiceContents li .tit{font-size: 0.24rem;line-height: 0.24rem;color: #333333;}
.ServiceContents li .desc{font-size: 0.18rem;line-height: 0.28rem;color: #666666;margin-top: 0.1rem;}

.ProJcCon .Diagram .Ispic img{object-fit: none}
.HyyyCon.ProJcCon .Diagram .controls{margin-top: 0.4rem;}
.HyyyCon.ProJcCon .Architecture li{width: 24.3%;background: #fff;position: relative;padding: 0.4rem;margin-right: 0.933%;}
.HyyyCon.ProJcCon .Architecture li:nth-child(5n){margin-right: 0.933%;}
.HyyyCon.ProJcCon .Architecture li:nth-child(4n){margin-right: 0%;}
.HyyyCon.ProJcCon .Architecture:before{display: none}
.HyyyCon.ProJcCon .Architecture li span{position: absolute;top: 0.3rem;right: 0.3rem;font-family: Roboto-Medium;font-size: 0.2rem;color: #999999;opacity: 0.5;}






.Industry .swiper-slide{position: relative;}
.Industry .swiper-slide .Ispic{height: 4rem;}
.Industry .swiper-slide:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 43.5%;background: linear-gradient(to top, rgba(0,78,159, 1), rgba(0,78,159, 0));content: ""}
.Industry .swiper-slide .info{position: absolute;left: 0;bottom: 0.4rem;z-index: 5;width: 100%;padding: 0 0.4rem;color: #fff}
.Industry .swiper-slide .info .tit{font-size: 0.24rem;}
.Industry .swiper-slide .info .more{float: right;font-size: 0.18rem;color: #ffffff;}
.Industry .swiper-slide .info .more i{display: inline-block;width: 0.12rem;height: 0.12rem;background: url(/cn/images/arr_more-w.png) no-repeat center;}
.Industry .swiper-slide a{color: #fff}
.Case .swiper-slide{position: relative;background-color: #ffffff;}
.Case .swiper-slide .Ispic{height: 2.63rem;;}
.Case .swiper-slide .info{padding: 0.4rem 0.3rem}
.Case .swiper-slide .info .tit{font-size: 0.24rem;line-height: 0.24rem;}
.Case .swiper-slide .info .desc{font-size: 0.18rem;line-height: 0.28rem;color: #666666;margin: 0.2rem 0 0.3rem;
	height: 5em;

}
.Case .swiper-slide .info .more{	font-size: 0.16rem;line-height: 0.2rem;color: #004e9f;}
.Case .swiper-slide .info .more i{display: inline-block;width: 0.12rem;height: 0.12rem;background: url(/cn/images/arr_more.png) no-repeat center;margin-left: 0.15rem;}

.Download li{height: 0.8rem;background-color: #ffffff;padding: 0 0.4rem;position: relative;}
.Download li a{display: block;height: 0.8rem;line-height: 0.8rem;}
.Download li .fl{font-size: 0.24rem;}
.Download li a span{display: inline-block;}
.Download li a span img{margin-top: -5px;}
.Download li .fr {font-size: 0.18rem;color: #004e9f;}
.Download li::before {content: "";position: absolute;top: 0%;left: 0%;z-index: 0;width: 100%;height: 100%;background-color: rgba(var(--main-color),0.1);transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86);z-index: 0;
pointer-events: none;
}
.Download li:hover::before{transform: scaleX(1);transform-origin: left;}

.HyyyBan.proBan .img img{height: 100%}
.HyyyBan.proBan {position: relative;}
.HyyyBan.proBan .img{width: 100%;height: 100%;right: 0}
.HyyyBan.proBan .txt{position: relative;z-index: 99;}

.Solutions .swiper-slide{background: #fff}
.Solutions .swiper-slide .info{
	/* float: left; */
	/* width: 49%; */
	padding: 0.4rem 0.3rem}
.Solutions .swiper-slide .info .tit{font-size: 0.24rem;line-height: 0.24rem;}
.Solutions .swiper-slide .info .desc{font-size: 0.18rem;line-height: 0.28rem;color: #666666;
	margin: 0.25rem 0 }
.Solutions .swiper-slide .info .more{font-size: 0.16rem;line-height: 0.2rem;color: #004e9f;}
.Solutions .swiper-slide .info .more i{display: inline-block;width: 0.12rem;height: 0.12rem;background: url(/cn/images/arr_more.png) no-repeat center;margin-left: 0.15rem;}
.Solutions .swiper-slide .Ispic{
	/* width:51%; */
	height: 2.63rem;
	/* float: right; */
}


.Overview{position: relative;padding: 0.5rem 0}
.mb0.proBan{margin-bottom: 0;}

.HyyyCon .Overview{width: calc(100% + 8.33vw);padding-right: 8.33vw;position: relative;
/* margin-bottom: 0; */
}
.HyyyCon .Overview:before{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #fff; z-index: -1;content: ""}
.HyyyCon .Overview .tit{font-size: 0.24rem;line-height: 0.36rem;color: #333333;margin-bottom: 0.2rem;}
.ProCon.HyyyCon .Overview .ti{margin-bottom: 0.5rem;}
.HyyyCon .Overview .desc{font-size: 0.18rem;line-height: 0.32rem;color: #666666;}


.HyyyCon .Diagram .swiper-slide{background: #fff;border: 1px solid transparent;padding: 0.15rem;position: relative;transition: all 0.3s;}
.HyyyCon .Diagram .swiper-slide .Ispic{height: 4.2rem;}
.HyyyCon .Diagram .swiper-slide:hover{border: solid 0.01rem #004e9f;}
.HyyyCon .Diagram .controls{float: right;margin-top: -0.75rem;justify-content: flex-end}
.HyyyCon .Diagram .swiper-container{overflow: visible;}
.HyyyCon .Diagram{overflow: hidden;}
.HyyyCon .ConBox .ti{margin-bottom: 0.45rem;}
.HyyyCon .Diagram .swiper-slide .play{width: 1rem;background: url(/cn/images/play.png) no-repeat center rgba(0,78,159,0.8);transition: all 0.3s; position: absolute;	height: 1rem;border-radius: 50%;display: inline-block;transform: translate(-50%,-50%);left: 50%;top: 50%;opacity: 0;}
.HyyyCon .Diagram .swiper-slide:hover  .play{opacity: 1;}

.HyyyCon .Architecture{width: calc(100% + 8.33vw);position: relative;padding: 0.6rem 0;padding-right: 8.33vw;}
.HyyyCon .Architecture:before{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #fff; z-index: -1;content: ""}
.HyyyCon .Architecture ul{
	display: flex;
	flex-wrap: wrap;
}
.HyyyCon .Architecture li{width: 19.5%;margin-right: 0.625%;float: left;background-color: #f0f4f9;padding: 0.6rem 0.4rem;position: relative;
margin-bottom:0.625%;
}
.HyyyCon .Architecture li:nth-child(5n){margin-right: 0;}
.HyyyCon .Architecture li .txt{margin-top: .4rem;}
.HyyyCon .Architecture li .icon{height: 0.37rem}
.HyyyCon .Architecture li .txt .tit{font-size: 0.28rem;line-height: 0.28rem;color: #000000;}
.HyyyCon .Architecture li .txt .desc{font-size: 0.18rem;line-height: 0.28rem;color: #666666;margin-top: 0.2rem;}
.HyyyCon .Architecture li::before {content: "";position: absolute;top: 0%;left: 0%;z-index: 0;width: 100%;height: 100%;background-color: rgba(var(--main-color),0.1);transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86);z-index: 0;}
.HyyyCon .Architecture li:hover::before{transform: scaleX(1);transform-origin: left}
.HyyyCon .Architecture.Architecture2:before{display: none}
.HyyyCon .Architecture.Architecture2{padding: 0 8.33vw 0 0}
.HyyyCon .Architecture.Architecture2 li{background: #ffffff;min-height: 3.3rem}
.HyyyCon .Architecture.Architecture2 li .txt{margin-top: 0.7rem;}



.HyyyCon .RelatedProducts{width: calc(100% + 8.33vw);position: relative;padding: 0.6rem 0;padding-right: 8.33vw;}
.HyyyCon .RelatedProducts:before{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #fff; z-index: -1;content: ""}
.HyyyCon .RelatedProducts .swiper-slide{padding: 0.4rem;background-color: #f0f4f9;position: relative;
height: auto;
}
.HyyyCon .RelatedProducts .swiper-slide a{
	display: flex;
	flex-direction: column-reverse;
}
.HyyyCon .RelatedProducts .swiper-slide .info{
	/* width: 40%;padding-right: 5%; */
		text-align: center;
		padding: .15rem;
}
.HyyyCon .RelatedProducts .swiper-slide .Ispic{
	/* width: 60%;height: 2rem; */
	padding-bottom: 35%;
	background-size: auto}
.HyyyCon .RelatedProducts .swiper-slide .info .tit{font-size: 0.28rem;line-height: 0.36rem;}
.HyyyCon .RelatedProducts .swiper-slide .info .desc{font-size: 0.18rem;color: #666666;
	line-height: 1.6;margin: 0.1rem 0;
    height: 4.6em;
}
.HyyyCon .RelatedProducts .swiper-slide .more{	font-size: 0.16rem;line-height: 0.2rem;color: #004e9f;
}
.HyyyCon .RelatedProducts .swiper-slide .more i{display: inline-block;width: 0.12rem;height: 0.12rem;background: url(/cn/images/arr_more.png) no-repeat center;margin-left: 0.1rem;}
.HyyyCon .RelatedProducts .swiper-slide .Ispic img{object-fit: contain}


.caceTit{font-size: 0.48rem;line-height: 0.58rem;margin: 0.6rem 0 0.8rem;	color: #000000;}

.CaseCon .Project{width: calc(100% + 8.33vw);position: relative;padding: 0.6rem 0;padding-right: 8.33vw;}
.CaseCon .Project:before{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #fff; z-index: -1;content: ""}
.CaseCon .Project .con{width: 48%;}
.CaseCon .Project .con .ti{margin-bottom: 0.3rem;}
.CaseCon .Project .con .desc{font-size: 0.18rem;line-height: 0.32rem;color: #666666;}
.CaseCon .Project .Ispic{width: 48%;min-height: 3.88rem;}

.CaseCon .Challenges li{width: 32.2%;margin-right: 1.7%;margin-bottom: 1.7%;min-height: 2.1rem; float: left;padding: 0.4rem 0.35rem;background: #fff;display: flex;justify-content: space-between;position: relative;}
.CaseCon .Challenges li:nth-child(3n){margin-right: 0;}
.CaseCon .Challenges li span{position: absolute;left: 0.35rem;bottom: 0.35rem;font-family: Roboto-Medium;font-size: 0.2rem;opacity: 0.2;}
.CaseCon .Challenges li .txt{width: calc(100% - 1rem);font-size: 0.24rem;line-height: 0.4rem;}
.CaseCon .Challenges li .icon{width: 0.9rem}
.CaseCon .Challenges li .txt .tit{-webkit-line-clamp:3;}


.CaseCon .Solution{width: calc(100% + 8.33vw);position: relative;padding: 0.6rem 0;padding-right: 8.33vw;}
.CaseCon .Solution:before{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #fff; z-index: -1;content: ""}
.CaseCon .Solution .swiper-slide{display: flex;padding: 0.65rem;}
.CaseCon .Solution .swiper-slide .info{width: 100%;font-size: 0.18rem;line-height: 0.32rem;color: #666666;}
.CaseCon .Solution .swiper-container{box-shadow: 0rem 0rem 0.9rem #eef2f5;}
.CaseCon .Solution .swiper-slide .Ispic{width: 100%;height: 2.67rem;margin-top: 0.5rem;}
.CaseCon .Solution .swiper-slide .Ispic img{object-fit: contain}
.CaseCon .Solution .swiper-slide:hover .Ispic{border: solid 0.01rem #004e9f;
position: relative;
}
.CaseCon .Solution .swiper-slide:hover .Ispic .play{
	opacity: 1;
}
.CaseCon .Solutionwidth.Solution .swiper-slide{
	width: auto;
}
.CaseCon .Solutionwidth.Solution .swiper-slide span{
	position: static;
}
.CaseCon .Solutionwidth.Solution .swiper-slide .Ispic{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.CaseCon .Solution .swiper-slide .Ispic .play{
	width: 1rem;
	background: url(/cn/images/play.png) no-repeat center rgba(0, 78, 159, 0.8);
	transition: all 0.3s;
	position: absolute;
	height: 1rem;
	border-radius: 50%;
	display: inline-block;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	opacity: 0;
}


.HyyyCon .Architecture.Architecture3 li{position: relative;padding-top: 0.64rem;padding-bottom: 0.4rem;}
.HyyyCon .Architecture.Architecture3 li span{font-size: 0.2rem;color: #999999;opacity: 0.5;font-family: Roboto-Medium;position: absolute;right: 0.2rem;top: 0.2rem}
.HyyyCon .Architecture.Architecture3 li .txt .tit{-webkit-line-clamp:4;font-size: 0.24rem;line-height: 0.4rem;min-height: 1.6rem}
.HyyyCon .Architecture.Architecture3 li .txt{margin-top: 0.4rem;}


.CaseCon .Download2{width: calc(100% + 8.33vw);position: relative;padding: 0.6rem 0;padding-right: 8.33vw;margin-bottom: -0.6rem;}
.CaseCon .Download2:before{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #fff; z-index: -1;content: ""}
.CaseCon .Download2 li{background-color: #f5f8fb;}

.ProList .item .more{font-size: 0.16rem;color: #004e9f;margin-top: 0.8rem;display: inline-block;}
.ProList .item .more i{width: 0.12rem;height: 0.12rem;background: url(/cn/images/more.png) no-repeat center;display: inline-block;margin-left: 0.1rem;}

.SolutionDetails .sti{text-align: center;font-size: 0.48rem;line-height: 0.56rem;color: #000000;margin: 0.4rem 0 0.6rem}
.SolDetails1 .Ispic{width: 48%;height: 4rem}
.SolDetails1 .con{width: 46%;font-size: 0.18rem;line-height: 0.32rem;color: #666666;text-align: justify;}
.ProCon .SolutionDetails2 .ti{font-size: 0.48rem;line-height: 0.52rem;color: #000000;}
.ProCon .SolutionDetails2{padding: 1.2rem 0}
.ProCon .SolutionDetails2{width: calc(100% + 8.33vw);position: relative;padding-right: 8.33vw;margin-bottom: 1.2rem;}
.ProCon .SolutionDetails2:before{width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #f0f4f9; z-index: -1;content: ""}
.ProCon .SolutionDetails2 .swiper-slide{background-color: #ffffff;padding: 0.45rem 0.5rem;opacity: 0;
width: auto;
}
.ProCon .SolutionDetails2 .swiper-slide span{
	position: static;
}
.ProCon .SolutionDetails2 .desc{font-size: 0.18rem;line-height: 0.32rem;color: #666666;text-align: center;}
.ProCon .SolutionDetails2 .swiper-container{margin: 0 0.8rem;overflow: visible;}
.ProCon .SolutionDetails2 .swiper-slide .Ispic{height: 3.12rem;}
.ProCon .SolutionDetails2 .controls .arrows{position: absolute;top: 50%;margin-top: -0.25rem;left: 0;width: 100%;}
.ProCon .SolutionDetails2 .controls .arrows a{left: -0.8rem;position: absolute;}
.ProCon .SolutionDetails2 .controls .arrows a + a{left: auto;right: -0.8rem}
.ProCon .SolutionDetails2 .swiper-slide:hover .play{
	opacity: 1;
}
.ProCon .SolutionDetails2 .swiper-slide:hover {
    border: solid 0.01rem #004e9f;
}
.ProCon .SolutionDetails2 .swiper-slide .play{
	width: 1rem;
    background: url(/cn/images/play.png) no-repeat center rgba(0, 78, 159, 0.8);
    transition: all 0.3s;
    position: absolute;
    height: 1rem;
    border-radius: 50%;
    display: inline-block;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    opacity: 0;
}

.ProCon .SolutionDetails2 .swiper-slide.swiper-slide-active{opacity: 1;}
.ProCon .SolutionDetails3 .ti{font-size: 0.48rem;line-height: 0.52rem;color: #000000;}
.ProCon .SolutionDetails3 {padding-top: 0;}
.ProCon .SolutionDetails3.Architecture.Architecture3 li .txt .tit{font-size: 0.32rem;line-height: 0.4rem;margin-top: 0.9rem;min-height: unset;}
.HyyyCon .Architecture.Architecture3.paddt li .txt .tit {
	min-height: .6rem;
}

.SolutionDetails .Architecture.Architecture2.SolutionDetails4{width: calc(100% + 8.33vw);position: relative;padding: 1.2rem 0;padding-right: 8.33vw;}
.SolutionDetails .Architecture.Architecture2.SolutionDetails4:before{display: inline-block; width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #f0f4f9; z-index: -1;content: ""}
.SolutionDetails.ProCon .ConBox .ti{font-size: 0.48rem;color: #000000;line-height: 0.52rem;}
.SolutionDetails .RelatedProducts .swiper-slide .info{width: 100%;display: inline-block;float: none}
.SolutionDetails .RelatedProducts .swiper-slide .info .tit{font-size: 0.24rem;line-height: 0.36rem;	color: #333333;font-weight: 500;text-align: center;}
.SolutionDetails .RelatedProducts .swiper-slide .Ispic{
	width: 2.27rem;margin: 0 auto;	
	/* height: 2.35rem; */
	float: none;margin-top: 0.35rem;}
.SolutionDetails .SolutionDetails6{width: calc(100% + 8.33vw);position: relative;padding: 1.2rem 0;padding-right: 8.33vw;}
.SolutionDetails .SolutionDetails6:before{display: inline-block; width: calc(100% + 0.4rem);position: absolute;left: -0.4rem;top: 0;height: 100%;background-color: #f0f4f9; z-index: -1;content: ""}
.SolutionDetails {padding-bottom: 0.6rem;}


.ServeList.ProList .item{background-color: #f5f8fb;}




.ActivityCenter{padding-top: 0.2rem;}
.ActivityCenter .swiper-slide{margin-top: 0.6rem;}
.tMenu{text-align: center;}
.tMenu li{display: inline-block;height: 0.6rem;padding: 0 0.25rem;border-radius: 0.3rem;text-align: center;line-height: 0.6rem;font-size: 0.32rem;}
.tMenu li a{color: #a3acb4;}
.tMenu li.on a,.tMenu li:hover a{color: #004e9f;}
.tMenu li.on,.tMenu li:hover{background-color: #E5EDF5;}
.ActivityCenter .newsFocus .swiper-slide .zt{background-color: #ced5dd;height: 0.32rem;line-height: 0.32rem;display: inline-block;padding: 0 0.1rem;color: #ffffff;font-weight: lighter;}
.ActivityCenter .newsFocus .swiper-slide.bmz .zt{background-color: #004e9f;}

.fMenu{text-align: center;margin-top: 0.5rem;border-top: 1px solid #eff4f8;;}
.fMenu li{display: inline-block;margin: 0 0.4rem;position: relative;padding: 0.35rem 0;font-size: 0.24rem;color: #a3acb4;}
.fMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;top:0;height: 2px;content: "";background: rgba(var(--main-color));	transition: all 0.5s;}
.fMenu li.on a,.fMenu li:hover a{color: rgba(var(--main-color));}
.fMenu li.on:before,.fMenu li:hover:before{width: 100%;}

.DownloadList .searchbox{width: 90%;max-width: 12.9rem;height: 0.6rem;background-color: #eff4f8;border-radius: 0.3rem;position: relative;margin: 0.3rem auto 0.6rem}
.DownloadList .searchbox input{width: 100%;height: 0.6rem;line-height: 0.6rem;border: none;background: none;text-indent: 0.38rem;color: #a3acb4;font-size: 0.18rem;}
.DownloadList .searchbox button{position: absolute;width: 0.5rem;border-radius: 50%;border: none;	height: 0.5rem;top: 0.05rem;right: 0.05rem;	background: #004e9f url(/cn/images/soso-w.png) no-repeat center;}
.DownloadList  .download li{display: flex;justify-content: space-between; height: 0.91rem;background-color: #eff4f8;margin-bottom: 0.1rem;line-height: 0.9rem;padding: 0 0.4rem 0 0.74rem;position: relative;}
.DownloadList  .download li p{width: 73%;float: left;font-size: 0.24rem;color: #000000;position: relative;z-index: 5;}
.DownloadList  .download li .lb{	font-size: 0.18rem;color: #666666;}
.DownloadList  .download li span,.DownloadList  .download li a{position: relative;z-index: 5;cursor:pointer;}
.DownloadList  .download li .wj{font-size: 0.16rem;font-family: Roboto-Medium;color: #999999;}
.DownloadList  .download li:before{z-index: 5; position: absolute;left: 0.39rem;top: 50%;width: 0.06rem;	height: 0.06rem;background-color: #004e9f;margin-top: -0.03rem;border-radius: 50%;content: ""}
.DownloadList  .download li:after{position: absolute;left: 0;top: 0;width: 0%;;height: 100%;background:url(/cn/images/dbg.png) no-repeat right center/cover;content: "";transition: all 0.5s;z-index: 0;}
.DownloadList  .download li:hover:after{width: 100%;}
.DownloadList  .download li:hover:before{background: #fff;}
.DownloadList  .download li:hover p{color: #fff}
.DownloadList  .download li:hover .lb{color: #004e9f}
.DownloadList  .download li:hover .wj{color: #004e9f}
.DownloadList  .download{margin-bottom: 0.6rem;}

.TechnicalConsultation .newsFocus .swiper-slide .tit{font-size: 0.48rem;line-height: 0.48rem;color: #000000;margin-bottom: 0.6rem;}
.TechnicalConsultation .newsFocus .swiper-slide .desc{font-size: 0.18rem;color: #666666;line-height: 0.32rem;}
.TechnicalConsultation .newsFocus .more{margin-top: 1.4rem;}
.TechnicalConsultation .newsFocus .Ispic{width: 50%;}
.TechnicalConsultation .newsFocus .swiper-slide{background-color: #eff4f8;}


.Supplier li{margin-bottom: 0.7rem;}
.Supplier li .Ispic{width: 18.75%;height: 2rem;}
.Supplier li .info{width: 77.35%;padding-bottom: 0.8rem;border-bottom: 4px solid #f0f4f9;;}
.Supplier li .info .ti{font-size: 0.32rem;line-height: 0.36rem;color: #000000;margin-bottom: 0.3rem;}
.Supplier li .info .ti2{font-size: 0.24rem;line-height: 0.32rem;color: #000000;margin-bottom: 0.1rem;}
.Supplier li .info .desc{font-size: 0.18rem;line-height: 0.32rem;color: #666666;}
.Supplier li .info .ti2 +.desc{margin-bottom: 0.25rem;}
.Supplier li .info .more{display: inline-block;margin-top: 0.5rem;height: 0.5rem;line-height: 0.4rem;color: #fff; background-color: #004e9f;border-radius: 0.25rem;padding: 0.05rem;padding-left: .4rem;}
.Supplier li .info .more span{font-size: 0.16rem;color: #666666;float: right;height: 0.4rem;	background-color: #ffffff;text-align: center;min-width: 3rem;margin-left: 0.2rem;	border-radius: 0.2rem;}
.Supplier li .info .more img{vertical-align: middle;margin-left: 0.15rem;}
.Supplier li:last-child .info{border-bottom: none;padding-bottom: 0;}

.Partner li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;background-color: #f0f4f9;padding: 0.6rem 0.4rem;min-height: 4.6rem;position: relative;}
.Partner li:nth-child(3n){margin-right: 0;}
.Partner li .ti{font-size: 0.32rem;line-height: 0.56rem;color: #000000;margin-bottom: 0.3rem;}
.Partner li .desc{font-size: 0.18rem;line-height: 0.32rem;color: #666666;}
.Partner li .more{font-size: 0.18rem;color: #004e9f;position: absolute;left: 0.4rem;bottom: 0.6rem;line-height: 1;}
.Partner li::before {content: "";position: absolute;top: 0%;left: 0%;z-index: 0;width: 100%;height: 100%;background-color: rgba(var(--main-color),0.1);transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86);z-index: 0;}
.Partner li:hover::before{transform: scaleX(1);transform-origin: left}

.Contact{padding-top: 0.5rem;}
.Contact .title{text-align: center;font-size: 0.48rem;line-height: 0.56rem;color: #000000;margin-bottom: 0.6rem;}
.Contact_p1{position: relative;}
.Contact_p1 .m{position: absolute;left: 0;bottom: 0;width: 100%;z-index: -1;}
.Contact_p1 .form{width: 90%;max-width: 9rem;margin: 0 auto}
.Contact_p1 .form .textbox{font-weight: 400;border-radius: 0.25rem;width: 100%;background: #f0f4f9;min-height: 0.5rem; position: relative; font-size: 0.18rem;color: #333333;padding: 0 0.28rem;overflow: hidden;line-height: 0.5rem;margin-bottom: 0.2rem;}
.Contact_p1 .form .textbox select{font-weight: 400;background:#f0f4f9  url(../images/xiala.png) no-repeat right center;font-size: 0.18rem;width: 100%;border: none}
.Contact_p1 .form .textbox span{display: block;color: #333333;line-height: 1em;margin-top: 0.12rem;max-width: 80%;float: left;}
.Contact_p1 .form .textbox textarea{color: #999999;height: 0.56rem;line-height: 0.28rem;border: none;width: 100%;background: none;resize: none;}
.Contact_p1 .form .textbox input{background: none;width: 100%;border: none;color: #333333;font-size: 0.18rem}
.Contact_p1 .form .textbox input::placeholder{color: #333;font-weight: 400;}
.Contact_p1 .form .textbox .fsyz{position: absolute;right: 0.2rem;font-size: 0.18rem;color: #004e9f;}
.Contact_p1 .switch-container {display: flex;justify-content: center;align-items: center;height: 0.3rem;float: right;margin: 0.1rem 0}
.Contact_p1 .switch {position: relative;display: inline-block;width: 0.6rem;height: 0.3rem;}
.Contact_p1 .switch input {opacity: 0;width: 0;height: 0;}
.Contact_p1 .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;border-radius: 0.3rem;}
.Contact_p1 .slider:before {content: "";position: absolute;left: 0.04rem;bottom: 0.04rem;top: 0.04rem;width: 0.22rem;height: 0.22rem;background-color: white;border-radius: 50%;transition: 0.4s;}
.Contact_p1 input:checked + .slider {background-color: #004595;}
.Contact_p1 input:checked + .slider:before {transform: translateX(0.32rem);}
.Contact_p1 input[type="checkbox"]{width: 0.18rem;height: 0.18rem;	background-color: #f0f4f9;border: none;border-radius: 50%}
.Contact_p1 label{cursor: pointer;}
.Contact_p1 label a{
	color: #004595;
}
.Contact_p1 button{display: inline-block;font-size: 0.18rem;color: #ffffff;width: 1.7rem;height: 0.5rem;background-color: #004595;	border-radius: 0.25rem;text-align: center;border: none;cursor:pointer;}
.Contact_p1 .btn{text-align: center;margin-top: 0.4rem;}
.Contact_p1 .form .textbox.w50{width: 49.5%;float: left;}
.Contact_p1 .form .textbox.w50.fr{float: right;}

.Contact_p2 {margin-top: 1.6rem;}
.Contact_p2 .mapbox{height: 8.6rem;position: relative;}
.Contact_p2 .mapbox .map{width: 100%;height: 100%}
.Contact_p2 .mapbox .maplist {width: 3.94rem;height: 8.16rem;background-color: rgba(255,255,255,.95);box-shadow: 0rem 0.04rem 0.19rem 0.01rem rgba(4, 20, 32, 0.08);position: absolute;right:0.2rem;top: 0.2rem;overflow-y: auto; padding: 0.5rem 0.45rem	;z-index: 999;}
.Contact_p2 .mapbox .maplist .ti{font-size: 0.32rem;line-height: 0.32rem;color: #000000;margin-bottom: 0.2rem;}
.Contact_p2 .mapbox .maplist li{cursor: pointer; height: 0.54rem;line-height: 0.54rem;border-bottom: 1px solid #eef1f4;font-size: 0.18rem;color: #a3acb4;background: url(/cn/images/rarr-g2.png) no-repeat center right;}
.Contact_p2 .mapbox .maplist li.on{color: #004595;background-image: url(/cn/images/rarr-b2.png);}
.Contact_p2 .tdt-infowindow-content {font-size: 0.15rem;line-height: 0.24rem;color: rgba(51, 51, 51, 0.8);width: 3rem;margin: 0.2rem;min-width: 3rem}
.Contact_p2 .tdt-infowindow-content b{font-size: 0.2rem;line-height: 0.24rem;color: rgba(0, 69, 149, 1);margin-bottom: 0.1rem;display: inline-block;}

.Contact_p3 {padding: 1.2rem 0 0.2rem}
.Contact_p3 ul li{width: 25%;float: left;border-right: 3px solid  #f0f4f7;text-align: center;font-size: 0.24rem;}
.Contact_p3 ul li .Ispic{width: 1.84rem;height: 1.84rem;margin: 0 auto 0.4rem;line-height: 0.3rem;color: #333333;}
.Contact_p3 ul li:nth-child(4n){border: none}



@media(max-width:1600px){
.proBan .txt{left: 0.2rem;}
.proBan .img{right: 0}
}
@media(max-width:1024px){
.ProList2 .item li,.HyyyCon .Architecture.Architecture3 li{width: 32%;margin-bottom: 2%;margin-right: 2%;}
.ProList2 .item li:nth-child(4n){margin-right: 2%}
.ProList2 .item li:nth-child(3n),.HyyyCon .Architecture.Architecture3 li:nth-child(3n){margin-right: 0;}
.proBan{margin-top: 0.3rem;}
.ProCon .Features li{padding: 0.4rem 0.2rem 0.2rem }
.ProCon .Features li span{top: 0.1rem;right: 0.1rem}
.ProCon .Features ul{display: flex;flex-wrap: wrap;}
.probody main{overflow: hidden;width: 100%;}
.probody .subPage{width: 80%;}
.ProJc.TechnicalConsultation .newsFocus .swiper-slide .info{padding: 0.4rem}
.HyyyCon .Architecture li{padding: 0.4rem 0.2rem 0.2rem}
.CaseCon .Challenges li{width: 49%;margin-right: 0;}
.CaseCon .Challenges li:nth-child(2n){float: right;margin-right: 0;}
.SolutionDetails .SolutionDetails6,.HyyyCon .RelatedProducts,.SolutionDetails .Architecture.Architecture2.SolutionDetails4,.ProCon .SolutionDetails2,.CaseCon .Download2{padding: 0.3rem 0}
.ProCon .ConBox{margin-bottom: 0.2rem;}
.ProCon .SolutionDetails2,.HyyyCon .RelatedProducts,.SolutionDetails .SolutionDetails6,.CaseCon .Download2,.SolutionDetails .Architecture.Architecture2.SolutionDetails4{width: 100%;}
.SolutionDetails{padding-bottom: 0;}
.SolutionDetails .Architecture.Architecture2.SolutionDetails4:before,.ProCon .SolutionDetails2:before{width: calc(100% + 1rem)}
}
@media(max-width:768px){
.probody .ProNav{width: 100%;}
.probody .subPage{width: 96%;}
.probody .ProNav li li a{padding: 0.1rem 0.2rem}
.ProList .item .txt{width: 100%;padding: 0.3rem;min-height: unset;}
.ProList .item .imgbox{width: 100%;position: static;}
.ProList .item .imgbox img{width: 100%;}
.probody .ProNav li a,.probody .ProNav li i{height: 0.56rem;line-height: 0.56rem;}
.probody .ProNav ul.fixed{position: static;width: 100%;float: none;margin: 0 auto 0.3rem}
.proBan .img,.proBan .txt{position: static;width: 100%;transform: translate(0);margin-bottom: 0.2rem;}
.proBan{background-size: cover !important;padding: 0.2rem;height: auto;}
.ProList2 .item li{width: 49%;margin-right: 0;}
.ProList2 .item li:nth-child(2n){float: right;margin-right: 0;}
.ProCon .Features li{width: 48%;margin-right: 0;}
.ProCon .Features li:nth-child(2n){float: right;margin-right: 0;}
.ProCon .Features ul{justify-content: space-between;}
.proBan .txt .ti{font-size: 0.36rem}
.ProJc.TechnicalConsultation .newsFocus .swiper-slide .info{width: 100%;}
.TechnicalConsultation .newsFocus .Ispic{width: 100%;border-radius: 0}
.proBan_jc.proBan .img{width: 100%;}
.HyyyCon.ProJcCon .Architecture li,.HyyyCon .Architecture.Architecture3 li{width: 49%;margin-right: 0;}
.HyyyCon.ProJcCon .Architecture li:nth-child(2n),.HyyyCon .Architecture.Architecture3 li:nth-child(2n){float: right;}
.proBan{margin-bottom: 0.3rem;}
.HyyyCon .Architecture{padding: 0.3rem 0;width: 100%;}
.probody .subPage{padding-bottom: 0.3rem;}
.Case .swiper-slide .Ispic{height: auto;padding-bottom: 56%;}
.HyyyCon .Architecture li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.HyyyCon .Architecture li:nth-child(3n){margin-right: 0;}
.Download li{padding: 0.2rem }
.Download li a{line-height: 0.4rem;}
.HyyyCon .Architecture:before{width: calc(100% + 1rem)}
.HyyyCon .Architecture.Architecture2{padding-right: 0;}
.CaseCon .Project .con{width: 100%;margin-bottom: 0.3rem;}
.CaseCon .Project .Ispic{width: 100%;}
.CaseCon .Challenges li{width: 100%;}
.caceTit{font-size: 0.36rem;line-height: 0.42rem;margin: 0.2rem 0}
.CaseCon .Solution .swiper-slide{padding: 0.2rem}
.CaseCon .Solution .swiper-slide .info{font-size: 18px;line-height: 1.75;}
.ProList .item .txt .ti,.SolutionDetails .sti,.SolutionDetails.ProCon .ConBox .ti{font-size: 0.36rem;line-height: 1.5;}
.ProCon .SolutionDetails2 .swiper-slide{padding: 0.2rem }
.ProCon .SolutionDetails2 .swiper-slide .Ispic{height: auto;padding-bottom: 26%;}
.ProCon .SolutionDetails2 .swiper-container{margin: 0 0.6rem}
.ProCon .SolutionDetails2 .controls .arrows a{left: -0.6rem}
.ProCon .SolutionDetails2 .controls .arrows a + a{right: -0.6rem}
.HyyyCon .Architecture.Architecture3 li{padding: 0.3rem}
.ProCon .SolutionDetails3.Architecture.Architecture3 li .txt .tit{margin-top: 0.4rem;}
}
@media(max-width:480px){
.HyyyCon.ProJcCon .Architecture li{width: 100%;margin-bottom: 2%;}
.Solutions .swiper-slide .Ispic,.HyyyCon .Architecture.Architecture3 li{width: 100%;min-height:unset;}
.Solutions .swiper-slide .info{width: 100%;padding: 0.2rem}
.proBan{padding: 0.2rem 0}
.proBan .txt{left: 0}
.HyyyCon .Architecture.Architecture3 li .txt .tit{min-height: unset;}
.HyyyCon .Architecture li{width: 49%;margin-right: 0;}
.HyyyCon .Architecture li:nth-child(2n){float: right;margin-right: 0;}
.HyyyCon .RelatedProducts .swiper-slide .info{width: 100%;}
.HyyyCon .RelatedProducts .swiper-slide .Ispic,.SolDetails1 .con{width: 100%;}
.SolDetails1 .Ispic{width: 100%;margin-bottom: 0.3rem;}
}















@media(max-width:768px){
	.contact{width: 100%;}
	.messageBox{width: 100%;margin-top: 0.3rem;}
	.messageBox .group:not(:last-child){margin-bottom: 0.15rem;}
	.messageBox .title{font-size: var(--font-size30);}

	.JobForm .group{width: 100%;}
}
@media(max-width:480px){
	.hrList .item .title:After{width: 0.4rem;height: 0.4rem;}
	.hrList .item{padding-top: 0.2rem;padding-bottom: 0.2rem;margin-bottom: 0.15rem;}
}

/* 服务与支持 */
.searchFaq{max-width: 9.06rem;margin: 0px auto 4.167vw;position: relative;height: 0.64rem;border-radius: 0.64rem;border: 1px solid #dddddd;padding: 0 0.03rem 0 0.85rem;}
.searchFaq:before{position: absolute;left: 0.29rem;top: 50%;transform: translateY(-50%);content: "";width: 0.25rem;height: 0.25rem;background: url(/cn/images/ico_so2.svg) no-repeat center center/contain;}
.searchFaq input{height: 0.56rem;flex: 1;border: 0;}
.searchFaq .btn{width: 1.56rem;height: 0.56rem;background-color: rgba(var(--main-color));color: #fff;border-radius: 0.56rem;font-size: var(--font-size20);border: 0;cursor: pointer;margin-left: 0.1rem;}
.searchFaq .btn:hover{opacity: 0.9;}
.searchFaq:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);}

.faqList{padding-bottom: 0.2rem;}
.faqList .item{margin-bottom: 0.3rem;cursor: pointer;}
.faqList .item .inner{background-color: #f8f8f8;padding: 2.917vw 3.438vw;position: relative;border-radius: 0.1rem;}
.faqList .item .inner:before{border-radius: 0.1rem 0 0 0.1rem;width: 0;top: 0;content: "";position: absolute;background-color: rgba(var(--main-color));height: 100%;left: 0;opacity: 0;transition: all .5s cubic-bezier(0.9,0.5,0.05,1.5);}
.faqList .item .inner:after{content: "";position: absolute;left: 0.17rem;top: 0;width: 0.13rem;background: url(/cn/images/faq-water.svg) no-repeat center bottom/cover;height: 0;transition: all .5s cubic-bezier(0.9,0.5,0.05,1.5);}
.faqList .item .title{font-size: var(--font-size24);margin-bottom: 0.26rem;padding-left: 0.64rem;position: relative;font-weight: 500;}
.faqList .item .title:before{content: "";width: 0.32rem;height: 0.32rem;left: 0;position: absolute;top: 0.02rem;background: url(/cn/images/ico_fq.png) no-repeat center center/contain;}
.faqList .item .detail{font-size: var(--font-size18);line-height: 2;padding-left: 0.64rem;position: relative;height: 2em;overflow: hidden;}
.faqList .item .detail:before{content: "";width: 0.32rem;height: 0.32rem;left: 0;position: absolute;top: 0.02rem;background: url(/cn/images/ico_aq.png) no-repeat center center/contain;}
.faqList .item:hover .inner:before,
.faqList .item.on .inner:before{width: 0.22rem;opacity: 1;}
.faqList .item.on .inner:after{height: 100%;}
.faqList .item.on .title{color: rgba(var(--main-color));}
.faqList .item.on .detail{height: auto;}

.subTit{text-align: center;padding-bottom: 2.604vw;}
.subTit h2{font-size: var(--font-size36);font-weight: 500;}

.saleService{margin-left: -2.292vw;}
.saleService .item{flex: 1;margin-left: 2.292vw;border-radius: 0.2rem;min-height: 23.438vw;text-align: center;padding: 3.49vw;background-color: #f8f8f8;position: relative;overflow: hidden;}
.saleService .item::before {content: "";position: absolute;top: -5%;left: -5%;z-index: 0;width: 110%;height: 110%;background-color: rgba(var(--main-color));transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86)}
.saleService .inner{position: relative;z-index: 1;}
.saleService .ico-zoom{width: 0.99rem;height: 0.86rem;margin: 0px auto;}
.saleService h3{margin: 2.083vw 0 1.875vw;font-size: var(--font-size28);font-weight: 500;}
.saleService h3:after{display: block;margin: 0px auto;width: 0.35rem;height: 0.19rem;border-bottom: 0.02rem solid rgba(var(--main-color));content: "";}
.saleService .desc{line-height: 1.625;}
.saleService .item:hover::before {transform: scaleX(1);transform-origin: left;}
.saleService .item:hover {color: #fff;}
.saleService .item:hover h3:after{border-color: #20468c;}

@media(max-width:768px){
	.saleService .item:not(:last-child){margin-bottom: 0.2rem;}
}
@media(max-width:480px){
	.searchFaq{padding-left: 0.6rem;}
	.searchFaq .btn{width: 1rem;}
	.faqList .item{margin-bottom: 0.15rem;}
	.faqList .item .title{font-size: var(--font-size20);}

	.subTit h2{font-size: var(--font-size30);}
	.saleService .ico-zoom{width: 0.5rem;height: 0.43rem;}
}



/* 产品中心 */
.subNav li{margin-bottom: 1.042vw;min-width: 7.813vw;text-align: center;}
.subNav li:not(:last-child){margin-right: 1.042vw;}
.subNav li a{display: block;position: relative;z-index: 1;line-height: 0.45rem;padding: 0 0.2rem;border-radius: 0.45rem;background-color: #f8f8f8;overflow: hidden;}
.subNav li a span{position: relative;z-index: 2;}
.subNav li a::before {content: "";position: absolute;top: -5%;left: -5%;z-index: 0;width: 110%;height: 110%;background-color: rgba(var(--main-color));transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86);z-index: 0;}
.subNav li:hover a,.subNav li.on a{color: #fff;}
.subNav li:hover a::before,.subNav li.on a::before{transform: scaleX(1);transform-origin: left}

.proBox{padding-top: 0.46rem;}
.proBox .Ispic{width: 33.57%;padding-top: 33.57%;border-radius: 50%;overflow: visible;border-radius: 50%;border: 0.06rem solid rgba(var(--main-color));margin-left: 8.5%;}
.proBox .Ispic:after{content: "";background: url(/cn/images/home-pro-wtaer.png) no-repeat center bottom/contain;bottom: -0.18rem;width: calc(100% + 0.7rem);height: 121%;position: absolute;left: 50%;transform: translateX(-50%);}
.proBox .Ispic span{overflow: hidden;border-radius: 50%;left: 0.04rem;top: 0.04rem;width: calc(100% - 0.08rem);height: calc(100% - 0.08rem);background: url(/cn/images/probg.jpg) no-repeat center center/cover;}
.proBox .model{width: 47.64%;padding: 2.448vw 0.3rem 0 0;}
.proBox .model .title{margin-bottom: 2.083vw;font-size: var(--font-size32);font-weight: 500;}
.proBox .model li{width: 47%;margin-bottom: 1.302vw;}
.proBox .model li a{display: block;text-align: center;font-size: var(--font-size20);border-radius: 5px;background-color: #f8f8f8;padding: 0.1rem 0.25rem;transition: all 0.5s;}
.proBox .model li a:hover{color: #fff;background-color: rgba(var(--main-color));}

.pro-category{padding-bottom: 0.09rem;border-bottom: 1px solid #e6e6e6;margin-bottom: 3.75vw;}
.pro-category .item{margin-bottom: 1.458vw;line-height: 0.42rem;}
.pro-category .item dt{width: 1.07rem;color: #666666;}
.pro-category .item dd{flex: 1;}
.pro-category .category li:not(:last-child){margin-right: 0.9vw;}
.pro-category .category li a{display: block;position: relative;z-index: 1;padding: 0 0.18rem;border-radius: 0.45rem;overflow: hidden;font-size: var(--font-size18);color: #666666;}
.pro-category .category li a span{position: relative;z-index: 2;}
.pro-category .category li a::before {content: "";position: absolute;top: -5%;left: -5%;z-index: 0;width: 110%;height: 110%;background-color: rgba(var(--main-color));transform: scaleX(0);transform-origin: right;-webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);-o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);transition: transform .6s cubic-bezier(.785, .135, .15, .86);z-index: 0;}
.pro-category .category li:hover a,.pro-category .category li.on a{color: #fff;font-weight: 500;}
.pro-category .category li:hover a::before,.pro-category .category li.on a::before{transform: scaleX(1);transform-origin: left}

.pro-category .model li{line-height: 0.4rem;min-width: 20%;}
.pro-category .model li a{display: block;transition: all 0.5s;}
.pro-category .model li a:hover,.pro-category .model li.on a{color: rgba(var(--main-color));}
.pro-category .model li.on a{font-weight: 500;}

.pro-title{font-size: var(--font-size30);color: #222222;padding-bottom: 0.13rem;border-bottom: 1px solid #eeeeee;font-weight: 500;}

.pro-detail{padding: 0.46rem 0;border-bottom: 1px solid #eeeeee;position: relative;}
.pro-detail:before{left: 50%;top: 0.46rem;width: 1px;content: "";position: absolute;background-color: #eeeeee;height: calc(100% - 0.82rem);}
.pro-detail .detail{width: 47.14%;line-height: 1.875;}
.pro-detail .detail b{color: #222222;font-size: var(--font-size22);margin-bottom: 0.1rem;}
.pro-detail .detail .txt{margin-bottom: 0.25rem;}
@media(max-width:1024px){
.Supplier li .Ispic{width: 25%}
.Supplier li .info{width: 70%;}
.Contact .title{font-size: 0.36rem;line-height: 1.5;margin-bottom: 0.3rem;}
.Contact_p2{margin-top: 0.5rem;}
.Contact{overflow: hidden;}
.Contact{padding-top: 0.3rem;}

}
@media(max-width:768px){
	.proBox .Ispic{margin: 0px auto;width: 65%;padding-top: 65%;}
	.proBox .info{width: 100%;padding-top: 0.3rem;}
	.proBox .info .title{text-align: center;}
	.tMenu li{font-size: 0.24rem;line-height: 0.3rem;height: auto;padding: 0 0.15rem}
	.pro-category .item dt{width: 100%;}
	.pro-category .category li a{font-size: var(--font-size16);line-height: 0.4rem;}
	.fMenu li{padding: 0.2rem 0;margin: 0 0.15rem;font-size: 0.2rem}
	.pro-category .model li{padding-right: 0.15rem;}
	.pro-detail .detail{width: 100%;}
	.pro-detail:before{display: none;}
	.DownloadList .download li p{width: 50%}
	.TechnicalConsultation .newsFocus .more{margin-top: 0.4rem;}
	.TechnicalConsultation .newsFocus .swiper-slide .desc{font-size: 16px;line-height: 1.75;}
	.TechnicalConsultation .newsFocus .swiper-slide{margin-top: 0.3rem;}
.Supplier li .Ispic{width: 100%;}
	.Supplier li{flex-wrap: wrap;margin-bottom: 0.4rem;}
	.Supplier li .Ispic{width: 60%}
	.Supplier li .info{width: 100%;;margin-top: 0.3rem;}
	.Partner li{width: 49% ;margin-right: 0;padding: 0.2rem}
	.Partner li:nth-child(2n){float: right;}
	.Partner li .more{left: 0.2rem;bottom: 0.2rem}
	.Contact_p2 .mapbox .maplist{display: none}
	.Contact_p3 ul li .Ispic{width: 70%;height: auto;padding-bottom: 70%;}


}
@media(max-width:480px){
	.Contact_p1 .form .textbox em{line-height: 0.3rem;}
	.proBox .info li{width: 100%;}
	.DownloadList .download li .lb,.DownloadList .download li .wj{display: none}
	.DownloadList .download li{padding-left: 0.2rem;}
	.DownloadList .download li:before{left: 0.08rem}
	.DownloadList .download li p{width: 90%;}
	.TechnicalConsultation .newsFocus .swiper-slide .tit{margin-bottom: 0.3rem;}
		.Supplier li .Ispic{width: 80%}
		.Supplier li .info .more span{min-width: 2rem;padding: 0 0.2rem}
		.Supplier li .info{padding: 0.4rem 0}
		.Supplier li .info .more{margin-top: 0.3rem;}
		.Partner li{width: 100%;}
		.Partner li{min-height: 3.2rem}
		.Contact_p3 ul li{width: 50%;margin-bottom: 0.3rem;}
		.Contact_p3 ul li:nth-child(2n){border-right: none}




}

@media(max-width:1024px){
	.yxrl {
			width: 30px;
			height: auto;
			padding-bottom: .1rem;
	}

	.yxrl a.btn {
			padding: 0.5rem .1rem 0;
	}

	.yxrl .calendar {
			height: 3.7rem;
			top: 50%;
			transform: translate(0,-50%);
	}

	.Other002907 li a {
			padding: 0.3rem 0 .07rem;
			font-size: .12rem;
			background-position: center .05rem;
			background-size: .16rem;
	}

	.Other002907 {
			width: 30px;
	}

	.Other002907 li.li_4 a {
			height: .3rem;
	}
}
@media(max-width:768px){
	.Other002907 {
        width: 27px;
    }

		.Floor002731 .ul-pc .slide {
    width: 100% !important;
		}

		.Floor002731 .ul-pc {
				flex-wrap: wrap;
		}

		.Floor002731 .ul-pc .text {
				opacity: 1;
				transform: translateY(0);
				transition: 0.3s 0.4s;
				z-index: 6;
				padding: .2rem;
		}

		.Floor002731 .ul-pc aside {
				display: none;
		}
}
    

[v-cloak] {
	display: none !important;
}

/* 提交资料 */
.materialMsg{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .2);
	z-index: 999;
}
.materialMsg.cur{
	display: none;
}
.materialMsg .content{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.materialMsg .main{
	background-color: #fff;
	border-radius: .2rem;
	overflow: hidden;
	padding: .2rem 0;
	position: relative;
}
.materialMsg .close{
	position: absolute;
	right: .2rem;
	top: .2rem;
	width: .15rem;
	height: .15rem;
	z-index: 2;
	cursor: pointer;
}
.materialMsg .close::before,
.materialMsg .close::after{
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2px;
	background-color: #000;
	height: 100%;
}
.materialMsg .close::before{
	transform: translate(-50%,-50%) rotate(45deg);
}
.materialMsg .close::after{
	transform: translate(-50%,-50%) rotate(-45deg);
}
.materialMsg .materialMsg_title{
	font-size: .48rem;
	text-align: center;
	color: #000;
}
.material{
	max-width: 8rem;
	width: 95%;
	font-weight: 400;
}
.material .material_form{
	margin-top: .6rem;
	max-height: 60vh;
	overflow-y: auto;
	padding-right: .2rem;
}
.material .material_form::-webkit-scrollbar{width: 2px; height:4px;-webkit-overflow-scrolling : touch;background-color: transparent;}
.material .material_form::-webkit-scrollbar-track{background: transparent url(../images/scrollbartrack.gif) center top repeat-y;}
.material .material_form::-webkit-scrollbar-thumb{border-radius: 5px;background: #0083d3 url(../images/scrollbg.png) center center no-repeat;}
.material .material_form::-webkit-scrollbar-button{height: 0px;width: 0;background-color: #ebeced;display: none;}

@media(max-width:768px){
	.materialMsg .materialMsg_title {
			font-size: .32rem;
	}
	.material .material_form {
			margin-top: .2rem;
	}
}


/* 滑动 */
.move{position:relative;background:#e8e8e8;user-select:none;overflow:hidden;height:100%;}
.move .slider-track{position:absolute;left:0;top:0;height:100%;width:0;background-color:#004e9f;border-radius:.1rem;transition:width 0.3s ease;pointer-events:none;}
.move .slider-thumb{position:absolute;left:0;top:0;width:.5rem;/* height:.5rem;*/
 background-color:#004e9f;/* line-height:.46rem;*/
 color:#004e9f;cursor:pointer;transition:left 0.3s ease;user-select:none;box-shadow:0 0 5px rgba(76,175,80,0.6);z-index:2;border-radius:.1rem;background-image:url(/cn/images/next_fff.png);background-repeat:no-repeat;background-position:center;height:100%;}
.move .slider-text{position:absolute;width:100%;height:100%;line-height:.5rem;text-align:center;pointer-events:none;user-select:none;z-index:1;transition:color 0.3s ease;color:#999;font-size:.16rem;}
.huaMsg{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	background-color: rgba(0, 0, 0, .3);
}
.huaMsg.cur{
	display: none;
}
.huaMsg .content{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.huaMsg .main{
	background-color: #fff;
	border-radius: .2rem;
	overflow: hidden;
	padding: .2rem 0;
	position: relative;
}
.huaMsg .hua{
  width: 95%;
  max-width: 5rem;
  margin: 0 auto;
}
.huaMsg .move_main{
  display: flex;
  justify-content: center;
  margin-top: .2rem;
  padding:0 .2rem;
}

.huaMsg .huaMsg_title{
  text-align: center;
  font-size: .3rem;
  color: #000;
}
.huaMsg .move{
  height: .5rem;
  border-radius: .1rem;
}


.login{
	position: relative;
}
.login:hover .login_wx_main{
	display: block;
}
.login .login_wx{
	border-radius: .1rem;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.login .login_wx img{
	min-width: 1.6rem;
}
.login .login_wx_main{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	padding-top: .1rem;
	display: none;
}
.login .login_wx_main:before {
    content: "";
    position: absolute;
    left: 50%;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px;
		margin-top: -.1rem;
    bottom: calc(100% + -.1rem);
    border-bottom: 6px solid #f6f8fa;
    border-top: none; 
} 

/* transparent */
.canvas_box canvas {
    transform: rotate(-90deg);
    position: relative;
}
.canvas_box{
	height: 100%;
	overflow: hidden;
	/* transform: translate(0,-2rem); */
}
.full-line{
	opacity: 0;
}

.Contact_p1 .form .textbox i {
    position: absolute;
    left: .1rem;
    color: #f00;
}
.fixedproduct{
	position: relative;
}
.fixedproduct .fixed_base{
	position: absolute;
	top: -1.5rem;
}
<!--0.00023508071899414-->