/* banner */
.banner .wrap{display: block;width: 100%;height: 0;padding-bottom: 45%;}
.banner .wrap em{transition: all 0.5s linear;-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 0.5s linear; transform: scale(1,1);opacity: 1;}


/* 快捷入口 */
.quickAccess{width: 94%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -2.53rem;z-index: 2;flex-wrap: wrap;}
.quickAccess li{width: 16.11%;margin-right: 0.668%;}
.quickAccess li:nth-child(6n){margin-right: 0;}
.quickAccess li a{height: 5.53rem;flex-direction: column;background: #FFFFFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);color: #3D3D3D;line-height: 0.8rem;text-align: center;}
.quickAccess li a .icon{height: 1.6rem;margin-bottom: 0.8rem;}
.quickAccess li a svg{stroke-width: 1px;stroke: var(--primary-color);height: 100%;fill: none;}
.quickAccess li a:hover{box-shadow: 0px 19px 10px -9px rgba(0, 0, 0, 0.3);transform: translateY(-0.67rem);background: var(--primary-color);color: #fff;}
.quickAccess li a:hover svg{fill: transparent;stroke-dasharray: 300;stroke-dashoffset: 300;animation: svgLineAni 6s linear infinite;stroke: #ffffff;}
.quickAccess li a:hover svg path,
.quickAccess li a:hover svg polygon{stroke: #ffffff !important;}
/* .quickAccess li a:hover .icon{transform: scale(0.8);} */
@keyframes svgLineAni{
	50%{fill: transparent;stroke-width: 1px;}
	100%{stroke-dashoffset: 0;stroke-width: 0;/*fill: #FF0E1E;*/}
}

/* 标题 */
.iTitle{color: #231815;line-height: 1.25;margin-bottom: 1.33rem;}
.iTitle span{color: var(--primary-color);}
.iTitle.center{text-align: center;}
.iTitle.white{color: #fff;}

/* isect1 */
.isect1{padding: 5.2rem 0 3.33rem;background: url(../images/isect1_bg.jpg) no-repeat center;background-size: cover;}
.isect1 .pic{width: 40.7%;}
.isect1 .text{width: 54.28%;}
.isect1 .text .iTitle{margin-bottom: 0.67rem;}
.isect1 .text .desc{color: #3D3D3D;line-height: 0.87rem;margin-bottom: 2rem;max-height: 12.13rem;overflow: hidden;}

/* isect2 */
.isect2{padding: 2.33rem 0 3.33rem;background: url(../images/isect2_bg.jpg) no-repeat center;background-size: cover;}
.isect2:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);}
.isect2 .wrap{height: 8rem;box-sizing: border-box;border: 1px solid #FFFFFF;background: rgba(255, 255, 255, 0.01);backdrop-filter: blur(6px);padding: 1.17rem 1rem 0;color: #FFFFFF;text-align: center;line-height: 0.67rem;position: relative;}
.isect2 .wrap .icon{height: 1.6rem;}
.isect2 .wrap .num{line-height: 2.2rem;margin: 0.27rem 0;}
.isect2 .wrap:hover{transform: scale(0.94);}
.isect2 .wrap:hover .icon{transform: scale(0.8);}

/* isect3 */
.isect3{padding: 2rem 0;}
.isect3 .container{width: 100%;padding: 0.53rem;margin: -0.53rem 0 0 -0.53rem;}
.isect3 .wrap{display: block;}
.isect3 .wrap::before{content: "";width: 100%;height: calc(100% - 6rem);position: absolute;left: 0;bottom: 0;background: #F3F3F3;}
.isect3 .pic{height: 0;padding-bottom: 100%;}
.isect3 .pic span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isect3 .pic span img{max-width: 100%;max-height: 100%;}
.isect3 .text{padding: 0 1.33rem 1.33rem;}
.isect3 .text .desc{color: #231815;line-height: 1rem;margin-bottom: 1rem;height: 2rem;}
/* .isect3 .wrap:hover{box-shadow: 0px 0px 0.53rem 0px rgba(0, 0, 0, 0.4);} */
.isect3 .wrap:hover::before{height: 100%;box-shadow: 0px 0px 0.53rem 0px rgba(0, 0, 0, 0.4);background: #fff;}

/* isect4 */
.isect4{width: 94%;margin: 0 auto 2rem;}
.isect4 ul{display: flex;}
.isect4 ul li{flex: 1;overflow: hidden;color: #fff;}
.isect4 ul li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
.isect4 ul li .wrap{display: block;padding: 1.33rem 1.33rem 1.33rem 2rem;z-index: 3;}
.isect4 ul li .icon{height: 1.6rem;}
.isect4 ul li .iTitle{margin: 0.67rem 0;}
.isect4 ul li:hover .bgStyle{transform: scale(1.05);}
.isect4 ul li:hover::before{background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}

/* isect5 */
.isect5{padding: 2.67rem 0 3.8rem;background-position: center top;}
.isect5 .btnStyle.prev{left: -4.87rem;}
.isect5 .btnStyle.next{right: -4.87rem;}
.isect5 .swiper-pagination{position: absolute;left: 0;bottom: -1.8rem;width: 100%;}
.isect5 .swiper-pagination .swiper-pagination-bullet{width: 1.07rem;height: 4px;background: #fff;opacity: 1;border-radius: 0;margin: 0 0.33rem;transition: 0.3s;}
.isect5 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--primary-color);}
.isect5 .wrap{height: 13.7rem;box-sizing: border-box;padding: 1rem;background: url(../images/box.png) no-repeat center;background-size: 100% 100%;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);}
.isect5 .wrap .star img{height: 0.67rem;margin-right: 0.2rem;}
.isect5 .wrap .desc{margin: 0.67rem 0 1rem;line-height: 0.87rem;color: #727171;height: 6.07rem;overflow: hidden;}
.isect5 .wrap .tx{width: 2.5rem;height: 2.5rem;box-sizing: border-box;padding: 6px;flex-shrink: 0;margin-right: 0.67rem;position: relative;}
.isect5 .wrap .tx svg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;stroke: var(--primary-color);}
.isect5 .wrap .tx img{width: 100%;height: 100%;border-radius: 50%;}
.isect5 .wrap .btm .info{flex: 1;overflow: hidden;color: #727171;line-height: 0.8rem;}
.isect5 .wrap .btm .info .name{color: #3D3D3D;}
.isect5 .wrap .bg{position: absolute;right: 0.8rem;bottom: 1.77rem;width: 2rem;filter: brightness(0) invert(0.5);opacity: 0.1;}
.isect5 .wrap:hover .star img{animation: txtAni 0.45s ease-in-out forwards;opacity: 0;}
.isect5 .wrap:hover .star img:nth-child(2){animation: txtAni 0.45s ease-in-out 0.1s forwards;}
.isect5 .wrap:hover .star img:nth-child(3){animation: txtAni 0.45s ease-in-out 0.2s forwards;}
.isect5 .wrap:hover .star img:nth-child(4){animation: txtAni 0.45s ease-in-out 0.3s forwards;}
.isect5 .wrap:hover .star img:nth-child(5){animation: txtAni 0.45s ease-in-out 0.4s forwards;}
.isect5 .wrap:hover .bg{filter: brightness(1) invert(0);}
.isect5 .wrap:hover .tx svg{stroke-dasharray: 300;stroke-dashoffset: 300;animation: svgLineAni 1s linear forwards;}

@keyframes txtAni {
    0% {
    	opacity: 0;
        transform:translateY(0);
    }
    50% {
        transform:translateY(-16px);
    }
    100% {
    	opacity: 1;
        transform:translateY(0);
    }
}


/* isect6 */
.isect6{padding: 2.33rem 0 1.33rem;}
.isect6 .title{margin-bottom: 1.33rem;}
.isect6 .iTitle{margin-bottom: 0;}
.isect6 .title .moreBtnStyle{width: auto;}
.isect6 .container{width: 100%;padding: 0.67rem;margin-left: -0.67rem;}

/* isect7 */
.isect7::before{content: "";width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background: #F1F1F1;}
.isect7 .box{width: 94%;margin: 0 auto;z-index: 2; padding: 1.83rem 0;}
.isect7 .w1400{z-index: 3;}
.isect7 .moreBtnStyle{border-color: #fff;color: #fff;background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(10px);}
.isect7 .moreBtnStyle img{filter: brightness(0) invert(1);}
.isect7 .contLeft{max-width: 17.33rem;}
.isect7 .contLeft .iTitle{margin-bottom: 0.67rem;}
.isect7 .contLeft .desc{color: #231815;line-height: 1.66;}
.isect7 .box:hover .bgStyle{transform: scale(1.1);}


@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1024px){

}

@media screen and (max-width: 760px){
.iTitle{margin-bottom: 0.6rem;}

.quickAccess{position: relative;bottom: 0;padding: 0.5rem 0;}
.quickAccess li{width: 32%;margin: 0 2% 2% 0;}
.quickAccess li:nth-child(3n){margin-right: 0;}
.quickAccess li a{height: 4.8rem;}
.quickAccess li a .icon{height: 1.3rem;margin-bottom: 0.4rem;}
.quickAccess li a .title{line-height: 0.7rem;height: 1.4rem;font-size: 0.5rem;}
.quickAccess li a:hover{transform: translateY(0);}

.isect1{padding: 2rem 0;}
.isect1 > .w1400{flex-wrap: wrap;}
.isect1 .pic,
.isect1 .text{width: 100%;}
.isect1 .text{margin-top: 1rem;}
.isect1 .text .desc{margin-bottom: 1rem;}

.isect2 .wrap{background: rgba(255, 255, 255, 0.2);backdrop-filter: none;}

.isect4 ul{flex-wrap: wrap;}
.isect4 ul li{width: 100%;flex: auto;}
.isect4 ul li .wrap{padding: 0.8rem;}
.isect4 ul li .iTitle{margin: 0.3rem 0;}

.isect5{padding: 2rem 0 3rem;}
.isect5 .swiper-pagination{bottom: -1.2rem;}

.isect6{padding: 2rem 0 1rem;}

.isect7{padding: 1.2rem 0;}
.isect7 > .w1400{flex-wrap: wrap;}
.isect7 .moreBtnStyle{margin-top: 0.6rem;}

.footer .top{padding: 1.5rem 0 0.6rem;}
.footer .top .contRight{flex-wrap: wrap;}
.footer .contRight .item{width: 100%;margin-right: 0;max-width: none;}
.footer .contRight dl,
.footer .contRight dl:last-child{margin-bottom: 0.8rem;}
}

@media screen and (max-width: 468px){
}