.banner1{width: 100%;height:500px;overflow:hidden;position:fixed;left:0;top:0;z-index:-1;}
.banItem2{display:none;background: url("../image/secBg.png") no-repeat center center;width:100%;height:500px;}
.videoBox{width:100%;height:100%;overflow: hidden;}
#video{height:100%;}
.banner1Bg{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity: 0.67;z-index:1;}
.banBox{width:100%;position:absolute;left:0;top:0;z-index: 2;text-align: center;padding-top:200px;color:#fff;}
.banBox h6{font-size:48px;font-family: "webfont";padding-bottom:15px;opacity: 0;-webkit-transform:translateY(-80px) ;transform:translateY(-80px);transition:all .6s .5s;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.banBox.banBox2 h6{opacity: 1;-webkit-transform:translateY(0) ;transform:translateY(0);}
.banBox p{font-size:24px;line-height:24px;padding-bottom:35px;opacity: 0;-webkit-transform:translateY(-80px) ;transform:translateY(-80px);transition:.6s .8s;font-family: "webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.banBox.banBox2 p{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.banBox .dz_see{display:inline-block ;width:184px;height:40px;border:solid 1px #fff;color:#fff;line-height:40px;text-align: center;font-size:16px;opacity: 0;-webkit-transform:translateY(-80px) ;transform:translateY(-80px);transition:.6s 1.1s;position:relative;z-index:1;}

.banBox.banBox2 .dz_see{opacity: 1;-webkit-transform:translateY(0);transform:translateY(0);}
.fixedList{position:absolute;top:450px;left:0;width:100%;height:60px;background:rgba(0,0,0,0.3);z-index:999;}
.fixedList.fixed2{position:fixed;top:0;background:rgba(0,0,0,1)}
.topList{width:1170px;height:100%;margin:0 auto;}
.topList li{width:25%;line-height:60px;text-align: center;font-size:16px;color:#fff;float:left;border-left:solid 1px #68696a;box-sizing: border-box;cursor: pointer;transition:all .3s;}
.topList li:last-child{border-right:solid 1px #68696a;}
.topList .active{color:#ff5555;}


.downArrow{position:absolute;-webkit-animation:arrow 1.5s 0.8s infinite;animation:arrow 1.5s 0.8s infinite;left:50%;bottom:30px;width:33px;height:28px;z-index:30;background:url("../image/down_arrow.png") no-repeat center center;margin-left:-17px;-webkit-transform:translateY(-8px);transform:translateY(-8px);opacity:0.5;}


@-webkit-keyframes arrow{
	0%{-webkit-transform:translateY(-8px);transform:translateY(-8px);opacity:0.7;}
	50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0.9;}
	100%{-webkit-transform:translateY(-8px);transform:translateY(-8px);opacity:0.7;}
}

@keyframes arrow{
	0%{transform:translateY(-8px);opacity:0.7;}
	50%{transform:translateY(0);opacity:0.9;}
	100%{transform:translateY(-8px);opacity:0.7;}
}






.about_box{ width: 100%; height:auto; padding: 0 0 70px; margin: 0 auto; background: #ffffff;margin-top:500px;}
.sectionTit{padding-top:80px;text-align: center;padding-bottom:60px;transition:0.5s 0.3s;}
.sectionTit h6{font-size:48px;font-family:"webfont";color:#333;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.sectionTit span{display: block;width:215px;height:9px;background:url("../image/line.png") no-repeat;margin:20px auto;}
.sectionTit p{font-size:16px;color:#949494;}
.about_box .sectionTit p{ margin: 0 auto; line-height: 24px;width:800px;}
.sectionTit1,.sectionTit2,.sectionTit3,.sectionTit4,.sectionTit5,.sectionTit6{-webkit-transform:translateY(-150px);transform:translateY(-150px);opacity:0;}
.sectionTit1.secAdd,.sectionTit2.secAdd,.sectionTit3.secAdd,.sectionTit4.secAdd,.sectionTit5.secAdd,.sectionTit6.secAdd{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.six_num{ width: 1170px; height:auto;margin: 0 auto 60px;}
.six_num dl{ width: 194px; border-right:1px solid #dcdcdc; height: 80px; padding: 30px 0 0; float: left; text-align: center;}
.six_num dl:nth-of-type(1){transition:.4s;-webkit-transform:translateY(-60px);transform:translateY(-60px);opacity:0;}
.six_num2 dl:nth-of-type(1){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.six_num dl:nth-of-type(2){transition:.6s;-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;}
.six_num2 dl:nth-of-type(2){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.six_num dl:nth-of-type(3){transition:.8s;-webkit-transform:translateY(-140px);transform:translateY(-140px);opacity:0;}
.six_num2 dl:nth-of-type(3){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.six_num dl:nth-of-type(4){transition:1s;-webkit-transform:translateY(-180px);transform:translateY(-180px);opacity:0;}
.six_num2 dl:nth-of-type(4){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.six_num dl:nth-of-type(5){transition:1.2s;-webkit-transform:translateY(-220px);transform:translateY(-220px);opacity:0;}
.six_num2 dl:nth-of-type(5){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.six_num dl:nth-of-type(6){transition:1.4s;-webkit-transform:translateY(-260px);transform:translateY(-260px);opacity:0;}
.six_num2 dl:nth-of-type(6){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.six_num dl dt{font-size: 36px; color:#ff5555; margin: 0 0 20px; position: relative;}
.six_num dl dt em{ display: block; position: absolute; top:-20px; right:70px; font-size: 24px;}
.six_num dl dt span{ font-size: 24px;}
.six_num dl dd{ color: #999; font-size: 14px;}
.six_num dl.add dt span{ margin: 0 0 0 10px;}
.six_num dl.add2 em{right:80px;}
.three_pic{ width: 1170px; height:auto; margin: 0 auto;}
.three_pic dl{ float: left; width: 370px; height:auto;margin: 0 30px 0 0;}
.three_pic dl:nth-of-type(1){transition:.6s;-webkit-transform:translateY(-60px);transform:translateY(-60px);opacity:0;}
.three_pic2 dl:nth-of-type(1){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.three_pic dl:nth-of-type(2){transition:1s;-webkit-transform:translateY(-120px);transform:translateY(-120px);opacity:0;}
.three_pic2 dl:nth-of-type(2){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.three_pic dl:nth-of-type(3){ margin:0;transition:1.4s;-webkit-transform:translateY(-180px);transform:translateY(-180px);opacity:0;}
.three_pic2 dl:nth-of-type(3){-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.three_pic dl dd b{ text-align: center; font-size: 16px; padding: 30px 0; width: 100%; float: left;}
.three_pic dl dd h3{ font-weight: 600; font-size: 16px; color: #000; margin:25px 0 20px;}
.three_pic dl dd p{ width:100%;line-height: 24px; color: #999;}
.three_pic dl dt img{max-width: 100%;}

.show_more{ display: block; width:90px; height: 30px;
line-height: 30px;border: 1px solid #000; border-radius:5px;
 color:#333; text-align: center;-webkit-transform: translateZ(0);
 transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;position: relative;background: #000;
 -webkit-transition-property: color;transition-property: color;
 -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.show_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:3px ;
}
.show_more:hover,.show_more:focus,.show_more:active {
  color:#fff;
}
.show_more:hover:before,.show_more:focus:before,.show_more:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  color: #fff;
}
.develop_box{ width: 100%; height:auto; margin: 0 auto; background:#f8f8f8 url("../image/about_22.png") no-repeat bottom center;}
.course{width:100%;position:relative;background:#F7F7F7;}
.courBox{width:1170px;margin:0 auto; overflow: hidden;}
.courBox h5{ font-size:42px;color:#EF3333;text-align: center; line-height: 50px; margin: 0 auto; font-family: "webfont";-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.tabs{width:100%;position:relative;height:2px;background:url("../image/about_20.png") no-repeat center;margin:40px 0 90px;}
.tabs li{position:absolute;top:-6px; left:0; width: 60px; height: 50px;}
.tabs li a{width:13px;height:13px; margin: 0 0 15px 23px; display:block;border:solid 1px #EF3333;border-radius:50%;background:#fff;}
.tabs li span{ width: 100%; text-align: center; display: block; color: #666; font-size: 14px;}
.tabs li:nth-of-type(1){left:18%;}
.tabs li:nth-of-type(2){left:23%;}
.tabs li:nth-of-type(3){left:28%;}
.tabs li:nth-of-type(4){left:33%;}
.tabs li:nth-of-type(5){left:38%;}
.tabs li:nth-of-type(6){left:43%;}
.tabs li:nth-of-type(7){left:48%;}
.tabs li:nth-of-type(8){left:53%;}
.tabs li:nth-of-type(9){left:58%;}
.tabs li:nth-of-type(10){left:63%;}
.tabs li:nth-of-type(11){left:68%;}
.tabs li:nth-of-type(12){left:73%;}
.tabs li:nth-of-type(13){left:78%;}
.tabs li.active a{background:#EF3333;}
.swiper-container{height:200px;padding-bottom:100px;}
.courText{float:left;width:100%;text-align:center;}
.courText h6{font:bold 44px/1em "微软雅黑";color:#EF3333;padding-bottom:13px;}
.courText p{font:12px/28px "微软雅黑";color:#656565;}
.courBg{position:absolute;left:0;bottom:0;width:100%;}
.courBg img{width:100%;}
.courBox h5{transition:.8s;-webkit-transform:translateX(-300px);transform:translateX(-300px);opacity:0;}
.courBox2 h5{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
.courBox .tabs{transition:1s;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
.courBox2 .tabs{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.courBox .swiper-container{transition:1.2s;-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0;}
.courBox2 .swiper-container{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}

.quality_service{ width: 100%; height:auto; margin: 0 auto; background: #fff;padding-bottom:50px;}
.quality_service .sectionTit p{line-height: 24px; width:800px;margin: 0 auto;}
.quality_service .three_pic{ height: auto;}
.quality_service .three_pic dl{ height:auto}
.quality_service_cont{ width: 1170px; height:auto; margin: 0 auto}
.quality_service_cont p{ font-size: 14px; color: #999999; line-height: 24px; text-indent: 25px; margin: 0 0 15px;}
.quality_service_cont{transition:1s;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
.quality_service_cont2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}

.Contact{width:100%;height:auto;background:url("../image/mapBg.jpg") no-repeat;background-size:cover;overflow:hidden;}
.titActive h6,.titActive p{color:#fff;}
.titActive span{background:url("../image/line2.png") no-repeat;}
.ContactBox{width:1170px;margin:0 auto; padding: 0 0 50px;}
.contectLeft{float:left;margin-left:110px;width:350px;transition:0.7s 0.4s;-webkit-transform:translateX(-300px);transform:translateX(-300px);opacity:0;}
.contectLeft.leftActive{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
.contectLeft h3{font-size:20px;margin-bottom:20px;color:#fff;}
.contectLeft .h3_active{margin-top:20px;}
.contectLeft p{font:14px/20px "微软雅黑";margin:10px 0;width:100%;}
.contectLeft p a{color:#fff;}
.contectLeft p .g_icons{font-family: "iconfont";font-size:20px;line-height:20px;color:#fff;display:inline-block;margin-right:15px;    vertical-align: middle;}
.contectRight{float:right;margin-right:90px;width:550px;transition:0.7s 0.4s;-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0;}
.contectRight.rightActive{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
.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 .submitBtn{
margin-left: 33%;
width:168px;
height:38px;
border:solid 1px #fff;
background:none;
border-radius:3px;
line-height:38px;


color:white;
font-size:16px;
position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.submitBtn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.submitBtn:hover, .submitBtn:focus{
  color: #076cb6;
  background-color: white;
}
.submitBtn:hover:before, .submitBtn:focus:before, .submitBtn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


@media only screen and (max-width:1260px) {
	
	.banBox h6{font-size: 42px;}
	.main1200{width:960px;}
	.six_num{ width:584px;}
	.six_num dl{ margin:20px 0;}
	.six_num dl:nth-of-type(3){ border: none;}
	
	.three_pic{width:100%;} 
	.three_pic dl{ width:30%; margin: 0 2%}
	.courBox{ width: 100%;}
	.quality_service_cont{ width:96%;}
	
}
@media only screen and (max-width:1170px) {
	.ContactBox{ width:550px;}
	.contectLeft{ margin:10px 0; width:100%;}
	.contectRight{ margin:10px 0; width: 100%;}
}
@media only screen and (max-width:1023px) {

	.about_box {margin-top:0;}
	.banner1{position:relative;}
	
	.six_num dl,.three_pic dl{opacity:1!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important;}
	.sectionTit1,.sectionTit2,.sectionTit3,.sectionTit4,.sectionTit5,
	.sectionTit6,.courBox h5,.courBox .tabs,.courBox .swiper-container,.quality_service_cont,.contectLeft,.contectRight{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@media only screen and (max-width:1000px) {
	.banBox h6{font-size: 40px;}
	.three_pic{width:370px;} 
	.three_pic dl{ width:100%; margin:20px 0;}
	.six_num{ margin: 0 auto 20px;}
	.sectionTit1{padding-bottom:30px}
	.sectionTit p{ width: 90%; text-align: left; margin: 0 auto; line-height: 24px;}
	.quality_service .sectionTit p,.about_box .sectionTit p{width:80%;}
}

@media only screen and (max-width:767px) {
	
	.banner1{height:400px;}
	.banItem1{display:none;}
	.banItem2{display:block;height:400px;}
	.banBox h6{width:80%;margin:0 auto;font-size: 34px;}
	.banBox p{width:80%;margin:0 auto;}
	.main1200{width:85%;}
	.quality_service .sectionTit p,.about_box .sectionTit p{display:none;}
}


@media only screen and (max-width:720px) {
	.tabs li span{ display: none;}
	.courBox2 h5{ font-size: 24px; width: 90%;}
	.tabs li{ width: 15px; height: 15px;}
	.tabs li a{ margin: 0;}
	.courBox .swiper-container{ width: 90%;}
	.courText p{ text-align: left;}
	
	.quality_service_cont{ width:90%;}
	.banBox h3{ font-size: 32px;}
	.banBox h4{ font-size: 18px;}
	.sectionTit{ padding: 20px 0 0;}
	.sectionTit h6{ font-size: 30px;}
	.Contact .sectionTit{ padding: 20px 0 20px;}
	
}

@media only screen and (max-width:600px) {
	.six_num{ width:390px;}
	.six_num dl:nth-of-type(3){ border-right: 1px solid #dcdcdc;}
	.six_num dl:nth-of-type(2),.six_num dl:nth-of-type(4){ border: none;}
	.ContactBox{ width:90%}
	.banBox h6{font-size:26px;line-height:34px;}
	
}

@media only screen and (max-width:450px) {
	.six_num{ width:100%}
	.six_num dl{ width: 49%; margin:20px 0;}
	.three_pic{ width: 90%;}
	
	
	
	.banner1,.banItem2{height:350px;}
	.banBox{padding-top: 125px;}
	.main1200{width:80%;}
	
}