body{color: #222;}

.border{border: 1px solid #bdbdbd;}
.zuopin .majorList{padding-top: .2rem;padding-bottom: .4rem;background: url(images/dian.jpg) no-repeat center #fff;text-align: center;border-bottom: 1px solid #bdbdbd;}
.zuopin .majorList li{display: inline-block;width: 2.5rem;padding-top: .2rem;padding-bottom: .1rem;font-size: .4rem;margin-right: .1rem;margin-top: .2rem;}
.zuopin .majorList li.active{color: #fff;font-weight: bold;background-color: #f55d43;}
.zuopin .majorList li p{display: inline-block;min-width: 2rem;padding-bottom: .1rem;border-bottom: .1rem solid #f55d43;}
.zuopin .swiper-container{height: 6.12rem;}
.zuopin .s1{background: url(images/zp_fz1.jpg) no-repeat center;background-size: cover;}
.zuopin .s2{background: url(images/zp_fz2.jpg) no-repeat center;background-size: cover;}
.zuopin .s3{background: url(images/zp_zb1.jpg) no-repeat center;background-size: cover;}
.zuopin .s4{background: url(images/zp_zb2.jpg) no-repeat center;background-size: cover;}
.zuopin .s5{background: url(images/zp_ss1.jpg) no-repeat center;background-size: cover;}
.zuopin .s6{background: url(images/zp_ss2.jpg) no-repeat center;background-size: cover;}
.zuopin .s7{background: url(images/zp_pm1.jpg) no-repeat center;background-size: cover;}
.zuopin .s8{background: url(images/zp_pm2.jpg) no-repeat center;background-size: cover;}
.zuopin .s9{background: url(images/zp_sj1.jpg) no-repeat center;background-size: cover;}
.zuopin .s10{background: url(images/zp_sj2.jpg) no-repeat center;background-size: cover;}
.zuopin .s11{background: url(images/zp_ch1.jpg) no-repeat center;background-size: cover;}
.zuopin .s12{background: url(images/zp_ch2.jpg) no-repeat center;background-size: cover;}
.zuopin .s13{background: url(images/zp_cy1.jpg) no-repeat center;background-size: cover;}
.zuopin .s14{background: url(images/zp_cy2.jpg) no-repeat center;background-size: cover;}
.zuopin .s15{background: url(images/zp_yx1.jpg) no-repeat center;background-size: cover;}
.zuopin .s16{background: url(images/zp_yx2.jpg) no-repeat center;background-size: cover;}
.zuopin .s17{background: url(images/zp_dh1.jpg) no-repeat center;background-size: cover;}
.zuopin .s18{background: url(images/zp_dh2.jpg) no-repeat center;background-size: cover;}
.zuopin .s19{background: url(images/zp_sy1.jpg) no-repeat center;background-size: cover;}
.zuopin .s20{background: url(images/zp_sy2.jpg) no-repeat center;background-size: cover;}
.zuopin .s21{background: url(images/zp_film1.jpg) no-repeat center;background-size: cover;}
.zuopin .s22{background: url(images/zp_film2.jpg) no-repeat center;background-size: cover;}
.zuopin .s23{background: url(images/zp_sz1.jpg) no-repeat center;background-size: cover;}
.zuopin .s24{background: url(images/zp_sz2.jpg) no-repeat center;background-size: cover;}
.zuopin .s25{background: url(images/zp_jh1.jpg) no-repeat center;background-size: cover;}
.zuopin .s26{background: url(images/zp_jh2.jpg) no-repeat center;background-size: cover;}
.zuopin .s27{background: url(images/zp_gy1.jpg) no-repeat center;background-size: cover;}
.zuopin .s28{background: url(images/zp_gy2.jpg) no-repeat center;background-size: cover;}
.zuopin .s29{background: url(images/zp_cp1.jpg) no-repeat center;background-size: cover;}
.zuopin .s30{background: url(images/zp_cp2.jpg) no-repeat center;background-size: cover;}
.zuopin .s31{background: url(images/zp_qc1.jpg) no-repeat center;background-size: cover;}
.zuopin .s32{background: url(images/zp_qc2.jpg) no-repeat center;background-size: cover;}
.zuopin .s33{background: url(images/zp_jz1.jpg) no-repeat center;background-size: cover;}
.zuopin .s34{background: url(images/zp_jz2.jpg) no-repeat center;background-size: cover;}
.zuopin .s35{background: url(images/zp_cs1.jpg) no-repeat center;background-size: cover;}
.zuopin .s36{background: url(images/zp_cs2.jpg) no-repeat center;background-size: cover;}
.zuopin .s37{background: url(images/zp_jg1.jpg) no-repeat center;background-size: cover;}
.zuopin .s38{background: url(images/zp_jg2.jpg) no-repeat center;background-size: cover;}
.zuopin .s39{background: url(images/zp_sn1.jpg) no-repeat center;background-size: cover;}
.zuopin .s40{background: url(images/zp_sn2.jpg) no-repeat center;background-size: cover;}
.zuopin a,.case a,.advantage a{display: block;font-size: .48rem;color: #fff;width: 6rem;height: 1.2rem;line-height: 1.2rem;background-color: #f55d43;margin: .6rem auto 0;text-align: center;}

.case,.make {margin-top: 1.2rem;padding-bottom: 1.2rem;}
.case .swiper-container{padding-left: 0.6rem;padding-right: 0.6rem;}
.case section{border: 1px solid #bdbdbd;padding: 0.2rem;background-color: #fff;}
.case section .info{font-size: .4rem;padding: .4rem .2rem .2rem;background-color: #fff;}
.case section h5{font-size: 0.44rem;padding-bottom: .2rem;}
.case section .info span{font-weight: bold;}
.case .swiper-button-prev,.case .swiper-button-next{position: absolute;top: 0;bottom: 0;width: .42rem;height: 100%;}
.case .swiper-button-prev{left: 0;background: url(images/icon11.png) no-repeat center;background-size: .42rem;}
.case .swiper-button-next{right: 0;background: url(images/icon12.png) no-repeat center;background-size: .42rem;}

.register{background-color: #0e1520;padding-bottom: 1rem;}
.register h3{color: #fff;}
.register h3 span{border-color: #420b35;}
.register p{font-size: .48rem;width: 10rem;height: 1.4rem;line-height: 1.4rem;background-color: #fff;text-indent: .4rem;margin: 0 auto .2rem}
.register p input{font-size: .48rem;width: 60%;height: .8rem;line-height: .8rem;}
.register p.tj{text-indent: 0;background-color: #f55d43;margin-top: .3rem;}
.register p.tj input{width: 100%;color: #fff;}

.feature {background: url(images/bg.jpg) no-repeat top center;background-size: cover;padding-bottom: 1.2rem;}
.feature h3,.studio h3{color: #fff;}
.feature .tabs{background-color: #fff;text-align: center;}
.feature .tabs li{display: inline-block;width: 2.33rem;font-size: 0.48rem;height: 1.4rem;line-height: 1.4rem;border-right: 1px solid #bdbdbd;position: relative;}
.feature .tabs li:last-of-type{border: none;}
.feature .tabs li.active{color: #fff;font-weight: bold;background-color: #f55d43;border-color: #f55d43;}
.feature .swiper-container{background-color: #fff;border-top: 1px solid #bdbdbd;}
.feature .swiper-container section{font-size: .4rem;padding: .4rem .6rem .2rem 2rem;}
.feature .swiper-container section h4{font-size: .48rem;color: #f55d43;position: relative;line-height: 1.2rem;}
.feature .swiper-container section h4:before{position: absolute;top: 0;left: -1.3rem;content: '';width: 1.2rem;height: 1.2rem;}
.feature .swiper-container section:first-of-type{padding-top: .6rem;}
.feature .swiper-container section:last-of-type{padding-bottom: .6rem;}
.feature .swiper-container section:first-of-type h4:before{background: url(images/icon7.png) no-repeat left top;background-size: 1.14rem;}
.feature .swiper-container section:last-of-type h4:before{background: url(images/icon8.png) no-repeat left top;background-size: 1.14rem;}

.faq{border: 1px solid #bdbdbd;margin: 1.2rem .4rem;}
.faq li{padding: 1rem .6rem;position: relative;border-bottom: 3px solid #eeecef;}
.faq h4{font-size: 0.48rem;margin-bottom: .4rem;width: 11rem;}
.faq h4 span{font-size: 0.6rem;}
.faq p{font-size: 0.4rem;height: .8rem;line-height: .8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.faq li p a{display: block;font-size: 0.48rem;color: #fff;width: 5.2rem;height: 1.2rem;line-height: 1.2rem;background-color: #f55d43;text-align: center;margin: 0.6rem auto 0;}
.faq li:last-child{border: none;padding-bottom: 1.2rem;}
.faq li.active{background-color: #fff;}
.faq li.active h4 span{color: #f55d43;}
.faq ul li.active p{height: auto;white-space: inherit;}
.faq ul li i{position: absolute;top: .8rem;right: .8rem;width: 1.2rem;height: 1.2rem;background: url(images/icon13.png) no-repeat center #212121;background-size: 0.66rem;}
.faq ul li.active i{background-color: #f55d43;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);}

.course li:first-of-type{background: url(images/p2.png) no-repeat top center #e32c26;background-size: cover;margin-bottom: .6rem;}
.course li:last-of-type{background: url(images/p3.png) no-repeat top center #e32c26;background-size: cover;}
.course li section{padding: 0.8rem 1rem;border: .08rem solid #f5f5f5;}
.course li section h4{font-size: 0.6rem;color: #fff;padding-bottom: 0.5rem;margin-bottom: 0.5rem;position: relative;}
.course li section h4 p{font-size: 0.48rem;font-weight: normal;padding-top: 0.3rem;}
.course li section h4:after{position: absolute;content: '';width: 0.5rem;height: 1px;bottom: 0;left: 0;background-color: #fff;}
.course li section a>p{font-size: 0.4rem;color: #fff;}

.advantage li{background: url(images/dian.jpg) no-repeat center;background-size: cover;height: 1.6rem;margin-bottom: .4rem;margin-right: .2rem;border: 1px solid #bdbdbd;box-shadow: 0.1rem 0.1rem 0 #f5f5f5;overflow: hidden;}
.advantage li span,.advantage li i{display: inline-block;vertical-align: middle;padding-left: .7rem;}
.advantage li span{font-size: 0.48rem;color: #fff;font-weight: bold;height: 1.6rem;line-height: 1.6rem;width: 4.2rem;background-color: #e32c26;position: relative;}
.advantage li span:before{position: absolute;content: '';left: .3rem;top: .7rem;width: .2rem;height: .2rem;background-color: #fff;border-radius: 50%;}
.advantage li:nth-of-type(2n) span{background-color: #f55d43;}
.advantage i{font-size: .4rem;width: 7.8rem;}

.studio {position: relative;padding-bottom: 1.2rem;background: url(images/bg2.jpg) no-repeat top center;background-size: cover;margin-top: 1.2rem;}
.studio .swiper-container{padding-bottom: .2rem;}
.studio .swiper-container a{display: block;color: #222;text-align: center;padding: 0.2rem;background-color: #fff;}
.studio a h4{font-size: .48rem;color: #fff;height: 1.6rem;line-height: 1.6rem;background-color: #f55d43;}
.studio a p{padding: .6rem .2rem;font-size: .36rem;}
.studio a p span{display: block;font-weight: bold;padding-bottom: .2rem;}
.studio .swiper-slide-active a{padding: 0.12rem;border: 0.08rem solid #f55d43;}
.studio .swiper-slide-active h4{-webkit-transform: scaleX(1.15);-moz-transform: scaleX(1.15);-ms-transform: scaleX(1.15);-o-transform: scaleX(1.15);transform: scaleX(1.15);}
.studio .swiper-button-prev,.studio .swiper-button-next{position: absolute;top: 2.5rem;width: 1.1rem;height: 2rem;}
.studio .swiper-button-prev{left: .2rem;background: url(images/icon5.png) no-repeat center;background-size: 1.1rem;}
.studio .swiper-button-next{right: .2rem;background: url(images/icon6.png) no-repeat center;background-size: 1.1rem;}

.yx{padding-bottom: 1.2rem;text-align: center;}
.yx li{display: inline-block;width: 4.2rem;padding: .4rem;text-align: center;vertical-align: top;}
.yx li img{width: 2.96rem;height: 2.96rem;border: 1px solid #bdbdbd;}
.yx li p{font-size: .36rem;padding-top: .5rem;}
.yx li span{display: block;font-size: .32rem;padding-top: .2rem;}