.section2{position: relative;}
.section2 .main{position: relative;min-height: 675px;}
.placeholder{opacity: 0;z-index: -1;}
.banner-group img{width: 100%;max-width: 1920px;min-width: 1200px;margin: auto;}
.banner-group .banner-list{width: 100%;}
.banner-group .banner-list{position: absolute;left: 0;top: 0;}

.page-nav{width: 200px;position: absolute;right: 10vw;bottom: 240px;z-index: 99;}
.page-nav .nav-name{color: #fff;}
.page-nav li{display: flex;}
.page-nav a{display: flex;position: relative; margin-left:auto;opacity: 0.6;transition: all 0.3s;}
.page-nav a p{font-size: 12px;line-height: 26px;}
.page-nav .line{width: 10px;height: 2px;background-color: #fff;margin-left: 10px;margin-top: 12px;transition: all 0.3s;}
.page-nav li:hover .line{width: 20px;}
.page-nav li:hover a{opacity: 1;}
.page-nav li.active a{opacity: 1;}

.section3{height: 570px;}
.section3 .s3list{width: 50%;}
.section3 .s3rig{font-size: 14px;line-height: 36px;color: #666;}
.section3 .s3list .span2{font-weight: bold;}

.section3 .s3rig{padding-top: 162px;}
.section3 .swiper-slide .p1{font-size: 16px;line-height: 36px;padding-top: 105px;}
.section3 .swiper-slide .p2{font-size: 200px;line-height: 158px;padding: 17px 0;}
.section3 .swiper-slide .p3{font-size: 16px;line-height: 36px;padding-left: 185px;}
.section3 .swiper-slide2 .p3{padding-left: 370px;}
.section3 .swiper-slide3 .p3{padding-left: 400px;}


.section3 .s3hr{width: 100%;height: 1px;background-color: #E4E4E4;position: absolute;left: 0;top: 429px;}
.section3 .s3hr .swiper-pagination{width: 100%;height: 1px;position: absolute;left: 0;top: -1px;}
.section3 .s3hr .swiper-pagination-bullet{display: block;float: left;width: 400px;height: 1px;background-color: transparent;}
.section3 .s3hr .swiper-pagination-bullet-active{background-color: #c00;}
.section3 .swiper-button-group{width: 122px;height: 14px;padding-top: 92px;}
.section3 .swiper-button-list{width: 40px;height: 14px;cursor: pointer;transition: all 0.3s;}
.section3 .swiper-button-list1{background: url("/images/index/s3p1.png") no-repeat left center;}
.section3 .swiper-button-list1:hover{background: url("/images/index/s3p3.png") no-repeat left center;}
.section3 .swiper-button-list2{background: url("/images/index/s3p2.png") no-repeat left center;}
.section3 .swiper-button-list2:hover{background: url("/images/index/s3p4.png") no-repeat left center;}
.section4{height: 707px;background-color: #FAFAFA;padding: 119px 0;}
.section4 .swiper-slide{width: 332px;position: relative;}
.section4 .swiper-slide-first{width: 507px;height: 707px;}

.swiper-slide .t1{font-size: 36px;line-height: 36px;color: #fff;position: absolute;left: 27px;top: 40px;font-family: "Times New Roman Regular";}
.section4 .ssf-left{width: 90px;position: relative;top: -10px;}
.section4 .ssf-left .city-nav{font-size: 16px;line-height: 40px;color: #666;padding-left: 25px;cursor: pointer;position: relative;}
.section4 .ssf-left .city-nav span{position: relative;left: -25px;transition: all 0.3s;}
.section4 .ssf-left .city-nav span:before{content: '';width: 20px;height: 1px;background-color: #E61E2B;position: absolute;left: -25px;top: 50%;transform: translateY(-50%);opacity: 0;transition: all 0.3s;}

.city-school{width:0;opacity: 0;font-family: "微软雅黑 Light";position: absolute;left: 100px;top: 0;padding-left: 17px;white-space:nowrap;overflow: hidden;transition: all 0.5s;}
.city-school:after{content: '';width: 1px;height: 0;background-color: #939393;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
.city-school a{display: block;color: #666;font-size: 14px;line-height: 39px;}
.city-school a:hover {color: #E61E2B;}
.section4 .ssf-left .city-nav p{background-color: #FAFAFA;}

/* .section4 .ssf-left .city-nav:hover span{left: 0;}
 .section4 .ssf-left .city-nav:hover span:before{opacity: 1;}
 .section4 .ssf-left .city-nav:hover .city-school{width: 330px;opacity: 1;}
 .section4 .ssf-left .city-nav:hover .city-school:after{height: calc(100% - 30px);}*/

.section4 .ssf-left .city-nav.active span{left: 0;}
.section4 .ssf-left .city-nav.active span:before{opacity: 1;}
.section4 .ssf-left .city-nav.active .city-school{width: 330px;opacity: 1;}
.section4 .ssf-left .city-nav.active .city-school:after{height: calc(100% - 20px);}
.ssf-top-p1-alter{width: 200px;font-size: 14px;line-height: 40px;color: #666;position: absolute;bottom: -106px;left: 0;}


.section4 .ssf-bottom{padding-bottom: 40px;}
.section4 .ssf-bottom .p2{font-size: 48px;line-height: 60px;color: #333;font-weight: bold;}
.section4 .ssf-bottom .p2 span{color: #E61E2B;}
.section4 .ssf-bottom .p3{font-size: 18px;line-height: 36px;color: #333;padding-top: 20px;}

.section4 .swiper-button-list1{display: none;cursor: pointer;width: 65px;height: 65px;text-align: center;line-height: 65px;border-radius: 50%;color: #333;background-color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 100;}
.section4 .swiper-button-list2{cursor: pointer;width: 65px;height: 65px;text-align: center;line-height: 65px;border-radius: 50%;color: #333;background-color: #fff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 100;}
.section4 .swiper-button-list .circle{animation:circle 5s linear infinite;display: block;background: url("/images/icon-circle.png") no-repeat center;transform-origin: center center;width: 57px;height: 57px;border-radius: 50%;margin: 4px;}
.section4 .swiper-button-list .arrows{display: block;width: 11px;height: 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.section4 .swiper-button-list1 .arrows{background: url("/images/arrows-left.png") no-repeat center;}
.section4 .swiper-button-list2 .arrows{background: url("/images/arrows-rig.png") no-repeat center;}
@keyframes circle{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}
.section4 .school-group{width: 310px;position: absolute;left: 20px;bottom: 35px;color: #fff;}
.section4 .school-group.school-group2{width: 320px;left: 15px;}
.section4 .school-group a{display: block;color: #fff;font-size: 14px;line-height: 36px;cursor: pointer;padding-left: 15px;transition: all 0.3s;position: relative;left: -15px;}
.section4 .school-group a span{position: relative;}
.section4 .school-group a:before{content: '> ';position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;transition: all 0.5s;}
.section4 .school-group a span:after{content: '';width: 0;height: 1px;background-color: #fff;position: absolute;left: -15px;bottom: -5px;transition: all 0.5s;}
.section4 .school-group a:hover{left: 0;}
.section4 .school-group a:hover:before{opacity: 1;}
.section4 .school-group a:hover span:after{width: calc(100% + 15px);}
.section4 .school-group a:first-child{left: 0;}
.section4 .school-group a:first-child:before{opacity: 1;}
.section4 .school-group a:first-child span:after{width: calc(100% + 15px);}


.section5{height: 648px;}
.section5 .p1{font-size: 24px;line-height: 36px;color: #333;padding-top: 90px;text-align: center}
.section5 .p2{font-size: 24px;line-height: 36px;font-weight: bold; color:#333;padding-bottom: 45px;text-align: center;}
.s5-group .s5-list{float: left;width: 400px;height: 325px;box-sizing: border-box;border: 1px solid #d2d2d2;transition: all 0.3s;cursor: pointer;}
.s5-group .s5-list:hover{border-color:#E61E2B;}
.s5-box{padding: 44px 30px 0;text-align: justify;}
.s5-box .icon{width: 70px;height: 69px;transition: all 0.3s;}
.s5-box1 .icon{background: url("/images/index/s5p1.png");}
.s5-box2 .icon{background: url("/images/index/s5p2.png");}
.s5-box3 .icon{background: url("/images/index/s5p3.png");}
.s5-p1{font-size: 18px;line-height: 36px;padding-top: 36px;color: #666;transition: all 0.3s;}
.s5-p2{font-size: 14px;line-height: 26px;padding-top: 20px;}
.s5-list1:hover .icon{background: url("/images/index/s5p4.png");}
.s5-list2:hover .icon{background: url("/images/index/s5p5.png");}
.s5-list3:hover .icon{background: url("/images/index/s5p6.png");}
.s5-list:hover .s5-p1{color: #E61E2B;}

.section6{height: 1655px;background: linear-gradient(0deg, #FF0844 0%, #FFB199 100%);position: relative;overflow: hidden;}
.section6 .t1{font-size: 170px;line-height: 170px;color: #FF9B8E;position: absolute;left: 0;top: 75px;}
.section6 .t2{font-size: 170px;line-height: 170px;color: #FF777C;position: absolute;left: 0;top: 940px;}

.section6 .video-box{padding-top: 202px;}
.video{width:100%;height: 675px;background-color: #ccc;position: relative;}
.video-list{width: 100%;position: absolute;left: 0;top: 0;}
.video-list-masking{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(255,8,68,0.3);}
.video1{margin-bottom: 190px;}
.video .btn{display: block;width: 144px;height: 144px;border-radius: 50%;background: url("/images/icon-circle2.png") no-repeat;}
.video .play{display: block;width: 33px;height: 37px;background: url("/images/icon-play.png") no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video .circle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video .circle:hover .btn{animation:circle 3s linear infinite;}
.section6 .more{display: block;width: 206px;margin:269px auto 0;box-sizing: border-box;height: 43px;line-height: 41px;text-align: center;border: 1px solid #FFFFFF;border-radius: 22px;color: #fff;position: relative;z-index: 1;}
.section6 .s6p1{position: absolute;left: 50%;bottom: 65px;transform: translateX(-50%);}
.section7{height: 513px;}
.s7left{width: 454px;}
.s7left .p1{font-size: 48px;line-height: 60px;font-weight: bold;padding-top: 98px;}
.s7left .p1 span{color: #E61E2B;}
.s7left .p2{font-size: 18px;line-height: 36px;padding-top: 16px;color: #333;}
.s7left .p3{font-size: 96px;line-height: 78px;padding: 92px 0 0 5px;color: #FAFAFA;white-space:nowrap;}
.s7rig{width: 746px;margin-top: 104px;}
.section8{height: 300px;background: url("/images/index/s8p1.jpg") no-repeat center center;}
.section8 .p1{text-align: center;font-size: 30px;font-family: Source Han Sans CN;font-weight: 500;color: #FFFFFF;line-height: 30px;padding-top: 100px;letter-spacing:12px;}
.section8 .look{display: block;width: 151px;height: 37px;line-height: 37px;border-radius: 20px;border: 1px solid #fff;margin:62px auto 0;text-align: center;color: #fff;}
.section9{height: 914px;background-color: #FAFAFA;}
.s9-main{width: 1204px;margin: auto;padding-top: 177px;position: relative;}
.s9-main .p1{font-size: 72px;line-height: 72px;position: absolute;left: 0;top:121px;color: #333;}
.s9img-group{height: 500px;position: relative;z-index: 1;}
.s9img-group .img-list{width:172px;height: 500px;float: left;background:url("/images/index/s9p1.jpg") no-repeat center center;transition:all .3s;}
.s9img-group .p2{font-size: 72px;line-height: 58px;position: absolute;right: 4px;bottom: -44px;color: #E5E5E5;}
.s9-main .more{display: block;width: 145px;height: 41px;line-height: 41px;border-radius: 22px;margin:91px auto 0;text-align: center;border: 1px solid #333;color: #333;}

.section10{height: 659px;}
.s10-main{width: 1201px;margin: auto;}
.s10-main .p1{font-size: 24px;line-height: 24px;padding: 111px 0 43px;text-align: center;color: #333;font-weight: bold;}

.more-group a{float: left;margin-right: 7px;position: relative;}
.more-group img{width: 295px;height: 228px;}
.more-group a:last-child{margin-right: 0;}
.more-group a .span1{display: block;width: 111px;line-height: 31px;background-color: #333333;text-align: center;color: #fff;position: absolute;left: 0;top: 0;z-index: 1;}
.s10-main .more{display: block;width: 145px;height: 41px;line-height: 41px;border-radius: 22px;margin:91px auto 0;text-align: center;border: 1px solid #333;color: #333;}
.s10-text{display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 0%;background-color: rgba(51,51,51,0.8);transition: all 0.3s;overflow: hidden;}
.s10-text p{font-size: 18px;line-height: 30px;text-align: center;color: #fff;}
.more-group a:hover .s10-text{height: 100%;}

.section11 .main{position: relative;height: 1398px;}
.section11 .s11p1{width: 100%;max-width: 1920px;min-width: 1200px;margin: auto;}
.section11 .s11p2{position: absolute;bottom: 150px;left:0;width: 100%;max-width: 1920px;min-width: 1200px;margin: auto;transition: all 0.1s;}
.s11-main{width: 1200px;height: 418px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.s11-top .s11-left{width: 514px;}
.s11-top .s11-left img{margin-top: 76px;}
.s11-top .s11-left .p1{font-size: 24px;line-height: 24px;padding-top:33px;color: #333;letter-spacing:8px;}
.s11-top .s11-rig{width: 686px;}
.s11-top .s11-rig .contact{width: 270px;height: 270px;border: 1px #666 dashed;border-radius: 50%;position: relative;}
.s11-top .s11-rig .contact .t-group{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.s11-top .s11-rig .contact .t{font-size: 16px;line-height: 16px;color: #666;padding-left: 28px;text-align: center;}
.s11-top .s11-rig .contact1 .t1{margin-bottom: 12px;background: url("/images/index/s11p4.png") no-repeat left center;}
.s11-top .s11-rig .contact1 .t2{margin-bottom: 12px;background: url("/images/index/s11p5.png") no-repeat left center;}
.s11-top .s11-rig .contact1{margin-left: 65px;}
.s11-top .s11-rig .contact2{margin-left: 75px;}
.s11-top .s11-rig .contact2 .t1{margin-bottom: 12px;background: url("/images/index/s11p6.png") no-repeat left center;}
.s11-top .s11-rig .contact2 .t2{margin-bottom: 12px;background: url("/images/index/s11p7.png") no-repeat left center;}
.s11-bottom .s11-left .p1{font-size: 18px;line-height: 30px;color: #666;padding-top: 57px;}
.s11-bottom .s11-left .p2{font-size: 14px;line-height: 30px;color: #666;}
.s11-bottom .icon-group{padding-top: 70px;}
.s11-bottom .icon-group span{display: block;float: left;width: 37px;height: 37px;margin-left: 28px;}
.s11-bottom .icon-group span.icon1{background: url("/images/index/s11p8.png") no-repeat left center;}
.s11-bottom .icon-group span.icon2{background: url("/images/index/s11p9.png") no-repeat left center;}
.s11-bottom .icon-group span.icon3{background: url("/images/index/s11p10.png") no-repeat left center;}
.s11-bottom .icon-group span.icon4{background: url("/images/index/s11p11.png") no-repeat left center;}
.section12{height: 50px;}
.iframe-bar{position: fixed;right: 0;top: 300px;z-index: 99;}