@charset "utf-8";blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,th,ul,button{margin:0;padding:0;border:0}
body{font:14px/1.5 "Microsoft YaHei"; color: #222;}
b,em,i,ins{font-style:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{outline:0;}
textarea{resize:none;}
a{text-decoration:none; }
.fr{float: right;}
.fl{float: left;}
.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:table;}
.clearfix:after{clear:both;}
img,button{border:0;}
body{background: #FFF;}
.wap11{width: 1100px;margin: 0 auto;}
/*banner*/
.banner1{height: 155px; background: url(../images/banner1.jpg) no-repeat center top;}
.banner2{height: 128px; background: url(../images/banner2.jpg) no-repeat center center;}
.banner3{height: 170px; background: url(../images/banner3.jpg) no-repeat center center;}
.banner4{height: 187px; background: url(../images/banner4.jpg) no-repeat center center;}
.content1{height: 725px; background: url(../images/bg.jpg) no-repeat center top;}
.content1 .wap11 { padding-top: 70px; }
.font1{text-align: center;}
.font2{width: 480px;  color: #1b1b1b; text-align: center; margin: 0 auto; font-size: 18px; padding-top: 20px;}
.w_info{margin-top: 90px; margin-bottom: 48px;}
.w_info li{width: 203px; height: 261px; background: #0077fc; color: #FFF; float: left; margin-left: 110px; position: relative; margin-right: 52px;} 
.w_info li .pic1{width: 149px; height: 149px; border: 1px solid #fafd00; position: absolute; top: -33px; left: -85px;}
.w_info li .pic1 > p{margin-top: -12px; margin-left: -12px;}
.w_info li .text1{padding-top: 64px;}
.w_info li .text1 .title{font-size: 34px; padding-left: 75px; padding-bottom: 20px;}
.w_info li .text1 .desc{text-align: center ; font-size: 18px;}
.btn{width: 376px; height: 42px; border: 1px solid #b00100; font-size: 20px; text-align: center; line-height: 42px; margin: 0 auto; margin-top: 34px;}
.zixun a{width: 210px; height: 42px; background: #b00100; color: #FFF; float: left; }
.tel{float: left; width: 165px; color: #b00100;}
.content2{padding-bottom: 40px; }
.content2 .wap11{background: #ddfbfb; padding-top: 60px; padding-bottom: 40px;}
.pic-text{text-align: center; margin-top: 78px;}
.content3{height: 626px; background: url(../images/bg1.jpg) no-repeat center top;}
.tf_sub{padding-top: 80px; width: 544px;}
.tf_sub .text{font-size: 24px; color: #FFF;  padding-top: 30px; text-align: center; margin-left: -40px;}
.tf_sub .btn{margin-top: 90px; margin-left: 40px;}
.tf_sub .btn .tel{color: #FFF;}
.tf_sub1{width: 500px; padding-top: 20px; padding-left: 30px;}
.tf_sub1 .item{margin-top: 60px;}
.tf_sub1 .item .dot{font-size: 44px; color: #d60100; font-style: italic; background: url(../images/dot.png) no-repeat left bottom; padding-bottom: 10px;}
.tf_sub1 .item .dot1{font-size: 24px; color: #b00100;}
.content4{height: 706px; background: url(../images/bg2.jpg) no-repeat center top;}
.content4 .wap11{padding-top: 66px; width: 1120px;}
.book{text-align: center; margin-top: 50px;}
.content4 .btn{margin-top: 45px;}
.content5 .wap11{padding-top: 60px; padding-bottom: 30px;}
.services{margin-top: 50px;}
.services li{width: 249px; height: 469px; background: #e7f1fb; border: 1px solid #7eb0e1; position: relative; float: left; margin-left: 20px;}
.services li:hover{border: 1px solid #d60100;}
.services li .service-pic{text-align: center; padding-top: 6px;} 
.services li .service-pic1{text-align: center; margin:30px 0 25px 0;}
.services li .service-desc{padding: 0 18px; color: #323232; line-height: 26px;}
.service-btn1{position: absolute; width: 125px; height: 34px; background: url(../images/btn1.png) no-repeat; left: 50px; bottom: 40px; font-size: 14px; color: #FFF; text-align: center; line-height: 30px;}
.kecheng{padding-bottom: 35px;}
.tea-tro>ul {
 width:736px;
 margin:0 auto;
 margin-top:50px;
}
.tea-tro ul li {
 width:161px;
 height:51px;
 background:url(../images/btn3.png) no-repeat;
 text-align:center;
 line-height:51px;
 font-size:24px;
 color:#ff605d;
 cursor:pointer;
 float:left;
 margin-left:15px;
}
.tea-tro ul li.on {
 background-image:url(../images/btn3-h.png);
 color:#FFF;
 height:69px;
}
.tea-con {
 position:relative;
 margin-top:30px;
 display:none;
}
.tea-con>div>a {
 width:755px;
 height:394px;
 float:left;
 position:relative;
}
.tea-con .play {
 width:49px;
 height:49px;
 background:url(../images/play.png) no-repeat center center;
 position:absolute;
 left:50%;
 top:50%;
 margin-top:-28px;
 margin-left:-28px;
}
.gd-con {
 width:294px;
 height:353px;
 background:#303030;
 position:absolute;
 right:0;
 color:#FFF;
 padding-top:43px;
 padding-left:32px;
 padding-right:23px;

}
.gd-con>.one {
 font-size:22px;

}
.gd-con > .dian{position: absolute; width: 48px; height: 39px; background: url(../images/dian.png) no-repeat; right: 20px;  top:20px;}
.gd-con>.two {
 font-size:18px;
 padding-top:30px;
 padding-bottom:30px;
}
.three-btn>a {
 width:152px;
 height:36px;
 background:url(../images/btn4.png) no-repeat;
 display:inline-block;
 text-align:center;
 line-height:36px;
 color:#242424;
 font-size:18px;
}
.content6{height: 912px; background: url(../images/bg6.jpg) no-repeat center center;}
.content6 .wap11{padding-top: 60px; }
.list{width: 1061px; height: 52px; background:url(../images/list_btn.png) no-repeat; padding:3px 0;  margin-top: 30px;}
.list li{width: 530px; height: 46px; font-size: 20px; color:#2ca49a; text-align: center; line-height: 40px; float: left;  cursor: pointer;}
.list .cur{background:url(../images/list_h.png) no-repeat; color: #FFF;}
#table_1,#table_2{text-align: center; margin-top: 30px; border:none; font-size: 16px; width: 1098px; border: 1px solid #313131;}
#table_1 th,#table_2 th{background: #11ad7c; text-align: center; color: #FFF; line-height: 40px; border: none;}
#table_1 td,#table_2 td{border: 1px solid #313131; color: #535353; line-height: 25px; font-size: 14px; }
#table_1 tr td a,#table_2 tr td a{width: 101px; height: 22px; color: #FFF; text-align: center; display: inline-block; margin: 0 auto; background: #e20404; line-height: 22px;}
.content7{ background: #FFF url(../images/bg3.jpg) no-repeat center bottom; height: 822px;}
.content7 .wap11{padding-top: 50px;}
.photos{height: 446px; position: relative;}
#teacher .item{width: 362px;padding: 32px;transition: all 0.5s;overflow: hidden;position: absolute;margin-top:0px ;
display: -webkit-box; display: -ms-flexbox;display: -moz-box; display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}
#teacher .item span{display: none;opacity: 0;}
#teacher .item img{float: left;}
#teacher .item.on{z-index: 10; box-sizing:border-box;width: 360px; height:160px;padding: 32px;background: url(../images/teacher-itembg.png) no-repeat;background-size:auto 100% ;color: #FFFFFF;width: 360px;transition: all 0.5s; margin-top: 40px;}
#teacher .item.on img { width:100px; height: 100px;}
#teacher .item.on span{display: block;float: left;opacity: 1;transition: all 0.5s;color: #FFFFFF;}
.more{position: absolute; width: 88px; height: 88px;}
#teacher .item font{font-size: 26px;font-weight: bold;margin-left: 16px;}
.content7 .btn{margin-top: 85px;}
.content8{height: 922px; background: url(../images/bg4.jpg) no-repeat center top;}
.content8 .font1{padding-top: 55px;}
.content8 .wap11 .font2{color:#b00100;}
.student{height: 602px; background: url(../images/student.jpg) no-repeat center center; margin-top: 70px;}
.student .wap11 ul li{float: left; margin-left: 3px;}
.content9{height: 383px; background: url(../images/bg5.jpg) no-repeat center center;}
.c9-font{text-align: center; padding-top: 70px;}