/*CSS Document*/
body{
    width: 100%;
    min-width: 1000px;
}
html {  overflow-y: scroll;}
:root {  overflow-y: auto;  overflow-x: hidden;}
:root body {  position: absolute;}
body {  width: 100vw;  overflow: hidden;}

.main{
    width: 1000px;
    margin: 0 auto;
}
/*header*/
.zg_wrap_header{
    height: 60px;
    background: #06091c;
}
.zg_header{
    height: 47px;
    padding-top: 13px;
}
.zg_header .zg_logo{
    float: left;
    margin-left: 10px;
}
.zg_header .zg_nav_top{
    float: left;
    height: 15px;
    padding-top: 15px;
    margin-left: 53px;
}
.zg_header .zg_nav_top li{
    float: left;
    width: 57px;
    height: 15px;
    padding-right: 16px;
    margin-left: 17px;
    border-right: 2px solid #d5d5d7;
}
.zg_header .zg_nav_top li:last-child{
    border-right: none;
}
.zg_header .zg_nav_top li a{
    font: 14px/1 "微软雅黑";
    color: #fff;
}
.zg_header .zg_nav_top li a:hover{
    color: #ffe13b;
}
.zg_header .zg_tel{
    float: right;
    height: 14px;
    padding-top: 15px;
    margin-right: 4px;
    font: 16px/1 "微软雅黑";
    color: #fff;
    text-align: right;
}
/*banner1*/
.zg_wrap_banner1{
    height: 542px;
    background: url("../images/zg_wrap_banner1.jpg") no-repeat center bottom;
}
.zg_banner1{
    position: relative;
    height: 542px;
    background: url("../images/zg_banner1.jpg") no-repeat;
}
.zg_cloud{
    display: block;
    position: absolute;
    left: 356px;
    top: 194px;
}
.halo1{
    position: absolute;
    left: -400px;
    top: 0;
    width: 70px;
    height: 70px;
    background: url("../images/zg_halo1.png") no-repeat;
    -webkit-animation: halo1 4s linear infinite;
    animation: halo1 4s linear infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes halo1 {
    0%{
        left: -400px;
        top: -30px;
        opacity: 0;
    }
    49%{
        transform: rotate(0deg);
        opacity: 1;
    }
    50%{
        left: -55px;
        top: 360px;
        transform: rotate(270deg);

    }
    100%{
        left: -350px;
        top: 660px;
        transform: rotate(270deg);
        opacity: 0;
    }
}

.halo2{
    position: absolute;
    right: -400px;
    top: 0;
    width: 70px;
    height: 70px;
    background: url("../images/zg_halo2.png") no-repeat;
    -webkit-animation: halo2 4s linear infinite;
    animation: halo2 4s linear infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes halo2 {
    0%{
        right: -400px;
        top: -30px;
        opacity: 0;
    }
    49%{
        transform: rotate(0deg);
        opacity: 1;
    }
    50%{
        right: -55px;
        top: 330px;
        transform: rotate(270deg);

    }
    100%{
        right: -360px;
        top: 660px;
        transform: rotate(270deg);
        opacity: 0;
    }
}
.zg_banner_logo{
    position: absolute;
    left: 11px;
    top: 46px;
    width: 253px;
    height: 54px;
    padding-top: 27px;
    font: 24px/1 "微软雅黑";
    color: #fff;
    text-align: center;
    background: url("../images/zg_banner_logo.png") no-repeat center center;
}
.zg_zoom{
    position: absolute;
    left: 0;
    top: 0;
}
/*banner2*/
.zg_wrap_banner2{
    height: 195px;
    background: url("../images/zg_wrap_banner2.jpg") no-repeat center bottom;
}
.zg_banner2{
    position: relative;
    height: 195px;
    background: url("../images/zg_banner2.jpg") no-repeat;
}
/*考试公告*/
.zg_wrap_notice{
    overflow: hidden;
    height: 876px;
    background: url("../images/zg_wrap_notice.jpg") no-repeat center bottom;
}
.zg_wrap_notice.light{
    overflow: hidden;
    height: 876px;
    background: url("../images/zg_wrap_notice2.jpg") no-repeat center bottom;
}
.zg_notice{
    height: 876px;
    background: url("../images/zg_notice.jpg") no-repeat center bottom;
}
.zg_notice.lightm{
    height: 876px;
    background: url("../images/zg_notice2.jpg") no-repeat center bottom;
}
.zg_title_h2{
    position: relative;
    width: 1000px;
    height: 66px;
}
.zg_line_left,.zg_line_right{
    display: block;
    width: 342px;
    height: 66px;
    position: absolute;
    left: 0;
    top: 0;
}
.zg_line_right{
    left: 658px;
}
.zg_title_h2 span{
    display: block;
    width: 336px;
    height: 66px;
    margin-left: 333px;
    font: 24px/66px "微软雅黑";
    color: #fff;
    text-align: center;
    background: url("../images/zg_title_h2.png") no-repeat;
}
.zg_notice_tips{
    margin-top: 42px;
    font: 18px/1 "微软雅黑";
    color: #fff;
    text-align: center;
}
.zg_notice_item li{
    float: left;
    width: 171px;
    cursor: pointer;
}
.zg_box_show p,.zg_box_hide p{
    font:bold 18px/1 "微软雅黑";
    color: #fff;
    text-align: center;
}
.zg_box_hide p{
    color: #ffd02d;
}
.zg_box_show img{
    display: block;
    margin: 0 auto;
}
.zg_box_show .zg_circle,.zg_box_hide .zg_circle{
    width: 171px;
    height: 107px;
    padding-top: 64px;
    font: bold 18px/1 "微软雅黑";
    color: #000;
    text-align: center;
    background: url("../images/zg_circle.png") no-repeat;
}
.zg_box_show  img.zg_icon_line1{
    margin-top: 25px;
    margin-bottom: 18px;
}
.zg_box_show  img.zg_icon_line2{
    margin-top: 23px;
    margin-bottom: 20px;
}
.zg_box_show  img.zg_icon_line3{
    margin-top: 7px;
    margin-bottom: 24px;
}
.zg_box_show  img.zg_icon_line4{
    margin-top: 20px;
    margin-bottom: 16px;
}
.zg_box_show  img.zg_icon_line5{
    margin-top: 20px;
    margin-bottom: 18px;
}
.zg_box_show1{ padding-top: 122px;}
.zg_box_show2{ padding-top: 152px;}
.zg_box_show3{ padding-top: 123px;}
.zg_box_show4{ padding-top: 110px;}
.zg_box_show5{ padding-top: 140px;}
.zg_notice_item li:first-child{
    margin-right: 36px;
}
.zg_notice_item li:nth-child(2){
    margin-right: 37px;
}

.zg_notice_item li:nth-child(3){
    margin-right: 35px;
}

.zg_notice_item li:nth-child(4){
    margin-right: 36px;
}
.zg_notice_item li:last-child{
    margin-right: 0;
}
/*隐藏框*/
.zg_box_hide{
    width: 171px;
    height: 637px;
    background: url("../images/zg_blue_light1.png") no-repeat center;
}
.zg_hide_more{
    display: block;
    float: right;
    margin-right: 13px;
    font: 14px/1 "微软雅黑";
    color: #2dfdff;
}
.zg_box_hide .zg_hide_more:hover{
    color: #d539ef;
}
.zg_box_hide1{
    padding-top: 71px;
    margin-top: 8px;
}
.zg_box_hide1 .zg_hide_con{
    margin-top: 24px;
}
.zg_box_hide .zg_hide_con dt,.zg_box_hide .zg_hide_con dd{
    margin-bottom: 8px;
    font: 14px/1"微软雅黑";
    color: #fff;
    text-align: center;
}
.zg_box_hide1 .zg_hide_con dd{
    margin-bottom: 18px;
}
.zg_box_hide1 .zg_hide_more{
    margin-top: 7px;
}
.zg_box_hide1 .zg_circle{
    margin-top: 16px;
}
.zg_box_hide2{
    padding-top: 52px;
    margin-top: 61px;
}
.zg_box_hide2 .zg_hide_con{
    display: block;
    width: 130px;
    margin-left: 39px;
    margin-top: 30px;
    background: url("../images/zg_hide_con.png") no-repeat 0 4px;
}
.zg_box_hide2 .zg_hide_con i{
    display: block;
    height: 14px;
    padding-left: 25px;
    margin-bottom: 10px;
    font: 14px/1 "微软雅黑";
    color: #fff;
}
.zg_box_hide2 .zg_hide_more{
    margin-top: 21px;
}
.zg_box_hide2 .zg_circle{
    margin-top: 46px;
}
.zg_box_hide3{
    padding-top: 80px;
    margin-top: 43px;
}
.zg_box_hide3 .zg_hide_con{
    margin-top: 27px;
}
.zg_box_hide3 .zg_hide_con dd.zg_dd_row2{
    font: 14px/22px "微软雅黑";
}
.zg_box_hide3 .zg_hide_more{
    margin-top: 29px;
}
.zg_box_hide3 .zg_circle{
    margin-top: 43px;
}
.zg_box_hide4{
    padding-top: 80px;
    margin-top: 30px;
}
.zg_box_hide4 .zg_hide_con{
    margin-top: 35px;
}
.zg_box_hide4 .zg_hide_con dd.zg_dd_row3{
    font: 14px/24px "微软雅黑";
}
.zg_box_hide4 .zg_hide_con dd.zg_dd_row3_01{
    margin-bottom: 29px;
}
.zg_box_hide4 .zg_hide_more{
    margin-top: 18px;
}
.zg_box_hide4 .zg_circle{
    margin-top: 36px;
}
.zg_box_hide5{
    padding-top: 80px;
    margin-top: 60px;
}
.zg_box_hide5 .zg_hide_con{
    margin-top: 36px;
}
.zg_box_hide5 .zg_hide_con dd.zg_dd_row3{
    font: 14px/24px "微软雅黑";
}
.zg_box_hide5 .zg_hide_con dd.zg_dd_row3_01{
    margin-bottom: 30px;
}
.zg_box_hide5 .zg_hide_more{
    margin-top: 17px;
}
.zg_box_hide5 .zg_circle{
    margin-top: 36px;
}
/*模考自测*/
.zg_wrap_simulate{
    position: relative;
    height: 866px;
    background: url("../images/zg_wrap_simulate.jpg") no-repeat center bottom;
}
.zg_simulate{
    position: relative;
    z-index: 7;
    height: 866px;
  /*  background: url("../images/zg_simulate.jpg") no-repeat;*/
}
.zg_simulate_tips{
    margin-top: 49px;
}
.zg_simulate_content{
    width: 959px;
    height: 547px;
    margin-top: 55px;
    background: #6640f5;
    border-top: 21px solid #344179;
    border-right: 21px solid #41519b;
    border-bottom: 21px solid #344179;
    border-left: 21px solid #41519b;
}
.zg_simulate_con_paper{
    width: 632px;
    height: 528px;
    padding-top: 19px;
}
.zg_title_h3{
    font:bold 24px/1 "微软雅黑";
    color: #72fdff;
    text-align: center;
}
.zg_simulate_con_form{
    position: relative;
    z-index: 50;
    width: 295px;
    height: 516px;
    padding-left: 32px;
    padding-top: 31px;
    background: #202069;
}
.zg_simulate_con_form label{
    display: block;
    width: 270px;
    height: 36px;
    padding-left: 2px;
    font: 18px/36px "微软雅黑";
    color: #fff;
    border-bottom: 1px solid #58588f;
}
.zg_simulate_con_form label:first-child{
    margin-bottom: 38px;
}
.zg_simulate_con_form label:nth-child(2){
    margin-bottom: 47px;
}
.zg_simulate_con_form label:nth-child(3){
    margin-bottom: 41px;
}
.zg_simulate_con_form label:nth-child(4){
    margin-bottom: 45px;
}
.zg_simulate_con_form input,.zg_simulate_con_form select{
    display: inline-block;
    float: right;
    width: 200px;
    height: 36px;
    color: #fff;
}
.zg_simulate_con_form select{
    width: 145px;
}
.zg_simulate_con_form select option{
    color: #000;
}
.zg_get_yzm{
    position: absolute;
    right: 30px;
    bottom: 250px;
    font: 18px/1 "微软雅黑";
    color: #89939f;
    text-align: right;
}
.zg_get_yzm:hover{
    color: #ffcf4c;
}
.zg_simulate_con_form input.zg_input_submit{
    display: block;
    float: left;
    width: 269px;
    height: 57px;
    margin-left: 2px;
    margin-top: 56px;
    font: 24px/57px "微软雅黑";
    color: #000;
    text-align: center;
    background: url("../images/zg_input_submit.png") no-repeat;
    cursor: pointer;
}
/*更多福利*/
.zg_wrap_course{
    position: relative;
    height: 967px;
    background: url("../images/zg_wrap_course.jpg") no-repeat center bottom;
}
.zg_course{
    position: relative;
    height: 967px;
  /*  background: url("../images/zg_course.jpg") no-repeat;*/
}
.zg_course img.zg_rise_group1{
    position: absolute;
    left: -460px;
    top: 221px;
    z-index: 5;
    -webkit-animation: rise 5s linear infinite;
    animation: rise 5s linear infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes rise {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    80% {
        -webkit-transform: translateY(-100vh);
        transform: translateY(-100vh);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-100vh);
        transform: translateY(-100vh);
    }
}
.zg_course .zg_title_h2 span{
    position: relative;
    z-index: 7;
    background-image: url("../images/zg_title_h2_2.png");
}
.zg_course_tips{
    margin-top: 57px;
}
.zg_course_live{
    position: relative;
    z-index: 50;
    margin-top: 126px;
}
.zg_course_live li{
    float: left;
    width: 466px;
    height: 167px;
    width: 472px;
    height: 173px;
    background: url("../images/zg_course_live_box.png") no-repeat;
}
.zg_course_live li.zg_course_live_box1{
    height: 132px;
    padding-top: 41px;
    margin-right: 56px;
}
.zg_course_live_box1 p{
    margin-left: 72px;
    font: 18px/30px "微软雅黑";
    color: #fff;
}
.zg_course_live_box1 p a{
    color: #ffcf4c;
}
.zg_course_live li.zg_course_live_box2{
    height: 147px;
    padding-top: 26px;
}
.zg_course_live_box2 p{
    margin-left: 42px;
    font: 18px/30px "微软雅黑";
    color: #fff;
}
.zg_course_live_box2 p a{
    color: #ffcf4c;
}
.zg_title_more {
    margin-left: 350px;
    margin-top: 54px;
    font: bold 30px/1 "微软雅黑";
    color: #ea23ed;
    text-align: center;
    width: 300px;
    height: 30px;
    background-image: -webkit-linear-gradient(left, blue, #66ffff 10%, #cc00ff 20%, #CC00CC 30%, #CCCCFF 40%, #00FFFF 50%, #CCCCFF 60%, #CC00CC 70%, #CC00FF 80%, #66FFFF 90%, blue 100%);
    -webkit-text-fill-color: transparent; /* 将字体设置成透明色 */
    -webkit-background-clip: text; /* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 4s linear infinite;
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}


.zg_course_data{
    position: relative;
    z-index: 50;
    margin-top: 29px;
}
.zg_course_data li{
    float: left;
    width: 292px;
    height: 334px;
    padding-top: 26px;
    margin-right: 61px;
    background: url("../images/zg_course_data .png") no-repeat;
}
.zg_course_data li.zg_course_data3{
    margin-right: 0;
}
.zg_course_data dt{
    margin-bottom: 26px;
    text-align: center;
}
.zg_course_data dd{
    padding-left: 16px;
    margin-left: 16px;
    font: 18px/30px "微软雅黑";
    color: #fff;
    background: url("../images/zg_icon_point.png") no-repeat 0 12px;
}
.zg_course_data dd a{
    font: 18px/30px "微软雅黑";
    color: #fff;
}
.zg_course_data dd:hover{
    background: url("../images/zg_icon_point_yellow.png") no-repeat 0 12px;
}
.zg_course_data dd a:hover{
    color: #ffcf4c;
}
.zg_link_more{
    float: right;
    margin-right: 20px;
    font: 14px/1 "微软雅黑";
    color: #2dfdff;
}
.zg_link_more:hover{
    color: #d539ef;
}
.zg_link_more2{
    margin-top: 90px;
}
.zg_link_more3{
    margin-top: 30px;
}
/*面授*/
.zg_wrap_face{
    height: 1020px;
    background: url("../images/zg_wrap_face.jpg") no-repeat center bottom;
}
.zg_face{
    position: relative;
    height: 1020px;
    z-index: 7;
   /* background: url("../images/zg_face.jpg") no-repeat;*/
}
.zg_face img.zg_rise_group2{
    position: absolute;
    left: -460px;
    top: 319px;
    z-index: 5;
    -webkit-animation: rise 5s linear infinite;
    animation: rise 5s linear infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zg_face_content{
    width: 958px;
    height: 912px;
    padding-top: 1px;
    background: #081235;
    border-top: 21px solid #344179;
    border-right: 21px solid #41519b;
    border-bottom: 21px solid #344179;
    border-left: 21px solid #41519b;
}
.zg_face_content .zg_title_h2{
    width: 100%;
    position: relative;
}
.zg_face_content .zg_title_h2 span{
    margin-left: 308px;
    background-image: url("../images/zg_title_h2_3.png");
}
.zg_line_left3{
    display: block;
    width: 27px;
    height: 66px;
    position: absolute;
    left: 290px;
    top: 0;
}
.zg_line_right3{
    display: block;
    width: 27px;
    height: 66px;
    position: absolute;
    top: 0;
    right: 297px;
}
.zg_face_tips{
    margin-top: 27px;
}
.zg_face_content .zg_title_h3{
    font-weight: bold;
    color: #feb83e;
    margin-top: 34px;
}
.zg_face_table{
    margin-left: 29px;
    margin-top: 25px;
    font-size: 18px;
    color: #000;
    text-align: center;
    background: #fff;
    border: 1px solid #7093ed;
}
.zg_face_table thead tr{
     height: 41px;
     font-weight: bold;
}
.zg_face_table tbody tr{
    height: 39px;
}
.zg_courseFeature{
    margin-left: 55px;
}
.zg_courseFeature li{
    padding-left: 24px;
    margin-bottom: 17px;
    font: 18px/30px "微软雅黑";
    color: #000;
    text-align: left;
    background: url("../images/zg_icon_square.png") no-repeat 0 9px;
}
.zg_courseFeature li.zg_courseFeature_last{
    margin-bottom: 55px;
}
.zg_courseFeature p{
    font: 18px/30px "微软雅黑";
    color: #000;
    text-align: center;
}
.zg_face_table td a.zg_zixun{
    position: relative;
    z-index: 50;
    display: inline-block;
    width: 94px;
    height: 32px;
    margin-top: 10px;
    font: 18px/32px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #f63453;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.zg_face_table td a.zg_zixun:hover{
    color: #feb83e;
}
/*省份*/
.zg_wrap_province{
    height: 550px;
    background: url("../images/zg_wrap_province.jpg") no-repeat center bottom;
}
.zg_province{
    position: relative;
    height: 514px;
    padding-top: 36px;
    background: url("../images/zg_province.jpg") no-repeat;
}
.zg_province img.zg_rise_group3{
    position: absolute;
    left: -460px;
    top: 325px;
    z-index: 5;
    -webkit-animation: rise 5s linear infinite;
    animation: rise 5s linear infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zg_province_tips{
    font: 18px/30px "微软雅黑";
    color: #fff;
    text-align: center;
}
.zg_province_box{
    position: relative;
    z-index: 50;
    margin-left: 51px;
    margin-top: 100px;
}
.zg_province_box a{
    display: inline-block;
    width: 102px;
    height: 39px;
    margin-right: 31px;
    margin-bottom: 25px;
    font: 18px/39px "微软雅黑";
    color: #fff;
    text-align: center;
    background: url("../images/zg_province_link.png") no-repeat;
}
.zg_province_box a.hover{
    width: 102px;
    height: 39px;
    background: url("../images/zg_province_hover.png") no-repeat;
    transition: all .4s;/*过渡效果*/
}
.zg_province_box a:hover{
    text-decoration: none;
}
/*广告&二维码*/
.zg_wrap_contact{
    height: 651px;
    background:#0b0d1f url("../images/zg_wrap_contact.jpg") no-repeat center top;
}
.zg_wrap_contact{
    height: 651px;
}
.zg_ad_box{
    position: relative;
    z-index: 50;
}
.zg_ad_box img{
    display: block;
    float: left;
    width: 465px;
    height: 181px;
    margin-right: 70px;
}
.zg_qrcode_box{
    margin-top: 96px;
}
.zg_qrcode_box li{
    text-align: center;
}
.zg_qrcode_box li.zg_qrcode1{
    margin-right: 135px;
}
.zg_qrcode_box li.zg_qrcode3{
    margin-right: 13px;
}
.zg_qrcode_box li img{
    display: inline-block;
    width: 228px;
    height: 228px;
}
.zg_qrcode_box li p{
    margin-top: 25px;
    font: 18px/1 "微软雅黑";
    color: #fff;
}
/*页脚*/
.zg_footer_wrap{
    height: 182px;
    background: #000000;
}
.zg_footer{
    height: 138px;
    padding-top: 44px;
}
.zg_nav_foot{
    width: 715px;
    margin: 0 auto;
}
.zg_nav_foot li{
    float: left;
    width: 52px;
    height: 16px;
    padding-right: 6px;
    border-right: 2px solid #b1adb3;
    font: 12px/16px '微软雅黑';
    color: #b1adb3;
    margin-left: 7px;
}
.zg_nav_foot li.zg_nav_last{
    border: none;
}
.zg_footer p{
    font: 12px/16px '微软雅黑';
    color: #b1adb3;
    text-align: center;
    margin-top: 15px;
}
.zg_footer ul a:hover li{
    color: #167EDF;
}
.zg_footer p a{
    color: #b1adb3;
}
.zg_footer p a:hover{
    color: #167EDF;
}
/*侧边栏*/
.zg_sliderbar_right{
    position: relative;
    position: fixed;
    right: .5%;
    top: 10%;
    z-index: 60;
    width: 161px;
    height: 378px;
    background: url("../images/zg_slidebar_right.png") no-repeat;
}
.zg_nav_right li{
    margin-bottom: 7px;
}
.zg_nav_right li a,.zg_top{
    display: block;
    height: 41px;
    font: 18px/41px "微软雅黑";
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.zg_nav_right li a:hover,.zg_top:hover{
    background-image: -webkit-linear-gradient(left, blue, #66ffff 10%, #cc00ff 20%, #CC00CC 30%, #CCCCFF 40%, #00FFFF 50%, #CCCCFF 60%, #CC00CC 70%, #CC00FF 80%, #66FFFF 90%, blue 100%);
    -webkit-text-fill-color: transparent; /* 将字体设置成透明色 */
    -webkit-background-clip: text; /* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 4s linear infinite;
}
.zg_qq_box{
    position: absolute;
    left: -110px;
    top: 208px;
    width: 100px;
    height: 100px;
   /* border: 1px solid red;*/
}
.zg_qq_box img{
    display: block;
    width: 100px;
    height: 100px;
}
.zg_tel_box{
    position: absolute;
    left: -160px;
    top: 285px;
    width: 150px;
    height: 60px;
    font: 20px/1.5 "微软雅黑";
    color:#FFFF00;
    text-align: center;
    background: #081235;
    border-top: 4px solid #344179;
    border-right: 4px solid #41519b;
    border-bottom: 4px solid #344179;
    border-left: 4px solid #41519b;
}

/*弹窗*/
.zg_mask{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}
.zg_window_online{
    position: relative;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 110;
    transform: translate(-50%,-50%);
    width: 200px;
    height: 50px;
    background: #ffd02d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.zg_window_online a{
    display: block;
    font:bold 20px/50px "微软雅黑";
    color: #fff;
    text-align: center;
}
.zg_window_online a:hover{
    color: red;
}
.zg_closebtn{
    display: block;
    position: absolute;
    right: -30px;
    top: -30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.zg_window_offline{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 110;
    transform: translate(-50%,-50%);
    width: 450px;
    height: 50px;
    font:bold 20px/50px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #ffd02d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.zg_window_offline a{
    font:bold 20px/50px "微软雅黑";
    color: red;
    text-align: center;
    text-decoration: underline;
}


/*轮播css*/
.zg_simulate_slide{width: 632px;}
#focus_Box{position:relative;width:100%;height:430px;margin-top: 40px}
#focus_Box ul{position:relative;width:632px;height:430px}
#focus_Box li{z-index:0;position:absolute; width:300px ;background:#d3d4d8;height:418px;top:49px;cursor:pointer;left:382px;/*box-shadow: 0 15px 15px #eeeff4;*/
    border-radius: 5px;overflow: hidden;}
#focus_Box li img{width:300px;height:418px;margin: 0 auto }
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:27px;height:40px;top:158px;}
#focus_Box .prev{ background:url(../images/zg_arrow_left.png) no-repeat;left:30px;opacity: .7;}
#focus_Box .next{ background:url(../images/zg_arrow_right.png) no-repeat; right:27px;opacity: .7;}
#focus_Box .prev:hover{opacity:1;}
#focus_Box .next:hover{opacity:1;}
.zg_simulate_slide .cont{position: relative;}
.zg_simulate_slide .cont .bg{
    width: 200px;
    height: 321px;
    background: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity: 0.5;
    position: absolute;
    color: #fff;
    z-index: 3;
}
.zg_simulate_slide .cont .bg1{
    left: 0;
    top: 48px;
}
.zg_simulate_slide .cont .bg2{
    left: 420px;
    top: 48px;
}


/*云*/
.stage{top:-396px;left:0; width:100%;height:100%;position:absolute;overflow:hidden;z-index:4;
    }
.near-clouds{
    background:transparent url("../images/near-clouds.png") repeat-x;
  /*  background-size: 7.5rem;*/
    height: 878px;
}