/* banner */
.banner{position: relative;overflow: hidden;width: 100%;}
.banner .wrap{display: block;width: 100%;height: 100vh;position: relative;overflow: hidden;}
.banner .wrap em{transition: all 0.5s linear;opacity: 0;-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;}
.banner .control{position: absolute;left: 0;bottom: 1.87rem;width: 100%;z-index: 2;}
.banner .control .btn{height: 1.07rem;cursor: pointer;}
.banner .swiper-pagination{position: static;transform: translate(0);padding: 0 8px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 0.4rem;height: 0.4rem;margin: 0 0.2rem;background: #fff;border-radius: 0.2rem;opacity: 1;transition: 0.3s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1.2rem;}

/* 标题 */
.iTitlStyle{padding-bottom: 0.67rem;border-bottom: 1px solid #EFEFEF;margin-bottom: 1rem;color: var(--primary-color);line-height: 1.13rem;}
.iTitlStyle .icon{margin-right: 0.4rem;height: 1rem;}
.iTitlStyle .title{white-space: nowrap;}
.iTitlStyle .title::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: -0.7rem;background: var(--primary-color);}

/* isect1 */
.isect1 .contLeft{width: 67.85%;}
.isect1 .contLeft .container{width: 54.7%;}
.isect1 .contLeft .container .wrap{display: block;padding-bottom: 12.8rem;}
.isect1 .contLeft .container .wrap .bgStyle::before{content: "";width: 100%;height: 4.47rem;position: absolute;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
.isect1 .contLeft .container .wrap .tit{position: absolute;left: 0;bottom: 0.67rem;z-index: 2;box-sizing: border-box;padding: 0 3.37rem 0 0.67rem;color: #FFFFFF;line-height: 0.93rem;}
.isect1 .contLeft .container .wrap:hover .bgStyle{transform: scale(1.05);}
.isect1 .contLeft .container .swiper-pagination{left: auto;right: 0.5rem;bottom: 1rem;width: auto;display: flex;align-items: center;}
.isect1 .contLeft .container .swiper-pagination .swiper-pagination-bullet{width: 0.27rem;height: 0.27rem;margin: 0 0.13rem;background: #FFFFFF;border-radius: 50%;opacity: 0.4;}
.isect1 .contLeft .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.isect1 .contLeft ul{width: 42.1%;}
.isect1 .contLeft ul li{margin-top: 1rem;}
.isect1 .contLeft ul li:first-child{margin-top: 0;}
.isect1 .contLeft ul li a{display: block;position: relative;line-height: 0.93rem;}
.isect1 .contLeft ul li a::before{content: "";width: 0.53rem;height: 0.1rem;position: absolute;left: 0;top: 0.4rem;background: var(--primary-color);transform-origin: left center;transform: scale(0, 1);}
.isect1 .contLeft ul li .tit{color: #1A1A1A;}
.isect1 .contLeft ul li .desc{height: 0;}
.isect1 .contLeft ul li .date{font-family: "DINReg";}
.isect1 .contLeft ul li.on a{padding-left: 0.73rem;}
.isect1 .contLeft ul li.on a::before{transform: scale(1);}
.isect1 .contLeft ul li.on a .tit{color: var(--primary-color);}
.isect1 .contLeft ul li.on a .desc{height: 1.87rem;}
.isect1 .contRight{width: 29.28%;}
.isect1 .contRight li{margin-top: 1.33rem;}
.isect1 .contRight li:first-child{margin-top: 0;}
.isect1 .contRight li .date{flex-shrink: 0;display: flex;flex-shrink: 0;flex-direction: column;font-family: "DINReg";}
.isect1 .contRight li .date span{font-family: "DINProBold";height: 1.6rem;}
.isect1 .contRight li .date em{font-family: "DINReg";line-height: 1;}
.isect1 .contRight li .line{flex-shrink: 0;width: 1px;height: 1.6rem;background: #CCCCCC;margin: 0 1rem;}
.isect1 .contRight li .tit{color: #1A1A1A;flex: 1;overflow: hidden;}
.isect1 .contRight li a:hover .tit,
.isect1 .contRight li a:hover .date span,
.isect1 .contRight li a:hover .date em{color: var(--primary-color);}

/* isect2 */
.isect2::before{content: "";width: 100%;height: calc(100% + 3rem);position: absolute;left: 0;top: 0;background: url(../images/isect2_bg.jpg) no-repeat center top;background-size: cover;}
.isect2 .contLeft{width: 61.42%;box-sizing: border-box;padding: 1rem 1.33rem 1.33rem;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(229, 229, 229, 0.3);}
.isect2 .contLeft ul{margin-top: -0.73rem;}
.isect2 .contLeft ul li{border-bottom: 1px dashed #EFEFEF;}
.isect2 .contLeft ul li a{display: block;padding: 0.7rem 0;color: #1A1A1A;}
.isect2 .contLeft ul li a .date{font-family: "DINReg";line-height: 0.67rem;margin-bottom: 0.2rem;}
.isect2 .contLeft ul li a:hover{color: var(--primary-color);}
.isect2 .contRight{width: 35.74%;}
.isect2 .contRight .top{padding: 1rem 1.33rem;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(229, 229, 229, 0.3);}
.isect2 .scroll .btn{width: 0.8rem;height: 2.67rem;background: #F7F7F7;cursor: pointer;position: absolute;top: 4.53rem;}
.isect2 .scroll .btn.prev{left: -1.33rem;}
.isect2 .scroll .btn.next{right: -1.33rem;}
.isect2 .scroll .wrap{display: block;}
.isect2 .scroll .pic{padding-bottom: 11.7rem;max-width: 7.8rem;margin: 0 auto 0.67rem;}
.isect2 .scroll .pic::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,  #fff 60%);}
.isect2 .scroll .tit{max-width: 7.8rem;margin: 0 auto;line-height: 0.67rem;color: #1A1A1A;text-align: center;opacity: 0;transform: translateY(20px);}
.isect2 .scroll .wrap{transform-style: preserve-3d;perspective: 1000px;}
.isect2 .scroll .swiper-slide-prev .pic{transform: translate(6%, 0px) rotateY(18deg) scale(1.05);}
.isect2 .scroll .swiper-slide-next .pic{transform: translate(-6%, 0px) rotateY(-18deg) scale(1.05);}
.isect2 .scroll .swiper-slide-next .pic::before{background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0) 99%);}
.isect2 .scroll .swiper-slide-active .pic::before{opacity: 0;}
.isect2 .scroll .swiper-slide-active .tit{opacity: 1;transform: translateY(0);transition-delay: 0.6s;}
.isect2 .contRight ul{padding-top: 1.33rem;}
.isect2 .contRight ul li{width: 46%;}
.isect2 .contRight ul .wrap{display: block;height: 0;padding-bottom: 4.9rem;box-shadow: 0px 4px 10px 0px rgba(229, 229, 229, 0.3);}
.isect2 .contRight ul .wrap .tit{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;box-sizing: border-box;padding: 0 0.67rem;color: #FFFFFF; text-shadow: 0 4px 6px #4B4523;}
.isect2 .contRight ul .wrap:hover .bgStyle{transform: scale(1.1);}

/* isect3 */
.isect3 .container{height: 6rem;}
.isect3 .container .wrap{height: 6rem;display: block;}

/* isect4 */
.isect4 .item{width: 48.57%;}
.isect4 .tabs li{margin-right: 1.33rem;}
.isect4 .tabs li:last-child{margin-right: 0;}
.isect4 .tabs li .title{color: #AAAAAA;}
.isect4 .tabs li .title::before{transform: scale(0,1);}
.isect4 .tabs li .title .icon{filter: brightness(0) invert(0.5);}
.isect4 .tabs li.active .title{color: var(--primary-color);}
.isect4 .tabs li.active .title::before{transform: scale(1);}
.isect4 .tabs li.active .title .icon{filter: brightness(1) invert(0);}
.isect4 .list {margin-top: -0.67rem;}
.isect4 .list li{border-bottom: 1px dashed #EFEFEF;}
.isect4 .list li a{padding: 0.67rem 0;}
.isect4 .list li a::before{content: "";width: 0.2rem;height: 0.2rem;background: var(--primary-color);border-radius: 0.1rem;position: absolute;left: 0;top: 50%;margin-top: -0.1rem;}
.isect4 .list li .date{font-family: "DINReg";flex-shrink: 0;margin-left:2.27rem;}
.isect4 .list li .tit{flex: 1;overflow: hidden;box-sizing: border-box;padding-left: 0.47rem;}
.isect4 .list li a:hover::before{width: 0.5rem;}
.isect4 .list li a:hover .tit{transform: translateX(0.5rem);color: var(--primary-color);}

/* isect5 */
.isect5{padding-top: 0;background: url(../images/isect5_bg.png) no-repeat center bottom;background-size: civer;}
.isect5 .list{padding-bottom: 1.67rem;}
.isect5 .list li{width: 32.4%;margin: 0 1.35% 1.35% 0;}
.isect5 .list li:nth-child(3n){margin-right: 0;}
.isect5 .list li .wrap{height: 0;padding-bottom: 52.2%;display: block;}
.isect5 .list li .wrap::before{content: "";width: 100%;height: 2.67rem;position: absolute;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);z-index: 2;}
.isect5 .list li .wrap .tit{position: absolute;left: 0;bottom: 0.67rem;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 0.8rem;color: #FFFFFF;}
.isect5 .list li .wrap:hover .bgStyle{transform: scale(1.1);}
.isect5 .list li:nth-child(2) .wrap,
.isect5 .list li:nth-child(5) .wrap{padding-bottom: 67.4%;}
.isect5 .list li:nth-child(3) .wrap{padding-bottom: 127.97%;}
.isect5 .list li:nth-child(4){position: absolute;left: 0;top: 40%;}
.isect5 .list li:nth-child(5){position: absolute;left: 33.78%;top: 50%;}
.isect5 .btnWrap{position: absolute;left: 0;bottom: 0;z-index: 2;}
.isect5 .btnWrap .btn{width: 2rem;height: 2rem;box-sizing: border-box;border: 1px solid #999999;border-radius: 50%;cursor: pointer;margin-right: 1rem;}
.isect5 .btnWrap .btn img{height: 30%;filter: brightness(0) invert(0.5);}
.isect5 .btnWrap .btn:hover{border-color: var(--primary-color);background: var(--primary-color);}
.isect5 .btnWrap .btn:hover img{filter: brightness(0) invert(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){
.banner .wrap{height: 0;padding-bottom: 50%;}

}

@media screen and (max-width: 760px){
.banner .control{bottom: 2%;}
.banner .control .btn{height: 0.8rem;}
.banner .swiper-pagination{padding: 0;}

.iTitlStyle{padding-bottom: 0.3rem;margin-bottom: 0.6rem;}
.iTitlStyle .title::before{bottom: -0.3rem;}
.iTitlStyle .icon{height: 0.7rem;margin-right: 0.2rem;}


.isect1 .contLeft,
.isect1 .contLeft .container,
.isect1 .contLeft ul,
.isect1 .contRight{width: 100%;}
.isect1 .contLeft,
.isect1 .contLeft .container{margin-bottom: 1rem;}
.isect1 .contLeft .container .wrap{padding-bottom: 73.84%;}
.isect1 .contLeft ul li{margin-top: 0.6rem;}
.isect1 .contRight li .date span{height: 1.3rem;line-height: 1.3rem;}
.isect1 .contRight li .line{margin: 0 0.5rem;height: 1rem;}
.isect1 .contRight li{margin-top: 0.8rem;}

.isect2 .contLeft,
.isect2 .contRight{width: 100%;}
.isect2 .contLeft{padding: 0.6rem;margin-bottom: 1rem;}
.isect2 .contLeft ul{margin-top: -0.2rem;}
.isect2 .contLeft ul li a{padding: 0.5rem 0;}
.isect2 .contRight ul .wrap{padding-bottom: 63.91%;}

.isect3 .container,
.isect3 .container .wrap{height: 3rem;}

.isect4 .item{width: 100%;}
.isect4 .item1{margin-bottom: 1rem;}
.isect4 .tabs li{margin-right: 0.5rem;}
.isect4 .list li a{padding: 0.5rem 0;}
.isect4 .list li .date{margin-left: 1rem;}

.isect5 .list{padding-bottom: 0.5rem;}
.isect5 .list li{width: 49%;position: relative !important;margin-right: 0;}
.isect5 .list li:nth-child(2n){float: right;}
.isect5 .list li .wrap{padding-bottom: 67.4% !important;}
.isect5 .list li:nth-child(5){display: none;}
.isect5 .list li .wrap .tit{padding: 0 0.2rem;bottom: 0.3rem;}
.isect5 .btnWrap{position: relative;}
.isect5 .btnWrap .btn{width: 1.6rem;height: 1.6rem;margin: 0 0.1rem;}
}

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