@charset "gb2312";
/*
@author: he
@update: he (2018-06-06)
*/
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background: #1a1819;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.footer{ color: #fff !important; padding-bottom: 110px !important;}
.footer a{ color: #fff !important;}

/*浮动页头*/
.f-headerBg{ width: 100%; height: 80px; background: #0a0a09; position:fixed; _position:absolute; left:0; top:0; z-index:20;}
.f-header{ height: 80px;}
.f-header .logo{ display: block; margin-top: 15px;}
.f-header .han{ display: block; width: 136px; height: 46px; background:url(/images/zhuanti/2019ejvip/btn_01.png) no-repeat; margin: 17px 12px 0 0;}
.f-header .han:hover{ background:url(/images/zhuanti/2019ejvip/btn_01h.png) no-repeat;}
.f-header .nav li{ float: left; padding: 0 26px; line-height: 80px; font-size: 20px; color: #fff;}
.f-header .nav li a{ color: #fff;}

/*页头*/
.header01Bg{ height: 390px; padding-top: 80px; background:url(/images/zhuanti/2019ejvip/bg_01.jpg) no-repeat center 80px;}
.header02Bg{ height: 390px; background:url(/images/zhuanti/2019ejvip/bg_02.jpg) no-repeat center top;}
.header02Bg .han{ display: block; top: 234px; left: 367px; width: 362px; height: 101px; background:url(/images/zhuanti/2019ejvip/btn_02.png) no-repeat;}
.header02Bg .han:hover{ background:url(/images/zhuanti/2019ejvip/btn_02h.png) no-repeat;}

/*课程体系*/
.kctxBg{ background:url(/images/zhuanti/2019ejvip/bg_03.jpg) no-repeat center top;}
.kctx .tit{ margin-bottom: 34px;}

.kctx .sjd{ padding: 204px 0 41px;}
.kctx .sjd .slist{ width: 257px; height: 214px; margin-right: 24px; padding-top: 166px;}
.kctx .sjd .slist01{ background:url(/images/zhuanti/2019ejvip/yj_02.png) no-repeat;}
.kctx .sjd .slist02{ background:url(/images/zhuanti/2019ejvip/yj_03.png) no-repeat;}
.kctx .sjd .slist03{ background:url(/images/zhuanti/2019ejvip/yj_04.png) no-repeat;}
.kctx .sjd .slist04{ background:url(/images/zhuanti/2019ejvip/yj_05.png) no-repeat;}
.kctx .sjd .slist .sltop{ height: 40px; padding-left: 40px; line-height: 40px; font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 12px;}
.kctx .sjd .slist .sltop i{ overflow: hidden; display: block; width: 28px; height: 2px; background: #fff; left: 40px; bottom: 0;}
.kctx .sjd .slist .slcen{ padding-left: 40px; line-height: 46px; font-size: 18px; font-weight: 700; color: #999;}
.kctx .sjd .slist .slbot{ padding-left: 40px; line-height: 22px; font-size: 16px; color: #999;}
.kctx .sjd .slist.mr0{ margin-right: 0;}

.kctx .wzl{ padding: 0 0 41px;}
.kctx .wzl .inner{ position: relative; width:1100px; height: 440px; background:url(/images/zhuanti/2019ejvip/yj_24.png) no-repeat; margin:0 auto;}
/*左*/
.kctx .wzl .deses{ float: left; width: 530px; height: 440px; position: absolute;}
.kctx .wzl .des{ color: #f2f2f2; top:119px; position: absolute; left: 63px; opacity: 0; padding-left: 122px;}
.kctx .wzl .des h4{font-size: 36px; color: #fff; font-weight: bold; line-height: 64px; text-align: left;}
.kctx .wzl .des p{ font-size: 16px; line-height:22px;}
.kctx .wzl .one, .kctx .wzl .two, .kctx .wzl .three, .kctx .wzl .four, .kctx .wzl .five{ position: absolute; top: -42px; left: 0; display: block; width: 102px; height: 150px;}
.kctx .wzl .one{ background:url(/images/zhuanti/2019ejvip/yj_25.png) no-repeat;}
.kctx .wzl .two{ background:url(/images/zhuanti/2019ejvip/yj_26.png) no-repeat; width: 108px;}
.kctx .wzl .three{ background:url(/images/zhuanti/2019ejvip/yj_27.png) no-repeat;}
.kctx .wzl .four{ background:url(/images/zhuanti/2019ejvip/yj_28.png) no-repeat;}
.kctx .wzl .five{ background:url(/images/zhuanti/2019ejvip/yj_29.png) no-repeat;}
/*右*/
.kctx .wzl .znpc{ float: right; width: 440px; height: 440px; position: relative;}
.kctx .wzl .znpc i{ width:93px; height:88px; display: block;}
.kctx .wzl .znpc .i1{ background:url(/images/zhuanti/2019ejvip/yj_07.png) no-repeat;}
.kctx .wzl .znpc .i2{ background:url(/images/zhuanti/2019ejvip/yj_08.png) no-repeat;}
.kctx .wzl .znpc .i3{ background:url(/images/zhuanti/2019ejvip/yj_09.png) no-repeat;}
.kctx .wzl .znpc .i4{ background:url(/images/zhuanti/2019ejvip/yj_10.png) no-repeat;}
.kctx .wzl .znpc .i5{ background:url(/images/zhuanti/2019ejvip/yj_11.png) no-repeat;}

.kctx .wzl .znpc .hh{ position: absolute; width: 440px; height: 440px; left: 50%; top: 50%; margin-left: -220px; margin-top: -220px; transition: transform .5s; }
.kctx .wzl .znpc .hi{ display: block; width: 93px; height: 118px; -webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s; }
.kctx .wzl .znpc .hi p{color: #cba570; text-align:center; font-size: 20px; font-weight: 700; line-height: 20px; margin-bottom: 10px;}
.kctx .wzl .znpc .h1, .kctx .wzl .znpc .h2, .kctx .wzl .znpc .h3, .kctx .wzl .znpc .h4,.kctx .wzl .znpc .h5{ position: absolute; cursor: pointer;}
.kctx .wzl .znpc .h1{left: 0; top:128px;}
.kctx .wzl .znpc .h2{left: 87px; top: 316px;}
.kctx .wzl .znpc .h3{left: 294px; top: 292px;}
.kctx .wzl .znpc .h4{left: 336px; top: 86px;}
.kctx .wzl .znpc .h5{left: 153px; top: -15px;}

.kctx .sfw{ padding: 0 0 76px;}
.kctx .sfw .tit{ margin-bottom: 100px;}
.kctx .sfw .fw-slide{ width:100%; height:376px; overflow:hidden; position:relative; margin-bottom: 50px;}
.kctx .sfw .fw-slide .bd{ position:relative; width: 1000px; height:100%; margin-left: 50px;}
.kctx .sfw .fw-slide .bd li{ width: 250px; height: 376px;}
.kctx .sfw .fw-slide .bd li .hui{ background: #161616 !important;}
.kctx .sfw .fw-slide .bd li .qbox{ overflow: hidden; top: 0; left: 0; z-index: 2; width: 242px; height: 368px; padding: 4px; background: #0d0b0e; cursor: pointer; -webkit-animation:flipOut 0.3s 0s 1 both; animation:flipOut 0.3s 0s 1 both;}
.kctx .sfw .fw-slide .bd li .qbox .top{ height: 66px; line-height: 66px; text-align: right; font-size: 30px; font-weight: 700; color: #b8966a; padding: 8px 20px 0 0; margin-bottom: 160px;}
.kctx .sfw .fw-slide .bd li .qbox .top i{ display: block; overflow: hidden; width: 72px; height: 4px; background: #b8966a; right: 20px; bottom: 0; border-radius: 2px;}
.kctx .sfw .fw-slide .bd li .qbox .bot{ line-height: 22px; padding: 0 20px; font-size: 16px; color: #b8966a;}
.kctx .sfw .fw-slide .bd li .qbox .jiahao{ width: 32px; height: 32px; right: 16px; bottom: 16px; background:url(/images/zhuanti/2019ejvip/yj_30.png) no-repeat;}
.kctx .sfw .fw-slide .bd li.on .qbox{ -webkit-animation:flipIn 0.3s 0s 1 both; animation:flipIn 0.3s 0s 1 both;}
.kctx .sfw .fw-slide .bd li .hbox{ overflow: hidden; top: 0; left: 0; z-index: 1; width: 242px; height: 368px; border: 4px solid #ead392; background: #0d0b0e; cursor: pointer; -webkit-animation:flipIn2 0.3s 0s 1 both; animation:flipIn2 0.3s 0s 1 both;}
.kctx .sfw .fw-slide .bd li .hbox .top{ height: 66px; line-height: 66px; text-align: right; font-size: 30px; font-weight: 700; color: #b8966a; padding: 8px 20px 0 0; margin-bottom: 14px;}
.kctx .sfw .fw-slide .bd li .hbox .top i{ display: block; overflow: hidden; width: 72px; height: 4px; background: #b8966a; right: 20px; bottom: 0; border-radius: 2px;}
.kctx .sfw .fw-slide .bd li .hbox .cen{ text-align: center; height: 161px; margin-bottom: 44px;}
.kctx .sfw .fw-slide .bd li .hbox .bot{ line-height: 22px; padding: 0 20px; font-size: 16px; color: #b8966a;}
.kctx .sfw .fw-slide .bd li.on .hbox{ -webkit-animation:flipOut2 0.3s 0s 1 both; animation:flipOut2 0.3s 0s 1 both;}
.kctx .sfw .fw-slide .prev,.kctx .sfw .fw-slide .next{ position:absolute; left:0; top:50%; margin-top:-52px; display:block; width:41px; height:103px; background:url(/images/zhuanti/2019ejvip/yj_15.png) no-repeat;}
.kctx .sfw .fw-slide .next{ left:auto; right:0; background:url(/images/zhuanti/2019ejvip/yj_16.png) no-repeat;}
.kctx .sfw .bhan{ display: block; width: 267px; height: 68px; background:url(/images/zhuanti/2019ejvip/btn_03.png) no-repeat; margin: 0 auto;}
.kctx .sfw .bhan:hover{ background:url(/images/zhuanti/2019ejvip/btn_03h.png) no-repeat;}

/*课程协议*/
.kcxyBg{ height: 250px; background:url(/images/zhuanti/2019ejvip/bg_04.jpg) no-repeat center top;}
.kcxyBg .han{ display: block; top: 125px; right: 0; width: 267px; height: 68px; background:url(/images/zhuanti/2019ejvip/btn_04.png) no-repeat;}
.kcxyBg .han:hover{ background:url(/images/zhuanti/2019ejvip/btn_04h.png) no-repeat;}

/*助学体系*/
.zxtxBg{ background:url(/images/zhuanti/2019ejvip/bg_05.jpg) no-repeat center top;}
.zxtx{ padding: 262px 0 0 0;}
.zxtx .cbox{ text-align: center; margin-bottom: 28px;}
.zxtx .bhan{ display: block; width: 267px; height: 68px; background:url(/images/zhuanti/2019ejvip/btn_05.png) no-repeat; margin: 0 auto;}
.zxtx .bhan:hover{ background:url(/images/zhuanti/2019ejvip/btn_05h.png) no-repeat;}

/*备考资料*/
.bkzlBg{ background:url(/images/zhuanti/2019ejvip/bg_06.jpg) no-repeat center top;}
.bkzl{ padding: 328px 0 0 0;}
.bkzl .fdz{ display: block; top: 159px; right: 26px; width: 283px; height: 142px; background:url(/images/zhuanti/2019ejvip/yj_20.png) no-repeat;}
.bkzl .list{ width: 344px; margin-right: 34px;}
.bkzl .list.mr0{ margin-right: 0;}

/*特训营*/
.txyBg{ background:url(/images/zhuanti/2019ejvip/bg_07.jpg) no-repeat center top;}
.txy{ padding: 218px 0 0 0; height: 700px;}
.txy .tit{ line-height: 94px; text-align: center; font-size: 30px; color: #ccc; margin-bottom: 35px;}
.txy .lbox{ width: 560px; padding-top: 118px;}
.txy .lbox-cen{ padding-left: 24px; margin-bottom: 41px;}
.txy .lbox-cen .list{ float: left; width: 185px; height: 36px; line-height: 36px; padding-left: 20px; font-size: 20px; color: #f2f2f2;}
.txy .lbox-cen .list i{ overflow: hidden; display: block; width: 8px; height: 8px; background: #f2f2f2; top: 14px; left: 0;}
.txy .lbox-bot .han{ display: block; width: 267px; height: 68px; background:url(/images/zhuanti/2019ejvip/btn_06.png) no-repeat; margin-right: 17px;}
.txy .lbox-bot .han:hover{ background:url(/images/zhuanti/2019ejvip/btn_06h.png) no-repeat;}
.txy .lbox-bot .han2{ display: block; width: 267px; height: 68px; background:url(/images/zhuanti/2019ejvip/btn_07.png) no-repeat;}
.txy .lbox-bot .han2:hover{ background:url(/images/zhuanti/2019ejvip/btn_07h.png) no-repeat;}
.txy .rbox{ width: 540px; padding-top: 160px;}
.txy .rbox-cen{ padding-left: 24px; margin-bottom: 118px;}
.txy .rbox-cen .list{ float: left; width: 205px; height: 36px; line-height: 36px; padding-left: 20px; font-size: 20px; color: #f2f2f2;}
.txy .rbox-cen .list i{ overflow: hidden; display: block; width: 8px; height: 8px; background: #f2f2f2; top: 14px; left: 0;}
.txy .rbox-bot{ line-height: 40px; padding-left: 44px; font-size: 30px; color: #999;}
.txy .rbox-bot b{ display: inline-block; color: #df6e37; padding-left: 20px;}

/*浮动底部*/
.f-footBg{ width: 100%; height: 100px; position:fixed; _position:absolute; left:0; bottom:0; z-index:20;}
.f-footBg .han{ width: 176px; height: 100px; left: 0; bottom: 0; background:url(/images/zhuanti/2019ejvip/btn_08.png) no-repeat; cursor: pointer;}
.f-footBg .han:hover{ background:url(/images/zhuanti/2019ejvip/btn_08h.png) no-repeat;}
.f-footBg .banner{ display: none; width: 100%; height: 90px; left: 0; bottom: 0; background:url(/images/zhuanti/2019ejvip/bg_08.jpg) no-repeat center top;}
.f-footBg .banner .close{ display: block; width: 62px; height: 35px; top: 0; right: 0;}
.f-footBg .banner .bhan{ display: block; _display: inline; width: 136px; height: 46px; background:url(/images/zhuanti/2019ejvip/btn_09.png) no-repeat; margin: 22px 64px 0 0;}
.f-footBg .banner .bhan:hover{ background:url(/images/zhuanti/2019ejvip/btn_09h.png) no-repeat;}















@-webkit-keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flipIn {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipIn;
    animation-name: flipIn;
}

@-webkit-keyframes flipIn2 {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flipIn2 {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flipIn2 {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipIn2;
    animation-name: flipIn2;
}

@-webkit-keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.animated.flipOut {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipOut;
    animation-name: flipOut;
}


@-webkit-keyframes flipOut2 {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes flipOut2 {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.animated.flipOut2 {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipOut2;
    animation-name: flipOut2;
}