body{color: #414141;}

.banner{position: relative;}
.banner .container{position: absolute;top: 0;left: 12.5%;width: 75%;}
.banner .container .img_l{width: 48%;margin-top: 11%;margin-left: 2%;}
.banner .container .img_r{width: 22.77%;margin-left: 25%;margin-top: 13%;}

.container h4,.case h4{font-size: 36px;text-align: center;padding: 4% 0 3%;}
.container h4 p,.case h4 p{font-size: 24px;font-weight: normal;}
.advantage li{display: inline-block;width: 14%;padding: 0 2%;margin-right: 2.5%;}
.advantage li:last-child{margin-right: 0;}
.advantage li .tu{position: relative;margin-bottom: 12%;}
.advantage li .tu p{position: absolute;font-size: 18px;left: 35%;bottom: 0;}
.advantage li:nth-child(3) .tu p{left: 38%;}
.advantage li:last-child .tu p{left: 42%;}
.advantage li img{width: 87%;}
.advantage li img,.advantage li:hover img:first-child{display: none;}
.advantage li img:first-child,.advantage li:hover img:nth-child(2){display: block;}
.advantage li h5 a{display: block;font-size: 18px;color: #414141;font-weight: normal;height: 25px;text-align: center;padding: 8% 0;border-top: 1px solid #414141;border-bottom: 1px solid #414141;}
.advantage li:hover p{color: #dd2a3f;}
.advantage li:hover h5 a{color: #dd2a3f;font-weight: bold;border-top: 1px solid #dd2a3f;border-bottom: 1px solid #dd2a3f;}
@media only screen and (max-width: 1700px) {.advantage li .tu p{font-size: 15px;}}
@media only screen and (max-width: 1560px) {.advantage li .tu p{font-size: 13px;}}
@media only screen and (max-width: 1300px) {.advantage li .tu p{font-size: 12px;}}

.inspector .xing .xingbg{display: inline-block;width: 50%;vertical-align: top;padding: 5% 0;background: url(../images/xing.jpg) no-repeat center;background-size: cover;}
.inspector .xing .info{display: inline-block;width: 50%;vertical-align: top;border-top: 1px solid #414141;border-bottom: 1px solid #414141;padding: 5% 0}
.inspector .xing .info section{font-size: 16px;padding-bottom: 3%;border-bottom: 1px solid #414141;margin: 0 14% 3%;}
.inspector .xing .info section h5{font-size: 26px;}
.inspector .xing .info>p{font-size: 14px;color: #7b7b7b;line-height: 22px;padding: 0 14%;text-align: justify;}
.inspector .xing .info>a,.case a,.qa a{display: block;width: 200px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;margin: 4% 14% 0;background: #DD2A3F;text-align: center;}
.inspector .xing .info span,.tutor .text span,.qa .a span,form span{display: inline-block;font-size: 24px;-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-o-transform: rotate(15deg);transform: rotate(15deg);margin: 2% 1%;}
.inspector .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: absolute;bottom: 25px;width: calc(100% - 30px);	text-align: right;padding-right: 30px;z-index: 2;}
.swiper-pagination-bullet{opacity: 1;background: #fff;	}
.swiper-pagination-bullet-active{width: 20px;background: #dd2a3f;border-radius: 5px;}

.tutor >div{background: #1b1b1b;}
.tutor li{position: relative;display: inline-block;width: 25%;background: #4a4a4a;text-align: center;vertical-align: top;}
.tutor li .info{position: absolute;bottom: 0;left: 0;width: 90%;color: #000;padding: 5%;text-align: left;}
.tutor .color_f .info{color: #fff;}
.tutor li .info h5{font-size: 20px;padding-bottom: 3%;}
.tutor li .info p{font-size: 16px;opacity: .8;}
.tutor li .info a{display: block;height: 0;font-size: 14px;color: #DD2A3F;margin-top: 3%;	overflow: hidden;}
.tutor li:hover .info{color: #fff;background: rgba(0,0,0,.5);}
.tutor li:hover .info a{height: 20px;padding: 1% 0;}
.tutor li .info a img{width: 6%;margin-left: 5%;vertical-align: middle;}
.tutor li>img.transy{width: 8%;left: 46%;}
.tutor ul.tutor_r,.tutor div.text{display: inline-block;width: 50%;vertical-align: top;}
.tutor ul.tutor_r li{width: 50%;}
.tutor div.text{width: 42%;font-size: 14px;color: #fff;padding: 2% 3% 0 5%;}
@media only screen and (max-width: 1500px) {
	.inspector .xing .info .text span{margin: 1%}
}
.tutor .text h5{font-size: 36px;}
.tutor .text h6{font-size: 24px;color: #DD2A3F;font-weight: normal;}
.tutor .text span{color: #DD2A3F;margin: 1%;}
.tutor .text section p{font-size: 16px;line-height: 26px;margin-bottom: 0;}

.case{padding-bottom: 4%;background: url(../images/anli-bg.jpg) no-repeat center;background-size: cover;margin-top: 5%;}
.case h4{color: #fff;}
.caselist li{display: inline-block;width: 21.25%;margin-right: 5%;margin-bottom: 5%;vertical-align: top;}
.caselist li:nth-child(4n){margin-right: 0;}
.caselist li .info{font-size: 14px;color: #fff;line-height: 22px;padding: 8%;	margin-top: 10%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.caselist li h5{font-size: 18px;padding-bottom: 10px;}
.caselist a,.qa>a{margin: 0 auto;}

.zp .swiper-container{padding-left: 80px;padding-right: 80px;text-align: center;}
.zp .swiper-container .swiper-button-prev,.zp .swiper-container .swiper-button-next{position: absolute;bottom: 0;top: 0;width: 50px;height: 100%;}
.zp .swiper-container .swiper-button-prev{left: 0;background: url(../images/arrowLeft.png) no-repeat center;background-size: 50px;}
.zp .swiper-container .swiper-button-next{right: 0;background: url(../images/arrowRight.png) no-repeat center;background-size: 50px;}

.qa {padding-bottom: 3%;}
.qa li{display: inline-block;width: 26%;padding: 3.5% 0 2.5%;margin-right: 11%;margin-bottom: 5%;vertical-align: top;cursor: pointer;}
.qa li:nth-child(3n){margin-right: 0;}
.qa li:first-child{background: url(../images/a.png) no-repeat left center;background-size: contain;}
.qa li:first-child:hover,.qa li:first-child.active{background: url(../images/a1.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(2){background: url(../images/b.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(2):hover,.qa li:nth-child(2).active{background: url(../images/b1.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(3){background: url(../images/c.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(3):hover,.qa li:nth-child(3).active{background: url(../images/c1.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(4){background: url(../images/d.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(4):hover,.qa li:nth-child(4).active{background: url(../images/d1.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(5){background: url(../images/e.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(5):hover,.qa li:nth-child(5).active{background: url(../images/e1.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(6){background: url(../images/f.png) no-repeat left center;background-size: contain;}
.qa li:nth-child(6):hover,.qa li:nth-child(6).active{background: url(../images/f1.png) no-repeat left center;background-size: contain;}
.qa li .q{font-size: 18px;line-height: 25px;padding: 2% 5% 2% 25%;background: url(../images/Q1.png) no-repeat 10% center;background-size: 8%;border-top: 1px solid #414141;border-bottom: 1px solid #414141;}
.qa li:first-child .q{line-height: 50px;}
@media only screen and (max-width: 1600px) {.qa li .q{font-size: 16px;}}
@media only screen and (max-width: 1420px) {.qa li:first-child .q{line-height: 25px;}}
.qa li:hover .q,.qa li.active .q{color: #DD2A3F;background: url(../images/Q.png) no-repeat 10% center;background-size: 9%;border-top: 1px solid #DD2A3F;border-bottom: 1px solid #DD2A3F;}
.qa li .a{display: none;position: fixed;font-size: 16px;line-height: 26px;color: #fff;top: 50%;left: 50%;width: 600px;height: 350px;padding: 75px 150px;margin-top: -250px;margin-left: -450px;background: rgba(0,0,0,0.8);z-index: 10;}
.qa li .a h5{font-size: 24px;}
.qa li .a span{margin: 3% 0 3% 1%;}
.qa li a{margin: 60px auto 0;}
.qa li .a .close{position: absolute;top: 20px;right: 30px;width: 30px;}

/*合作单位*/
.hezuo{padding-bottom: 4%;background: #ececec;}
.hezuo li{display: inline-block;width: 15%;margin-right: 6.25%;}
.hezuo li:last-child{margin-right: 0;}

/*报名*/
form{padding: 3% 0;background: url(../images/form.jpg) no-repeat center;background-size: cover;text-align: center;}
form ul{display: inline-block;font-size: 22px;color: #fff;text-align: left;}
form ul h4{font-size: 36px;}
form ul span{margin: 6% 0 6% 2%;}
form ul li{padding-bottom: 10%;}
form ul li input,form ul li select{width: 300px;font-size: 20px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.6);text-indent: 20px;}
form ul li select{background: url(/public/static/home/global/images/arrow.png) no-repeat 90% center;}
form ul li select option{font-size: 15px;line-height: 25px;background: rgba(0,0,0,0.8);}
form ul li.tj input{width: 100%;border: none;height: 40px;line-height: 40px;text-align: center;background: #dd2a3f;}