@charset "utf-8";

/**********************
 *  重新定义Html元素  *
 **********************/
*{ word-wrap:break-word; outline:none; }
body{ background:#fff; overflow-x: hidden;}
body, td, input, textarea, select, button{ color:#484848; font:12px "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; }
body, ul, ol, li,  dl, dt , dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
ul , ol , li { list-style-image: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
a{ color:#484848; text-decoration:none; }
a:hover { color:#484848; text-decoration:none; }
a img{ border:none; }
a {blr:expression(this.onFocus=this.blur())}
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; border-spacing: 0;}
th{ text-align:left; }
input,button,select,textarea{outline:none}
html{ -webkit-text-size-adjust: none;}

/************
 * 清除浮动 *
 ************/
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clear { clear: both; height: 0; font-size: 1px; }


/**********
 *  定位  *
 **********/
.tl { text-align:left !important;}
.tc { text-align:center !important; }
.tr { text-align:right !important;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.none { display:none;}
.w1080 { width: 1080px !important; margin-left: auto; margin-right:auto;}

/************
 * wrapper  *
 ************/
#wrapper { width: 100%; margin: 0 auto; overflow: hidden;}

/*导航*/
.zjh-miannav {width:100%;height:70px;line-height:70px;background:#000;color:#fff;font-size:14px;}
.zjh-nav {width:1200px;margin:0px auto;}
.zjh-logo {margin-right:60px;}
.zjh-tele {font-size:16px;margin-right:60px;}
.zjh-navlist li {float:left;padding:0px 22px; height: 70px;}
.zjh-navlist li a {color:#fff;}
.zjh-navlist li span {
    height: 3px;
    width: 0%;
    display: block;
    background: #0871ff;
    transition: width 0.6s;
    margin-top: -3px;
}
.zjh-navlist li.hoverblue span {
    width: 110%;
}

.zjh-navlist li:hover span {
    width: 110%;
}
.zjh-backimgs {background-image:url("../images/zjh-ioc.png");display:inline-block;vertical-align:middle;background-position: -4px -446px;
    width: 23px;
    height: 23px;
    margin-right: 10px;}

.footer{
    margin:0;
    padding: 20px;
}
.telephone{
    width: 322px;
    height: 107px;
    border: 1px solid #3d4a4f;
    margin: 0px auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.telephonee {
    font-size: 18px;
    color: #2ea7e0;
    margin: 18px 0 13px 0;
}
.telephonehm {
    font-size: 36px;
    color: #2ea7e0;
}
.footer em {
    text-align: center;
    padding-top: 21px;
    display: block;
}
.footer a {
    font-size: 12px;
    color: #666;
}

.container-bg01 {background: url(../images/jks_bg_01.jpg) center top no-repeat; height: 780px;   }
.container-bg02 {background: url(../images/jks_bg_02.jpg) center top no-repeat; height: 327px; }
.container-bg03 {background: url(../images/jks_bg_03.jpg) center top no-repeat; height: 700px; }
.container-bg04 {background: url(../images/jks_bg_04.jpg) center top; height: 682px;}
.container-bg05 {background: url(../images/jks_bg_05.jpg) center top; height: 642px;}
.container-bg06 {background: url(../images/jks_bg_06.jpg) center top; height: 682px;}
.container-bg07 {background: url(../images/jks_bg_07.jpg) center top; height: 309px;}
.container-bg08 {background: url(../images/jks_bg_08.jpg) center top; height: 662px;   position: relative;}
.container-bg09 {background: url(../images/jks_bg_09.jpg) center top; height: 754px;  position: relative;}
.container-bg10 {background: url(../images/jks_bg_10.jpg) center top; height: 789px;  position: relative;}
.container-bg11 {background: url(../images/jks_bg_11.jpg) center top; height: 761px;  position: relative;}
.container-bg12 {background: url(../images/jks_bg_12.jpg) center top; height: 1031px;}
.container-bg13 {background: url(../images/jks_bg_13.jpg) center top; height: 903px;  position: relative;}
.container-bg14 {background: url(../images/jks_bg_14.png) center top; height: 705px;}

.container-bg08 .b1{ position: absolute; top: 570px; left: 50%; margin-left: -480px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg08 .b1 a{ float: right; font-size: 18px; color: #dfb35e;}
.container-bg08 .b2{ position: absolute; top: 570px; left: 50%; margin-left: 140px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg08 .b2 a{ float: right; font-size: 18px; color: #dfb35e;}

.container-bg09 .b1{ position: absolute; top: 600px; left: 50%; margin-left: -480px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg09 .b1 a{ float: right; font-size: 18px; color: #dfb35e;}
.container-bg09 .b2{ position: absolute; top: 600px; left: 50%; margin-left: 140px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg09 .b2 a{ float: right; font-size: 18px; color: #dfb35e;}

.container-bg10 .b1{ position: absolute; top: 695px; left: 50%; margin-left: -480px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg10 .b1 a{ float: right; font-size: 18px; color: #dfb35e;}
.container-bg10 .b2{ position: absolute; top: 695px; left: 50%; margin-left: 140px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg10 .b2 a{ float: right; font-size: 18px; color: #dfb35e;}

.container-bg11 .b1{ position: absolute; top: 490px; left: 50%; margin-left: -480px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg11 .b1 a{ float: right; font-size: 18px; color: #dfb35e;}
.container-bg11 .b2{ position: absolute; top: 490px; left: 50%; margin-left: 140px; width:320px; font-size: 18px; color: #dfb35e;}
.container-bg11 .b2 a{ float: right; font-size: 18px; color: #dfb35e;}


.toBuy { /*position: absolute;     top: 680px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 60px;
    line-height: 60px;
     text-align: center;
    font-weight: bold;
    font-size: 26px;
    color:#08b471;
    background: #fff;
    border-radius: 30px; */
    display: none;
}
.toBuy:hover{color:#08b471; box-shadow: 0 0 10px #fff}
.pri { position: absolute; left: 50%; margin-left: -180px;font-weight: bold; font-size: 36px; color: #fff;}
.pri1{ top: 352px;}
.pri2{ top: 912px;}

.buyBtn { position: absolute;
    left: 50%;
    margin-left: -13px;
    width: 200px;
    height: 54px;
    border-radius: 20px;
}
.buyBtn1{ top: 352px;}
.buyBtn2{ top: 912px; margin-left: -28px; }
.teacher-left { position: absolute; top: 242px; left: 50%; margin-left: -450px;}
.teacher-name{ position: absolute; top: 390px; left: 50%; margin-left: -52px; font-size: 26px; color:#fff; font-weight: bold;}
.teacher-info{ position: absolute; top: 440px; left: 50%; margin-left: -52px; width: 560px; font-size: 16px; color:#fff; line-height: 24px;}
.teacher-nav{ position: absolute; top: 650px; left: 50%; margin-left: -45px;}
.teacher-nav li{float: left; margin-right: 45px;}
.teacher-nav li img{width: 100px; height: 100px;}
.teacher-nav li.active img{ border: 3px solid #ffa800; border-radius: 50px}


.wrap{ width: 1200px; margin: 0px auto;}.font12{ font-size: 12px;}.font14{ font-size: 14px;}.font16{ font-size: 16px;}.font18{ font-size: 18px;}.font20{ font-size: 20px;}.font30{ font-size: 30px;}
.div000{ background: #282828; width: 100%; overflow: hidden;}
.foottop{ margin-top: 34px;}
.foottell{ font-size: 28px; color: #fff; font-weight: bold;}
.foottell span{ color: #999; display: block;}
.footbottom{ margin-top: 30px; border-bottom: 2px solid #333333; overflow: auto; padding-bottom: 20px;}
.wid240footer{ border-right: 1px solid #333333; width: 200px; padding-left: 33px;}
.wid240footer:nth-child(5){ border-right: 0;}
.wid240footer dt{ color: #666; line-height: 30px;}
.wid240footer dd a{ font-size: 12px;line-height: 24px; color: #999;}
.footer_bq div a {list-style:none;width:188px;line-height:40px;text-align:center;height:40px;float:left;margin-left:12px;border:1px solid #333; color: #999; font-size: 12px;}
.footer_bq div a:hover{ border:1px solid #777; color: #ccc;}
.footer span {display:block;text-align:center;}
.footer_bq div {width:1200px;margin:0 auto;padding-top:15px;overflow:hidden;}
.footer_cen ul p {width:90px;cursor:pointer;margin-top:-25px;display:inline-block;height:30px;background-color:#47c88a;color:#fff;text-align:center;line-height:30px;border-radius:6px;margin-left:40px;}
.footer_bq div a:hover>.footer-bottom-icon1 {background-position:-20px -286px;}
.footer-bottom-icon {display:block;background:url(images/gzz-gaiban-icon.png);float:left;}
.footer-bottom-icon1 {height:28px;width:28px;background-position:-20px -286px;margin:6px 0 0 47px;}
.footer_bq div a:hover>.footer-bottom-icon2 {background-position:-68px -289px;}
.footer-bottom-icon2 {height:22px;width:19px;background-position:-68px -289px;margin:9px 0 0 24px;}
.footer_bq div a:hover>.footer-bottom-icon3 {background-position:-107px -287px;}
.footer-bottom-icon3 {height:26px;width:26px;background-position:-107px -287px;margin:7px 0 0 11px;}
.footer_bq div a:hover>.footer-bottom-icon4 {background-position:-153px -287px;}
.footer-bottom-icon4 {height:26px;width:30px;background-position:-153px -287px;margin:7px 0 0 32px;}
.footer_bq div a:hover>.footer-bottom-icon5 {background-position:-202px -287px;}
.footer-bottom-icon5 {height:26px;width:26px;background-position:-202px -287px;margin:7px 0 0 48px;}
.footer-bottom-icon6 {height:25px;width:28px;background-position:-248px -287px;margin:7px 0 0 47px;}
.footer_bq div a:hover>.footer-bottom-icon6 {background-position:-248px -287px;}
.footer img {vertical-align:top;}
.footbeian{ text-align: center;color: #666; height: 51px; line-height: 51px; margin-top: 20px; background: #1f1f1f;}



@media screen and (max-width: 750px){

    .container-bg08{ background: url(../images/mjks_bg_08.jpg) center top;   height:446px;}
    .container-bg13{ background: url(../images/mjks_bg_13.jpg) center top;    position: relative; height:423px;}
    .container-bg{background-size:cover;} 
    .container-bg01{ background-position:-143px 0px;height:271px;}
    .container-bg02{height:148px;}
    .container-bg03{height:214px;}
    .container-bg04{height:211px;}
    .container-bg05{height:241px;}
    .container-bg06{height:257px;}
    .container-bg07{height:186px;}
    
    .container-bg09{height:278px;}

   /* .dong{ position: absolute;top: 10px; left: 50%; margin-left: -164px; width: 140px;}
    .dong2{ position: absolute;top: 10px; left: 50%; margin-left: 20px;}*/
 
    .container-bg12{height:316px;}
    
    .container-bg14{height:216px;}
    .container-bg15{height:171px;}
    .container-bg16{height:206px;}
    .container-bg17{height:206px;}
    .container-bg18{height:152px;} 



    .container-bg08 .b1{ position: absolute; top: 378px; left: 129%; margin-left: -420px; width:227px; font-size: 18px; color: #dfb35e;}
    .container-bg08 .b2{ display:none;  } 



    .teacher-left { position: absolute; top: 53px; left: 102%; margin-left: -403px;  height: 237px;  width: 132px;}
    .teacher-name{ position: absolute; top: 132px; left: 50%; margin-left: -32px; font-size: 18px; color:#fff; font-weight: bold;}
    .teacher-info{ position: absolute; top: 160px; left: 50%; margin-left: -32px; width: 224px; font-size: 12px; color:#fff; line-height: 20px;}
    .teacher-nav{ position: absolute; top: 308px; left: 13%; margin-left: -45px;}
    .teacher-nav li{float: left; margin-right: 12px;}
    .teacher-nav li img{width: 70px; height: 70px;}
    .teacher-nav li.active img{ border: 3px solid #ffa800; border-radius: 50px}


    .toBuy { /*position: absolute;     top: 286px;
            left: 50%;
            margin-left: -44px;
            width: 100px;
            height: 30px;
            line-height: 32px;
             text-align: center;
            font-weight: bold;
            font-size: 16px;
            color:#08b471;
            background: #fff;
            border-radius: 30px;  */
            display: none;
        }
      

        

         

}