@import url(common.css);

/* 头部 */
@media(min-width:1025px){
.Header{border-bottom: 0;}
.Header .w1600{height: 0.8rem;}
.openbtn{display: flex;}
.header_menu{display: block;}
.Header .top_right{opacity: 0;visibility: hidden;}
.Header .top{border-bottom: 0;}
}

/* 首页 s*/
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both;color:#fff;z-index:999;cursor: pointer;width: 0.24rem;height: 0.39rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.3rem;}
.downarr span{display: block;height: 0.39rem;position: relative;border-radius: 15px;border:2px solid #fff;}
.downarr span:After{position: absolute;left: 50%;top: 6px;width: 2px;content: "";background:#fff;height: 8px;margin-left: -1px;}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}
.downarr .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}
.downarr .iconxjt{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;font-size: 16px;position: relative;margin-top: -100px;color: #00479d;}
@keyframes down_move1
{
0% { top:-0.25rem; opacity:0;}
50% { top:0; opacity:1;}
100% { top:0.2rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@keyframes down_move2
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@-webkit-keyframes down_move2
{
	0% { top:0; opacity:0;}
	50% { top:0.7rem; opacity:1;}
	100% { top:1.2rem; opacity:0;}
}

.HomeBan{overflow: hidden;}
.HomeBan .inner{position: fixed; z-index: 1; overflow:hidden;left: 0;width: 100%;top:0;transition: all 0.5s;}
.HomeBan .item{position:relative;transition: all 0.3s;}
.HomeBan .item a{position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.HomeBan .info{z-index: 3;position: absolute;}
.HomeBan .info img{height: 15.313vw;}
.HomeBan .wap{display: none;}
.HomeBan .item .imgbox{padding-top: 100vh;}
.HomeBan .item:nth-child(1) .info{top: 7.813vw;right: 19.5vw;}
.HomeBan .item:nth-child(2) .info{top: 8vw;left: 0;width: 100%;text-align: center;}

.HomeBan .video{position: relative;padding-top: 100vh;}
.HomeBan .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.HomeBan .item.slick-current .info {display: block;}
.HomeBan .item.slick-current .info img{animation:zoomInSmall 0.5s .3s ease both;}
.HomeBan .item.slick-current .imgbox{animation:fadeInscale 8s .4s ease both;-webkit-animation:fadeInscale 8s .4s ease both;-moz-animation:fadeInscale 8s .4s ease both;}

.HomeBan .banDots{position: absolute;right: 0;bottom: 0.5rem;z-index: 110;height: 0.35rem;overflow: hidden;width: 3rem;}
.HomeBan .slick-dots{bottom: 0;}
.HomeBan .slick-prev{left: -1rem;}
.HomeBan .slick-next{right: -1rem;}
.HomeBan:hover .slick-prev{left: 2%;}
.HomeBan:hover .slick-next{right: 2%;}
.HomeBan .slick-dots li{background:rgba(255,255,255,0.3);}
.HomeBan .slick-dots .slick-active{background-color: #fff;}


.titHead{text-align: center;line-height: 1.25;padding-bottom: 0.73rem;}
.titHead h2{position: relative;z-index: 2;}
.titHead .en{position:absolute;left: 0;width: 100%;top: 0.1rem;background: url(../images/title-line-black.png) repeat;-webkit-background-clip: text;color: transparent;text-transform: uppercase;font-family: "BarlowSemiBold";font-size: 0.6rem;}
.MainBox{position: relative;z-index: 1;background-color: #fff;}

/*  */
.homePro{position: relative;overflow: hidden;padding: 5.99vw 0;margin-top: 100vh;}
.homePro .bg{position: absolute;top: 0;width: 50%;left:50%;height: 100%;z-index: 0;margin-left: -25%;}
.homePro .bg:After{position: absolute;top: 0;width: 100%;left:0;height: 100%;background-image: linear-gradient(to bottom, #f5f5f5 , #fff);content: "";transform: skew(-18.8deg);z-index: 0;}
.homePro:before{position: absolute;bottom: 8.333vw;width: 83.333vw;left:50%;content: "";transform: translateX(-50%);height: 17.135vw;background: url(../images/devon.png) no-repeat center center/contain;z-index: 1;}
.homePro .bigImg{margin-bottom: 3.75vw;position: relative;}
.homePro .bigImg .slick-list{padding: 0 5% !important;margin: 0 -3%;}
.homePro .bigImg .item:not(.slick-current){padding: 0 0.15rem;}
.homePro .bigImg .item a{width: 10.417vw;}
.homePro .bigImg .imgbox{padding-top: 23.229vw;width: 10.417vw;transition: all 0.5s;}
.homePro .bigImg .item:hover:not(.slick-current) .imgbox{transform: scale(1.05);}
.homePro .bigImg .info{padding-left: 0.25rem;display: none;}
.homePro .bigImg .info .title{margin-bottom: 0.31rem;width: 2.88rem;}
.homePro .bigImg .info .desc{height: 0;transition: all .5s;opacity: 0;margin-bottom: 0;}
.homePro .bigImg .info .desc p{position: relative;padding-left: 0.22rem;}
.homePro .bigImg .info .desc p:before{position: absolute;left: 0;top: 0.12rem;width: 0.14rem;height: 0.14rem;background: url(../images/ico_yes2.svg) no-repeat center center/contain;content: "";}
.homePro .bigImg .item:hover .desc{height: 1.8rem;opacity: 1;margin-bottom: 0.3rem;overflow: hidden;}
.homePro .bigImg .slick-current .info{display: block;}
.homePro .bigImg .slick-current .imgbox{width: 17.448vw;}
.homePro .bigImg .item.slick-current a{width: 41vw;}
.homePro .bigImg .item.slick-current .tit{animation:fadeInUp 1s ease both;-webkit-animation:fadeInUp 1s ease both;-moz-animation:fadeInUp 1s ease both;}
.homePro .bigImg .item.slick-current p{animation:fadeInUp 1s 0.2s ease both;-webkit-animation:fadeInUp 1s 0.2s ease both;-moz-animation:fadeInUp 1s 0.2s ease both;}
.homePro .bigImg .item.slick-current .moreBtn{animation:fadeInUp 1s 0.35s ease both;-webkit-animation:fadeInUp 1s 0.35s ease both;-moz-animation:fadeInUp 1s 0.35s ease both;}

.homePro .bigImg .slick-arrow{width: 24%;height: 100%;top: 0;margin: 0;transform: skew(0);background-color: transparent;opacity: 0;}
.homePro .bigImg .slick-arrow:hover{opacity: 1;}
.homePro .bigImg .slick-prev{left: -1.7%;background-image: linear-gradient(to right, rgba(255,255,255,0.9) 40% , rgba(255,255,255,0));}
.homePro .bigImg .slick-next{right: -1.7%;background-image: linear-gradient(to left, rgba(255,255,255,0.9) 40% , rgba(255,255,255,0));}
.homePro .bigImg .slick-arrow:after{transform: skew(0);background-color: var(--red-color);width: 0.6rem;height: 0.6rem;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: 0 0 30px rgba(0,0,0,0.3);border-radius: 5px;}

.homePro .bigImg .mask{position: absolute;width: 25%;content: "";left: -1.5%;top: 0;height: 100%;z-index: 10;}
.homePro .bigImg .rmask{left: auto;right: -1.5%;}
.homePro .bigImg .slick-prev:hover{opacity: 1;}
.homePro .bigImg .slick-prev:hover{opacity: 1;}

.homePro .smallImg{padding: 0 7.813vw;}
.homePro .smallImg .item{cursor: pointer;text-align: center;}
.homePro .smallImg .item{cursor: pointer;text-align: center;}
.homePro .smallImg .item a{height: 0.7rem;}
.homePro .smallImg .item .line{height: 1px;flex: 1;background-color: #dddddd;}
.homePro .smallImg .item .ico-zoom{width: 0.5rem;height: 0.5rem;margin: 0 0.05rem;transition: all 0.5s;}
.homePro .smallImg .item .ico-zoom .i2{width:80%;height:80%;}
.homePro .smallImg .item .ico-zoom:after{left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: var(--red-color);width: 0;height: 0;transition: all 0.5s;content: "";position: absolute;}
.homePro .smallImg .item.slick-current .ico-zoom,
.homePro .smallImg .item:hover .ico-zoom{width: 0.7rem;height: 0.7rem;margin: 0 0.1rem;}
.homePro .smallImg .item.slick-current .ico-zoom:after,
.homePro .smallImg .item:hover .ico-zoom:after{width: 100%;height: 100%;}
.homePro .smallImg .slick-arrow{background-color: transparent;opacity: 0.6;top: 54%;}
.homePro .smallImg .slick-arrow:hover{background-color: var(--red-color);opacity: 1;}
.homePro .smallImg .slick-prev:after{background-image: url(../images/arr_left_gray.svg);}
.homePro .smallImg .slick-prev:hover:after{background-image: url(../images/arr_left_white.svg);}
.homePro .smallImg .slick-next:after{background-image: url(../images/arr_right_gray.svg);}
.homePro .smallImg .slick-next:hover:after{background-image: url(../images/arr_right_white.svg);}

/*  */
.homeAbout{height: 99.99vh;position: relative;overflow: hidden;background-color: #fff;}
.homeAbout .blank{position: absolute;left: 0;top: -10vh;height: 10vh;width: 100%;z-index: -1;}
.homeAbout .logo{position:absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;transition: all 0.6s;}
.homeAbout .logo img{width: 100%;height: 100%;object-fit: cover;transition: all 1s 0.5s;}
.homeAbout .imgbox{position: absolute;height: 100%;z-index: 1;left: 0;top: 0;width: 100%;opacity: 0.8;transition: all 0.5s;}
.homeAbout .content{background-color: var(--blue-color-op9);min-height: 100vh;top: 100%;position: relative;z-index: 100;color: #fff;transition: all 1s 0.5s;}
.homeAbout .titHead{padding-bottom:0.5rem;}
.homeAbout .titHead h2:after{width: 1.46rem;height: 0.31rem;content: "";display: inline-block;vertical-align: middle;background: url(../images/devon.svg) no-repeat center center/contain;margin: -0.07rem 0 0 0.04rem;}
.homeAbout .titHead p{opacity: 0.05;}
.homeAbout .detail{width: 6.6rem;}
.homeAbout .info{margin-bottom: 4.427vw;}
.homeAbout .numList{width: 3.48rem;}
.homeAbout .numList .item:not(:last-child){padding-bottom: 5.729vw;}
.homeAbout .numList .item .num{line-height: 0.66rem;font-size: 0.72rem;	font-family: "BarlowSemiBold";}
.homeAbout .bg{position: absolute;width: 6rem;height: 100%;content: "";right: 0;bottom: 0;background-color: var(--red-color-op8);z-index: 1;clip-path: polygon(calc(406 / 550* 100%) 0, 100% 0, 100% 100%, 0 100%);}
.homeAbout .blank{width: 100%;height: 3rem;position: absolute;left: 0;top: -3rem;}
.homeAbout .content .w1600{opacity: 0;transition: all 0.5s;}
.homeAbout.active .logo img{transform: scale(5);}
.homeAbout.out .logo{opacity: 0 !important;}
.homeAbout.out .imgbox{opacity: 1;}
.homeAbout.out .content{top: 0;}
.homeAbout.out .content.in .w1600{opacity: 1;}
.homeAbout.out .content.in .detail{animation:fadeInRightSmall 0.4s .7s ease both;-webkit-animation:fadeInRightSmall 0.4s .7s ease both;-moz-animation:fadeInRightSmall 0.4s .7s ease both;}
.homeAbout.out .content.in .numList{animation:fadeInLeftSmall 0.4s .7s ease both;-webkit-animation:fadeInLeftSmall 0.4s .7s ease both;-moz-animation:fadeInLeftSmall 0.4s .7s ease both;}
.homeAbout.out .content.in .numList .item:nth-child(1) .ticker-board{animation:bounceIn 0.4s .7s ease both;-webkit-animation:bounceIn 0.4s .7s ease both;-moz-animation:bounceIn 0.4s .7s ease both;}
.homeAbout.out .content.in .numList .item:nth-child(2) .ticker-board{animation:bounceIn 0.5s .7s ease both;-webkit-animation:bounceIn 0.5s .7s ease both;-moz-animation:bounceIn 0.5s .7s ease both;}
.homeAbout.out .content.in .numList .item:nth-child(3) .ticker-board{animation:bounceIn 0.6s .7s ease both;-webkit-animation:bounceIn 0.6s .7s ease both;-moz-animation:bounceIn 0.6s .7s ease both;}

/*  */
.homeNews{padding: 7.5vw 0 4.115vw;position: relative;overflow: hidden;}
.homeNews .bg{position: absolute;width: 10.5rem;height: 100%;content: "";right: 0;top: 0;background-color: #f6f6f6;z-index: 1;clip-path: polygon(calc(418 / 980* 100%) 0, 100% 0, 100% 100%, 0 100%);z-index: 0;}
.homeNews .slider{margin-bottom: 0.4rem;}
.homeNews .item{padding: 0 2.083vw;}
.homeNews .item a{display: block;border-bottom: 1px solid #e5e5e5;position: relative;}
.homeNews .item a:after{position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;content: "";background-color: var(--red-color);transition: all 0.5s;}
.homeNews .item .imgbox{padding-top: 66.666%;margin-bottom: 0.34rem;}
.homeNews .item .tit{margin-bottom: 0.07rem;}
.homeNews .item .desc{min-height: 0.6rem;margin-bottom: 0.47rem;}
.homeNews .item:hover a:after{width: 100%;}
.homeNews .slick-arrow{top: 33%;}
.homeNews .slick-prev{left: 0.1rem;}
.homeNews .slick-next{right: 0.1rem;}

/*  */
.homeSaleAfter{padding: 13.229vw 0;position: relative;overflow: hidden;}
.homeSaleAfter .bg{position: absolute;width: 21.146vw;height: 100%;content: "";right: 0;top: 0;background-color: var(--red-color-op8);z-index: 1;clip-path: polygon(calc(406 / 550* 100%) 0, 100% 0, 100% 100%, 0 100%);}
.homeSaleAfter .imgbox{position: absolute;left: 50%;top: 0;width: 100%;height: 101%;z-index: -1;transform: translateX(-50%);}
.homeSaleAfter .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(35,40,48,0.3);z-index: 2;transition: all 0.5s;}
.homeSaleAfter:hover .imgbox:after{background-color: rgba(35,40,48,0.5);}
/* .homeSaleAfter .imgbox img{width: 120%;} */
.homeSaleAfter .content{max-width: 12.38rem;width:88%;margin: 0px auto;color: #fff;position: relative;z-index: 10;}
.homeSaleAfter .inner{width: 4.2rem;}
.homeSaleAfter .inner aside{margin-bottom: 0.16rem;}
.homeSaleAfter .ewm{display: flex;align-items: center;margin-top: 0.1rem;max-width: 3.6rem;padding: 0.09rem;border: 1px solid rgba(255,255,255,0.1);background-color: rgba(255,255,255,0.2);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.homeSaleAfter .ewm .img{width: 1.3rem;height: 1.3rem;position: relative;}
.homeSaleAfter .ewm .img i{position: absolute;width: 0.12rem;height: 0.12rem;z-index: 10;border: 0.02rem solid transparent;}
.homeSaleAfter .ewm .img i:nth-child(1){left: 0;top: 0;border-left-color: var(--red-color);border-top-color: var(--red-color);}
.homeSaleAfter .ewm .img i:nth-child(2){right: 0;top: 0;border-right-color: var(--red-color);border-top-color: var(--red-color);}
.homeSaleAfter .ewm .img i:nth-child(3){left: 0;bottom: 0;border-left-color: var(--red-color);border-bottom-color: var(--red-color);}
.homeSaleAfter .ewm .img i:nth-child(4){right: 0;bottom: 0;border-right-color: var(--red-color);border-bottom-color: var(--red-color);}
.homeSaleAfter .ewm .img img{width: 100%;height: 100%;display: block;}
.homeSaleAfter .ewm .icon{margin-bottom: 0.05rem;width: 0.32rem;height: 0.32rem;position: relative;}
.homeSaleAfter .ewm .icon::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.03rem;
    background: var(--red-color);
    border-radius: 2px;
    animation: scanMove 2.5s infinite linear;
}
@keyframes scanMove {
    0% {top:4px;}
    50% {top:calc(0.32rem - 7px);}
    100% {top:4px;}
}
.homeSaleAfter .ewm .icon img{display: block;height: 0.32rem;}
.homeSaleAfter .ewm .txt{flex: 1;padding-left: 0.28rem;line-height: calc(28 / 18);}
.homeSaleAfter .pro{display: block;border-bottom: 0.02rem solid #fff;padding: 0.09rem 0;color: #fff;position: relative;}
.homeSaleAfter .pro:before{width: 0;bottom:0;height: 0.02rem;bottom: -0.02rem;content: "";background-color: var(--red-color);position: absolute;transition: all 0.5s;}
.homeSaleAfter .pro:after{position: absolute;content: "";right: 0;top:50%;background: url(../images/arr_right_white.svg) no-repeat center center/contain;width: 0.07rem;height: 0.12rem;transform: translateY(-50%);transition: all 0.6s;}
.homeSaleAfter .pro:hover:before{width: 100%;}
.homeSaleAfter .pro:hover:after{background: url(../images/arr_right_red.svg) no-repeat center center/contain;right: -0.05rem;}
.homeSaleAfter .search 	{border-bottom: 0.02rem solid #fff;position: relative;}
.homeSaleAfter .search input{width: calc(100% - 0.32rem);height: 0.48rem;width: 100%;color: #fff;}
.homeSaleAfter .search input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}
.homeSaleAfter .search button{position: absolute;right: 0;top: 0;width: 0.32rem;height: 100%;background: url(../images/ico_so2.svg) no-repeat center center/contain;}
.homeSaleAfter .search button:hover{opacity: 0.8;}

/* 首页 end */
@media(max-width:1024px){
	.HomeBan .pc{display: none;}
	.HomeBan .wap{display: block;}
	.HomeBan .info img{height: 2.94rem;}
	.HomeBan .item:nth-child(1) .info{top: 1.5rem;}
	.HomeBan .item:nth-child(2) .info{top: 2.3rem;}

	.homeAbout{height: auto;}
	.homeAbout .imgbox{opacity: 1;}
	.homeAbout .logo{display: none;}
	.homeAbout .content{top: 0;padding: 7.5vw 0;min-height: auto;}
	.homeAbout .content .w1600{opacity: 1;}
	.homeAbout .bg{width: 31.25vw;height: 50%;clip-path: polygon(calc(552 / 550* 100%) 0, 100% 0, 100% 100%, 0 100%);}

	.homePro{padding: 7.5vw 0;}
	.homePro .bigImg .info .desc{display: none !important;}
	.homePro .bigImg .imgbox{width: 1.5rem;}
	.homePro .bigImg .slick-list{padding: 0 !important;margin: 0;}
	.homePro .bigImg .item.slick-current a{width: 580px;}
	.homePro .bigImg .slick-current .imgbox{width: 2rem;}

	.homeNews .slick-dots{position: static;margin-top: 0.1rem;}
}
@media(max-width:768px){
	.homePro .bigImg{margin-bottom: 0.8rem;}
	.homePro .bigImg .slick-list{margin: 0;padding: 0 !important;}
	.homePro .bigImg .item{padding:  0!important;}
	.homePro .bigImg .item.slick-current a,.homePro .bigImg .item a{width: auto;}
	.homePro .bigImg .imgbox{width: 40% !important;padding-top: 40% !important;}
	.homePro .bigImg .slick-current .info{width: 60%;}
	.homePro .bigImg .info .title{width: 100%;}

	.homeSaleAfter .inner:not(:last-child){padding-bottom: 0.5rem;}
	.homeSaleAfter .bg{clip-path: polygon(calc(663 / 550* 100%) 0, 100% 0, 100% 100%, 0 100%);}
	.homeSaleAfter .inner{width: 5.2rem;}
	.homeSaleAfter .ewm{max-width: 100%;}
	.homeSaleAfter .ewm .img{width: 1.8rem;height: 1.8rem;}
}

/*20261029*/
.ewmpop{position: fixed;left: 10%;bottom: 10%;z-index: 1001;border-radius: 0.1rem;background-color: #e60012;display: flex;align-items: center;box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.ewmpop .close{position: absolute;right: 0.08rem;top: 0.08rem;z-index: 10;width: 0.3rem;height: 0.3rem;background: url(../images/close3.svg) no-repeat center center/0.2rem 0.2rem;cursor: pointer;}
.ewmpop .ewm{width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: center;border-radius: 0.06rem 0 0 0.05rem;background: url(../images/ewm_leftbg.jpg) no-repeat center center/cover;}
.ewmpop .ewm img{width: 1.48rem;height: 1.48rem;border-radius: 50%;}
.ewmpop .info{height: 2.5rem;width: 2.5rem;background: url(../images/ewm_rightbg.jpg) no-repeat center center/cover;border-radius: 0.05rem;padding: 0.2rem 0.1rem 0.2rem 0.2rem;display: flex;flex-direction: column;justify-content: center;}
.ewmpop .info h2{font-size: 0.24rem;color: #e60012;line-height: 1.25;}
.ewmpop .info .txt{line-height: 0.28rem;color: #333333;margin: 0.12rem 0 0.28rem;}
.ewmpop .info .ti{font-size: 0.14rem;color: #e60012;}
@media(max-width:480px){
	.ewmpop .info .txt{font-size: 12px;margin-bottom: 0.15rem;}
	.ewmpop .info .ti{font-size: 0.18rem;}
}