@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei', sans-serif;color:#444c55;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

body{
    overflow-x:hidden;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1024px;
    overflow:hidden;
    position:relative;
}
.main{
    margin:0 auto;
    width:1000px;
}


.content{
    width:100%;
}


.title{
    padding:60px 0 50px;
    height:44px;
}
.title h2{
    margin-top:-10px;
    font-weight:bold;
    font-size:40px;
    line-height:40px;
    color:#5d63fe;
    text-align:center;
}
.title.t1{
    background:url("../images/title-t1.png") no-repeat center 60px;
}
.title.t1 h2{
    background:url("../images/title-line1.png") no-repeat center;
}
.title.t2{
    background:url("../images/title-t2.png") no-repeat center 60px;
}
.title.t2 h2{
    background:url("../images/title-line1.png") no-repeat center;
}
.title.t3{
    background:url("../images/title-t3.png") no-repeat center 60px;
}
.title.t3 h2{
    background:url("../images/title-line3.png") no-repeat center;
}
.title.t4{
    background:url("../images/title-t4.png") no-repeat center 60px;
}
.title.t4 h2{
    background:url("../images/title-line1.png") no-repeat center;
}
.title.t5{
    background:url("../images/title-t5.png") no-repeat center 60px;
}
.title.t5 h2{
    background:url("../images/title-line2.png") no-repeat center;
}
.title.t6{
    background:url("../images/title-t6.png") no-repeat center 60px;
}
.title.t6 h2{
    background:url() no-repeat center;
}
.title.t7{
    background:url("../images/title-t7.png") no-repeat center 60px;
}
.title.t7 h2{
    background:url("../images/title-line4.png") no-repeat center;
}
.title.t8{
    background:url("../images/title-t8.png") no-repeat center 60px;
}
.title.t8 h2{
    background:url("../images/title-line4.png") no-repeat center;
}

.title.t9 h2{
    background:url() no-repeat center;
	color:#fff;
	line-height:48px;
}
.title.t10{
    background:url("../images/title-t10.png") no-repeat center 60px;
}
.title.t10 h2{
    background:url() no-repeat center; 
}
.title.t11{
    background:url("../images/title-t11.png") no-repeat center 60px;
}
.title.t11 h2{
    background:url("") no-repeat center;
}
.title.t14{
    background:url("../images/title-t14.png") no-repeat center 60px;
}
.title.t14 h2{
    background:url() no-repeat center;
}
.title p{
    margin-top:30px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    color:#939ca7;
}
/*开班情况*/
.plan{margin-top:50px}
.plan .container{margin:0 auto;padding-bottom:40px;width:1200px}
.plan .container .class-info{margin-top:40px; border:1px solid #eb6100;}
.plan .container .class-info .item{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;overflow:hidden; border-bottom-color:1px solid #444c55; margin-top:30px; margin-left:30px; margin-bottom:30px; color:#333;font-size:18px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.plan .container .class-info .item span{display:block}
.plan .container .class-info .item .school{width:100px}
.plan .container .class-info .item .date{width:140px}
.plan .container .class-info .item .name{width:180px}
.plan .container .class-info .item .fire{width:20px;height:27px;background-image:url();background-position:0 -71px}
.plan .container .class-info .item .time{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;margin-left:25px;width:535px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.plan .container .class-info .item .time span{margin:0 8px;height:32px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#636c77;color:#fff;text-align:center;font-size:22px;line-height:32px;-ms-border-radius:5px;-o-border-radius:5px}
.plan .container .class-info .item .time .days{width:70px}
.plan .container .class-info .item .time .hours,.main .plan .container .class-info .item .time .minutes,.main .plan .container .class-info .item .time .seconds{width:50px}
.plan .container .class-info .item .apply-btn{display:block;width:130px;height:38px;border:1px solid #eb6100;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#eb6100;text-align:center;font-size:22px;line-height:38px;-ms-border-radius:5px;-o-border-radius:5px}
.plan .container .class-info .item .apply-btn:hover{border:1px solid transparent;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;-ms-transition:all .2s}
.plan .container .btn,.main .plan .container .class-info .item .apply-btn:hover{background:-webkit-gradient(linear,left top,right top,from(#fd8150),to(#fdb067));background:linear-gradient(90deg,#fd8150,#fdb067);color:#fff}

.plan .link{
    margin:60px auto 0;
    width:350px;
    height:50px;
    font-size:30px;
    font-weight:bold;
    line-height:50px;
    text-align:center;
    color:#ffffff;
    display:block;
    position:relative;
    background:url("../images/btn.png") no-repeat;
}
.plan .link span{
    top:-10px;
    right:-10px;
    width:20px;
    height:20px;
    display:block;
    position:absolute;
    background:#f4666a;
    transition:0.2s;
}
.plan .link:hover span{
    top:0;
    right:0;
    transition:0.4s;
}

.p1{
    padding-bottom:60px;
    background:url("../images/p1-bg.png") no-repeat center bottom;
}
.p1 .main{
    position:relative;
}
.p1 .box{
    margin:0 auto;
    width:1000px;
    height:602px;
    position:relative;
    background:url("../images/p1-box.png") no-repeat;
}
.p1 .box ul{
    top:35px;
    right:60px;
    position:absolute;
    background:url("../images/p1-line.png") no-repeat center 55px;
}
.p1 .box ul li{
    cursor:pointer;
    margin-bottom:105px;
}
.p1 .box ul li .tag{
    margin:0 auto;
    width:21px;
    height:20px;
    background:url("../images/p1-tag1.png") no-repeat center;
}
.p1 .box ul li.act .tag{
    background:url("../images/p1-tag2.png") no-repeat center;
}
.p1 .box ul li p{
    margin-top:8px;
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    color:#9091a8;
    text-align:center;
}
.p1 .box ul li.act p{
    color:#5d63fe;
}
.p1 .tab{
    top:46px;
    left:58px;
    width:710px;
    height:485px;
    overflow:hidden;
    position:absolute;
}
.p1 .info{
    top:485px;
    width:710px;
    height:485px;
    position:absolute;
    background:#ffffff;
    transition:0.6s;
}
.p1 .info.act{
    top:0;
    transition:0.4s;
}
.p1 .info .tit{
    width:100%;
    line-height:42px;
}
.p1 .info .tit.t1{
    background:url("../images/p1-tit1.png") no-repeat;
}
.p1 .info .tit.t2{
    background:url("../images/p1-tit2.png") no-repeat;
}
.p1 .info .tit.t3{
    background:url("../images/p1-tit3.png") no-repeat;
}
.p1 .info .tit.t4{
    background:url("../images/p1-tit4.png") no-repeat;
}
.p1 .info .tit h3{
    margin-left:10px;
    padding-left:50px;
    font-size:30px;
    font-weight:bold;
    line-height:42px;
    color:#30327c;
    background:url("../images/p1-line2.png") no-repeat left center;
}
.p1 .info p{
    margin-top:22px;
    margin-left:40px;
    font-size:20px;
    line-height:24px;
    color:#9091a8;
}
.p1 .info img{
    display:block;
}
.p1 .info img.img1{
    margin-top:60px;
    margin-left:40px;
}
.p1 .info img.img2{
    margin-top:35px;
    margin-left:40px;
}
.p1 .info img.img3{
    margin-top:36px;
    margin-left:40px;
}
.p1 .info img.img4{
    margin-top:60px;
    margin-left:40px;
}
.part .btn{
    margin:50px auto 0;
    width:420px;
    height:70px;
    line-height:70px;
    font-size:28px;
    font-weight:bold;
    display:block;
    text-align:center;
    color: #ffffff;
    background: linear-gradient(to right, #fd5b19, #ff2c5a);
    border-radius:50px;
    -moz-box-shadow: 0px 2px 16px #888888; /* 老的 Firefox */
    box-shadow: 0px 2px 16px #888888;
}
.part .btn:hover{
    -moz-box-shadow: none; /* 老的 Firefox */
    box-shadow: none;
    /*transition:0.8s;*/
}


.p3{
    background:url("../images/p1-bg.png") no-repeat center bottom;
	margin-bottom:20px;
}

.p4{
    background:url("../images/p4-bg.jpg") no-repeat center 280px;
}
.p4 .main{
    position:relative;
}
.p4 ul{
    margin-top:155px;
    margin-left:705px;
    position:absolute;
}
.p4 ul li{
    margin-bottom:24px;
    padding-left:60px;
    line-height:30px;
    font-size:20px;
    color:#ffffff;
    cursor:pointer;
    transition:0.2s;
}
.p4 ul li.tag1{
    background:url("../images/p4-tag1.png") no-repeat left center;
}
.p4 ul li.tag2{
    background:url("../images/p4-tag2.png") no-repeat left center;
}
.p4 ul li.tag3{
    background:url("../images/p4-tag3.png") no-repeat left center;
}
.p4 ul li.tag4{
    background:url("../images/p4-tag4.png") no-repeat left center;
}
.p4 ul li.tag5{
    background:url("../images/p4-tag5.png") no-repeat left center;
}
.p4 ul li.act{
    font-size:24px;
	color:#f4666a;
}
.p4 .imac{
    display:block;
}
.p4 .tab-div3{
    top:28px;
    left:27px;
    width:595px;
    height:340px;
    overflow:hidden;
    position:absolute;
}
.p4 .tab-div3 .info{
    top:340px;
    left:0;
    width:595px;
    height:340px;
    overflow:hidden;
    position:absolute;
    background:#ffffff;
    transition:0.2s;
}
.p4 .tab-div3 .info.act{
    top:0;
    transition:0.8s;
}
.p4 .tab-div3 .info h3{
    margin-top:30px;
    margin-left:33px;
    margin-bottom:20px;
    font-size:24px;
    line-height:24px;
}
.p4 .tab-div3 .info span{
    margin-left:33px;
    width:116px;
    height:30px;
    font-size:18px;
    line-height:30px;
    color:#ffffff;
    display:block;
    text-align:center;
    background:#f4666a;
}
.p4 .tab-div3 .info p{
    margin-left:50px;
    font-size:16px;
    line-height:30px;
    color:#939ca7;
}
.p4 .tab-div3 .info.i2 h3{
    margin-top:20px;
}
.p4 .tab-div3 .info.i2 p{
    font-size:16px;
    line-height:28px;
}
.p4 .tab-div3 .info.i5 span{
    width:116px;
    height:24px;
    font-size:14px;
    line-height:24px;
}
.p4 .tab-div3 .info.i5 p{
    font-size:14px;
    line-height:26px;
}
.p5{
    padding-bottom:20px;
    background:url("../images/p1-bg.png") no-repeat center 230px;
}
.p5 .main{
    height:930px;
    position:relative;
}
.p5 .box{
    position:absolute;
}
.p5 .box.b1{
    top:40px;
    left:0;
    width:232px;
    height:427px;
    background:url("../images/box4_img1.png") no-repeat center;
}
.p5 .box.b2{
    top:40px;
    left:262px;
    width:232px;
    height:427px;
    background:url("../images/box4_img2.png") no-repeat center;
}
.p5 .box.b3{
    top:40px;
    left:522px;
    width:232px;
    height:427px;
    background:url("../images/box4_img3.png") no-repeat center;
}
.p5 .box.b4{
    top:40px;
    left:784px;
    width:232px;
    height:427px;
    background:url("../images/box4_img4.png") no-repeat center;
}
.p5 .box.b5{
    top:497px;
    left:0;
    width:232px;
    height:427px;
    background:url("../images/box4_img5.png") no-repeat center;
}
.p5 .box.b6{
    top:497px;
    left:262px;
    width:232px;
    height:427px;
    background:url("../images/box4_img6.png") no-repeat center;
}
.p5 .box.b7{
    top:497px;
    left:522px;
    width:232px;
    height:427px;
    background:url("../images/box4_img7.png") no-repeat center;
}
.p5 .box.b8{
    top:497px;
    left:784px;
    width:232px;
    height:427px;
    background:url("../images/box4_img8.png") no-repeat center;
}

@keyframes vs{
    0%{opacity:1;transform:scale(1);}
    50%{opacity:0.9;transform:scale(0.95);}
    100%{opacity:1;transform:scale(1);}
}

.p7{
    background:url("../images/p1-bg.png") no-repeat center;
    margin-bottom: 70px;
}
.p7 .tBox{
    width: 1000px;
    height:445px;
    margin: 60px auto 0;
}
.p7 .tBox .top{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.p7 .tBox .top em{
    width: 8px;
    height: 13px;
    position: absolute;
    top: 5px;
    cursor: pointer;
    transition: 0.2s;
}
.p7 .tBox .top em.fir{
    background: url(../images/pre01.png) no-repeat;
    left: 0;
}
.p7 .tBox .top em.sec{
    background: url(../images/next02.png) no-repeat;
    right: 0;
}
.p7 .tBox .top em.fir:hover{
    background: url(../images/pre1.png) no-repeat;
}
.p7 .tBox .top em.sec:hover{
    background: url(../images/next2.png) no-repeat;
}
.p7 .tBox .top .rollBox{
    width: 922px;
    height: 36px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.p7 .tBox .top .rollBox .rollW{
    width:1844px;
    position: absolute;
    left: 0;
    top: 0;
}
.p7 .tBox .top .rollBox .rollW li{
    width: 60px;
    height: 30px;
    margin-right: 26px;
    position: relative;
}
.p7 .tBox .top .rollBox .rollW a{
    font-size: 14px;
    color: #74777b;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.p7 .tBox .top .rollBox .rollW li i{
    width: 100%;
    height: 4px;
    background: #00b38b;
    position: absolute;
    left: 0;
    bottom: -5px;
    opacity: 0;
    transition: 0.2s;
}
.p7 .tBox .top .rollBox .rollW li i.opa{
    opacity: 1;
}

.p7 .tBox .bottom{
    width: 1000px;
    margin: 26px auto 0;
    position: relative;
}
.p7 .tBox .bottom ul{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    transition: 0.4s;
}
.p7 .tBox .bottom ul.opa{
    display: block;
}
.p7 .tBox .bottom ul li{
    width: 240px;
    height: 350px;
    margin-right: 13px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.p7 .tBox .bottom ul li.last{
    margin-right: -13px;
}
.p7 .tBox .bottom ul li h3{
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 268px;
    text-align: left;
    transition:0.3s;
}
.p7 .tBox .bottom ul li:hover h3{
    top: 150px;
}
.p7 .tBox .bottom ul li h3 strong{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top:0px;
}

.p7 .tBox .bottom ul li h3 p{
    color: #fff;
    font-size: 14px;
    width: 220px;
    position: absolute;
    left: 15px;
    top: 16px;
    padding-right: 10px;
    line-height: 29px;
}
.p7 .tBox .bottom ul li h3 p span{
    font-size: 16px;
}
.p7 .tBox .bottom ul li.topC h3{
    height: 250px;
}
.p7 .tBox .bottom ul li.topC:hover h3{
    top: 100px;
}
.p7 .tBox .bottom ul li.topC2 h3{
    height: 300px;
}
.p7 .tBox .bottom ul li.topC2:hover h3{
    top: 50px;
}
.p7 .tBox .bottom ul li.topC3 h3{
    height: 330px;
}
.p7 .tBox .bottom ul li.topC3:hover h3{
    top: 20px;
}



.p12{
    padding-bottom:50px;
    background:#f3f8ff;
    overflow:hidden;
}
.p12 img{
    margin:0 auto;
    display:block;
}
.p13{
    height:520px;
    overflow:hidden;
    background:url("../images/p13-bg.jpg") no-repeat center;
}
.p13 .tit{
    margin:40px auto;
    display:block;
}
.p13 form{
    margin-left:276px;
}
.p13 form input[type="text"]{
    margin-bottom:30px;
    padding:0 20px 0 100px;
    width:350px;
    height:65px;
    line-height:65px;
    font-size:18px;
    color:#ffffff;
    display:block;
    border:1px solid #ffffff;
    border-radius:8px;
}
.p13 form input.name{
    background:url("../images/form-name.png") no-repeat 18px center;
}
.p13 form input.phone{
    background:url("../images/form-phone.png") no-repeat 18px center;
}
.p13 form input.yz{
    background:url("../images/form-yz.png") no-repeat 18px center;
}
input::-webkit-input-placeholder {
    color:#ffffff;
    font-size:18px;
}
.yz{
    position:relative;
}
.yz-btn{
    left:330px;
    top:13px;
    width:120px;
    height:40px;
    font-size:18px;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    line-height:40px;
    display:block;
    position:absolute;
    background:#f4666a;
}
.p13 .btn .link2{
    float:left;
    margin-left:30px;
    width:190px;
    height:50px;
    line-height:50px;
    font-size:26px;
    color:#ffffff;
    font-weight:bold;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#f36469;
    border-radius:25px;
    border:none;
    border-bottom:1px solid #ffffff;
}
.p13 .btn .submit{
    float:left;
    margin-left:30px;
    width:190px;
    height:50px;
    line-height:50px;
    font-size:26px;
    color:#ffffff;
    font-weight:bold;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#f36469;
    border-radius:25px;
    border:none;
    border-bottom:1px solid #ffffff;
}


.p15{width: 100%;height: 80px;background: #121d33;position: fixed;bottom: 0;left: 0;z-index: 999;display: none;}
.p15 .con{width: 1024px;height: 100%; margin: 0 auto;position: relative;}
.p15 .con .str{position: absolute;left: -200px;bottom: 0;}
.p15 .con .shape1{position: absolute;right: 354px;top: -20px;}
.p15 .con .shape2{position: absolute;right: 80px;bottom: 26px;}
.p15 .message{width: 784px;position: absolute;right: 106px;top: 24px;}
.p15 form .bor{width: 146px;height: 38px;border: 1px solid #5a61ff;margin-right: 12px;}
.bor img{margin: 6px 8px 0 10px;}
.bor input{width: 108px;height: 38px;border: none;font-size: 16px;background: none;color: #fff;}
#phoneCode{width: 80px;}
#getcode{width: 96px;border-left: 1px solid #757bff;height: 28px;color: #757bff;line-height: 28px;padding-left: 4px;margin-top: 4px;cursor: pointer;}
.p15 form .borw{width: 220px;}
.p15 form .borw2{width: 132px;}
.p15 form .borw2 input{width:94px}
.p15 form .bor .mart{margin-top: 7px;}

#submsg{background: url(../images/msg4.png) no-repeat;width: 148px;height: 40px;border: none;cursor: pointer;}

#video1{top: 50%;left: 50%;margin-left: -400px;margin-top: -250px;padding: 20px;z-index: 99999;background: #ffffff;position: fixed;border: 3px solid #000000;border-radius: 5px;display: none;}

.video .close {
    right: 3px;
    top: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    height: 18px;
    width: 18px;
    display: block;
    cursor: pointer;
    line-height: 14px;
    text-align: center;
    background: #cd1c1e;
    position: absolute;
}

.main1 .kecheng_title{
    width: 100%;
    margin: 0 auto;

}
.main1 .kecheng_title .new_title1{
    width: 49.2%;
    float: left;
    height: 5rem;
    background-color: #314bb4;
    margin-right: 10px;
    margin-bottom: 40px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 5rem;
}
.main1 .kecheng_title .new_title2{
    width: 32.5%;
    float: left;
    height: 5rem;
    background-color: #e20057;
    margin-right: 10px;
    margin-bottom: 40px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 5rem;

}
.main1 .kecheng_title .new_title3{
    width: 15.8%;
    float: left;
    height: 5rem;
    font-size: 22px;
    color: #fff;
    background-color: #ff8022;
    margin-bottom: 40px;
    text-align: center;
    line-height: 5rem;
}

.container{
    width:1200px;
}
.content .course .container  div{
    float:left;
}
.content .course{
    margin-top: 40px;
}
.content .course .ctn{
    float:left;
    width:600px;
}
.content .course .ctn_zhong{
    float:left;
    width:400px;
}
.content .course .ctn_you{
    float:left;
    width:190px;
}
.content .course .ctn1{
    width:100%;
}
.content .course .ctn2{
    width:50%;
}
.content .course .box{
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
}
.content .course .box.big{
    width:190px;
    height:290px;
}
.content .course .box.middle{
    width: 390px;
    height: 140px;
}
.content .course .box.small{
    width:190px;
    height:140px;
}
.content .course .box img{
    display:block;
}
.content .course .box.big img{
    width:190px;
    height:290px;
}
.content .course .box.middle img{
    width: 390px;
    height: 140px;
}
.content .course .box.small img{
    width:190px;
    height:140px;
}
.content .course .box .info{
    top:100%;
    width:100%;
    height:100%;
    position:absolute;
    transition:0.5s;
    overflow:hidden;
    background:#000000;
    background:rgba(0,0,0,0.8);
}
.content .course .box:hover .info{
    top:0;
    width:100%;
    height:100%;
    transition:0.5s;
}
.content .course .box .info a{
    display:block;
}
.content .course .box .info h3{
    text-align:center;
    font-size:20px;
    color:#e74717;
}
.content .course .box .info p{
    font-size:14px;
    text-align:center;
    color:#ffffff;
}

.content .course .box.big .info h3{
    font-size:20px;
    margin-top:45%;
}
.content .course .box.middle .info h3{
    margin-top:15%;
}
.content .course .box.small .info h3{
    font-size:18px;
    margin-top:40%;
}