.banner{position: relative;overflow: hidden;}
.banner .wrap{display: block;overflow: hidden;padding-bottom: 23.33rem;position: relative;}
.banner .wrap em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s linear 2s;transform: scale(1.05,1.05);}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 2s linear; transform: scale(1,1);}

/* iTitle */
.iTitle{color: #222222;line-height: 1.38;text-align: center;margin-bottom: 1.33rem;text-align: center;}
.iTitle.center{text-align: center;}


/* tabStyle */
.tabStyle{padding-top: 0.66rem;}
.tabStyle li{margin: 0 0.33rem;}
.tabStyle li a{display: block;padding: 0 0.73rem;border: 1px solid #5DAB73;border-radius: 0.6rem;line-height: 1.13rem;color: #60AD73;}

@keyframes svgAni1{to{stroke-dashoffset: 200;}}

/* isect1 */
.isect1{background: url(../images/isect1Bg.jpg) no-repeat center;background-size: cover;}
.isect1 .cont{position: relative;}
.isect1 .cont .bg{width: 100%;}
.isect1 .item{position: absolute;}
.isect1 .item1{left: 19.78%;top: 41.6%;}
.isect1 .item .dot{position: relative;width: 0.4rem;height: 0.4rem;background-color: currentColor;border-radius: 50%;color: #5DAB73;}
.isect1 .item .dot::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.isect1 .item .dot::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.isect1 .item .line{position: absolute;fill: transparent;stroke-width: 1;stroke: #60AD73;stroke-linecap: round;stroke-dasharray: 3;stroke-dashoffset: 0;animation: svgAni1 10s linear infinite;left: 50%;top: -80px;width: 4px;height: 80px;margin-left: -2px;}
.isect1 .item .btn{position: absolute;left: -12px;top: calc(-80px - 1.2rem);padding: 0 0.5rem;background: rgba(96, 173, 115, 0.8);border-radius: 0.6rem;color: #FFFFFF;line-height: 1.2rem;box-sizing: border-box;min-width: 5.4rem;word-break: keep-all;line-height: 0.86rem;padding: 0.2rem 0.5rem;}
.isect1 .item .btn .dot{color: #fff;}
.isect1 .item .btn span{margin: 0 8px 0 0.5rem;}
.isect1 .item .btn a:hover{text-decoration: underline;opacity: 0.9;}
/* isect2 */
.isect2 img{width: 100%;}
.isect2 a{display: block;padding-bottom: 12.93rem;background-repeat: no-repeat;background-position: center;background-size: cover;}

/* isect3 */
.isect3 .container{width: 100%;padding: 0 20px;margin-left: -20px;position: relative;overflow: hidden;}
.isect3 .container .top{margin-bottom: 1.33rem;}
.isect3 .left{width: 67.2%;}
.isect3 .left li{width: 50%;box-sizing: border-box;padding-right: 1rem;}
.isect3 .left .wrap{display: block;background: #FFFFFF;box-shadow: 0 12px 20px rgba(0,0,0,0.12);}
.isect3 .left .pic{padding-bottom: 8.2rem;position: relative;overflow: hidden;}
.isect3 .left .text{padding: 0.7rem;}
.isect3 .left .text .tit{color: #222222;line-height: 0.93rem;height: 1.86rem;overflow: hidden;margin-bottom: 0.26rem;}
.isect3 .left .text .date{color: #999999;line-height: 0.93rem;}
.isect3 .left .wrap:hover{box-shadow: 0 12px 20px rgba(0,0,0,0.2);}
.isect3 .right{width: 32.8%;}
.isect3 .right li{padding: 0.66rem 0;border-bottom: 1px solid #D8D8D8;}
.isect3 .right li:first-child{padding-top: 6px;padding-top: 0;}
.isect3 .right li a{display: block;line-height: 0.93rem;color: #999999;}
.isect3 .right li .tit{margin-bottom: 0.26rem;color: #222222;height: 1.86rem;overflow: hidden;}
.isect3 .right li a:hover{transform: translateY(-6px);}


/* isect4 */
.isect4{background: url(../images/isect4Bg.jpg) no-repeat center;background-size: cover;overflow: hidden;}
.isect4 .tabs{position: relative;margin-bottom: 1.33rem;margin-bottom: 0 !important;}
.isect4 .tabs .btn{position: absolute;top: calc((100% - 1.06rem) / 2);cursor: pointer;height: 1.06rem;z-index: 3;}
.isect4 .tabs .prev{left: -1.93rem;}
.isect4 .tabs .next{right: -1.93rem;}
.isect4 .tabs .btn.swiper-button-disabled{opacity: 0.5;pointer-events: none;}
.isect4 .tabs .container{width: 100%;padding: 20px 0.8rem 1rem;margin: -20px 0 0 -0.8rem;overflow: hidden;}
.isect4 .tabs .container ul li{width: 12.8%;margin: 0 1.73% 0.8rem 0;}
.isect4 .tabs .container ul li:nth-child(7n){margin-right: 0;}
.isect4 .tabs .container .li{height: 5.33rem;position: relative;}
.isect4 .tabs .container .li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;
background: rgba(255, 255, 255, 0.6);border-radius: 0.4rem;}
.isect4 .tabs .container .wrap{height: 100%;position: relative;z-index: 2;color: #222222;line-height: 2;text-align: center;}
.isect4 .tabs .container .wrap img{height: 2.66rem;margin-bottom: 0.4rem;}
.isect4 .tabs .container .li:hover::before,
.isect4 .tabs .container .li.active::before{background: #fff;box-shadow: 0 4px 14px rgba(96, 173, 115, 0.4);transform: scale(1.05);}
.isect4 .contScroll{position: relative;overflow: hidden;}
.isect4 .contScroll .pageStyle{color: #666666;}


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

@media screen and (max-width: 1300px){
.banner .wrap{padding-bottom: 40%;}
.isect1 .item .line{height: 80px;top: -80px;}
.isect1 .item .btn{top: calc(-80px - 1.2rem);}.isect2 a{padding-bottom: 11rem;}
.isect3 .left .pic{padding-bottom: 8rem;}
.isect3 .right li{padding: 0.65rem 0;}
.isect1 .cont{zoom: 0.9;}
}


@media screen and (max-width: 1200px){
.isect4 .tabs{margin-bottom: 0.6rem;}
.isect4 .tabs .container{padding: 10px;margin: 0;box-sizing: border-box;margin-top: -10px;}
.isect4 .tabs .container .li:hover::before, 
.isect4 .tabs .container .li.active::before{transform: scale(1);box-shadow: 0 0 10px rgba(96, 173, 115, 0.4);}
.isect4 .tabs .next{right: -1rem;}
.isect4 .tabs .prev{left: -1rem;}

.isect4 .tabs .container ul li{width: 15%;margin: 0 2% 2% 0;}
.isect4 .tabs .container ul li:nth-child(7n){margin-right: 2%;}
.isect4 .tabs .container ul li:nth-child(6n){margin-right: 0;}
}

@media screen and (max-width: 760px){
.isect1{overflow: hidden;}
.isect1 .cont{margin-top: 30px;}
.isect1 .item .line{height: 80px;top: -80px;}
.isect1 .item .btn{top: calc(-80px - 1.2rem);z-index: 3;font-size: 12px;min-width: auto;padding: 0.1rem 0.3rem;top: calc(-30px - 1.2rem);line-height: 0.56rem;}
.isect1 .item .btn span{margin: 0 4px;}
.isect1 .item .line{height: 60px;top: -60px;}
.isect1 .item .dot{width: 0.3rem;height: 0.3rem;}
.isect1 .cont{zoom: 0.8;}
.isect2 a{padding-bottom: 24%;}
.isect3 .container .top{margin-bottom: 0.8rem;}
.isect3 .left,.isect3 .right{width: 100%;}
.isect3 .right{margin-top: 1rem;}
.isect3 .right li{padding: 0.6rem 0;}
.isect3 .right li .tit{height: auto;max-height: 1.86rem;font-weight:normal;}
.isect3 .left li{width: 49%;padding: 0 1%;}
.isect3 .left .text{padding: 0.4rem;}
.isect3 .left .text .tit{font-weight:normal;}
.isect3 .left .pic{padding-bottom: 55.9%;}
.isect4 .tabs .btn img{height: 20px;}
.isect4 .tabs .next{right: -10px;}
.isect4 .tabs .prev{left: -10px;}

.iTitle{margin-bottom: 0.8rem;}
.tabStyle li{margin: 0 0.2rem;}
.tabStyle li a{padding: 0 0.5rem;line-height: 0.9rem;}


.isect4 .tabs .container ul li{width: 32%;margin: 0 2% 2% 0;}
.isect4 .tabs .container ul li:nth-child(6n){margin-right: 2%;}
.isect4 .tabs .container ul li:nth-child(3n){margin-right: 0;}
}

@media screen and (max-width: 468px){
.isect4 .tabs .container .li{height: 3.5rem;}
.isect4 .tabs .container .wrap img{height: 1.6rem;margin-bottom: 0.2rem;}
.isect3 .right li{padding: 0.3rem 0;}

.isect4 .tabs .container ul li{width: 49%;margin-right: 0 !important;}
.isect4 .tabs .container ul li:nth-child(2n){float: right;}
}