body{color: #414141;}

.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: 25%;margin-right: 12.5%;vertical-align: top;border-bottom: 4px solid #414141;padding-bottom: .8%;margin-bottom: 3%;}
.advantage li .tu{position: relative;padding-bottom: 12%;border-bottom: 1px solid #414141;}
.advantage li .tu p{position: absolute;font-size: 24px;left: 27%;bottom: 12%;}
.advantage li .tu p span{display: block;font-size: 16px;padding-top: 10px;}
.advantage li img{width: 50%;}
.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,.advantage li:hover .tu{border-color: #2970c6;}
.advantage li:hover p{color: #2970c6;font-weight: bold;}

.inspector .xing{border: 1px solid #414141;}
.inspector .xing .xingbg{display: inline-block;width: 50%;vertical-align: middle;padding: 5% 0;background: url(../images/4.jpg) no-repeat center;background-size: cover;}
.inspector .xing .info{display: inline-block;width: 50%;vertical-align: middle;padding-top: 3%;}
.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:last-of-type{font-size: 16px;color: #414141;display: block;margin-left: 14%;margin-top: 3%;text-decoration: underline;}
.inspector .xing .info>a:first-of-type,.case a,.online a{display: block;width: 200px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;margin: 4% 14% 0;background: #2970c6;text-align: center;}
.inspector .xing .info span,.tutor .text 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%;}

.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 .tutor_t li:first-child .info,.tutor .tutor_t li:nth-child(2) .info,.tutor .tutor_r li:nth-child(1) .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 span{font-size: 0;}
.tutor li:hover .info span{font-size: 14px;display: block;padding-top: 10px;}
.tutor li .info a{display: inline-block;height: 0;font-size: 14px;color: #3b94ff;margin-top: 3%;overflow: hidden;padding-right: 20%;background: url(../images/21.png) no-repeat 90% 12%;background-size: 15%;}
.tutor li:hover .info{color: #fff;background: rgba(0,0,0,.5);}
.tutor li:hover .info a{height: 20px;}
.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: 1% 3% 0 5%;}
@media only screen and (max-width: 1500px) {
	.inspector .xing .info .text span{margin: 1%}
}
.tutor .text h5{font-size: 28px;}
.tutor .text h6{font-size: 20px;color: #2970c6;font-weight: normal;}
.tutor .text span{color: #2970c6;margin: 1%;}
.tutor .text section p{font-size: 16px;line-height: 26px;margin-bottom: 0;}
.tutor .text section p i{font-size: 18px;font-weight: bold;}

.case{padding-bottom: 4%;background: url(../images/bg1.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,.online a{margin: 0 auto;}

.zp img{box-shadow: 0 0 20px rgba(0,0,0,.2);width: 24%;margin-left: 1%;margin-bottom: 1%;}
.zp img:first-of-type,.zp img:nth-of-type(6){width: 50%;}
.zp img:nth-of-type(3n-2){margin-left: 0;}
.zp .swiper-container{padding-bottom: 20px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
.swiper-pagination-bullet{opacity: 1;background: #dedede;}
.swiper-pagination-bullet-active{width: 20px;background: #2970c6;border-radius: 5px;}

.online{background-color: #f5f5f5;margin-top: 5%;padding-bottom: 3%;}
.online li{display: inline-block;width: 32%;margin-right: 2%;vertical-align: top;box-shadow: 0 0 10px rgba(0,0,0,.1);margin-bottom: 4%;}
.online li section{padding: 5%;background-color: #fff;}
.online li h5{font-size: 20px;min-height: 60px;}
.online li p{font-size: 16px;}

form{padding: 3% 0;background: url(../images/bg2.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{width: 300px;font-size: 20px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.6);text-indent: 20px;}
form ul li.tj input{width: 100%;border: none;height: 40px;line-height: 40px;text-align: center;background: #2970c6;}