@keyframes btn-animate{0%{width:0;padding-top:0;background:rgba(0,0,0,.5);}
100%{width:100%;padding-top:100%;background-color:transparent;}
}
.main{width:100%;min-width:1200px;background:url(../image/banner.png) top center no-repeat;}
a{cursor:pointer;}
/* banner图 */
.banner{width:1200px;height:550px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;margin-top:-550px;}
.banner .fonts{width:878px;height:135px;background:url(../image/fonts.png) center center no-repeat;}
.zgh{width:392px;height:54px;position:absolute;left:170px;bottom:87px;background:url(../image/right1.png) center center no-repeat;}
.zks{width:392px;height:54px;position:absolute;right:170px;bottom:87px;background:url(../image/right2.png) center center no-repeat}
.mba{width:841px;height:93px;position:absolute;left:186px;top:88px;background:url(../image/2023.png) center center no-repeat}
.tools{overflow:hidden;width:100%;height:550px;background:url(../image/tools.png) top center no-repeat;background-size:cover;}
.looyu{display:inline-block;width:1200px;height:550px;position:absolute;left:0px;top:0;}
.animated{-webkit-animation-duration:1.35s;animation-duration:1.35s;}
.animated1{-webkit-animation-duration:1s;animation-duration:1s;}
.animated2{-webkit-animation-duration:.6s;animation-duration:.6s;}
/* section 1 - “2023年考研，为什么现在要开始备考？” */
.why{height:580px;}
.title{padding:57px 0 54px 0;}
.title>p{font-family:SourceHanSansCN-Bold;font-size:40px;color:#0d09c1;line-height:40px;text-align:center;font-weight:600;}
.title>p span{color:#f7425d;}
.fourWrap{width:1200px;margin:0 auto;display:flex;justify-content:space-between;}
.singleWrap{width:264px;height:275px;background-color:#ffffff;box-shadow:0px 0px 16px 0px#c2dafa;border-radius:10px;text-align:center;cursor:pointer;}
.singleWrap>img{transition:all .8s cubic-bezier(0.4,0,0.2,1);}
.singleWrap>img:hover{transform:rotate(360deg);transition:all .8s cubic-bezier(0.4,0,0.2,1);}
.singleWrap:nth-child(1) img{margin:21px auto 16px;}
.singleWrap:nth-child(2) img{margin:32px auto 17px;}
.singleWrap:nth-child(3) img{margin:36px auto 8px;}
.singleWrap:nth-child(3) p:nth-child(3){margin-top:30px;}
.singleWrap:nth-child(4) img{margin:33px auto 8px;}
.singleWrap p:nth-child(2){font-family:SourceHanSansCN-Bold;font-size:24px;line-height:34px;color:#333;text-align:center;font-weight:600;}
.singleWrap p:nth-child(3){font-family:SourceHanSansCN-Normal;font-size:18px;line-height:26px;color:#666;text-align:center;margin-top:17px;}
.singleWrap:nth-child(3) p:nth-child(2){margin-top:29px;}
.bottom-button{width:375px;height:66px;background-image:linear-gradient(0deg,#3e1ff1 0%,#ab30f9 100%),linear-gradient(#333333,#333333);background-blend-mode:normal,normal;border-radius:33px;margin:0 auto;margin-top:50px;cursor:pointer;position:relative;overflow:hidden;}
.bottom-button>a:hover::after{animation:btn-animate .75s;}
.bottom-button>a::after{width:0;padding-top:0;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";}
.bottom-button>a,.desc>a,.contact>a{display:inline-block;width:100%;text-decoration:none;}
.bottom-button>a p,.desc>a p,.contact>a p{text-align:center;font-family:SourceHanSansCN-Bold;font-size:32px;line-height:66px;color:#fff;}
/* section 2 - “提前备考先人一步，提早谋划突出重围” */
.advance{height:744px;background-color:#eff3f5;}
.advance .title{padding:50px 0 44px 0;}
.contrast{width:1200px;height:514px;background:url(../image/vsbg.png) center center no-repeat;margin:0 auto;position:relative;display:flex;}
.contrast .vs{width:120px;height:120px;background-color:#ffec55;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
.contrast .vs>p:hover{transform:rotate(360deg);transition:all .8s ease-in-out;cursor:pointer;}
.contrast .vs>p{font-family:SourceHanSansCN-Bold;font-size:61px;line-height:120px;letter-spacing:0px;color:#1e313b;font-weight:600;text-align:center;transition:all .8s ease-in-out;cursor:pointer;}
.exam{width:50%;}
.exam-title{width:319px;height:59px;border:solid 2px #fff;margin:0 auto;margin:65px auto 42px;}
.contrast .exam:nth-child(1) .exam-title{margin:65px 0 42px 87px;}
.contrast .exam:nth-child(2) .exam-title{margin:65px 0 42px 160px;}
.exam-title>p{font-family:SourceHanSansCN-Bold;font-size:30px;line-height:59px;color:#fff;text-align:center;}
.exam-content{padding-left:52px;}
.exam-content>p{font-family:SourceHanSansCN-Bold;font-size:24px;line-height:24px;color:#fff;margin-bottom:30px;}
.exam-content>p span{display:inline-block;width:28px;height:23px;background:url(../image/right.png) center center no-repeat;margin-right:10px;}
.contrast .exam:nth-child(2) .exam-content>p span{display:inline-block;width:17px;height:18px;background:url(../image/error.png) center center no-repeat;margin-right:10px;}
.contrast .exam:nth-child(2) .exam-content{padding-left:137px;}
.desc{width:255px;height:50px;background-image:linear-gradient(0deg,#ffe455 0%,#f7f6fa 100%),linear-gradient(#ffe455,#ffe455);background-blend-mode:normal,normal;border-radius:25px;margin:61px auto 0 113px;cursor:pointer;position:relative;overflow:hidden;}
.desc>a:hover::after{animation:btn-animate .75s;}
.desc>a::after{width:0;padding-top:0;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";}
.contact>a:hover::after{animation:btn-animate .75s;}
.contact>a::after{width:0;padding-top:0;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";}
.contact-now>a:hover::after{animation:btn-animate .75s;}
.contact-now>a::after{width:0;padding-top:0;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";}
.contrast .exam:nth-child(2) .desc{margin:61px auto 0 184px;}
.desc>a p{font-size:24px;line-height:50px;color:#333;font-weight:600;}
/* section 3 - “社科赛斯打造完美备考方案，实现从0到1” */
.plan{height:830px;}
.plan .title{padding:50px auto 76px;}
.plan .bottom-button{margin-top:59px;}
.process{width:1111px;height:104px;border-bottom:2px dashed #ec6841;margin:0 auto;padding:0 40px 0 49px;display:flex;justify-content:space-between;position:relative;}
.process .yellow{width:167px;height:77px;background-color:#ffec55;border-radius:10px;position:relative;}
.yellow .arrow{width:22px;height:23px;background:url(../image/arrow.png) center center no-repeat;position:absolute;bottom:-37px;left:50%;transform:translate(-50%,0);}
.process .yellow>p{text-align:center;font-family:SourceHanSansCN-Regular;font-size:18px;line-height:23px;color:#333;margin-top:20px;}
.to-right{width:701px;height:77px;position:absolute;top:0;left:50%;transform:translate(-50%,0);display:flex;justify-content:space-between;align-items:center;}
.to-right .img{width:65px;height:65px;background:url(../image/toRight.png) center center no-repeat;}
.guidance{width:1052px;margin:27px auto 0;display:flex;justify-content:space-between;}
.guidance .letter>p{font-family:SourceHanSansCN-Regular;font-size:24px;line-height:23px;color:#333;}
.card{width:1200px;height:276px;margin:70px auto 0;display:flex;justify-content:space-between;}
.singleCard{width:263px;height:276px;}
.singleCard p:nth-child(1){font-family:SourceHanSansCN-Bold;font-size:30px;line-height:30px;color:#fff;text-align:center;margin:22px auto 66px;}
.singleCard p:nth-child(2){text-align:center;font-family:SourceHanSansCN-Bold;font-size:20px;line-height:36px;color:#000;font-weight:600;}
.singleCard:nth-child(4) p:nth-child(2){padding-top:17px;}
.singleCard:nth-child(1){background:url(../image/plan1.png) center center no-repeat;}
.singleCard:nth-child(2){background:url(../image/plan2.png) center center no-repeat;}
.singleCard:nth-child(3){background:url(../image/plan3.png) center center no-repeat;}
.singleCard:nth-child(4){background:url(../image/plan4.png) center center no-repeat;}
/* section 4 - 社科赛斯多样化班型选择 满足你的各种需求 */
.classType{height:980px;background-color:#eff3f5;}
.classType .title{padding:55px auto 45px;}
.classType table{margin:0 auto;width:1200px;height:626px;background-color:#fff;border-radius:10px;overflow:hidden;}
table th{height:61px;background-color:#596ff9;border-right:solid 2px #eff3f5;font-family:SourceHanSansCN-Bold;font-size:30px;color:#fff;}
table td{font-family:SourceHanSansCN-Normal;font-size:20px;color:#666;border-right:solid 2px #eff3f5;border-bottom:solid 2px #eff3f5;text-align:center;}
table tr:nth-child(6){border-bottom:none;}
table tr:nth-child(2){height:103px;}
table tr:nth-child(3){height:150px;}
table tr:nth-child(4){height:111px;}
table tr:nth-child(5){height:108px;}
table tr:nth-child(6){height:85px;}
table tr>td:nth-child(4){text-align:left;font-size:18px;padding:0 37px 0 39px;}
table tr>td:nth-child(5){border-right:none;}
table tr>td:nth-child(5) a{display:inline-block;width:118px;height:40px;line-height:40px;background-image:linear-gradient(0deg,#f82e7a 0%,#f36d1c 100%),linear-gradient(#f82e7a,#f82e7a);border-radius:20px;text-decoration:none;text-align:center;font-family:SourceHanSansCN-Medium;font-size:18px;letter-spacing:-1px;color:#fff;}
table th:nth-child(1){width:209px;}
table th:nth-child(2){width:197px;}
table th:nth-child(3){width:282px;}
table th:nth-child(4){width:311px;}
table th:nth-child(5){width:193px;border-right:none;}
/* section 5 - MBA导学班试听课 免费领取,名额有限! */
.free{height:603px;background-color:#596ff9;}
.free .title{padding:57px auto 66px;}
.free .title>p{color:#fff;}
.free .title>p span{color:#ffec55;}
.order{width:1142px;height:355px;margin:0 auto;display:flex;justify-content:space-between;}
.singleOrder{width:546px;border-radius:10px;background:url(../image/orderbg.png) center center no-repeat;}
.singleOrder .title{padding:43px 0 39px 0;}
.singleOrder .title>p{font-size:30px;line-height:30px;color:#596ff9;}
.singleOrder .title>p span{color:#f73d63;}
.singleOrder>p{font-family:SourceHanSansCN-Normal;font-size:24px;line-height:24px;color:#033333;margin-bottom:26px;padding-left:147px;}
.singleOrder>p span{display:inline-block;width:25px;height:25px;background:url(../image/circle.png) center center no-repeat;margin:0 19px -5px 0;}
.contact{width:260px;height:50px;background-image:linear-gradient(0deg,#3e1ff1 0%,#ab30f9 100%),linear-gradient(#f7425d,#f7425d);background-blend-mode:normal,normal;border-radius:10px;margin:41px auto 0;position:relative;overflow:hidden;}
.contact>a p{font-size:24px;line-height:50px;}
/* section 6 - 社科赛斯师资团队阵容 */
.teacher{height:704px;}
.teacher .title{padding:62px auto 54px;}
.lunbo{width:1200px;margin:0 auto;}
.swiper-container{width:100%;height:auto;padding:133px 0;margin-left:auto;margin-right:auto;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;height:200px;/* Center slide text vertically */
 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition-property:all;}
#progressEffect{position:absolute;z-index:10;top:20px;left:20px;}
.teacherWrap{cursor:grab;}
.pic,.online{width:269px;height:367px;padding-top:11px;}
.pic{overflow:hidden;width:271px;height:378px;background-image:linear-gradient(0deg,#d6d4d4 0%,#676464 100%),linear-gradient(#6b6c6d,#6b6c6d);position:relative;}
.intro{width:210px;height:347px;padding:46px 30px 0 31px;background-color:rgb(0 0 0 / 60%);position:absolute;top:500px;left:0;}
.intro p{text-align:left;}
.intro p:nth-child(1){font-family:SourceHanSansCN-Bold;font-size:24px;line-height:24px;color:#fff;margin-bottom:14px;}
.intro p:nth-child(2){font-family:SourceHanSansCN-Regular;font-size:18px;line-height:18px;color:#fff;}
.intro p:nth-child(3){font-family:SourceHanSansCN-Regular;font-size:14px;line-height:28px;color:#fff;margin-top:27px;}
.intro p>span{display:inline-block;width:10px;height:18px;border-left:3px white solid;margin-bottom:-2px;}
.teacherWrap:hover .intro{transform:translate(0,-500px);transition:all 0.35s cubic-bezier(0,0,0.2,1);}
.pic1,.pic2,.pic3,.pic4,.pic5,.pic6{height:100%;}
.pic1{padding-top:176px;background:url(../image/nbx.png) center center no-repeat;}
.pic2{padding-top:130px;background:url(../image/gw.png) center center no-repeat;}
.pic3{padding-top:15px;background:url(../image/fzj.png) center center no-repeat;}
.pic4{padding-top:152px;background:url(../image/sbj.png) center center no-repeat;}
.pic5{padding-top:115px;background:url(../image/bsy.png) center center no-repeat;}
.pic6{padding-top:150px;background:url(../image/wy.png) center center no-repeat;}
.online{height:64px;background-color:#fff;border:solid 1px #a0a0a0;}
.online .contact-now{width:143px;height:40px;background-image:linear-gradient(0deg,#3e1ff1 0%,#ab30f9 100%),linear-gradient(#333333,#333333);border-radius:20px;margin:0 auto;position:relative;overflow:hidden;}
.online .contact-now>a{text-decoration:none;}
.online .contact-now>a p{text-align:center;font-family:SourceHanSansCN-Bold;font-size:19px;line-height:40px;color:#fff;}
.swiper-button-prev{left:0;width:40px;height:40px;background:url(../image/to-left.png) center center no-repeat;}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity:.8;}
.swiper-button-prev:after{content:'';}
.swiper-button-next{right:0;width:40px;height:40px;background:url(../image/to-right.png) center center no-repeat;}
.swiper-button-next:after{content:'';}