@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; outline: 0 none; border: 0 none; -webkit-text-size-adjust: none }
html { _background-image: url(blank.jpg); _background-attachment: fixed; overflow-x: hidden; overflow-y: scroll }
body { font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica; font-size: 18px; color: #000 }
article, aside, dialog, figure, footer, header, legend, nav, section, time { display: block }
a { text-decoration: none; }
button { border: 0 }
table{ border-collapse:collapse;}
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, em, b, i, u { font-style: normal; font-weight: normal; }
img { border: 0; -ms-interpolation-mode: bicubic; }
input, button, ul li { vertical-align: top }
input, button:focus { outline: 0; }
textarea { resize: none }
.fl{ float: left}
.fr{ float: right}
.clearfix { zoom: 1 }
.clearfix:after { visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: "." }
section { width: 1000px; margin: 0 auto; }
img { -ms-interpolation-mode: bicubic; vertical-align: top; border: 0 }
.clear{ clear: both}

/**************ban****************/
.ban-top{ padding-top: 30px; width: 1200px; margin: 0 auto;}
.ban-logo img { width: 160px; }
.ban-tel { font-size: 28px; color: #fff; background: url(../imgs/tel-icon.png) no-repeat left center; background-size: 28px 38px; padding-left: 40px; margin-top: 15px; font-weight: bold; }

.ban{width: 100%; height:auto; background: url(../imgs/pc-ap_0.png) no-repeat top center; }
.ban-con{ width:1200px; margin: 0 auto; margin-top:60px;}
.ban-con img{display: block; width: 810px; margin:0 auto;}
.ban-con p{ font-size:38px; line-height:48px; color: #2d72e4; text-align: center }
.ban-con h3{ font-size:42px; font-weight: bold; color: #5a94f3; text-align: center; margin-top: -30px; margin-left: -100px; }

/*************第一个表单*****************/
.bd{ width: 100%; height: auto; background:#236ce4 url(../imgs/pc-ap_02.jpg) no-repeat top center;}
.bd-con{ width: 1200px; margin:0 auto; padding:15px 0px 30px 0px; background:#fff; border-radius:8px; box-shadow: 0px 0px 5px #eee;}
.bd .title_bd h3{font-size:38px; text-align: center; font-weight: bold; color: #f8740d; }
.bd .title_bd p{font-size:24px; text-align: center; font-weight: bold; color: #3f86fb;}
.bd-box{ padding:10px 40px;}
.bd-input{ width:320px; float: left; display:block; padding-left:30px; height: 58px; line-height:58px; background: #fff; border-radius:30px; color: #0f0f0f; border:2px solid #236ce4; font-size: 22px; margin:0 auto; margin-left: 15px;}
.bd-submit{width:340px; float: left; display:block; height: 58px; line-height:58px; background: #f5c65c; border-radius:4rem; color: #212121; text-align: center; font-size: 22px; padding-bottom: 4rem; margin-left: 15px;}

/*************第二个表单*****************/
.bd2{ width: 100%; height: auto; background:#236ce4; padding-top: 50px;}
.bd2 .kec{ width:1200px; margin: 0 auto; font-size:28px; text-align:left;  color: #fff; margin-top: 20px; margin-bottom:20px;}
.bd2 .kec span{font-size:28px; padding: 5px 20px; border-radius:3rem;margin-right: .5rem; background: #f8740d; color: #fff; text-align: center;}
.bd2 .title_bd p{font-size:28px; text-align: center; font-weight: bold; color: #f8740d;}
.bd2 .title_bd p span{ color: #3f86fb;}

/*************关于AP*****************/
.bk{width:100%;  height: auto;  background:#236ce4; padding-top:50px; padding-bottom:20px;}
.bk-con{width:1160px; margin:0 auto; border: 1px solid #79d9f8; height: auto; background: #1550d9 url(../imgs/img_bg.png) no-repeat right bottom; background-size:25% ; border-radius:8px;  padding:30px 20px 10px 20px;}
.bk-con ul li{font-size: 22px; color: #fff; line-height:28px;margin-bottom:5px; }
.bk-con ul li span{color:#FCDC05; font-weight: bold; font-size: 28px;}
.bk-con ul li::before{content:"|"; font-size:20px; color: #fcb303; line-height:32px; margin-right:10px;}
.bk-con a{ background:#fff; color: #000; border-radius:20px; padding:4px 5px 4px 25px; }
.bk-con a img{margin-left:10px; margin-top:5px;}

/*************为什么选择新航道AP课程？*****************/
.tx{ width: 100%; height: auto; background:#236ce4;}
.tx-con{ width:1200px; margin:0 auto; }
.tx-con .tx_jg{ height:18px;}
.tx-con .tx-ul li{overflow: hidden; margin:0 auto; background:#144ed8; border-radius: 8px; border: 1px solid #79d9f8; padding:20px 20px; }
.tx-con .tx-ul li h3{font-size:24px; line-height:32px; color: #fff; font-weight: bold; text-align:left; }
.tx-con .tx-ul li p{ text-align:left; font-size:20px; color: #fff; }
.tx-con .tx-ul li p img{width:30px; height: 20px;}


/**************项目****************/
.nei_yuyue1{ overflow: hidden; width: 950px; margin:20px auto 0;}
.nei_yuyue1 input{width:300px;height: 56px;background: #fff;border-radius: 8px;color: #666;font-size: 16px;padding-left: 20px;line-height: 100%; float: left; margin-right: 30px;}
.nei_yuyue1 button{width:230px;height: 56px;line-height: 56px; background: #fffc03; color: #222222; font-size: 21px; text-align: center; border-radius: 8px;}

/******************课程*********************/
.title{ width:535px; height:62px; margin:0 auto; background:url(../imgs/bt_icon.png) no-repeat top center;}
.title p{font-size:32px; line-height:62px; text-align: center; font-weight: bold; color: #000; }

/*************为什么选择新航道AP课程？*****************/
.listen{ margin:0 auto; background:#236ce4; padding-top: 50px;}
.listen-box{ margin-top:0; }
.listen-box li{width: 1200px; overflow: hidden; margin:0 auto; background:#144ed8; height: auto; border-radius:8px; border: 1px solid #79d9f8; margin-bottom:10px; padding-bottom:10px; }
.listen-box li img{ display: block; float: left; margin-left: 20px; margin-right: 10px; }
.listen-box li h3{font-size:24px; line-height:32px; margin-top: 10px; color: #fff; font-weight: bold; text-align:left; }
.listen-box li p{ text-align:left; font-size:20px; color: #fff; line-height: 2.4rem; }

/*************老师**************/
.ls{background:#236ce4; padding-top: 2rem; padding-bottom:4rem;}
.ls h3{text-align: center; color: #fff; font-size:1.6rem; line-height:3.2rem; }
.ls_con{width:1200px; margin:0 auto; padding-bottom: 80px;}
.ls_con a{display: block; width:550px; margin:0 auto;}

.tab-btn{ display:block; width:148px; height:42px; line-height:42px; border-radius:25px; text-align:center; font-size:18px; color:#e52a47;border:2px solid #e52a47; margin:0 auto;}
.tab-btn:hover{ background:#e52a47; color:#fff}
.tab-color{ background:#f0ecef;}

/*****校区*****/
.xq{overflow: hidden; }
.xq-con{ width: 1200px; margin: 0  auto; background:#144ed8;  border-radius: 8px; border: 1px solid #79d9f8; padding:20px 20px;}
.xq-tabcon{ width: 1050px; border-top: 1px solid #2f9089; border-right: 1px solid #2f9089; padding: 35px 0}
.xq-detail{ margin-left: 30px; width: 600px;}
.xq-detail div{ height: 134px;}
.xq-detail h4{ font-size: 24px; color: #0c0c0c; margin-top: 15px;}
.xq-detail p{ font-size: 16px; color: #000; margin-top: 5px; line-height: 24px;}
.xq-detail a{ display: block;
    width: 280px;
    height: 52px;
    line-height: 52px;
    font-size: 21px;
    text-align: center;
    background: #ff9702;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;}
.xq-tp{ margin-top: 35px;}
.xq-tp li img{ float: left; margin-right: 6px;}
.xq-tab li{ display: block; background: #2f9089; width: 140px; height: 45px; line-height: 45px; color: #fff; text-align: center; border-radius: 5px; margin-top: 3px; font-size: 18px; cursor: pointer;}
.xq-tab .xq-cur{ background: #ff9702;}

.wd-btn_d{ width:360px; margin:25px auto 65px; overflow: hidden}
.wd-btn_d li a{ display: inline-block; width: 360px; height: 66px; line-height: 66px; text-align: center;  border-radius: 35px; font-size: 24px; }
.wd-btn{ width: 770px; margin: 35px auto 65px; overflow: hidden}
.wd-btn li a{ display: inline-block; width: 360px; height: 66px; line-height: 66px; text-align: center;  border-radius: 35px; font-size: 24px; }
.wd-btn1{background: #ff5800; color: #fff}
.wd-btn2{background: #022f6f; color: #fff}