﻿html, body, p, dl, dt, dd, table, td, th, input, img, form, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, select, fieldset, fieldset, button,textarea { margin: 0; padding: 0; }
body { font-size: 14px; line-height: 24px; background-color: #edf1f5; color: #2e4154; font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 0;}
iframe, img { border: 0 none; vertical-align: middle; }
em, i { font-style: normal; }
 ul, li, ol { list-style: none outside none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.clearfix { *zoom: 1; }
a { color: #000; text-decoration: none; }
a:hover { color: #57b382; text-decoration: none; }
.clear { clear: both; }

/* 公用的起点头部copy */
header { height: 70px; width: 100%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.2); position: fixed; left: 0; top: 0; z-index: 9999; }
.header_inner { width: 1200px; height: 70px; margin: 0 auto; position:relative; }
.logo { float: left; padding: 0 30px 0 0; }
.logo .chanel1 { position: relative; color: #2eab23; font-size: 24px; line-height: 70px; display: block; font-weight: normal; width: auto; padding: 0 0 0 20px; }
.logo a { width: 186px; height: 39px; display: block; float: left; padding: 16px 0 0 0; }
.logo a img { width: 178px; height: 40px; margin-left: 10px; }
/* 增高LOGO */
.t_logo { width: 222px; height: 99px; position: absolute; left: 0; top: 0; padding-top: 18px; z-index: 9999; background:url(../images/h_logobg.png) no-repeat; display: none; }
.t_logo p { color: #eef7f2; font-size: 12px; letter-spacing: 0.8px; padding-left: 15px; }
.t_logo a{ display:inline-block; padding-left:15px; }
.nav { float: left; margin-left: 0px; }
.nav ul li { float: left; position: relative; }
.nav ul li a { font-size: 14px; padding: 6px 10px 0; height: 62px; line-height: 62px; display: block; color: #666; }
.nav ul li a:hover { color: #2eab23; border: 1px solid #f0f0f0; border-top: 4px #2eab23 solid; border-bottom:0; height: 60px; line-height: 55px; padding: 6px 13px 0; }
nav ul li .nav_now { color: #2eab23; border: 1px solid #f0f0f0; border-top: 4px #2eab23 solid; border-bottom:0; line-height: 55px; height: 60px; padding: 6px 13px 0; }
.nav ul li span { display: block; position: absolute; width: 0; height: 0; background: #2eab23; top: 67px; left: 50%; }
.sign_in { float: left; width: 94px; height: 24px; border-radius: 16px; border: 1px solid #2eab23; margin-top: 24px; margin-right: 10px; }
.sign_in a { padding: 0 5px; display: block; color: #2eab23; line-height: 24px; display: block; }
.fr{ float: right; }

.vip_hot {
    font-size: 9px;
    line-height: 13px;
    width: 28px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 14px;
    display: block;
}
.vip_hot > p{
    background: #ff0000;
    width: 28px;
    position: absolute;
    height: 14px;
    right: 0;
    top: 0;
    border-radius: 2px;
     animation: scaleMove 3s ease-out;
   -webkit-animation: scaleMove 1s  infinite linear;
   -moz-animation: scaleMove 2s  infinite linear;
}

@keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}
 @-webkit-keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}
@keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}
 @-moz-keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}


.vip_hot > em{
   position: relative;}



.s-header-nav { width: 108px;line-height: 73px;float: right; }
.s-header-nav img{ width: 35px; height: 35px; border: 1px solid #e2e2e2; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.s-header-nav a{ color:#666; text-align:center; }
.s-header-select ul { width: 108px;text-align: center; box-shadow: 0 2px 6px 0px #dde0e4; -webkit-box-shadow: 0 2px 6px 0px #dde0e4; -moz-box-shadow: 0 2px 6px 0px #dde0e4; border: 1px solid #f0f0f0; position: absolute; left:-1px; top:70px; display: none; }
.s-header-select{ color:#676767; position: relative;padding-left:25px; cursor:pointer; }
.s-header-select.active {
    padding-left: 25px;
    box-shadow: 0 2px 0px 1px #f0f0f0;
    -webkit-box-shadow: 0 2px 0px 1px #f0f0f0;
    -moz-box-shadow: 0 2px 0px 1px #f0f0f0;
}
.s-header-select.active:after{ content:''; width:100%; height:4px; background-color:#32b16f; position: absolute; left:0; top:0;}
.s-header-select i{ width: 12px; height: 6px; background: url(../images/20170615_header.png) no-repeat 0px 0px; display: inline-block; margin-left: 8px; }
.s-header-select ul li{ height: 40px; line-height:40px; background-color:#fff; }
.s-header-select ul a:hover{ color:#676767; }
.s-header-select ul li:hover{ background-color:#f5f6f8; }
.text-tc{ text-align:center; }


/* 报名资料头部 */
.submit-header{ width: 700px; }
.submit-header .s-header-nav { width: 120px; }
.submit-header .s-header-select{padding-left:22px;}
.submit-header .s-header-select.active{ padding-left: 22px; }
.submit-header .s-header-select ul { width: 120px;text-align: left; }
.submit-header .s-header-select  a{ padding-left: 20px; display:block;text-align: left;  }

/* 公用底部 */
footer{width:100%; background-color:#292c37; overflow: hidden; }
.w-footer{width: 1200px;margin:0 auto;}
.w-footer-hp { padding-top: 33px; padding-bottom: 24px; }
.w-footer-co{height: 298px; }
.w-footer-top p {font-size: 16px; line-height: 48px; color: #fff; border-bottom: 1px solid #d2d3d6; margin-bottom: 10px; }
.w-hez-box{ overflow:hidden; }
.w-hez-box a { display: block; float: left; padding: 10px 20px 0 0; color: #949494; }
.w-hez-box a:hover { color: #fff; }
.w-footer-bot { width: 1200px; height: 180px; margin-top: 48px; }
.w-footer-bot p{ color:#e0e0e1; }
.w-footer-left{ width: 436px; height: 180px; padding-left: 14px; }
.w-footer-left p{ padding:18px 0 12px; color:#e0e0e1; border-bottom: 1px solid #d2d3d6; margin-bottom: 10px; }
.w-footer-left div a{ color:#fff; margin-right: 18px; }
.w-footer-right{ width: 548px; height: 180px; }
.w-f-course{ color:#ceced1; padding:0 0 14px 4px; }
.w-footer-right span{ margin-bottom:7px; display:inline-block; }
.w-footer-right a{ border: 1px solid #ceced1; color:#ceced1; width: 88px; height: 20px; line-height: 20px; margin:0 0 7px 14px; display:inline-block; border-radius: 6px; text-align:center; }
.w-footer-right ul{ width: 320px; }
.w-footer-right ul li{ color:#ceced1; }
.w-footer-right .w-code{ width: 125px; height: 25px; padding-top:125px; font-size:14px; color:#ceced1; text-align: center; margin:16px 16px 0 0; background:url(../images/footer_code.png) no-repeat top left; }
.w-icon-p{ background:url(../images/footer_phone.png) no-repeat left center; margin:10px 0; padding-left:40px; }
.w-icon-qq{ background:url(../images/footer_qq.png) no-repeat left center; padding-left:40px; }
.w-footer-in{ color:#8c8d91; text-align:center; margin-top:50px; }

/* 悬浮 */
.w-base-fixed{ width: 70px; height: 542px; position:fixed;bottom:3%;z-index: 66; right:50px; text-align:center; }
.w-base-fixed span{ width:68px; height: 69px; display: block; border: 1px solid #ccc; border-top:none; cursor: pointer; }
.w-base-fixed span > .w-text{ padding-top:42px; color:#32b16f; }
.w-qq{ background:#fff url(../images/qq01_icon.png) no-repeat center 12px; position:relative; }
 .w-base-fixed .w-qq:hover { background:#32b16f url(../images/qq02_icon.png) no-repeat center 12px; width: 70px; height: 70px; border: none; }
  .w-base-fixed .w-qq:hover .w-text{ color:#fff; }
.w-plus-qq { width: 150px; height: 70px; line-height:70px; background-color: #32b16f; position: absolute; left: -160px; top:0; font-size: 16px; text-align: center; color: #fff; font-weight: bold; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; margin-left: -40px; display:none; opacity: 0; }
.w-qq:hover .w-plus-qq { opacity: 1; margin-left: 0; display:block; }
.w-base-fixed .w-top { border-top: 1px solid #ccc; background: #fff url(../images/top_icon.png) no-repeat center center; border-radius: 4px; height: 38px; }
.w-base-fixed .w-now-bm { margin: 10px 0; border: none; margin: 14px 0; text-align: center; border-radius: 4px; background-color: #32b16f; }
.w-base-fixed .w-now-bm a { display: block; padding-top: 10px; font-size: 18px; color: #fff; font-weight: bold; }
.w-base-fixed .w-zx{ width: 70px; height: 40px; line-height:40px; border:none; background-color: #32b16f; position: relative; color: #fff; }
.w-base-fixed .w-zx:after { width: 11px; height: 7px; content: ""; background: url(../images/xf_pic.png) no-repeat center bottom; position: absolute; bottom: -7px; left: 28px; z-index: 88; }
.w-base-fixed .height34{ height: 34px; line-height: 34px; background-color:#fff; }

/* 公用底部two */
.footer-two > div{ width: 700px; height: 73px; margin:0 auto; }
.footer-two .footer-logo{ float: left; padding:20px 30px 0 164px; }
.footer-two .footer-txt { float: left; padding-top: 20px; font-size: 16px; }

/* 修改 */
/* 悬浮自适应 */
@media screen and (max-width: 1400px) {
 .w-base-fixed { width: 70px; height: 1px; position: fixed; top: 15%; z-index: 66; right: 2px; text-align: center; }
}
