@import url(base.css);

/* 全局变量 */
:root{
	--main-color: 22,177,168;
	--primary-color: 43,78,153;
	--bg-lg: linear-gradient(to right, rgba(101,202,83), rgba(14,143,226));
}


/*Top s*/
.header{position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.3s;}
.header .auto-inner{position:static;height: 1.27rem;transition: all 0.3s;}
.header:after{height: 100%;top: 0;width: 100%;transition: all 0.5s;background-color: #fff;content: "";position: absolute;z-index: -1;opacity: 0;}
.header .logo{position: relative;z-index: 1001;}
.header .logo img{height: 0.7rem;}

.header .ver{position: relative;transform: translateX(50%);}
.header .ver dt{cursor: pointer;opacity: 0.5;color: #fff;line-height: 2;padding: 0 0.1rem;/*width: 1rem;*/text-align: center;}
.header .ver dt a:nth-child(1){color: rgba(var(--main-color), 1)}
/*.header .ver dt:after{width: 9px;height: 6px;background: url(../images/arr_xl.png) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;margin: -3px 0 0 0.11rem;}*/
.header .ver dd{position: absolute;left: 50%;top: 110%;width: 100%;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{border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.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;position: relative;z-index: 10;border-radius: 50%;width: 0.2rem;height: 0.2rem;}
.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: 100%;height: 100%;}
.top_search .ico .iconso{background-image: url(../images/soso.svg);}
.top_search .ico .icongb{ display:none;background-image: url(../images/close.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 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/soso.svg) no-repeat 0.2rem center/0.2rem 0.2rem;}
.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: 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: var(--main-color);}

.mainNav{padding-right: 1.875vw;}
.mainNav li{padding:0 1.875vw;position: relative;}
.mainNav span a{ position:relative; z-index:100;display:block;line-height: 1.27rem;transition: all 0.3s;color: #fff;}
.mainNav span a:after{position: absolute;width: 0;height: 0;content: "";left: 50%;transform: translateX(-50%);bottom: 0;transition: all .5s;background-image: var(--bg-lg);}
.mainNav .arr{ display:none;}
.mainNav li.active span a,.mainNav li.aon span a{color: rgba(var(--main-color),1) !important;}
.mainNav li:hover span a:after,.mainNav li.active span a:after,.mainNav li.aon span a:after{width: 100%;}

.mainNav .sub{background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.open-menu{width: 0.4rem;height: 0.4rem;display: none;cursor: pointer; margin-left: 0.29rem;background-color: rgba(var(--main-color),1);border-radius: 3px;position: relative;z-index: 1001;align-items: center;justify-content: center;}
.open-menu span{margin-right: 0.1rem;color: #fff;}
.open-menu:hover{opacity: 0.9;}
.open-menu i{display: block;width: 0.24rem;background-color: #fff;height: 2px;transition: all 0.5s;}
.open-menu i:not(:last-child){margin-bottom: 0.06rem;}
.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.fix .auto-inner{position:static;height: 0.9rem;}
.header.fix .logo .hide,.header.on .logo .hide{display: inline-block;}
.header.fix .logo .show,.header.on .logo .show{display: none;}
.header.fix .mainNav span a{line-height: 0.9rem;color: #333;}
.header.on .mainNav span a{color: #333;}
.header.on .mainNav span a:after,
.header.fix .mainNav span a:after{height: 0.03rem;}
.header.fix .ver dt,.header.on .ver dt{color: #333;}
.header.fix .ver dt:after,.header.on .ver dt:after{background-image: url(../images/arr_xl2.png);}
.header.fix:after,
.header.on:after,
.detailBox .header:after{box-shadow: 3px 0 12px rgba(0,0,0,0.05);opacity: 1;}

@media(min-width:1921px){
	.mainNav {padding-right:0.36rem;}
	.mainNav li{padding: 0 0.36rem;}
}
@media (min-width:1025px) {
		/* 下拉 */
		.mainNav li:nth-child(6){position: static;}
		.mainNav li:nth-child(6) .sub{min-height: 3.28rem;text-align: left;padding: 0.53rem;width: 100%;}
		.mainNav li:nth-child(6) .sub dd{font-weight: 100;margin-bottom: 0;}
		.mainNav .sub{position: absolute;left: 50%;transform: translateX(-50%) scale(0.9);top: 100%;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;padding: 0.15rem;border-radius: 0 0 0.2rem 0.2rem;width: 1.5rem;text-align: center;}
		.mainNav .sub dl{flex: 1;line-height: 0.32rem;}
		.mainNav .sub dl dd{margin-bottom: 0.1rem;}
		.mainNav .sub dl dt{margin-bottom: 0.15rem;}
		.mainNav .active .sub{z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);pointer-events: auto;}
}
	
@media(max-width:1024px){
	.header .auto-inner{height: 0.9rem;}
	.header .ver{margin-right: 0.35rem;}
	.open-menu{display: flex;}

	.mainNav{position: fixed;left: 0;top:0.9rem; 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);height: calc(100vh - 0.9rem);background: #fff;}
	.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,.header.fix .mainNav span a{line-height: 3;padding: 0 0.3rem;border-bottom: 1px solid rgba(0,0,0,0.05);display: block;}
	.mainNav .sub dd a{font-size: 0.2rem;}
	.mainNav .sub dd:last-child a{border-bottom: 0;}
	.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_r_gray.svg) no-repeat center center; background-size: 0.1rem auto; top: 0;z-index: 101; transition: 0.3s;transform: rotate(90deg);}
	.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;}
}
@media(max-width:480px){
	.mainNav{top:0.5rem; height: calc(100vh - 0.5rem);}
	.header .auto-inner{height: 0.5rem !important;}
	.header .logo img{height: 0.38rem;}
}
/*Top end*/

/*Bottom s*/
.footer{ position:relative;z-index: 2;background: linear-gradient(-72deg, #FFFFFF 0%, #fff 50%, #c7e7ef 100%);}
.footer .auto-inner{padding: 5.208vw 0;}
.footer .auto-inner:before{left: 20%;top: 0;width: 1px;content: "";position: absolute;background-color: #e1ebeb;height: 100%;}

.footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;}

.footer .logo{width: 20%;}
.footer .logo img{height: 0.7rem;}

.footer .contact {padding: 0 0 1.563vw 3.646vw;border-bottom: 1px solid #e1ebeb;margin-bottom: 3.229vw;}
.footer .contact dd{color: #72757e;}
.footer .contact dd a{font-size: 0.36rem;color: rgba(var(--main-color));display: block;letter-spacing: -0.05em;font-family: "BEBAS";}
.footer .contact .fllowus .img{width: 112px;} 
.footer .contact .fllowus .img img{width: 83px;height: 83px;} 
.footer .contact .fllowus .info span{font-size: 0.3rem;display: block;color: rgba(var(--main-color));letter-spacing: -0.05em;font-family: "BEBAS";} 
.footer .contact .fllowus .info{font-size: 0.24rem;} 

.footer .copyright{padding-left: 3.646vw;}
.footer .copyright .copy{color: #9ea2ae;}
.footer .copyright .copy a{color: #9ea2ae;}.footer .copyright .copy a:hover{color: rgba(var(--main-color));}
.footer .copyright .nav{margin-bottom: 1.615vw;}
.footer .copyright .nav a{color: #72757e;}.footer .copyright .nav a:hover{color: rgba(var(--main-color));}
.footer .copyright .nav a:not(:last-child){margin-right: 0.5rem;position: relative;}
.footer .copyright .nav a:not(:last-child):After{position: absolute;right: -0.25rem;top: 50%;transform: translateY(-45%) rotate(25deg);width:1px;height: 0.14rem;background-color: #d0d4dd;content: "";}

.footer .right-con{padding-top: 0.11rem;}

.totop{position:fixed;right:0.4rem;bottom:-100%;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;width: 0.51rem;height:0.51rem;line-height:0.51rem;z-index:210;background: rgba(var(--main-color)) url(../images/top.svg) no-repeat center center/0.15rem;transition: all 0.5s;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;bottom: 0;}
.totop.cd-is-visible:hover{opacity: 0.8;}
.totop.fix{position: absolute;top: -0.24rem;bottom: auto;border-radius: 50%;}

.fixNav{width: 0.8rem;top: 50%;transform: translateY(-50%);right: -50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);	position: fixed;z-index: 100;text-align: center;font-size: 0.14rem;transition: all 0.8s;visibility: hidden;opacity: 0;}
.fixNav.show{right: 0.08rem;visibility: visible;opacity: 1;}
.fixNav .item:first-child .btn{border-top: 0;border-radius: 6px 6px 0 0;}
.fixNav .item{position: relative;}
.fixNav .item .btn{color: #999;cursor: pointer;background-color: rgba(255,255,255,0.9);position: relative;z-index: 10;border-top: rgba(204,204,204,0.2) 1px solid;height: 0.79rem;}
.fixNav .item figure{width: 0.3rem;height: 0.3rem;}
.fixNav .item:hover .btn{background-color: rgba(var(--main-color),1);color: #fff;}
.fixNav .item:last-child .btn{border-radius: 0 0 6px 6px;}
.fixNav .item .ewm {width: 1.6rem;border-radius: 6px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 0.1rem;position: absolute;pointer-events: none;transition: all 0.5s;visibility: hidden;right: 50%;opacity: 0;top: 0;z-index: -1;min-height: 0.79rem;}
.fixNav .item:hover .ewm {pointer-events:auto;right: 105%;opacity: 1;visibility: visible;z-index: 10;}
.fixNav .item .ewm img{width: 100%;display: block;margin-bottom: 0.05rem;}
.fixNav .item:nth-child(4) .ewm{font-size: 0.2rem;width: 2rem;}

@media(max-width:1024px){
	.footer .logo,.footer .auto-inner:before{display: none;}
	.footer .contact{padding-left: 0;}
	.footer .copyright{padding-left: 0;}
}
@media(max-width:768px){
	.footer .contact dd{padding-bottom: 0.25rem;}
	.footer .contact dd a{font-size: 0.24rem;}
	.footer .contact .fllowus .info span{font-size: 0.24rem;}
	.footer .contact .fllowus .info{font-size: 0.18rem;}
}
/*Bottom end*/

/* button s*/
.moreBtn{background-image: var(--bg-lg);width: 1.6rem;line-height: 0.45rem;text-align: center;display: inline-block;color: #fff !important;}
.moreBtn.white{background: rgba(255,255,255,0.66);color: #1f2126 !important;}
.moreBtn.white:hover{background-image: var(--bg-lg);color: #fff !important;}

/* button end*/

/* 首页 s*/
.titHead{margin-bottom: 0.5rem;width: 100%;}
.titHead .en{font-size: 0.48rem;font-style: italic;font-family: "BEBAS";background-image: var(--bg-lg);text-transform: uppercase;background-clip: text;-webkit-background-clip: text;color:transparent;display: inline-block;padding-right: 0.2rem;line-height: 1;}
.titHead h2{font-size: 0.64rem;color: #1f2126;font-style: italic;font-weight: 500;line-height: 1;}
.titHead h2 span{font-size: 0.18rem;font-style: normal;color: #999999;letter-spacing: 0.5em;margin-left: 0.2rem;display: inline-block;vertical-align: bottom;}
.titHead.white .en{color: #fff;}
.titHead.white h2{color: #fff;}

/* 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;}
}

.page{padding: 6.51vw 0;position: relative;overflow: hidden;}

/* home-ban */
.home-ban{background-color: #fff;z-index: 10;}
.home-ban .auto-inner{position: absolute;left: 50%;top: 38%;color: #fff;padding-top: 0;transform: translateX(-50%);z-index: 2;}
.home-ban .auto-inner h2{font-size: 0.72rem;font-weight: 500;}
.home-ban .auto-inner p{letter-spacing: 1.2em;font-size: 0.18rem;}
.home-ban .moreBtn{display: block;margin-top: 0.78rem;}
.home-ban .moreBtn:hover{background: rgba(var(--main-color),0.9);}
.home-ban .ispic{padding-top: 100vh;background-color: #fff;}
.home-ban .ispic:before{width: 59.323vw;height: 100%;background: url(../images/banbg.png) no-repeat right top/cover;content: "";position: absolute;left: 0;top: 0;z-index: 1;}
.home-ban .wap{display: none;}
.home-ban .link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.home-ban .video-inner{padding-top: 100vh;}
.home-ban .video-inner video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;object-fit: cover;}

.home-ban .swiper-slide-active .ispic img{animation:fadeInscale 7s .4s ease both;-webkit-animation:fadeInscale 7s .4s ease both;-moz-animation:fadeInscale 7s .4s ease both;}
.home-ban .swiper-slide-active .auto-inner h2 {animation:fadeInUpSmall 0.4s 0.3s ease both;-webkit-animation:fadeInUpSmall 0.4s 0.3s ease both;-moz-animation:fadeInUpSmall 0.4s 0.3s ease both;}
.home-ban .swiper-slide-active .auto-inner p {animation:fadeInUpSmall 0.5s 0.4s ease both;-webkit-animation:fadeInUpSmall 0.5s 0.4s ease both;-moz-animation:fadeInUpSmall 0.5s 0.4s ease both;}
.home-ban .swiper-slide-active .auto-inner .moreBtn {animation:fadeInUpSmall 0.6s 0.5s ease both;-webkit-animation:fadeInUpSmall 0.6s 0.5s ease both;-moz-animation:fadeInUpSmall 0.6s 0.5s ease both;}
.home-ban .swiper-button-prev,.home-ban .swiper-button-next{transition: all 0.5s;width: 0.35rem;height: 0.56rem;background-color: transparent;background-size: 85% 85%;border-radius: 0;}
.home-ban .swiper-button-prev{left: -1rem;background-image: url(../images/arr_sp_left.svg);}
.home-ban .swiper-button-next{right: -1rem;background-image: url(../images/arr_sp_right.svg);}

.home-ban .swiper-pagination-bullet{background-color: rgba(255,255,255,1);width: 0.05rem;height: 0.2rem;border-radius: 0;position: relative;margin: 0 0.15rem;transform: skewX(-25deg);}
.home-ban .swiper-pagination-bullet:After{content: "";left: 0;width: 0;height: 100%;position: absolute;transition: all 1s;background-image: var(--bg-lg);}
.home-ban .swiper-pagination-bullet-active:after{animation-name: width100; animation-duration: 5000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}
.home-ban .controls-page {width: 100%;left: 0;bottom: 0.7rem;z-index: 10;text-align: center;position: absolute;}

.home-ban:hover .swiper-button-prev{left: 1rem;}
.home-ban:hover .swiper-button-next{right: 1rem;}
.home-ban .swiper-pagination{bottom: 0.25rem;}
.home-ban .swiper-slide.on .auto-inner{bottom: auto;top: 35%;text-align: center;}

@media(max-width:1024px){
	.home-ban .pc{display: none;}
	.home-ban .wap{display: block;}
	.home-ban .arrow{display: none !important;}
	.home-ban .auto-inner h2{font-size: 0.5rem;}
}
@media(max-width:768px){
	.home-ban .auto-inner h2{font-size: 0.36rem;}
	.home-ban .auto-inner p{letter-spacing: 0.11em;}
}

/* home pro */
.tabNav li:not(:last-child){margin-right: 0.3rem;}
.tabNav li{cursor: pointer;line-height: 1;position: relative;margin-top: 0.15rem;}
.tabNav li:after{left: 50%;transform: translateX(-50%);width: 0.14rem;height: 0.09rem;content: "";position: absolute;background: url(../images/arr_b.png) no-repeat center center/contain;transition: all 0.5s;bottom: 0;opacity: 0;}
.tabNav li.on{font-size: 0.24rem;color: rgba(var(--main-color));}
.tabNav li.on a{color: rgba(var(--main-color));}
.tabNav li.on:After{opacity: 1;bottom: -0.22rem;}

.home-pro .auto-inner{background: url(../images/home-pro_bg.jpg) no-repeat 0 top/6.73rem 2.3rem;}
.home-pro .headTop{margin-bottom: 6.25vw;}
.home-pro .titHead{flex: 1;margin-bottom: 0;}
.home-pro .tabNav {width: 60%;}

.home-pro .swiper-slide{overflow: hidden;}
.home-pro .swiper-slide:before,
.home-pro .swiper-slide:after{left: 50%;width: 0.25rem;height: 0.16rem;position: absolute;top: -100%;content: "";background: url(../images/arr_t.png) no-repeat center center/contain;transition: all 0.5s;opacity: 0;z-index: 1;transform: translateX(-50%);}
.home-pro .swiper-slide:after{top: auto;bottom: -100%;background: url(../images/arr_b2.png);}
.home-pro .swiper-slide a{display: block;padding: 2.76vw 1.563vw;min-height: 25.208vw;text-align: center;position: relative;border: 1px solid #e9ebed;background: #fafbfc;}
.home-pro .swiper-slide a:after{position: absolute;left: 50%;transform: translateX(-50%);height: 0.03rem;content: "";bottom: 0;background-image: var(--bg-lg);transition: all 0.5s;width: 0;}
.home-pro .swiper-slide a:before{position: absolute;left: 0;bottom:0;width: 100%;height: 50%;content: "";border-left: 11.042vw solid transparent;	border-right: 11.042vw solid transparent;border-bottom: 11.042vw solid #eff1f3;z-index: 0;}

.home-pro .info{margin-bottom: 2.396vw;}
.home-pro .info .title {font-weight: 700;}
.home-pro .info .title span{color: rgba(var(--main-color));}
.home-pro .info .desc{color: #d2d2d2;}
.home-pro .ispic{padding-top: 70%;background: url(../images/pro_shadow.png) no-repeat center bottom/100%;margin-bottom: 1.094vw;}
.home-pro .more:after{margin-left: 0.15rem;width: 0.37rem;height: 0.14rem;display: inline-block;vertical-align: middle;content: "";background: #dee0e2 url(../images/more.png) no-repeat center center;}
.home-pro .more{position: relative;z-index: 2;}
.home-pro .swiper-slide:hover a{background-color: #fff;}
.home-pro .swiper-slide:hover a:after{width: 100%;}
.home-pro .swiper-slide:hover .more:after{background: transparent url(../images/more2.png) no-repeat center center;}
.home-pro .swiper-slide:hover:before{top: 0;opacity: 1;}
.home-pro .swiper-slide:hover:after{bottom: 0.02rem;opacity: 1;}
.home-pro .swiper-pagination{position: static;margin-top: 0.2rem;}

/* home about */
.home-about {background: url(../images/home-about_bg.jpg) no-repeat center center/cover;background-attachment: fixed;}
.home-about .content{color: #fff;width: 46%;}
.home-about .slogan{font-size: 0.36rem;}
.home-about .slogan:after{display: block;width: 0.05rem;height: 0.2rem;transform: skew(-25deg);content: "";background-color: #fff;margin-top: 0.14rem;}
.home-about .txt{line-height: 2.25;margin: 2.865vw 0 4.427vw;}
.home-about .numList{width: 43.4%;}
.home-about .numList li{width: 38.4%;background-color: #fff;height: 2.6rem;margin: 0 0.12rem 0.12rem 0;padding-left: 2.083vw;}
.home-about .numList li span{font-family: "BEBAS";font-size: 0.50rem;}
.home-about .numList li sup{font-size: 0.26rem;transform: translateY(-0.2rem);display: inline-block;margin-left: 0.06rem;}
.home-about .numList .icon{margin-bottom: 1.823vw;}
.home-about .numList .icon img{height: 0.7rem;}
.home-about .numList p{color: #6c7490;}
.home-about .numList li:nth-child(2){margin-top: 2.865vw;background: linear-gradient(200deg, #FFFFFF 0%, #fff 50%, #bfe4e7 100%);}
.home-about .numList li:nth-child(3){margin-top: -2.865vw;background: linear-gradient(50deg, #FFFFFF 0%, #fff 50%, #9fd5e6 100%);}

/* home news */
.home-news{padding-bottom: 5.104vw;}
.home-news .headTop{border-bottom: 1px solid #e1ebeb;padding-bottom: 0.3rem;margin-bottom: 6.25vw;}
.home-news .titHead{margin-bottom: 0;}
.home-news .more {text-align: right;}
.home-news .more p{color: #c1c2c3;}
.home-news .more a{color: #1f2126;}
.home-news .more a:after{display: inline-block;vertical-align: middle;content: "";margin: 0 0.1rem;width: 0.21rem;height: 0.05rem;background: url(../images/more3.png) no-repeat center center/contain;}
.home-news .more a:hover{color: rgba(var(--main-color));}
.home-news .more a:hover:after{background-image: url(../images/more4.png);}
.home-news .ispic{padding-top: 0;transition: all 0.5s;}
.home-news .swiper-slide{min-height: 2.97rem;}
.home-news .swiper-slide:After{right: -18.5%;width: 1px;top: 0.06rem;content: "";position: absolute;height: 1.5rem;background-color: #e1ebeb;}
.home-news .swiper-slide .desc{color: #c1c2c3;line-height: 2.1;}
.home-news .swiper-slide time{color: #666;}
.home-news .swiper-slide .bot{margin-top: 2.083vw;}
.home-news .swiper-slide .bot span{width: 0.4rem;line-height: 0.24rem;background-color: rgba(var(--main-color));color: #fff;text-align: center;}
.home-news .swiper-pagination{position: static;margin-top: 0.2rem;}
.home-news .swiper-slide:hover .ispic{padding-top: 30.1%;margin-top: 0.17rem;}

/* join */

.home-join{background-color: #193c3e;}
.home-join:before{position: absolute;left: 0;top: 0;height: 100%;z-index: 1;content: "";width: 55vw;background: url(../images/home-join_bg.png) no-repeat right center/cover;}
.home-join .auto-inner:after{top: 0.32rem;left: 3.17rem;width: calc(100% - 4.35rem);content: "";background-color: rgba(var(--main-color),0.3);height: 1px;position: absolute;}
.home-join .title h2{font-size:0.64rem;font-weight:500;color: #fff;line-height: 1;}
.home-join .title .slogan{color: rgba(var(--main-color));letter-spacing: 2.25em;line-height: 2;margin-top: 2.344vw;}
.home-join .info{text-align: right;padding-top: 1.146vw;}
.home-join .icon img{height: 0.3rem;}
.home-join .entit{padding: 0.08rem 0 0.25rem;}
.home-join .entit *{display: block;text-transform: uppercase;font-family: "BEBAS";line-height: 1.2;}
.home-join .entit span{color: rgba(var(--main-color));}
.home-join .entit em{background-image: linear-gradient(to bottom,rgba(14,143,226),rgba(14,143,226,0.5));background-clip: text;-webkit-background-clip: text;color:transparent;}
.home-join .txt{position: relative;line-height: 0.35rem;padding: 0 0.18rem 0 0.53rem;color: #fff;overflow: hidden;}
.home-join .txt span{position: relative;z-index: 1;}
.home-join .txt:after{background-image: var(--bg-lg);width: 100%;height: 100%;position: absolute;left: 0.1rem;top: 0;content: "";transform: skew(30deg);opacity: 0.7;}

@media(max-width:1024px){
	.home-about .numList li{width: calc(100% / 2 - 0.12rem);}

	.home-news .swiper-slide:After{right: -8.5%;}
	.home-news .swiper-slide .ispic{padding-top: 30.1%;margin-top: 0.17rem;}
}
@media(max-width:768px){
	.titHead{margin-bottom: 0.3rem;}
	.titHead .en{font-size: 0.3rem;}
	.titHead h2{font-size: 0.36rem;}

	.home-pro .tabNav{width: 100%;justify-content: flex-start;margin-top: 0.2rem;}
	.home-pro .tabNav .item{margin-bottom: 0.2rem;}

	.home-about .slogan{font-size: 0.26rem;}
	.home-about .content{width: 100%;}
	.home-about .numList{width: 100%;margin-top: 0.3rem;}
	.home-about .numList li{margin-top: 0 !important;}
	.home-about .numList li{height: auto;padding: 0.2rem;}
	.home-about .numList .icon img{height: 0.4rem;}
	.home-about .numList li span{font-size: 0.4rem;}

	.home-news .swiper-slide:After{right: -4%;}
	.home-news .more{width: 100%;padding-top: 0.15rem;}

	.home-join .title h2{font-size: 0.36rem;}
	.home-join .title .slogan{letter-spacing: 0.2em;}
	.home-join .auto-inner:after{left: 2rem;width: calc(100% - 3rem);}
}

/* 首页 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;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pt60{padding-top: 0.6rem;}

.pageBan{position: relative;overflow: hidden;transition: all 0.3s;color: #fff;}
.pageBan .auto-inner{position: absolute;bottom: 5.208vw;left: 50%;transform: translateX(-50%);z-index: 10;text-align: right;}
.pageBan h1{font-size: 0.36rem;font-weight: 500;color: #fff;line-height: 0.54rem;position: relative;z-index: 1;letter-spacing: 0.1em;}
.pageBan .desc{font-size: 0.18rem;letter-spacing: 1em;margin: 0.15rem -0.14rem 0 0;}
.pageBan .ispic{overflow: hidden;position: relative;height: 5.59rem;}
.pageBan .ispic img{width: 100%;transform: scale(1.1);transition: all 5s;object-fit: cover;position: absolute;left: 0;top: 0;height: 100%;}
.pageBan.on .ispic img{transform: scale(1) !important;}
.pageBan:hover:before{opacity: 0.85;}

.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.4;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.16rem 0.15rem;height: 100%;width: 20px;transition: all 0.3s;}
.colName.on:after{transform: translateY(-50%) rotate(-180deg);}

.subTit{padding-bottom: 1.979vw;width: 100%;position: relative;}
.subTit:before{position: absolute;width: 4rem;height: 2.53rem;content: "";left: -0.6rem;top: -0.6rem;z-index: -1;background: url(../images/titbg.png) no-repeat center center/contain;}
.subTit h2{font-size: 0.64rem;font-weight: 500;}
.subTit h3{font-size: 0.36rem;font-weight: 500;}

.place{color: #999999;text-align: right;}
.place:before{width: 16px;height: 16px;content: "";background: url(../images/ico_home.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -3px 0.07rem 0 0;}
.place a{color: #999999;margin-right: 0.22rem;position: relative;}.place a:hover{color: rgba(var(--main-color));}
.place span{color: rgba(var(--main-color));display: inline-block;}
.place a:after{position: absolute;width: 0.2rem;right: -0.2rem;top: 43%;height:100%;content: " > ";text-align: center;transform: translateY(-50%);}

.singlePage{ word-wrap:break-word;word-break:normal;text-align:justify;position: relative;line-height: 2;}
.singlePage p *{text-wrap:none !important;  white-space: pre-wrap !important; }
.singlePage p {text-indent: 2em;}
.singlePage h2{font-size: 0.18rem;font-weight: 700;}
.singlePage table{width: 100%;border-collapse: collapse;border: 1px solid #ddd;}
.singlePage table thead th{background-color: rgba(var(--main-color));padding: 1.042vw;}
.singlePage table thead th:first-child{border-radius: 0.2rem 0 0 0.2rem;}
.singlePage table th:not(:last-child),
.singlePage table td:not(:last-child){border-right: 1px solid #eee;}
.singlePage table td{padding: 0.625vw 1.042vw;font-weight: 500;}
.singlePage table tr:nth-child(even) td{background-color: #f5f4f4;}
.singlePage table tr:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}


@media(max-width:1024px){
	.pageBan .ispic{height: auto;}
	.pageBan .ispic img{position: static;}
}
@media(max-width:768px){
	.subPage{padding: 0.4rem 0;}
	.pageBan .auto-inner{display: none;}
	.singlePage .tc img{width: 100% !important;height: auto !important;}

	.subTit h2{font-size: 0.36rem;}
	.subTit h3{font-size: 0.22rem;}
}
/*common end*/

/*pages*/
.Pages .Pages{padding: 0;}
.Pages{ padding:0.1rem 0; line-height:0.4rem; zoom:1; overflow:hidden;text-align: center;background-color: #e8e9ea;position: relative;} 
.Pages span{ padding:0px 0.05rem; display:inline-block;} 
.Pages a{ display:inline-block; margin:0px 0.15rem;color:#666666;} 
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_first,.Pages .a_end{display: none;}  
.Pages .p_page em a.a_cur,.Pages .p_page em a:hover{color: rgba(var(--main-color));} 
.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{position: absolute;top: 0.1rem;}
.Pages .a_prev:hover,.Pages .a_end:hover{color:rgba(var(--main-color))}
.Pages .a_prev{left: 2.292vw;}
.Pages .a_next{right: 2.292vw;}
/*pages end*/

/* 产品中心 */
.subPage .headTop{padding-bottom: 6.25vw;}
.subPage .headTop .subTit{flex: 1;padding-bottom: 0;}
.subPage .headTop .tabNav{width: 60%;position: relative;z-index: 10;}
.subPage .headTop .tabNav:after{position: absolute;height: 5.729vw;top: calc(100% + 0.2rem);left: 0;content: "";background: url(../images/sub_shadow.jpg) no-repeat center bottom/100%;width: 58.594vw;z-index: -1;}

.pro-list{margin-left: -4.688vw;position: relative;z-index: 11;}
.pro-list .item{margin:0 0 4.115vw 4.688vw;width: calc(100% / 3 - 4.688vw);position: relative;}
.pro-list .item{overflow: hidden;}
.pro-list .item:before,
.pro-list .item:after{left: 50%;width: 0.25rem;height: 0.16rem;position: absolute;top: -100%;content: "";background: url(../images/arr_t.png) no-repeat center center/contain;transition: all 0.5s;opacity: 0;z-index: 1;transform: translateX(-50%);}
.pro-list .item:after{top: auto;bottom: -100%;background: url(../images/arr_b2.png);}
.pro-list .item a{display: block;padding: 2.76vw 1.563vw;min-height: 25.208vw;text-align: center;position: relative;border: 1px solid #e9ebed;background: #fafbfc;}
.pro-list .item a:after{position: absolute;left: 50%;transform: translateX(-50%);height: 0.03rem;content: "";bottom: 0;background-image: var(--bg-lg);transition: all 0.5s;width: 0;}
.pro-list .item a:before{position: absolute;left: 0;bottom:0;width: 100%;height: 50%;content: "";border-left: 11.042vw solid transparent;	border-right: 11.042vw solid transparent;border-bottom: 11.042vw solid #eff1f3;z-index: 0;}

.pro-list .info{margin-bottom: 2.396vw;}
.pro-list .info .title {font-weight: 700;}
.pro-list .info .title span{color: rgba(var(--main-color));}
.pro-list .info .desc{color: #d2d2d2;}
.pro-list .ispic{padding-top: 70%;background: url(../images/pro_shadow.png) no-repeat center bottom/100%;margin-bottom: 1.094vw;}
.pro-list .more:after{margin-left: 0.15rem;width: 0.37rem;height: 0.14rem;display: inline-block;vertical-align: middle;content: "";background: #dee0e2 url(../images/more.png) no-repeat center center;}
.pro-list .more{position: relative;z-index: 2;}
.pro-list .item:hover a{background-color: #fff;}
.pro-list .item:hover a:after{width: 100%;}
.pro-list .item:hover .more:after{background: transparent url(../images/more2.png) no-repeat center center;}
.pro-list .item:hover:before{top: 0;opacity: 1;}
.pro-list .item:hover:after{bottom: 0.02rem;opacity: 1;}
.pro-list .swiper-pagination{position: static;margin-top: 0.2rem;}

.singlePage .ispic{width: 50%;padding-top: 30%;margin: 0px auto 0.25rem;border: 1px solid #eee;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.05);}

@media(max-width:768px){
	.subPage .headTop .tabNav{width: 100%;justify-content: flex-start;}
	.subPage .headTop .tabNav:after{display: none;}
	.tabNav li{margin-bottom: 0.2rem;}
	.pro-list{margin-left: 0;}
	.pro-list .item{margin: 0 0 0.2rem 0;	width: 100%;}
	.singlePage .ispic{width: 100%;padding-top: 74%;}
}

/* news */
.news-list{margin-left: -8.177vw;}
.news-list .ispic{padding-top: 0;transition: all 0.5s;}
.news-list .item{min-height: 2.97rem;width: calc(100% / 3 - 8.177vw);margin: 0 0 0.2rem 8.177vw;position: relative;}
.news-list .item:not(:nth-child(3n+3)):After{right: -18.5%;width: 1px;top: 0.06rem;content: "";position: absolute;height: 1.5rem;background-color: #e1ebeb;}
.news-list .item .desc{color: #c1c2c3;line-height: 2.1;}
.news-list .item time{color: #666;}
.news-list .item .bot{margin-top: 2.083vw;}
.news-list .item .bot span{width: 0.4rem;line-height: 0.24rem;background-color: rgba(var(--main-color));color: #fff;text-align: center;}
.news-list .item:hover .ispic{padding-top: 30.1%;margin-top: 0.17rem;}

.title-info{text-align: center;padding-bottom: 2.813vw;margin-bottom: 2.917vw;border-bottom: 1px solid rgba(var(--main-color),0.1);}
.title-info .title{font-size: 0.32rem;font-weight: 700;margin-bottom: 0.15rem;}
.title-info .title span{color: rgba(var(--main-color));}
.title-info .other{color:#666666;}

.PrevNextInfo{padding: 2.083vw 0 0 0;border-top: 1px solid rgba(var(--main-color),0.1);margin-top: 5.729vw;position: relative;}
.PrevNextInfo dl{line-height: 0.5rem;min-height: 0.5rem;width: 40%;}
.PrevNextInfo dl dt{color: #999;}
.PrevNextInfo .back{position: absolute;left: 50%;top: 2.083vw;width: 1.6rem;line-height: 0.5rem;text-align: center;border-radius: 0.5rem;background:var(--bg-lg);color:#fff;transform: translateX(-50%);}
.PrevNextInfo .back:After{margin: -0.156vw 0 0 0.1rem;width: 0.16rem;height: 0.14rem;background: url(../images/back.svg) no-repeat center center/contain;display: inline-block;content: "";transition: all 0.5s;vertical-align: middle;}
.PrevNextInfo .back:hover{opacity: 0.8;}
.PrevNextInfo .back:hover:After{transform: translateX(0.1rem);}
@media(min-width:769px){
	.PrevNextInfo dl+dl{text-align: right;}
	.PrevNextInfo dl+dl dt{display: inline-block;vertical-align: middle;}
	.PrevNextInfo dl+dl dd{max-width: 80%;display: inline-block;vertical-align: middle;}
	}
	@media(max-width:1024px){
		.news-list .item .ispic{padding-top: 30.1%;margin-top: 0.17rem;}
	}
	@media(max-width:768px){
		.news-list{margin-left: 0;}
  .news-list .item{width: 100%;margin: 0 0 0.2rem 0;position: relative;}
		
		.title-info .title{font-size: 0.26rem;}
		.PrevNextInfo dl{width: 100%;display: flex;}
		.PrevNextInfo {margin-top: 0.7rem;}
		.PrevNextInfo .back{left: auto;right: 0;transform: translateX(0);top: -0.5rem;}
	}

/* contact */
.contact-us{padding: 4.688vw;background: url(../images/contact-bg.jpg) no-repeat center center/cover;min-height: 17.448vw;margin-bottom: 2px;}
.contact-us .logo{width: 43.56%;}
.contact-us .logo img{height: 1.13rem;}
.contact-us .info dl:not(:last-child){margin-bottom: 0.12rem;}
.contact-us .info dt{margin-right: 0.29rem;position: relative;}
.contact-us .info dt:after{position: absolute;right: -0.15rem;top: 0.07rem;content: "";position: absolute;width: 1px;height: 0.1rem;background-color: #a7abb8;}
.contact-us .info span{display: inline-block;margin-right: 0.42rem;}
.contact-us .info .map{color: rgba(var(--main-color));}
.contact-us .info .map:hover{text-decoration: underline;}

.contact-hr{background: #f1f7fc url(../images/hr_bg.jpg) no-repeat 0 bottom;padding: 3.906vw 3.906vw 5.208vw;}
.contact-hr .right-con{width: 2.68rem;text-align: center;padding-top: 2.708vw;}
.contact-hr .right-con .icon img{height: 1.59rem;}
.contact-hr .right-con h2{color: #5e86f0;font-size: 0.3rem;color: #5e86f0;line-height: 0.42rem;margin-bottom: 0.18rem;text-align: center;}
.contact-hr .right-con .mail figure:before{width: 1px;display: block;margin: 0px auto;height: 0.18rem;content: "";background-color: #d9e1e8;margin-bottom: 0.09rem;}
.contact-hr .right-con .mail figure:after{width: 1px;display: block;margin: 0px auto;height: 0.18rem;content: "";background-color: #d9e1e8;margin-top: 0.09rem;}
.contact-hr .right-con .mail .txt{color: rgba(var(--main-color));margin-bottom: 1.563vw;}
.contact-hr .right-con .mail .txt span{font-size: 0.24rem;font-weight: bold;letter-spacing: -0.1em;display: block;}
.contact-hr .right-con .tip{line-height: 2;color: #72757e;}
.contact-hr .right-con .tip span{display: block;}
.contact-hr .right-con .tip span:before{display: block;width: 4px;height: 1px;background-color: #72757e;margin: 0.15rem auto;content: "";}

.contact-hr .list{width: calc(100% - 3.29rem);}
.contact-hr .list .thead{border-bottom: 0.03rem solid rgba(var(--main-color));line-height: 0.48rem;color: rgba(var(--main-color));margin-bottom: 0.13rem;text-align: center;}
.contact-hr .list .cell:nth-child(1){padding-left: 0.3rem;text-align: left;}
.contact-hr .list .w1{text-align: left;padding-left: 0.5rem;width: 1.95rem;}
.contact-hr .list .w3{width: 0.95rem;}
.contact-hr .list .item{margin-bottom: 0.1rem;text-align: left;}
.contact-hr .list .item .info{border: 1px solid #d9e1e8;padding: 0.16rem 0;position: relative;padding-right: 0.63rem;}
.contact-hr .list .item .cell:nth-child(1){background: url(../images/logo.png) no-repeat 0.16rem center;padding-left: 0.55rem;font-weight: bold;}
.contact-hr .list .more{position: absolute;right: 0;top: 0;width: 0.62rem;height: 100%;background: url(../images/jia.png) no-repeat center center;border-left: 1px solid #d9e1e8;}


.contact-hr .list .item .info{cursor: pointer;position: relative;}
.contact-hr .list .item.on .more{background-image:url(../images/jian.png);}

.contact-hr .list .detail{position: relative;display: none;line-height: 2;background-color: #fff;padding:2.083vw;}
.contact-hr .list .detail .sitem{margin-bottom: 0.1rem;}
.contact-hr .list .detail .sitem span:not(:last-child){display:inline-block;margin-right: 0.3rem;}
.contact-hr .list .detail .sitem span{color: rgba(var(--main-color));display: inline-block;}
.contact-hr .list .detail .sitem span em{color: #666;}
.contact-hr .list .detail .sti{color:rgba(var(--main-color));padding-top: 0.4rem;}
.contact-hr .list .detail .sti:nth-child(2){padding-top: 0;}

@media(max-width:768px){
	.contact-us .logo{width: 100%;}
	.contact-us .logo img{height: 0.8rem;}
	.contact-us .info{flex:none;width: 100%;margin-top: 0.25rem;}

	.contact-hr .list{width: 100%;}
	.contact-hr .right-con{width: 100%;}
	.contact-hr .list .cell:nth-child(2){display: none;}
	.contact-hr .list .cell:nth-child(1){width: 75%;}
	.contact-hr .list .detail{padding: 0.25rem;}
}

/* about */
.about-info:after{width: 38.75vw;right: 0;top: 0;height:100%;content: "";position: absolute;background: linear-gradient(180deg, #dce9e4 0%, #f7fcfa 100%);}
.about-info .numList{margin: -0.2rem 0 0.48rem;}
.about-info .numList .item{color: rgba(var(--main-color));}
.about-info .numList li span{font-family: "BEBAS";font-size: 0.50rem;}
.about-info .numList li sup{font-size: 0.26rem;transform: translateY(-0.2rem);display: inline-block;margin-left: 0.06rem;}
.about-info .numList li:nth-child(1){flex: 1.25;}
.about-info .numList li:nth-child(2){flex: 1;}
.about-info .numList li:nth-child(3){flex: 1;}
.about-info .info{width: 41.66%;}
.about-info .txt{line-height: 3;}
.about-info .txt p{text-indent: 2em;}
.about-info .imgbox{padding-right: 1.26rem;width: 45.34%;position: relative;}
.about-info .imgbox:before{width: 39.583vw;right: 0;top: -11.302vw;height:116%;content: "";position: absolute;background: linear-gradient(180deg, rgba(102,157,139,0.1) 0%, rgba(102,157,139,0) 50%, rgba(249,252,251,0.5) 100%);}
.about-info .imgbox:After{display: block;margin-top: 6.25vw;background: url(../images/logo2.png) no-repeat right center/contain;content: "";width: 3.51rem;height: 0.32rem;float: right;position: relative;z-index: 1;}
.about-info .imgbox img{display: block;width: 100%;margin-bottom: 0.12rem;z-index: 1;position: relative;}

.about-hornor{background: url(../images/hornor_bg.jpg) no-repeat center bottom/cover;color: #fff;}
.about-hornor:after{width: 18.229vw;height: 22.292vw;position: absolute;right: 1.823vw;content: "";background: url(../images/honor_bg.png) no-repeat center center/contain;z-index: 1;top: 5.833vw;}
.about-hornor .auto-inner{flex-direction: row-reverse;}
.about-hornor .thead{padding-right: 4.583vw;text-align: right;width: 28.149%;}
.about-hornor .thead img{height:0.7rem;margin: 0.1rem 0 0.24rem;}
.about-hornor .thead h2{font-size: 0.46rem;font-weight: 500;line-height: 1.4;}
.about-hornor .list{width: calc(100% - 28.149%);}
.about-hornor .swiper-slide{padding-left: 2.292vw;}
.about-hornor .swiper-slide a{display: block;background: url(../images/shadow.png) no-repeat center bottom/contain;padding-bottom: 3.021vw;}
.about-hornor .swiper-slide .ispic{padding-top: 150%;}
.about-hornor .statu{position: absolute;bottom: 3.54vw;right: 0.78rem;z-index: 10;width: 102px;}
.about-hornor .statu:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.02rem;height: 0.24rem;background-color: rgba(var(--main-color));content: "";}
.about-hornor .statu .arrow{background-color: transparent;width: 20px;height: 20px;background-size: contain;}
.about-hornor .swiper-button-prev{background-image: url(../images/arr_l_green.svg);}
.about-hornor .swiper-button-next{background-image: url(../images/arr_r_green.svg);}

@media(max-width:768px){
	.about-info .info{width: 100%;}
	.about-info .txt{line-height: 2;}
	.about-info .imgbox{width: 100%;margin-top: 0.25rem;padding-right: 0;}
	.about-info:after{display: none;}
	.about-info .numList li span{font-size: 0.4rem;}
	.about-info .numList li sup{font-size: 0.2rem;}

	.about-hornor .thead{width: 100%;text-align: left;padding-bottom: 0.3rem;}
	.about-hornor .thead h2{font-size: 0.36rem;}
	.about-hornor .thead h2 br{display: contents;}
	.about-hornor .auto-inner{flex-direction: column;}
	.about-hornor .list{width: 100%;padding-bottom: 0.5rem;}
	.about-hornor .swiper-pagination{position: static;}
}