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

.major{margin-bottom: 3%;}
.majorList,.majorInfo{display: inline-block;vertical-align: top;}
.majorList {width: 55%;}
.majorInfo {width: calc(40% - 12px);background: url(images/bg1.jpg) no-repeat center;background-size: cover;border: 6px solid #000;position: relative;}

.majorList li{display: inline-block;width: calc(22.25% - 12px);margin-right: 1%;margin-bottom: 1%;text-align: right;background-color: #000;border: 6px solid #000;padding-right: 1%;cursor: pointer;}
.majorList li h4{display: inline-block;font-size: 16px;color: #fff;font-weight: normal;padding-top: 5%;padding-bottom: 5%;text-align: left;position: relative;}
.majorList li h4:before{position: absolute;top: calc(50% - 5px);left: -18%;content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #ffbf0b;}
.majorList li.bgf h4:before{background-color: #f91f38;}
.majorList li h4 p{font-size: 14px;}
.majorList li.active{background-color: #fff;}
.majorList li.active h4{color: #000;font-weight: bold;}
@media only screen and (min-width: 1500px){
	.majorList li h4:before{left: -25%;}
}
@media only screen and (min-width: 1700px){
	.majorList li h4:before{left: -30%;}
}
.majorInfo li p{font-size: 14px;line-height: 24px;padding: 4% 5% 1% 12%;position: relative;}
.majorInfo li p span{font-size: 18px;font-weight: bold;}
.majorInfo li a{display: block;text-align: right;color: #f91f38;}
.majorInfo p:before{position: absolute;top: 15%;left: 4%;content: '';width: 20px;height: 20px;border-radius: 50%;background-color: #ffbf0b;}
.majorInfo .bgh p:before{background-color: #f91f38;}

.register{background: url(images/bg2.jpg) no-repeat center;background-size: cover;padding-top: 1%;padding-bottom: 1.4%;text-align: center;}
.register h4 {font-size: 30px;color: #fff;}
.register h4 span{font-size: 36px;}
.register form p{display: inline-block;font-size: 18px;width: 300px;height: 50px;line-height: 50px;margin-right: 20px;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: 50%;}
.register form p.tj{background-color: #f91f38;text-align: center;text-indent: 0;}
.register form p.tj input{color: #fff;}

.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: 23.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 .yxlist{height: 450px;overflow-y: scroll;}
.yx .info .list li:last-child{margin-right: 0;}
.yx .info .list li h4{font-size: 24px;font-weight: normal;color: #fff;height: 86px;line-height: 86px;background: url(images/bg3.jpg) no-repeat center;background-size: cover;text-align: center;}
.yx .info .list li a{display: block;margin: 10px 15px;padding: 10px;border: 1px dashed #f91f38;}
.yx .info .list li:nth-of-type(2n) a{border: 1px dashed #ffbf0b;}
.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: 13px;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;}

.fee {padding-bottom: 3%;margin-top: 3%;background-color: #f5f5f5;}
.fee ul li{display: inline-block;color: #fff;margin-right: 2%;margin-bottom: 2%;vertical-align: top;}
.fee ul li:first-of-type,.fee li:nth-of-type(2){width: 38%;padding: 5%;}
.fee li:nth-of-type(3),.fee li:nth-of-type(4),.fee li:nth-of-type(5){width: 28%;padding: 2%;}
.fee ul li:first-of-type{background: url(images/p1.jpg) no-repeat center;background-size: cover;}
.fee ul li:nth-of-type(2){background: url(images/p2.jpg) no-repeat center;background-size: cover;}
.fee ul li:nth-of-type(3){background: url(images/p3.jpg) no-repeat center;background-size: cover;}
.fee ul li:nth-of-type(4){background: url(images/p4.jpg) no-repeat center;background-size: cover;}
.fee ul li:last-of-type{background: url(images/p5.jpg) no-repeat center;background-size: cover;}
.fee ul li h4{display: inline-block;width: 115px;font-size: 36px;line-height: 26px;text-align: center;border-bottom: 10px solid #ffbf0b;vertical-align: top;}
.fee li:nth-of-type(3) h4,.fee li:nth-of-type(4) h4,.fee li:nth-of-type(5) h4{padding-top: 10%;}
.fee ul li p{display: inline-block;font-size: 14px;line-height: 24px;width: calc(100% - 140px);vertical-align: top;margin-left: 25px;}
.fee ul li:first-of-type p,.fee li:nth-of-type(2) p{width: calc(100% - 165px);margin-left: 50px;}
.fee .zixun{margin-top: 10px;}

.apply li{display: inline-block;width: calc(30% - 16px);border: 8px solid #000;vertical-align: top;margin-right: 5%;margin-bottom: 3%;background-color: #fff;margin-top: 75px;position: relative;}
.apply li:after{position: absolute;content: '';bottom: 5%;right: 5%;width: 15px;height: 15px;background-color: #000;border-radius: 50%;}
.apply li:hover:after{background-color: #ffbf0b;}
.apply li h4{position: absolute;top: -75px;left: 50%;padding: 10px;background-color: #000;}
.apply li:hover{border: 8px solid #ffbf0b;}
.apply li:hover h4{background-color: #ffbf0b;box-shadow: 9px 9px 20px rgba(17,20,46,.36);}
.apply li h4 p{width: 120px;height: 120px;border: 5px solid #fff;}
.apply li p.fwb{font-weight: bold;}
.apply li:first-of-type h4 p{background: url(images/a.png) no-repeat center;background-size: cover;}
.apply li:nth-of-type(2) h4 p{background: url(images/b.png) no-repeat center;background-size: cover;}
.apply li:last-of-type h4 p{background: url(images/c.png) no-repeat center;background-size: cover;}
.apply .info{padding: 6% 8% 10%;}
.apply .info h5{display: inline-block;width: 80px;font-size: 20px;padding-top: 16%;margin-bottom: 5%;}
.apply li:first-of-type .info h5{background: url(images/icon5.png) no-repeat top center;background-size: 50%;}
.apply li:nth-of-type(2) .info h5{background: url(images/icon6.png) no-repeat top center;background-size: 50%;}
.apply li:last-of-type .info h5{background: url(images/icon7.png) no-repeat top center;background-size: 50%;}
.apply .info p{font-size: 14px;line-height: 28px;}
.apply .info p span{font-weight: bold;}

.case {background: url(images/bg4.jpg) no-repeat center;background-size: cover;padding-bottom: 3%;margin-top: 3%;}
.case h3{color: #fff;}
.case .swiper-container{position: relative;padding-left: 80px;padding-right: 80px;margin-bottom: 3%;}
.case .swiper-slide{background-color: #fff;padding-top: 3%;padding-bottom: 3%;}
.case .info,.case .zp{display: inline-block;width: 45%;vertical-align: middle;position: relative;}
.case .info{padding-left: 5%;}
.case .zp {padding-right: 5%;}
.case .zp img{border: 1px solid #eaeaea;}
.case .info h4{font-size: 20px;color: #ffbf0b;}
.case .info img{display: inline-block;width: 35%;border: 6px solid #ffbf0b;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 h5{font-size: 18px;}
.case .info section p{font-size: 14px;line-height: 24px;color: #666;}
.case .info p.caseMajor{padding-bottom: 8%;margin-bottom: 8%;position: relative;}
.case .info p.caseMajor:after{position: absolute;bottom: 0;left: 0;content: '';width: 30px;height: 4px;background-color: #ffbf0b;}
.case .zp p{position: absolute;top: calc(50% - 25px);left: -68px;width: 136px;height: 50px;line-height: 50px;font-weight: bold;font-size: 20px;color: #fff;background-color: #ffbf0b;text-align: center;}
.case .swiper-button-prev,.case .swiper-button-next{top: calc(50% - 63px);width: 56px;height: 126px;}
.case .swiper-button-prev{left: 0;background: url(images/icon8.png) no-repeat center;background-size: 40px;}
.case .swiper-button-next{right: 0;background: url(images/icon9.png) no-repeat center;background-size: 40px;}

.make .makeStep li{display: inline-block;width: calc(17% - 12px);margin-right: 5%;margin-bottom: 2%;vertical-align: top;border: 6px solid #f91f38;padding: 2% 3% 2% 10%;position: relative;}
.make .makeStep li:after,.make .makeStep li:before{position: absolute;content: '';}
.make .makeStep li:before{top: 10%;right: 10%;width: 15px;height: 15px;border-radius: 50%;background-color: #f91f38;}
.make .makeStep li:after{top: 0;left: 100%;width: 20%;height: 100%;background: url(images/icon1.png) no-repeat center;background-size: 70%;}
.make .makeStep li:hover{border: 6px solid #ffbf0b;}
.make .makeStep li:hover:before{background-color: #ffbf0b;}
.make .makeStep li:nth-of-type(3):after,.make .makeStep li:last-of-type:after{background: none;}
.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{background: url(images/01.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:nth-of-type(2){background: url(images/02.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:nth-of-type(3){background: url(images/03.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:nth-of-type(4){background: url(images/04.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:nth-of-type(5){background: url(images/05.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:last-of-type{background: url(images/06.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:hover:first-of-type{background: url(images/001.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:hover:nth-of-type(2){background: url(images/002.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:hover:nth-of-type(3){background: url(images/003.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:hover:nth-of-type(4){background: url(images/004.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:hover:nth-of-type(5){background: url(images/005.png) no-repeat 5% center;background-size: 30%;}
.make .makeStep li:hover:last-of-type{background: url(images/006.png) no-repeat 5% center;background-size: 30%;}
.make .zixun{margin-bottom: 3%;}

.tutor {background-color: #f5f5f5;padding-bottom: 3%;}
.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 .tu .shade{position: absolute;top: 0;left: 0;width: calc(100% - 12px);height: calc(100% - 12px);background-color: rgba(249,31,56,.2);display: none;}
.tutor li:hover .tu .shade{display: block;border: 6px solid #f91f38;}
.tutor li .info{padding-top: 5%;padding-left: 8%;font-size: 16px;line-height: 30px;position: relative;}
.tutor li .info:after{position: absolute;content: '';top: 25%;left: 2%;width: 5px;height: 70%;background-color: #222;}
.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{margin-bottom: 10px;}

.qa ul{padding: 3% 5%;border: 8px solid #f5f5f5;margin-bottom: 3%;}
.qa li{padding-left: 8%;padding-right: 8%;margin-bottom: 2%;position: relative;}
.qa li:after{position: absolute;content: '';top: 0;right: 20px;width: 60px;height: 100%;background: url(images/icon4.jpg) no-repeat top center;background-size: 60px;}
.qa li h4,.qa li i,.qa li p{display: inline-block;vertical-align: top;}
.qa li h4{display: inline-block;padding-left: 10px;padding-right: 5px;height: 60px;line-height: 60px;font-size: 18px;color: #fff;position: relative;background-color: #F91F38;border-radius: 5px;}
.qa li:nth-of-type(2n) h4{background-color: #ffbf0b;}
.qa li h4:before{position: absolute;content: '';top: 20px;left: -10px;width: 0;height: 0;border-right: 10px solid #F91F38;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.qa li h4:after{position: absolute;content: '';width: 60px;height: 60px;top: 0;left: -100px;background: url(images/icon2.jpg) no-repeat center;background-size: 60px;}
.qa li:nth-of-type(2n) h4:before{border-right: 10px solid #ffbf0b;}
.qa li:nth-of-type(2n) h4:after{background: url(images/icon3.jpg) no-repeat center;background-size: 60px;}
.qa li i{font-size: 60px;color: #F91F38;line-height: 12px;margin-left: 20px;margin-right: 20px;overflow: hidden;text-align: center;}
.qa li:nth-of-type(2n) i{color: #ffbf0b;}
.qa li p{display: inline-block;width: 410px;font-size: 14px;line-height: 24px;padding: 10px 15px;border: 2px solid #F91F38;position: relative;border-radius: 5px;}
.qa li:nth-of-type(2n) p{border-color: #ffbf0b;}
.qa li p:before,.qa li p:after{position: absolute;content: '';top: 10px;width: 0;height: 0;left: 100%;}
.qa li p:before{top: 12px;border-left: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;z-index: 2;}
.qa li p:after{border-left: 12px solid #f91f38;border-top: 12px solid transparent;border-bottom: 12px solid transparent;z-index: 1;}
.qa li:nth-of-type(2n) p:after{border-left: 12px solid #ffbf0b;}