﻿
.nav_w{position: relative;margin: 0 auto}
.navv_w{padding-top:1px;position: relative}
.base_w{padding-top:1px;position: relative}
.title{margin:0 auto 30px;width:100%;height: 76px;background: url("../images/title_bg.png") no-repeat center;}
.title img{margin: -1px auto}
.button{width: 500px;height: 70px;line-height: 70px;;font-size: 36px;display: block;margin: 30px auto 0;;background: url("../images/btn_bg.png") no-repeat center;color: #fff;font-weight: bold;text-align: center }
/*.button a{color: #0c1344;margin-left: 40px;}*/
/*.button:hover{font-size: 38px}*/
.border_b{border-bottom: 2px solid #11185c}

/*header*/
.header { width:100%; height:87px; background-color:#000000; min-width:1200px; }
.header .nnn { width:1200px;height:87px;margin:0 auto;text-align:left; }
.header .nnn img { float:left; display:inline; margin-left:20px; margin-top:12px;  }
.header ul { float:right; display:inline; width:565px; height:50px; padding-left:15px; margin-top:10px; }
.header ul li {display:inline-block;float:left; width:60px;height:auto;text-align:center;margin:8px 0 0 0;border-right:1px solid #293036; }
.header ul li a { color:#ffffff; font-size:14px;}
.header ul li a:hover { color:#ffffff; font-weight:700; }

/*banner*/
.banner{height: 899px;background: url("../images/banner.jpg") no-repeat center scroll;width: 100%;min-width:1200px;}
.banner .banner_t{width: 1024px;height: 380px;margin: 65px auto 0}
.banner .banner_b{width: 671px;height: 93px;margin: 55px auto 0}
.banner .daodu{width: 1132px;height: 222px;margin: 56px auto 0;background: url("../images/daodu_bg.png") no-repeat center}
.banner .daodu p{width: 925px;text-indent: 2em;text-align: justify;color: #fff;margin-left: 150px;line-height: 32px;font-size: 20px;
    text-shadow:
        0 0 1px #fff,
        0 0 3px #31d6ff,
        0 0 5px #31d6ff,
        0 0 8px #31d6ff,
        0 0 13px #31d6ff;
}

.actives{width: 100%;height: 994px;background: url("../images/bg_1.png") no-repeat center scroll;min-width:1200px;}
.actives ul{width: 1131px;margin: 0 auto;}
.actives ul li{width: 363px;height: 355px;float: left;margin-right: 21px;background: url("../images/hdld_1.png") no-repeat center;margin-bottom: 15px;}
.actives ul li:nth-child(3n){margin-right: 0px!important;}
.actives ul li .p_1{ background: linear-gradient(to left,#fd73f2,#2db9fc);-webkit-background-clip: text;color: transparent;font-size: 44px;font-weight: bold;text-align: center;margin: 45px auto 0}
.actives ul li .p_2{text-align: center;color: #dbfaff;font-size: 26px;margin-top: 75px;line-height: 35px;}

.school{width: 100%;height: 954px;background: url("../images/bg_2.png") no-repeat center scroll;min-width:1200px;}
.school .img_1{width: 1112px;height: 689px;margin: 20px auto}

.city{width: 100%;height: 781px;background: url("../images/bg_3.png") no-repeat center scroll;min-width:1200px;}
.city .city_cont{width: 1128px;height: 628px;margin: 0 auto 0;background: url("../images/xzcs_1.png") no-repeat center}
.city .city_cont .city_name{width: 1008px;margin: 0 auto;position: relative}
.city .city_cont .city_name li{width: 168px;height: 98px;background: url("../images/xz_bg.png") no-repeat center;background-position: -168px 0;float: left;margin-top: 40px;cursor: pointer;margin-left: 0px}
.city .city_cont .city_name .active{background-position: 0 0;}
.city .city_cont .city_name li p{color: #fff;font-size: 40px;text-align: center;line-height: 98px;  text-shadow:
        0 0 1px #c581f9,
        0 0 3px #c581f9,
        0 0 5px #c581f9,
        0 0 7px #c581f9,
        0 0 9px #c581f9;
        }
.city .city_cont .city_des{width: 1054px;height: 442px;background: url("../images/xzcs_2.png") no-repeat center;margin: 5px auto}
.city_time{width: 700px;height: 442px;display: none}
.city_time .p_title{width: 238px;height: 88px;margin: 50px auto 0;text-align: center;line-height: 88px;color: #fff;font-size: 40px;background: url("../images/xz_bg2.png") no-repeat center;text-shadow:
        0 0 0px #c581f9,
        0 0 1px #c581f9,
        0 0 3px #c581f9,
        0 0 5px #c581f9,
        0 0 7px #c581f9,
        0 0 9px #c581f9;}
.city_time .p_1{color: #fff;font-size: 22px;line-height: 35px;margin-left: 45px}
.city_time .city_btn01{width: 362px;height: 62px;background: url("../images/xz_btn1.png") no-repeat center;text-align: center;line-height: 62px;color: #e7b8fd;font-size: 26px;display: block;margin: 40px auto}
.yuyue{width: 306px;height: 348px;background: url("../images/yy_bg.png") no-repeat center;margin-top: 50px}
.yuyue .p_t{text-align: center;font-size: 26px;color: #fff;font-weight: bold;margin-top: 20px;text-shadow: 0 0 0px #c581f9,
0 0 1px #c581f9,
0 0 3px #c581f9,
0 0 5px #c581f9,
0 0 7px #c581f9,
0 0 9px #c581f9;}
#form01{width: 280px;height: 246px;margin: 33px auto 0}
#form01 .item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
    width: 96%;
    height: 33px;
    float: left;
}
#form01 .item p{
    width: 103px;
    height: 33px;
    text-align: right;
    color:  #fff;
    font-size: 20px;
    text-shadow:  0 0 1px #c581f9,
    0 0 3px #c581f9,
    0 0 5px #c581f9,
    0 0 7px #c581f9;;
}
#form01 .name,
#form01 .tel,
#form01 .city01,
#form01 .country01 {
    width: 156px;
    height: 33px;
    font-size: 20px;
    line-height: 33px;
    border: 1px solid #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#c581f9', Direction=135, Strength=5); /*for ie6,7,8*/
    -moz-box-shadow:
            0px 0px 1px #c581f9,
            0px 0px 3px #c581f9,
            0px 0px 5px #c581f9,
            0px 0px 7px #c581f9;; /*firefox*/
    -webkit-box-shadow:
            0px 0px 1px #c581f9,
            0px 0px 3px #c581f9,
            0px 0px 5px #c581f9,
            0px 0px 7px #c581f9;; /*webkit*/
    box-shadow:
            0px 0px 1px #c581f9,
            0px 0px 3px #c581f9,
            0px 0px 5px #c581f9,
            0px 0px 7px #c581f9; /*opera或ie9*/
}
#form01 .city_btn02{width: 182px;height: 55px;background: url("../images/xz_btn2.png") no-repeat center;text-align: center;line-height: 55px;color: #e7b8fd;font-size: 26px;display: block;margin: 0 auto;cursor:pointer;}


.teacher{width: 100%;height: 708px;background: url("../images/bg_4.png") no-repeat center scroll;min-width:1200px;}
.teacher ul{width: 100%;margin: 0 auto}
.teacher ul li{float: left;width: 362px;height: 560px;background: url("../images/ms_bg.png") no-repeat center 52px;margin-left: 27px;}
.teacher ul li .ms_t{width: 201px;height: 201px;margin: 0 auto;}
.teacher ul li .p_1{font-size: 28px;color: #69e1fe;font-weight: bold;text-align: center;margin-top: -6px;}
.teacher ul li .p_2{width: 301px;margin: 0 auto ;text-align: left;color: #fff;font-size: 20px;line-height: 35px;}
.teacher ul li .p_3{font-size: 18px;line-height:40px;}
.teacher ul li .ms_btn{width: 188px;height: 68px;display: block;background: url("../images/ms_btn.png") no-repeat center;text-align: center;line-height: 68px;font-size: 22px;color: #e7b8fd;margin: 6px auto}




.prize{width: 100%;height: 757px;background: url("../images/bg_5.png") no-repeat center scroll;min-width:1200px;}
.prize .prize_cont{width: 1128px;height: 600px;margin: 0 auto;background: url("../images/hdjp_bg.png") no-repeat center;position: relative}
.prize .prize_cont img{margin: 0 auto;padding-top: 65px}
.prize .prize_cont p{font-size: 18px;color: #e7b8fd;text-align: center;line-height: 40px}
.prize .prize_cont p span{font-weight: bold}
.prize .prize_cont p .sp_1{color: #e5104d;font-size: 22px}


.advantage{width: 100%;height: 805px;background: url("../images/bg_6.png") no-repeat center scroll;min-width:1200px;}
.advantage .adv_cont{width: 1128px;height: 642px;margin: 0 auto;background: url("../images/ys_bg.png") no-repeat center}
.advantage .adv_cont img{margin: 0 auto;padding-top: 70px}
.advantage .adv_cont .adv_btn{background: url("../images/btn_ys.png") no-repeat center;width: 432px;height: 72px;display: block;margin: 30px auto;text-align: center;line-height: 72px;color: #e7b8fd;font-size: 30px}

.topics{width: 100%;height: 611px;background: url("../images/bg_7.png") no-repeat center scroll;min-width:1200px;}
.topics .topics_cont{width: 1128px;height: 450px;margin: 0 auto;background: url("../images/rmzt_bg.png") no-repeat center}
.topics .topics_cont .zt_des{width: 779px;margin-left: 50px;margin-top: 50px}
.topics .topics_cont .zt_des li{float: left;margin-top: 10px;overflow: hidden}
.topics .topics_cont .zt_des .li_1{width: 249px;height: 161px;background: url("../images/zt_b1.png") no-repeat center;margin-left: 16px}
.topics .topics_cont .zt_des .li_1 a{width: 222px;height: 136px;margin: 12px auto}
.topics .topics_cont .zt_des .li_2 a{width: 358px;height: 136px;margin: 14px auto}
.topics .topics_cont .zt_des .li_2{width: 389px;height: 165px;background: url("../images/zt_b2.png") no-repeat center;margin-left: 1px}
.topics .topics_cont .zt_des li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.topics .topics_cont .zt_des li a img{margin: 0 auto}
.topics .topics_cont .zt_des li a:hover>img{transition: all 1.5s;overflow: hidden;transform: scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform: scale(1.1);}
.topics .topics_cont .zt_des .li_2 a img{margin: 0 auto}
.topics .topics_cont .zt_r{display: block;width: 238px;height: 335px;background: url("../images/zt_b3.png") no-repeat center;margin-top: 60px;margin-right: 48px;overflow: hidden}
.topics .topics_cont .zt_r a{display: block;margin: 12px auto;width: 212px;height: 311px;overflow: hidden}
.topics .topics_cont .zt_r img{margin: 0 auto}
.topics .topics_cont .zt_r a:hover>img{transition: all 1.5s;overflow: hidden;transform: scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform: scale(1.1);}

    /*底部*/
.footer{position: relative;height: 351px;background: url("../images/bg_8.png") no-repeat center;text-align: center;line-height: 30px;font-size: 14px;color: #e7b8fd;float: left;width: 100%;}

/*<!-- 右浮窗-->*/
#sidebar{width:130px;height:524px;background-image: url("../images/sidebarbj.png");background-position: left top;background-repeat: no-repeat;position: fixed;
    top:23%;right:0.5%;padding-top: 190px;z-index: 20;}
#sidebar ul li{height:38px;line-height: 35px;text-align: center;margin-bottom: 6px;}
#sidebar ul li a{font-size:20px; ;color: #ca0e62;}
#sidebar ul li:hover a{font-size:20px; ;color: #ca0e62;}
#sidebar a.top_1{margin-top:130px;display: block;text-align: center;font-size: 20px;color:#ca0e62; }
#sidebar ul li a:hover{text-decoration:underline;}
#sidebar a.top_1:hover{text-decoration:underline;}

/*左客服*/
.float-kefu{position:fixed;left:5px;top:50%;width:120px;height:396px;background:url("../images/kefu_l.png") center top scroll no-repeat;overflow:hidden;padding-bottom:2px;margin-top:-200px}
.float-kefu ul{width:70px;height:auto;margin:94px 0 0 44px}
.float-kefu ul li{width:70px;height:40px;margin-top:3px}
.float-kefu ul li a{display:block;width:70px;height:40px;color:#fff;font-size:14px;line-height:40px;}
.float-kefu ul li a:hover{text-decoration: underline}

/*在线报名*/
.zx_bm{width:107px;height:230px;position: fixed;overflow: hidden;left:9%;bottom: 0;z-index: 20;}
.bm_l{width:107px;height:230px;float:left;text-align: center;cursor: pointer;
    position: absolute;left:0;top:0;z-index: 10;}
.bm_l img{display: block;position: relative}
.bm_l h2{color: #fc683c;position: absolute;top:113px;left: 20px;}
.form{width:0;height:120px;overflow: hidden;position: absolute;
    left:107px;bottom:10px;}
.form form{width:570px;top: 16px;position: absolute;left: 110px;}
.form form input{border: none;border: 1px solid #fff;background-color: rgba(113,106,103,0.6);color: #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99716a67,endColorstr=#99716a67);
    width: 208px;height:38px;line-height: 38px;margin-bottom: 10px;padding-left: 10px;position: relative}
.form form select{border: none;border: 1px solid #fff;background-color: rgba(113,106,103,0.6);color: #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99716a67,endColorstr=#99716a67);
    width: 208px;height:40px;line-height: 40px;margin-bottom: 10px;padding-left: 10px;position: relative;}
.form .zxbm{width: 690px;height: 120px;position: absolute;background-color: rgba(140,133,133,0.7);left:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B28c8585,endColorstr=#B28c8585);}
.form .zxbm>img{width:70px;height:78px;float: left;margin-top: 18px;margin-left:20px;line-height: 40px;}
.form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color:white; filter:alpha(opacity=100);opacity:1!important;  }
.form form input::-moz-placeholder { /* Mozilla Firefox 19+ */  color:white;filter:alpha(opacity=100);opacity:1!important; }
.form form input:-ms-input-placeholder{  color:white;filter:alpha(opacity=100);opacity:1!important;  }
.form form input::-webkit-input-placeholder{  color: white;filter:alpha(opacity=100);opacity:1!important; }
.form form ul li{float: left;margin-right: 10px;color:white;}
.form form ul li.li01{width:220px;}
.form form ul li.li02{width:220px;}
.form form ul li.li03{width:88px;}
.form form ul li.li03 input.btn_submit{width:88px;height:90px;color: #fc683c;padding-left: 0!important;;
    line-height: 88px;font-size: 30px;text-align: center;font-weight: 600;background: #625b58}
.form img.bb{}
.zk{width:10px;height:130px;position: absolute;right:0;top:0;}
.zk img{display: block;cursor: pointer;}
