@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
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;}

/*框架*/
.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;}
.an{ background:url(/images/zhuanti/2017zkcc/an.png) no-repeat; _background:url(/images/zhuanti/2017zkcc/an.gif) no-repeat;}
.ggtit{ line-height: 136px; text-align: center; font-size: 38px; color: #2c3264; font-weight: 700;}
.huibg{ background: #ececec;}

/*页头*/
.headerbg{ background:url(/images/zhuanti/2017zkcc/zkcc_01.jpg) no-repeat center top;}
.header{ height: 419px;}
.header .logo{display: block; width: 154px; height: 42px; top: 20px; left: 0;}
.header .cen01{ top: 70px; left: 122px; -webkit-animation:bounceInDown 1s 0s 1 both; animation:bounceInDown 1s 0s 1 both;}
.header .cen02{ top: 215px; left: 489px; width: 335px; height: 60px; padding-left: 38px; line-height: 60px; font-size: 32px; color: #fff; font-weight: 700; font-family:\5B8B\4F53; background-position: 0 0; -webkit-animation:fadeInRight 1s 1s 1 both; animation:fadeInRight 1s 1s 1 both;}
.header .djs{ top: 371px; left: 529px; padding-left: 52px; height: 36px; line-height: 36px; font-size: 26px; color: #ff5720; font-weight: 700; background-position: 0 -100px;}

/*直播交流*/
.zbjl{ padding-bottom: 35px;}
.zbjl .cen{ width: 709px; height: 448px; margin: 0 auto 15px;}
.zbjl .share{ margin-right: 188px;}
.zbjl .share a{ margin: 0; padding: 0; height: auto;}
.zbjl .share .bds_more{ background: none; line-height: 30px; font-size: 14px; color: #999; margin-right: 10px;}
.zbjl .share .bds_weixin{ width: 30px; height: 30px; margin-right: 10px; background:url(/images/zhuanti/2017zkcc/zkcc_11.jpg) no-repeat;}
.zbjl .share .bds_tsina{ width: 30px; height: 30px; margin-right: 10px; background:url(/images/zhuanti/2017zkcc/zkcc_12.jpg) no-repeat;}
.zbjl .share .bds_qzone{ width: 30px; height: 30px; margin-right: 10px; background:url(/images/zhuanti/2017zkcc/zkcc_13.jpg) no-repeat;}

/*内容分析*/
.nrfx{ padding-bottom: 60px;}
.nrfx .top{ width: 780px; height: 0px; margin: 0 auto 60px; background: #494e70;}
.nrfx .top li{ width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; position: relative; cursor: pointer; transition:all 0.2s linear;}
.nrfx .top li i{ display: none;}
.nrfx .top .on{ background: #fa6635;}
.nrfx .top .on i{ display: block; width: 26px; height: 15px; top: 60px; left: 50%; margin-left: -13px; background-position: 0 -200px;}
.nrfx .bot .nr{ width: 495px; height: 400px; margin-right: 55px; background: #fff; -webkit-box-shadow:5px 5px 5px 0 #e6e6e6; -moz-box-shadow:5px 5px 5px 0 #e6e6e6; box-shadow:5px 5px 5px 0 #e6e6e6;}
.nrfx .bot .nr .fd{ display: block; width: 152px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fa6635; font-weight: 700; background: #fff; border: 3px solid #fa6635; top: -24px; left: 50%; margin-left: -79px;}
.nrfx .bot .nr-t{ height: 160px; padding: 62px 30px 0;}
.nrfx .bot .nr-b{ height: 174px; padding: 18px 30px 0; background: #fcefeb;}
.nrfx .bot .nr p{ line-height: 26px; font-size: 14px; color: #666;}
.nrfx .bot .nr p b{ color: #fa6635; display: block;}
.nrfx .bot .mr0{ margin-right: 0;}
.nrfx .xbot{ display: none;}

/*历年真题*/
.lnztbg{ background:url(/images/zhuanti/2017zkcc/zkcc_09.jpg) no-repeat center top;}
.lnzt{ height: 454px;}
.lnzt .ggtit{ color: #ff6633; margin-bottom: 36px;}
.lnzt .left{ width: 302px; height: 210px; padding-top: 12px;}
.lnzt .left li{ width: 260px; height: 103px; padding-left: 40px; line-height: 103px; font-size: 24px; color: #fff; border: 1px solid #fa6635; position: relative; cursor: pointer; transition:all 0.2s linear;}
.lnzt .left li i{ display: none;}
.lnzt .left .on{ background: #fa6635;}
.lnzt .left .on i{ display: block; width: 15px; height: 27px; right: -15px; top: 50%; margin-top: -13px; background-position: 0 -300px;}
.lnzt .right{ width: 780px; height: 222px;}
.lnzt .right .nr{ width: 200px; height: 222px; margin-left: 60px; background-position: 64px -400px;}
.lnzt .right .nr-t{ line-height: 72px; text-align: center; font-size: 16px; color: #fff; margin-bottom: 18px;}
.lnzt .right .nr-c{ display: block; height: 56px; background: #fff; text-align: center; line-height: 56px; font-size: 18px; color: #fa6635; margin-bottom: 20px;}
.lnzt .right .nr .mb0{ margin-bottom: 0;}
.lnzt .xbot{ display: none;}

/*阶段课程*/
.jdkc{ padding-bottom: 60px;}
.jdkc .cen .nr{ overflow: hidden; width: 330px; height: 224px; border-radius: 8px 8px 0 0; margin-right: 55px;}
.jdkc .cen .nr .top{ display: block; height: 72px; line-height: 72px; text-align: center; font-size: 24px; color: #fff; font-weight: 700;}
.jdkc .cen .nr .top:hover{ text-decoration: none;}
.jdkc .cen .nr .bot{ height: 152px;}
.jdkc .cen .nr .bot .txt{ line-height: 32px; font-size: 16px; color: #666; padding: 20px 30px;}
.jdkc .cen .nr .bot .han{ display: block; width: 70px; height: 40px; padding-left: 50px; line-height: 40px; font-size: 18px; color: #ff7c51; border: 1px solid #ff7c51; background-color: #fff; border-radius: 5px; background-position: 18px -691px; margin-right: 20px;}
.jdkc .cen .nr .bfd{ display: block; overflow: hidden; bottom:0; left: 0; width: 330px; height: 0; z-index: 1; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.jdkc .cen .nr .bfd p{ padding: 16px 18px 0; line-height: 30px; font-size: 14px; color: #fff;}
.jdkc .cen .nr .bfd:hover{ text-decoration: none;}
.jdkc .cen .nr01{ background:url(/images/zhuanti/2017zkcc/zkcc_06.png) no-repeat left bottom #f2f2f2;}
.jdkc .cen .nr01 .top{ background: #ff7c51;}
.jdkc .cen .nr02{ background:url(/images/zhuanti/2017zkcc/zkcc_07.png) no-repeat left bottom #f2f2f2;}
.jdkc .cen .nr02 .top{ background: #ffb746;}
.jdkc .cen .nr03{ background:url(/images/zhuanti/2017zkcc/zkcc_08.png) no-repeat left bottom #f2f2f2; margin: 0;}
.jdkc .cen .nr03 .top{ background: #5e79a5;}

/*状元交流*/
.zyjl{ padding-bottom: 40px;}
.zyjl .cen{ margin-bottom: 40px;}
.zyjl .cen .nr{ width: 520px;}
.zyjl .cen .nr-t{ width: 460px; height: 38px; line-height: 38px; color: #fff; background: #ff6633; border-radius: 20px; margin-bottom: 10px;}
.zyjl .cen .nr-t span{ display: block; width: 62px; text-align: center; font-size: 30px;}
.zyjl .cen .nr-t p{ font-size: 16px;}
.zyjl .cen .nr-b{ width: 430px; height: 200px; padding: 20px 35px 0 55px; background: #fff; border-radius: 10px;}
.zyjl .cen .nr-b span{ display: block; top: 12px; left: 18px; font-size: 34px; color: #ff6633;}
.zyjl .cen .nr-b p{ line-height: 36px; color: #666; font-size: 14px;}
.zyjl .bhan{ display: block; width: 170px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; margin: 0 auto; background: #494e70; border-radius: 5px;}
.zyjl .bhan:hover{ text-decoration: none;}
.zyjl .bhan b{ font-family:\5B8B\4F53;}

/*优秀学员*/
.yxxybg{ background:url(/images/zhuanti/2017zkcc/zkcc_10.jpg) no-repeat center top;}
.yxxy{ height: 475px; overflow: hidden;}
.yxxy .ggtit{ color: #fff;}
.yxxy .cen { width: 1200px;}
.yxxy .cen .nr{ width: 192px; height: 260px; margin-right: 20px;}
.yxxy .cen .nr .tfd{ display: block; overflow: hidden; bottom:0; left: 0; width: 100%; height: 40px; z-index: 1; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.yxxy .cen .nr .tfd p{ line-height: 40px; text-align: center; font-size: 14px; color: #fff;}
.yxxy .cen .nr .bfd{ display: block; overflow: hidden; bottom:0; left: 0; width: 100%; height: 0; z-index: 1; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.yxxy .cen .nr .bfd p{ padding: 6px 10px; line-height: 24px; font-size: 14px; color: #fff;}
.yxxy .cen .on{ width: 252px;}
.yxxy .cen .mr0{ margin-right: 0;}

/*左道航*/
.floatCtro { display:none; width:64px; position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); left:50%; bottom:8%; margin-left: -620px; z-index:99}
.floatCtro p { width: 64px; height: 52px; background: #ff6e3e; margin-bottom: 1px; text-align:center; line-height:18px; padding-top: 12px; cursor:pointer; color:#fff; font-size: 14px;}
.floatCtro p.cur { background:#f1440b;}





















@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}