@charset "utf-8"; html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin: 0;padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset, img{border: 0;}
img{display: block;}
.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
.anisca img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.anisca:hover img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.anisca{cursor: pointer;overflow: hidden;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal;font-weight: 400;}
li{list-style-type: none;}
body{width: 100%;font: 16px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", helvetica, arial, sans-serif; width: expression(document.body.clientWidth <=1200? "1200px": "auto"); min-width: 1200px; overflow-x: hidden;}
*:focus{outline: none;}
textarea{resize: none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border: none; padding: 0;}
input::-ms-clear{display: none;}
a:focus, *:focus{noFocusLine: expression(this.onFocus=this.blur());}
.clear{clear: both;}
a, object{outline: none;}
a{cursor: pointer;color: #333;}
body{overflow-x: auto;}
a:link{text-decoration: none;}
*:hover{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.tac{text-align: center !important;}
li{vertical-align: top;}
li{vertical-align: bottom;}
i{font-style: normal;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{*+height: 1%;}
.oe{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
i{font-style: normal;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{*+height: 1%;}
.blockbox{width: 1200px;*+height: 1%;margin: 0 auto;}
.blockbox:after{content: "";display: block;height: 0;clear: both;visibility: hidden}
.blockbox2{width: 1000px;*+height: 1%;margin: 0 auto;}
.blockbox2:after{content: "";display: block;height: 0;clear: both;visibility: hidden}
.blockbox2{padding: 20px 0;}
.oe{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.fl{float: left;}
.fr{float: right;}
.table{display: table;width: 100%;height: 100%;position: relative;}
.cell{display: table-cell;vertical-align: middle;text-align: center;}
input{border: none;outline: none;}
button{border: none;cursor: pointer;}

/*header*/

.header{width: 100%;background: #333;overflow: hidden;height: 50px;line-height: 50px;}
.header .nav{width: 1000px;margin: 0 auto;height: 100%;}
.header .nav .fl{display: inline-block;width: 103px;height: 40px;padding: 5px 0px;}
.header .nav .fl img{width: 100%;height: 100%;}
.header .nav .fr ul{clear: both;overflow: hidden;}
.header .nav .fr li{display: inline-block;float: left;margin-left: 18px;}
.header .nav .fr li a{display: inline-block;width: 100%;height: 100%;font-size: 18px;color: #fff;}
.header .nav .fr li a:hover{color: #5677FC;}
.header .nav .fr .navtel{display: inline-block;width: 24px;height: 24px;position: relative;top: 5px;margin-right: 5px;}

/*footer*/

.footer{overflow: hidden;clear: both;background: #333;background: #333;}
.footer .row1,.footer .row1 ul{overflow: hidden;clear: both;}
.footer .row1{text-align: center;display: block;width: 100%;padding: 10px 0px;}
.footer .row1 ul{margin: 0 auto;display: inline-block;width: auto;}
.footer .row1 li{float: left;width: auto;display: inline-block;text-align: center;}
.footer .row1 li a{font-size: 16px;display: block;width: 100%;padding: 0px 10px;color: #fff;}
.footer .row1 li a:after{content: "|";display: inline-block;margin-left: 10px;}
.footer .row1 li:last-child a:after{content: "";}
.footer .row1 li:hover a{text-decoration: underline;}
.footer .row2{overflow: hidden;width: 960px;margin: 0 auto;padding: 10px 0px 20px;}
.footer .row2 .fls{width: auto;margin-right: 100px;}
.footer .row2 .fls .p1,.footer .row2 .fls .p2{float: left;display: inline-block;color: #fff;}
.footer .row2 .fls .p1{width: 154px;height: 62px;padding-right: 10px;border-right: 1px solid #fff;}
.footer .row2 .fls .p1 img{display: block;width: 100%;height: 100%;}
.footer .row2 .fls .p2 p{width: 100%;padding-left: 10px;}
.footer .row2 .fls .p3{font-size: 14px;}
.footer .row2 .fls .p4{font-size: 30px;font-weight: 700;}
.footer .row2 .mids{width: auto;margin-right: 50px;}
.footer .row2 .mids p,.footer .row2 .mids a{color: #fff;font-size: 12px;}
.footer .row2 .mids a{margin-left: 30px;}
.footer .row2 .mids a:hover{text-decoration: underline;}
.footer .row2 .mids p{line-height: 25px;}
.footer .row2 .frs p{display: inline-block;width: 80px;height: 80px;}
.footer .row2 .frs p img{display: block;width: 100%;height: 100%;}

/*banner*/

.bgBanner{width: 100%;background-color: #333;}
.bgBanner img{width: 100%;height: auto;display: block;}
.picBanner{width: 60%;text-align: center;margin: 0 auto;}
.picBanner img{width: 100%;height: auto;display: block;}

/*横幅文字*/

.bannerTxt{background: #333;color: #333;text-align: center;width: 100%;margin-bottom: 80px;}
.bannerTxt div{text-align: center;font-size: 20px;line-height: 1.8;width: 100%;background: #333;position: relative;}
.sp{padding: 10px 0;width: 100%;background: #c8e044;position: absolute;left: 0;top: -10px;}
.bannerTxt2{width: 60%;margin: 0 auto;}
.bannerTxt2 p{width: 80%;padding: 15px 10%;}

/*响应式*/

@media (max-width: 1920px){
  /*1920px*/
  .aboutXiao{height: 380px;}
  }
@media (max-width: 1600px){
  /*1600px*/
  .aboutXiao{height: 350px;}
  }
@media (max-width: 1440px){
  /*1440px*/
  .bannerTxt p{width: 55%;}
  .bannerTxt2 p{width: 80%;}
  .aboutXiao{height: 320px;}
  }
@media (max-width: 1366px){
  /*1366px*/
  .bannerTxt p{width: 60%;}
  .bannerTxt2 p{width: 84%;}
  .aboutXiao{height: 300px;}
  }




  /* flex */
.flex{display: flex;}
.flex-col{display: flex;flex-direction: column;}
.flex-center{display: flex;align-items: center;justify-content: center;}
.flex-center-col{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.flex-between{display: flex;align-items: center;justify-content: space-between;}
.flex-around{display: flex;align-items: center;justify-content: space-around;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-center-y{display: flex;align-items: center;}


/*+++++复制的公共类+++++++++定位在最上面的导航条*/

/* .posHeader{position: fixed;top: 0;left: 0;height: 0.8rem;background: #333;width: 100%;z-index: 9999;}
.posHeader a{color: #fff;background-position: center center !important;background-repeat: no-repeat !important;display: inline-block;width: 33.33%;float: left;height: 100%;}
.posHeader a:nth-child(1){background-size: 65% 80% !important;}
.posHeader a:nth-child(2){text-align: center;line-height: 0.8rem;font-size: 16px;}
.posHeader a:nth-child(3){background-size: 50% 60% !important;} */


/* 公共标题 */
.topic-title{width: 100%;position: relative;}
.topic-title span{width: 35px;height: 5px;background-color: #237924;}
.topic-title p{font-size: 30px;font-weight: 700; color: #237924; margin: 0 10px;}

/* 输入框 */
.submit-wrap{position: relative;}
.input-wrap{width: 624px;height: 224px;border-radius: 20px;background-image: linear-gradient(to right, #55a434 , #7abc4b);
            box-shadow: 0 0 10px #333;margin: 10px auto 80px;position: relative;}
.input-wrap input{width: 260px;font-size: 20px;}
.input-name{width: 420px;position: absolute;left: 50%;transform: translateX(-50%);top: 50px;background-color: #fff;padding: 10px 15px;
            box-sizing: border-box;border-radius: 10px;z-index: 9;}
.input-phone{width: 420px;position: absolute;left: 50%;transform: translateX(-50%);top: 110px;background-color: #fff;padding: 10px 15px;
            box-sizing: border-box;border-radius: 10px;z-index: 9;}
.input-name span{color: #56a434;font-size: 20px;margin-right: 5px;}
.input-phone span{color: #56a434;font-size: 20px;margin-right: 5px;}
.shuye{position: absolute;width: 140px;height: 140px;bottom: 0;right: -40px;background: url('../images/s3.png') no-repeat;
       background-size: 100% 100%;}
.now{width: 320px;height: 65px;background-color: #237924;color: #fff;font-weight: 700;text-align: center;line-height: 65px;
     font-size: 22px;position: absolute;bottom: -33px;left: 50%;transform: translateX(-50%);border-radius: 15px;box-shadow: 0 0 10px #333;}
.sec-title{font-size: 20px;color: #333;margin: 10px auto;}
.discount-wrap{padding: 0 50px;box-sizing: border-box;margin-bottom: 20px;}
.dis-item{width: 190px;height: 105px;border: 2px solid #237924;border-radius: 20px;font-size: 20px;color: #545454;}
.dis-item:nth-child(2){margin: 0 40px;}
.dis-item span{color: #237924;}
.zixun{margin-bottom: 30px;}
.zixun button{width: 280px;height: 60px;text-align: center;line-height: 60px;font-size: 20px;background-color: #237924;color: #fff;
              border-radius: 30px;box-shadow: 0 0 10px #333;margin: 0 auto;}
.piaoye{width: 160px;height: 300px;background: url('../images/s1.png') no-repeat;background-size: 100% 100%;position: absolute;top: 55px;left: 0;}
.feiji{width: 78px;height: 100px;background: url('../images/s2.png') no-repeat;background-size: 100% 100%;position: absolute;top: 255px;right: 0;}

/* 1分钟了解新航道 */
.understand{width: 100%;height: 360px;background: url('../images/u1.png') no-repeat;background-size: 100% 100%;padding: 30px 0;
            box-sizing: border-box;margin-bottom: 55px;}
.icon-wrap{padding: 0 65px;box-sizing: border-box;}
.icon-item{margin-right: 20px;}
.icon-item:last-child{margin-right: 0;}
.icon-item img{width: 140px;height: 140px;border-radius: 50%;margin-bottom: 10px;}
.icon-item span{color: #545454;font-size: 20px;}
/* .all-lesson{background: url('../images/l1.png') no-repeat;background-size: 100% 100%;width: 6.6rem;height: 2.6rem;margin: .3rem auto;} */
/* .lesson-zixun button{width: 2.8rem;height: .6rem;text-align: center;line-height: .6rem;font-size: .29rem;background-color: #237924;color: #fff;
    border-radius: .2rem;box-shadow: 0 0 .1rem #333;font-weight: 700;}
.lesson-zixun{margin-bottom: .3rem;} */

/* 了解想要了解的课程 */
.lesson{position: relative;padding-bottom: 30px;}
.box-wrap{width: 1000px;border: 1px solid #237924;margin: 0 auto;}
.box-nav{width: 100%;font-size: 20px;color: #fff;font-weight: 700;background-color: #237924;cursor: pointer;}
.box-nav li{width: 250px;height: 45px;text-align: center;line-height: 45px;}
.li-active{background-color: #7dce90;color: #333;}
.sec-nav li{height: 45px;line-height: 45px;text-align: center;background-color: #237924;color: #fff;font-size: 20px;font-weight: 700;}
.sec-nav li:nth-child(1){width: 215px;}
.sec-nav li:nth-child(2){width: 475px;}
.sec-nav li:nth-child(3){width: 150px;}
.sec-nav li:nth-child(4){width: 160px;}
.content{padding: 20px 0;}
.content-item{height: 45px;line-height: 45px;text-align: center;background-color: #fff;color: #333;font-size: 15px;}
.content-item span:nth-child(1){width: 215px;}
.content-item span:nth-child(2){width: 475px;}
.content-item span:nth-child(3){width: 150px;}
.content-item div{width: 160px;}
.content-item button{width: 102px;height: 32px;background-color: #237924;color: #fff;font-weight: 700;font-size: 20px;cursor: pointer;}
.detail-wrap{margin-right: 10px;}
.detail-wrap:last-child{margin-right: 0px;}
.detail{width: 300px;height: 380px;border: 2px solid #237924;border-radius: 20px;padding: 20px;box-sizing: border-box;}
.detail-title{font-size: 30px;color: #237924;}
.detail-sec-title{font-size: 20px;color: #545454;text-align: center;}
.detail-thr-title{font-size: 20px;color: #237924;text-align: center;}
.dashed{width: 240px;height: 5px;margin: 15px auto;background: url('../images/d1.png') no-repeat;background-size: 100% 100%;}
.detail-zixun button{width: 245px;height: 45px;background-color: #237924;color: #fff;font-size: 30px;border-radius: 10px;
                    text-align: center;line-height: 45px;font-weight: 700;}
.detail-zixun{margin: 20px 0;}
.one{width: 250px;height: 400px;background-size: 100% 100%;position: absolute;background: url('../images/d2.png') no-repeat;
    top: -80px;right: 0;background-size: cover;}

.guihua{width: 100%;background: url('../images/guihua-bg.png') no-repeat;background-size: 100% 100%;padding: 30px 0;box-sizing: border-box;
        margin-bottom: 30px;}
.guihua-title{font-size: 20px;color: #545454;padding: 0 20px;box-sizing: border-box;line-height: 1.5;margin-bottom: 30px;}
.reg{padding: 0 110px;box-sizing: border-box;margin-bottom: 20px;}
.reg-item:nth-child(2){margin: 0 90px;}
.reg-item span{width: 10px;height: 10px;border-radius: 50%;background-color: #333;margin-right: 5px;}
.reg-item p{font-size: 20px;}

.wrap{padding: 0 60px;box-sizing: border-box;margin-bottom: 30px;}
.guihua-input-wrap{width: 300px;height: 60px;border-radius: 20px;box-shadow: 0 0 10px #333;padding: 10px 15px;box-sizing: border-box;
                    background-color: #fff;margin-right: 30px;}
.guihua-input-wrap span{font-size: 20px;}
.guihua-input-wrap input{width: 170px;font-size: 20px;}
.free-guihua{width: 190px;height: 63px;text-align: center;line-height: 68px;border-radius: 20px;background-color: #237924;color: #fff;
            font-size: 20px;margin: 0 auto 10px;}
.service{width: 100%;height: 565px;background: url('../images/w1.png') no-repeat;background-size: 100% 100%;margin-bottom: 30px;}

.teacher{position: relative;}
.teacher-title{padding: 0 90px;box-sizing: border-box;font-size: 20px;margin: 10px 0 0;}
.teacher-title p{width: 695px;}
.humin{width: 560px;height: 160px;background-color: #e5e5e5;margin: 40px auto 20px;position: relative;}
.humin img{width: 138px;height: 188px;position: absolute;bottom: 0;left: 0;}
.humin-intro h3{font-size: 20px;font-weight: 700;color: #000;margin-bottom: 20px;}
.intro{line-height: 1.5;font-size: 16px;}
.humin-intro{position: absolute;left: 186px;top: 15px;}
.other-teacher{width: 680px;height: 280px;margin: 0 auto 20px; background: url('../images/t1.png') no-repeat;background-size: 100% 100%;}
.teacher-shuye{position: absolute;left: 0;top: 100px;width: 211px;height: 322px;background: url('../images/t2.png') no-repeat;
                background-size: 100% 100%;}

.jiaocai{background-color: #f7f7f7;padding: 30px 0;position: relative;}
.jiaocai-title{padding: 0 60px;box-sizing: border-box;font-size: 20px;margin: 10px 0 20px;}
.jiaocai-title p{width: 695px;}
.jc-nav{margin-bottom: 20px;}
.jc-nav span{width: 170px;height: 55px;text-align: center;line-height: 55px;border: 1px solid #ccc;border-radius: 10px;font-size: 20px;
            margin: 0 15px;cursor: pointer;}
.span-active{background-color: #db3c3c;color: #fff;}
.book1{width: 915px;height: 325px;margin: 0 auto;background: url('../images/book1.png') no-repeat;background-size: 100% 100%;}
.book2{width: 915px;height: 325px;margin: 0 auto;background: url('../images/book2.png') no-repeat;background-size: 100% 100%;}
.book3{width: 915px;height: 120px;margin: 0 auto;background: url('../images/book3.png') no-repeat;background-size: 100% 100%;}
.book4{width: 915px;height: 120px;margin: 0 auto;background: url('../images/book4.png') no-repeat;background-size: 100% 100%;}
.feiji{width: 154px;height: 161px;background: url('../images/feiji.png') no-repeat;background-size: 100% 100%;position: absolute;
        right: 0;top: 120px;opacity: .6;}

.pinzhi{margin: 20px 0;}
.pz{width: 680px;height: 215px;margin: 30px auto;background: url('../images/pz.png') no-repeat;background-size: 100% 100%;}

.huanjing{position: relative;}
.huanjing-picture{width: 675px;height: 320px;margin: 10px auto;z-index: 9;position: relative;}
.huanjing-picture img{width: 100%; height: 100%;position: absolute;left: 0;top: 0;}
.online button{width: 310px;height: 55px;text-align: center;line-height: 55px;border-radius: 20px;background-color: #237924;color: #fff;
                font-size: 20px;font-weight: 700;box-shadow: 0 0 10px #333;}
.nju{position: absolute;bottom: 80px;left: 0;width: 226px;height: 102px;background: url('../images/nju.png') no-repeat;background-size: 100% 100%;}

.diqu{margin:  20px auto;position: relative;}
.diqu-title{width: 710px;height: 95px;background-color: #eeeeef;margin: 0 auto;}
.chengdu{font-size: 20px;margin: 20px auto;width: 660px;}
.chengdu span{color: #237924;margin-right: 20px;font-weight: 700;}
.mianyang{font-size: 20px;margin: 20px auto;width: 660px;}
.mianyang span{color: #237924;margin-right: 20px;font-weight: 700;}
.diqu-img{width: 168px;height: 285px;background: url('../images/diqu.png') no-repeat;background-size: 100% 100%;position: absolute;
          bottom: -32px;right: 0;}
.space{width: 100%;height: 15px;background-color: #333;position: absolute;bottom: -31px;}