@charset "utf-8";
/* banner */

.aboutTit tits h4{height:100px; text-align:center; width:1000px; margin:0 auto}

.banner{background:url(../images/ban4.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:120px;}
.banText{position:relative;height:450px;text-align: center;color:#fff;}
.banText h3{font:56px/1em "微软雅黑";padding-top:150px;} 
.banText h4{font:38px/2em "微软雅黑";}
.btnjT{width:36px;height:36px;border:solid 2px #fff;border-radius: 50%;margin:0 auto;}
.btnjT i{background:url(../images/icjt.png) no-repeat 0 0;width:15px;height:9px;display: inline-block;margin-top:13px;text-align: center;}
/*about us*/
.about_us{width:100%;background:url(../images/bg4.jpg) repeat;overfliw:hidden;}
.aboutTit{width:100%;text-align: center;padding-top:80px;color:#333;padding-bottom:50px;}
.aboutTit h3{font:44px/1em "微软雅黑";}
.aboutTit h4{font:24px/60px "微软雅黑";}
.tits{padding-bottom:20px; height:100px; text-align:center; }
.usText{width:830px;margin:0 auto;text-align: center;font:16px/26px "微软雅黑";color:#656565;}
.numBox{width:100%;}
.numList{width:1200px;margin:0 auto;padding:60px 0;}
.numList li{width:16.66%;float:left;text-align:center;}
.numList li i{font-size:56px;color:#390f65;position:relative;font-family:"微软雅黑";font-weight:bold;}
.numList li i span{font-size:20px;position:absolute;top:0;right:0;font-weight:bold;}
.numList li i em{font:14px/1em "微软雅黑";}
.numList li p{font:14px/30px "微软雅黑";color:#333;}
.swiper-container2{height:200px;}
.usBoxs{width:1100px;margin:0 auto;}
.usImg{width:100%;height:200px;position:relative;overflow:hidden;}
.usImg img{position:absolute;left:50%;top:0;width:1100px;height:100%;margin-left:-550px;}
.pagination{position: absolute;z-index: 20;left: 50%;bottom: 10px;margin-left:-40px;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin:0 3px;cursor: pointer;background:#ccc;}
.swiper-active-switch {background: #fff;}
.usList{width:100%;padding:60px 0;}
.usList li{float:left;width:29%;margin-right:6.5%;margin-bottom:20px;}
.usList li:nth-of-type(3){margin-right:0;}
.usList li h6{font:20px/1em "微软雅黑";color:#333;margin-bottom:20px;}
.usList li p{font:12px/30px "微软雅黑";color:#656565;}
.usList li span{margin-top:30px;width:30px;height:3px;background:#390f65;display: block;}
.course{width:100%;position:relative;background:#F7F7F7;}
.courBox{width:1004px;margin:0 auto;}
.courBox h5{font:42px/1em "微软雅黑";color:#390f65;text-align: center;}
.tabs{width:100%;position:relative;height:2px;background:url(../images/xt.png) no-repeat;margin:40px 0 75px;}
.tabs a{position:absolute;top:-6px;width:10px;height:10px;border:solid 1px #390f65;border-radius:50%;background:#fff;}
.tabs a:nth-of-type(1){left:10%;}
.tabs a:nth-of-type(2){left:18%;}
.tabs a:nth-of-type(3){left:26%;}
.tabs a:nth-of-type(4){left:34%;}
.tabs a:nth-of-type(5){left:42%;}
.tabs a:nth-of-type(6){left:50%;}
.tabs a:nth-of-type(7){left:58%;}
.tabs a:nth-of-type(8){left:66%;}
.tabs a:nth-of-type(9){left:74%;}
.tabs a:nth-of-type(10){left:82%;}
.tabs a:nth-of-type(11){left:90%;}
.tabs .active{background:#390f65;}
.swiper-container{height:200px;padding-bottom:100px;}
.courText{float:left;width:100%;text-align:center;}
.courText h6{font:bold 44px/1em "微软雅黑";color:#390f65;padding-bottom:13px;}
.courText p{color:#656565;font:12px/28px "微软雅黑";}
.courBg{position:absolute;left:0;bottom:0;width:100%;}
.courBg img{width:100%;}
.higeBox{width:1004px;margin:0 auto;}
.higeList{width:100%;padding-bottom:30px;}
.higeList li{float:left;width:300px;margin-right:52px;}
.higeList li:nth-of-type(3){margin-right:0;}
.higeList li img{width:100%;}
.higeList li p{font:16px/20px "微软雅黑";color:#333;text-align: center;height:20px;overflow:hidden;margin:15px 0;}
.higeText{width:100%;padding-bottom:90px;}
.higeText p{text-indent:2em;font:12px/28px "微软雅黑"; color:#656565;}
/* contect us */
.contect_us{width:100%;background: #F7F7F7;overflow:hidden;}
.contectBox{padding:56px 0 22px;width:970px;margin:0 auto;}
.contectTit{width:100%;color:#333;margin-bottom:25px;}
.contectLeft h3{font:20px/60px "微软雅黑";}
.contectTit h4{font:36px/1em "微软雅黑";}
.contectTit h5{font:18px/48px "微软雅黑";text-indent: 14px;}
.contectLeft{width:39%;float:left;color:#333;}
.contectLeft h6{font:36px/1em "微软雅黑";width:100%;padding-bottom:10px;}
.contectLeft p{font:14px/20px "微软雅黑";margin:15px 0;width:100%;}
.contectLeft p a{color:#333;}
.contectLeft p .g_icons{font-family: "iconfont";font-size:20px;line-height:20px;color:#390f65;display:inline-block;margin-right:15px;vertical-align:middle;}
/*.contacts{height:40px;}
.contacts .wechat,.contacts .sina{width:40px;height:40px;float:left;margin-right:20px;}
.contacts .wechat{background: url(../images/icon2.png) no-repeat 0 0;}
.contacts .sina{background: url(../images/icon2.png) no-repeat 0 -50px;}*/
.contectRight{float:right;width:56%;}
.contectRight input{margin-bottom:24px;width:98%;height:40px;font:14px/40px "微软雅黑";color:#999;background:#fff;padding-left:2%;}
.contectRight .name,.contectRight .tel{width:45%;}
.contectRight .name{float:left;}
.contectRight .tel{float:right;}
.contectRight .message{margin-bottom:24px;width:98%;height:120px;font:14px/40px "微软雅黑";color:#999;background:#fff;padding-left:2%;}
.contectRight .subBtn{width:140px;height:40px;font:16px/40px "微软雅黑";color:#fff;text-align: center;border-radius: 20px;cursor: pointer;background:#390f65;}
.map{width:100%;height:250px;position:relative;overflow:hidden;}
.map img{width:1920px;height:100%;position:absolute;left:50%;margin-left:-960px;top:0;}
/*------ 响应式  -------*/
@media screen and (max-width:1280px) {
    .numList{width:90%;padding:50px 0;}
    .numList li i{font:40px/42px "微软雅黑";color:#390f65;}
}
@media screen and (max-width:1200px) {
	.banner{background-attachment: scroll;margin-top:90px;}
	.banText{height:400px;}	
	.numList{padding:30px 0;}
    .numList li{width:33.33%;padding:10px 0;}
    .usBoxs{width:90%;margin:0 auto;}
    .usList li h6{font:18px/1em "微软雅黑";}
}
@media screen and (max-width:1100px) {
	.courBox{width:90%;margin:0 auto;}
	.tabs{background:#390f65;}
	.higeBox{width:90%;}
	.higeList li{width:30%;margin-right:5%;}
	.higeList li:nth-of-type(3){margin-right:0;}
	.higeList li p{font:14px/20px "微软雅黑";}
	.contectBox{width:90%;}
}
@media screen and (max-width:1000px) {
	.contectLeft{width:47%;}
    .contectRight{width:50%;}
    .contectTit{padding-left: 50%;}
    .usText{width:80%;margin:0 auto;}
    .usList li{width:30%;margin-right:5%;}
}
@media screen and (max-width:800px) {
	.courBox h5{font: 34px/1em "微软雅黑";}
	.contectBox{width:80%;}
	.contectTit{width:100%;text-align: center;padding-left:0;}
    .contectLeft{width:100%;padding-bottom: 80px;}
    .contectLeft p{font: 18px/20px "微软雅黑";}
    .contectRight{width:100%;}
    .banText{height:380px;}
    .banText h3{font: 40px/1em "微软雅黑";padding-top:140px;}
    .banText h4{font: 38px/2em "微软雅黑";}
    .usList li{width:100%;margin-right:0;float:none;}
}
@media screen and (max-width:600px) {
    .aboutTit{padding-top:60px;padding-bottom:36px;}
    .courBox h5{font: 24px/1em "微软雅黑";}
    .aboutTit h3{font: 32px/1em "微软雅黑";}
    .contectBox{width:90%;}
    .banner{margin-top:60px;}
    .banText{width:90%;margin:0 5%;height:360px;}
    .banText h3{font: 32px/1em "微软雅黑";}
    .banText h4{font: 26px/2.5em "微软雅黑";}
    .numList{padding:20px 0;}
	.numList li i{font-size:28px;color:#390f65;}
	.numList li{width:50%;padding:5px 0;}
	.ourList li{width:50%;}
	.usText{width:90%;margin:0 auto;}
}
@media screen and (max-width:480px) {
	.numList li i{font-size:20px;;color:#390f65;}
	.numList li i em{font:12px/20px "微软雅黑";}
	.numList li p{font:12px/20px "微软雅黑";color:#333;overflow:hidden;height:20px;}
	.numList li i span{position:static;}
    .aboutTit{padding-top:60px;padding-bottom:36px;}
    .courBox h5{font: 18px/1em "微软雅黑";}
    .swiper-container{height:240px;padding-bottom:120px;}
    .aboutTit h3{font:26px/1em "微软雅黑";}
    .aboutTit h4{font: 20px/50px "微软雅黑";}
    .higeList{width:90%;margin:0 auto;}
    .higeList li{width:100%;margin-right:0;}
    .banText{height:350px;}
    .banText h3{font: 26px/1em "微软雅黑";padding-top:130px;}
    .banText h4{font: 20px/2.5em "微软雅黑";}
}
@media screen and (max-width:400px) {
	.contectLeft p{font: 14px/20px "微软雅黑";}
	.courBox h5{font: 16px/1em "微软雅黑";}
	.banText h3{font: 20px/1em "微软雅黑";}
    .banText h4{font: 16px/2.5em "微软雅黑";}
    
    .swiper-container{height:280px;padding-bottom:140px;}
}