/* banner */
.banner{position: relative;overflow: hidden;}
.banner a{display: block;overflow: hidden;padding-bottom: 100vh;position: relative;}
.banner a 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);}
.banner .swiper-pagination{bottom: 2.8rem;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 3.33rem;height: 2px;margin: 0 5px;border-radius: 0;opacity: 1;background: rgba(255, 255, 255, 0.3);position: relative;}
.banner .swiper-pagination .swiper-pagination-bullet::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #FFFFFF;transform-origin:left center;transform: scale(0,1);}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transform: scale(1);transition:all 4.5s linear;}

/* indexPage */
.indexPage{padding-top: 3.2rem;}


/* isect1 */
.isect1{padding: 3.66rem 0 3rem;}
.isect1 ul li{width: 66.875%;margin-bottom: 1.875%;}
.isect1 ul li .wrap{display: block;height: 0;padding-bottom: 47.66%;position: relative;overflow: hidden;}
.isect1 ul li .wrap::before{content: "";width: 100%;height: 10.26rem;position: absolute;left: 0;bottom: 0;z-index: 2;background-image: linear-gradient(rgba(1,45,70,0.01), #001837);opacity: 0.66;}
.isect1 ul li .wrap .text{position: absolute;left: 0;bottom: 0;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 1.76rem 1.33rem;max-width: 24.66rem;color: #FFFFFF;line-height: 0.8rem;}
.isect1 ul li .wrap .text .tit{line-height: 1.2rem;margin-bottom: 10px;}
.isect1 ul li.li2,
.isect1 ul li.li3,
.isect1 ul li.li5{width: 31.25%;}
.isect1 ul li.li2 .wrap,
.isect1 ul li.li3 .wrap{padding-bottom: 102%;}
.isect1 ul li.li5 .wrap{padding-bottom: 72%;}
.isect1 ul li.li2,
.isect1 ul li.li4{float: right;}
.isect1 ul li.li6{width: 43.75%;margin: 0 1.875%;}
.isect1 ul li.li6 .wrap{padding-bottom: 51.42%;}
.isect1 ul li.li7{width: 21.25%;}
.isect1 ul li.li7 .wrap{padding-bottom: 105.88%;background: #4898FC;color: #fff;}
.isect1 ul li.li7 .wrap:before{display: none;}
.isect1 ul li.li7 .wrap span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.isect1 ul li.li7 .wrap:hover{background: #014BA7;}

/* isect2 */
.isect2{position: relative;}
.isect2 .bgContainer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isect2 .bgContainer .swiper-wrapper,
.isect2 .bgContainer .swiper-slide{height: 100%;}
.isect2 .bgContainer .wrap{height: 100%;width: 100%;position: relative;overflow: hidden;}
.isect2 .bgContainer .wrap::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: #040D36;opacity: 0.5;}
.isect2 .bgContainer em{transition: 1s linear 2s;transform: scale(1.05,1.05);}
.isect2 .bgContainer .swiper-slide-active em,.isect2 .bgContainer .swiper-slide-duplicate-active em{transition: 2s linear; transform: scale(1,1);}
.isect2 .iTitle{position: absolute;left: 50%;top: 4rem;transform: translateX(-50%);z-index: 3;}
.isect2 .tabs{position: relative;z-index: 2;display: flex;}
.isect2 .tabs li{flex: 19.8%;border-left: 1px solid rgba(255, 255, 255, 0.3);}
.isect2 .tabs li:first-child{border: none;}
.isect2 .tabs li .wrap{display: block;height: 32rem;box-sizing: border-box;text-align: center;color: #fff;padding: 16.8rem 1rem 0;position: relative;z-index: 6;}
.isect2 .tabs li .wrap .icon{height: 1.33rem;filter: brightness(0) invert(1);}
.isect2 .tabs li .wrap .tit{line-height: 1.2rem;margin: 1.4rem 0 1.2rem;font-weight: normal;}
.isect2 .tabs li .wrap .text{height: 0;overflow: hidden;transform: translateY(50px);opacity: 0;}
.isect2 .tabs li .wrap p{line-height: 0.93rem;height: 2.79rem;overflow: hidden;padding: 0 1rem;margin-bottom: 3rem;}
.isect2 .tabs li .wrap .moreBtn{margin: 0 10px;background: rgba(254, 254, 254, 0.1);}
.isect2 .tabs li.active{flex: 40.6%;}
.isect2 .tabs li.active .wrap .text{height: 7.4rem;transition-delay: 0.3s;transform: translateY(0);opacity: 1;}


/* isect3 */
.isect3{padding: 3.33rem 0;overflow: hidden;}
.isect3 .container{padding-bottom: 2.4rem;position: relative;}
.isect3 .container .swiper-slide{width: auto;}
.isect3 .container .wrap{display: block;width: 28.53rem;position: relative;overflow: hidden;}
.isect3 .container .wrap em{display: block;height: 0;padding-bottom: 60.86%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect3 .container .wrap .text{position: absolute;left: 0;bottom: 1.2rem;z-index: 2;width: 100%;box-sizing: border-box;padding: 0 1.1rem;color: #FFFFFF;font-weight: bold;line-height: 1.33rem;}
.isect3 .container .wrap .text .label{margin-bottom: 10px;padding-left: 0.5rem;position: relative;line-height: 1;}
.isect3 .container .wrap .text .label::before{content: "";width: 3px;height: 0.4rem;background: #FFFFFF;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.isect3 .container .wrap .text .label b:last-child{display: none;}
.isect3 .container .swiper-pagination{top: auto;bottom: 0;background: #EAEAEA;height: 2px;z-index: 1;}
.isect3 .container .swiper-pagination .swiper-pagination-progressbar-fill{background: #1A2A75;}

/* isect4 */
.isect4{padding: 2.4rem 0 3.7rem;background: #F0F4F8;}
.isect4 .iTitle .moreBtn{background: #FEFEFE;color: #666666;}
.isect4 .tabs{padding-right: 1.1rem;}
.isect4 .tabs li{margin-right: 1.2rem;}
.isect4 .tabs li a{display: block;position: relative;color: #666666;line-height: 1.2rem;padding-bottom: 0.5rem;}
.isect4 .tabs li a::before{content: "";width: 1.2rem;height: 4px;background: #014BA7;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%) scale(0,1);opacity: 0;}
.isect4 .tabs li.active a{color: #014BA7;}
.isect4 .tabs li.active a:before{transform: translateX(-50%) scale(1);opacity: 1;}
.isect4 .container{position: relative;overflow: hidden;}
.isect4 .innerScroll{position: relative;overflow: hidden;width: 54.375%;/*padding: 0 10px 10px 0;*/}
.isect4 .innerScroll .wrap{display: block;height: 0;padding-bottom: 18.66rem;position: relative;overflow: hidden;}
.isect4 .innerScroll .wrap::before{content: "";position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;height: 5rem;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));}
.isect4 .innerScroll .text{position: absolute;left: 0;bottom: 1.3rem;width: 100%;box-sizing: border-box;padding: 0 5rem 0 1.5rem;color: #fff;line-height: 1rem;z-index: 3;}
.isect4 .innerScroll .text .date{line-height: 0.7rem;font-family: "Din";margin-bottom: 10px;}
.isect4 .innerScroll .text .tit{font-weight: normal;}
.isect4 .innerScroll .swiper-pagination{left: auto;right: 1.33rem;bottom: 1.4rem;width: auto;}
.isect4 .list1{width: 43.75%;}
.isect4 .list1 li{width: 48.57%;margin-top: 0.9rem;}
.isect4 .list1 li:first-child,
.isect4 .list1 li:nth-child(2){margin-top: 0;}
.isect4 .list1 li:nth-child(2n){float: right;}
.isect4 .list1 li .wrap{background: #FFFFFF;display: block;}
.isect4 .list1 li .pic{height: 0;padding-bottom: 7.96rem;position: relative;overflow: hidden;}
.isect4 .list1 li .text{height: 4.7rem;box-sizing: border-box;padding: 0 0.83rem;display: flex;align-items: center;}
.isect4 .list1 li .text .box{width: 100%;}
.isect4 .list1 li .text .date{color: #B0B0B0;line-height: 0.7rem;margin-bottom: 8px;font-family: "Din";}
.isect4 .list1 li .text .tit{color: #333333;line-height: 0.93rem;font-weight: normal;}
.isect4 .list1 li .wrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);}
.isect4 .list1 li .wrap:hover .text .tit{color: #014BA7;}
.isect4 .list1_1 li:nth-child(3) .pic,
.isect4 .list1_1 li:nth-child(4) .pic{display: none;}
.isect4 .slide1 .list1 li:nth-child(3) .text,
.isect4 .slide1 .list1 li:nth-child(4) .text{height: 5.13rem;}
.isect4 .slideLeft{width: 56.25%;}
.isect4 .slideLeft li{width: 50%;box-sizing: border-box;padding-right: 1rem;}
.isect4 .slideLeft .wrap{display: block;background: #FFFFFF;}
.isect4 .slideLeft .wrap .pic{padding-bottom: 10rem;position: relative;overflow: hidden;}
.isect4 .slideLeft .text{padding: 0.9rem 1rem 2rem;height: 8.66rem;box-sizing: border-box;}
.isect4 .slideLeft .text .date{color: #B0B0B0;line-height: 0.7rem;font-family: "Din";}
.isect4 .slideLeft .text .tit{color: #333333;line-height: 1.1rem;font-weight: normal;height: 2.2rem;overflow: hidden;margin: 0.6rem 0;}
.isect4 .slideLeft .text .desc{color: #666666;line-height: 0.8rem;height: 1.6rem;overflow: hidden;}
.isect4 .slideLeft a:hover .tit{color: #014BA7;}
.isect4 .slideLeft a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);}
.isect4 .slide2 .list1{width: 43.75%;}
.isect4 .slide2 .list1 .text{height: 5.63rem;}

/* isect5 */
.isect5{background: url(../image/isect5Bg1.jpg) no-repeat center top;background-size: cover;position: relative;}
.isect5 .leftWrap{width: 47.5%;padding: 4.56rem 0 5.46rem;}
.isect5 .leftWrap .txt{color: #333333;line-height: 1.2rem;height: 4.8rem;overflow: hidden;margin-bottom: 3.3rem;}
.isect5 .right{width: 47.9%;position: absolute;right: 0;top: 0;height: 100%;background: url(../image/isect5Bg2.jpg) no-repeat center;background-size: cover;overflow: hidden;}
.isect5 .right li{width: 50%;height: calc(50% + 1px);border: 1px solid rgba(255, 255, 255, 0.3);margin: -1px 0 0 -1px;box-sizing: border-box;padding: 3.9rem 1rem 0;text-align: center;color: #FFFFFF;line-height: 0.93rem;transition:all 0.3s linear;}
.isect5 .right li:nth-child(3),
.isect5 .right li:nth-child(4){padding-top: 2.9rem;}
.isect5 .right li .icon{height: 1.66rem;}
.isect5 .right li .tit{line-height: 1.4rem;margin: 0.8rem 0 8px;font-weight: normal;}
.isect5 .right li .desc{max-width: 305px;margin: 0 auto;}
.isect5 .right li:hover{background: rgba(26, 42, 117, 0.15);}
.isect5 .right li:hover .icon{transform: scale(0.7);}

/* isect6 */
.isect6{padding: 3.2rem 0 2.4rem;background: url(../image/isect6Bg.jpg) no-repeat center top;background-size: cover;}
.isect6 .container{padding: 10px 10px 2.6rem;position: relative;width: 100%;margin-left: -10px;overflow: hidden;}
.isect6 .container .paginationStyle{bottom: 0;}
.isect6 .container li{width: 19.25%;margin: 0 0.8% 0.8% 0;}
.isect6 .container li:nth-child(5n){margin-right: 0;}
.isect6 .container .wrap{width: 100%;height: 0;background: #FFFFFF;display: block;padding-bottom: 38%;position: relative;}
.isect6 .container .wrap  span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isect6 .container .wrap img{max-width: 60%;max-height: 50%;}
.isect6 .container .wrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);}



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

}

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

@media screen and (max-width: 1320px){
	.indexPage{padding-top: 2.8rem;}
.banner a{padding-bottom: 49.48%;}
.banner .swiper-pagination{bottom: 1rem;}
.isect2 .tabs li .wrap{height: 29rem;padding: 13rem 0.5rem 0;}
.isect2 .tabs li .wrap p{padding: 0;margin-bottom: 1.5rem;}
.isect5 .leftWrap{padding: 3.5rem 0 4rem;}
.isect5 .leftWrap .txt{margin-bottom: 2.5rem;}
.isect5 .right li{padding: 2.6rem 1rem 0;}
.isect5 .right li .icon{height: 1.2rem;}
.isect5 .right li .tit{margin-top: 0.5rem;}
.isect5 .right li:nth-child(3), .isect5 .right li:nth-child(4){padding-top: 2rem;}

.isect4 .innerScroll .wrap{padding-bottom: 15.66rem;}
.isect4 .list1 li .pic{padding-bottom: 5.96rem;}
.isect4 .list1 li .text{height: 4.2rem;}
.isect4 .slide1 .list1 li:nth-child(3) .text, .isect4 .slide1 .list1 li:nth-child(4) .text{height: 4.6rem;}
.isect4 .slideLeft .wrap .pic{padding-bottom: 7rem;}
.isect4 .slide2 .list1 .text{height: 4.63rem;}
}

@media screen and (max-width: 1200px){
.isect1 ul li .wrap .text{padding: 0 0.8rem 0.8rem;}
.isect2 .tabs li .wrap .text{display: none;}
.isect2 .tabs li.active,.isect2 .tabs li{flex: 1;}
.isect3 .container .wrap .text .label{margin-bottom: 0;}
}

@media screen and (max-width: 1024px){
.isect4 .innerScroll,
.isect4 .list1,
.isect4 .slideLeft,
.isect4 .slide2 .list1{width: 100%;}
.isect4 .innerScroll{margin-bottom: 0.5rem;}
.isect4 .slideLeft{margin-bottom: 0.5rem;}
.isect4 .slideLeft li{width: 48.57%;padding-right: 0;}
.isect4 .slideLeft li:nth-child(2n){float: right;}
.isect4 .list1 li{margin-top: 0.5rem;}
}


@media screen and (max-width: 760px){
	.indexPage{padding-top: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 1rem;}
.isect1{padding: 1.5rem 0;}
.isect1 ul li .wrap .text{padding: 0 0.5rem 0.5rem;}
.isect1 ul li .wrap .text .desc{display: none;}
.isect1 ul li .wrap .text .tit{margin-bottom: 0;}
.isect1 ul li.li7 .wrap span{width: 100%;text-align: center;}
.isect2 .iTitle{top: 2rem;}
.isect2 .tabs li{overflow: hidden;}
.isect2 .tabs li .wrap{height: 18rem;padding: 12rem 10px 0;}
.isect2 .tabs li .wrap .tit{margin: 0.5rem 0;line-height: 1.2;}
.isect3,.isect4{padding: 1.5rem 0;}
.isect3 .container{padding-bottom: 1rem;}
.isect3 .container .wrap{width: 16rem;}
.isect3 .container .wrap .text{padding: 0 0.5rem;bottom: 0.6rem;line-height: 1.5;}
.isect3 .iTitle .moreBtn,
.isect4 .iTitle .moreBtn{display: none;}
.isect4 .tabs{padding-right: 0;}
.isect4 .tabs li{margin-right: 8px;}
.isect4 .tabs li:last-child{margin-right: 0;}
.isect4 .innerScroll .text{bottom: 0.5rem;padding: 0 4.5rem 0 0.5rem;}
.isect4 .innerScroll .swiper-pagination{right: 0.5rem;bottom: 1rem;}
.isect4 .list1 li .pic,
.isect4 .slideLeft .wrap .pic{padding-bottom: 70.29%;}
.isect4 .slideLeft .text{padding: 0.5rem 0.5rem 1rem;height: 5.8rem;}
.isect4 .slideLeft .text .tit{line-height: 0.8rem;height: 1.6rem;margin: 0.3rem 0;}
.isect4 .slide2 .list1 .text{height: 5rem;padding: 0 0.5rem;}
.isect4 .list1 li .text{padding: 0 0.5rem;height: 4rem;}
.isect5 .right{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.isect5 .right li,
.isect5 .right li:nth-child(3),
.isect5 .right li:nth-child(4){height: auto;padding: 1rem 0.5rem;}
.isect5 .leftWrap{width: 100%;padding: 1.5rem 0;}
.isect5 .leftWrap .txt{margin-bottom: 1.5rem;}
.isect6{padding: 1.5rem 0;}
.isect6 .container{padding-bottom: 1rem;}
.isect6 .container li{width: 49%;margin: 0 0 2%;}
.isect6 .container li:nth-child(2n){float: right;}
.isect6 .container .wrap img{max-width: 60%;max-height: 60%;}
}


@media screen and (max-width: 468px){
.banner .swiper-pagination{bottom:0.5rem;}
.isect3 .iTitle .moreBtn{display: none;}
.isect3 .container .wrap{width: 11rem;}
.isect4 .innerScroll .wrap{padding-bottom: 64.36%;}
.isect4 .iTitle{display: block;text-align: center;}
.isect4 .tabs{padding-top: 0.2rem;}
.isect4 .tabs li a{padding-bottom: 0.2rem;}
.isect4 .slide1 .list1 li:nth-child(3) .text, 
.isect4 .slide1 .list1 li:nth-child(4) .text{height: 4.5rem;}
.isect4 .slide2 .list1 .text{height: 4.15rem;}
.isect2 .tabs li .wrap{height: 12rem;padding: 8rem 10px 0;}
.isect2 .tabs li .wrap .icon{height: 0.8rem;}

.isect5 .leftWrap .txt{line-height: 1rem;margin-bottom: 1rem;}
.isect5 .right li .tit{margin:auto;}

.isect1 ul li{width: 49% !important;}
.isect1 ul li .wrap{padding-bottom: 60% !important;}
.isect1 ul li.li6{margin: 0 0 1.875%;float: right;}
.isect1 ul li.li7{display: none;}
}