@font-face {
	font-family: mob;
	src: url(../font2/BRITANIC.TTF);
  }


.section1{position: relative;}
/* .banner{height: 100vh;} */
.banner img{width: 100%;display: block;position: relative;z-index: 2;}
.banner video{position: absolute;top: 0;left: 0;}

/* .banner .swiper-pagination{position: absolute;bottom: 130px;text-align: center;width: 100%;} */

.banner .swiper-pagination span{opacity: 1;position: relative;display: inline-block;position: relative;width: 18px;height: 4px;border-radius: 4px;background: rgba(255,255,255,.4);margin-right: 10px;}
.banner .swiper-pagination span:last-of-type{margin-right: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active{width: 128px;background: #fff;}
.banner h6{position: absolute;bottom: 32px;z-index: 2;padding-left: 80px;width: 100%;box-sizing: border-box;}
.banner h6,.banner h6 a{font-size: 16px;color: rgba(255,255,255,.3);}
.banner h6 a{margin-left: 18px;}
/* .banner .swiper-container{position: fixed;z-index: -1;top: 0;left: 0;width: 100%;} */
.banner .swiper-slide{background: #fff;}
.sybt{margin-bottom: 54px;}
.sybt h2{font-size: 48px;color: #333333;}


.section2{background: #fff;padding-top: 120px;text-align: center;}
.s2t .zzlist1{font-size: 0;margin-bottom: 70px;}
.s2t ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 33.33%;}


.s2txt{display: inline-block;}
.s2b ul{font-size: 0;padding-bottom: 36px;}
.s2b ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 33.33333%;border-right: 1px solid #ebebeb;padding: 80px 0 96px;}
.s2b ul li h3{font-size: 24px;color: #333333;margin: 48px 0 30px;}
.s2b ul li p{font-size: 16px;color: rgba(51,51,51,.8);width: 50%;display: inline-block;}
.s2b ul li img{display: none;opacity: 0;margin: 0 auto;}
.s2b ul li img:first-of-type{display: block;opacity: 1;}
.s2b ul li:hover img:first-of-type{display: none;opacity: 0;}
.s2b ul li:hover img:last-of-type{display: block;opacity: 1;}
.s2b ul li:hover{box-shadow: 0 0 15px 5px #e0dfdf;}
.section3{position: relative;z-index: 5;background: url(../images/s3bg_02.png) center center;background-size: 100% 100%;padding: 120px 0;}

.s3bg{position: absolute;top: 0;width: 100%;height: 100%;z-index: 2;}
.s3bg canvas{width: 100%;height: 100%;}
.s3{font-size: 0;}
.s3_l,.s3_r{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;position: relative;z-index: 2;}

.s3_l h6{position: relative;display: none;}
.s3_l h6.ac{display: block;}
.s3_l h6 img{width: 100%;}
.s3_l{padding-right: 70px;}

.s3_r{padding: 30px 0 30px 60px;}
.s3_r h2{font-size: 48px;color: #333333;line-height: 48px;margin-bottom: 42px;}
.s3_r p{font-size: 18px;color: #333333;margin-bottom: 65px;}
.s3_r .s3_rlsit{font-size: 0;}
.s3_r .s3_rlsit .s3_txt{display: inline-block;vertical-align: top;box-sizing: border-box;width: 20.5%;margin-right: 6%;border: 1px solid #83359c;text-align: center;padding: 28px 0;
  border-radius: 15px;position: relative;overflow: hidden;cursor: pointer;
}
.s3_r .s3_rlsit .s3_txt:last-of-type{margin-right: 0;}
.s3_r .s3_rlsit .s3_txt span{font-size: 42px;color: #83359c;}
.s3_r .s3_rlsit .s3_txt h3{font-size: 16px;color: #333333;}
.s3_r .s3_rlsit .s3_txt::before{
  content: '';
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #9450aa;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(#e4c2ee, #da9fed), linear-gradient(#da9fed, #cc90e0), linear-gradient(#cc90e0, #a563ba), linear-gradient(#a563ba, #83359c);
  -webkit-animation: rotate 4s linear infinite;
  animation: rotate 3s linear infinite;
  opacity: 0;
}
.s3_r .s3_rlsit .s3_txt::after{
  content: '';
  position: absolute;
  z-index: -1;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: white;
  border-radius: 15px
}
@keyframes rotate {
  100% {    
    -webkit-transform: rotate(1turn);           
    transform: rotate(1turn);  }
}

.s3_r .s3_rlsit .s3_txt:hover::before,.s3_r .s3_rlsit .s3_txt.ac::before{opacity: 1;}
.s3_r .s3_rlsit .s3_txt:hover span,.s3_r .s3_rlsit .s3_txt.ac span{
  position: relative;
  -webkit-line-clamp: 2;
  background-image: -webkit-linear-gradient(left, #d59ae7, #83359c);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.s3_r .s3_rlsit .s3_txt:hover h3{color: #83359c;}


.section4{background: #fff;}
.section4 h2{padding-left: 82px;font-size: 48px;line-height: 182px;color: #333333;}
.section4 ul{font-size: 0;}
.section4 ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 33.3%;position: relative;}
.section4 ul li img{width: 100%;}
.section4 ul li h6 img{width: auto;}
.section4 ul li h6{position: absolute;top: 10%;left: 10%;}

.section4 ul li a{display: block;position: relative;}
.section4 ul li a::before{content: '';display: block;width: 100%;height: 0;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;}
.s4txt{position: absolute;bottom: 0;left: 0;width: 100%;padding: 40px 55px;box-sizing: border-box;}
.s4txt h3{font-size: 24px;color: #fff;}
.s4txt p{font-size: 18px;color: #fff;}
.s4txt p::after{content: '';display: block;width: 62px;height: 8px;background: #fff;margin-top: 30px;}
.section4 ul li a:hover::before{height: 100%;}
.section4 ul li a:hover .s4txt p::after{width: 100%;}
.section4 .more{width: 100%;display: block;line-height: 70px;text-align: center;font-size: 18px;color: #83359c;font-weight: bold;}
.section4 .more:hover{color: #fff;background: #83359c;}

.section5{position: relative;background: url(../images/s5bg_02.jpg) center center;background-size: cover;padding: 165px 0;font-size: 0;}
.s5_l,.s5_r,.s5_c{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.s5_l{width: 25.35%;text-align: center;border-right: 1px solid #cdc5d6;}
.s5_c{width: 58.42%;padding-left: 72px;}
.s5_r{width: 16.23%;text-align: center;}
.s5_l img{max-width: 85%;}
.s5_c h2{font-size: 48px;line-height: 54px;color: #000;}
.s5_c h3{font-size: 36px;line-height: 54px;color: #000;}
.s5_c p{font-size: 14px;color: rgba(0,0,0,.5);line-height: 26px;text-transform: uppercase;letter-spacing: 6px;margin-top: 15px;}


@keyframes banrun10{
	0%{transform: scale(1)}
	50%{transform: scale(1.2)}
	100%{transform: scale(1)}
}

.s5_r h6 a i{font-size: 18px;color: #fff;line-height: 21px;display: inline-block;position: absolute;width: 100%;text-align: center;top: 50%;left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.s5_r h6 a{display: inline-block;width: 74px;height: 74px;background: #680687;border-radius: 50%;position: absolute;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}
.s5_r h6 a::before{content: '';display: block;width: 74px;height: 74px;border: 7px solid rgba(104,6,135,.5);position: absolute;border-radius: 50%;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}
.s5_r h6{display: inline-block;width: 88px;height: 88px;border: 14px solid rgba(104,6,135,.2);border-radius: 50%;position: relative;animation: banrun10 2s linear infinite;}
.s5_r h6::before{content: '';display: block;width: 116px;height: 116px;border: 30px solid rgba(104,6,135,.04);position: absolute;border-radius: 50%;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}
.s5_r h6:hover a::before{border: 7px solid rgba(104,6,135,.7);}
.s5_r h6:hover{border: 14px solid rgba(104,6,135,.3);}
.s5_r h6:hover::before{border: 40px solid rgba(104,6,135,.1);}
} */