@charset "utf-8";
@import url(common.css);

/*common s*/
.SubPage{position: relative;background: #fff;z-index: 1;height: auto !important;height: 100px;min-height: 100px;padding:6.25vw 0;clear: both;overflow: hidden;}

.SubBan{position: relative;overflow: hidden;transition: all 0.3s;color: #fff;}
.SubBan .info{position: absolute;left: 50%;top: 11.823vw;z-index: 2;transform: translateX(-50%);}
.SubBan .info2{position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);text-align: center;cursor: pointer;}
.SubBan .info2 p{font-size: var(--f32);color: #020203;}
.SubBan .info2 h2{color: #020203;font-size: 4.167vw;line-height: 1.275;font-family: 'montserrat_Medium';}
.SubBan .iconbf{font-size: 0.3rem;border-radius: 50%;border: 2px solid #fff;width: 0.84rem;height: 0.84rem;display: flex;align-items: center;justify-content: center;margin: 0.3rem auto 0;transition: all 0.5s;color: #fff !important;}
.SubBan .info2:hover .iconbf{transform: scale(0.9);}
.SubBan.pro .info2{top: 1.54rem;transform: translate(-50%,0%);}
.SubBan.pro .video:after{display: none;}
.SubBan h1{font-size: var(--f56);line-height: 1.58;}
.SubBan .desc{font-size: var(--f18);}
.SubBan .img{overflow: hidden;position: relative;}
.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;}
.SubBan .video {height: 100vh;}
.SubBan .video img{width: 100%;height: 100vh;object-fit: cover;}
.SubBan .video .wap{display: none;}
.SubBan .video:after{content: "";left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(18,27,34,0.2);position: absolute;transition: all 0.5s;}
.SubBan .video:hover:after{opacity: 0.5;}
.SubBan.on .img img{transform: scale(1);}

.ColName{display: none;background-color:var(--main-color);border-radius: 0 0 5px 5px;font-size:var(--f18);color: #fff;position: relative;margin-bottom: 5px;width: 100%;padding: 0.1rem 0.35rem;}
.ColName i{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);transition: all 0.5s;}
.ColName.on i{transform: translateY(-50%) rotate(-180deg);}

.SubMenu{position: absolute;z-index: 10;left: 50%;transform: translateX(-50%);bottom: 0;font-size: var(--f18);border-top: 0.02rem solid rgba(255,255,255,0.1);max-width: 14.4rem;width: 88%;}
.SubMenu ul{position: relative;flex: 1;}
.SubMenu li{position: relative;min-height: 5.208vw;display: flex;align-items: center;}
.SubMenu li span{display: block;width: 100%;}
.SubMenu li:not(:last-child){padding-right: 2.708vw;}
.SubMenu .line{position: absolute;top: -2px;left: 0;background-color: var(--main-color);height: 0.02rem;}
.SubMenu.noul {border-top: 0;padding-bottom: 0.3rem;}

.Place{color: rgba(255,255,255,0.6);text-align: right;font-size: var(--f14);}
.Place a{color: rgba(255,255,255,0.6);margin-right: 0.25rem;position: relative;}
.Place a:After{position: absolute;text-align: center;width: 0.25rem;height:8px;right: -0.25rem;content: "\e616";font-family: "iconfont";}
.Place a:hover{color: var(--main-color);}
.Place span{font-family: 'harmonyOS_Regular';}

.SubTit{text-align: center;padding-bottom: 3.5vw;}
.SubTit h2{font-size: var(--f48);line-height: 1;}
.SubTit h3{font-size: var(--f36);line-height: 0.74rem;padding-bottom: 0.24rem;}
.SubTit h3 span{min-width: 0.74rem;background-color: var(--main-color);color: #fff;border-radius: 50%;display: inline-block;font-family: 'harmonyOS_Regular';}
.SubTit h3 em{color: var(--main-color);font-family: 'harmonyOS_Regular';}
.SubTit .tdesc{font-size: var(--f20);padding-top: 2.083vw;line-height: 1.65;}
.SubTit .tdesc2{font-size: var(--f24);line-height: 1.8;padding-top: 2vw;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;font-size: var(--f18);line-height: 1.9;color: #000;}

.SinglePage table{border-top: 0.06rem solid var(--main-color);font-size: var(--f18);width: 100% !important;	border-collapse: collapse;border-bottom: 2px solid #eaedef;position: relative;}
.SinglePage table:after{content: "";right: 0;width: 1px;background-color: #fff;position: absolute;height: 100%;border-top: 0.06rem solid var(--main-color);top: -0.03rem;}
.SinglePage table td{border-right: 1px solid #eaedef !important;border-bottom: 1px solid #eaedef !important;padding: 0.18rem 0.2rem;background-color: #fff !important;position: relative;text-align:left;}
/* .SinglePage table td:last-child{border-right: 0;} */
.SinglePage table tr:nth-child(odd) td{background-color: #f5f7f8 !important;}
.SinglePage table td:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.1);z-index: 2;background-color: #fdfdfd !important;}


@media(min-width:1025px){
	.SubMenu li a{color: #fff;}
	.SubMenu .w1440{width: auto;}
}
@media(max-width:1024px){
	.SubBan .info{display: none;}
	.SubBan .video .wap{display: block;}


	.SubPage{padding: 0.65rem 0;}
	.SinglePage table{width: 100% !important;}

	.ColName{display: block;}
	.SubMenu{position: static;transform: translateX(0);background-color: #fff;width: 100%;padding-top: 0.2rem;}
	.SubMenu ul{flex: none;width: 100%;display: none;text-align: left;margin-bottom: 0.15rem;}
	.SubMenu ul li{border-bottom: 1px solid #eee;}
	.SubMenu ul li a{display: block;padding: 0.1rem 0.35rem;color: #000;}
	.SubMenu ul.cur{display: block;}
	.SubMenu ul li.onli a{color: var(--main-color);}
	.SubMenu .line{display: none !important;}
	.Place{width: 100%;}
	.Place,.Place a{color: #999;}
}
@media(max-width:768px){
	.SinglePage{line-height: 24px !important;}
	.SinglePage img{width: auto !important;height: auto !important;}
     .SubBan .video {height: auto;}
    .SubBan .video img{height:200px;}
}
@media(max-width:640px){
	.SinglePage table td{font-size: 14px !important;}
	.SinglePage table td, .SinglePage table th{padding:5px;}
	.SinglePage table th{font-size: 14px !important;}
}
/*common end*/


/* 产品中心 */
.proBody .SubBan .info{color: #000000;}

.proPage{background-color: #f5f7f8;padding: 0.6rem 0.4rem;}
.proPage .blank{position: absolute;top: -0.8rem;height: 0.8rem;left: 0;width: 100%;}
.proPage .searchLeft{width: 18.75vw;position: relative; float: left;}
.proPage .searchLeft.active{position: fixed;left: 0.4rem;top: 0.88rem;background-color: #f5f7f8;height: calc(100% - 1.5rem);}
.proPage .searchLeft.active2{position: absolute;top: auto;bottom: 0;}
.proPage .searchLeft .search{position: relative;margin-bottom: 0.25rem;}
.proPage .searchLeft .search input{height: 0.5rem;padding: 0 0.5rem 0 1.563vw;background-color: #fff;width: 100%;}
.proPage .searchLeft .search button{height: 0.5rem;padding:0 0.15rem;background-color: transparent;position: absolute;right: 0;top: 0;font-weight: bold;color: #000000;}
.proPage .searchLeft .search button:hover{color: var(--main-color);}
.proPage .searchLeft .item dt{display: block;padding: 0.26rem 0 0.04rem;color: #333333;}
.proPage .searchLeft .item dd{position: relative;}
.proPage .searchLeft .selected-name{background-color: #fff;}
.proPage .searchLeft .selected-name:After{color: #333333;}
.proPage .searchLeft .show .selected-name:After{color: var(--main-color);transform: translateY(-50%) rotate(-180deg);}

.proPage .searchLeft .parameter .item2{margin-bottom: 0.1rem;}
.proPage .searchLeft .parameter .item2.cur aside{color: var(--main-color);}
.proPage .searchLeft .parameter .item2.cur aside:after{transform: translateY(-50%) rotate(-180deg);color: var(--main-color);}
.proPage .searchLeft .parameter aside{padding: 0.781vw 1.563vw;position: relative;background-color: #fff;cursor: pointer;}
.proPage .searchLeft .parameter aside:after{position: absolute;right: 1.302vw;font-family: "iconfont";content: "\e63d";top: 50%;transform: translateY(-50%) rotate(0);font-weight: bold;color: #333333;transition: all 0.5s;}
.proPage .searchLeft .parameter dl{padding: 0 0.3rem 0.3rem;background-color: #fff;display: none;}
.proPage .searchLeft .parameter dl dd{min-width: 49%;padding: 0.14rem 0 0 0.35rem;cursor: pointer;display: inline-block;}
.proPage .searchLeft .parameter dl dd span{position: absolute;left: 0;top: 0.17rem;border-radius: 50%;border: 0.02rem solid #d3d8db;width: 0.24rem;height: 0.24rem;}
.proPage .searchLeft .parameter dl dd.on span{border-color: var(--main-color);}
.proPage .searchLeft .parameter dl dd.on span:before{content: "";width: 0.1rem;height: 0.1rem;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: var(--main-color);position: absolute;border-radius: 50%;}

input:focus,.ipttxt:focus{box-shadow: 0 0 10px rgba(0,0,0,0.05);}

.proPage .resultRight{width: 78.26%;float: right;}

.proList{margin-left: -1.563vw;}
.proList .item{width: calc(100% / 3 - 1.563vw);margin: 0 0 1.563vw 1.563vw;background-color: #fff;/*min-height: 28.125vw;*/padding: 2.969vw 2.083vw 1.719vw;text-align: center;}
.proList .item2{margin: 0 0.781vw 0;background-color: #fff;/*min-height: 28.125vw;*/padding: 2.969vw 2.083vw 1.719vw;text-align: center;}
.proList .tit{font-size: var(--f24);}
.proList .slogan{margin: 0.06rem 0 0.18rem;color: #666666;}
.proList .imgbox{padding-top: 58.68%;}
.proList .contrast{padding: 0.06rem 0 0.2rem;min-height: 0.87rem;overflow: hidden;}
.proList .contrast a{display: block;color: var(--main-color);border: 0.02rem solid var(--main-color);border-radius: 0.5rem;opacity: 0;transition: all 0.5s;transform: translateY(0.1rem);padding: 0.08rem 0;}
.proList .contrast a:hover{background-color: var(--main-color);color: #fff;}

.proList .parameter dd{position: relative;}
.proList .parameter dd:nth-child(1){width: 40%;padding-right: 5%;}
.proList .parameter dd:nth-child(1) h4{font-family: 'montserrat_Medium';}
.proList .parameter dd:nth-child(2){width: 60%;padding-left: 5%;}
.proList .parameter dd:not(:last-child):after{position: absolute;top: 0.05rem;height: calc(100% - 0.1rem);width: 1px;background-color: #ebebeb;content: "";right: 0;}
.proList .parameter dd h4{font-size: var(--f24);}
.proList .parameter dd em{display: block;font-size: var(--f14);color: #666666;}
.proList .item:hover .contrast a{opacity: 1;transform: translateY(0);}

#loading{background: url(../images/loading.gif) no-repeat center center;height: 32px;margin: 0.2rem 0;}

.contrastPop{bottom:-100%;transform: scale(0.9);left: 0;z-index: -1;background-color: #fff;width: 100%;box-shadow: 0 0 50px rgba(0,0,0,0.2);position: fixed;padding: 0.56rem 0.4rem;transition: all 0.5s;visibility: hidden;opacity: 0;min-height: 3.5rem;}
.contrastPop .upclose{right: 0.4rem;top: 0.25rem;color: var(--main-color);cursor: pointer;position: absolute;}
.contrastPop.show{visibility: visible;z-index: 1000;transform:scale(1);opacity: 1;bottom: 0;}
.contrastPop .left{width: 21.73%;}
.contrastPop .left h2{line-height: 1.2;font-size: var(--f48);margin-bottom: 0.5rem;}
.contrastPop .left .btn{color: #fff;text-align: center;min-width: 1.66rem;display: inline-block;border-radius: 0.5rem;padding: 0.1rem 0.2rem;background-color: var(--main-color);}
.contrastPop .left .btn:hover{background-color: var(--main-color-op8);}
.contrastPop .list{width: 76%;}
.contrastPop .list .item{text-align: center;width: 33.333%;margin: 0.2rem 0 0.14rem;position: relative;}
.contrastPop .list .item:not(:last-child):after{top: 0;right: 0;width: 1px;height: 100%;content: "";position: absolute;background-color: #ebebeb;}
.contrastPop .list .imgbox{width: 2.65rem;padding-top: 1.35rem;margin: 0px auto;}
.contrastPop .list .close{width: 30px;height: 30px;margin: 0px auto;border: 2px solid #000;text-align: center;border-radius: 50%; font-size: 14px;font-weight: bold;cursor: pointer;}
.contrastPop .list .close:hover{background-color: #000;color: #fff;}

.contrastSmall{position: fixed;z-index: 1000;right: -100%;bottom:10%;width: 0.5rem;border-radius: 0.5rem;background-color: #ececec;text-align: center;padding: 22px 0 9px;font-size: var(--main-color);font-size: var(--f14);cursor: pointer;opacity: 0;visibility: hidden;transition: all 0.8s;}
.contrastSmall img{display: block;margin: 0px auto 0.05rem;height: 0.24rem;}
.contrastSmall span{position: absolute;border-radius: 50%;color: #fff;width: 18px;height: 18px;line-height: 18px;background-color: var(--main-color);right: 0;top: 0;}
.contrastSmall.show{visibility: visible;opacity: 1;right: 0.2rem;}

@media(max-width:1024px){
	.proList .item{width: calc(100% / 2 - 1.563vw);}
	.proList .item .contrast a{opacity: 1;transform: translateY(0);width: 50%;margin: 0px auto;}

	.contrastPop .left{width: 100%;text-align: center;padding-bottom: 0.2rem;}
	.contrastPop .list{width: 100%;}
}
@media(max-width:768px){
	.proPage .searchLeft{position: static !important;width: 100%;float: none;padding-bottom: 0.35rem;overflow: visible;}
	.proPage .resultRight{width: 100%;float: none;}
}
@media(max-width:640px){
	.proPage .searchLeft .search input,
	.proPage .searchLeft .search button{height: 35px;}
	.proList .item{width: calc(100% / 1 - 1.563vw);}
	.proPage .searchLeft .parameter dl dd span{top: 0.25rem;}
}

/* 产品对比 */
.contrastPage{background: linear-gradient(180deg, #f5f7f8 0%, rgba(255,255,255,0.51) 83%, rgba(255,255,255,0) 100%);padding: 1rem 0.4rem 1.2rem;}
.contrastPage .titletop{display: none;}
.contrastPage .titletop span{color: var(--main-color);}
.contrastPage.fix .titletop{position: fixed;top: 0;left:0;z-index: 100;background-color: #fff;width: 100%;padding: 0.25rem 0 0.25rem 0.4rem;box-shadow: 0 0 10px rgba(0,0,0,0.1);display: block;}
.contrastPage.fix .arrows{position: fixed;top: 0.4rem;right: 0.4rem;z-index: 101;}
.contrastPage .resultBox{background-color: #fff;}
.contrastPage li{border-right: 1px solid #eaedef;}
.contrastPage li:not(.thead){border-bottom:1px solid #eaedef;min-height: 0.68rem;display: flex;align-items: center;justify-content: center;padding: 0.08rem 2.083vw;}
.contrastPage li:not(.thead):nth-child(even){background-color: #f5f7f8;}
.contrastPage .thead{min-height: 0.98rem;display: flex;align-items: center;}
.contrastPage .pro{min-height: 3.23rem;padding: 2.813vw 2.083vw 1.042vw;display: block !important;position: relative;border-bottom: 1px solid #eaedef;border-right: 1px solid #eaedef;}
.contrastPage .mainpz{min-height: 2.2rem !important;}
.contrastPage .fieldLeft{width: 3.65rem;}
.contrastPage .fieldLeft .wel{font-size: var(--f48);line-height: 1.16;}
.contrastPage .fieldLeft .thead{padding: 1.771vw 0.4rem;font-size: var(--f24);border-left: 0.03rem solid var(--main-color);}
.contrastPage .fieldLeft li:not(.thead){border-bottom:1px solid #eaedef;justify-content:flex-start;}

.contrastPage .fieldRight{width: calc(100% - 3.65rem);position: relative;}
.contrastPage .imgbox{width: 1.95rem;padding-top: 1.2rem;margin: 0.16rem auto 0.13rem;}
.contrastPage .close{position: absolute;top: 0.15rem;right: 0.15rem;z-index: 10;border-radius: 50%;text-align: center;border: 2px solid #000;cursor: pointer;font-size: 18px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.contrastPage .close:hover{background-color: #000;color: #fff;}
.contrastPage .item .thead{border-left: 0;}
.contrastPage .item .pro{text-align: center;}
.contrastPage .item .tit{font-size: var(--f18);text-align: center;}
.contrastPage .item .desc{text-align: center;}
.contrastPage .item li:hover .desc{-webkit-line-clamp: 10;background-color: #fff;padding: 0.3rem 0.2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;	box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.1);}
.contrastPage .item li:hover {position: relative;z-index: 10;}
.contrastPage .item .order{min-width: 1.26rem;padding: 0.1rem 0.2rem;border-radius: 0.5rem;color: #fff;background-color: var(--main-color);display: inline-block;text-align: center;}
.contrastPage .item .order:hover{background-color: var(--main-color-op8);}

.contrastPage .arrows{position: absolute;right: 0;width: 1.5rem;display: flex;top: -0.55rem;}
.contrastPage .arrows .slick-arrow i{display: block;}
.contrastPage .slick-arrow{position: static;transform: translate(0);background-color: var(--main-color);color: #fff;box-shadow: 0 0 0 rgba(0,0,0,0);}
.contrastPage .slick-disabled{border: 1px solid #e5e5e5 !important;background-color: transparent !important;color: #999;}
.contrastPage .arrows .btn{width: 0.54rem;height: 0.54rem;background-color: var(--main-color);border-radius: 50%;position: static;background-image: none;text-align: center;color: #fff;display: flex;align-items: center;justify-content: center;}
.contrastPage .arrows .btn.swiper-button-disabled{border: 1px solid #e3e3e3;background-color: transparent;color: #999;}
.contrastPage .swiper-button-prev{margin-right: 0.22rem;background-image: none;}
.contrastPage .swiper-button-prev:after{content: "\e746";font-family: "iconfont";font-size: 20px;}
.contrastPage .swiper-button-next:after{content: "\e616";font-family: "iconfont";font-size: 20px;}

@media(max-width:1024px){
	.contrastPage .fieldLeft .wel{font-size: var(--f32);}
	.contrastPage .fieldLeft{width: 2.5rem;}
 .contrastPage .fieldRight{width: calc(100% - 2.5rem);}
}
@media(max-width:640px){
	.contrastPage .thead{min-height: 68px;line-height: 20px;}
	.contrastPage li:not(.thead){min-height: 68px;line-height: 18px;}
	.contrastPage .mainpz{min-height: 150px !important;}
	.contrastPage .pro{padding-top: 30px;min-height: 4rem;}
	.contrastPage .close{width: 25px;height: 25px;}
	.contrastPage .arrows{top: -0.35rem;}
}
@media(max-width:480px){
	.contrastPage.fix .arrows{top: 0.6rem;}
}

/* 产品详情 */
.proNav{background-color: #f7f8f9;}
.proNav .item{font-size: var(--f20);padding: 0.15rem 2.865vw;min-height: 0.88rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.proNav .item.active {font-family: 'harmonyOS_Regular';}
.proNav.fix ul{position: fixed;left: 0;top: 0.8rem;width: 100%;z-index: 100;background-color: #f7f8f9;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.proNav{min-height: 0.88rem;position: relative;}
.proNav .blank{width: 100%;top: -0.8rem;height: 0.8rem;left: 0;position: absolute;}

.proDetail{background: linear-gradient(0deg, #eff6f9 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 100%);}
.proDetail .SubTit .tdesc2{line-height: 1.6;}
.proDetail .SubTit{padding-bottom:0;}
.proDetail .info{margin: 3.906vw 0 0 -7vw;}
.proDetail .info .item{width: calc(100% / 3 - 7vw);margin: 0 0 0 7vw;}
.proDetail .info .item h3{font-size: var(--f36);line-height: 1.25;margin-bottom: 0.24rem;}
.proDetail .info .item h3 span{font-family: 'harmonyOS_Regular';position: relative;}
.proDetail .info .item h3 span:After{z-index: -1;left: 0;bottom: 0.07rem;height: 0.08rem;background-color: var(--main-color);content: "";position: absolute;width: 100%;}
.proDetail .info .item .desc{font-size: var(--f18);color: #666666;}

.proFacade .TabNav .item{font-size: var(--f36);cursor: pointer;color: #cacaca;line-height: 0.95rem;padding-bottom: 0.3rem;}
.proFacade .TabNav .item:not(:last-child){padding-right: 4.479vw;}
.proFacade .TabNav .item.on{color:#000000;}
.proFacade .TabCon .slick-list{padding: 0 20%;margin: 0 -20%;}
.proFacade .TabCon .item {padding: 0 4.688vw;text-align: center;}
.proFacade .TabCon .imgbox{padding-top: 38.33%;}
.proFacade .TabCon .tit{font-size: var(--f24);margin-top: 0.17rem;}
.proFacade .TabCon .item:not(.slick-current){opacity: 0.3;}
.proFacade .TabCon .slick-prev{left: -0.3rem;}
.proFacade .TabCon .slick-next{right: -0.3rem;}

.proHighlights{background-image: linear-gradient(to top, rgba(255,255,255,0) , #f5f7f8);}
.proHighlights .item:not(:last-child){padding-bottom: 4.427vw;}
.proHighlights .item .num{width: 0.45rem;height: 0.45rem;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 50%;background-color: var(--main-color);}
.proHighlights .item h3{font-size: var(--f36);line-height: 1.5;margin: 0.08rem 0 0.21rem;}
.proHighlights .item .info{width: 32.98%;padding: 0.35rem 0;}
.proHighlights .item .desc{color: #666666;font-size: var(--f18);position: relative;z-index: 1;}
.proHighlights .item .imgbox{width: 54.16%;}

.proHighlights .item.one:nth-child(even){flex-direction: row-reverse;}

.proHighlights .item.two .num{margin: 0px auto;}
.proHighlights .item.two .info{width: 100%;text-align: center;}
.proHighlights .item.two .imgbox{width: 100%;}
.proHighlights .item.two .text{margin-left: -1.563vw;}
.proHighlights .item.two .text .li{width: calc(100% / 3 - 1.563vw);margin: 0 0 0 1.563vw;border-bottom: 2px solid #e6e6e7;padding: 0.36rem 0 0.33rem;position: relative;}
.proHighlights .item.two .text .li:after{left: 0;bottom: -2px;width: 0;height: 2px;content: "";position: absolute;background-color: var(--main-color);transition: all 0.5s;}
.proHighlights .item.two .text .li h4{font-size: var(--f24);margin-bottom: 8px;}
.proHighlights .item.two .text .li p{color: #666;}
.proHighlights .item.two .text .li:hover:after{width: 100%;}
.proHighlights .item.three{flex-direction: row-reverse;}
.proHighlights .item.three .top{width: 100%;text-align: center;padding: 0.2rem 0 0.3rem;}
.proHighlights .item.three .top .num{margin: 0px auto;}
.proHighlights .item.three .info{width: 37%;padding-bottom: 0;}
.proHighlights .item.three h4{font-size: var(--f36);line-height: 1.25;margin-bottom: 0.26rem;position: relative;z-index: 1;}
.proHighlights .item.three .inner{min-height: 21.875vw;display: flex;justify-content: center;flex-direction: column;position: relative;}
.proHighlights .item.three .inner:after{content: "";left: 50%;position: absolute;top: 50%;color: #f2f2f2;font-size: 15.625vw;font-family: 'montserrat_Medium';line-height: 1;transform: translate(-50%,-50%);font-weight: bold;}
.proHighlights .item.three .inner:nth-child(1):after{content: "01";}
.proHighlights .item.three .inner:nth-child(2):after{content: "02";}
.proHighlights .item.three .inner:nth-child(3):after{content: "03";}
.proHighlights .item.three .inner:nth-child(4):after{content: "04";}
.proHighlights .item.three .inner:nth-child(5):after{content: "05";}
.proHighlights .item.three .state{margin-top: 0;}

.proParameter{background: url(../images/proparameter.jpg) no-repeat right bottom/cover;}
.proParameter .scroll{box-shadow: 0 25px 15px rgba(0,0,0,0.1);}
.proParameter * td,.proParameter td{width: auto !important;height:auto !important}
.proParameter * tr{height:auto !important;}
.proParameter tr td:nth-child(2n+1){font-size: var(--f18);}
.proParameter tr td:nth-child(2n+2){font-family: 'harmonyOS_Regular';}
.proParameter .tip{font-size: var(--f16);margin-top: 0.5rem;}

.proRelated{background-color: #f5f7f8;}
.proRelated .proList{margin: 0 -0.781vw -0.2rem;}
.proRelated .proList .item2{margin-bottom: 0.2rem;}
.proRelated .slick-prev{left: -0.7rem;}
.proRelated .slick-next{right: -0.7rem;}

.proForm .SubTit{width: 100%;}
.proForm .imgbox{width: 55%;}
.proForm .form{width: 41.6%;}
.proForm .form .item{margin-bottom: 0.25rem;}
.proForm .form .item:last-child{margin-bottom: 0;}
.proForm .form .iptbox{position: relative;}
.proForm .form .iptbox input{height: 0.8rem;padding: 0.08rem 0.3rem 0;background-color: #f5f7f8;}
.proForm .form .iptbox label{position: absolute;left: 0.3rem;top: 0;font-size: var(--f18);line-height: 0.8rem;transition: all 0.5s;color: #999999;}
.proForm .form .iptbox.on label{top: -0.21rem;color: #fff;background-color: var(--main-color);font-size: var(--f14);line-height: 0.2rem;padding: 0.05rem 0.2rem;border-radius: 5px;}
.proForm .form .iptbox textarea{width: 100%;height: 1.6rem;padding: 0.3rem;background-color: #f5f7f8;}
.proForm .form .moreBtn{width: 2.5rem;text-align: left;}

.proProcess{background-image: linear-gradient(to top, #fff , #f5f7f8);}
.proProcess .process{margin-bottom: 6.25vw;}
.proProcess .process li:not(:last-child){padding-right: 0.46rem;position: relative;}
.proProcess .process li:not(:last-child):After{position: absolute;top: 50%;transform: translateY(-50%);width: 0.3rem;height: 0.12rem;background: url(../images/arr.svg) no-repeat center center/contain;right: 0.1rem;content: "";}
.proProcess .process li{flex: 1;}
.proProcess .process .inner{width: 1.4rem;height: 1.4rem;text-align: center;background-color: #fff;border-radius: 50%;position: relative;}
.proProcess .process .inner:before{background-color: var(--main-color-op2);left: 50%;top: 50%;width: 0;height: 0;transform: translate(-50%,-50%);content: "";position: absolute;border-radius: 50%;z-index: -1;transition: all 0.5s;}
.proProcess .process .inner .icon img{height: 0.4rem;}
.proProcess .process .inner h3{font-size: var(--f18);margin-top: 0.06rem;}
.proProcess .process li:hover .inner:before{width: 125%;height: 125%;}

.colNav .item{width: 48.61%;}
.colNav .item a{display: block;position: relative;}
.colNav .item .imgbox{padding-top: 66.57%;}
.colNav .item .info{position: absolute;z-index: 2;bottom: 2.604vw;width: 100%;left: 0;padding: 0 0.4rem;color: #fff;}
.colNav .item .info h3{font-size: var(--f36);line-height: 1.11;flex: 2;}
.colNav .item .info p{flex: 1;text-align: right;}
.colNav.slider .slick-list{margin: 0 -1.042vw;}
.colNav.slider .item{padding: 0 1.042vw;}

@media(max-width:1024px){
	.proRelated .slick-prev{left: 0;}
	.proRelated .slick-next{right: 0;}

	.proFacade .TabCon .item{padding: 0 2vw;}

	.proProcess .process{flex-wrap: wrap;}
	.proProcess .process li{flex: none;width: 25%;margin-bottom: 0.2rem;}

	.proParameter .SinglePage .scroll{overflow-x: auto;width: 107%;}
	.proParameter .SinglePage table td{min-width: 150px;}
}
@media(max-width:768px){
	.proNav{min-height: 0.8rem;}
	.proNav .item{width: 33.333%;min-height: auto;padding: 0.05rem 0.15rem;}
	
	.proDetail .info .item{width: 100%;}
	.proDetail .info .item:not(:last-child){padding-bottom: 0.25rem;}

	.proHighlights .item .info,.proHighlights .item.two .text .li,.proHighlights .item .imgbox{width: 100% !important;}
	.proHighlights .item.three .info{padding-bottom: 0.25rem;}

	.proProcess .process li{width: 33.333%;}

	.colNav .item .info h3{flex: none;width: 100%;}
	.colNav .item .info p{flex: none;width: 100%;text-align: left;padding-top: 0.1rem;}

	.proForm .imgbox{width: 100%;}
	.proForm .form{width: 100%;padding-top: 0.25rem;}
}
@media(max-width:480px){
	.proProcess .process li{width: 50%;}
	.proProcess .process .inner{width: 2.2rem;height: 2.2rem;margin: 0px auto;}
	.proForm .form .iptbox.on label{line-height: 18px;}
}


/* 网点查询和售后服务 */
.subNav{margin-bottom: 0.4rem;}
.subNav .item:not(:last-child){margin-right: 3.646vw;}
.subNav .item{line-height: 17px;padding-bottom: 8px;position: relative;font-size: var(--f18);}
.subNav .item:After{left: 50%;transform: translateX(-50%);width: 0;transition: all 0.5s;height: 2px;background-color: var(--main-color);content: "";position: absolute;bottom: 0;}
.subNav .item a{color:#999999;font-family: 'harmonyOS_Regular';}
.subNav .item.on a,.subNav .item:hover a{color:var(--main-color);}
.subNav .item:hover:After,.subNav .item.on:After{width: 100%;}

.webList{margin-left: -2.344vw;padding-top: 0.2rem;}
.webList .item{width: calc(100% / 3 - 2.344vw);margin: 0 0 2.344vw 2.344vw;background-color: #f5f7f8;padding: 2.5vw 2.1vw 2.5vw 2.5vw;min-height: 15.625vw;}
.webList .item .title{font-size: var(--f24);margin-bottom: 0.22rem;}
.webList .item .desc{min-height: 5.781vw;font-size: var(--f18);color: #6f7070;}
.webList .item .desc p{margin-bottom: 9px;padding-left: 28px;position: relative;min-height: 24px;}
.webList .item .desc p img{width: 20px;height: 20px;position: absolute;left: 0;top: 4px;}
.webList .item .go{color: var(--main-color);}
.webList .item .go:hover{text-decoration: underline;}
.webList .item2{width: calc(100% / 3 - 2.344vw);margin: 0 0 2.344vw 2.344vw;background-color: #f5f7f8;padding: 2.5vw 2.1vw 2.5vw 2.5vw;min-height: 15.625vw;}
.webList .item2 .title{font-size: var(--f24);margin-bottom: 0.22rem;}
.webList .item2 .desc{min-height: 5.781vw;font-size: var(--f18);color: #6f7070;}
.webList .item2 .desc p{margin-bottom: 9px;padding-left: 28px;position: relative;min-height: 24px;}
.webList .item2 .desc p img{width: 20px;height: 20px;position: absolute;left: 0;top: 4px;}
.webList .item2 .go{color: var(--main-color);}
.webList .item2 .go:hover{text-decoration: underline;}
.webList_add [data-title="官方办事处地址"]{min-height: auto;padding: 2.5vw 2.1vw 1vw 2.5vw; width:100%; background: antiquewhite;}
.webList_add [data-title="官方办事处地址"] .desc{min-height: auto;}
.webList_add [data-title="官方办事处地址"] .desc p:last-child{ display:none;}

.afterService{margin-left: -1.25vw;}
.afterService .serivce {margin-top: 0.6rem;}
.afterService .serivce .item{width: calc(100% / 4 - 1.25vw);margin: 0 0 1.25vw 1.25vw;background-color: #f5f7f8;min-height: 1.84rem;padding: 0.2rem;font-size: var(--f22);line-height: 0.38rem;}
.afterService .serivce b{color: var(--main-color);font-size: 0.46rem;margin-right: 0.13rem;}
.afterService .serivce .icon{width: 1.32rem;text-align: center;}
.afterService .serivce .icon img{height: 0.56rem;}
.afterService .serivce .info{flex: 1;}
.afterService .photo {max-width: 10.8rem;margin: 0.35rem auto 0;}
.afterService .photo .slick-prev{left: -0.8rem;}
.afterService .photo .slick-next{right: -0.8rem;}
.afterService .photo .slick-dots{bottom: 0.3rem;}
/* .afterService .photo .imgbox{padding-top: 64%;} */

.serviceTel{text-align: center;}
.serviceTel .hot{padding-right: 3.542vw;}
.serviceTel .ti:before{display: inline-block;vertical-align: middle;margin-right: 0.29rem;width: 0.37rem;height: 0.37rem;background: url(../images/ico_dh2.png) no-repeat center center/contain;content: "";}
.serviceTel .tel {margin-top: 0.18rem;line-height: 1.325;}
.serviceTel .tel a{color: var(--main-color);font-size: 0.4rem;font-weight: bold;}
.serviceTel .ewm img{width: 120px;}

.serviceNav {margin: 0 -5%;padding: 0.8rem 0;}
.serviceNav .item{position: relative;flex: 1;text-align: center;}
.serviceNav .item:not(:last-child):after{position: absolute;top: 0.34rem;height: calc(100% - 0.68rem);width: 2px;content: "";background-color: #f0f1f1;right: 0;}
.serviceNav .item .ico-zoom{width: 0.96rem;height: 0.96rem;border-radius: 50%;margin: 0px auto 0.35rem;display: flex; align-items: center;justify-content: center;}
.serviceNav .item .ico-zoom:before{left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;content: "";position: absolute;background-color: #f5f7f8;width: 100%;height: 100%;transition: all 0.5s;}
.serviceNav .item .ico-zoom:after{left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;content: "";position: absolute;background-color: var(--main-color);width: 0%;height: 0%;transition: all 0.8s;}
.serviceNav .item h3{font-size: var(--f22);}
.serviceNav .item:hover .ico-zoom:before{width: 0%;height: 0%;}
.serviceNav .item:hover .ico-zoom:after{width: 102%;height: 102%;box-shadow: 0 8px 21px rgba(0,0,0,0.11);}

.partsService{background-image: linear-gradient(to top, #fff , #f5f7f8);}
.partsService .serviceNav{margin-top: 0.8rem;}
.partsService .serviceNav .item{width: 33.333%;flex: none;}

@media(max-width:1024px){
	.afterService .photo .slick-prev{left: -15px;}
.afterService .photo .slick-next{right: -15px;}
}
@media(max-width:768px){
	.webList .item{width: calc(100% / 1 - 2.344vw);}

	.afterService .serivce .item{width: calc(100% / 2 - 1.25vw);}
	.serviceNav .item{flex: none;width: 50% !important;}
	.serviceNav .item:not(:nth-last-child(-n+2)){padding-bottom: 0.25rem;}
}
@media(max-width:480px){
	.afterService .serivce .item{width: calc(100% / 1 - 1.25vw);}
	.afterService .serivce .item h3{margin-bottom: 0.15rem;}
}


/* 金融服务方案 */
.financialService2{background-color: #f5f7f8;}
.financialService2 .SubTit .tdesc{margin-top: -0.3rem;}
.financialService2 .list{margin: 0 0 0.7rem -0.13rem;}
.financialService2 .list .item{margin: 0 0 0.13rem 0.13rem; width: calc(100% / 4 - 0.13rem);background-color: #fff;min-height: 24.271vw;}
.financialService2 .list .imgbox{padding-top: 62.85%;}
.financialService2 .list .info{padding: 2.083vw;}
.financialService2 .list h4 img{height: 0.32rem;display: inline-block;vertical-align: middle;margin: -0.05rem 0.15rem 0 0;}
.financialService2 .list h4{margin: 0 0 1.198vw;font-size: var(--f30);}
.financialService2 .list .desc{font-size: var(--f18);color: #4c4c4c;}

.financialService2 .groupItem{position: relative;}
.financialService2 .groupItem .title{font-size: var(--f36);line-height: 1.25;margin-bottom: 0.75rem;}
.financialService2 .groupItem .title span{display: inline-block;}
.financialService2 .groupItem .title b{font-size: 0.44rem;font-family: 'montserrat_Medium';color: var(--main-color);margin-right:0.14rem;}
.financialService2 .groupItem .title b:before{content: "";width: 0.08rem;height: 0.08rem;display: inline-block;border-radius: 50%;background-color: var(--main-color);vertical-align: middle;margin: -2px 0.1rem 0 0;}
.financialService2 .groupItem .card{margin-bottom: 0.2rem;position: relative;padding-left: 5.208vw;min-height: 1.2rem;background: linear-gradient(90deg, #f3c9cb 0%, rgba(255,255,255,0.51) 8%, rgba(255,255,255,1) 100%);}
.financialService2 .groupItem .card h4{position: absolute;left: 0;top: 0;height: 100%;width: 0.44rem;padding: 0.2rem;display: flex;align-items: center;justify-content: center;color: #fff;background-color: var(--main-color);line-height: 20px;}
.financialService2 .groupItem .card .info{flex: 1;padding: 0.2rem 0.25rem;}
.financialService2 .groupItem .card .info p{width: 25%;}
.financialService2 .groupItem:not(:last-child) {padding-bottom: 0.7rem;}

.financialService2 .groupItem .card2{background-color: #fff;border-radius: 0.22rem;min-height: 1.2rem;padding: 0.2rem;}
.financialService2 .groupItem .card2 p:not(:last-child){margin-right: 3.073vw;}
.financialService2 .groupItem .card2 p{padding-left: 26px;position: relative;}
.financialService2 .groupItem .card2 p:before{background: url(../images/dot.png) no-repeat center center/contain;width: 16px;height: 10px;content: "";position:absolute;left: 0;top: 0.1rem;}

.financialService2 .groupItem:nth-child(1):after{left:0.21rem;top: 0.27rem;height: 101.5%;content: "";position: absolute;border-left:2px solid #cecfd0;border-bottom:2px solid #cecfd0;z-index: -1;width: calc(100% - 4.4rem);border-radius: 0 0 0 0.5rem;}
.financialService2 .groupItem:nth-child(1) .title b:before{margin-left: 0.18rem;}
.financialService2 .groupItem:nth-child(2) .title span{background-color: #f5f7f8;padding-right: 0.09rem;}
.financialService2 .groupItem:nth-child(2):after{right:2.27rem;top: 0.32rem;height: 101.1%;content: "";position: absolute;border-right:2px solid #cecfd0;border-top:2px solid #cecfd0;z-index: -1;width: 2rem;border-radius: 0 0.5rem 0 0;}
.financialService2 .groupItem:nth-child(3):after{left:0.82rem;top: 0.34rem;height: 50%;content: "";position: absolute;border-left:2px solid #cecfd0;border-top:2px solid #cecfd0;z-index: -1;width: calc(100% - 3.11rem);border-radius: 0.5rem 0 0 0;}

.financialService2 .process li:not(:last-child){padding-right: 0.46rem;position: relative;}
.financialService2 .process li:not(:last-child):After{position: absolute;top: 50%;transform: translateY(-50%);width: 0.3rem;height: 0.12rem;background: url(../images/arr.svg) no-repeat center center/contain;right: 0.1rem;content: "";}
.financialService2 .process li{flex: 1;}
.financialService2 .process .inner{width: 1.65rem;height: 1.65rem;text-align: center;background-color: #fff;border-radius: 50%;position: relative;}
.financialService2 .process .inner:before{background-color: var(--main-color-op2);left: 50%;top: 50%;width: 0;height: 0;transform: translate(-50%,-50%);content: "";position: absolute;border-radius: 50%;z-index: -1;transition: all 0.5s;}
.financialService2 .process .inner .icon img{height: 0.4rem;}
.financialService2 .process .inner h3{font-size: var(--f18);margin-top: 0.06rem;}
.financialService2 .process li:hover .inner:before{width: 125%;height: 125%;}

.zyTuwen .item:not(:last-child){margin-bottom: 6.25vw;}
.zyTuwen .item .info{width: 45.48%;font-size: var(--f18);color: #4c4c4c;}
.zyTuwen .item .info .title{font-size: var(--f36);margin-bottom: 0.29rem;color: #000;}
.zyTuwen .item .info .desc{margin-bottom: 0.3rem;}
.zyTuwen .item .info h4{color: #fff;display: inline-block;background-color: var(--main-color);border-radius: 0.3rem;padding: 0 0.17rem;margin-bottom: 0.12rem;}
.zyTuwen .item .info .text p{position: relative;padding-left: 15px;}
.zyTuwen .item .info .text p:before{position: absolute;left: 0;top: 0.15rem;width: 4px;height: 4px;border-radius: 50%;content: "";background-color: var(--main-color);}
.zyTuwen .item .info .text div{padding-left: 15px;}
.zyTuwen .item .imgbox{width: 48.66%;}
.zyTuwen .item:nth-child(even){flex-direction: row-reverse;}

@media(max-width:1024px){
	.financialService2 .process{flex-wrap: wrap;}
	.financialService2 .process li{flex: none;width: 25%;margin-bottom: 0.2rem;}
}
@media(max-width:768px){
	.financialService2 .process li{width: 33.333%;}
	.financialService2 .list .item{width: calc(100% / 2 - 0.13rem);}
	.financialService2 .groupItem .card .info p{width: 50%;}

	.zyTuwen .item .info{width: 100%;padding-bottom: 0.25rem;}
	.zyTuwen .item .imgbox{width: 100%;}
}
@media(max-width:480px){
	.financialService2 .groupItem .card .info p{width: 100%;}
	.financialService2 .process li{width: 50%;}
	.financialService2 .process .inner{width: 2.2rem;height: 2.2rem;margin: 0px auto;}
	.financialService2 .groupItem .card2 p{width: 100%;}
	.financialService2 .groupItem:nth-child(3):after{height: 25%;}
}

/* 03售后服务 */
.afterTop{text-align: center;background-color: #eef2f5;}
.afterTop .menu li:not(:last-child){margin-right: 3.646vw;}
.afterTop .menu li a{display: block;padding: 0.25rem 0;color: #999999;font-size: var(--f18);position: relative;}
.afterTop .menu li a:after{left: 50%;transform: translateX(-50%);bottom: 0;content: "";position: absolute;height: 1px;background-color: var(--main-color);width: 0;transition: all 0.5s;}
.afterTop .menu li:hover a,.afterTop .menu li.on a{color: var(--main-color);}
.afterTop .menu li:hover a:after,.afterTop .menu li.on a:after{width: 100%;}

.afterSearch{width: 6rem;margin: 0 auto 0.42rem;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.08);}
.afterSearch input{flex: 1;height: 0.57rem;background-color: #fff;padding: 0 0.3rem;}
.afterSearch button{width: 0.57rem;background-color: var(--main-color);color: #fff;}
.afterSearch button:hover{background-color: var(--main-color-op8);}

.promiseList .item:not(:last-child){padding-bottom: 0.4rem;margin-bottom: 0.4rem;border-bottom: 1px solid #e6e7e7;}
.promiseList .item .icon{width: 0.8rem;height: 0.8rem;border-radius: 50%;border: 1px solid #cecfd0;display: flex;align-items: center;justify-content: center;transition: all 0.5s;}
.promiseList .item .icon img{width: 0.4rem;}
.promiseList .item .tit{width: calc(100% - 1.2rem);border-left: 2px solid #e6e7e7;padding-left: 0.4rem;font-size: var(--f36);display: flex;align-items: center;position: relative;overflow: visible;}
.promiseList .item .tit:after{left: -2px;z-index: 2;width: 2px;height: 0;top:50%;transform: translateY(-50%);content: "";position: absolute;background-color: var(--main-color);transition: all 0.5s;}
.promiseList .item .title{margin-bottom: 2.083vw;}
.promiseList .item .desc{font-size: var(--f18);color: #4c4c4c;}
.promiseList .item:hover .icon{border-color: var(--main-color);}
.promiseList .item:hover .tit:after{height: 100%;}

.downList .item{margin-bottom: 0.2rem;}
.downList .item a{padding: 0.25rem 0.42rem;background-color: #eef2f5;}
.downList .item h3{font-size: var(--f20);flex: 1;}
.downList .item .down:before{margin: -0.04rem 0.1rem 0 0;display: inline-block;vertical-align: middle;width: 0.2rem;height: 0.2rem;content: "";background: url(../images/ico_down.png) no-repeat center center/contain;}
.downList .item .moreBtn{color: #999999;}
.downList.link .item{width: 49.3%;}

.dynamicsNews{margin-left: -0.2rem;}
.dynamicsNews .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;position: relative;overflow: hidden;}
.dynamicsNews .item a{position: relative;z-index: 1;background-color: #eef2f5;min-height: 20.833vw;display: block;padding: 3.854vw 3.125vw 3.229vw;transition: all 0.5s;}
.dynamicsNews .item .tit{font-size: var(--f30);margin-bottom: 1.458vw;min-height: 0.8rem;}
.dynamicsNews .item .desc{margin-bottom: 3.438vw;font-size: var(--f18);}
.dynamicsNews .item .moreBtn{color: #999999 !important;}
.dynamicsNews .imgbox{position: absolute;left: -2.5%;top: -2.5%;width: 105%;height: 105%;transition: all 0.5s;opacity: 0;}
.dynamicsNews .imgbox:after{background: linear-gradient(80deg, #ca111a 0%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%);transition:all 0.6s;width: 100%;height: 100%;content: "";opacity: 0;position: absolute;}
.dynamicsNews .item:hover .tit,.dynamicsNews .item:hover .desc{color: #fff;}
.dynamicsNews .item:hover .imgbox{width: 100%;height: 100%;left: 0;top: 0;opacity: 1;}
.dynamicsNews .item:hover .imgbox:after{opacity: 1;}
.dynamicsNews .item:hover a{background-color: transparent;}

.partsPromise{background: url(../images/servicebg.jpg) no-repeat center bottom;}
.partsPromise .list{margin-top: 5.208vw;}
.partsPromise .list .item{flex: 1;padding: 0 0.2rem;text-align: center;position: relative;}
.partsPromise .list .item:not(:last-child):after{height: 1rem;top: 1.2rem;width: 2px;right: 0;content: "";position: absolute;background-color: #e1e1e1;}
.partsPromise .list .icon img{height: 1rem;}
.partsPromise .list .tit{margin: 2.396vw 0 0.885vw;font-size: var(--f30);}
.partsPromise .list p{color: #666666;}

.partsPromise2{background-image: linear-gradient(to bottom, #f5f7f8 , #fff);}

#pdfIframe{width: 100%;height: 52.083vw;border: 0;}

.faqList .item{margin-bottom: 0.2rem;background: #f6f7f9;padding: 0.24rem 0.4rem;}
.faqList .item .title{cursor: pointer;}
.faqList .item .title{position: relative;cursor: pointer;padding-left: 45px;}
.faqList .item .title h3{font-size: var(--f20);flex: 1;}
.faqList .item .title em{color: #999999;}
.faqList .item .title .iconfont{font-size: 16px;margin-left: 5px;transition: all 0.5s;font-weight: bold;color: #999;}
.faqList .item .title .hide{display: none;}
.faqList .item .title:before{position: absolute;left: 0;top: 0.04rem;content: "Q";width: 24px;line-height: 24px;background-color:#f2dfe2;color: var(--main-color);text-align: center;font-size: 14px;transition: all 0.5s;}
.faqList .item .desc{margin: 0.25rem 0 0;padding: 0.31rem 0 0 45px;display: none;border-top: 2px solid #e0e2e3;position: relative;font-size: var(--f18);}
.faqList .item .desc:before{position: absolute;left: 0;top: 0.4rem;content: "A";width: 24px;line-height: 24px;background-color:#f2dfe2;color: var(--main-color);text-align: center;font-size: 14px;transition: all 0.5s;font-family: 'harmonyOS_Regular';}
.faqList .item.on .ti{color: var(--main-color);font-weight: normal;}
.faqList .item.on .title .iconfont{transform: rotate(-180deg);}
.faqList .item.on .title .hide{display: inline-block;}
.faqList .item.on .title .show{display: none;}
.faqList .item.on .title em,.faqList .item.on .title .iconfont{color: var(--main-color);}
.faqList .item:hover .title:before,.faqList .item.on .title:before{background-color: var(--main-color);color: #fff;}

.contactList{margin: 0 -5%;}
.contactList .item{position: relative;flex:1;text-align: center;}
.contactList .item:not(:last-child):after{position: absolute;top: 0.34rem;height: calc(100% - 0.68rem);width: 2px;content: "";background-color: #f0f1f1;right: 0;}
.contactList .item .ico-zoom{width: 1.1rem;height: 1.1rem;border-radius: 50%;margin: 0px auto 0.35rem;display: flex; align-items: center;justify-content: center;}
.contactList .item .ico-zoom img{width: 0.5rem;}
.contactList .item .ico-zoom:before{left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;content: "";position: absolute;background-color: #f5f7f8;width: 100%;height: 100%;transition: all 0.5s;}
.contactList .item .ico-zoom:after{left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;content: "";position: absolute;background-color: var(--main-color);width: 0%;height: 0%;transition: all 0.8s;}
.contactList .item h3{font-size: var(--f40);line-height: 0.58rem;font-weight: bold;}
.contactList .item h3 a{color: var(--main-color);}
.contactList .item:hover .ico-zoom:before{width: 0%;height: 0%;}
.contactList .item:hover .ico-zoom:after{width: 102%;height: 102%;box-shadow: 0 8px 21px rgba(0,0,0,0.11);}

.messageBox{}
.messageBox .item{margin-bottom: 0.25rem;width: 49.3%;}
.messageBox .item.auto{width: 100%;}
.messageBox .item.check label:not(:last-child){margin-right: 4.115vw;}
.messageBox .item:last-child{margin-bottom: 0;}
.messageBox .iptbox{position: relative;}
.messageBox .iptbox input{height: 0.8rem;padding: 0.08rem 0.3rem 0;background-color: #f5f7f8;}
.messageBox .iptbox label{position: absolute;left: 0.3rem;top: 0;font-size: var(--f18);line-height: 0.8rem;transition: all 0.5s;color: #999999;}
.messageBox .iptbox.on label{top: -0.21rem;color: #fff;background-color: var(--main-color);font-size: var(--f14);line-height: 0.2rem;padding: 0.05rem 0.2rem;border-radius: 5px;}
.messageBox .iptbox textarea{width: 100%;height: 1.6rem;padding: 0.3rem;background-color: #f5f7f8;}
.messageBox .moreBtn{width: 2.5rem;text-align: left;}
.messageBox .yzbox{width: 7.1rem;position: relative;}
.messageBox .yzbox .yzimg{position: absolute;right: 0.24rem;top: 50%;transform: translateY(-50%);z-index: 1;height: 0.44rem;}
.messageBox .look{padding-left: 0.2rem;}
.messageBox .btn{padding-top: 0.3rem;}
.messageBox .sendBtn{width: 1.66rem;height: 0.5rem;border-radius: 0.5rem;color: #fff;background-color: var(--main-color);}
.messageBox .sendBtn:hover{background-color: var(--main-color-op8);}

@media screen and (max-width: 918px) { .code { display: none; } }

@media(max-width:640px){
	.downList .item h3,.downList .item .down{flex: none;width: 100%;}
	#pdfIframe{height: 100vw;}
	.faqList .item .title,.faqList .item .desc{padding-left: 35px;}
	.messageBox .look{text-align: right;width: 100%;}
}


/* 换电重卡解决方案 */
.trucksPage2{background-color: #eff2f4;}
.trucksPage2 .list{margin: 0 0 -2.083vw -2.083vw;}
.trucksPage2 .list .item{width: calc(100% / 2 - 2.083vw);margin: 0 0 2.083vw 2.083vw;background-color: #fff;min-height: 3.6rem;padding: 2.292vw 3.333vw;text-align: center;}
.trucksPage2 .list .title{position: relative;padding: 3.281vw 0 1.927vw 0;}
.trucksPage2 .list .title span{position: absolute;left: 0;width: 100%;background-image: linear-gradient(to bottom,#eee, #fff);background-clip: text;-webkit-background-clip: text;color:transparent;font-size: 9.375vw;line-height: 1;top: 0;font-weight: bold;font-family: 'montserrat_Medium';}
.trucksPage2 .list .title h3{position: relative;z-index: 1;font-size: var(--f30);}
.trucksPage2 .list .desc{color:#555555;font-size: var(--f18);position: relative;z-index: 1;}

.trucksPage3 .title{text-align: center;margin-bottom: 0.55rem;}
.trucksPage3 .title h3{background-color: var(--main-color);color: #fff;font-size: var(--f30);padding: 0.11rem 0.33rem;display: inline-block;border-radius: 0.52rem;}
.trucksPage3 .tip{font-family: 'harmonyOS_Regular';position: relative;padding-left: 0.4rem;}
.trucksPage3 .tip:before{position: absolute;left: 0;top: 0.07rem;width: 0.16rem;height: 0.19rem;background: url(../images/arr2.svg) no-repeat center center/contain;content: "";}

.trucksPage3 .photo{margin: 2.969vw 0 0 -2.083vw;}
.trucksPage3 .photo li{width: calc(100% / 2 - 2.083vw);margin: 0 0 2.083vw 2.083vw;}
.trucksPage3 .photo li img{width: 100%;}
.trucksPage3 .photo.one li{width: 100%;}
.trucksPage3 .photo.zy {margin-left:0;}
.trucksPage3 .photo.zy li{margin-left:0;}
.trucksPage3 .photo.zy li:nth-child(2n+1){width:58%;}
.trucksPage3 .photo.zy li:nth-child(2n+2){width:40%;}

.trucksPage3 .list1{margin: 0 0 0 -1.563vw;}
.trucksPage3 .list1 li{width: calc(100% / 3 - 1.563vw);margin: 0 0 1.563vw 1.563vw;background-image: linear-gradient(to bottom, #f0f3f5 , #fff);padding: 2.604vw;}
.trucksPage3 .list1 li h3{margin-bottom: 0.3rem;font-size: var(--f24);}
.trucksPage3 .list1 li img{height: 0.42rem !important;margin-right: 0.2rem;}

.trucksPage3 table td{width: 25%;}
.trucksPage3 table tr td:nth-child(2n+1){font-size: var(--f14);}
.trucksPage3 table tr td:nth-child(2n+2){font-family: 'harmonyOS_Regular';}
.trucksPage3 table td{padding-left:2.604vw;}
.trucksPage3 table.td3 td{width: 33.333%;}
.trucksPage3 table.td3 td:nth-child(3n+3){font-family: 'harmonyOS_Regular';font-size: var(--f16);}

.trucksPage3 .SinglePage:last-child{padding-bottom: 0 !important;}

.trucksPage5 .list1{margin: -3.083vw 0 0 -2.083vw;}
.trucksPage5 .list1 li{width: calc(100% / 2 - 2.083vw);margin: 0 0 2.083vw 2.083vw;background: #f5f7f8;padding: 2.604vw;}
.trucksPage5 .list1 li h3{margin-bottom: 0.3rem;font-size: var(--f24);}
.trucksPage5 .list1 li img{height: 0.42rem !important;margin-right: 0.2rem;}

.trucksPage5 .SinglePage table {font-size: var(--f14);text-align: center;}
.trucksPage5 .SinglePage table tr:nth-child(1){font-family: 'harmonyOS_Regular';font-size: var(--f16);}

.custxt {position: relative;}
.custxt .imgbox{padding-top: 6.3rem;}
.custxt .imgbox:After{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-image: linear-gradient(to right, rgba(255,255,255,0.1) , rgba(255,255,255,0));}
.custxt .info{position: absolute;top: 50%;transform: translateY(-50%);left: 7.969vw;width: 4.8rem;line-height: 2;z-index: 2;font-size: var(--f18);}
.custxt .info h3{font-size: var(--f36);margin-bottom: 2.188vw;}

.caseSlider2 .slick-list{padding: 0 17%;margin: 0 -20%;}
.caseSlider2 .item{padding: 0 4.167vw;}
.caseSlider2 .item .imgbox{padding-top: 30.729vw;width: 66.9%;}
.caseSlider2 .item .info{padding: 0.38rem 0 0 0.54rem;flex: 1;}
.caseSlider2 .item .num{line-height: 6.094vw;font-size: 3.646vw;color: var(--main-color);font-style: italic;font-family: 'montserrat_Medium';font-weight: bold;position: relative;overflow: hidden;}
.caseSlider2 .item .num:after{background-color: #fff;content: "";position: absolute;left: 0;top: 56%;height: 100%;width: 100%;}
.caseSlider2 .item h3{font-size: var(--f30);line-height: 1.33;margin-bottom: 3.49vw;}
.caseSlider2 .item:not(.slick-current){opacity: 0.3;padding-top: 0.55rem;}
.caseSlider2 .item:not(.slick-current) .imgbox{width: 100%;padding-top: 25vw;}
.caseSlider2 .item:not(.slick-current) .info{display: none;}
.caseSlider2 .slick-prev{left: -0.72rem;}
.caseSlider2 .slick-next{right: -0.72rem;}

@media(max-width:1024px){
	.caseSlider2 .slick-prev{left: 0;}
	.caseSlider2 .slick-next{right: 0;}
}
@media(max-width:768px){
	.trucksPage2 .list .item{width: calc(100% / 1 - 2.083vw);}
	.trucksPage3 .list1 li{width: calc(100% / 1 - 1.563vw);}
	.trucksPage5 .list1 li{width: calc(100% / 1 - 2.083vw);}

	.trucksPage3 .scroll{overflow-x: auto;}
	.trucksPage3 table td{min-width: 120px;}

	.trucksPage5 .scroll{overflow-x: auto;}
	.trucksPage5 table td{min-width: 120px;}

	.custxt .info{line-height: 1.6;}

	.caseSlider2 .item .imgbox{width: 100%;padding-top: 64%;}
	.caseSlider2 .item .info{width: 100%;}
	.caseSlider2 .slick-dots{position: static;margin-top: 0.2rem;}
	.caseSlider2 .slick-arrow{top: 25%;}
	.caseSlider2 .item .num{font-size: 0.4rem;}
}

/* 智慧交通解决方案 */
.trafficFaPage1 .content{background-color: #eff2f4;padding: 5.208vw 0;}
.trafficFaPage1 .content .item:not(:last-child){margin-bottom: 0.7rem;}
.trafficFaPage1 .content .item .title{width: 1.9rem;position: relative;}
.trafficFaPage1 .content .item .title h3{font-size: var(--f24);width: 2.54rem;text-align: center;top: 50%;transform: translateY(-50%);}
.trafficFaPage1 .content .item .info{flex: 1;}
.trafficFaPage1 .content .item .imgbox{width: 60.833vw;padding-bottom: 0.5rem;background: url(../images/shadowimgbg.png) no-repeat center bottom/contain;text-align: center;}
.trafficFaPage1 .content .item .imgbox img{width: 48.385vw;margin: 0px auto;}

.trafficFaPage2 .list{margin-left: -1.302vw;}
.trafficFaPage2 .list .item{flex: 1;margin-left: 1.302vw;background-color: #f5f7f8;font-size: var(--f20);padding: 1.354vw;min-height: 1.23rem;}
.trafficFaPage2 .list .item .icon{width: 5.677vw;text-align: center;}
.trafficFaPage2 .list .item .icon img{height: 0.5rem;}
.trafficFaPage2 .list .item h3{flex: 1;}

.trafficFaPage3{background-image: linear-gradient(to top, #fff , #eff2f4);}
.trafficFaPage3 .title{text-align: center;padding-bottom: 0.4rem;}
.trafficFaPage3 .title h3{display:inline-block;min-width: 0.8rem;line-height: 0.8rem;border-radius: 0.8rem;padding: 0 0.15rem;background-color: var(--main-color);color: #fff;font-size: var(--f24);}
.trafficFaPage3 .SinglePage{font-size: var(--f20);line-height: 1.8;margin-bottom: 3.229vw;}
.trafficFaPage3 .photo{margin-left:-1.198vw;font-size: var(--f18);padding-bottom: 0.25rem;}
.trafficFaPage3 .photo li{margin: 0 0 2.292vw 1.198vw;text-align: center;}
.trafficFaPage3 .photo .imgbox{padding-top: 66.66%;margin-bottom: 0.09rem;}
.trafficFaPage3 .photo.w5 li{width: calc(100% / 5 - 1.198vw);}
.trafficFaPage3 .photo.w6 {margin-left: -0.938vw;}
.trafficFaPage3 .photo.w6 li{width: calc(100% / 6 - 0.938vw);margin-left: 0.938vw;}
.trafficFaPage3 .photo.w6 li:nth-child(1){width: calc(100% / 1 - 0.938vw) !important;}
.trafficFaPage3 .photo.w6 li:nth-child(1) .imgbox{padding-top: 33.333%;}

.trafficFaPage3 .cloud .img{width: 68.75%;position: relative;}
.trafficFaPage3 .cloud .img li{display: none;}
.trafficFaPage3 .cloud .img li .imgbox{padding-top: 44.44%;}
.trafficFaPage3 .cloud .tab{width: 31.25%;margin-left: -0.1rem;}
.trafficFaPage3 .cloud .tab li{width: calc(100% / 3 - 0.1rem);margin: 0 0 0.1rem 0.1rem;min-height: 1.4rem;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: var(--f18);padding: 0.1rem;background-color: #eff2f4;text-align: center;}
.trafficFaPage3 .cloud .tab li.on{background-color: var(--main-color);color: #fff;}

.trafficFaPage4{background-color: #eff2f4;}
.trafficFaPage4 .slider{margin-left: -0.1rem;}
.trafficFaPage4 .slider .item{flex: 1;margin-left: 0.1rem;position: relative;transition: all 0.5s;overflow: hidden;z-index: 10;}
.trafficFaPage4 .slider .item .imgbox{padding-top: 5.4rem;opacity: 0;transition: all 0.5s;transform: scale(1.1);}
.trafficFaPage4 .slider .item .imgbox:after{left: 0;top: 0;width: 100%;height: 100%;z-index: 2;position: absolute;content: "";background-image: linear-gradient(to bottom, rgba(21,87,134,1) , rgba(21,87,134,0));opacity: 0;transition: all 0.9s;}
.trafficFaPage4 .slider .item .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background-color: #fff;padding: 1.8vw;}
.trafficFaPage4 .slider .item .info .tit{color: #ca101a;position: absolute;left:2.083vw;top: 1.8vw;font-size:var(--f24)}
.trafficFaPage4 .slider .item .info .tit span{display: inline-block;position: relative;}
.trafficFaPage4 .slider .item .info .tit span:after{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;content: "";background-color: var(--main-color);transition: all 0.5s;}
.trafficFaPage4 .slider .item .info .text{font-size: var(--f18);position: absolute;left: 2.083vw;top: 50%;transform: translateY(-50%);width: calc(100% - 4.167vw);color: #4c4c4c;transition: all 0.5s;cursor: pointer;}
.trafficFaPage4 .slider .item .info .more{text-align: right;color: var(--main-color);width: 100%;display: block;}
.trafficFaPage4 .slider .item.hover {flex: 2;}
.trafficFaPage4 .slider .item.hover .info {background-color: transparent;}
.trafficFaPage4 .slider .item.hover .info .tit{color: #fff;}
.trafficFaPage4 .slider .item.hover .info .tit span:after{width: 100%;}
.trafficFaPage4 .slider .item.hover .info .text{transform: translateY(0);top: 5.5vw;color: #fff;}
.trafficFaPage4 .slider .item.hover .info .text p{color:#fff}
.trafficFaPage4 .slider .item.hover .info .text .dot4{-webkit-line-clamp: 100;height: 3.5rem;overflow-y: auto;}
.trafficFaPage4 .slider .item.hover .info .text .more{display: none;}
.trafficFaPage4 .slider .item.hover .imgbox {opacity: 1	;transform: scale(1);}
.trafficFaPage4 .slider .item.hover .imgbox:after {opacity: 1	;}
.trafficFaPage4 .m{position: absolute;width: 100%;height: 100%;bottom: -28%;left: 0;z-index: 0;}

.caseSlider .slick-list{margin: 0 -0.781vw;}
.caseSlider .item{padding: 0 0.781vw;}
.caseSlider .item .imgbox{padding-top: 66.6%;}
.caseSlider .item .tit{font-size: var(--f20);margin-top: 0.14rem;}
.caseSlider .item .desc{min-height: 2.9rem;font-size: var(--f20);background-color: #f2f4f6;padding: 1.771vw 1.5vw;}
.caseSlider .item .desc .scroll{max-height: 2.2rem;overflow-y: auto;}
.caseSlider .slick-prev{left: -0.8rem;}
.caseSlider .slick-next{right: -0.8rem;}

@media(max-width:1024px){
	.trafficFaPage3 .cloud .img{width: 100%;}
	.trafficFaPage3 .cloud .tab{flex: 1;margin-top: 0.1rem;}

	.trafficFaPage4 .slider{display: block;}
	.trafficFaPage4 .slick-list{padding: 0 10%;margin: 0 -10%;}
	.trafficFaPage4 .item{flex:none;}
	.trafficFaPage4 .item:not(.slick-current){opacity: 0.3;}
	.trafficFaPage4 .slider .item .info{padding: 0.4rem;}
	.trafficFaPage4 .slider .item .info .tit{position: static;color: #fff;margin-bottom: 0.2rem;}
	.trafficFaPage4 .slider .item .info .tit span:after{width: 100%;}
	.trafficFaPage4 .slider .item .info .text{position: static;transform: translateY(0);color: #fff;width: 100%;}
	.trafficFaPage4 .slider .item .info{background-color: transparent;}
	.trafficFaPage4 .slider .item .info .dot4{-webkit-line-clamp: 100;height: 4rem;overflow-y: auto;}
	.trafficFaPage4 .slider .item .info .more{display: none;}
	.trafficFaPage4 .slider .item .imgbox,.trafficFaPage4 .slider .item .imgbox:after{opacity: 1;}
	.trafficFaPage4 .slider .slick-prev{left: -15px;}
	.trafficFaPage4 .slider .slick-next{right: -15px;}

	.caseSlider .slick-arrow{top: 35%;}
	.caseSlider .slick-prev{left: -18px;}
	.caseSlider .slick-next{right: -18px;}
}
@media(max-width:768px){
	.trafficFaPage1 .content .item .title{width: 100%;padding-bottom: 0.25rem;}
	.trafficFaPage1 .content .item .title h3{position: static;transform: translateX(0);width: auto;}
	.trafficFaPage1 .content .item .info,.trafficFaPage1 .content .item .imgbox,.trafficFaPage1 .content .item .imgbox img{width: 100%;flex: none;}

	.trafficFaPage2 .list .item .icon{width: 0.8rem;}
	.trafficFaPage2 .list .item{flex: none;width: calc(100% / 2 - 1.302vw);margin-top: 1.302vw;}

	.trafficFaPage3 .photo li{width: calc(100% / 2 - 1.198vw) !important;}

	.trafficFaPage4 .slider .item .imgbox{padding-top: 55vh;}
	.trafficFaPage4 .slider .item .info .dot4{height: 5.5rem;}
}


/* 移动医院解决方案 */
.hospitalPage2{background-color: #eff2f4;}
.hospitalPage4{background-color: #eff2f4;}

.valueList{margin: 0 0 -1.198vw -1.198vw;}
.valueList .item{width: calc(100% / 5 - 1.198vw);margin: 0 0 1.198vw 1.198vw;background-color: #fff;min-height: 3.66rem;padding: 3.229vw 2vw;text-align: center;position: relative;transition: all 0.5s;}
.valueList .icon img{height: 0.53rem;}
.valueList h3{font-size: var(--f24);margin-top: 0.24rem;}
.valueList .en{font-size: var(--f14);color: var(--main-color);}
.valueList .desc{color: #555555;margin-top: 0.22rem;}

.valueList .item:before, .valueList .item:after {content: '';border-style: solid;position: absolute;z-index: 5;box-sizing: content-box;transition: all 0.5s;border-color: var(--main-color);}
.valueList .item:before {width: 0;height: 100%;border-width: 1px 0 1px 0;top: -1px;left: 0;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.valueList .item:after {width: 100%;height: 0;border-width: 0 1px 0 1px;top: 0;left: -1px;}
.valueList .item:hover {transform: translateY(-0.2rem);box-shadow: 0 0 20px var(--main-color-op2);}
.valueList .item:hover:before {width: 100%;}
.valueList .item:hover:after {height: 100%;}

/* 全场景公交产品解决方案 */
.BusFaPage2{background-color: #eff2f4;}
.BusFaPage4{background-color: #eff2f4;}


/* 售后服务解决方案 */
.afterSalesPage2{background-color: #eff2f4;}
.photoList1{margin: 0 0 -1.563vw -1.563vw;}
.photoList1 .item{width: calc(100% / 3 - 1.563vw);margin: 0 0 1.563vw 1.563vw;background-color: #fff;}
.photoList1 .imgbox{padding-top: 66.5%;}
.photoList1 .info{padding: 0.34rem;min-height: 2.2rem;font-size: var(--f20);}

.photoList2{margin: 0 0 -1.406vw -1.406vw;}
.photoList2 .item{width: calc(100% / 4 - 1.406vw);margin: 0 0 1.406vw 1.406vw;text-align: center;font-size: var(--f18);}
.photoList2 .imgbox{padding-top: 64.7%;margin-bottom: 1.927vw;}
.photoList2 .tit{font-size: var(--f24);margin-bottom: 0.13rem;}

.afterSalesPage3{padding-top: 18.438vw;}
.afterSalesPage3 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 34.375vw;background-position: center bottom;background-size: cover;}
.afterSalesPage3 .w1440{background-color: #fff;padding: 5vw 6.25vw 6.25vw;}
.afterSalesPage3 .SinglePage{font-size: var(--f20);}
.afterSalesPage3 .list{margin-left: -4.271vw;}
.afterSalesPage3 .list .item{width: calc(100% / 3 - 4.271vw);margin: 3.5vw 0 0 4.271vw;border: 1px solid #dddddd;text-align: center;line-height: 1.6;padding: 0.15rem;display: flex;align-items: center;justify-content: center;min-height: 1.4rem;}
.afterSalesPage3 .list .item:hover{background: var(--main-color);color: #fff;border: 1px solid var(--main-color);}

.afterSalesPage4{background-color: #f8f8f8;}

@media(max-width:768px){
	.photoList1 .item,.afterSalesPage3 .list .item{width: 100%;}
	.afterSalesPage3 .w1440{padding-left: 5vw;padding-right: 5vw;}
}


/* 新闻动态 */
.NewsFocus{margin-bottom: 5.208vw;position: relative;}
.NewsFocus .slick-list{padding: 0 8.333vw;margin: 0 -12.5vw;}
.NewsFocus .imgbox{width: 100%;padding-top: 23.438vw;}
.NewsFocus .info{width:40.27%;padding: 1.667vw 0 0 0;display: none;}
.NewsFocus .info .tit{font-size: var(--f36);line-height: 1.3;margin: 2.344vw 0;}
.NewsFocus .state{width: 40.27%;right: 0;bottom: 2.083vw;position: absolute;z-index: 10;}
.NewsFocus .moreBtn{color: #999999;font-family: 'harmonyOS_Regular';}
.NewsFocus .item {padding: 0 4.167vw;opacity: 0.4;}
.NewsFocus .slick-current {opacity: 1;}
.NewsFocus .slick-current .imgbox{width: 55.5%;}
.NewsFocus .slick-current .info{display: block;}

.PhotoNews{margin-left: -3.125vw;}
.PhotoNews li{width: calc(100% / 3 - 3.125vw);margin: 0 0 3.125vw 3.125vw;position: relative;}
.PhotoNews a{display: block;}
.PhotoNews .imgbox{padding-top: 55.45%;margin-bottom: 0.33rem;}
.PhotoNews .tit{font-size: var(--f20);min-height: 0.64rem;margin: 0.06rem 0 0.53rem;color: #000000;}
.PhotoNews .moreBtn{color: #999999;font-family: 'harmonyOS_Regular';}
.PhotoNews .item:hover .tit{font-family: 'harmonyOS_Regular';text-decoration: #666666 underline 1px;text-underline-offset:3px;}
.PhotoNews.notice .info{border: 1px solid #eee;padding: 0.35rem;position: relative;}
.PhotoNews.notice .info .tit{margin-bottom: 0.3rem;}
.PhotoNews.notice .info a{display: block;position: relative;}
.PhotoNews.notice .item a:before, .PhotoNews.notice .item a:after {content: '';border-style: solid;position: absolute;z-index: 5;box-sizing: content-box;transition: all 0.5s;border-color: var(--main-color);}
.PhotoNews.notice .item a:before {width: 0;height: 100%;border-width: 1px 0 1px 0;top: -1px;left: 0;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.PhotoNews.notice .item a:after {width: 100%;height: 0;border-width: 0 1px 0 1px;top: 0;left: -1px;}
.PhotoNews.notice .item:hover a:before {width: 100%;}
.PhotoNews.notice .item:hover a:after {height: 100%;}

.activityNews{margin-left: -0.2rem;}
.activityNews .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;position: relative;overflow: hidden;}
.activityNews .info{position: absolute;left: 0;bottom: 0;width: 70%;z-index: 2;padding: 1.719vw 2.083vw;color: #fff;}
.activityNews .imgbox{padding-top: 56%;}
.activityNews .imgbox:after{width: 100%;height: 100%;left: 0;bottom: 0;position: absolute;content: "";z-index: 2;background-image: linear-gradient(58deg, rgba(0,0,0,.6) , rgba(24,68,100,0));transition: all 0.5s;}
.activityNews .imgbox:before{width: 100%;height: 100%;left: 0;bottom: 0;position: absolute;content: "";z-index: 2;background-image: linear-gradient(58deg, rgba(202,16,26,1) , rgba(202,16,26,0));transition: all 0.5s;opacity: 0;}
.activityNews .tit{line-height: 1.5;font-size: var(--f24);margin-top: 1.354vw;}
.activityNews .moreBtn{margin: 2.448vw 0 -4.583vw 0;opacity: 0;transition: all 0.5s;}
.activityNews .item:hover .moreBtn{margin-bottom: 0;opacity: 1;}
.activityNews .item:hover .imgbox:after{opacity: 0;}
.activityNews .item:hover .imgbox:before{opacity: 1;}

.videoList ol{margin-bottom: 3.125vw;}
.videoList ol li{position: relative;}
.videoList ol .imgbox{padding-top: 47.22%;cursor: pointer;}
.videoList ol .imgbox:before{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;content: "";height: 100%;transition: all 0.5s;background-color: rgba(22,44,69,0.2);transition: all 0.5s;}
.videoList ol .iconbf {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;font-size: 0.3rem;border-radius: 50%;border: 2px solid #fff;width: 0.84rem;height: 0.84rem;display: flex;align-items: center;justify-content: center;}
.videoList ol li:hover .imgbox:before {opacity: 0.2;}

.videoList ul{margin-left: -2.344vw;}
.videoList .item{width: calc(100% / 3 - 2.344vw);margin: 0 0 3.125vw 2.344vw;}
.videoList .item a{display: block;position: relative;}
.videoList .tit{position: absolute;left: 0.2rem;bottom: 0.14rem;z-index: 2;width: calc(100% - 0.4rem);font-size: var(--f18);color: #fff;}
.videoList .tit i{font-size: 20px;margin-right: 0.08rem;transition: all 0.5s;}
.videoList .imgbox{padding-top: 66.66%;}
.videoList .imgbox:after{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;content: "";background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(11,19,32,1));height: 1.2rem;transition: all 0.5s;}
.videoList .item:hover .imgbox:after{height: 1.5rem;}
.videoList .item:hover .tit i{transform: scale(1.2);margin-left: 0.1rem;}

.NewsPage{padding-top: 1.72rem;}
.NewsPage .SinglePage{line-height: 1.9;font-size: var(--f18);}
.NewsPage .SinglePage p{text-indent: 2em;}
.NewsPage .SinglePage li{list-style: inside;}
.NewsPage .SinglePage img{display: block;margin: 0px auto;}
.NewsPage .SinglePage h2{font-size: var(--f24);}

.NewsPage .SiteMap .item{margin-right: 2.5vw;flex: 1;padding-bottom: 0.25rem;}
.NewsPage .SiteMap .item:nth-child(3){flex: 1.4;}
.NewsPage .SiteMap .item dt{font-size: var(--f20) !important;padding-bottom: 0.2rem;border-bottom: 0.02rem solid #e1e4e6;margin-bottom: 0.2rem;position: relative;}
.NewsPage .SiteMap .item dt *{font-size: var(--f20) !important;}
.NewsPage .SiteMap .item dt a{font-family: 'harmonyOS_Regular';font-weight: bold;}
.NewsPage .SiteMap .item dt:after{position: absolute;left: 0;bottom: -0.02rem;z-index: 1;content: "";width: 0;transition: all 0.5s;background-color: var(--main-color);height: 0.02rem;}
.NewsPage .SiteMap .item dt i{font-size: 16px;position: absolute;right: 0;top: 0;width: 100%;text-align: right;display: none;z-index: 3;}
.NewsPage .SiteMap .item dd a{opacity: #333;font-weight: normal;}.Footer .SiteMap .item dd a:hover{color: var(--main-color);font-family: 'harmonyOS_Regular';font-weight: normal;}
.NewsPage .SiteMap .item dd p{text-indent: 0em !important;}
.NewsPage .SiteMap .item:hover dt:after{width: 100%;}


.TitleInfo{margin-bottom: 0.7rem;padding-bottom: 0.32rem;border-bottom: 2px solid #f7f7f7;}
.TitleInfo .title{font-size: var(--f48);line-height: 1.25;margin-bottom: 0.34rem;}

.PrevNextInfo{padding: 0.33rem 0 0 0;margin-top: 0.8rem;border-top: 2px solid #f7f7f7;position: relative;font-size: var(--f18);}
.PrevNextInfo dl{position: relative;width: 48%;}
.PrevNextInfo dl:last-child{flex-direction: row-reverse;}
.PrevNextInfo dl dt i{width: 0.3rem;text-align: center;display: inline-block;}
.PrevNextInfo dl dd{flex: 1;}
.PrevNextInfo .back{margin: 0.54rem auto 0;border-radius: 0.5rem;background-color: var(--main-color);color: #fff;padding: 0.1rem 0;display: inline-block;min-width: 1.26rem;text-align: center;padding:0 0.2rem;}
.PrevNextInfo .back:hover{background-color: var(--main-color-op8);}
.PrevNextInfo dl dd:hover{text-decoration: var(--main-color) underline 1px;text-underline-offset:3px;}

.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;max-height: 50%;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{padding:3.125vw;overflow: hidden;}
.JobPop .Content video{display: block;width: 100%;}
.JobPop .toptit{text-align: center;padding-bottom: 0.4rem;font-size: var(--f32);}
.JobPop .toptit h1{text-align: center;line-height: 1.73;font-size: var(--f30);color:var(--purple-color);}
.JobPop .toptit time i{color:var(--purple-color);margin: -3px 10px 0 0;}
.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(--purple-color) !important;}


@media(max-width:1024px){
	.JobPop{width: 95%;}
	.NewsPage{padding-top: 1.4rem;}
}
@media(max-width:768px){
	.NewsFocus .slick-list{padding: 0 10%;margin: 0 -10%;}
	.NewsFocus .item{padding: 0 0.15rem;}
	.NewsFocus .item .imgbox{padding-top: 62%;}
	.NewsFocus .slick-current .imgbox{width: 100%;}
	.NewsFocus .slick-current .info{width: 100%;padding: 0.2rem 0 0 0}
	.NewsFocus .state{position: static;width: 100%;}

	.PhotoNews li{width: calc(100% / 2 - 3.125vw);}
	.activityNews .item{width: 100%;}
	.activityNews .info{width: 100%;padding: 0.3rem;}

	.videoList .item{width: calc(100% / 2 - 2.344vw);}

	.JobPop .Content{padding: 0.6rem 0.35rem 0.35rem;}

	.NewsPage .SiteMap .item{margin-right: 0;flex: none; width: 100%;}
}
@media(max-width:640px){
	.NewsPage .SinglePage *{font-size: 14px !important;}
}

/* 关于金龙 */
.AboutInfo .title{font-size: var(--f48);line-height: 1.62;margin-bottom: 0.55rem;}
.AboutInfo .SinglePage{font-size: var(--f20);margin-bottom: 0.59rem;}
.AboutInfo .SinglePage:last-child{margin-bottom: 0;}
.AboutInfo .numList{margin-bottom: 0.7rem;}
.AboutInfo .numList .item{flex: 1;}
.AboutInfo .numList p{opacity: 0.7;font-size: var(--f18);}
.AboutInfo .numList .num{color: var(--main-color);font-size: var(--f48);font-family: 'montserrat_Medium';line-height: 0.51rem;}
.AboutInfo .numList .num span{font-family: 'montserrat_Medium';}
.AboutInfo .photo li{width: 48.8%;text-align: center;padding-bottom: 0.4rem;opacity: 0.7;font-size: var(--f18);overflow: hidden;}
.AboutInfo .photo li.auto{width: 100%;}
.AboutInfo .photo li img{margin-bottom: 0.14rem;}
.AboutInfo .photo:last-child li:nth-last-child(-n+2){padding-bottom: 0;}

.AboutHistory{background: url(../images/historybg.jpg) no-repeat center bottom;}
.AboutHistory .yearTab{width: 37.22%;position: relative;z-index: 2;}
.AboutHistory .yearTab:before{left: 9.583vw;width: 0.833vw;height: 9.375vw;top:0;background-image: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,1));content: "";position: absolute;}
.AboutHistory .yearTab:after{height: 1.3rem;left: 9.583vw;width: 0.833vw;bottom:0;background-image: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,1));content: "";position: absolute;}
.AboutHistory .yearTab .line{position: absolute;z-index: -1;left: 9.583vw;width: 0.833vw;background-color: #d3d8db;top: 0;height: 100%;}
.AboutHistory .yearTab .line i{position: absolute;left: 50%;top: 0;height: 100%;width: 1px;background: url(../images/linebg.gif);}
.AboutHistory .yearTab .slick-list{padding: 9.375vw 0;}
.AboutHistory .yearTab .item{margin-bottom: 0.12rem;height: 9.375vw;display: flex;color: #999999;font-weight: bold;cursor: pointer;align-items: center;padding-left: 14.479vw;position: relative;}
.AboutHistory .yearTab .item:after{width: 0;right: -1.979vw;content: "";height: 2px;position: absolute;background-color: var(--main-color);transition: all 0.5s;}
.AboutHistory .yearTab .item:before{transition: all 1.2s;width: 5.781vw;height: 1.719vw;left: -5.781vw;top: 50%;transform: translateY(-50%);opacity: 0;background: url(../images/car.png) no-repeat center center/contain;position: absolute;content: "";}
.AboutHistory .yearTab .item span{position: absolute;left: 8.49vw;top: 50%;transform: translateY(-50%);width: 3.021vw;height: 3.021vw;border-radius: 50%;background: #d3d8db url(../images/ico_wz.png) no-repeat center center/contain;background-size: 1.198vw 1.406vw;transition: all 0.5s;}
.AboutHistory .yearTab .item h2{font-size: var(--f32);font-family: 'montserrat_Medium';font-weight: bold;transition: all 0.5s;}
.AboutHistory .yearTab .slick-current span,.AboutHistory .yearTab .item:hover span{background-color: var(--main-color);background-size: 0.885vw 1.042vw;}
.AboutHistory .yearTab .slick-current h2{font-size: var(--f48);color: var(--main-color);}
.AboutHistory .yearTab .slick-current:after{width: 6.25vw;}
.AboutHistory .yearTab .slick-current:before{left: 0;opacity: 1;}
.AboutHistory .content{width: calc(100% - 37.22%);font-size: var(--f18);}
.AboutHistory .content .date{line-height: 0.82;font-size: 11.146vw;color: #fafafa;font-family: 'montserrat_Medium';font-weight: bold;}
.AboutHistory .content .imgbox{margin-bottom: 2.552vw;}
.AboutHistory .content article p,.AboutHistory .content article li{padding-top: 1.198vw;}
.AboutHistory .content article p:hover,.AboutHistory .content article li:hover {text-decoration: var(--main-color) underline 1px;text-underline-offset:3px;color: var(--main-color);}

.AboutHistory .content .slick-current .date{animation:fadeInLeftSmall 0.4s .3s ease both;}
.AboutHistory .content .slick-current .imgbox img{animation:fadeInLeftSmall 0.4s .5s ease both;}
.AboutHistory .content .slick-current article{animation:fadeInLeftSmall 0.4s .7s ease both;}
.AboutHistory .content .inslider .imgbox{padding-top: 60%;}
.AboutHistory .content .inslider .slick-dots{margin-top: 0.25rem;position: static;}
.AboutHistory .content .inslider .slick-arrow{top: 40%;}

.AboutCulture .item:not(:last-child){margin-bottom: 6.25vw;}
.AboutCulture .item .imgbox{width: 50%;}
.AboutCulture .item .info{width: 50%;padding: 0 4.01vw 0 9.375vw;position: relative;}
.AboutCulture .item .icon{position: absolute;z-index: 2;width: 0.84rem;height: 0.84rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--main-color);left: -0.42rem;top: 50%;margin-top: -0.42rem;}
.AboutCulture .item .icon img{width: 0.33rem;}
.AboutCulture .item h2{color: var(--main-color);font-size: var(--f20);}
.AboutCulture .item aside{margin-bottom: 0.43rem;font-size: var(--f36);line-height: 1.44;}
.AboutCulture .item .desc{font-size: var(--f20);}

.AboutCulture .item:nth-child(even){flex-direction: row-reverse;}
.AboutCulture .item:nth-child(even) .info{padding: 0 8.594vw 0 4.01vw;}
.AboutCulture .item:nth-child(even) .info .icon{left: auto;right: -0.42rem;}

.AboutCulture .item.three{background-color: #f5f7f8;}
.AboutCulture .item.three .imgbox{width: 72.91%;}
.AboutCulture .item.three .info{width: calc(100% - 72.91%);padding: 0 12.5vw 0 0.7rem;}
.AboutCulture .item.three .content{padding: 5.938vw 0 4vw;}
.AboutCulture .item.three .content ul{margin-left: -5vw;}
.AboutCulture .item.three .content .li{width: calc(100% / 3 - 5vw); margin: 0 0 1.771vw 5vw;}
.AboutCulture .item.three .content .tit{font-size: var(--f36);margin-bottom: 1.875vw;line-height: 1.25	;}
.AboutCulture .item.three .content .tit:after{font-size: var(--f14);line-height: 0.24rem;margin-left: 0.08rem;vertical-align: top;}
.AboutCulture .item.three .content li:nth-child(1) .tit:after{content: "01";}
.AboutCulture .item.three .content li:nth-child(2) .tit:after{content: "02";}
.AboutCulture .item.three .content li:nth-child(3) .tit:after{content: "03";}
.AboutCulture .item.three .content li:nth-child(4) .tit:after{content: "04";}
.AboutCulture .item.three .content .desc{font-size: var(--f20);}

.hornorList{margin: 0 0 0.2rem -0.5rem;}
.hornorList .item{font-size: var(--f18);text-align: center;width: calc(100% / 4);padding: 0 0 0.43rem 0.5rem;}
.hornorList .imgbox{height: 2.87rem;display: flex;justify-content: center;margin-bottom: 0.35rem;align-items: flex-end;overflow: visible;}
.hornorList .imgbox .bg{height: 0.75rem;width:calc(100% + 0.52rem);bottom: -0.75rem;left: -0.78vw;position: absolute;background: url(../images/hrboxbg.jpg) no-repeat 0 top/100% 100%;}
.hornorList .imgbox .bg:before{background: url(../images/hrboxbgleft.jpg) no-repeat 0 bottom/100% 100%;content: "";position: absolute;width: 0.52rem;height: 0.75rem;left: 0;top: 0;}
.hornorList .imgbox .bg:after{background: url(../images/hrboxbgright.jpg) no-repeat right bottom/100% 100%;content: "";position: absolute;width: 0.52rem;height: 0.75rem;right: 0;top: 0;}
.hornorList .imgbox span{position: relative;display: inline-block;padding: 0.13rem;width: auto;height: auto;transform: translateX(0.02rem);}
.hornorList .imgbox span:after{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: fill;background: url(../images/rybg2.png) no-repeat center center/100% 100%;}
.hornorList .imgbox span:before{content:"";position: absolute;right: -0.34rem;bottom: 0;width: 0.34rem;height: 100%;object-fit: fill;background: url(../images/shadow.png) no-repeat center center/100% 100%;}
.hornorList .imgbox img{width: auto;height: auto;max-height: calc(2.87rem - 0.26rem);}
.hornorList h3{font-size: var(--f18);min-height: 0.6rem;}

.hornorList .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 10;opacity: 0;transition: all 0.5s;backdrop-filter: blur(10px);}
.hornorList .mask:before{position: absolute;left: 50%;top: 50%;width: 0;height: 0;transform: translate(-50%,-50%);content: "";background: url(../images/ico_zoom.svg) no-repeat center center/contain;opacity: 0;transition: all 0.5s;}
.hornorList h3{min-height: 0.6rem;position: relative;z-index: 1;}
.hornorList .item:hover .mask{opacity: 1;backdrop-filter: blur(0);}
.hornorList .item:hover .mask:before{width: 0.38rem;height: 0.41rem;opacity: 1;}
.hornorList.w3 .item{width: calc(100% / 3);}

.showMorehandle{display: inline-block;color: #fff;min-width: 1.66rem;padding: 0.1rem 0.2rem;background-color: var(--main-color);border-radius: 0.5rem;cursor: pointer;}
.showMorehandle:hover{background-color: var(--main-color-op8);color: #fff;}

.AboutHornor .yearTab {position: relative;}
.AboutHornor .yearTab .item{cursor: pointer;text-align: center;min-height: 1.7rem;padding-bottom: 0.3rem;}
.AboutHornor .yearTab .item span{display: block;margin: 0px auto 0.02rem;width: 0.58rem;height: 0.58rem;background: #d3d8db url(../images/ico_jb.svg) no-repeat center center/0.32rem 0.32rem;border-radius: 50%;transition: all 0.5s;}
.AboutHornor .yearTab .item h3{line-height: 0.68rem;font-size: var(--f32);color: #999999;font-family: 'montserrat_Medium';font-weight: bold;transition: all 0.5s;}
.AboutHornor .yearTab .slick-current span,.AboutHornor .yearTab .item:hover span{background-color: var(--main-color);}
.AboutHornor .yearTab .slick-current h3{color: var(--main-color);font-size: var(--f48);line-height: 0.78rem;}
.AboutHornor .yearTab:before{top: 0.21rem;width: 2rem;height: 0.16rem;background-image: linear-gradient(to left, rgba(255,255,255,0) , rgba(255,255,255,1));content: "";position: absolute;}
.AboutHornor .yearTab:after{height: 0.16rem;right: 0;width: 2rem;top:0.21rem;background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1));content: "";position: absolute;}
.AboutHornor .yearTab .line{position: absolute;z-index: -1;top: 0.21rem;width: 100%;background-color: #d3d8db;height: 0.16rem;}
.AboutHornor .yearTab .line i{position: absolute;top: 50%;left: 0;height: 1px;width: 100%;background: url(../images/linebg2.gif);}
.AboutHornor .yearTab .slick-arrow{top: 0.25rem;}

@media(max-width:1440px){
	.AboutCulture .item.three .info{padding-right: 6%;}
}
@media(max-width:1024px){
	.AboutInfo .photo li{width: 100%;}

	.hornorList .item{width: calc(100% / 2) !important;}
	.AboutHistory .content .inslider .slick-arrow{display: none !important;}
}
@media(max-width:768px){
	.AboutCulture .item .info,.AboutCulture .item.three .info{width: 100%;padding: 0.3rem !important;}
	.AboutCulture .item.three .info{text-align: center;padding-top: 0.55rem !important;}
	.AboutCulture .item .imgbox,.AboutCulture .item.three .imgbox{width: 100%;}
	.AboutCulture .item .icon{top: -0.42rem;left: 50% !important;transform: translateX(-50%);margin-top: 0;right: auto !important;}
	.AboutCulture .item.three .content .li{width: 100%;}
	.AboutCulture .item.three .content .li:not(:last-child){padding-bottom: 0.25rem;}
}
@media(max-width:480px){
	.AboutInfo .numList .item{flex: none;width: 50%;}
	.AboutInfo .numList .item:not(:nth-last-child(-n+2)){padding-bottom: 0.15rem;}
	.AboutInfo .photo:last-child li:nth-last-child(-n+2){padding-bottom: 0.4rem;}

	.AboutHistory .content .date{color: #eee;}
	.AboutHistory .yearTab .slick-current h2{font-size: 16px;}
	/* .AboutHistory .yearTab .slick-list{padding: 1.2rem 0;} */
 /* .AboutHistory .yearTab .item{height: 1.2rem;} */
}

/* 关于金龙 --社会责任 */
.socialPage2{background-color: #f5f7f8;}
.photoList{margin-left: -0.23rem;}
.photoList .item{width: calc(100% / 3 - 0.23rem);margin: 0.4rem 0 0 0.23rem;text-align: center;}
.photoList .item .imgbox{padding-top: 66.66%;}
.photoList .item h3{font-size: var(--f20);display: flex;align-items: center;justify-content: center;padding: 0.2rem;position: relative;}
.photoList .item h3:after{position: absolute;width: 100%;text-align: center;z-index: -1;top: 50%;transform: translateY(-50%);color: #e2e4e5;font-size: 3.646vw;font-family: 'montserrat_Medium';}
.photoList .item:nth-child(1) h3:after{content: "01";}
.photoList .item:nth-child(2) h3:after{content: "02";}
.photoList .item:nth-child(3) h3:after{content: "03";}
.photoList .item:nth-child(4) h3:after{content: "04";}
.photoList .item:nth-child(5) h3:after{content: "05";}
.photoList .item:nth-child(6) h3:after{content: "06";}
.photoList .item:nth-child(7) h3:after{content: "07";}
.photoList .item:nth-child(8) h3:after{content: "08";}

.photoSlider{margin: 0 -0.12rem 0.8rem -0.11rem;}
.photoSlider .slick-list{padding: 0 20%;margin: 0 -20%;}
.photoSlider .item:not(.slick-active){opacity: 0.3;}
.photoSlider .item{padding: 0 0.12rem 0 0.11rem;}
.photoSlider .item .imgbox{padding-top: 66.66%;}
.photoSlider .item h3{font-size: var(--f20);min-height: 0.82rem;padding: 0.13rem 0 0.05rem;border-top: 0.04rem solid #d3d8db;position: relative;}
.photoSlider .item h3:before{z-index: 1;left: 0;top: 0;width:0;height: 0.04rem;content: "";position: absolute;background-color: var(--main-color);transition: all 0.5s;top: -0.04rem;}
.photoSlider .item:hover h3:before{width: 100%;}
.photoSlider .state{margin-top: 0;}
.photoSlider .slick-arrow{margin-top: 0.6rem;}

.photoSlider2 .slick-list{padding: 0 40%;margin: 0 -25%;}
.photoSlider2 .item:not(.slick-active){opacity: 0.3;}
.photoSlider2 .item{padding: 0 4.688vw;text-align: center;}
.photoSlider2 .item .imgbox{padding-top: 66.66%;}
.photoSlider2 .item h3{font-size: var(--f20);padding: 0.23rem 0 0;}
.photoSlider2 .item:hover h3:before{width: 100%;}
.photoSlider2 .slick-arrow{transform: translateY(0);top: 38%;}
.photoSlider2 .slick-prev{left: 13%;}
.photoSlider2 .slick-next{right: 13%;}

.photoSlider3 .slick-list{padding: 0 18%;margin: 0 -18%;}
.photoSlider3 .item:not(.slick-active){opacity: 0.3;}
.photoSlider3 .item{padding: 0 3.125vw;}
.photoSlider3 .item .imgbox{padding-top: 54.16%;}
.photoSlider3 .item h3{font-size: var(--f20);min-height: 0.82rem;padding: 0.13rem 0 0.05rem;border-top: 0.04rem solid #d3d8db;position: relative;}
.photoSlider3 .slick-prev{left: -0.3rem;}
.photoSlider3 .slick-next{right: -0.3rem;}

@media(max-width:640px){
	.photoList .item {	width: calc(100% / 2 - 0.23rem)}
	.photoSlider .item h3{min-height: 1.2rem;}
	.photoSlider2 .item{padding: 0 2vw;}
	.photoSlider2 .slick-list{padding: 0 25%;margin: 0 -25%;}
	.photoSlider2 .slick-prev{left: -4%;}
	.photoSlider2 .slick-next{right: -4%;}
}

/* 关于金龙 --加入金龙 */
.hrPage1 .item{width: 45.83%;}
.hrPage1 .item .imgbox{padding-top: 66.666%;margin-bottom: 0.37rem;}
.hrPage1 .item .tit{font-size: var(--f36);line-height: 1.08;margin-bottom: 0.23rem;}
.hrPage1 .item .desc{font-size: var(--f20);color: #666666;min-height: 0.6rem;margin-bottom: 0.04rem;}

.hrPage2{background-color: hwb(200 96% 3%);}
.hrPage2 .item{padding: 0 5.208vw;width: 50%;text-align: center;position: relative;}
.hrPage2 .item:not(:last-child):after{right: 0;top: 1.72rem;height: calc(100% - 1.72rem);content: "";background-color: #e1e3e4;position: absolute;width: 2px;}
.hrPage2 .item .icon{margin-bottom: 3.281vw;}
.hrPage2 .item .icon img{height: 1.02rem;}
.hrPage2 .item .tit{line-height: 1.33;font-size: var(--f30);margin-bottom: 0.26rem;}
.hrPage2 .item .desc{color: #666666;}

.hrPage3 .imgbox{width: 56.94%;}
.hrPage3 .imgbox img{height: auto;}
.hrPage3 .info{width: 40.27%;background-color: #f5f7f8;padding: 4.167vw;}
.hrPage3 .info .item{border-bottom: 2px solid #e1e3e4;padding: 0.3rem 0;}
.hrPage3 .info .item .ti{position: relative;cursor: pointer;font-size: var(--f24);line-height: 1.875;padding-right: 0.5rem;}
.hrPage3 .info .item .ti span{top: 0.16rem;width: 14px;height: 14px;position: absolute;right: 0;}
.hrPage3 .info .item .ti span:before,
.hrPage3 .info .item .ti span:after{width: 100%;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #999999;content: "";transition: all 0.5s;}
.hrPage3 .info .item .ti span:after{width: 2px;height: 100%;}
.hrPage3 .info .item .desc{margin: 0.11rem 0 0 0;color: #666666;display: none;}
.hrPage3 .info .item.on .ti{font-family: 'harmonyOS_Regular';}
.hrPage3 .info .item.on .ti span:before{background-color: #000000;}
.hrPage3 .info .item.on .ti span:after{height: 0;}

.hrPage4 .slick-list{padding: 0 20%;margin: 0 -20%;}
.hrPage4 .slider .item{padding: 0 4.688vw;text-align: center;opacity: 0.3;position: relative;}
.hrPage4 .slider .item a{display: block;position: relative;cursor: pointer;}
.hrPage4 .slider .item .inner{position: relative;}
.hrPage4 .slider .item .inner a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.hrPage4 .slider .imgbox{padding-top: 55.83%;cursor: pointer;}
.hrPage4 .slider .iconbf{font-size: 0.3rem;border-radius: 50%;border: 2px solid #fff;width: 0.84rem;height: 0.84rem;display: flex;align-items: center;justify-content: center;transition: all 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;color: #fff;}
.hrPage4 .slider .tit{line-height: 1.45;font-size: var(--f24);color: #fff;position: absolute;left: 0;bottom: 0.34rem;padding:0 0.2rem;width: 100%;z-index: 3;}
.hrPage4 .slider .slick-current .imgbox:after{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;content: "";height: 50%;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.9));;transition: all 0.5s;}
.hrPage4 .slider .slick-current .imgbox:before{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;content: "";height: 100%;background-color: rgba(0,0,0,0.1);transition: all 0.5s;}
.hrPage4 .slider .slick-current:hover .imgbox:before{opacity: 0;}
.hrPage4 .slider .slick-current:hover .imgbox:after{opacity: 0.8;}
.hrPage4 .slider .slick-current:hover .iconbf{transform: translate(-50%,-50%) scale(0.9);}
.hrPage4 .slider .slick-current{opacity: 1;}
.hrPage4 .slider .video_files{left: 4.688vw;width: calc(100% - 9.375vw);}

.SearchShop{padding: 0 0 0.33rem;}
.SearchShop .item{flex: 1;position: relative;}
.SearchShop .item:not(:last-child){padding-right: 0.1rem;}
.SearchShop .item dd{position: relative;flex: 1;} .selected-name{position: relative;z-index: 1;cursor: pointer;background:#f5f7f8;padding: 0.11rem 2.604vw 0.11rem 1.302vw;}
.selected-name:After{position: absolute;right: 1.302vw;font-family: "iconfont";content: "\e63d";top: 50%;transform: translateY(-50%);font-weight: bold;color: #b8b9ba;transition: all 0.5s;}
.selected-name:hover{background:#e8eef1;}
.item .hover {position: absolute;top: 100%;left: 0;width: 100%;padding-top: 0.04rem;visibility: hidden;opacity: 0;transform: translateY(0.3rem);transition: 0.3s;z-index: 1;}
.item .hover .inner{padding: 0.04rem;background-color: #fff;box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);border-radius: 0.08rem;}
.item .hover ul {overflow: auto;max-height: calc(((22 / 14* 1em) + 0.1rem)* 8);}
.item .hover li {padding: 0.05rem 0.12rem;transition: 0.3s;cursor: pointer;}
.item .hover li.on,
.item .hover li:hover{background-color:rgba(245, 245, 245, 1);}
.item p{color: #333333;}
.item.show{z-index: 30;position: relative;}
.item.show .hover{visibility: visible;opacity: 1;	transform: translateY(0);}
.item .ipttxt{background:#f5f7f8;padding: 0 1.302vw;height: 0.54rem;width: 100%;}
.item .ipttxt:hover{background:#e8eef1;}
.SearchShop .item .btn{width: 1.4rem;height: 0.54rem;color: #fff;background-color: var(--main-color);}
.SearchShop .item .btn:hover{background-color: var(--main-color-op8);}
.SearchShop .item.last{flex: none;width: auto !important;}
.SearchShop .selected-name {width: 100%;height: 0.54rem;position: relative;border: 0; background-image: url(../images/selectarr.svg);background-position: right 10px center;background-repeat: no-repeat;}
.SearchShop .selected-name.noclick {pointer-events: none;}
.SearchShop .search{position: relative;}
.SearchShop .search button{position: absolute;right: 0;top: 0;height: 0.54rem;width: 0.78rem;font-weight: bold;background-color: transparent;color: #000000;}
.SearchShop .search button:hover{color: var(--main-color);}
.SearchShop.web .item:not(:last-child){padding-right: 0.28rem;}
.SearchShop.web .item p{color: #000;font-family: 'harmonyOS_Regular';}
.SearchShop.web .item .selected-name:After{color: #000;transform:translateY(-50%) rotate(-90deg);}
.SearchShop.web .item.show .selected-name:After{transform:translateY(-50%) rotate(0);}

.hrResult{padding-bottom: 0.32rem;color: #666666;}
.hrResult span{color: var(--main-color);}

.HrList .item{background-color: #f5f7f8;margin-bottom: 0.3rem;padding: 0.34rem 0.6rem;position: relative;}
.HrList .item .open{position: absolute;width: 0.6rem;height: 0.6rem;border-radius: 50%;border: 2px solid #d4d9dc;top: 0.45rem;right: 0.6rem;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #cecfd0;}
.HrList .item .open i{font-size: 16px;font-weight: bold;transition: all 0.5s;}
.HrList .item:before{position: absolute;left: 0;width: 0;top: 0;transition: all 0.5s;background-color: var(--main-color);height: 2px;content: "";}
.HrList .item .title{font-size: var(--f24);line-height: 1.45;margin-bottom: 0.18rem;}
.HrList .item .info{font-size: var(--f18);color: #666666;}
.HrList .item .info span{display: inline-block;}
.HrList .item .info i{display: inline-block;width: 0.34rem;text-align: center;}
.HrList .item .detail{padding-top: 0.47rem;display: none;}
.HrList .item .sti{font-size: var(--f18);color: #333333;margin-bottom: 0.14rem;}
.HrList .item .text{color: #333333;margin-bottom: 0.48rem;}
.HrList .item.on:before{width: 100%;}
.HrList .item.on .open i{transform: rotate(-180deg);}
.HrList .item.on .title{color: var(--main-color);}
.HrList .item:hover .open{color: var(--main-color);border-color: var(--main-color);}

.JobForm{  margin:0px 0px 0px -2%;}
.JobForm dl{ width:48%; float:left; margin-left:2%; line-height:0.5rem; margin-bottom:0.4rem; position: relative;}
.JobForm dl dt{position: absolute;left:0;top:5px; text-align:right;width:90px;}
.JobForm dl dd{margin-left:100px;}
.JobForm dl.auto{ width:100%; float:none;}
.JobForm dl.btn dd{margin-left: 0;}
.JobForm .input {background:#f8f8f9;width:100%; height:0.56rem; line-height:0.56rem;padding: 0 0.18rem;border-radius: 0.1rem;}
.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;}
.sendbtn{ cursor:pointer; color:#fff; width:2.4rem; height:0.6rem; background:var(--main-color);border-radius: 0.6rem;}
.sendbtn:hover{background-color: var(--main-color-op8);}

@media(max-width:768px){
	.hrPage3 .imgbox{width: 100%;}
	.hrPage3 .info{width: 100%;}
	.hrPage4 .slider .item{padding: 0 2vw;}
	.hrPage4 .slider .video_files{left: 2vw;width: calc(100% - 4vw);}

 .SearchShop .item{flex: none;width: 50%;margin-bottom: 0.1rem;}
	.SearchShop .item.flexbwa{flex: 1;}

	.HrList .item{padding: 0.35rem;}
	.HrList .item .open{top: 0.35rem;right: 0.35rem;}
	.JobForm dl{width: auto;float: none;}
	.JobForm .input{height: 30px;line-height: 28px;}
	.JobForm .btn dd{margin-left: 0;text-align: center;}
	.JobForm dl dt{position: static;width: auto;text-align: left;}
	.JobForm dl dd{margin-left: 0;}
	.sendbtn {width: 110px;}
	.JobForm .textarea{height: 80px;}
}

@media(max-width:640px){
	.hrPage1 .item{width: 49%;}
	.hrPage2 .item{width: 100%;padding: 5.208vw 0;}
	.hrPage2 .item:not(:last-child):after{top: auto;bottom: 0;width: 60%;height: 2px;left: 50%;transform: translateX(-50%);}

	.SearchShop .item .ipttxt,.SearchShop .item .btn,.SearchShop .search button{height: 35px;}
	.SearchShop.web .item:nth-child(3){padding-right: 0;}
}

/* 搜索结果 */
.SearchTop{background: #f8f9fa;margin-top: 1rem;border-top: 1px solid #e3e3e3;padding-top: 0.5rem;}
.SearchTop .SubTit {padding-bottom: 2.5vw;}
.SearchTop .SubTit h3{padding-bottom: 0;}
.SearchTop .box{position: relative;max-width: 8rem;margin: 0px auto 0.27rem;}
.SearchTop .box .input{width: 100%;border-radius: 30px;height: 0.6rem;line-height: 0.6rem;padding: 0 1.2rem 0 0.33rem;font-size: 0.18rem;background: #fff;}
.SearchTop .box button{width: 1.2rem;border-radius: 30px;height: 0.6rem;font-size: 0.18rem;background: var(--main-color);color:#fff;position: absolute;right: 0;top: 0;}
.SearchTop .box button:hover{background-color: var(--main-color-op8);}
.SearchTop .nav{text-align: center;font-size: var(--f20);}
.SearchTop .nav li{display: inline-block;margin: 0 0.25rem;line-height: 0.76rem;position: relative;}
.SearchTop .nav li:after{left: 50%;bottom: 0;width: 0;height: 3px;transition: all 0.3s;background: var(--main-color);position: absolute;content: "";}
.SearchTop .nav li a{color: #555555;display: block;}
.SearchTop .nav li a:hover,.SearchTop .nav li.on a{color: var(--main-color);}
.SearchTop .nav li:hover:after,.SearchTop .nav li.on:after{width: 100%;left: 0;}

.SearchContent{padding: 0.44rem 0 0.9rem;}
.SearchContent .statu{margin-bottom: 0.57rem;color: #555555;position: relative;}
.SearchContent .statu .nav{position: absolute;right: 0;top: 0;}
.SearchContent .statu .nav span{display: inline-block;margin-left: 0.33rem;cursor: pointer;position: relative;}
.SearchContent .statu .nav span:after{width: 0.25rem;height:8px;content: "\e63d";font-family: "iconfont";display: inline-block;margin-left: 4px;font-weight: bold;}
.SearchContent .statu .nav span.on{color: var(--main-color);}
.SearchContent .statu .nav span.on:after{transform: rotate(180deg) translateY(-0.24rem);}

.SearchList{padding-bottom: 0.2rem;}
.SearchList li{border-bottom: 1px solid #dbdce1;padding: 0 1.36rem 0.29rem 0;margin-bottom: 0.29rem;position: relative;}
.SearchList li .ti{font-size: 0.2rem;margin-bottom: 0.11rem;}
.SearchList li .wz{color:#999999;}
.SearchList li .wz span{display: inline-block;width: 0.52rem;text-align: center;}
.SearchList li .more{position: absolute;right: 0;top: 0.2rem;transition: all 0.3s;}
.SearchList li .more i{color: #666;transition: all 0.5s;}
.SearchList li:hover .more i{color: var(--main-color);margin-left: 0.05rem;}

@media(max-width:640px){
	.SearchContent .statu .nav{position: static;text-align: right;padding-top: 5px;}
	.SearchList li {padding-right: 0;}
	.SearchList li .more{position: static;margin-top: 5px;}
	.SearchTop .box .input,.SearchTop .box button{font-size: 14px;}
}

/* 20241101 */
.NewsPage2{padding-top: 1rem;}
.NewsPage2 .Place,.NewsPage2 .Place a{color: #333;}
.NewsPage2 .Place{background: url(../images/footerbg.jpg) no-repeat center bottom / cover;padding: 0.15rem 0;}
.NewsPage2 .Place .w1440:before{display: inline-block;vertical-align: middle;width: 15px;height: 15px;content: "";background: url(../images/ico_wz2.svg) no-repeat center center/contain;margin: -2px 5px 0 0;}

.inquiryForm{margin-top: -0.2rem;}
.inquiryForm .form{width: 50%;}
.inquiryForm .form .txt{padding-bottom: 0.2rem;}
.inquiryForm .form .item{margin-bottom: 0.15rem;position: relative;line-height: 0.4rem;}
.inquiryForm .form .item label{position: absolute;left: 0.15rem;top: 0;z-index: 10;}
.inquiryForm .form select{width: 100%;background-image: url(../images/selectarr.svg);background-position: right 10px center;	background-repeat: no-repeat;padding-left: 100px;height: 0.4rem;}
.inquiryForm .form .ipttxt{height: 0.4rem;padding-left:100px;}
.inquiryForm .form .selected-name{padding-top: 0;padding-bottom: 0;}
.inquiryForm .form .item.flexbw .iptbox{width: 49%;position: relative;}
.inquiryForm textarea.ipttxt{height: 1.3rem !important;padding: 0.15rem 0.2rem 0.2rem 100px;}
.inquiryForm .imgbox{width: 45%;}
.inquiryForm .imgbox img{height: auto;}
.inquiryForm .sendBtn{width: 1.66rem;height: 0.5rem;border-radius: 0.5rem;color: #fff;background-color: var(--main-color);}
.inquiryForm .sendBtn:hover{background-color: var(--main-color-op8);}

.proHighlights .caseSlider{margin-top: 0.5rem;}
.caseSlider .item .imgbox{width: 100%;}
.caseSlider .item:not(:last-child){padding-bottom: 0;}

@media(max-width:1024px){
	.inquiryForm .form{width: 100%;}
	.inquiryForm .imgbox{display: none;}
}
@media(max-width:480px){
	.inquiryForm .form .item{line-height: 35px;}
	.inquiryForm .form select{padding-left: 70px;height: 35px;}
	.inquiryForm textarea.ipttxt{padding-left: 70px;height: 100px !important;}
	.inquiryForm .form .ipttxt{height: 35px;padding-left:70px;}
}
.sanji{
    display:none;
}
#menu175 .sanji{
    display:block;
}
.sanji .item{
    position:relative;
    display: flex;
    align-items: center;
    padding: 0.14rem 0 0 0.35rem;
}
.sanji .item .span{position: absolute;left: 0;top: 0.17rem;border-radius: 50%;border: 0.02rem solid #d3d8db;width: 0.24rem;height: 0.24rem;}
.sanji .item.on .span{border-color: var(--main-color);}
.sanji .item.on .span:before{content: "";width: 0.1rem;height: 0.1rem;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: var(--main-color);position: absolute;border-radius: 50%;}

.webListInfo .item .desc p{padding-left:0}
.webListInfo .item .desc p:last-child{margin-bottom:0}
.webListInfo .item .desc {min-height:auto}
.webListInfo .item {min-height:auto}


.List_txt_new li{line-height:0.8rem;border-bottom:1px dashed #e5e5e5;padding-right:1.4rem;position:relative;padding-left:0.2rem;}
.List_txt_new li .date{position:absolute;right:0;top:0;}
.List_txt_new li .tit{font-size: var(--f20);}
.List_txt_new li::before{content:'';display:block;width:0.05rem;height:0.05rem;border-radius:50%;background:var(--main-color);position:absolute;left:0;top:50%;margin-top:-0.025rem;}