.banner{
    width: 100%;
    height:757px ;
    margin-top: -10px;
    overflow: hidden;
    background: url("../imgs/banner.jpg") no-repeat 0 0/100% 100%;
}
@media (max-width: 1440px) {
    .banner{
        height:560px ;
    }
}
.con1{
    width: 100%;
    background: url("../imgs/bg1.jpg") no-repeat 0 0/100% 100%;
    overflow: hidden;
}
 .title{
    color: #4bac72;
    font-size: 40px;
    font-weight: bolder;
    text-align: center;
    letter-spacing: 5px;
    width: 500px;
    border-bottom: 2px solid #626262;
    position: relative;
    margin:0 auto 50px;
     padding-bottom: 5px;
}
 .line{
    position: absolute;
    background: #fd860c;
    width: 150px;
    height: 4px;
     left: 53%;
     bottom: -2px;
     z-index: 3;
}
 .con1 .ys{
     width: 1200px;
     border: 10px solid #535353;
     box-sizing: border-box;
     overflow: hidden;
     margin: 50px auto;
     background: #fff;
 }
 .con1 .ys .left{
     float: left;
     width: 400px;
     height: 280px;
     margin-right:20px;
     background: url("../imgs/c1.jpg") no-repeat 0 0/100% 100%;
 }
 .con1 .ys .right{
     float: left;
     padding: 20px 30px;
     box-sizing: border-box;
     width: 750px;
     font-size: 20px;
     line-height: 40px;
     font-weight: bold;
    letter-spacing: 2px;

 }
 .con1 .ys .top{
     overflow: hidden;
     line-height: 40px;
     font-size: 33px;
     margin-bottom: 10px;
 }
 .con1 .num{
     width: 50px;
     height: 50px;
     background: url("../imgs/one.png") no-repeat 0 0/100% 100%;
    float: left;
     margin-right: 20px;
 }

.con1 ul{
    overflow: hidden;
    width: 1200px;
    margin: 50px auto;
}
.con1 ul li {
    float: left;
    width: 300px;
    box-sizing: border-box;
    border: 10px solid #535353;
    border-right: none;
    background: #fff;
    height: 440px;
}
.con1 ul li:last-child{
    border-right: 10px solid #535353;
}
.con1 ul li .top{
    width: 100%;
    height: 180px;
    background: url("../imgs/c2.jpg") no-repeat 0 0/100% 100%;

}
.con1 ul li .tt{
    font-size: 22px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    line-height: 38px;
    margin:10px auto 0;
    width: 90%;
    height: 70px;
}
.con1 ul li .info{
    width: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
    line-height: 30px;
    letter-spacing: 2px;
    height: 160px;
    border-bottom: 10px solid #38a666;
}
.con1 ul li:nth-child(1) .num{
    background-image: url("../imgs/two.png");
}
.con1 ul li:nth-child(2) .num{
    background-image: url("../imgs/three.png");
}
.con1 ul li:nth-child(3) .num{
    background-image: url("../imgs/four.png");
}
.con1 ul li:nth-child(4) .num{
    background-image: url("../imgs/five.png");
}
.con1 ul li:nth-child(2) .top{
    background-image: url("../imgs/c3.jpg");
}
.con1 ul li:nth-child(3) .top{
    background-image: url("../imgs/c4.jpg");
}.con1 ul li:nth-child(4) .top{
     background-image: url("../imgs/c5.jpg");
 }

/*课程*/
.course table{
    width: 980px;
    text-align: center;
    font-size: 19px;
    color: #000;
    margin: 20px auto;
}
.course table tr th{
    color:#fff ;
    background: #6fbe99;
    font-size:22px;
    letter-spacing: 2px;

}
.course caption{
    font-size: 38px;
    letter-spacing: 5px;
    background: #434343;
    color: #fff;
}
.course table tr td,.course table tr th{
    padding:8px 0;
}
.course table tr:nth-child(2n) td{
    background: #e1f5ea;
}
.course table tr:nth-child(2n-1) td{
    background: #6fbe99;
}

.course button{
    display: block;
    width: 150px;
    height: 40px;
    border: none;
    font-size: 20px;
    line-height: 40px;
    background: #fcee20;
    margin:0 auto ;
    box-shadow: 0 2px 0 0 #5e9f77;
}
.course .line,.xhdbx .line{
    width: 100px;
}
/*新航道优势*/
.xhdys{
    width: 100%;
    overflow: hidden;
    background: url("../imgs/bg2.jpg") no-repeat 0 0/100% 100%;
padding-top: 50px;
}
.xhdys ul{
    width: 1200px;
    margin: 50px auto 0;
    overflow: hidden;

}
.xhdys ul li{
    float: left;
    width: 300px;
    margin: 0 45px 50px;
}
.xhdys ul li .top{
    width: 200px;
    height: 160px;
    margin:0 auto;
    background: url("../imgs/ys1.png") no-repeat 0 0/100% 100%;

}
.xhdys ul li .tt{
    background: #6dbca5;
    color: #fff;
    text-align: center;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 3px;
}
.xhdys .xx{
    background: #f0f7f7;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 20px;
    letter-spacing: 2px;
    height: 100px;
}
.xhdys ul li:nth-child(2) .top{
    background-image: url("../imgs/ys2.png");

}
.xhdys ul li:nth-child(3) .top{
    background-image: url("../imgs/ys3.png");

}
.xhdys ul li:nth-child(4) .top{
    background-image: url("../imgs/ys4.png");

}
.xhdys ul li:nth-child(5) .top{
    background-image: url("../imgs/ys5.png");
}
.xhdys ul li:nth-child(6) .top{
    background-image: url("../imgs/ys6.png");
}

/*新航道服务特色*/
.service{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.service .left{
    width: 400px;
    height: 400px;
    background: url("../imgs/serve.jpg") no-repeat 0 0/100% 100%;
    float: left;
    margin-right: 50px;
}
.service .right{
    width: 700px;
    float: left;
    border: 3px solid #38a666;
}
.service .right .word{
    padding: 20px;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 2px;
}
.service .pic{
    width: 100%;
    height: 260px;
    background: url("../imgs/serve2.jpg") no-repeat 0 0/100% 100%;
}
/*无手机课堂*/
.nophone{
    width: 1200px;
    margin: 50px auto;
}
.nophone .title{
    margin-bottom: 10px;
}
.nophone  .line,.kb .line{
    width: 100px;
}
.nophone .tt{
    background: #fcee20;
    color: #38a666;
    font-size: 25px;
    width: 710px;
    line-height: 50px;
    text-align: center;
    margin: 30px auto;
    font-weight: bolder;
    letter-spacing: 3px;
}
.nophone .pic{
    width:1200px ;
    height:450px ;
    background: url("../imgs/m1.jpg") no-repeat 0 0/100% 100%;

}
.kyk .pic{
    background: url("../imgs/m2.jpg") no-repeat 0 0/100% 100%;

}
.jx .pic{
    background: url("../imgs/m3.jpg") no-repeat 0 0/100% 100%;

}

/*新航道班型*/
.xhdbx{
    width: 100%;
    height: 980px;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    background: url("../imgs/bg3.jpg") no-repeat 0 0/100% 100%;
    color: #000;
}
.xhdbx ul{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.xhdbx ul li{
    width: 150px;
    height:190px;
    box-sizing: border-box;
    padding-top: 18px;
    float: left;
    margin-right: 60px;
    background: url("../imgs/icon1.png") no-repeat 0 0/100% 100%;
}
.xhdbx ul li:nth-child(2n){
    background: url("../imgs/icon2.png") no-repeat 0 0/100% 100%;

}
.xhdbx ul li:last-child{
    margin-right: 0;
}
.xhdbx ul li .bx {
    color: #fff;
    font-size: 25px;
    width: 110px;
}
.xhdbx ul li .num{
    font-size: 30px;
    width: 104px;
    margin-top: 77px;
}
/*新航道教材*/
.book{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.book .left{
    width: 550px;
    height: 480px;
    margin-right: 50px;
    float: left;
    background: url("../imgs/b1.png") no-repeat 0 0/100% 100%;

}
.book .right{
    float: left;
    width: 600px;
    font-size: 25px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 40px;
    text-align: justify;
    padding-top: 30px;
}
.book .right .img{
    width: 100%;
    height: 280px;
    margin-top: 20px;
    background: url("../imgs/b2.jpg") no-repeat 0 0/100% 100%;
}
/*新航道师资*/
.teacher{
    width: 100%;
    overflow: hidden;
}
.teacher .bg{
    width: 100%;
    height: 250px;
}
.teacher ul{
    overflow: hidden;
    width: 1200px;
    margin: 50px auto;
}
.teacher ul li{
    float: left;
    margin-right: 65px;
}
.teacher ul li:last-child{
    margin-right: 0;
}
.teacher .top{
    width: 250px;
    height: 180px;
    background: url("../imgs/lf.jpg") no-repeat 0 0/100% 100%;

}
.teacher ul{
    margin-top: -250px;
    padding: 5px 0;
}
.teacher ul li:hover{
    box-shadow: 2px 2px 4px #b5b5b5,-2px 2px 4px #b5b5b5,-2px -2px 4px #b5b5b5,2px -2px 4px #b5b5b5;

    cursor: pointer;
}
.teacher ul li .intro{
    height: 370px;
    width: 250px;
    background: #cfd0ca;
    text-align: justify;
    box-sizing: border-box;
    font-size: 15px;
    padding: 5px;
    line-height: 22px;
}
.intro p{
    text-align: center;font-size: 26px;
    margin-bottom: 10px;
}

.teacher .top2{
    background-image: url("../imgs/zy.jpg");
}

.teacher .top3{
    background-image: url("../imgs/zhy.jpg");
}

.teacher .top4{
    background-image: url("../imgs/lhy.jpg");
}
.teacher .top5{
    background-image: url("../imgs/lyj.jpg");
}

.teacher .top6{
    background-image: url("../imgs/lx.jpg");
}

.teacher .top7{
    background-image: url("../imgs/mgy.jpg");
}
.teacher .top8{
    background-image: url("../imgs/lxn.jpg");
}
.teach .tt{
    background: #fd890c;
    width: 1000px;
    margin: 50px auto;
    box-sizing: border-box;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
    border-radius: 15px;
    line-height:35px;
}
.teach .tt span{
    color: #000;
    font-size: 22px;
}
/*新航道口碑*/
.kb{
    width: 1200px;
    overflow: hidden;
    margin: 50px auto;

}
.kb .kbpic{
    width: 100%;
    height: 400px;
    border: 20px solid #6fbe99;
    border-top-width: 10px;
    box-sizing: border-box;
    border-bottom-width: 10px;
    background: url("../imgs/kb1.jpg") no-repeat 0 0/100% 100%;
}
.kb .kbpic2{
    border-top-width: 20px;
}
.kb .kbpic1{
    border-bottom-width: 20px;
    background: url("../imgs/kb2.jpg") no-repeat 0 0/100% 100%;
}
/*咨询*/
.zx{
    width: 1200px;
    margin:0px auto;
    overflow: hidden;
}
.zx .title{
    width: 700px;
}
.zx .line{
    left:34%;
    width: 180px;
}
.zx .inn{
    width: 1100px;
    height: 250px;
    margin: 50px auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 0 0 40px;
    background: url("../imgs/bg4.jpg") no-repeat 0 0/100% 100%;
}

.zx .info{
    color: #38a666;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 30px;
    font-weight: bold;
}
.zx button{
    display: block;
    width: 200px;
    height: 40px;
    border: none;
    font-size: 23px;
    line-height: 40px;
    background: #38a666;
    margin: 20px 0 0 200px;
    color: #fff;
}



/*表单*/
.forms{
    width:100%;
    height: 700px;
    text-align: center;
    background: #ffac03;
    box-sizing: border-box;
    overflow: hidden;
    background: url("../imgs/bg3.jpg") no-repeat 0 0/100% 100%;
}
.forms .inner{
    width: 900px;
    margin:0 auto;
    overflow: hidden;
    padding-top: 50px;
}
.forms .femal{
    width: 250px;
    height: 500px;
    float: left;
    margin-top: -50px;
    position: relative;
    z-index: 6;
    background: url("../imgs/femal.png") no-repeat 0 0/100% 100%;
}
.forms ul{
    float: left;
    width: 600px;
    height: 400px;
    margin-top: 50px;
    background: #6fbe99;
    box-sizing: border-box;
    padding-top: 60px;
}
.forms ul li{
    width: 500px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
}
.forms ul li input{
    display: block;
    float: left;
    width:100%;
    height: 55px;
    box-sizing: border-box;
    line-height:55px;
    font-size: 24px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 30px;
    border: none;
    background: #fff;
    color: #030303;
}
input::-webkit-input-placeholder{
    color: #030303;
    letter-spacing: 10px;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #030303;  letter-spacing: 10px;

}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #030303;letter-spacing: 10px;
}

input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #030303;   letter-spacing: 10px;

}

.forms button{
    background: #000;
    display: block;
    font-size: 23px;
   width: 500px;
    height: 55px;
    margin:10px auto 5px;
    border: none;
    outline: none;
    color: #fff;letter-spacing: 2px;
}
.forms .tip{
    text-align: center;
    font-size: 23px;
    color: #0a111d;

}
.forms .title{
    margin-bottom: 5px;
    margin-top: 30px;
}



.bottom{width:100%; height:auto; margin:0 auto; text-align:center; background:#333333; line-height:25px; }
   .bottom_seem{display: flex; flex-flow: row nowrap; justify-content: space-around; overflow: hidden; }
     .bottom_nav{padding:5px; color:#fff; height:25px;}
	   .bottom_nav a{margin:0 4px; color: #fff;}
	   .bottom_nav a:hover{text-decoration:underline; color: #fff;}
	   .bottom_nav a:active,.bottom_nav a:focus{color: #fff;}
	 .bottom_logo{ margin-top:10px;}
	   .bottom_xi p{color:#fff; line-height:35px; text-align:left;}
	     .bottom_xi p a:hover{text-decoration:underline; color:#fff; }
	     .bottom_xi p a:active,.bottom_xi p a:focus{ color:#fff; }

		.bottom_tm span p{color:#fff; }