@import url(/en/res/css/common.css);
.uploadImg .imgbox{width: 1.8rem;height: 1.2rem;border: 1px solid #eeeeee;margin-right: 0.2rem;margin-bottom: 0.1rem;}
.upbtn{border: 1px solid #dddddd;border-radius: 2px;text-align: center;padding: 0.02rem 0.17rem;background-color: #f6f6f6;cursor: pointer;display: inline-block;}
.upbtn:hover{color: #fff;background-color:#FCB026;border-color:#FCB026;}
.upfile{position: relative;padding-right: 0.06rem;}
.upfile .showfile {height: 0.48rem;border: 0;flex: 1;background-color: transparent;width: 100%;}
.upfile .hidefile {position: absolute;top: 0px;left: 0px;	height: 100%;cursor: pointer;	opacity: 0;	width: 100%;z-index: 10;}
.upfile .btn {text-align: center;position: relative;height: 0.36rem;border: 1px solid #dddddd;background-color: #f6f6f6;border-radius: 2px;padding: 0 0.17rem;margin: 0.06rem 0 0 0;}
.upfile .btn input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;opacity: 0;background-color: transparent;}
.upfile:hover .btn{color: #fff;background-color:#FCB026;border-color:#FCB026;}

/*common s*/
.SubPage{position: relative;background: #fff;z-index: 1;height: auto !important;height: 5rem;min-height: 5rem;clear: both;overflow: hidden;padding: 0 0 4.427vw;}
.SubPage:before{width: 50vw;height: 50vw;right: -29.7vw;top: 0;content: "";background-image: linear-gradient(to bottom, #f6f6f6 , rgba(246,246,246,0));transform: skew(-25deg);position: absolute;}
.SubPage:after{width: 50vw;height: 50vw;left: -32.813vw;bottom: 0;content: "";background-image: linear-gradient(to top, #f6f6f6 , rgba(246,246,246,0));transform: skew(-25deg);position: absolute;}
.SubPage.detail:after{z-index:100;width: 26.042vw;height: 28.646vw;left: 0;top: 1.6rem;bottom:auto;position: absolute;content: "";background-color:#FCB026;transform: skew(-30deg)translateX(-4rem);background-image: none;}
.SubPage.detail:before{top: 1.6rem;right: -38.4vw;}
.SubPage.detail2:after{top:0.8rem;}

.SubBan{position: relative;overflow: hidden;transition: all 0.3s;color: #fff;}
.SubBan:after{width: 100%;position: absolute;left: 0;top: 0;height: 2rem;background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) , rgba(0,0,0,0));content: "";z-index: 11;}
.SubBan .bg{position: absolute;background: var(--red-color-op8);bottom: 0;width: 8.646vw;height: 18.229vw;clip-path: polygon(100% 0, 0 100%, 100% 100%, 100% 0);
	right: 0;transition: all 0.5s;z-index: 1;}
.SubBan .info{position: absolute;left: 50%;top: 50%;z-index: 10;transform: translate(-50%,-50%);width: 88%;}
.SubBan .play{left: 50%;top: 50%;z-index: 100;transform: translate(-50%,-50%);width: 0.5rem;height: 0.5rem;background: url(../images/ico_play.svg) no-repeat center center/contain;position: absolute;cursor: pointer;transition: all 0.5s;}
.SubBan .play:hover{transform: translate(-50%,-50%) scale(1.25);}
.SubBan .close{position: absolute;left:50%;top: 50%;text-align:center;width: 0.5rem;height: 0.5rem;z-index: 15;cursor: pointer;border: 2px solid #fff;border-radius: 50%;display: none;transform: translate(-50%,-50%);cursor: pointer;}
.SubBan .close:before,.SubBan .close:after{position: absolute;left: 50%;top: 45%;transform: translateX(-50%);width: 0.15rem;height: 0.02rem;content: "";background-color: #fff;}
.SubBan .close:after{top: 57%;}
.SubBan h1{line-height: 1.77;position: relative;}
.SubBan h1:before{position: absolute;left: 0;z-index: -1;top: 50%;transform: translateY(-50%) skew(-25deg);height: 0.5rem;width: 0.2rem;content: "";background-color:#FCB026;}
.SubBan h2{line-height: 1.45;}
.SubBan .tdesc{max-width: 5.6rem;margin: 0.24rem 0 0.47rem;}
.SubBan .img{overflow: hidden;position: relative;padding-top: 4.5rem;}
.SubBan .img img{width: 100%;transform: scale(1.1);transition: all 5s;object-fit: cover;position: absolute;left: 0;top: 0;height: 100%;}
.SubBan.on .img img{transform: scale(1);}
.SubBan.no .img img{transform: scale(1) !important;}
.SubBan .video_files video{position:relative;z-index:0}
.SubBan .video_files:after{width: 100%;position: absolute;left: 0;top: 0;height: 100%;background: rgba(0,0,0,0.5);content: "";z-index: 1;}

.ColName{display: none;line-height: 32px;background-color:var(--red-color);border-radius: 0 0 5px 5px;font-size:16px;color: #fff;padding:0 18px;position: relative;margin-bottom: 5px;width: 100%;}
.ColName:after{width: 15px;height: 15px;content: "";right: 10px;position: absolute;background: url(../images/arr_xjt_white.svg) no-repeat center center/contain;top: 50%;transform: translateY(-50%);}

.SubMenu{border-bottom: 1px solid #f1f2f3;background-color: #fff;margin-bottom: 5.208vw;width: 100%;}
.SubMenu li{position: relative;}
.SubMenu li:not(:last-child){margin-right: 4.688vw;}
.SubMenu li a{padding: 0.15rem 0.05rem;display: block;}
.SubMenu li a:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom:-1px;height: 2px;content: "";background-color:#FCB026;transition: all 0.5s;}
.SubMenu li.onli a{font-family: 'harmonyOS_Regular';}
.SubMenu li:hover a:before,.SubMenu li.onli a:before{width: 100%;}
.SubMenu.detail{background-color: #f6f6f6;border-bottom: 1px solid #eeeeee;padding: 1.14rem 0 0.16rem;}

.SubNav{border-bottom: 1px solid #eeeeee;margin-bottom: 0.4rem;}
.SubNav li:not(:last-child){margin-right: 4.948vw;}
.SubNav li a{display: block;padding: 0.13rem 0.02rem;color:rgba(51,51,51,0.5);position: relative;}
.SubNav li a:After{position: absolute;left: 50%;transform: translateX(-50%);bottom: -1px;height: 2px;background-color:#FCB026;width: 0;content: "";transition: all 0.5s;}
.SubNav li:hover a,.SubNav li.on a{color: #333;}
.SubNav li:hover a:after,.SubNav li.on a:after{width: 100%;}
.SubNav.area li:not(:last-child){margin-right: 2.2vw;}

.Place .home{background: url(../images/ico_home.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;width: 17px;height: 17px;margin-top: -5px;}
.Place .home:hover{background: url(../images/ico_home2.svg) no-repeat center center/contain;}
.Place a{margin-right: 0.36rem;position: relative;}
.Place a:after{position: absolute;right: -0.36rem;width: 0.36rem;text-align: center;content: "";top: 0;background: url(../images/arr_right_gray2.svg) no-repeat center center/7px 11px;height: 100%;}
.Place a{color: #888;}
.Place a:hover{color:#FCB026;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;}
.SinglePage table{width: 100% !important;text-align: center;}
.SinglePage table img{height: 1.6rem;}
.SinglePage table th{color: #fff;background-color: #148ad3;border-right: 2px solid #82bee5;height: 0.7rem;padding: 0.1rem;font-weight: normal;}
.SinglePage table th:last-child{border-right: 0;}
.SinglePage table td{border-right: 2px solid #f7f8fb;border-bottom: 2px solid #f7f8fb;height: 0.7rem;padding: 0.1rem;}
.SinglePage table td:first-child{border-left: 2px solid #f7f8fb;}
.SinglePage table td:not(:first-child){color: #4b5a65;font-weight: lighter;}
.SinglePage table tbody tr:nth-child(even) td{background-color: #f6f7f9;}
.SinglePage table tbody tr:hover td{background-color: #e0e5ef !important;}

@media(max-width:1024px){
	.SubBan .play,.SubBan .close{top: 78%;transform: translate(0,-50%);}
}
@media(max-width:768px){
	.SubBan .img{padding-top: 3rem;}
	.SubBan:not(.aboutInfo) .info{display: none;}
	.SubBan:not(.aboutInfo) .play{top: 60%;}
	.SubBan .tdesc{max-width: none;}

	.SinglePage{line-height: 24px !important;}
	.SinglePage:not("table") img{width: auto !important;height: auto !important;}

	.ColName{display: none;margin-top: 0.15rem;}
	.SubMenu{width: 100%;padding: 0.2rem 0;}
	.SubMenu ul {width: 100%;}
	.SubMenu ul li{min-width: 33.333%;margin: 0 !important;text-align: center;}
	.SubMenu ul.cur{display: block;}
	.SubMenu ul li.onli a{color:#FCB026;}
	.SubMenu li a{padding: 0.05rem;}
	.SubMenu li a:before{display: none;}
	.Place{width: 100%;margin-top: 0.2rem;}
	.Place,.Place a{color: #999;}
}
@media(max-width:640px){
	.SubPage{padding-bottom: 0.8rem;}

	.Place{color: #333;}
	.Place a{color: #333;}

	.SinglePage table td{font-size: 12px;}
	.SinglePage table td, .SinglePage table th{padding:5px;}
	.SinglePage table th{font-size: 14px !important;}
}
/*common end*/


/* 產品 */
.SubPage.pro:after{left: -39.813vw;top: 0.61rem;bottom: auto;background-image: linear-gradient(to bottom, #f6f6f6 , rgba(246,246,246,0));width: 40vw;}
.SubPage.pro:before{display: none;}

.proNav{margin: -2.604vw 0 3.594vw;}
.proNav .item{text-align: center;padding: 0 0.1rem;display: inline-block;vertical-align: top;line-height:1.25}
.proNav .item a{display: block;}
.proNav .ico-rotate{display: block;margin: 0px auto 0.14rem;width: 0.55rem;height: 0.55rem;}
.proNav .slick-arrow{background-color: transparent;width: 30px;height: 30px;opacity: 0.6;}
.proNav .slick-arrow:hover{opacity: 1;background-color:#FCB026;}
.proNav .slick-arrow:after{background-size: 8px 15px;}
.proNav .slick-prev{left: -20px;}
.proNav .slick-prev:after{background-image: url(../images/arr_left_gray.svg);}
.proNav .slick-prev:hover:After{background-image: url(../images/arr_left_white.svg);}
.proNav .slick-next{right: -20px;}
.proNav .slick-next:after{background-image: url(../images/arr_right_gray.svg);}
.proNav .slick-next:hover:After{background-image: url(../images/arr_right_white.svg);}
.proNav .item.on a{color:#FCB026;}

.proNav.area{text-align:center;margin-bottom: 2vw;}
.proNav.area .item{min-width: 9.635vw;}

.searchLeft{width: 18.75%;position: relative;}
.searchLeft .title{padding: 0.13rem 0;border-bottom: 1px solid #dddddd;margin-bottom: 0.22rem;}

.searchLeft .parameter aside{margin-bottom: 0.03rem;}
.searchLeft .parameter dl{padding-bottom: 0.2rem;}
.searchLeft .parameter dl span{width: 16px;height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border: 1px solid #dddddd;}
.searchLeft .parameter dl dt{margin-bottom: 0.07rem;padding-left: 25px;position: relative;cursor: pointer;}
.searchLeft .parameter dl dt i{position: absolute;right: 0;width: 50%;top: 0;height: 100%;cursor: pointer;}
.searchLeft .parameter dl dt i:after{background: url(../images/arr_right_gray.svg) no-repeat center center/contain;width: 8px;height: 10px;content: "";right: 0.09rem;top: 50%;margin-top: -7px;position: absolute;opacity: 0.8;}
.searchLeft .parameter dl dd{padding-left: 25px;position: relative;cursor: pointer;display: none;}
.searchLeft .parameter dl dd p{margin-bottom: 0.03rem;min-width: 100%;position: relative;padding-left: 25px;padding-right:0.25rem;}
.searchLeft .parameter .on span{border-color:#FCB026;background: var(--red-color) url(../images/gou.svg) no-repeat center center/10px 10px;}
.searchLeft .parameter .cur i:after{transform: rotate(-90deg);}

.searchLeft .pro .item:not(:last-child){margin-bottom: 0.32rem;}
.searchLeft .pro .imgbox{padding-top: 100%;margin-bottom: 0.18rem;}
.searchLeft .pro .slick-dots{position: static;}

.news .imgbox:before{width: 0.6rem;height: 0.33rem;position: absolute;z-index: 2;left: 0;top: 0;background: url(/en/res/images/news.png) no-repeat center center/contain;content: "";}

.resultRight{width: 76.238%;}
.resultRight .SubNav li:not(:last-child){margin-right: 2.083vw;}
.resultRight .SubNav li a{padding-left: 0.22rem;padding-right: 0.22rem;}

.proList{margin-left: -2.083vw;padding-bottom: 0.25rem;position: relative;}
.proList.w4 .item{width: 25%;}
.proList .item{width: 33.333%;padding: 0 0 0.24rem 2.083vw;}
.proList .item .imgbox{padding-top: 100%;margin-bottom: 0.17rem;}
.proList .item .info{position: relative;padding-right: 0;}
.contrast{position: absolute;right: 0;top: 0;cursor: pointer;}
.contrast:before{width: 16px;height: 16px;border: 1px solid #dddddd;display: inline-block;vertical-align: middle;margin: -3px 7px 0 0;content: "";}
.proList .item .desc{margin: 0.08rem 0 0.06rem;}
.proList .item .tag {transform: translateY(24px);transition: all 0.5s;opacity: 0;width: calc(100% + 65px);font-size:0.12rem;}
.proList .item .tag span{display: inline-block;border: 1px solid #eeeeee;padding: 0 0.03rem;margin-bottom:0.08rem;}
.proList .item .tag span:not(:last-child){margin-right: 0.05rem;}
.proList .item:hover .tag{transform: translateY(0);opacity: 1;}
.proList .item:hover .tit,.proList .item:hover .model{color:#FCB026;}
.proList .contrast{top:24px;}
.contrast.on:before{border-color:#FCB026;background: var(--red-color) url(../images/gou.svg) no-repeat center center/10px 10px;}

.contrastPop{right:-100%;transform: scale(0.9);top: 0.7rem;z-index: -1;background-color: #fff;width: 4rem;box-shadow: 0 0 50px rgba(0,0,0,0.2);position: fixed;transition: all 0.5s;visibility: hidden;opacity: 0;height: calc(100% - 0.7rem);}
.contrastPop.top{top: 0;height: 100%;}
.contrastPop .upclose{right: 0.4rem;top: 0.5rem;cursor: pointer;position: absolute;width: 25px;height: 25px;background: url(../images/close3.svg) no-repeat center center/contain}
.contrastPop .upclose:hover{background: url(../images/close.svg) no-repeat center center/contain}
.contrastPop.show{visibility: visible;z-index: 1000;transform:scale(1);opacity: 1;right: 0;}
.contrastPop h2{line-height: 1.19rem;padding-left: 0.4rem;border-bottom: 1px solid #eeeeee;}
.contrastPop .list{max-height: 62vh;overflow-y: auto;}
.contrastPop .list .item{padding: 0.27rem 0.92rem 0.27rem 0.4rem;border-bottom: 1px solid #eeeeee;position: relative;}
.contrastPop .list .imgbox{width: 1.5rem;height: 1.5rem;margin-top: 0.13rem;background-color: #f6f6f6;}
.contrastPop .list .close{position: absolute;right: 0.5rem;top: 0.3rem;width: 20px;height: 20px;background: url(../images/close3.svg) no-repeat center center/contain;cursor: pointer;}
.contrastPop .list .close:hover{background: url(../images/close.svg) no-repeat center center/contain}
.contrastPop .moreBtn{margin: 0.5rem auto 0;}

.contrastSmall{position: fixed;z-index: 1000;right: -100%;bottom:10%;width: 0.5rem;border-radius: 0.5rem;background-color:#FCB026;text-align: center;padding: 0.25rem 0;color: #fff;cursor: pointer;opacity: 0;visibility: hidden;transition: all 0.8s;}
.contrastSmall:before{display: block;vertical-align: middle;width: 0.25rem;height: 0.25rem;background: url(../images/ico_vs.svg) no-repeat center center/contain;content: "";margin: 0px auto 0.08rem;}
.contrastSmall span{position: absolute;border-radius: 50%;width: 18px;height: 18px;line-height: 18px;background-color: #fff;right: 0;top: -9px;color:#FCB026;box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.contrastSmall em{font-size:0.1rem;}
.contrastSmall.show{visibility: visible;opacity: 1;right: 0.2rem;}

@media(max-width:768px){
	.searchLeft{width: 100%;float: none !important;padding-bottom: 0.35rem;}
    .searchLeft .pro{display:none;}
    .searchLeft .title:nth-child(3){display:none;}
	.resultRight{width: 100%;float: none !important;}

	.proList:not(.slider) .item{width: 50% !important;}
}
@media(max-width:480px){
	.contrastPop .upclose{width: 20px;height: 20px;top: 0.35rem;}
	.proList:not(.slider) .item{width: 100% !important;}
    .proList .item .tag{font-size:12px;}
}

/* 產品對比 */
.fieldLeft{width: 28%;background-color: #f9f9f9;padding: 4.792vw 1.083vw 5vw 12.5vw;}
.fieldLeft .title{border-top: 1px solid #dddddd;padding: 0.78rem 0 0 0;min-height: 4.4rem;}
.fieldLeft .gn{min-height: 170px;display: flex;align-items: center;}
.fieldLeft .cs{min-height: 0.35rem;display: flex;align-items: center;}
.fieldLeft li{min-height: 0.6rem;display: flex;	align-items: center;padding: 0.08rem 0;}

.fieldRight {width: 69.79%;padding-bottom: 7.969vw;position: relative;z-index: 10;}
.fieldRight .state{border-bottom: 1px solid #eeeeee;line-height: 4.792vw;height:4.792vw;position: relative;}
.fieldRight .state h2{display: none;}
.fieldRight .back{text-align: right;margin-right: 12.5vw;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.fieldRight .back a{color: #888888;}.contrastRight .back a:hover{color:#FCB026;}
.fieldRight .back a:before{width: 7px;height: 10px;display: inline-block;vertical-align: middle;content: "";background: url(../images/arr_left_gray.svg) no-repeat center center/contain;margin: -3px 0.1rem 0 0;opacity: 0.6;transition: all 0.5s;}
.fieldRight .back a:hover:before{background: url(../images/arr_left_red.svg) no-repeat center center/contain;margin-right: 0.15rem;}

.fieldRight .content{font-size: 0;white-space: nowrap;overflow: hidden;}
.fieldRight .content .item{width: 3.4rem;display: inline-block;vertical-align: top;padding: 0.31rem 0;position: relative;}
.fieldRight .content .close{position: absolute;top: 0.2rem;right: 1rem;width: 18px;height:18px;background: url(../images/close3.svg) no-repeat center center/contain;cursor: pointer;}
.fieldRight .content .close:hover{background: url(../images/close.svg) no-repeat center center/contain;}
.fieldRight .content .imgbox{width: 2.25rem;height: 2.25rem;margin-bottom: 0.49rem;}
.fieldRight .content .item .detail{display: inline-block;min-width: 1.8rem;text-align: center;border:1px solid #eeeeee;padding: 0.07rem 0.2rem;vertical-align: top;margin-top: 0.15rem;transition: all 0.5s;line-height: 0.24rem;}
.fieldRight .content .item:hover .detail{background-color:#FCB026;color: #fff;border-color:#FCB026;}
.fieldRight .content .item .info .desc{min-height: 179px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;margin: 0.26rem 0 0.33rem;white-space:break-spaces;}
.fieldRight .content .item li .desc{padding: 4px;}
.fieldRight .content .item li{min-height: 0.6rem;display: flex;	align-items: center;padding: 0.08rem 0;}
.fieldRight .content .item li:hover .desc{-webkit-line-clamp: 10;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;	box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.1);}
.fieldRight .content .item li:hover {position: relative;z-index: 10;}
.fieldRight .content .item .ti{display: none;}

@media(max-width:1024px){
	.fieldLeft{padding-left: 2%;}
	.fieldRight .back{margin-right: 10%;}
}
@media(max-width:768px){
	.fieldRight .state{line-height: 0.8rem;height: 0.8rem;}
	.fieldRight .state h2{display: block;}
	.fieldLeft{width: 2.8rem;padding-top: 0.7rem;display: none;}
	/* .fieldLeft .title{min-height: 4.26rem;} */
	.fieldRight .content .item li{display: block;}
	.fieldRight .content .item .ti{display: block;color: #bbbbbb;}
	.fieldRight{width: 98%;margin-left: 2%;}
	.fieldRight .content .item{width: 4.5rem;}
	.fieldRight .content .item li,.fieldLeft li{min-height: 60px;}
}
@media(max-width:480px){
	.fieldLeft .title{min-height: 4.8rem;}
	.fieldLeft li{font-size: 12px;}
}

/* 產品詳細 */
.SubPage.detail2:before{top: 0;}
.SubPage.detail2 .devon{width: 9.6rem;height: 1.97rem;position: absolute;right: -2.4rem;top: 4.9rem;background: url(/en/res/images/devon3.png) no-repeat center center/contain;z-index: 0;}
.proTop{padding: 0.12rem 0;box-shadow: 0 0 15px rgba(0,0,0,0.25);background-color: #fff;position: fixed;z-index: 0;top: 0.65rem;left: 0;width: 100%;visibility: hidden;opacity: 0;transition: all 0.5s;}
.proTop li{cursor: pointer;}
.proTop li:not(:last-child){margin-right: 4.948vw;}
.proTop .purchase .btn{padding: 0.03rem 0.24rem;}
.proTop.show{visibility: visible;opacity: 1;z-index: 100;top: 0.7rem;}
.purchase .buybox{position: relative}
.purchase .buybox:nth-child(2) .pullBox{width: 3rem;}
.purchase .btn{background-color:#FCB026;color: #fff;display: inline-block;text-align: center;cursor: pointer;}
.purchase .btn:after{display: inline-block;vertical-align: middle;width: 6px;height: 10px;content: "";background: url(../images/arr_right_white.svg) no-repeat center center/contain;margin: -3px 0 0 0.1rem;transition: all 0.5s;}
.purchase .btn.on:after{transform: rotate(-90deg);}
.purchase .btn:hover{opacity: 0.8;}
.purchase .pullBox{position: absolute;left: 0;top: 100%;width: 4.86rem;background-color: #fff;box-shadow: 10px 0 30px rgba(0,0,0,0.15);padding: 0.2rem;display: none;}
.purchase .pullBox .close{position: absolute;top: 0.18rem;right: 0.18rem;width: 18px;height:18px;background: url(../images/close3.svg) no-repeat center center/contain;cursor: pointer;}
.purchase .pullBox .close:hover{background: url(../images/close.svg) no-repeat center center/contain;}
.purchase .pullBox .pro {padding: 0 0 0 0.15rem;}
.purchase .pullBox .pro .imgbox{width: 65px;height: 65px;}
.purchase .pullBox .pro .txt{padding-left: 0.22rem;}

.purchase .pullBox .list{padding-top: 0.14rem;}
.purchase .pullBox .list .item{padding: 0.14rem 0.2rem 0.14rem 0.15rem;}
.purchase .pullBox .list .item:nth-child(odd){background-color: #f6f6f6;}
.purchase .pullBox .list .icon img{height: 0.33rem;}
.purchase .pullBox .list .btn{min-width: 1.2rem;padding: 1px 0.2rem;}

.proImg{width: 41.66%;}
.proImg .bigimg {margin-bottom: 0.27rem;}
.proImg .bigimg .imgbox{padding-top: 91.66%;}
.proImg .bigimg .slick-arrow{opacity: 0;}
.proImg .bigimg .slick-prev{left: -0.5rem;}
.proImg .bigimg .slick-next{right: -0.5rem;}
.proImg .bigimg:hover .slick-prev{left: 0;}
.proImg .bigimg:hover .slick-next{right: 0;}
.proImg .bigimg:hover .slick-arrow{opacity: 1;}

.proImg .smallimg{padding: 0 25px;}
.proImg .smallimg .item{padding: 0 0.05rem;cursor: pointer;}
.proImg .smallimg .slick-current .imgbox:after{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;content: "";border: 1px solid var(--red-color);}
.proImg .smallimg .imgbox{background-color: #f6f6f6;}
.proImg .smallimg .imgbox{padding-top: 100%;}
.proImg .smallimg .slick-arrow{height: 100%;width: 20px;transform: skew(0);top: 0;margin-top: 0;background-color: #555555;}
.proImg .smallimg .slick-arrow:hover{background-color:#FCB026;}
.proImg .smallimg .slick-arrow:after{transform: skew(0);}
.proImg .smallimg .slick-disabled{display: block !important;background-color: #f6f6f6 !important;}
.proImg .smallimg .slick-arrow:after{background-size: 7px 14px;}

.proDetail{width: 50%;padding-top: 3.854vw;position: relative;z-index: 3;}
.proDetail .thead{position: relative;padding-bottom: 0.25rem;border-bottom: 1px solid #dddddd;margin-bottom: 0.21rem;}
.proDetail .thead .contrast{position: absolute;right: 0;top: 0;}
.proDetail .purchase {margin-top: 0.5rem;}
.proDetail .purchase .btn{min-width: 2.4rem;padding: 0.1rem 0.2rem;}

.proVideo {position: relative;margin: 5vw 0 0;}
.proVideo .imgbox{padding-top: 50%;}
.proVideo .imgbox:After{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(35,40,48,0.6);transition: all 0.5s;}
.proVideo .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.7rem;height: 0.7rem;display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;z-index: 2;background: url(../images/ico_play.svg) no-repeat center center/contain;transition: all 0.5s;}
.proVideo:hover .play{transform: translate(-50%,-50%) scale(1.2);}
.proVideo:hover .imgbox:after{background-color: rgba(35,40,48,0.35);}

.subTit3{border-bottom: 1px solid #eeeeee;margin-bottom: 0.33rem;}
.subTit3 h2{display: inline-block;vertical-align: top;padding: 0.16rem 0;position: relative;}
.subTit3 h2:after{position: absolute;left: 0;bottom: -1px;height: 2px;width: 100%;background-color:#FCB026;content: "";}

.proFeature{width: 47.22%;padding: 3.646vw 0 0;}
.proFeature .list .item{position: relative;padding: 0 0 0.26rem 0.22rem;}
.proFeature .list .item:before{position: absolute;left: 0;top: 0.09rem;width: 0.14rem;height: 0.14rem;content: "";background: url(../images/ico_yes.svg) no-repeat center center/contain;}
.proFeature .list .ti{margin-bottom: 0.02rem;}

.proParameter{width: 47.22%;padding: 3.646vw 0 0;}
.proParameter .sti{padding-left: 13px;position: relative;margin-bottom: 0.15rem;}
.proParameter .sti:before{position: absolute;left: 0;top: 0.07rem;width: 0.06rem;height: 0.09rem;background-color:#FCB026;transform: skew(-25deg);content: "";}
.proParameter .Parameter{max-height: 4rem;overflow-y: auto;margin-bottom: 0.4rem;}
.proParameter .Parameter .item {padding: 0.095rem 0;border-bottom: 1px solid #eeeeee;}
.proParameter .Parameter .item dt{width: 50%;padding-left: 0.14rem;}

.proParameter .downlist .item{position: relative;padding: 0.2rem 0.29rem 0.2rem 0.15rem;border-bottom: 1px solid #eeeeee;}
.proParameter .downlist .item img{margin: -0.03rem 0 0 0.08rem;width: 0.24rem;}
.proParameter .downlist .item:After{position: absolute;left: 0;bottom: 0;width: 0;transition: all 0.5s;height: 1px;background-color:#FCB026;content: "";}
.proParameter .downlist .item .down{width: 20px;height: 18px;content: "";background: url(../images/ico_down.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;}
.proParameter .downlist .item:hover .down{background: url(../images/ico_down2.svg) no-repeat center center/contain;}
.proParameter .downlist .item:hover:before{width: 100%;}

.proAnnex{padding-top:3.75vw;}
.proAnnex .slider{padding: 2.917vw 0 4.948vw;margin: 0 -1.198vw 0 -1.302vw;}
.proAnnex .slider:after{width: 1.2rem;height: 100%;top: 0;content: "";position: absolute;background-image: linear-gradient(to right, rgba(0,0,0,0) , #fff);right: 0;z-index: 10;}
.proAnnex .slider .slick-list{padding-right: 8%;}
.proAnnex .slider .item{padding: 0 1.198vw 0 1.302vw;}
.proAnnex .slider .imgbox{margin-bottom: 2.76vw;padding-top: 73.14%;}
.proAnnex .slick-arrow{zoom: 0.7;background-color: #d5d5d5;}
.proAnnex .slick-arrow:hover{background-color:#FCB026;}
.proAnnex .slick-prev{left: -1rem;}
.proAnnex .slick-next{right: -1rem;}

.proService{margin-bottom: 3.646vw;min-height: 3.6rem;overflow: hidden;position: relative;}
.proService .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proService .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(35,40,48,0.8);content: "";}
.proService .info{position: absolute;z-index: 12;right: 0;bottom: 0;width: 5.47rem;height: 100%;background-color:#FCB026;clip-path: polygon(30% 0, 0 100%, 100% 100%, 100% 0);}
.proService .info a{color: #fff;text-align: center;display: block;}
.proService .info .icon{margin-bottom: 0.07rem;}
.proService .info img{height: 0.41rem;}
.proService .info p{display: inline-block;position: relative;}
.proService .info p:After{width: 0.13rem;height: 0.18rem;background: url(../images/arr_right_white.svg) no-repeat center center/contain;content: "";transition: all 0.5s;position: absolute;right: -0.3rem;top: 50%;transform: translateY(-50%);}
.proService .info .item:not(:last-child){margin-bottom: 2.865vw;}
.proService .info .item:nth-child(2){transform: translateX(-0.7rem);}
.proService .info .item:hover p:After{right: -0.35rem;}

.proService .slogan{min-height: 3.6rem;padding: 0.25rem 7.917vw;color: #fff;position: relative;z-index: 10;width:68%;}
.proService .slogan .ti {line-height: 1.27;margin-bottom: 0.08rem;}
.proService .slogan .ti span{width: 1.46rem;height: 0.31rem;background: url(../images/devon.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -0.05rem 0.05rem 0 0.05rem;}

.aboutPros .slick-arrow{zoom: 0.7;background-color: #d5d5d5;top: 2rem;margin-top: 0;}
.aboutPros .slick-arrow:hover{background-color:#FCB026;}
.aboutPros .slick-prev{left: -1rem;}
.aboutPros .slick-next{right: -1rem;}

@media(max-width:1024px){
	.proAnnex .slick-prev{left: -20px;}
	.proAnnex .slick-next{right: -20px;}
	.aboutPros .slick-prev{left: -20px;}
	.aboutPros .slick-next{right: -20px;}
	.proService .slogan{width:60%;}
	.proService .info{width: 40%;}
}
@media(max-width:1024px){
	.proImg{width: 100%;}
	.proDetail{width: 100%;padding-top: 0.25rem;}
	.proFeature{width: 100%;}
	.proParameter{width: 100%;}

	.proService .slogan{width: 100%;padding: 1rem 0.2rem 2rem;}
	.proService .info{width: 100%;height: auto;flex-direction: inherit;clip-path: polygon(0% 0, 0 100%, 100% 100%, 100% 0);padding: 0.2rem;}
	.proService .info .item{width: 100%;}

}
@media(max-width:480px){
	.purchase .buybox:nth-child(2) .pullBox .pro .imgbox{width: 50px;height: 50px;}
	.purchase .buybox:nth-child(2) .pullBox{width: 4.5rem;}
    .purchase .pullBox{width: 6.6rem;}
}


/* 客戶服務 */
.saleInfo .txt{margin: 0.1rem 0 0;}

.saleAfter{margin-top: 0.7rem;}
.saleAfter .item .ti span{margin-right: 0.2rem;}
.saleAfter .item .txt{margin-top: 0.12rem;padding: 0 0 0.53rem 0.57rem;background: url(/en/res/images/linebg.gif) repeat-y 0.2rem top;}
.saleAfter .item:not(:last-child){margin-bottom: 0.19rem;}
.saleAfter .item:last-child .txt{background: none;}
.saleAfter .moreBtn{margin-top: 0.25rem;}
.saleAfter .login{margin-top: 0.35rem;display: inline-block;}
.saleAfter .login:after{display: inline-block;vertical-align: middle;width: 7px;height: 11px;content: "";margin: -3px 0 0 0.1rem;background: url(../images/arr_right_gray.svg) no-repeat center center/contain;opacity: 0.6;transition: all 0.5s;}
.saleAfter .login:hover:after{background: url(../images/arr_right_red.svg) no-repeat center center/contain;opacity: 1;margin-left: 0.15rem;}

.SubBan.customer .img{padding-top: 100vh;}
.SubBan.customer .img:after{position:about;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.4);position:absolute;}
.SubBan.customer .info{top: 40%;}
.SubBan.customer .info h2{width:35%;}
.SubBan.customer .bg{width: 19.792vw;height: 41.667vw;}
.SubBan.customer .formBox{width: 11rem;min-height: 31.25vw;position: absolute;right: 5.208vw;bottom: 3.385vw;clip-path: polygon(0 0, 0 100%, 74% 100%, 100% 0);z-index: 10;border-radius: 0.25rem 0 0 0;
	background: linear-gradient(135deg, transparent 0.28rem, #ffffff 0) top left,
	linear-gradient(-135deg, transparent 0, #ffffff 0) top right,
	linear-gradient(-45deg, transparent 0, #ffffff 0) bottom right,
	linear-gradient(45deg, transparent 0, #ffffff 0) bottom left;
background-size: 54% 54%;
background-repeat: no-repeat;padding: 2.969vw 16.146vw 2.5vw 3.646vw;}
.SubBan.customer .formBox:before{content: "";left: 0;top: 0;width: 0.4rem;height:0.4rem;position: absolute;background: url(../images/sj.svg) no-repeat center center/contain;}
.SubBan.customer .formBox .txt{margin: 0.2rem 0 0.43rem;}
.SubBan.customer .formBox .txt .dy{width: 1.27rem;height: 0.18rem;margin: -0.03rem 0.06rem 0 0;display: inline-block;vertical-align: middle;background: url(../images/devon4.svg) no-repeat center center/contain;}
.SubBan.customer .formBox .item{width: 47.6%;padding-bottom: 0.18rem;}
.SubBan.customer .formBox .item dt{padding: 0.04rem 0 0.05rem;position: relative;}
.SubBan.customer .formBox .item .whatIco{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.SubBan.customer .formBox .item .whatIco p{position: absolute;left: 50%;top: 110%;transform: translateX(-50%);width: 3.5rem;padding: 0.15rem;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.25);z-index: 100;border-radius: 0.1rem;pointer-events: none;opacity: 0;transition: all 0.5s;}
.SubBan.customer .formBox .item .whatIco:hover {z-index: 10;}
.SubBan.customer .formBox .item .whatIco:hover p{opacity: 1;pointer-events: auto;top: 100%;color: #333;}
.SubBan.customer .formBox .item .scan{position: absolute;right: 20px;top: 46%;transform: translateY(-50%);display:none;}
.SubBan.customer .formBox .item .ipttxt input{width: 100%;height: 0.48rem;}
.SubBan.customer .formBox .yearbox .ipt{flex: 1;position: relative;}
.SubBan.customer .formBox .yearbox input{width: 100%;height: 0.48rem;padding-left: 0.521vw;text-align: center;}
.SubBan.customer .formBox .yearbox .ipt:nth-child(1) input{text-align: left;}
.SubBan.customer .formBox .yearbox span{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

@media(max-width:1440px){
	.SubBan.customer .formbox{clip-path: polygon(0 0, 0 100%, 78.2% 100%, 100% 0);}
}
@media(max-width:1024px){
	.SubBan.customer .info{top: 18%;display: block;}
    .SubBan.customer .info h2{width:100%;}
	.SubBan.customer .formBox{width: 102%;right: -4.5%;padding: 0.4rem 2.2rem 0.1rem 0.4rem;}
	.SubBan.customer .formBox .item .scan{display: block;}
}
@media(max-width:768px){
    .SubBan.customer .formBox .item .whatIco p{left:auto;right:0;transform: translateX(0%);}
    .SubBan.customer .info{top:15%;display:none;}
    .SubBan.customer .info h2{width:100%;}
	.SubBan.customer .formBox{clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);width: 95%;right: 2.5%;padding-right:0.2rem;}
	.upfile .btn{height: 25px;line-height: 23px;font-size: 12px;padding: 0 3px;}
	.upfile .showfile{height: 33px;}
    .SubBan.customer .formBox .item{width:100%;}
    .SubBan.customer .formBox .item:last-child{text-align:center;padding:0.15rem 0 0.25rem;}
    .SubBan.customer .formBox .item:last-child dt{display:none;}
}


/* 销售网点查询 */
.saleMap{margin-top: 1rem;min-height: calc(100vh - 1rem);overflow: hidden;position: relative;}
.saleMap:after{width: 26.042vw;height: 28.646vw;right: -20vw;bottom: 0;content: "";background-color: var(--red-color-op8);transform: skew(-25deg);position: absolute;}
.saleMap .SubMenu{position: absolute;left: 0;top: 0;width: 100%;z-index: 100;padding: 0.16rem;background-color: rgba(246,246,246,0.9);}

.saleMap .formBox{position: absolute;right: 12.5vw;top: 50%;transform: translateY(-50%);z-index: 100;width: 5rem;background-color: #fff;box-shadow: 10px 0 20px rgba(221,221,221,0.5);padding-bottom: 0.3rem;}
.saleMap .formBox .form{padding: 0.37rem 0.4rem;border-bottom: 1px solid #eeeeee;}
.saleMap .formBox .form .title{margin-bottom: 0.25rem;width: 100%;}
.saleMap .formBox .form .select{padding-bottom: 0.15rem;}
.saleMap .formBox .form .select .seltxt,.saleMap .formBox .form .select select{width: 49%;}
.saleMap .formBox .form .search .ipttxt{width: 65%;}
.saleMap .formBox .form .search button{width: 32%;background-color:#FCB026;color: #fff;}
.saleMap .formBox .form .search button:hover{opacity: 0.8;}
.saleMap .checkBox{padding: 0.21rem 0 0.28rem 0.4rem;}
.saleMap .checkBox label{margin-right: 0.18rem;}
.saleMap .checkBox input[type="checkbox"]{width: 16px;height: 16px;}
.saleMap .checkBox .seltxt,.saleMap .checkBox select{width: 1.2rem;height: 0.36rem;padding: 0 0.2rem 0 0.1rem;background-position: right 0.1rem center;}
.saleMap .list{height: 38vh;overflow-y: auto;}
.saleMap .list .item{padding-bottom: 0.21rem;margin-bottom: 0.21rem;border-bottom: 1px solid #eeeeee;padding-left: 0.4rem;}
.saleMap .list .top{margin-bottom: 0.12rem;}
.saleMap .list .tag{padding-left: 0.11rem;}
.saleMap .list .tag span{padding: 0 0.06rem;border-radius: 2px;margin-right: 0.08rem;display: inline-block;vertical-align: middle;}
.saleMap .list .tag span.xs{background-color: #ebf4f7;}
.saleMap .list .tag span.hs{background-color: #f7f2eb;}
.saleMap .list .star span{display: inline-block;vertical-align: middle;background: url(/en/res/images/star.png) no-repeat center center/contain;width: 0.18rem;height: 0.17rem;}
.saleMap .list .txt{position: relative;padding-right: 52px;}
.saleMap .list .txt .km{position: absolute;right: 10px;text-align: center;bottom: 0rem;}
.saleMap .list .txt .km:before{display: block;width: 0.27rem;height: 0.39rem;margin: 0px auto;content: "";background: url(/en/res/images/wz.png) no-repeat center center/contain;}
.saleMap .map img{width: 100%;height: 100vh;object-fit: cover;}

@media(max-width:1024px){
	.saleMap .formBox{right: 6%;width: 88%;}
}
@media(max-width:480px){
	
    .saleMap .formBox .form .select .seltxt,
    .saleMap .formBox .form .select select{width:100%;margin-bottom:0.15rem;}
	.saleMap .checkBox .seltxt,
    .saleMap .checkBox select{height: 30px;width:90%;line-height: 30px;margin-top: 0.1rem;}
    .saleMap .checkBox .seltxt p{height:30px;line-height:30px;}
}

/* 瞭解DEVON */
.subTit{padding-bottom: 0.43rem; c}
.subTit h2{line-height: 1.2;padding-left:0;position: relative;display: inline-block;vertical-align: top; color:#fcb026; font-weight:bold; font-family: "Antartida-Bold";}
/*.subTit h2:before{position: absolute;left: 0;top: 0.02rem;width: 0.06rem;height: 0.09rem;background-color:#FCB026;transform: skew(-25deg);content: "";}*/
.subTit .txt{padding: 0.35rem 0 0 0.17rem;}
.subTit .desc{padding: 0.35rem 0 0 0;}

.aboutDetail{padding-bottom: 7.969vw;position: relative;}
.aboutDetail:after{position: absolute;width: 50.677vw;height: 27.083vw;content: "";right: -6.198vw;top: 0;background: url(/en/res/images/aboutbg1.png) no-repeat center center/contain;}
.aboutDetail .info{width: 59%;}
.aboutDetail .numList{width: 29.6%;position:relative;z-index:2;}
.aboutDetail .numList .item{width:100%;}
.aboutDetail .numList .item:not(:last-child){padding-bottom: 0.15rem;}
.aboutDetail .numList .num {height: 0.5rem;line-height: 0.5rem;}
.aboutDetail .numList .num .counter{font-size: 2.5vw;color:#FCB026;font-family: "BarlowSemiBold";padding-right: 0.18rem;}
.aboutDetail .numList .num .cs {position: relative;line-height: 1.5;}
.aboutDetail .numList .num .cs sup{color:#FCB026;font-size: 0.3rem;font-family: "BarlowSemiBold";position: absolute;top: 0;left: 0;}
.aboutDetail .numList .num .cs sub{position: absolute;bottom: 0;left: 0;}

.aboutPro .scroll{margin-left: -2.7%;}
.aboutPro .item{width: 22.3%;margin: 0 0 1.875vw 2.7%;position: relative;border-bottom: 1px solid #e6e6e6;}
.aboutPro .item .imgbox{padding-top: 121%;}
.aboutPro .item a{display: block;}
.aboutPro .item:after{position: absolute;left: 0;bottom: 0;width: 0;transition: all 0.5s;height: 1px;background-color:#FCB026;z-index: 2;content: "";}
.aboutPro .imgbox{padding-top: 66.66%;}
.aboutPro .imgbox:After{left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 1;position: absolute;background-color: rgba(0,0,0,0);transition: all 0.5s;}
.aboutPro .info{min-height: 1.69rem;padding: 0.24rem 0;transition: all 0.5s;}
.aboutPro .desc{margin: 0.08rem 0 0;}
.aboutPro .moreBtn{opacity: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;width: 2rem;}
.aboutPro .item:hover .info{padding-left: 1.458vw;padding-right: 1.458vw;}
.aboutPro .item:hover:after{width: 100%;}
.aboutPro .item:hover .moreBtn{opacity: 1;}
.aboutPro .item:hover .imgbox:after{background-color: rgba(0,0,0,0.4);}

.aboutHistory{min-height:30vw;padding: 5.625vw 0;color: #fff;position: relative;overflow: hidden; background: url(../images/licheng_bg.jpg) no-repeat top center/contain; background-size:cover}
/*.aboutHistory:before{width: 50%;height: 100%;left: -40.5%;top: 0;content: "";  position: absolute;transform: skew(-25deg);}*/
.aboutHistory .slider{position: relative;padding: 0 1rem 0 0;margin: 0 1rem 0 0;}
.aboutHistory .slick-list{overflow: visible;}
.aboutHistory .item {flex:1;}
.aboutHistory .item .ico{width: 0.4rem;height: 0.4rem;position: absolute;left: 50%;top: -0.5rem;transform: translateX(-50%);}
.aboutHistory .item .ico img{transition: all 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.aboutHistory .item .ico .i2{opacity: 0;}
.aboutHistory .item:hover .ico .i1{opacity: 0;transform: scale(0);}
.aboutHistory .item:hover .ico .i2{opacity: 1;}
.aboutHistory .item .year{padding: 0.08rem 0;position: relative;margin-bottom: 0.18rem;text-align: center;transition: all 0.3s;}
.aboutHistory .item:hover .year{color:#FCB026;}

.aboutHistory .item:hover .dot{opacity: 1;left: 50%;transform: translateX(-50%);}
.aboutHistory .item:hover .inner:after{height: 0.5rem;background-color:#FCB026;}
.aboutHistory .item:hover .inner:after{background-color:#FCB026;}
.aboutHistory .slick-prev{left: -1.65rem;}
.aboutHistory .slick-next{right: -1.65rem;}
.aboutHistory .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/*.aboutHistory .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: ""; background: url(../images/licheng_bg.jpg) no-repeat center center/contain;z-index: 1;}*/
/*.aboutHistory .bg{position: absolute;width: 100%;height: 100%;top: 0;z-index: 1;}*/
/*.aboutHistory .bg:after{position: absolute;background: var(--red-color-op8);top: 0;width: 31.25vw;height: 100%;	left: -22.396vw;transition: all 0.5s;z-index: 1;transform: skew(-20deg);content: "";}*/

.aboutWeb{padding: 5.208vw 0 7.917vw;position: relative;overflow: hidden;}
.aboutWeb .content .line{height: 4.54rem;background: url(/en/res/images/mapline.png) no-repeat center center/contain;}
.aboutWeb .content{position: relative;}
.aboutWeb .content:after{position: absolute;width: 100%;height: 6.66rem;top: -3.958vw;left: 0;content: "";}
.aboutWeb .content .info{text-align: center;width: 69%;position: absolute;top: 55%;transform: translateY(-50%);left: 0;z-index: 2;}
.aboutWeb .content .logo {width: 0.85rem;margin: 0px auto 0.21rem;}
.aboutWeb .content .go a:after{width: 7px;height: 12px;content: "";background: url(../images/arr_right_gray.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -3px 0 0 0.12rem;transition: all 0.5s;}
.aboutWeb .content .go a:hover:after{background: url(../images/arr_right_red.svg) no-repeat center center/contain;transform: translateX(0.1rem);}
.aboutWeb .dot{position: absolute;left: 50%;top: 30%;width: 1rem;height: 1rem;transform: translate(-50%,-50%);border: 1px solid rgba(182,182,182,0.3);background:rgba(255,255,255,0.3);border-radius: 50%;z-index: -1;}
.aboutWeb .dot::before,
.aboutWeb .dot::after {width: 100%;height: 100%;border: 1px solid rgba(182,182,182,1);background:rgba(255,255,255,1);position: absolute;left: -1px;		top: -1px;content: '';border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;}

.aboutWeb .dot::after {animation-delay: .5s;}

@media(min-width:1025px){
	.aboutHistory .logo{position: absolute;left: 0;top: 50%;width: 1rem;margin-top: -0.18rem;}
.aboutHistory .future{position: absolute;right: 0rem;top:47.5%;width:2rem;margin-top:0;text-align: center;line-height: 1.2;color:#FCB026;font-weight: bold; font-size: 0.20rem;}
	.aboutHistory .item .info{width: 2.8rem;text-align: center;transform: translateX(-50%);position: absolute;left: 50%;opacity: 0;pointer-events: none;}
	.aboutHistory .item:hover .info{opacity: 1;top: 1rem;pointer-events: auto;}
.aboutHistory .inner{position: relative;cursor: pointer;padding: 0 0.15rem;min-height: 2.38rem;}
.aboutHistory .item .inner:after{position: absolute;left: 50%;bottom: 0.05rem;width: 1px;background-color: rgba(255,255,255,0.2);content: "";height: 0.18rem;}
.aboutHistory .item .dot{position: absolute;left: 50%;transform: translateX(-50%);bottom: -0.05rem;border-radius: 50%;width: 0.1rem;height: 0.1rem;background-color: rgba(255,255,255,0.5);}
.aboutHistory .item:hover .dot{width: 0.15rem;height: 0.15rem;border: 0;bottom: -0.08rem;}
.aboutHistory .item:hover .dot span{display: block;width: 0.15rem;height: 0.15rem;border-radius: 50%;background-color:#FCB026;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.aboutHistory .item:hover .dot::before,
.aboutHistory .item:hover .dot::after {width: 140%;height: 140%;position: absolute;left: -20%;top: -20%;content: '';border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;background-color: #34383f;z-index: 1;}
.aboutHistory .item:hover .dot::after {animation-delay: .5s;background-color: rgba(255,255,255,0.2);width:180%;height:180%;left:-40%;top:-40%;z-index: 0;}
.aboutHistory .slider:after{position: absolute;top: 50%;background-color: rgba(255,255,255,0.4);width: 94%;height: 1px;content: "";left: 0;}
.aboutHistory .item:hover .year{padding: 0.11rem 0;margin-bottom: 0.5rem;}
.aboutHistory .item:nth-child(even) .ico{top: auto;bottom: -0.6rem;}
.aboutHistory .item:nth-child(even):hover .info{top: auto;bottom: 1rem;}
.aboutHistory .item:nth-child(odd) .inner{margin-top: 2.39rem;justify-content: flex-start;}
.aboutHistory .item:nth-child(odd) .year{margin-top: 0.18rem;margin-bottom: 0;}
.aboutHistory .item:nth-child(odd) .inner:after{bottom: auto;top: 0.05rem;}
.aboutHistory .item:nth-child(odd) .dot{bottom: auto;top: -0.05rem;}
.aboutHistory .item:nth-child(odd):hover .dot{top: -0.08rem;}
.aboutHistory .item:nth-child(odd):hover .year{margin-top: 0.5rem;}
}
@media(max-width:1024px){
	.aboutDetail .info{width: 100%;}
	.aboutDetail .numList{width: 100%;}

	.aboutHistory .slider{display: block !important;padding: 0 !important;margin: 0 0.5rem 0.25rem;}
	.aboutHistory .slider:before{position: absolute;left: 0.54rem;top: 0;height: 100%;content: "";width: 1px;background-color: rgba(255,255,255,0.1);}
	.aboutHistory .bg:after{top: -40%;}
	.aboutHistory .logo img{height: 0.5rem;display: block;margin: 0px auto;}
	.aboutHistory .slider .item{position: relative;}
	.aboutHistory .slider .item:before{position: absolute;top: 0.2rem;left: 0.48rem;width: 0.15rem;height: 0.15rem;content: "";background-color: rgba(255,255,255,0.95);border-radius: 50%;}
	.aboutHistory .slider .item:not(:last-child){padding-bottom: 0.25rem;}
	.aboutHistory .item .inner{display: block !important;}
	.aboutHistory .item .info{padding-left: 0.88rem;}
	.aboutHistory .item .ico{position: relative;top: auto;bottom: auto;display: inline-block;vertical-align: middle;transform: translate(0);left: auto;margin: -0.1rem 0.4rem 0 0;}
	.aboutHistory .item .year{display: inline-block;vertical-align: middle;}
	.aboutHistory .future {text-align: center;color:#FCB026;}
	.aboutHistory .future br{display: contents;}
}
@media(max-width:640px){
	.aboutDetail .numList .num .ticker-board{font-size: 28px;}
	.aboutWeb .content .line{height: 3.54rem;}

	.aboutPro .item{width: 47.3%;}
}

/* 關於DEVON */
.SubBan.about h1:after{content: "";background: url(../images/devon.svg) no-repeat center center/contain;width: 1.95rem;height: 0.41rem;display: inline-block;vertical-align: middle;margin: -0.05rem 0 0 0.04rem;}

.SubBan.aboutInfo .img:after{content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;background-color: rgba(0,0,0,0.5);transition: all 0.5s;}
.SubBan.aboutInfo:hover .img:after{background-color: rgba(0,0,0,0.3);}
.SubBan.aboutInfo .img{padding-top: 100vh;}
.SubBan.aboutInfo .bg{background-color: var(--red-color-op8);width: 19.792vw;height: 41.667vw;}

.newsFocus{margin-bottom: 0.34rem;}
.newsFocus .imgbox{width: 41.66%;padding-top: 20.833vw;}
.newsFocus .info{width: 50%;padding: 0.34rem 0 0;}
.newsFocus .date{font-family: "BarlowSemiBold";}
.newsFocus .tit{margin: 0.11rem 0 0.31rem;}
.newsFocus .desc{margin-bottom: 3.073vw;}
.newsFocus .slick-arrow{opacity: 0;}
.newsFocus .slick-prev{left: -1rem;}
.newsFocus .slick-next{right: -1rem;}
.newsFocus:hover .slick-prev{left: -0.7rem;opacity:1;}
.newsFocus:hover .slick-next{right:-0.7rem;opacity:1;}
.newsFocus .slick-dots{left: auto;right: 0;text-align: right;bottom:3.906vw;width: 50%;}

.photoNews{margin-left: -2.344vw;}
.photoNews .item{width: 33.333%;padding: 0 0 5.104vw 2.344vw;}
.photoNews .item a{display: block;}
.photoNews .imgbox{padding-top: 66.66%;}
.photoNews .info{padding: 1.302vw 1.563vw;min-height: 1.8rem;position: relative;}
.photoNews .info:after{position: absolute;left: 0;bottom: 0;width: 0;transition: all 0.5s;height: 1px;background-color:#FCB026;z-index: 2;content: "";}
.photoNews .date{font-family: "BarlowSemiRegular";}
.photoNews .desc{margin: 0.08rem 0 0.03rem;}
.photoNews .item:hover .info:after{width: 100%;}

.newsInfo{max-width: 12rem;margin: 0px auto;width: 88%;position: relative;z-index: 1;}
.newsInfo .SinglePage {line-height: 1.8;}
.newsInfo .SinglePage img{max-width: 10rem;width: 100%;}

.TitleInfo{margin-bottom: 0.32rem;padding: 0 0 2.031vw;border-bottom: 1px solid #dddddd;text-align: center;}
.TitleInfo .title{line-height: 1.25;margin-bottom: 0.19rem;font-weight: normal;}

.PrevNextInfo{padding: 0.22rem 0 0 0;margin-top: 0.74rem;border-top: 1px solid #f7f7f7;color:#888888;position: relative;}
.PrevNextInfo dl{position: relative;width: calc(100% - 1.8rem);}
.PrevNextInfo dl:not(:last-child){margin-bottom: 6px;}
.PrevNextInfo dl dt i{width: 0.3rem;text-align: center;display: inline-block;}
.PrevNextInfo dl dd{flex: 1;}
.PrevNextInfo dl dd a:hover{text-decoration: var(--red-color) underline 1px;text-underline-offset:3px;}
.PrevNextInfo .back{position: absolute;right: 0;top: 0.31rem;color: #888888;}
.PrevNextInfo .back:before{width: 7px;height: 11px;content: "";background: url(../images/arr_left_gray.svg) no-repeat center center/contain;display: inline-block;margin: -4px 0.16rem 0 0;opacity: 0.5;transition: all 0.5s;}
.PrevNextInfo .back:hover{color:#FCB026;}
.PrevNextInfo .back:hover:before{background: url(../images/arr_left_red.svg) no-repeat center center/contain;opacity: 1;margin-right: 0.2rem;}
.PrevNextInfo .none{opacity: 0.5 !important;}

@media(max-width:640px){
	.newsFocus .imgbox{width: 100%;padding-top: 60%;}
	.newsFocus .info{width: 100%;}

	.photoNews .item{width: 50%;}

	.PrevNextInfo .back{top: -28px;padding: 0;}
	.PrevNextInfo dl{width: 100%;}
}


/* 產品資料 */
.proManual .item{width: 47.22%;position: relative;padding-bottom: 0.35rem;}
.proManual .item .inner:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 4.115vw;background-image: linear-gradient(to bottom, #f6f6f6 , #fff);content: "";}
.proManual .item .inner{position: relative;z-index: 1;padding: 0 2.5vw;min-height: 17.604vw;border: 1px solid #eeeeee;background-color: #fff;}
.proManual .item .imgbox{width: 12.5vw;padding-top: 16.667vw;overflow: visible;top: -1.042vw;z-index: 9;}
.proManual .item .imgbox:after{width: 14.531vw;height: 17.396vw;position: absolute;right: 0;top: 0;content: "";z-index: -1;background: url(/en/res/images/imgbg.png) no-repeat center center/contain;}
.proManual .item .info{padding: 2.708vw 0 0.5rem 2.24vw;}
.proManual .item .desc{min-height: 0.72rem;margin:0.1rem 0 0.11rem 0;}
.proManual .item .pdf{background: url(/en/res/images/ico_pdf.png) no-repeat 0 center/24px 26px;padding-left: 33px;}
.proManual .item .pdf:hover{color:#FCB026;}
.proManual .item .down{width: 20px;height: 18px;content: "";position: absolute;right: 1.458vw;bottom: 2.083vw;z-index: 10;background: url(../images/ico_down.svg) no-repeat center center/contain;}
.proManual .item .inner:before{position: absolute;background: var(--red-color);bottom: 0;width: 0;height: 1.98rem;clip-path: polygon(100% 0, 0 100%, 100% 100%, 100% 0);
	right: 0;transition: all 0.5s;z-index: 1;content: "";transition: all 0.3s;opacity: 0;}
.proManual .item:hover .down{background: url(../images/ico_down1.svg) no-repeat center center/contain;}
.proManual .item:hover .inner:before{opacity: 1;width: 0.95rem;}

.subTit2{padding-bottom: 0.3rem;}
.subTit2 .search{max-width: 4.2rem;width:100%;border: 1px solid #eeeeee;background-color: #f9f9f9;position: relative;}
.subTit2 .search input{width: calc(100% - 0.7rem);height: 0.48rem;padding: 0 0.14rem;}
.subTit2 .search input::-webkit-input-placeholder{color: rgba(51,51,51,0.5);}
.subTit2 .search button{position: absolute;right: 0;height: 100%;top: 0;width: 0.7rem;clip-path: polygon(30% 0, 0 100%, 100% 100%, 100% 0);background:var(--red-color) url(../images/ico_so2.svg) no-repeat right 0.17rem center/0.25rem 0.25rem;}
.subTit2 .search button:hover{opacity: 0.8;}
.subTit2 .search:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.videoList{margin-left: -0.27rem;}
.videoList .item{width: 25%;padding: 0 0 0.39rem 1.406vw;}
.videoList .item a{display: block;}
.videoList .imgbox{padding-top: 56.47%;}
.videoList .imgbox:before{content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;z-index: 1;background-color: rgba(35,40,48,0.2);transition: all 0.5s;}
.videoList .play{width: 0.3rem;height: 0.3rem;z-index: 2;position: absolute;right: 0.2rem;bottom: 0.2rem;background: url(../images/ico_play.svg) no-repeat center center/contain;transition: all 0.5s;}
.videoList .tag{display:block;}
.videoList .down{width: 15px;height: 15px;content: "";position: absolute;right: 0;bottom: 0;transition: all 0.5s;background: url(../images/ico_down2.svg) no-repeat center center/contain;opacity:0;}
.videoList .item:hover .down{opacity:1;bottom:0.12rem;}
.videoList .date {font-family: "BarlowSemiRegular";}
.videoList .info {padding: 0.13rem 0 0.12rem;position: relative;transition: all 0.5s;}
.videoList .info:after{content: "";left: 0;height: 1px;width: 0;transition: all 0.5s;background-color:#FCB026;position: absolute;bottom: 0;}
.videoList .item:hover .imgbox:before {opacity: 0;}
.videoList .item:hover .play {transform: scale(1.2);}
.videoList .item:hover .info {padding-left: 0.13rem;padding-right: 0.13rem;}
.videoList .item:hover .info:after{width: 100%;}

.manualList{padding-bottom: 0.6rem;}
.manualList .cell{flex: 1;padding-left: 1.042vw;padding-right: 1.042vw;text-align:center;}
.manualList .cell:last-child{flex: 0.3;}
.manualList .thead{background-color: #f6f6f6;}
.manualList .thead .cell{padding-top: 0.1rem;padding-bottom: 0.1rem;}
.manualList .item{position: relative;}
.manualList .item:after{content: "";left: 0;height: 1px;width: 0;transition: all 0.5s;background-color:#FCB026;position: absolute;bottom: 0;}
.manualList .item .cell{padding-top: 0.15rem;padding-bottom: 0.15rem;}
.manualList .item:nth-child(even){background-color: #f6f6f6;}
.manualList .item .down:after{display: inline-block;vertical-align: middle;width: 16px;height: 14px;background: url(../images/ico_down.svg) no-repeat center center/contain;content: "";}
.manualList .item:hover:after{width: 100%;}
.manualList .item:hover .cell:nth-child(1){font-family: 'harmonyOS_Regular';}
.manualList .item:hover .down:after{background: url(../images/ico_down2.svg) no-repeat center center/contain;}

.posterList{margin-left: -1.823vw;}
.posterList .item{padding: 0 0 0.53rem 1.823vw;width: 20%;}
.posterList .item a{display: block;}
.posterList .imgbox{padding-top: 150%;}
.posterList .info{transition: all 0.5s;padding-top: 0.17rem;padding-bottom: 0.25rem;position: relative;}
.posterList .info:before{width: 15px;height: 15px;content: "";position: absolute;right: 0.2rem;bottom: 0;transition: all 0.5s;background: url(../images/ico_down2.svg) no-repeat center center/contain;opacity: 0;}
.posterList .info:after{content: "";left: 0;height: 1px;width: 0;transition: all 0.5s;background-color:#FCB026;position: absolute;bottom: 0;}
.posterList .item:hover .info{padding-left: 0.2rem;padding-right: 0.2rem;}
.posterList .item:hover .info:after{width: 100%;}
.posterList .item:hover .info:before{opacity: 1;bottom: 0.25rem;}

@media(max-width:1024px){
    .videoList .item .down{opacity:1;bottom:0.12rem;}
}
@media(max-width:768px){
	.proManual .item{width: 100%;}
	.proManual .item .inner:after{height: 0.45rem;}
	.proManual .item .info{padding-bottom: 0.65rem;}
	.proManual .item .down{width: 16px;height: 16px;}

	.videoList .item{width: 33.333%;}

	.posterList .item{width: 50%;}
}
@media(max-width:640px){
	.videoList .item{width: 50%;}
	.videoList .tag{font-size: 12px;}

	.manualList .cell:nth-child(1){flex: 1.5;}
	.manualList .cell:last-child{flex: 0.6;}
}
@media(max-width:480px){
    .manualList .item{font-size:12px;}
}

/* 聯繫我們 */
.contactList .item{width: 47.22%;border: 1px solid #eeeeee;padding: 2.031vw;background-color: #fff;}
.contactList .item .icon{width: 0.53rem;margin-right: 0.23rem;}
.contactList .item h2{line-height: 0.53rem;}
.contactList .item:hover h2{color:#FCB026;}

.contactUs .info{width: 41.66%;}
.contactUs .info .txt{margin: 0.17rem 0 0.67rem;}
.contactUs .info .item:not(:last-child){margin-bottom: 0.47rem;}
.contactUs .info .item dt{margin-right: 0.33rem;width: 0.32rem;}
.contactUs .imgbox{width: 50%;}

.contactMessage{background-image: linear-gradient(to bottom, #f7f8f8 , #fefffe); padding: 5.208vw 0;position: relative;overflow: hidden;}
.contactMessage .info{width: 37.15%;}
.contactMessage .info .txt{margin: 0.2rem 0 0.35rem;}
.contactMessage .info .group{width: 3rem;}

.contactMessage .form{width: 50%;}
.contactMessage .form .group{padding-bottom: 0.19rem;}

.contactMessage .group.auto{width: 100%;}
.contactMessage .group.auto label{margin-left: 0.25rem;}
.contactMessage .group.w1{width: 41.6%;}
.contactMessage .group.w2{width: 52.77%;}
.contactMessage .group.auto{width: 100%;}
.contactMessage .group dt{padding: 0.04rem 0;}
.contactMessage textarea.ipttxt{height: 1.2rem;padding: 0.2rem;}
.contactMessage .yzm{width: 3.49rem;cursor: pointer;margin-right: 0.3rem;}
.contactMessage .yzm .img{width: 1.48rem;border: 1px solid #dddddd;border-left: 0;}
.contactMessage:before {width: 89vw;height: 100%;right: -29.7vw;top: 0;content: "";background-color: #f6f6f6;transform: skew(-25deg);position: absolute;}

.sendBtn{background-color:#FCB026;color: #fff;width: 2.5rem;height: 0.5rem;}
.sendBtn:hover{opacity: 0.8;}
.sendBtn.skew{transform: skew(-24deg);}
.sendBtn.skew span{transform: skew(24deg);display: block;}

@media(max-width:1024px){
	.contactList .item{width: 49%;}

	.contactUs .info{width: 100%;padding-bottom: 0.25rem;}
	.contactUs .imgbox{width: 100%;}
}
@media(max-width:768px){
	.contactList .item{width: 100%;}
	.contactList .item:not(:last-child){margin-bottom: 0.25rem;}

	.contactMessage .info{width: 100%;padding-bottom: 0.25rem;}
	.contactMessage .info .group{width: 100%;}
	.contactMessage .form{width: 100%;}
	.contactMessage .yzm{width: 100%;margin-bottom: 0.2rem;}
}
.JobPop.pop{position:fixed;left:50%;top:50%;transform: translate(-50%,-50%);max-height: 95%;visibility: hidden;
	z-index: -1;opacity: 0;transition: all 0.5s;pointer-events: none}
.JobPop.pop.on{z-index: 1000;visibility: visible;pointer-events: auto;opacity: 1}
.JobPop{width:95%;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:before{position: absolute;background-image: linear-gradient(to bottom, #f7f7f6 , #fff);bottom: 0;width: 5.88rem;height: 100%;clip-path: polygon(100% 0, 0 100%, 100% 100%, 100% 0);
	right: 0;transition: all 0.5s;z-index: 1;content: "";}
.JobPop .mfp-close{width: 0.52rem;height: 0.52rem;line-height: 0.52rem;text-align: center;color:#c0c0c0 !important;opacity: 1;font-size: 0.5rem;}
.JobPop .mfp-close:hover{color:var(--red-color) !important;}
.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:0.47rem 0.35rem;overflow: hidden;position: relative;z-index: 10;}
.JobPop .Content video{display: block;width: 100%;max-height: 70vh;}

.JobPop .toptit{padding-bottom: 0.33rem;}
.JobPop .toptit h1{line-height: 1.45;}
.JobPop .paper{margin: 0 -0.781vw;white-space:nowrap;}
.JobPop .paper .item{padding: 0 0.781vw;cursor: pointer;width:25%;display:inline-block;}
.JobPop .paper .imgbox{padding-top: 150%;margin-bottom: 0.1rem;}
.JobPop .paper .slick-arrow{width: 0.34rem;height: 0.34rem;}
.JobPop .paper .slick-arrow:after{background-size: 8px 13px;}
.JobPop .paper .slick-arrow:after{background-size: 8px 13px;}
.JobPop .check{cursor: pointer;}
.JobPop .check:before{display: inline-block;vertical-align: middle;width: 0.2rem;height: 0.2rem;border: 1px solid #dddddd;content: "";margin: -0.03rem 0.08rem 0 0;}
.JobPop .item.on .check:before,
.JobPop .check.on:before{border-color:#FCB026;background: var(--red-color) url(../images/gou.svg) no-repeat center center/0.14rem 0.1rem;}
.JobPop .selectAll{margin-top: 0.3rem;padding-top: 0.2rem;text-align: right;border-top: 1px solid #eeeeee;}
.JobPop .selectAll .down{color: #fff;background-color:#FCB026;display: inline-block;vertical-align: middle;min-width: 1.5rem;padding: 0.521vw 0.2rem;text-align: center;margin-left: 3.7vw;}
.JobPop .selectAll label{cursor: pointer;}
.JobPop .selectAll .down:hover{opacity: 0.8;}

@media(max-width:1024px){
	.JobPop{width: 95%;}
	.JobPop .Content{padding-top: 5vw;}
}
@media(max-width:480px){
	.JobPop .check:before{width: 14px;height: 14px;}
}


/* 登录注册 */
.loginBox{min-height: 100vh;position: relative;overflow: hidden;z-index:0;}
.loginBox .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.loginBox .content{background-image: linear-gradient(to bottom, #f7f7f7 , #fff);width: 65%;min-height: 100vh;clip-path: polygon(35% 0, 0 100%, 100% 100%, 100% 0);position: relative;z-index: 10;padding-right: 12.5vw;transition: all 1s;}
/* .loginBox.on .content{clip-path: polygon(35% 0, 0 100%, 100% 100%, 100% 0);} */
.loginBox .content:before{width: 52.083vw;height: 10.521vw;content: "";position: absolute;left: 5.729vw;bottom: 1.458vw;background: url(/en/res/images/devon3.png) no-repeat center center/contain;}
.loginBox .content:after{background: #f6f6f6;bottom: 0;width: 13.438vw;height: 29.375vw;clip-path: polygon(100% 0, 0 100%, 100% 100%, 100% 0);position: absolute;right:0;z-index: 0;content: "";}
.loginBox .inner{width: 29.167vw;position: relative;z-index: 10;padding: 1.58rem 0 0.76rem 0;}
.loginBox .thead{padding-bottom: 0.26rem;border-bottom: 1px solid #eeeeee;margin-bottom: 0.23rem;}
.loginBox .tip{margin-bottom: 0.23rem;position: relative;z-index: 1;}
.loginBox .ipttxt,.loginBox select{background-color: #fff;}
.loginBox .group{margin-bottom: 0.2rem;position: relative;}
.loginBox .group .ipt{width: 4.2rem;position: relative;}
.loginBox .group .txt{padding-left: 0.18rem;}
.loginBox .group .txt2{width:4.2rem;text-align:right;}
.loginBox .group .send.auto{margin-bottom: 0.2rem;}
.loginBox input[type="checkbox"]{width: 16px;height: 16px;margin-top: 7px;}

.loginBox .group .eye{position: absolute;right: 14px;top: 0;height: 100%;width: 30px;background: url(/en/res/images/ico_eye.png) center center no-repeat;cursor: pointer;z-index: 10;}
.loginBox .group .eye.on{background: url(/en/res/images/ico_eyeon.png) center center no-repeat;}

.whatIco{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/what.svg) no-repeat center center/contain;margin: -2px 0 0 6px;}
.whatIco:hover{background: url(../images/what2.svg) no-repeat center center/contain;}

.yzmbox{position: relative;}
.yzmbox .btn{position: absolute;right: 0.06rem;top: 0.07rem;border: 1px solid #dddddd;border-radius: 2px;padding: 0.02rem 0.1rem;background-color: #f6f6f6;cursor: pointer;}
.yzmbox .btn:hover{color: #fff;background-color:#FCB026;border-color:#FCB026;}

@media(max-width:1024px){
	.loginBox .content{width: 100%;}
	.loginBox .inner{width: 50%;}
}
@media(max-width:768px){
	.loginBox .content{clip-path: polygon(0% 0, 0 100%, 100% 100%, 100% 0);}
	.loginBox .inner{width: 85%;}
	.loginBox .group .ipt{width: 5rem;}
    .loginBox .group .txt2{width:5rem;}
}

/* 会员中心 */
.memberBox{padding: 1.8rem 0 6.51vw;background-color: #fff;position: relative;overflow: hidden;}
.memberBox:before{background-image: linear-gradient(to bottom, #f6f7f7 , #fff);width:43.125vw ;height: 100%;clip-path: polygon(0% 0, 0 100%, 0 210%, 100% 0);position: absolute;left:0;top:0;z-index: 0;content: "";z-index: 1;}
.memberBox:after{background-image: linear-gradient(to bottom, #f6f7f7 , #fff);bottom: 0;width: 18.75vw;height: 40.885vw;clip-path: polygon(100% 0, 0 100%, 100% 100%, 100% 0);;position: absolute;right:0;z-index: 0;content: "";z-index: 1;}
.memberBox .bg{background: var(--red-color);width: 12.5vw;height: 26.25vw;clip-path: polygon(0% 0, 0 100%, 0 100%, 100% 0);position: absolute;left:0;top:0.7rem;z-index: 0;content: "";z-index: 1;}
.memberBox .menu{width: 2rem;background-color: #fff;padding: 0.08rem 0;min-height: 36.719vw;}
.memberBox .menu li{position: relative;}
.memberBox .menu li:before{position: absolute;width: 2px;content: "";background-color:#FCB026;height: 0;top: 50%;transform: translateY(-50%);transition: all 0.5s;}
.memberBox .menu li a:after{position: absolute;transition: all 0.5s;content: "";width: 7px;height: 11px;background: url(../images/arr_right_red.svg) no-repeat center center/contain;opacity: 0;right: -10px;top: 50%;transform: translateY(-50%);}
.memberBox .menu li a{display: block;margin: 0 1.563vw;padding: 0.781vw 0;border-bottom: 1px solid rgba(0,0,0,0);position: relative;}
.memberBox .menu li:hover a,.memberBox .menu li.on a{border-color: #dddddd;}
.memberBox .menu li:hover:before,.memberBox .menu li.on:before{height: 0.2rem;}
.memberBox .menu li:hover a:after,.memberBox .menu li.on a:after{right: 0;opacity: 1;}
.memberBox .content{width: calc(100% - 2.4rem);background-color: #fff;border-radius: 0 0 2rem 0;padding: 2.76vw 0 0 2.76vw;}

.memberBox .account .head{text-align: center;width: 1.74rem;margin-right: 0.31rem;}
.memberBox .account .head .imgbox{border-radius: 50%;background-color: #eeeeee;width: 1rem;height: 1rem;margin: 0px auto 0.15rem;}
.memberBox .account .head .change{display: inline-block;padding: 0.01rem 0.2rem;border-radius: 0.32rem;background-color: #eeeeee;color: #888888;cursor: pointer;}
.memberBox .account .head .change:hover{color: #fff;background-color:#FCB026;}

.memberBox .account .info .group{padding-top: 0.15rem;margin-right: 7.708vw;}
.memberBox .account .info .group dt{width: 100px;}
.memberBox .account .info .group dd{border-bottom: 1px solid #eeeeee;padding: 0.02rem 0;}

.memberBox .account .form .title{margin-bottom: 0.23rem;}
.memberBox .account .form .group{padding-bottom: 0.2rem;}
.memberBox .account .form .group dt{width: 2.5rem;line-height: 1.2;text-align:right;}
.memberBox .account .form .group .ipt{width: 50%;}
.memberBox .account .form .group .txt{padding-left: 1.146vw;}
.memberBox .account .form .group .eye{display: inline-block;font-size:0;padding: 0.01rem 0.2rem;cursor: pointer;background:url(/en/res/images/ico_eye.png) no-repeat center center;width:17px;height:0.3rem;}
.memberBox .account .form .group .eye.on{background-image:url(/en/res/images/ico_eyeon.png);}

.memberBox .sendbtn{background-color: #eeeeee;min-width: 1.6rem;height: 0.44rem;padding: 0 0.2rem;}
.memberBox .sendbtn:hover{color: #fff;background-color:#FCB026;}

.memberBox .lineblank{margin: 0.55rem 0;border-bottom: 1px solid #eeeeee;}

.memberBox .tithead{padding-bottom: 0.21rem;border-bottom: 1px solid #eeeeee;}
.memberBox .tithead aside{padding: 0.05rem 0;}
.memberBox .tithead .search{width: 3.5rem;border: 1px solid #eeeeee;background-color: #f9f9f9;position: relative;}
.memberBox .tithead .search input{width: calc(100% - 0.56rem);height: 0.38rem;padding: 0 0.14rem;}
.memberBox .tithead .search input::-webkit-input-placeholder{color: rgba(51,51,51,0.5);}
.memberBox .tithead .search button{position: absolute;right: 0;height: 100%;top: 0;width: 0.56rem;clip-path: polygon(30% 0, 0 100%, 100% 100%, 100% 0);background:var(--red-color) url(../images/ico_so2.svg) no-repeat right 0.17rem center/0.2rem 0.2rem;}
.memberBox .tithead .search button:hover{opacity: 0.8;}
.memberBox .tithead .search:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.memberBox .tithead .bindpro{margin-left: 0.1rem;color: #fff;padding: 0.05rem 0.3rem;background-color:#FCB026;}
.memberBox .tithead .bindpro:after{display: inline-block;vertical-align: middle;content: '';width: 7px;height: 11px;background: url(../images/arr_right_white.svg) no-repeat center center/contain;margin: -2px 0 0 0.1rem;}
.memberBox .tithead .bindpro:hover{opacity: 0.8;}

.memberBox .tithead .back{color: #888;}
.memberBox .tithead .back:before{display: inline-block;vertical-align: middle;margin: -3px 0.1rem 0 0;content: "";width: 7px;height: 11px;background: url(../images/arr_left_gray.svg) no-repeat center center/contain;opacity: 0.6;transition: all 0.5s;}
.memberBox .tithead .back:hover{color:#FCB026;}
.memberBox .tithead .back:hover:before{background: url(../images/arr_left_red.svg) no-repeat center center/contain;margin-right: 0.15rem;}

.memberBox .toolList{margin-bottom: 0.45rem;}
.memberBox .toolList .thead{border-bottom: 1px solid #eeeeee;padding-top: 0.09rem;padding-bottom: 0.09rem;}
.memberBox .toolList .cell{position: relative;}
.memberBox .toolList .cell:nth-child(1){flex: 0.4;}
.memberBox .toolList .cell:nth-child(2){flex: 1.1;}
.memberBox .toolList .cell:nth-child(3){flex: 0.5;}
.memberBox .toolList .cell:nth-child(4){flex: 0.4;}
.memberBox .toolList .cell:nth-child(5){flex: 0.3;text-align: center;}
.memberBox .toolList .cell:nth-child(6){flex: 0.3;text-align: center;}
.memberBox .toolList .item{border-bottom: 1px solid #eeeeee;padding-top: 0.35rem;padding-bottom: 0.35rem;color: #000;}
.memberBox .toolList .item .imgbox{width: 1rem;height: 1rem;}
.memberBox .toolList .item .imgbox.bor{border: 1px solid #eeeeee;}

.memberBox .toolList .state{position: absolute;left: 0;top: -0.1rem;z-index: 10;background-color:#FCB026;color: #fff;font-size: 0.14rem;padding: 0 0.1rem;line-height: 1.5;transform: rotate(-25deg);}

.memberBox .toolList .group{border-bottom: 1px solid #eeeeee;position: relative;}
.memberBox .toolList .group:after{position: absolute;left: 0;bottom: -1px;width: 0;transition: all 0.5s;height: 1px;content: "";background-color:#FCB026;}
.memberBox .toolList .group .info{padding: 0.28rem 0;position: relative;cursor: pointer;}
.memberBox .toolList .group .info:after{right: 0.4rem;top: 50%;width: 0.1rem;height: 0.15rem;content: "";position: absolute;background: url(../images/arr_right_gray.svg) no-repeat center center/contain;opacity: 0.6;transition: all 0.5s;}
.memberBox .toolList .group.on .info:after{transform: rotate(-90deg);}
.memberBox .toolList .group .headimg{width: 0.66rem;}
.memberBox .toolList .group .headimg img{border-radius: 50%;width: 0.5rem;height: 0.5rem;object-fit: cover;}
.memberBox .toolList .group:hover:after,.memberBox .toolList .group.on:after{width: 100%;}

.memberBox .toolList.t2 .thead .cell:nth-child(1){flex: 0.5;}
.memberBox .toolList.t2 .thead .cell:nth-child(2){flex: 0.9;}
.memberBox .toolList.t2 .thead .cell:nth-child(3){flex: 0.35;}
.memberBox .toolList.t2 .thead .cell:nth-child(4){flex: 0.31;}
.memberBox .toolList.t2 .thead .cell:nth-child(5){flex: 0.25;}
.memberBox .toolList .prolist {display: none;}
.memberBox .toolList .prolist .check{position: absolute;left: -3.021vw;top: 0.4rem;}
.memberBox .toolList .prolist .item{padding-left: 3.646vw;}
.memberBox .toolList .prolist .item:last-child{border-bottom: 0;}
.memberBox .toolList .prolist .item:first-child{padding-top: 0;}

.noticeList{margin-bottom: 0.57rem;}
.noticeList .item{border-bottom: 1px solid #eeeeee;}
.noticeList a{padding: 1.042vw 0;}
.noticeList .date{padding-left: 0.25rem;}
.noticeList .tit{height: 0.3rem;}
.noticeList .item.on .tit{-webkit-line-clamp: 1000;height: auto;}

.memberBox .newsList{margin-bottom: 0.45rem;}
.memberBox .newsList .thead{border-bottom: 1px solid #eeeeee;padding-top: 0.09rem;padding-bottom: 0.09rem;}
.memberBox .newsList .cell{position: relative;}
.memberBox .newsList .cell:nth-child(1){flex: 0.5;}
.memberBox .newsList .cell:nth-child(2){flex: 1.1;padding-left: 0.32rem;}
.memberBox .newsList .cell:nth-child(3){flex: 0.6;text-align: center;}
.memberBox .newsList .cell:nth-child(4){flex: 0.3;text-align: center;}
.memberBox .newsList .item{border-bottom: 1px solid #eeeeee;padding-top: 0.3rem;padding-bottom: 0.3rem;}
.memberBox .newsList .item .desc{margin: 0.1rem 0;}
.memberBox .newsList .item .imgbox{width: 1.8rem;height: 1.2rem;}
.memberBox .newsList .item .imgbox.bor{border: 1px solid #eeeeee;}

.memberBox .formBox{padding-top: 0.6rem;}
.memberBox .formBox .group{margin-bottom: 0.2rem;}
.memberBox .formBox .group dt{padding: 0.1rem 0;width: 0.99rem;}

.bottomState{flex-direction: row-reverse;}
.bottomState .selectAll .export{color: #fff;}
.bottomState .selectAll .export{color: #fff;background-color:#FCB026;display: inline-block;vertical-align: middle;min-width: 1.5rem;padding: 0.26vw 0.2rem;text-align: center;margin-left: 2.083vw;}
.bottomState .selectAll .export:after{content: "";width: 0.2rem;height: 0.2rem;background: url(../images/ico_share3.svg) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -0.03rem 0 0 0.1rem;}
.bottomState .selectAll .export label{cursor: pointer;}
.bottomState .selectAll .export:hover{opacity: 0.8;}

.delete{background: url(../images/ico_del.svg) no-repeat center center/contain;width: 0.2rem;height: 0.2rem;display: inline-block;}
.delete:hover{background: url(../images/ico_del2.svg) no-repeat center center/contain;}

.delete{background: url(../images/ico_del.svg) no-repeat center center/contain;width: 0.2rem;height: 0.2rem;display: inline-block;}
.delete:hover{background: url(../images/ico_del2.svg) no-repeat center center/contain;}

.share{background: url(../images/ico_share.svg) no-repeat center center/contain;width: 0.2rem;height: 0.2rem;display: inline-block;}
.share:hover{background: url(../images/ico_share2.svg) no-repeat center center/contain;}

@media(max-width:1024px){
	.memberBox .menu{width: 100%;min-height: auto;margin-bottom: 0.25rem;box-shadow: 0 0 10px rgba(0,0,0,0.08);}
	.memberBox .menu ul{display: flex;flex-wrap: wrap;}
	.memberBox .menu ul li{width: 25%;text-align: center;}
	.memberBox .menu li a{border-bottom: 0 !important;}
	.memberBox .menu li a:after,.memberBox .menu li:before{display: none;}
	.memberBox .menu li:hover a, .memberBox .menu li.on a{color:#FCB026;}
	.memberBox .content{width: 100%;}
}
@media(max-width:768px){
	.memberBox .account .head{width: 100%;}
	.memberBox .account .form .group .ipt{width: calc(100% - 50px);}
	.memberBox .account .form .group .txt{flex: none;}
	.memberBox .sendbtn{height: 35px;}
	.memberBox .toolList .prolist .cell:nth-child(1){padding-right: 0.1rem;}

    .memberBox .formBox .group dt{width: 70px;}
    .memberBox .account .form .group{flex-wrap:wrap;}
    .memberBox .account .form .group dt{width:100%;padding-bottom:0.15rem;text-align:left;}

	.bottomState .selectAll{width: 100%;text-align: right;}
	.bottomState  .Pages{width: 100%;padding-top: 0.4rem;}
}
@media(max-width:480px){
	.memberBox .tithead .search{width: 100%;}
	.memberBox .tithead .bindpro{margin: 0.1rem 0 0 0;}
	.memberBox .tithead .search input{height: 35px;}
	.memberBox .tithead .search button{width: 35px;}
	.memberBox .toolList .thead{display: none;}
	.memberBox .toolList .cell:nth-child(1){width: 25%;flex: none }
	.memberBox .toolList .cell:nth-child(2){width: 75%;flex: none;}
	.memberBox .toolList .cell:nth-child(3){width: 25%;flex: none;}
	.memberBox .toolList .cell:nth-child(4){width: 50%;flex: none;}
	.memberBox .toolList .cell:nth-child(5){width: 25%;flex: none;}
	.memberBox .toolList .prolist .item{padding-left: 30px;}
	.memberBox .toolList .prolist .check{left: -25px;}
	.delete,.share,.edit{width: 15px;height: 15px;}

	.memberBox .newsList .item .imgbox{width: 1.2rem;height: 0.8rem;}

    .noticeList .tit{height: 24px;}

        .memberBox .account .form .group .ipt{width: calc(100% - 35px);}
}


/* 搜索 */
.searchPage .nav{width: 18.75%;}
.searchPage .nav .title{padding: 0.13rem 0;border-bottom: 1px solid #eeeeee;margin-bottom: 0.19rem;}
.searchPage .content{width: 76.28%;}
.searchPage .subTit2{border-bottom: 1px solid #eeeeee;padding-bottom: 0.2rem;margin: -0.15rem 0 0.4rem;}

.searchList{margin-left: -1.719vw;padding-bottom: 0.3rem;}
.searchList .item{width: 25%;padding: 0 0 0.34rem 1.719vw;}
.searchList .imgbox{padding-top: 100%;background-color: #f6f6f6;margin-bottom: 0.16rem;}
.searchList .imgbox span{left: 0.2rem;top: 0.2rem;width: calc(100% - 0.4rem);height: calc(100% - 0.4rem);}

@media(max-width:768px){
	.searchList .item{width: 33.333%;}
	.searchPage .nav{width: 100%;padding-bottom: 0.25rem;}
	.searchPage .content{width: 100%;}
}
@media(max-width:480px){
	.searchList .item{width: 50%;}
}

#loading{position: absolute;left: -2%;top: 0;width: 104%;height: 100%;z-index: 1000;background-color: #fff;}
#loading .close{width: 0.3rem;height: 0.3rem;background: url(../images/close.svg) no-repeat center center/contain;cursor: pointer;position: relative;top: -0.3rem;margin: 0px auto;cursor:pointer;}
#loading .inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #999;}
#loading .animate {
	width: 64px;height: 64px;margin: 0px auto 0.08rem;
	border-radius: 50%;
	border: 6px dotted;
	border-color: var(--red-color) var(--red-color) #1E1E33;
	animation: rotate 1.5s infinite;
}
#loading .animate::before {
	content: '';
	display: block;
	width: 65%;
	height: 65%;
	border-radius: 50%;
	border: 4px dotted;
	position: absolute;
	border-color: #1E1E33 #1E1E33 var(--red-color);
	inset: 0;
	margin: auto;
	animation: rotate 1.5s infinite reverse;
}
@keyframes rotate {
	to {
			transform: rotate(360deg);
	}
}