@import url(base.css);
html *{font-family: 'sans-serif' !important;}

/*Top s*/
.header{position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.3s;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.2);background-color: rgba(0,44,76,0.3);}
.header:after{height: 100%;top: 0;width: 100%;transition: all 0.5s;background-color: rgba(var(--main-color));content: "";position: absolute;z-index: -1;}
.header .auto-inner{height:0.68rem;transition: all 0.3s;position: static;}
.header .logo img{height: 0.44rem;}
.header .logo span{margin-left: 0.19rem;padding-left: 0.18rem;color: #fff;line-height: 0.44rem;position: relative;}
.header .logo span:before{border-left: 1px solid rgba(255,255,255,0.3);height: 0.2rem;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.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(../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(../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(../images/soso.svg);}
.top_search .ico .icongb{ display:none;background-image: url(../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(../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: relative;font-size: var(--font-size18);}
.mainNav li{padding:0 1vw;position: relative;}
.mainNav li:first-child{padding-left: 0;}
.mainNav span a{ position:relative; z-index:100;display:block;line-height: 0.68rem;color: #fff;transition: all 0.3s;}
.mainNav span a:after{position: absolute;width: 0.33rem;height: 0.68rem;content: "";left: 50%;transform: translateX(-50%) scale(0);top: -100%;background: url(../images/top_water.svg) no-repeat center center/contain;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{top: -0.16rem;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,
.detailBox .header:after{height: 100%;box-shadow: 0 0 0.521vw rgba(0,0,0,0.1);}

@media(min-width:1921px){
	.mainNav li{padding: 0 0.3rem;}
}
@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);}

	.open-menu{display: none;}
		/* 下拉 */
		.mainNav .sub{position: absolute;left: 50%;transform: translateX(-50%) scale(0.9);top: 100%;width: 3.5rem;text-align: center;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;}
		.mainNav .sub dl{display: inline-block;box-shadow: 0 0 15px rgba(0,0,0,0.09);background:#f8f9fb;min-width: 3rem;border-radius: 0 0 0.2rem 0.2rem;}
		.mainNav .sub dd{position: relative;margin: 0 0.3rem;text-align: left;}
		.mainNav .sub a{display: block;padding: 0.5vw 0;position: relative;z-index: 1;color: #333333;border-bottom: 1px solid #e6e6e6;transition: all 0.5s;}
		.mainNav .sub a:after{position: absolute;right: 0.15rem;top: 50%;transform: translateY(-50%);content: "";width: 0.08rem;height: 0.12rem;background: url(../images/arr_r_blue.svg) no-repeat center center/contain;opacity: 0;transition: all 0.5s;}
		.mainNav .sub dd:last-child a{border-bottom: 0 !important;}
		.mainNav .sub dd:hover a{border-bottom: 1px solid rgba(var(--main-color));}
		.mainNav .sub dd:hover a{color: rgba(var(--main-color));}
		.mainNav .sub dd:hover a:after{right: 0;opacity: 1;}
		.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 .auto-inner{justify-content: space-between;}
	.header .logo span{display: none;}

	.mainNav{position: fixed;left: 0;top:0.68rem;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;}

	.wap-dd-op,
	.wap-op{position: absolute;right: 0;width: 3em; height: 100%;background: url(../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*/

/*  */
.footer-ote{ padding:.5rem 0; background:#f8f8f8; border-bottom:solid 2px #fff;}
.footer-ote .txt{display:flex;align-items: center;width:70%;justify-content:space-between;}
.footer-ote .txt .con{line-height:1.7; }
.footer-ote .HomeMore{ font-size:.2rem; background:rgba(var(--main-color)); border-radius:0.8rem;}
.footer-ote .HomeMore a{line-height:2.8; padding:0 .2rem; display:-webkit-flex; display:flex;align-items:center;justify-content:center;}
@media (max-width:768px){
.footer-ote .txt{ width:100%;margin-bottom: 0.1rem;}
.footer-ote .HomeMore a{line-height:1.8;}
}

/*Bottom s*/
.waterline{position: absolute;top: 0;left: 0.5rem;}
.waterline span{background: url(../images/footer_water.png) no-repeat center bottom/cover;display: inline-block;height: 1.42rem;width: 0.08rem;vertical-align: top;z-index: 10;}
.waterline span:nth-child(1){height: 1.32rem;}
.waterline span:nth-child(3){height: 1.24rem;}
.footer{ position:relative;background:#f8f8f8;z-index: 2;padding: 3.646vw 0 0.34rem;}
.footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;}
.footer .logo {width:24%;}
.footer .logo img{width: 2.14rem;}
.footer .logo span{display: block;margin-top: 0.2rem;color: #1f468b;letter-spacing: -0.01em;}
.footer .sitemap{width:28%;position: relative; padding-right:2%;}
.footer .sitemap:after{position: absolute;right: 0;top: 0.06rem;height: calc(100% - 0.06rem);content: "";background-color: #e9e9e9;width: 1px;}
.footer .sitemap li{width: 50%;font-size: var(--font-size18);margin-bottom: 0.26rem;}
.footer .sitemap li:before{content: "";display: inline-block;vertical-align: middle;width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: rgba(var(--main-color));margin: -0.05rem 0.1rem 0 0;transition: all 0.5s;}
.footer .sitemap li:hover:before{transform: scale(1.3);}
.footer .contact{flex: 1;padding: 0.02rem 1.86rem 0 4.063vw;position: relative;color: rgba(var(--rgb-555));min-height: 2rem;}
.footer .contact dd{margin-bottom: 0.03rem;position: relative;padding-left: 0.31rem;}
.footer .contact dd img{position: absolute;left: 0;height: 0.22rem;}
.footer .contact dd:nth-child(2n+2){margin-bottom: 0.33rem;}
.footer .contact dd:nth-child(2n+2):after{position: absolute;left: 0;width: 100%;height: 1px;content: "";bottom: -0.17rem;background-color: #ededed;}
.footer .contact .ewm{position: absolute;right: 0;text-align: center;top: 0.06rem;}
.footer .contact .ewm img{display: block;padding: 0.12rem;width: 1.6rem;background-color: #fff;margin: 0px auto 0.08rem;border: 1px solid #dfdfdf;}
.footer .copyright{padding-top: 0.14rem;border-top: 1px solid #e5e5e5;color: var(--rgb-555);width: 100%;margin-top: 0.38rem;}
.footer .copyright a{color: rgba(var(--rgb-555));}.footer .copyright a:hover{color:rgba(var(--main-color));}

.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{position: fixed;right: 2.5vw;bottom: 0;width: 0.45rem;height: 0.45rem;border-radius: 50%;color: #fff !important;text-align: center;cursor: pointer;z-index: 100;display: flex;align-items: center;justify-content: center;background: rgba(var(--main-color)) url(../images/top.svg) no-repeat center center/ 0.16rem 0.16rem; visibility: hidden; opacity: 0; transition: 0.3s;cursor:pointer;}
.totop.cd-is-visible {visibility: visible;opacity: 1;bottom: 5%;}
.totop:hover{opacity: 0.8 !important;}
.totop.fix{position: absolute;top: -0.22rem;bottom: auto;border-radius: 50%;}
@media(max-width:1600px){
	.footer .waterline{left: 2vw;}
}
@media(max-width:1024px){
	.home-footer{overflow: visible !important;}
	.footer .logo,.footer .sitemap{display: none;}
}
@media(max-width:480px){
	.footer .contact{padding-right: 1.6rem;}
	.footer .contact .ewm img{width: 1.4rem;}
}
/*Bottom end*/

/* button s*/
.moreBtn{min-width: 1.5rem;text-align: center;display: inline-block;overflow: hidden;position: relative;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(../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(../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(../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(../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;}

/* 滚屏导航 */
#FixMenu{position: fixed;right: 2.083vw;z-index: 10000;top: 50%;transform: translate(0,-50%);}
#FixMenu li{display: block;width: 0.24rem;	position: relative;transition: all 0.5s;height: 2.604vw;cursor: pointer;}
#FixMenu li:after{content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;position: absolute;width: 0.09rem;height: 0.09rem;border:1px solid rgba(255,255,255,0.95);transition: all 0.5s;}
#FixMenu li:before{position: absolute;width: 0;height: 0;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(var(--main-color)) url(../images/home-scene-ico.png) no-repeat center center/contain;transition: all 0.5s;border-radius: 50%;}
#FixMenu li a{display: block;}
#FixMenu li span{transition: all 0.5s;right: 0;min-width: 2rem;text-align: right;top: 50%;position: absolute;transform: translateY(-50%);visibility: hidden;opacity: 0;}
#FixMenu li span em{display: inline-block;background-color: rgba(255,255,255,0.9);padding: 0 0.15rem;border-radius: 5px;line-height: 18px;padding:5px;}
#FixMenu li:hover span{opacity: 1;padding-right: 0.24rem;visibility: visible;}
#FixMenu li:hover:after{background-color: rgba(255,255,255,1);}
#FixMenu li.active:before{width: 0.3rem;height: 0.3rem;}
#FixMenu li.active:after{width: 0;height: 0;border: 0;}

@media(max-width:1024px){
	#FixMenu{display: none;}
}

/* banner */
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;z-index:999;cursor: pointer;margin: 0px auto;width: 15px;height: 23px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 1rem;}
.downarr span{display: block;height: 23px;position: relative;width: 15px;border-radius: 10px;border:1px solid #fff;}
.downarr span:After{position: absolute;left: 50%;top: 6px;width: 1px;content: "";background:#fff;height: 4px;margin-left: -0.05px;}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}
.downarr .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}
.downarr .iconxjt{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;font-size: 16px;position: relative;margin-top: -100px;color: #00479d;}
@keyframes down_move1
{
0% { top:-0.25rem; opacity:0;}
50% { top:0; opacity:1;}
100% { top:0.2rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@keyframes down_move2
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@-webkit-keyframes down_move2
{
	0% { top:0; opacity:0;}
	50% { top:0.7rem; opacity:1;}
	100% { top:1.2rem; opacity:0;}
}

@media(max-width:1024px){

}
/* home-ban */
.home-ban .auto-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;z-index: 100;}
.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{left: -1rem;}
.home-ban .swiper-button-next{right: -1rem;}
/* .home-ban .swiper-button-prev,.home-ban .swiper-button-next{display: none !important;} */
.home-ban:hover .swiper-button-prev{left: 0.88rem;}
.home-ban:hover .swiper-button-next{right: 0.88rem;}
.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;display: none !important;}
.home-ban .controls-page {width: 100%;left: 0;bottom: 0.3rem;z-index: 10;text-align: center;position: absolute;}
.home-ban .controls-page span{background-color: rgba(0,0,0,0.6);cursor: pointer;margin: 0 0.05rem;height: 0.08rem;width: 0.08rem;transition: all 0.5s;}
.home-ban .controls-page span.swiper-pagination-bullet-active{width: 0.26rem;border-radius: 0.04rem;transform: scale(1);background-color: rgba(var(--main-color));opacity: 1;}
@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-about */
.home-about{background: url(../images/home-about-bg.jpg) no-repeat center bottom/cover;}
.home-about .info{padding: 13.333vw 4.8% 0 0;color: rgba(var(--rgb-555));flex: 1;}
.home-about .info h2{font-weight: 400;font-size: var(--font-size20);margin-bottom: 0.14rem;}
.home-about .info .name{margin-bottom: 0.36rem;}
.home-about .info .desc{line-height: 1.875;margin-bottom: 0.52rem;}
.home-about .more{position: absolute;left: 0.15rem;top: 60%;width: 0.65rem;height: 0.65rem;z-index: 10;}
.home-about .more em{display: block;height: 0.65rem;border-radius: 50%;background: rgba(var(--main-color)) url(../images/arr_more_white.svg) no-repeat center center/0.16rem 0.14rem;position: relative;z-index: 2;transition: all 0.5s;}
.home-about .more::before,
.home-about .more::after {width: 100%;height: 100%;background: rgba(var(--main-color));position: absolute;left: 0;top: 0;border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;}
.home-about .more::after {animation-delay: .5s;}
.home-about .more:hover em{transform: scale(1.2);}
.home-about .more:hover:before,.home-about .more:hover:after{content: "";}

.home-about .Ispic{width: 45.56%;overflow: visible;}
.home-about .Ispic:After{left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;background: url(../images/home-about-kuang.png) no-repeat center bottom/contain;}
.home-about .numList{padding-top: 7.552vw;width: 18.5%;}
.home-about .numList .item{color: rgba(var(--rgb-555));padding: 0.62rem 0 0.37rem 0.25rem;position: relative;}
.home-about .numList .item .num {height: 0.6rem;}
.home-about .numList .item .counter{font-size: var(--font-size42);line-height: 0.6rem;font-weight: 700;color: rgba(var(--main-color));}
.home-about .numList .item p{font-size: var(--font-size18);}
.home-about .numList .item .txt{margin-left: 0.12rem;position: relative;top: -0.03rem;font-size: var(--font-size14);display: inline-block;}
.home-about .numList .item .txt em{position: absolute;top: -0.22rem;left: 0;}
.home-about .numList .item .inner{display: inline-block;text-align: left;}
.home-about .numList .item:nth-child(1):After{width: calc(100% + 0.36rem);}
.home-about .numList .item:nth-child(1):before{left: -0.47rem;content: "";}
.home-about .numList .item:nth-child(2):After{width: 100%;}
.home-about .numList .item:nth-child(2):before{left: -0.12rem;content: "";}

@media(min-width:1025px){
	.home-about.active .info h2{animation:fadeInUpSmall 1.2s .6s ease both;-webkit-animation:fadeInUpSmall 1.2s .6s ease both;-moz-animation:fadeInUpSmall 1.2s .6s ease both;}
	.home-about.active .info .name{animation:fadeInUpSmall 1.5s .7s ease both;-webkit-animation:fadeInUpSmall 1.5s .7s ease both;-moz-animation:fadeInUpSmall 1.5s .7s ease both;}
	.home-about.active .info .desc{animation:fadeInUpSmall 1.8s .8s ease both;-webkit-animation:fadeInUpSmall 1.8s .8s ease both;-moz-animation:fadeInUpSmall 1.8s .8s ease both;}
	.home-about.active .info .moreBtn{animation:fadeInUpSmall 2.1s .9s ease both;-webkit-animation:fadeInUpSmall 2.1s .9s ease both;-moz-animation:fadeInUpSmall 2.1s .9ss ease both;}
	.home-about .Ispic{transition: all 1.2s cubic-bezier(0.9,0.9,0.09,1.2);transform: translateY(-100%) scale(0.5);}
	.home-about.active .Ispic{transform: translateY(0) scale(1);}
	.home-about.active .Ispic img{animation:fadeInfilter 1s .8s ease both;-webkit-animation:fadeInfilter 1s .8s ease both;-moz-animation:fadeInfilter 1s .8s ease both;}
	.home-about.active .Ispic .more{animation:fadeInLeftSmall 1.2s .9s ease both;-webkit-animation:fadeInLeftSmall 1.2s .9s ease both;-moz-animation:fadeInLeftSmall 1.2s .9s ease both;}
	.home-about.active .numList{animation:fadeInLeftSmall 1.2s .8s ease both;-webkit-animation:fadeInLeftSmall 1.2s .8s ease both;-moz-animation:fadeInLeftSmall 1.2s .8s ease both;}

	.home-about .numList .item:after{position: absolute;bottom: 0;border-bottom: 1px solid rgba(var(--main-color),0.22);content: "";right: 0;}
 .home-about .numList .item:before{position: absolute;bottom: -0.05rem;width: 0.12rem;height: 0.12rem;background-color: rgba(var(--main-color),0.22);border-radius: 50%;}
}
@media(max-width:1024px){
	.home-about .numList{padding-top: 3vw;}
	.home-about .numList .item{padding-top: 0.4rem;}
	.home-about .numList .item .num{height: auto;}
	.home-about{padding-bottom: 0.6rem;z-index: 10;}
	.home-about .Ispic:After{transform: scale(1.08);top: -6%;}
}
@media(max-width:768px){
	.home-about .info{padding: 0.6rem 0 0 0;}
	.home-about .Ispic{display: none;}
	.home-about .numList{width: 100%;display: flex;justify-content: space-between;padding-top: 0;}
	.home-about .numList .item{padding-left: 0;padding-bottom: 0;flex: 0.7;}
	.home-about .numList .item .txt{margin-left: 0;font-size: var(--font-size18);margin-left: 0;}
	.home-about .numList .item p{font-size: var(--font-size16);}
	.home-about .numList .item:nth-child(1){flex: 1;}
	.home-about .numList .item:nth-child(3){flex: 1;}
	.home-about .numList .item .counter{font-size: var(--font-size30);}
	.home-about .numList .item p{font-size: var(--font-size18);}
}

/* home-product */
.titHead{text-align: center;padding-bottom: 2.552vw;width: 100%;}
.titHead h2{font-size: var(--font-size55);font-weight: 700;}
.titHead .tdesc{font-size: var(--font-size24);margin-top: 0.06rem;color: rgba(var(--rgb-555));}
.home-product{padding: 0.87rem 0;background: url(../images/home-pro-bg.jpg) no-repeat center top/cover;}
.home-product .swiper-container{overflow: visible;}
.home-product .swiper-pagination{display: none;}
.home-product .swiper-slide{text-align: center;opacity: 0.6;transition: all 0.5s;padding-left: 0.2rem;padding-right: 0.2rem;}
.home-product .Ispic{width: 3.4rem;height: 3.4rem;margin: 0px auto 0.32rem;border-radius: 50%;border: 1px solid #fff;transition: all 0.5s;}
.home-product .Ispic span{background: url(../images/probg.jpg) no-repeat center center/cover;border-radius: 50%;}
.home-product .tit{font-size: var(--font-size20);margin-bottom: 0.05rem;transition: all 0.5s;}
.home-product p{margin-bottom: 0.37rem;color: rgba(var(--rgb-555));}
.home-product .swiper-slide:not(.swiper-slide-active):after{zoom: 0.88;}
.home-product .swiper-slide:after{position: absolute;width: 90%;height: 92%;content: "";left: 50%;transform: translateX(-50%) scale(0);top: -100%;background: url(../images/home-pro-wtaer.png) no-repeat center center/contain;transition: all .5s cubic-bezier(0.9,0.5,0.05,1.5);content: "";opacity: 0;z-index: -1;}
.home-product .swiper-slide-prev,.home-product .swiper-slide-active,.home-product .swiper-slide-next{opacity: 1;}
.home-product .swiper-slide-active .tit{font-size: var(--font-size24);}
.home-product .swiper-slide-active p{font-size: var(--font-size18);color: #808080;}
.home-product .swiper-slide-active:hover .Ispic{border-color: rgba(var(--main-color));}
.home-product .swiper-slide-active:hover .Ispic span{background-image: url(../images/probgon.jpg);}
.home-product .swiper-slide-active:hover:after{top: -14%;transform: translateX(-50%) scale(1);opacity: 1;}
.home-product .m{position: absolute;width: 100%;height: 100%;bottom: -28%;left: 0;z-index: 0;opacity: 0.45;}

@media(min-width:1025px){
	.home-product.active .titHead h2{animation:fadeInUpSmall 1.2s .6s ease both;-webkit-animation:fadeInUpSmall 1.2s .6s ease both;-moz-animation:fadeInUpSmall 1.2s .6s ease both;}
	.home-product.active .titHead .tdesc{animation:fadeInUpSmall 1.5s .7s ease both;-webkit-animation:fadeInUpSmall 1.5s .7s ease both;-moz-animation:fadeInUpSmall 1.5s .7s ease both;}
	.home-product.active .swiper-slide{animation:zoomInSmall 2s .6s ease both;-webkit-animation:zoomInSmall 2s .6s ease both;-moz-animation:zoomInSmall 2s .6s ease both;}

	.home-product .swiper-slide{padding-top: 0.65rem;}
	.home-product .swiper-slide-active {padding-top: 0;}
	.home-product .swiper-slide-active .Ispic{width: 4.7rem;height: 4.7rem;margin: 0 auto 0.18rem;border: 0.06rem solid rgba(255,255,255,0.5);}
}
@media(max-width:1600px){
	.titHead h2{font-size: var(--font-size40);}
}
@media(max-width:1440px)and(min-width:1025px){
	.home-product .Ispic{width: 2.8rem;}
	.home-product .swiper-slide-active .Ispic{width: 4rem;height: 4rem;}
	.home-product .swiper-slide:after{width: 4.2rem;height: 5rem;}
}
@media(max-width:1024px){
	.titHead h2{font-size: var(--font-size30);}
	.home-product .swiper-slide-active:hover:after{top: -19%;}
}
@media(max-width:768px){
	.home-product{padding: 0.6rem 0;}
	.home-product .swiper-container{padding: 0 10%;}
	.home-product .Ispic{width: 100%;height: auto;padding-top: 100%;}
}

/* home-scene */
.home-scene{background: url(../images/home-scene-bg.jpg) no-repeat center bottom/cover;}
.home-scene .auto-inner{padding-top: 2.6rem;}
.home-scene .tabNav{width: 37.31%;padding-left: 4.8%;position: relative;}
.home-scene .tabNav:After{position: absolute;width: 1.79rem;height: 8.4rem;content: "";background: url(../images/home-scene-cricle.png) no-repeat center center/contain;top: -1.04rem;right: -1.79rem;}
.home-scene .tabNav .item:first-child{padding-top: 0;}
.home-scene .tabNav .item{padding: 0.25rem 0;position: relative;z-index: 10;}
.home-scene .tabNav .item:after{width: 4.24rem;content: "";left: 0;bottom: 0;position: absolute;border-bottom: 1px dotted #c4c5c5;}
.home-scene .tabNav .item.on:after,
.home-scene .tabNav .item:last-child:after{display: none;}
.home-scene .tabNav h3{font-weight: 400;font-size: var(--font-size24);transition: all 0.5s;}
.home-scene .tabNav h3 span{flex: 1;margin-left: 0.2rem;position: relative;}
.home-scene .tabNav h3 span:After{width: 0;transition: all .5s cubic-bezier(0.9,0.5,0.05,1.5);height: 0.06rem;content: "";position: absolute;right: 0;background: url(../images/home-scene-water.svg) no-repeat 0 center/cover;top: 50%;transform: translateY(-50%);}
.home-scene .tabNav h3 i{position: absolute;width: 0.3rem;height: 0.3rem;border-radius: 50%;content: "";top: 50%;transform: translateY(-50%);background-color: #fff;right: 0;z-index: 10;transition: all 0.5s;}
.home-scene .tabNav .info{display: none;}
.home-scene .tabNav .txt{line-height: 1.875;margin: 0.22rem 4.427vw 0.2rem 0;color: rgba(var(--rgb-555));}

.home-scene .tabNav .on .info{display: block;}
.home-scene .tabNav .on h3{font-weight: 700;font-size: var(--font-size26);color: rgba(var(--main-color));}
.home-scene .tabNav .on span i{width: 0.5rem;height: 0.5rem;background: rgba(var(--main-color)) url(../images/home-scene-ico.png) no-repeat center center/contain;}
.home-scene .tabNav .on span i::before,
.home-scene .tabNav .on span i::after {width: 100%;height: 100%;background: rgba(var(--main-color));position: absolute;left: 0;top: 0;border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;content: "";z-index: -1;}
.home-scene .tabNav .on span i::after {animation-delay: .5s;}
.home-scene .tabNav .on h3 span:After{width: 100%;}


.home-scene .imgbox{width: 48%;margin: -8% 5% 0 0;position: relative;}
.home-scene .imgbox:After{position: absolute;left: 50%;transform: translateX(-50%) scale(0.9);background: url(../images/home-scene-kuang.png) no-repeat center bottom/contain;width: 118%;height: 138%;content: "";bottom: -9%;}
.home-scene .Ispic{padding-top: 100%;border-radius: 50%;}
.home-scene .tabCon.animated .Ispic img{animation:fadeInscale 2.5s .4s ease both;-webkit-animation:fadeInscale 2.5s .4s ease both;-moz-animation:fadeInscale 2.5s .4s ease both;}

@media(min-width:1025px){
	.home-scene.active .tabNav h2{animation:fadeInUpSmall 1.2s .6s ease both;-webkit-animation:fadeInUpSmall 1.2s .6s ease both;-moz-animation:fadeInUpSmall 1.2s .6s ease both;}
	.home-scene.active .tabNav h3{animation:fadeInUpSmall 1.5s .7s ease both;-webkit-animation:fadeInUpSmall 1.5s .7s ease both;-moz-animation:fadeInUpSmall 1.5s .7s ease both;}
	.home-scene.active .tabNav .info{animation:fadeInUpSmall 1.8s .8s ease both;-webkit-animation:fadeInUpSmall 1.8s .8s ease both;-moz-animation:fadeInUpSmall 1.8s .8s ease both;}

	.home-scene .imgbox{transition: all .8s cubic-bezier(0.9,0.9,0.09,1.5);transform: translateY(-100%) scale(0.5);}
	.home-scene.active .imgbox{transform: translateY(0) scale(1);}
}
@media(min-width:769px){
.home-scene .tabNav .item:nth-child(1) h3 i{right: -0.24rem;}
.home-scene .tabNav .item:nth-child(2) h3 i{right: -0.24rem;}
.home-scene .tabNav .item:nth-child(3) h3 i{right: -0.42rem;}
.home-scene .tabNav .item:nth-child(4) h3 i{right: -0.7rem;}

.home-scene .tabNav .item:nth-child(1).on h3 i{right: -0.34rem;}
.home-scene .tabNav .item:nth-child(3).on h3 i{right: -0.3rem;}
.home-scene .tabNav .item:nth-child(4).on h3 i{right: -0.45rem;}

.home-scene .tabNav.t4 .item:nth-child(2) h3 i{right: -0.18rem;}
.home-scene .tabNav.t4 .item:nth-child(3) h3 i{right: -0.21rem;}
}
@media(max-width:1440px){
	.home-scene .auto-inner{padding-top: 2rem;}
	.home-scene .imgbox{margin-top: -6%;}
}
@media(max-width:1024px){
	.home-scene .auto-inner{padding: 1rem 0;}
	.home-scene .imgbox{margin-top: 0;}
	.home-scene .tabNav{padding-left: 0;}
}
@media(max-width:768px){
	.home-scene .auto-inner{padding: 0.6rem 0;}
	.home-scene .tabNav{width: 100%;}
	.home-scene .tabNav:After{display: none;}
	.home-scene .imgbox{width: 100%;}
	.home-scene .tabNav .item{padding: 0.1rem 0;}
	.home-scene .tabNav h3{font-size: var(--font-size20) !important;}
}

/* home-news */
.home-news{background: url(../images/home-news-bg.jpg) no-repeat center top/cover;}
.home-news .auto-inner{padding: 1rem 0 0.87rem;}
.home-news .focus{width: 45%;position: relative;}
.home-news .focus a{display: block;}
.home-news .focus .Ispic{padding-top: 61.38%;border-radius: 0.1rem 0.1rem 0 0;}
.home-news .focus .info{border-radius: 0 0 0.1rem 0.1rem;background-color: #fff;min-height: 1.5rem;padding: 0.28rem 5.469vw 0.28rem 2.083vw;position: relative;overflow: hidden;}
.home-news .focus time{font-size: var(--font-size14);}
.home-news .focus h3{font-size: var(--font-size20);margin: 0.02rem 0 0.09rem;font-weight: 400;}
.home-news .focus .desc{color: rgba(var(--rgb-555), 0.8);}
.home-news .focus .waterline{left: auto;right: 1.563vw;top: -25%;}
.home-news .focus .swiper-slide:hover .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-news .focus .swiper-slide:hover .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-news .focus .swiper-slide:hover .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-news .focus .swiper-slide:hover .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;}
.home-news .swiper-button-prev{left: -0.5rem;} 
.home-news .swiper-button-next{right: -0.5rem;} 
.home-news .focus:hover .swiper-button-prev{left: 0.2rem;}
.home-news .focus:hover .swiper-button-next{right: 0.2rem;}

.home-news .list{width: 46.87%;}
.home-news .list .item a{display: block;min-height: 1.87rem;padding: 0.29rem 1.927vw 0.24rem 1.44rem;position: relative;background-color: rgba(255,255,255,0.5);border-radius: 0.1rem;}
.home-news .list .item time{position: absolute;width: 1.44rem;text-align: center;left: 0;top: 0.24rem;font-size: var(--font-size14);color: #747474;}
.home-news .list .item time span{display: block;line-height: 0.64rem;margin-bottom: 0.08rem;color: rgba(var(--rgb-333));font-size: var(--font-size50);font-weight: 500;position: relative;}
.home-news .list .item time span:After{width: 0.2rem;height: 2px;left: 50%;transform: translateX(-50%);bottom: 0;position: absolute;content: "";background-color: rgba(var(--main-color));}
.home-news .list .item:not(:last-child){margin-bottom: 0.15rem;}
.home-news .list .item h3{font-weight: 400;font-size: var(--font-size20);}
.home-news .list .item .desc{color: rgba(var(--rgb-555),0.8);margin: 0.09rem 0 0.13rem;}

@media(min-width:1025px){
	.home-news .swiper-pagination{left: auto;right: -0.82rem;top: 50%;bottom: auto;display: flex;align-items: center;justify-content: space-between;flex-direction: column;width: 0.24rem;transform: translateY(-50%);height: 3.52rem;}
	.home-news .swiper-pagination:after{left:50%;top: 0;transform: translateX(-50%);height:100%;content: "";position: absolute;background-color: #d4d4d4;width: 2px;}
	.home-news .swiper-pagination span{position: relative;z-index: 10;width: 0.1rem;height: 0.1rem;margin: 0 auto;border-radius: 50%;}
	.home-news .swiper-pagination span:After{width: 0;height: 0;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;position: absolute;background-color: rgba(var(--main-color),0.5);transition: all 0.5s;opacity: 0;}
	.home-news .swiper-pagination .swiper-pagination-bullet-active:After{opacity: 1;width: 0.24rem;height: 0.24rem;}
	.home-news .swiper-pagination span:first-child{align-self: flex-start;}
	.home-news .swiper-pagination span:last-child{align-self: flex-start;}

	.home-news.active .titHead h2{animation:fadeInUpSmall 1.2s .6s ease both;-webkit-animation:fadeInUpSmall 1.2s .6s ease both;-moz-animation:fadeInUpSmall 1.2s .6s ease both;}
	.home-news.active .focus{animation:fadeInRightSmall 1.5s .7s ease both;-webkit-animation:fadeInRightSmall 1.5s .7s ease both;-moz-animation:fadeInRightSmall 1.5s .7s ease both;}
	.home-news.active .list {animation:fadeInLeftSmall 1.8s .8s ease both;-webkit-animation:fadeInLeftSmall 1.8s .8s ease both;-moz-animation:fadeInLeftSmall 1.8s .8s ease both;}
	
	.home-news .imgbox{transition: all .8s cubic-bezier(0.9,0.9,0.09,1.5);transform: translateY(-100%) scale(0.5);}
	.home-news.active .imgbox{transform: translateY(0) scale(1);}
}
@media(max-width:1024px){
	.home-news .focus{width: 100%;margin-bottom: 0.3rem;}
	.home-news .swiper-pagination{position: static;margin-top: 0.15rem;}
	.home-news .list{width: 100%;}
}
@media(max-width:768px){
	.home-news .auto-inner{padding: 0.6rem 0;}
	.home-news .list .item a{min-height: 1.5rem;padding-left: 1.1rem;}
	.home-news .list .item time{width: 1.1rem;}
}
/* 首页 end*/

/*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;}

.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(../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;border-bottom: 1px solid #e6e6e6;margin-top: 0.68rem;}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){margin-right:0.25rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #010101;display: block;line-height: 0.68rem;font-size: var(--font-size18);}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom: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-size14);}
.place:before{width: 12px;height: 14px;content: "";background: url(../images/ico_home.png) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -3px 0.1em 0 0;}
.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: 1.354vw 0;}

.singlePage{ word-wrap:break-word;word-break:normal;text-align:justify;line-height: 2;position: relative;font-size: var(--font-size18);}
/* .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;}
.singlePage *{font-family: 'sans-serif' !important;}
.singlePage p *{text-wrap:none !important;  white-space: pre-wrap !important; }
.singlePage table{width: 100%;border-collapse: collapse;}
.singlePage table th{border: 1px solid #999;background-color: #999;padding: 0.1rem;font-weight: normal;}
.singlePage table td{border: 1px solid #999;padding: 0.1rem;}
.singlePage table tbody tr:hover{box-shadow: 0 0 10px rgba(0,0,0,0.08);}

@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: 50%;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;}
}
@media(max-width:480px){
.subMenu li{min-width: 100%;text-align: left;border-bottom:1px solid #eeeeee;margin-bottom:0.05rem;padding-bottom:0.05rem;}
}
/*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: #f5f5f5;border: 0.02rem solid #f5f5f5;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: 'montserrat';font-weight: 500;}
.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:#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.09rem 0.16rem;}
.Pages .a_first:hover,.Pages .a_prev:hover,.Pages .a_next:hover,.Pages .a_end:hover{background-color: rgba(var(--main-color));}
.Pages .a_first,.Pages .a_end{background-color: transparent;border-color: #d3d3d3;}
.Pages .a_first{background-image: url(../images/page_left.svg);}
.Pages .a_first:hover{background-image: url(../images/page_left_on.svg) !important;border-color: rgba(var(--main-color));}
.Pages .a_end{background-image: url(../images/page_right.svg);}
.Pages .a_end:hover{background-image: url(../images/page_right_on.svg) !important;border-color: rgba(var(--main-color));}
@media ( max-width:480px){
	.Pages a{width: 0.35rem;height: 0.35rem;line-height: 0.31rem;}
}
/*pages end*/


/* 新闻中心 */
.date{font-size: var(--font-size14);color: rgba(var(--rgb-999));font-family: 'montserrat';font-weight: 400;}
.date span{font-size: var(--font-size28);color: rgba(var(--rgb-333));font-family: 'montserrat';font-weight: 500;margin-right: 0.41rem;position: relative;}
.date span:after{position: absolute;width: 0.02rem;height: 0.22rem;right: -0.23rem;top: 50%;transform: translateY(-50%) rotate(15deg);content: "";background-color: #9b9b9b;}
.newsFocus{background-color: #f4f7fa;border-radius: 0.1rem;margin-bottom: 4.063vw;}
.newsFocus .Ispic{width: 49.28%;padding-top: 4.56rem;border-radius: 0.1rem 0 0 0.1rem;margin-left: 1px;}
.newsFocus .info{flex: 1;padding: 3.229vw 3.646vw;}
.newsFocus h3{font-size: var(--font-size28);margin: 0.19rem 0 0.21rem;font-weight: 500;}
.newsFocus .desc{font-size: var(--font-size14);color: rgba(var(--rgb-333));line-height: 2;}
.newsFocus .swiper-pagination{display: none;}
.newsFocus .arrow{width: 0.54rem;height: 0.54rem;top: auto;transform: translateY(0);bottom: 0.6rem;}
.newsFocus .swiper-button-prev{left: 54.5%;}
.newsFocus .swiper-button-next{left: 60%;}

.newsList .item{margin-bottom: 4.063vw;}
.newsList .item .info{border-bottom: 1px solid #ededee;flex: 1;padding: 0.1rem 0;position: relative;}
.newsList .item .info:before{left: 0;bottom: -1px;width: 0;content: "";position: absolute;height: 2px;background-color: rgba(var(--main-color));transition: all 0.5s;}
.newsList .item .info:after{display: block;content: "";width: 12px;height: 8px;background: url(../images/arr_more2.png) no-repeat 0 center/contain;transition: all 0.5s;}
.newsList .item .Ispic{width: 29%;margin-left: 7.1%;padding-top: 2.53rem;border-radius: 0.1rem;}
.newsList h3{font-size: var(--font-size22);margin: 0.13rem 0 0.15rem;font-weight: 500;}
.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,.newsList .item:hover .date span{color: rgba(var(--main-color));}
.newsList .item:hover .date span:after{background-color: rgba(var(--main-color));}

.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(../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(../images/downon.png);}

.titleInfo{text-align: center;padding-bottom: 0.28rem;margin-bottom: 0.46rem;border-bottom: 1px solid #ebebeb;}
.titleInfo .title{font-weight: 500;font-size: var(--font-size36);margin-bottom: 0.18rem;}
.titleInfo .other{font-size: var(--font-size18);}
.titleInfo .other span{color: rgba(var(--rgb-666));}

.PrevNextInfo{padding: 0.46rem 2rem 0 0;margin-top: 0.55rem;border-top: 1px solid #eaeaea;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{position: absolute;right: 0;top: 0.56rem;background: rgba(var(--main-color));padding: 0.781vw 0.2rem;color: #fff;border-radius: 0.5rem;min-width: 9.375vw;text-align: center;}
.PrevNextInfo .back:before{display: inline-block;vertical-align: middle;content: "";margin: -0.04rem 0.15rem 0 0;background: url(../images/back.svg) no-repeat center center/contain;width: 0.18rem;height: 0.19rem;}
.PrevNextInfo .back:hover{opacity: 0.9;}

.newsInfo{width: 70%;}
.newsRec{width: 22.28%;position: sticky;top: 0.75rem;right: 0;}
.newsRec .title{font-size: var(--font-size24);margin-bottom: 1.458vw;font-weight: 500;}
.newsRec .Ispic{border-radius: 0.1rem;padding-top: 64%;}
.newsRec .swiper-slide{padding-bottom: 1.719vw;margin-bottom: 1.719vw;border-bottom: 1px solid #efefef;}
.newsRec time{color: rgba(var(--rgb-666));margin: 0.24rem 0 0.11rem;}
.newsRec .tit{line-height: 1.85;}

@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: -0.4rem;}
	.social-share{text-align: center;}
}


/* 关于我们 */
.subTit2{text-align: center;padding-bottom: 3.385vw;}
.subTit2 h2{font-size: var(--font-size40);font-weight: 500;}
.subTit2 .desc{font-size: var(--font-size20);color: rgba(var(--rgb-555));margin-top: 0.13rem;}

.about-info{background-color: #f2f8fc;overflow: hidden;position: relative;padding-bottom: 0.8rem;}
.about-info .auto-inner-1400{flex-direction: row-reverse;}
.about-info .info{padding: 0.55rem 0 0 0;color: rgba(var(--rgb-555));width: 50%;}
.about-info .info h2{font-size: var(--font-size18);margin-bottom: 0.14rem;}
.about-info .info .name{margin-bottom: 0.36rem;}
.about-info .info .desc{line-height: 1.875;margin-bottom: 4.5vw;}

.about-info .Ispic{width: 48.21%;overflow: visible;margin-right: -5%;}
.about-info .Ispic:After{left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;background: url(../images/home-about-kuang.png) no-repeat center bottom/contain;}
.about-info .numList .item{color: rgba(var(--rgb-555));padding:0;position: relative;}
.about-info .numList .item .num {height: 0.6rem;}
.about-info .numList .item .counter{font-size: var(--font-size50);line-height: 0.6rem;font-weight: 700;color: rgba(var(--main-color));}
.about-info .numList .item p{font-size: var(--font-size18);}
.about-info .numList .item .txt{margin-left: 0.12rem;position: relative;top: -0.03rem;}
.about-info .numList .item .txt em{position: absolute;top: -0.22rem;left: 0;}
.about-info .numList .item .inner{display: inline-block;text-align: left;}

@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-info .numList .item{width:100%;border-bottom:1px solid #eeeeee;margin-bottom:0.15rem;padding-bottom:0.15rem;}
	.about-info .numList .item .counter{font-size: var(--font-size30);}
	.about-info .numList .item p{font-size: var(--font-size16);}
}

.about-culture{padding: 0.8rem 0;}
.about-culture .list{margin-left: -0.15rem;}
.about-culture .list .item{padding: 2.969vw 0.2rem 0.2rem;min-height: 16.458vw;text-align: center;background-color: #f8f8f8;flex: 1;margin-left: 0.15rem;position: relative;}
.about-culture .list .inner{position: relative;}
.about-culture .list .icon img{height: 0.72rem;}
.about-culture .list .tit{margin: 0.28rem 0 0.06rem;color: #222222;font-size: var(--font-size24);}
.about-culture .list .desc{color: rgba(var(--rgb-555));line-height: 1.875;}
.about-culture .list .item::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;}
.about-culture .list .item:hover::before{transform: scaleX(1);transform-origin: left}

@media(max-width:768px){
	.about-culture{padding: 0.5rem 0;}
	.about-culture .list .item{width: calc(100% / 2 - 0.2rem);flex: none;margin-bottom: 0.2rem;}
	.about-culture .list .icon img{height: 0.5rem;}
}

.about-hornor{padding: 0.8rem 0;background-color: #f2f8fc;}
.about-hornor .horor_box{width: 47.6%;margin: 0rem 0 0 0.23rem;}
.about-hornor .info .subTit2{padding-bottom:0}
.about-hornor .img{height: 2rem;position: relative;display: flex;align-items: flex-end;text-align: center;}
.about-hornor .imgbg{position: relative;width: 70%;margin: 0px auto;padding: 0.18rem;transition: all 0.5s;border-radius: 0.1rem;border: 1px solid rgba(255,255,255,0.5);background-color: rgba(255,255,255,0.4);}
.about-hornor .imgbg img{max-height: 2rem;position: relative;z-index: 2;}
.about-hornor .imgbg:before{content: "";position: absolute;width: 100%;height: 0.12rem;background: url(../images/rybg_top.png) no-repeat center top/100% 100%;top: 0;left: 0;z-index: 1;}
.about-hornor .imgbg:after{content: "";position: absolute;width: 100%;height: 0.12rem;background: url(../images/rybg_bottom.png) no-repeat center bottom/100% 100%;bottom: 0;left: 0;z-index: 2;}
.about-hornor .imgbg .shadow{position: absolute;bottom: 0;height: 100%;width: 100%;z-index: 0;right: -0.44rem;background: url(../images/rybg_shadow.png) no-repeat center center/100% 100%;}
.about-hornor .imgbg .shadow img{width: 100%;height: 100%;}
.hornor{position: relative;background: url(../images/desk.png) no-repeat center bottom/contain;padding-bottom: 0.6rem;}

.about-hornor .list-3 li:not(:last-child){margin-right: 2.813vw;}
.about-hornor .list-3 .imgbg{width: 1.94rem;}

.about-hornor .list-2 li:not(:last-child){margin-right: 3.125vw;}
.about-hornor .list-2 .imgbg{width: 3.3rem;}

.about-hornor .list-1 .imgbg{width: 3.3rem;}

.about-hornor .info{width: 46.97%;padding:0 0 0 0.55rem;}
.about-hornor .info .desc{font-weight: 400;color: #222222;}
.about-hornor .info .txt{line-height: 1.85;}
.about-hornor .info .txt *{text-wrap: wrap !important;}
.about-hornor .info .iso{padding-top: 4.167vw;}
.about-hornor .info .iso li{width: 43%;text-align: center;padding: 0 0.35rem;position: relative;}
.about-hornor .info .iso li:before,
.about-hornor .info .iso li:after{width: 0.35rem;height: 100%;content: "";position: absolute;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;top: 0;}
.about-hornor .info .iso li:before{background-image: url(../images/ry_kh1.png);left: 0;}
.about-hornor .info .iso li:after{background-image: url(../images/ry_kh2.png);right: 0;}
.about-hornor .info .iso li span{display: block;font-weight: 400;font-size: var(--font-size24);margin-bottom: 2px;color: #231f20;}

@media(max-width:1024px){
	.about-hornor .horor_box{width: 100%;}
	.about-hornor .info{width: 100%;padding: 0 6%;}
}
@media(max-width:768px){
	.about-hornor{padding: 0.5rem 0;}
	.about-hornor .list ul{padding-bottom: 0.4rem;margin-bottom: 0;}
	.about-hornor .img{zoom: 0.65;height: auto;}
}

.about-history{padding: 0.8rem 0;position: relative;background: url(../images/history-bg.jpg) no-repeat center bottom;overflow: hidden;}
.about-history .blank{position: absolute;left: 0;top: -25vw;height: 30vw;width: 100%;content: "";z-index: -1;}
.about-history .yearbg{position: absolute;font-size: 15.625vw;color: #f4f7fa;opacity: 0.8;line-height: 1;top: 0.55rem;font-family: "MONTSERRAT";width: 100%;z-index: 0;font-weight: bold;}
.about-history .content{position: relative;}
/* .about-history .TabCon{margin-top: -1.15rem;} */
.about-history .TabCon .item{min-height: 4rem;padding: 0 2.24vw;transition: all 0.5s;}
.about-history .TabCon .year{margin-bottom: 0.18rem;font-family: 'montserrat';padding-left: 0.29rem;position: relative;font-size: var(--font-size24);color: #222222;}
.about-history .TabCon .year:before{position: absolute;width: 0.07rem;height: 0.07rem;position: absolute;left: -0.05rem;top: 0.13rem;content: "";background-color: #999999;border-radius: 50%;}
.about-history .TabCon .txt{max-height: 2rem;transition: max-height 0.3s ease;padding: 0.07rem 0 0 0.28rem;color: #555555;position: relative;overflow: hidden;}
.about-history .TabCon .txt.expanded {max-height: none;}
.about-history .TabCon .txt:before{position: absolute;left: 0;top: 0;content: "";width: 1px;height: 0.97rem;background-color: #cccccc;}
.about-history .TabCon .txt p{padding-left: 0.19rem;position: relative;}
.about-history .TabCon .txt p *{text-wrap:wrap !important;}
.about-history .TabCon .txt p:before{position: absolute;left: 0;top: 0.08rem;width: 0.04rem;height: 0.04rem;border-radius: 50%;content: "";background-color: #999999;}

.about-history .TabCon .more{height: 0.5rem;width: 0.5rem;margin: -0.1rem auto 0;background: url(../images/arr_l_blue.svg) no-repeat center center/0.15rem 0.15rem;transform: rotate(-90deg);cursor: pointer;transition: all 0.5s;display: none;}
.about-history .TabCon .more:hover{transform: rotate(-90deg) scale(1.1) translateX(-0.05rem);}
.about-history .TabCon .more.on{transform: rotate(90deg);}

.about-history .TabCon .slick-current .yearbg{display: block;}
.about-history .TabCon .slick-current .year{line-height: 1.06;color: rgba(var(--main-color));font-size: var(--font-size40);margin-bottom: 0.1rem;font-weight: bold;}
.about-history .TabCon .slick-current .year:before{background: url(../images/logo.svg) no-repeat center center/contain;width: 0.17rem;height: 0.17rem;top: 0.15rem;left: -0.1rem;}

.about-history .TabCon .item:hover .txt:before{background-color: rgba(var(--main-color));}
.about-history .TabCon .item:hover .year:before{background-color: rgba(var(--main-color));}

.about-history .TabCon .slick-active{padding-top: 0;}
.about-history .TabCon .slick-active + li{padding-top: 1.2rem;}
.about-history .TabCon .slick-active + li + li{padding-top: 0;}
.about-history .TabCon .slick-active + li + li + li{padding-top: 0.6rem;}

.about-history .TabNav{font-family: 'montserrat';text-align: center;}
.about-history .TabNav .slick-list{padding: 0 0.5rem;}
.about-history .TabNav .item{color: #555555;cursor: pointer;font-size: var(--font-size20);}
.about-history .TabNav .item.slick-current,.about-history .TabNav .item:hover{color: rgba(var(--main-color));font-weight: bold;}
.about-history .TabNav .slick-arrow{background-color: #fff;}
.about-history .TabNav .slick-prev{left: -2px;}
.about-history .TabNav .slick-next{right: -2px;}


.about-history .line{margin-bottom: 4.375vw;height: 1.26rem;position: relative;}
.about-history .line:after{height: 100%;position: absolute;left: 0;width: 88.667vw;content: "";top: 0;background: url(../images/historyline.png) no-repeat 0 center/cover;}
.about-history .line:before{height: 100%;position: absolute;left: 0;width: 0;content: "";top: 0;background: url(../images/historyline2.png) no-repeat 0 center/cover;z-index: 10;}
.about-history.active .line:before{animation: linew 6s;animation-fill-mode: forwards}
@-webkit-keyframes linew {
	0% {width: 0;}
	100% {width:  88.667vw;}
}
@keyframes linew {
	10% {width: 0;}
	100% {width:  88.667vw;	}
}

@media(max-width:768px){
	.about-history{padding: 0.5rem 0;}
	.about-history .yearbg{top: 50%;}
	.about-history .item{width: 33.333%;}
}

.about-advantage{padding: 0.8rem 0;overflow: hidden;}
.about-advantage .list{margin-left: -0.27rem;}
.about-advantage .list .item{width: calc(100% / 4 - 0.27rem);margin: 0 0 0.3rem 0.27rem;background-color: #f8f8f8;min-height: 14.583vw;position: relative;}
.about-advantage .list .item:after{position: absolute;content: "";left: -0.06rem;top: 0;width: 0.13rem;height: 83%;background: url(../images/water.svg) no-repeat center bottom/100%;transition: all .5s cubic-bezier(0.9,0.5,0.05,1.5);}
.about-advantage .list h3{font-size: var(--font-size28);margin-bottom: 2.8vw;font-weight: 500;}
.about-advantage .list .desc{line-height: 1.875;}
.about-advantage .list .desc p{padding-left: 0.16rem;position: relative;}
.about-advantage .list .desc p:before{position: absolute;left: 0;top: 0.12rem;width: 0.04rem;height: 0.04rem;border-radius: 50%;content: "";background-color: #999999;}
.about-advantage .list .inner{padding: 2.188vw 1.2vw 2.188vw 1.979vw;}
.about-advantage .list .item:hover:after{height: 100%;}
.about-advantage .list .item:hover h3{color: rgba(var(--main-color));}

@media(max-width:768px){
	.about-advantage{padding: 0.5rem 0;}
	.about-advantage .list{margin-left: -0.2rem;}
	.about-advantage .list .item{width: calc(100% / 2 - 0.2rem);	margin: 0 0 0.2rem 0.2rem;}
	.about-advantage .list h3{font-size: var(--font-size20);}
}

.about-crs{background: url(../images/crs-bg.jpg) no-repeat center bottom/cover;padding: 0.8rem 0;}
.about-crs .list .item{width: 49.14%;background-color: #fff;border-radius: 0.1rem;}
.about-crs .list .Ispic{padding-top: 52.32%;border-radius: 0.1rem 0.1rem 0 0;}
.about-crs .list .info{padding: 2.083vw;position: relative;}
.about-crs .list h3{font-size: var(--font-size30);margin-bottom: 0.23rem;font-weight: 500;}
.about-crs .list h3 img{display: inline-block;vertical-align: middle;width: 0.56rem;margin-right: 1.563vw;}
.about-crs .list .icon{position: absolute;right: 0.36rem;top: 0.23rem;opacity: 0.07;transition: all 0.5s;}
.about-crs .list .icon img{height: 1.18rem;}
.about-crs .list .txt{line-height: 1.875;}
.about-crs .list .item:hover .icon{opacity: 0.2;right: 0.23rem;}
@media(max-width:768px){
	.about-crs{padding: 0.5rem 0;}
	.about-crs .list .item{width: 100%;}
	.about-crs .list .item:not(:last-child){margin-bottom: 0.15rem;}
	.about-crs .list h3{font-size: var(--font-size20);}
}

/* 联系我们 */
.contact{width: 46.78%;}
.contact .item:not(:last-child){margin-bottom: 0.39rem;}
.contact .item{min-height: 2.9rem;border: 1px solid #eeeeee;background-color: #f8f8f8;padding: 2.396vw;}
.contact h2{font-size: var(--font-size24);margin-bottom: 0.33rem;display: inline-block;}
.contact h2:after{display: block;width: 0.4rem;height: 0.23rem;content: "";border-bottom: 0.03rem solid rgba(var(--main-color));transition: all 0.5s;}
.contact p {padding-left: 23px;position: relative;}
.contact p:not(:last-child) {margin-bottom: 0.14rem;}
.contact p img{width: 16px;left: 0;position: absolute;top: 0.04rem;}
.contact .item:hover h2:after{width: 100%;}

.messageBox{width: 50%;background: url(../images/message-bg.jpg) no-repeat center center/cover;text-align: center;padding: 2.448vw 4vw 4vw;min-height: 32.188vw;}
.messageBox .title{font-size: var(--font-size36);color: #000;margin-bottom: 0.3rem;}

.messageBox .group{position: relative;max-width: 4.3rem;margin: 0px auto;}
.messageBox .group:not(:last-child){margin-bottom: 0.3rem;}
.messageBox .group label{color: rgba(var(--rgb-555));position: absolute;left: 0.15rem;top: 0.14rem;}
.messageBox .group label span{color: #e60c0c;}
.messageBox .group .ipttxt{width: 100%;height: 0.5rem;background-color: rgba(255,255,255,0.9);border: 0;border-radius: 0.1rem;padding: 0.1rem 0.28rem;transition: all 0.5s;}
.ipttxt:hover{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
textarea.ipttxt{height: 1rem;padding-top: 0.1rem;padding-bottom: 0.1rem;}
.messageBox .group button{width: 100%;border: 0;font-size: var(--font-size20);height: 0.5rem;cursor: pointer;border-radius: 0.1rem;color: #fff;background-color: rgba(var(--main-color));}
.messageBox .group button:hover{opacity: 0.9;}

.hrList{padding-bottom: 2.604vw}
.hrList .item{padding: 0.34rem 3.125vw;background-color: #f8f8f8;margin-bottom: 0.3rem;cursor: pointer;position: relative;}
.hrList .item:after{position: absolute;left: 0;top: 0;height: 2px;content: "";width: 0;transition: all 0.5s;background: rgba(var(--main-color))}
.hrList .item .title{cursor: pointer;position: relative;margin-bottom: 0.11rem;color: #000000;font-weight: 400;font-size: var(--font-size24);}
.hrList .item .title:After{right:0	;top: 0;position: absolute;content: "";background: url(../images/arr_b_gray.svg) no-repeat center center/ 11px 7px;transition: all 0.5s;width: 0.6rem; height: 0.6rem;border-radius: 50%;border: 0.02rem solid #cecfd0;}
.hrList .item .desc{font-size: var(--font-size18);color: rgba(var(--rgb-666));}
.hrList .item .desc dd:not(:last-child){position: relative;margin-right: 0.35rem;}
.hrList .item .desc dd:not(:last-child):after{right: -0.19rem;top: 50%;transform: translateY(-50%);width: 2px;content: "";position: absolute;height: 0.17rem;background-color: #aaaaaa;border-left: 1px solid #c6c6c6;}
.hrList .item .detail{margin-top: 0.3rem;display: none;}
.hrList .item .detail .text{margin-bottom: 0.3rem;line-height: 2;}
.hrList .item .detail .sti{margin-bottom: 0.15rem;font-size: var(--font-size18);}
.hrList .item .detail .apply{display: inline-block;text-align: center;min-width: 1.68rem;line-height: 0.45rem;padding: 0 0.15rem;border-radius: 0.5rem;color: #fff;background-color: rgba(var(--main-color));}
.hrList .item .detail .apply:hover{opacity: 0.9;}
.hrList .item.on,.hrList .item:hover{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.06);}
.hrList .item.on:after,.hrList .item:hover:after{width: 100%;}

.hrList .item.on .title{color: rgba(var(--main-color));font-weight: 500;}
.hrList .item.on .title:after,.hrList .item.on .title:after{opacity: 1;transform: rotate(-180deg);border-color: rgba(var(--main-color));}

.JobForm{  margin:0px 0px 0px -2%;font-size: var(--font-size18);}
.JobForm .group{ width:48%; margin-left:2%; line-height:0.5rem; margin-bottom:1.563vw; position: relative;}
.JobForm .group dt{text-align:right;width:90px;}
.JobForm .group dd{flex: 1;}
.JobForm .group.auto{width: 100%;}
.JobForm .group.btn{margin-bottom: 0;}
.JobForm .ipttxt {background:#f8f8f9;width:100%; height:0.56rem; line-height:0.56rem;padding: 0 0.18rem;border-radius: 0.1rem;border: 0;}
.JobForm textarea.ipttxt{height: 1.2rem;display: block;}
.JobForm .upbtn {position: relative;cursor: pointer;}
.JobForm .upbtn .up{position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);}
.JobForm .upbtn .hidefile{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.ipttxt:focus{box-shadow: 0 0 10px rgba(0,0,0,0.09);}

.JobPop{width: 12.8rem;z-index: 1000;background:#fff;box-shadow: 0px 5px 20px rgba(0,0,0,0.12);margin:0px auto;position: relative;overflow-y: auto;border-radius: 0.1rem;}
.JobPop *{
 box-sizing:border-box;
 -moz-box-sizing:border-box; /* Firefox */
 -webkit-box-sizing:border-box; /* Safari */ 
 }
 .JobPop *:before,.JobPop *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }
.JobPop .Content{overflow: hidden;}
.JobPop .Content video{display: block;width: 100%;}
.JobPop .toptit{text-align: center;padding-bottom: 0.4rem;}
.JobPop .toptit h1{text-align: center;line-height: 1.73;font-weight: 500;}
.JobPop .mfp-close{width: 0.52rem;height: 0.52rem;line-height: 0.52rem;text-align: center;color:#c0c0c0 !important;opacity: 1;font-size: 0.5rem;}
.JobPop .mfp-close:hover{color:var(--red-color) !important;}
.sendbtn{color: #fff;width: 1.89rem;height: 0.53rem;border-radius: 0.53rem;background: rgba(var(--main-color));box-shadow: 0 0px 30px rgba(0,0,0,0.1);font-size: var(--font-size20);border: 0;}
.sendbtn:hover{opacity: 0.9;}

@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(../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(../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(../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(../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;text-align: left;}
.saleService .desc p{padding-left: 0.16rem;position: relative;}
.saleService .desc p:before{position: absolute;left: 0;top: 0.12rem;width: 0.04rem;height: 0.04rem;border-radius: 50%;content: "";background-color: #999999;}
.saleService .item:hover::before {transform: scaleX(1);transform-origin: left;}
.saleService .item:hover {color: #fff;}
.saleService .item:hover h3:after{border-color: #20468c;}
.saleService .item:hover .desc p:before{background-color: #fff;}

@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;}
}

/* 应用场景 */
.sceneList .item	{margin-bottom: 5.365vw;}
.sceneList .item .Ispic{width: 53.21%;border-radius: 0.2rem;}
.sceneList .item .info{flex: 1;padding-left: 7.1%;position: relative;}
.sceneList .item .icon{position: absolute;top: 50%;width: 0.75rem;height: 0.75rem;border-radius: 50%;overflow: hidden;background-color: rgba(var(--main-color));left: -0.375rem;margin-top: -0.375rem;}
.sceneList .item .icon::before {content: "";position: absolute;top: -5%;left: -5%;z-index: 0;width: 110%;height: 110%;background-color: rgba(255,255,255,0.2);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)}
.sceneList h3{margin-bottom: 0.26rem;font-size: var(--font-size32);font-weight: 500;line-height: 1.3;}
.sceneList .txt{margin-bottom: 0.39rem;line-height: 1.93;text-align:left;}
.sceneList .pro{}
.sceneList .pro dt{margin-bottom: 0.11rem;color: rgba(var(--rgb-666));}
.sceneList .pro dd a{display: inline-block;min-width: 24%;margin-right: 1%;margin-bottom: 0.16rem;}
.sceneList .pro dd a:hover{font-weight: 500;}
.sceneList .item:hover .icon::before {transform: scaleX(1);transform-origin: top;}
.sceneList .item:nth-child(even) {flex-direction: row-reverse;}
.sceneList .item:nth-child(even) .info{padding-left: 0;padding-right: 7.1%;}
.sceneList .item:nth-child(even) .icon{left: auto;right: -0.375rem;}

.loading{background: url(../images/loading.gif) no-repeat center center/contain;width: 0.32rem;height: 0.32rem;margin: 0px auto;}

@media(max-width:768px){
	.sceneList .item .Ispic{width: 100%;}
	.sceneList .item .info{padding: 0.3rem 0 0 0;}
	.sceneList .item .icon{left: 50%;right: auto;top: -0.1rem;margin-left: -0.375rem;}
}
@media(max-width:480px){
	.sceneList h3{font-size: var(--font-size24);}
}

/* 产品中心 */
.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(../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(../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;background-color: #f8f8f8;}
.proBox .model li a{display: block;text-align: center;font-size: var(--font-size20);border-radius: 5px;padding: 0.1rem 0.1rem;transition: all 0.5s;}
.proBox .model li:hover{background-color: rgba(var(--main-color));}
.proBox .model li a:hover{color: #fff;}

.pro-category{padding-bottom: 0.09rem;border-bottom: 1px solid #e6e6e6;}
.pro-category .item{margin-bottom: 1.458vw;}
.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;line-height: 0.42rem;}
.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: 1.5;text-align: center;}
.pro-category .model li:not(:last-child){padding-right: 0.3rem;}
.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:3.75vw 0.2rem 0.46rem 0.2rem;border-bottom: 1px solid #eeeeee;position: relative; background:#fbfbfb;}
.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;}
.pro-detail .detail *{font-family: 'sans-serif' !important;text-wrap: wrap !important;}
.pro-detail .downs{padding: 0.5rem 0 0 0;}
.pro-detail .downs .moreBtn em:after{width: 0.15rem;height: 0.15rem;background: url(../images/down.png) no-repeat center center/contain;}
.pro-detail .downs .moreBtn:hover em:After{background-image: url(../images/down2.png);}

@media(max-width:768px){
	.proBox .Ispic{margin: 0px auto;width: 65%;padding-top: 65%;}
	.proBox .model{width: 100%;}
	.proBox .model li a{padding: 0.1rem;}
	.proBox .info{width: 100%;padding-top: 0.3rem;}
	.proBox .info .title{text-align: center;}

	.pro-category .item dt{width: 100%;line-height: 0.42rem;}
	.pro-category .category li a{font-size: var(--font-size16);line-height: 0.4rem;}
	.pro-category .model li{padding-right: 0.15rem;margin-bottom: 0.1rem;}
	.pro-detail .detail{width: 100%;}
	.pro-detail:before{display: none;}
	.pro-detail .detail article{overflow-x: auto;}
}
@media(max-width:480px){
	.proBox .info li{width: 100%;}
	.pro-category .model li{width: 50%;}
}
.home-about .numList .item .num {
    display: flex;
    align-items: flex-end;
}
.home-about .numList .item .txt{white-space:nowrap}
@media screen and (min-width:1025px) and (max-width:1440px){

    .mainNav span a{font-size:0.16rem !important}
    .mainNav li{padding:0 1vw !important;}
}

.faqList .item .inner{padding-left:0.4rem}
@media screen and (max-width:1024px){
    .mainNav{width:100%;}

}
@media screen and (max-width:768px){
    .home-about .numList{flex-wrap: wrap;}
    .home-about .numList .item{width:100%;flex:auto;}
    .home-about .numList .item .counter{font-size:0.4rem;line-height:1.5}
    .home-about .numList .item .txt em{top:-0.15rem}
    .home-about .numList .item .txt{top:0;margin-left:0.15rem;}
    .home-scene .tabNav h3 em{padding-right:0.6rem;}
    .pro-category .model li{width:100%;padding-right:0 !important;}
}
@media screen and (max-width:480px){
    .proBox .model li{width:100%}
    .proBox .model{padding-right:0}
}
.faqList .item .detail *{
    text-wrap:inherit !important;
}

@media screen and (max-width:1024px){
    .about-hornor .horor_box{
        margin-left:0;
    }
    .about-hornor .imgbg .shadow{
        background-image:none
    }
  
   
}
  .about-history .TabCon .txt *{
        font-size:0.16rem !important;
    }
.faqList .item .inner:after{background-size:0.13rem;}  
.faqList .item{
    position:relative
}
.faqList .item:after{
    content: "";
    position: absolute;
    left: 0.22rem;
    top: 0;
    width: 0.03rem;
    background: #22478c;
    height: 0;
    transition: all .5s cubic-bezier(0.9,0.5,0.05,1.5);
}  
.faqList .item.on:after {
    height: 100%;
}

 /* 侧边控制面板 */
#musicControl{position: fixed;top: 80px;right: 0.1rem;cursor: pointer;z-index: 9999;width: 40px;height: 40px;    }
#musicControl #musicStatus{ width: 40px;height: 40px;border-radius: 50%;cursor: pointer;background:  url(../images/paused.png?a) no-repeat center/contain;display: inline-block;}
#musicControl #musicStatus.play{background: rgba(0, 0, 0, 0.7) url(../images/play2.png?a) no-repeat center/contain;}
#musicControl #musicStatus.paused{background:  url(../images/paused.png?a) no-repeat center/contain;}
/* 音乐播放器默认隐藏 */
#audioPlayer {display: none;}

@media screen and (max-width:1024px){
#musicControl{top: 60px;width: 24px;height: 24px;}
#musicControl #musicStatus{width: 24px;height: 24px;}
}