body{color: #333;}
.container h3{font-size: 30px;padding: 3% 0 2%;color: #333;position: relative;}

.major h3{text-align: left;}
.major .text{padding: 1% 5% 4%;background: url(images/animation.png) no-repeat 99% 60%;background-size: 55%;border-bottom: 10px solid #f71c35;box-shadow: 0 0 20px rgba(8,8,8,.2);}

.majorRec li{display: inline-block;font-size: 14px;line-height: 28px;width: 25%;margin-right: 4%;padding-left: 23%;vertical-align: top;box-shadow: 0 0 20px rgba(8,8,8,.2);}
.majorRec li:first-of-type{background: url(images/01.jpg) no-repeat center left;background-size: 40%;}
.majorRec li:last-of-type{background: url(images/02.jpg) no-repeat center left;background-size: 40%;}
.majorRec li section{padding: 30% 5% 20%;position: relative;}
.majorRec li:first-of-type section{background: url(images/e01.png) no-repeat bottom left;}
.majorRec li:first-of-type:hover section{background: url(images/e02.png) no-repeat bottom left;}
.majorRec li:last-of-type section{background: url(images/e03.png) no-repeat bottom left;}
.majorRec li:last-of-type:hover section{background: url(images/e04.png) no-repeat bottom left;}

.majorRec li section h4{position: absolute;top: 8%;left: -35%;font-size: 20px;min-width: 75%;height: 50px;line-height: 50px;background-color: #fff;text-align: center;padding-left: 5%;}
.majorRec li:hover,.majorRec li:hover h4{color: #fff;background-color: #F71C35;}
.majorRec li p{position: relative;}
.majorRec li p:before{position: absolute;content: '';top: 10px;left: -10%;width: 8px;height: 8px;border-radius: 50%;background-color: #F71C35;}
.majorRec li:hover p:before{background-color: #fff;}

.register{padding-bottom: 3%;text-align: center;margin-top: 3%;}
.register1{background: url(images/zhuce1.jpg) no-repeat center;background-size: cover;}
.register2{background: url(images/zhuce2.jpg) no-repeat center;background-size: cover;}
.register span{display: inline-block;color: #fff;line-height: 25px;border-bottom: 10px solid #F71C35;}
.register form p{display: inline-block;font-size: 18px;width: 25%;height: 50px;line-height: 50px;margin-right: 5%;background-color: #fff;text-indent: 20px;margin-top: 20px;text-align: left;}
.register form p input,.register form p select{height: 50px;line-height: 50px;font-size: 18px;width: 60%;}
.register form p.tj{background-color: #f91f38;text-align: center;text-indent: 0;border-radius: 25px;}
.register form p.tj input{color: #fff;}

.require li{font-size: 14px;line-height: 28px;border: 6px solid #F71C35;border-left-width: 0;margin-top: 5%;margin-bottom: 5%;padding: 4% 2% 2%;background-color: #f6f6f6;}
.require li:hover{color: #fff;background-color: #F71C35;}
.require li:first-of-type{border-left-width: 6px;}
.require li h4{font-size: 20px;text-align: center;padding-top: 30%;margin-bottom: 4%;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}
.require li:first-of-type h4{background: url(images/icon1.png) no-repeat center top;background-size: 25%;}
.require li:first-of-type:hover h4{background: url(images/icon01.png) no-repeat center top;background-size: 25%;}
.require li:nth-of-type(2) h4{background: url(images/icon2.png) no-repeat center top;background-size: 25%;}
.require li:nth-of-type(2):hover h4{background: url(images/icon02.png) no-repeat center top;background-size: 25%;}
.require li:last-of-type h4{background: url(images/icon3.png) no-repeat center top;background-size: 25%;}
.require li:last-of-type:hover h4{background: url(images/icon03.png) no-repeat center top;background-size: 25%;}


.yx {background-color: #f6f6f6;padding-bottom: 3%;}
.yx .xueli {text-align: center;margin-bottom: 2%;}
.yx .xueli li{display: inline-block;height: 40px;line-height: 40px;margin-right: 40px;width: 200px;cursor: pointer;border: 3px solid #f91f38;}
.yx .xueli li.active{color: #fff;background-color: #f91f38;}
.yx .xueli li p{font-size: 18px;font-weight: bold;position: relative;}
.yx .info .list{display: none;margin-bottom: 30px;}
.yx .info .list.active{display: block;}
.yx .info .list li{display: inline-block;width: 22.5%;margin-right: 2%;padding-bottom: 20px;background-color: #fff;box-shadow: 0 0 15px rgba(51,51,51,.1);vertical-align: top;}
.yx .info .list li:last-of-type{margin-right: 0;}
.yx .info .list li .yxlist{height: 450px;overflow-y: scroll;}
.yx .info .list li h4{font-size: 24px;font-weight: normal;color: #fff;height: 86px;line-height: 86px;background: url(images/1.jpg) no-repeat center;background-size: cover;text-align: center;position: relative;}
.yx .info .list li h4:after{position: absolute;content: '';bottom: 20px;left: calc(50% - 10px);width: 20px;height: 2px;background-color: #fff;}
.yx .info .list li a{display: block;margin: 10px 15px;padding: 10px;border: 1px dashed #f91f38;}
.yx .info .list li a:first-of-type{margin-top: 15px;}
.yx .info .list li a:last-of-type{margin-bottom: 15px;}
.yx .info .list li img{display: inline-block;width: 30%;border: 1px solid #bfbfbf;vertical-align: middle;}
.yx .info .list li p{display: inline-block;font-size: 14px;width: calc(70% - 22px);margin-left: 20px;vertical-align: middle;color: #333;}
.yx .info .list li p span{display: block;font-size: 12px;color: #666;padding-top: 5px;}
.zixun{text-align: center;}
.zixun a{display: inline-block;min-width: 200px;padding-left: 30px;padding-right: 30px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background-color: #f91f38;border-radius: 25px; cursor: pointer;}

.choose {padding-bottom: 3%;}
.choose li{display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;}
.choose li:first-of-type,.choose li:nth-of-type(2){width: 49%;background: url(images/2.jpg) no-repeat center;background-size: cover;}
.choose li:nth-of-type(3),.choose li:nth-of-type(4),.choose li:last-of-type{width: 32%;background: url(images/3.jpg) no-repeat center;background-size: cover;}
.choose li .text{color: #fff;padding: 8% 25% 8% 8%;}
.choose li:first-of-type .text{background: url(images/01.png) no-repeat 95% 15% rgba(0,0,0,.8);background-size: 18%;}
.choose li:nth-of-type(2) .text{background: url(images/02.png) no-repeat 95% 15% rgba(0,0,0,.8);background-size: 18%;}
.choose li:nth-of-type(3) .text{background: url(images/03.png) no-repeat 95% 15% rgba(0,0,0,.8);background-size: 27%;}
.choose li:nth-of-type(4) .text{background: url(images/04.png) no-repeat 95% 15% rgba(0,0,0,.8);background-size: 27%;}
.choose li:last-of-type .text{background: url(images/05.png) no-repeat 95% 15% rgba(0,0,0,.8);background-size: 27%;}
.choose li:hover .text{color: #fff;background-color: rgba(247,28,53,.8);}
.choose li:last-of-type .text,.choose li:nth-of-type(4) .text,.choose li:nth-of-type(3) .text{padding: 20% 8% 8% 8%;}
.choose li h4{font-size: 24px;padding-bottom: 5%}
.choose li p{font-size: 14px;line-height: 24px;}

.apply {background: url(images/bg1.jpg) no-repeat center;background-size: cover;padding-bottom: 3%;}
.apply h3{color: #fff;}
.apply li{display: inline-block;width: 49%;vertical-align: top;margin-bottom: 2%;position: relative;margin-right: 2%;}
.apply li .info{font-size: 15px;line-height: 24px;color: #fff;border: 2px solid #F91F38;padding: 15% 5% 8%;position: relative;}
.apply li h5{text-align: center;position: absolute;top: -10px;left: 0;width: 100%;}
.apply li h5 p{display: inline-block;width: 300px;height: 60px;line-height: 60px;font-size: 24px;background-color: #F91F38;}
.apply li .info:before,.apply li .info:after{position: absolute;content: '';}
.apply li .info:before{width: 35px;height: 35px;right: 0;bottom: 0;background-color: #F91F38;z-index: 1;}
.apply li .info:after{width: 35px;height: 35px;right: -7px;bottom: -7px;border-left: 5px solid rgba(0,0,0,.9);border-top: 5px solid rgba(0,0,0,.9);z-index: 2;background-color: #F91F38}

.case .swiper-container{position: relative;margin-bottom: 3%;border: 15px solid #333;background: url(images/bg2.jpg) no-repeat top left;padding-bottom: 5%;background-size: 40%;}
.case .info,.case .zp{display: inline-block;vertical-align: middle;position: relative;}
.case .info{width: 35%;padding-left: 5%;}
.case .zp {width: 60%;}
.case .zp img{border: 1px solid #eaeaea;}
.case .info img{display: inline-block;width: 34%;vertical-align: middle;}
.case .info section{display: inline-block;width: calc(65% - 132px);padding-left: 50px;padding-right: 70px;vertical-align: middle;}
.case .info section h4{font-size: 20px;position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.case .info section h4:after{position: absolute;content: '';left: 0;width: 20px;bottom: 0;height: 2px;background-color: #0D0D0E;}
.case .info section h5{font-size: 18px;padding-bottom: 10px;}
.case .info section p{font-size: 14px;line-height: 24px;color: #666;}
.case .zp p{position: absolute;top: 70%;left: -50px;width: 200px;height: 50px;line-height: 50px;font-weight: bold;font-size: 20px;color: #fff;background-color: #0d0d0e;text-align: center;}
.swiper-pagination{bottom: 3% !important;}
.swiper-pagination-bullet{background-color: #F91F38;width: 10px;height: 10px;}

.make{padding-bottom: 2%;}
.make .makeStep li{display: inline-block;width: 30%;margin-right: 5%;margin-bottom: 2%;vertical-align: top;position: relative;}
.make .makeStep li .info{border: 6px solid #f91f38;padding: 3% 5% 3% 35%;}
.make .makeStep li h4{font-size: 20px;padding-bottom: 10px;}
.make .makeStep li p{font-size: 14px;line-height: 24px;}
.make .makeStep li:first-of-type .info{background: url(images/1.png) no-repeat left center ;background-size: 35%;}
.make .makeStep li:nth-of-type(2) .info{background: url(images/2.png) no-repeat left center;background-size: 35%;}
.make .makeStep li:nth-of-type(3) .info{background: url(images/3.png) no-repeat left center;background-size: 35%;}
.make .makeStep li:nth-of-type(4) .info{background: url(images/4.png) no-repeat left center;background-size: 35%;}
.make .makeStep li:nth-of-type(5) .info{background: url(images/5.png) no-repeat left center;background-size: 35%;}
.make .makeStep li:last-of-type .info{background: url(images/6.png) no-repeat left center;background-size: 35%;}
.make .zixun{margin-bottom: 3%;}

.tutor {background: url(images/bg3.jpg) no-repeat center;background-size: cover;padding-bottom: 3%;}
.tutor h3{color: #fff;}
.tutor li{display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;margin-bottom: 4%;}
.tutor li .tu{position: relative;}
.tutor li .tu img{width: 100%;vertical-align: top;}
.tutor li .info{padding: 8%;font-size: 16px;line-height: 30px;background-color: #fff;}
.tutor li .info h4{font-weight: normal;}
.tutor li .info span{font-weight: bold;}
.tutor li:hover .info{color: #f91f38;}
.tutor li:hover .info:after{background-color: #f91f38;}
.tutor .zixun a{background-color: #fff;color: #F91F38;}

.qa li{display: inline-block;width: calc(24% - 10px);margin-right: 5%;border: 5px solid #F91F38;padding: 3%;vertical-align: top;box-shadow: 0 0 30px rgba(0,0,0,.2)}
.qa li h4{font-size: 20px;padding-bottom: 5%;}
.qa li p{font-size: 14px;line-height: 24px;}
.qa li:hover{color: #fff;box-shadow: 0 0 30px rgba(247,28,53,.33);background-color: #F91F38;}

.zx{padding-bottom: 3%;}
.zx li{display: inline-block;width: 30%;margin-right: 5%;vertical-align: top;}
.zx li .info p{font-size: 14px;color: #333;font-weight: bold;padding-left: 20px;position: relative;margin-top: 5%;}
.zx li .info p:before{position: absolute;content: '';top: 0;left: 0;height: 100%;width: 6px;background-color: #333;}
.zx li:hover p{color: #F91F38;}
.zx li:hover p:before{background-color: #F91F38;}