/*CSS Document*/
/*base*/
body{width: 100%;min-width: 1200px;}
.main{width: 1200px;}
/*处理滚动条*/
html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;}
/*header*/
.zg-wrap-header{
    background: #24b18d;
}
.zg-header{
    height: 51px;
    padding-top: 9px;
}
.zg-header .zg-logo{
    display: block;
    margin-left: 90px;
}
.zg-header .zg-nav-top{
    padding-top: 17px;
    margin-left: 52px;
}
.zg-header .zg-nav-top li{
    float: left;
    height: 16px;
    padding: 0 19px;
    border-right: 2px solid #fff;
}
.zg-header .zg-nav-top li a{
    display: block;
    font: 16px/1 "微软雅黑";
    color: #fff;
}
.zg-header .zg-nav-top li a:hover{
    color: #e73a0f;
}
.zg-header .zg-tel{
    height: 16px;
    padding-top: 17px;
    margin-right: 106px;
    font: 16px/1 "微软雅黑";
    color: #fff;
    text-align: right;
}
/*banner*/
.zg-wrap-banner1{
    background: url("../images/zg-wrap-banner1.jpg") no-repeat center bottom;
}
.zg-banner1{
    position: relative;
    height: 319px;
    padding-top: 61px;
    background: url("../images/zg-banner1.jpg") no-repeat;
}
.banner-department{
    font: 35px/1 "微软雅黑";
    color: #2e2e2e;
    text-align: center;
    letter-spacing: 3px;
}
.zg-banner1 img{
    position: absolute;
    z-index: 1;
}
.zg-banner1 img.img-banner-zongzi1{
    left: 0;
    top: 0;
}
.zg-banner1 img.img-banner-zongzi2{
    right: 0;
    top: 0;
}
.zg-banner1 img.img-banner-dwj{
    left: 277px;
    top: 105px;
}
.zg-banner1 img.banner-title{
    left: 243px;
    top: 120px;
}
.zg-banner1 img.banner-text-zong{
    left: 517px;
    top: 226px;
}
.zg-wrap-banner2{
    background: url("../images/zg-wrap-banner2.jpg") no-repeat center bottom;
}
.zg-banner2{
    position: relative;
    height: 564px;
    background: url("../images/zg-banner2.jpg") no-repeat;
}
.banner-green{
    position: absolute;
    left: 234px;
    top: 44px;
    width: 632px;
    height: 69px;
    padding-left: 245px;
    padding-top: 32px;
    font: 38px/1 "微软雅黑";
    color: #fff;
    letter-spacing: 6px;
    background: url("../images/banner-green.png") no-repeat;
}
.banner-boat{
    position: absolute;
    left: 112px;
    top: 0;
    z-index: 2;
}
.banner-bar{
    position: absolute;
    left: 17px;
    bottom: 0;
    z-index: 3;
    width: 1166px;
    height: 56px;
    margin: 0 auto;
    font: 18px/56px "微软雅黑";
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    background: url("../images/banner-bar.png") no-repeat;
}
.banner-zongzi-wrap{
    position: absolute;
    left: -10px;
    top: 0;
    width: 1282px;
    height: 200px;
    overflow: hidden;
}
@-webkit-keyframes myThread1 {
    0%{
        top: 0;
    }
    50%{
        top: -10px;
    }
    100%{
        top: 0;
    }
}
@keyframes myThread1 {
    0%{
        top: 0;
    }
    50%{
        top: -10px;
    }
    100%{
        top: 0;
    }
}
.myThread1{
    -webkit-animation:myThread1 2.5s infinite;
    animation:myThread1 2.5s infinite;
}
@-webkit-keyframes myThread2 {
    0%{
        top: 0;
    }
    50%{
        top: -10px;
    }
    100%{
        top: 0;
    }
}
@keyframes myThread2 {
    0%{
        top: -10px;
    }
    50%{
        top: 0;
    }
    100%{
        top: -10px;
    }
}
.myThread2{
    -webkit-animation:myThread2 2.5s infinite;
    animation:myThread2 2.5s infinite;
}
/*船头*/
.zg-wrap-boathead{
    height: 252px;
    background: url("../images/zg-wrap-boathead.jpg") no-repeat center bottom;
}
/*common*/
.zg-title-box{
    position: relative;
    width: 744px;
    height: 72px;
    padding-top: 72px;
    margin-left: 238px;
    background: url("../images/zg-title-box.png") no-repeat;
}
.zg-titile-wrap{
    width: 744px;
    height: 72px;
    overflow: hidden;
}
.zg-title-h2{
    margin-left: 185px;
    font: bold 48px/1 "微软雅黑";
    color: #22694b;
    letter-spacing: 6px;
}
.tile-zongzi{
    position: absolute;
    left: -18px;
    top: 0;
    width: 158px;
    height: 84px;
    padding-top: 73px;
    background: url("../images/img-title-zongzi.png") no-repeat;
}
.tile-zongzi span{
    display: block;
    width: 108px;
    height: 40px;
    margin-left: 24px;
    font: bold 24px/40px "微软雅黑";
    color: #0c7326;
    text-align: center;
}
@-webkit-keyframes Run{
    from{
        opacity: 0;
        left: -500px;
        -webkit-transform:rotateZ(0deg);
    }
    to{
        opacity: 1;
        left: -18px;
        -webkit-transform:rotateZ(360deg);
    }
}
@keyframes Run{
    from{
        opacity: 0;
        left: -500px;
        -webkit-transform:rotateZ(0deg);
    }
    to{
        opacity: 1;
        left: -18px;
        -webkit-transform:rotateZ(360deg);
    }
}
.Run{
    -webkit-animation:Run 1.2s linear 0s;
    animation:Run 1.2s linear 0s;
}
/*精品礼包*/
.zg-wrap-gift{
    background: url("../images/zg-wrap-gift.jpg") no-repeat center bottom;
}
.zg-gift{
    position: relative;
    height: 705px;
    background: url("../images/zg-gift.jpg") no-repeat;
}
.gift-container{
    position: relative;
    margin: 63px 0 0 186px;
}
.img-girl{
    position: absolute;
    left: 763px;
    top: 206px;
    z-index: 1;
}
.gift-content li{
    float: left;
    width: 389px;
    height: 293px;
    padding-top: 62px;
    margin-right: 43px;
    background: url("../images/gift-content.png") no-repeat;
}
.zg-title-h3{
    font: bold 22px/28px "微软雅黑";
    color: #067b43;
    text-align: center;
    letter-spacing: 3px;
}
.zg-title-h3 strong{
    font-size: 24px;
    color: #333;
}
.gift-detail{
    margin-top: 31px;
}
.gift-detail dl{
    padding-left: 89px;
    margin-bottom: 9px;
}
.gift-detail2 dl{
    padding-left: 51px;
    margin-bottom: 9px;
}
.gift-detail dt{
    float: left;
    height: 22px;
    margin-right: 10px;
    font: bold 22px/1 "微软雅黑";
    color: #ff0101;
}
.gift-detail2 dt{
    margin-right: 2px;
}
.gift-detail dd{
    float: left;
    height: 22px;
    font: bold 18px/22px "微软雅黑";
    color: #333;
}
.gift-link{
    display: block;
    width: 207px;
    height: 58px;
    margin: 15px auto 0;
    font: bold 18px/58px "微软雅黑";
    color: #6f3e00;
    text-align: center;
    background: url("../images/bg-gift-link.png") no-repeat;
}
/*直播课*/
.zg-wrap-live{
    background: url("../images/zg-wrap-live.jpg") no-repeat center bottom;
}
.zg-live{
    height: 748px;
    background: url("../images/zg-live.jpg") no-repeat;
}
.zg-live .zg-title-h2{
    margin-left: 161px;
}
.live-tip{
    position: relative;
    height: 32px;
    padding-left: 268px;
    font-size: 0;
    line-height: 32px;
    color: #fff;
    letter-spacing: 4px;
}
.delete-line{
    position: absolute;
    left: 600px;
    top: 11px;
}
.live-tip *{
    display: block;
    float: left;
}
.live-tip span{
    height: 32px;
    font-size: 30px;
    font-weight: bold;
}
.live-tip b{
    height: 32px;
    font-size: 27px;
}
.live-tip em{
    height: 32px;
    font-size: 27px;
    color: #64eff0;
}
.live-tip strong{
    height: 32px;
    font-size: 32px;
    color: #faff00;
}
.live-container{
    margin-top: 58px;
}
.live-table{
    width: 946px;
    height: 312px;
    margin-top: 49px;
    margin-left: 121px;
    border: 2px solid #007258;
}
.live-table th{
    height: 58px;
    font: bold 22px/58px "微软雅黑";
    color: #333;
    background: #93dfb7;
}
.live-table td{
    font: 18px/24px "微软雅黑";
    color: #333;
    text-align: center;
    border: 2px solid #007258;
    background: #fff;
}
.live-link{
    display: inline-block;
    width: 169px;
    height: 58px;
    font: bold 18px/58px "微软雅黑";
    color: #6f3e00;
    text-align: center;
    background: url("../images/bg-live-link.png") no-repeat;
}
.live-link:hover{
    text-decoration: underline;
}
/*优惠活动*/
.zg-wrap-active{
    background: url("../images/zg-wrap-active.jpg") no-repeat center bottom;
}
.zg-active{
    height: 408px;
    background: url("../images/zg-active.jpg") no-repeat;
}
.zg-active .zg-title-h2{
    margin-left: 169px;
    letter-spacing: 2px;
}
.active-content{
    width: 949px;
    height: 84px;
    margin: 46px auto 0;
    font: 25px/84px "微软雅黑";
    color: #fff;
    text-align:center;
    background: url("../images/active-content.png") no-repeat;
}
.active-content span{
    font-size: 33px;
    color: #faff00;
}
/*倒计时*/

.zg-countdown span{
    display: inline-block;
    width: 59px;
    height: 56px;
    font: bold 38px/56px "微软雅黑";
    color: #22694b;
    text-align: center;
    background: url("../images/bg-djs.png") no-repeat;
}
.zg-countdown{
    height: 56px;
    margin-left: 163px;
    margin-top: 44px;
    font-size: 0;
}
.zg-countdown b{
    display: inline-block;
    margin-right: 18px;
    font: 29px/56px "微软雅黑";
    color: #fff;
}
.zg-countdown em{
    display: inline-block;
    width: 48px;
    height: 56px;
    font: bold 31px/56px "微软雅黑";
    color: #fff;
    text-align: center;
}
/*课表*/
.zg-wrap-class{
    background: url("../images/zg-wrap-class.jpg") no-repeat center bottom;
}
.zg-class{
    height: 647px;
    background: url("../images/zg-class.jpg") no-repeat;
}
.class-container{
    width: 985px;
    margin: 0 auto;
}
.table-title{
    width: 984px;
    height: 66px;
    font: bold 24px/66px "微软雅黑";
    color: #333;
    text-align: center;
    background: #93dfb7;
    border-left: 1px solid #007258;
    border-right: 1px solid #007258;
}
.class-table{
    width: 986px;
    border: 1px solid #007258;
}
.class-table th{
    height: 66px;
    font: bold 22px/66px "微软雅黑";
    color: #333;
    background: #93dfb7;
}
.class-table td{
    height: 447px;
    font: 18px/24px "微软雅黑";
    text-align: center;
    background: #fff;
    border: 1px solid #007258;
}
.class-table td.tl-left{
    line-height: 30px;
    text-align: left;
    padding-left: 6px;
}
.class-table td.tl-left2{
    line-height: 30px;
    padding-left: 16px;
}
.class-link{
    font: 18px/1 "微软雅黑";
    color: #ff0000;
    text-decoration: underline;
}
.class-link:hover{
    font-weight: bold;
}
.class-link:hover{
    text-decoration: underline;
}
/*二维码*/
.zg-wrap-qrcode{
    background: url("../images/zg-wrap-qrcode.jpg") no-repeat center bottom;
}
.zg-qrcode{
    height: 732px;
    background: url("../images/zg-qrcode.jpg") no-repeat;
}
.qrcode-container{
    padding-top: 74px;
}
.qrcode-content{
    margin-left: 131px;
}
.qrcode-content li{
    float: left;
    width: 306px;
    height: 381px;
   /* padding-left: 10px;*/
    padding-top: 74px;
    margin-right: 6px;
    background: url("../images/qrcode-item.png") no-repeat;
}
.qrcode-item-box{
    width: 124px;
    height: 124px;
    margin-left: 95px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow:  3px 3px 6px rgba(31,104,54,.35);
    -moz-box-shadow:  3px 3px 6px rgba(31,104,54,.35);
    box-shadow:  3px 3px 6px rgba(31,104,54,.35);
    overflow: hidden;
}
.qrcode-item-box img{
    display: block;
    width: 100%;
    height: 100%;
}
.qrcode-content p{
    padding-left: 5px;
    margin-top: 8px;
    font: 18px/1 "微软雅黑";
    color: #3d3200;
    text-align: center;
}
/*弹窗*/
.zg-mask{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
}
.zg-window{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99;
    transform: translate(-50%,-50%);
    width: 552px;
    height: 611px;
    padding: 74px 74px 0 64px;
    background: url("../images/bg-window.png") no-repeat;
}
.zg-window .icon-close{
    position: absolute;
    right: 86px;
    top: 13px;
    width: 50px;
    height: 48px;
    cursor: pointer;
}
.qrcode-wrap{
    width: 552px;
    height: 611px;
}
.qrcode-title{
    font: bold 32px/1 "微软雅黑";
    color: #fff;
    text-align: center;
}
.qrcode-box{
    width: 273px;
    height: 273px;
    margin: 48px auto 0;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.qrcode-box img{
    display: block;
    width: 100%;
    height: 100%;
}
.zg-window p{
    margin-top: 26px;
    font: 21px/34px "微软雅黑";
    color: #fff;
    text-align: center;
}
.zg-window p span{
    font-size: 23px;
    color: #fcff00;
}
/*----------public----------*/
/*footer*/
.zg-wrap-footer{
    background: #24b18d;
}
.zg-footer{
    height: 120px;
    padding-top: 50px;
}
.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 #107b5e;
    margin-left: 7px;
}
.zg-nav-foot li a{
    display: block;
    height: 16px;
    font: 12px/16px '微软雅黑';
    color: #107b5e;
}
.zg-nav-foot li.zg-nav-last{
    border: none;
}
.zg-footer p{
    font: 12px/16px '微软雅黑';
    color: #107b5e;
    text-align: center;
    margin-top: 15px;
}
.zg-footer ul li a:hover{
    color: #ffe13b;
}
.zg-footer p a{
    color: #107b5e;
}
.zg-footer p a:hover{
    color: #ffe13b;
}
/*右侧边栏*/
.zg-sidebar-right{
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 100;
    width: 185px;
    height: 241px;
    padding-top: 118px;
    background: url("../images/zg-sidebar-right.png") no-repeat;
}
.zg-sidebar-right .img-side-zongzi{
    position: absolute;
    left: 56px;
    bottom: -160px;
    z-index: 1;
}
.zg-top-btn{
    position: relative;
    z-index: 2;
    width: 44px;
    height: 34px;
    padding-top: 10px;
    margin-left: 77px;
    margin-top: 23px;
    font: bold 14px/1x "微软雅黑";
    color: #333333;
    text-align: center;
    background: #fff url("../images/zg-top-btn.png") no-repeat 19px 29px;
    -webkit-background-size: 9px 8px;
    background-size: 9px 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
.zg-sidebar-right ul{
    padding-left: 5px;
}
.zg-sidebar-right ul li{
    height: 26px;
    margin-bottom: 19px;
}
.zg-sidebar-right ul li a{
    display: block;
    height: 26px;
    font: bold 22px/26px "微软雅黑";
    color: #fff;
    text-align: center;
}
.zg-sidebar-right ul li a:hover{
    color: #f8ff46;
}
/*展开按钮*/
.zg-online-btn{
    display: none;
    position: fixed;
    right: 0px;
    top: 30%;
    z-index: 19;
    width: 48px;
    height: 206px;
    background: url(../images/zg-online-btn.png) no-repeat;
    cursor: pointer;
}
/*媒体查询*/
@media screen and (max-width: 1280px) {
    .zg-sidebar-right {
        display: none;
    }
    .zg-online-btn{
        display: block;
    }
}