@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
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;blur:expression(this.onFocus=this.blur());}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*框架*/
.layout{ clear:both;width:1000px;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/2017yszgbm/an.png) no-repeat;}

/*页头*/
.headerbg{ width: 100%; background:url(/images/zhuanti/2017yszgbm/ks_01.png) no-repeat center top; height: 338px; overflow: hidden;}
.header{ height: 338px;}
.header .nr{ width: 1000px; height: 338px; top: 0; left: 0;
    animation:fadeInUp 1.5s 0s 1 both;
    -webkit-animation:fadeInUp 1.5s 0s 1 both;
    -moz-animation:fadeInUp 1.5s 0s 1 both;
    -o-animation:fadeInUp 1.5s 0s 1 both;
}
.header .logo{ display: block; top: 25px; left: 37px;}
/*云飘*/
.cloud,.cloud2,.cloud3{ top: 21px; left: 10%;  z-index:3;
    animation:clouds 100s linear 0s infinite both;
    -webkit-animation:clouds 100s linear 0s infinite both;
    -moz-animation:clouds 100s linear 0s infinite both;
    -o-animation:clouds 100s linear 0s infinite both;
}
.cloud2{ top: 61px; left: 30%;}
.cloud3{ top: 137px; left: 70%;}
/*太阳*/
.sun{ top: 21px; right: 208px;  z-index:2;
    animation:sun 20s linear 0s infinite both;
    -webkit-animation:sun 20s linear 0s infinite both;
    -moz-animation:sun 20s linear 0s infinite both;
    -o-animation:sun 20s linear 0s infinite both;
}

/*导航*/
.navbg{ background:url(/images/zhuanti/2017yszgbm/ks_07.png) no-repeat center top;}
.nav{ height: 65px; text-align: center; line-height: 65px; font-size: 18px; color: #fff;}
.nav a{ color: #fff;}

/*报名入口*/
.bmrkbg{ background:url(/images/zhuanti/2017yszgbm/ks_08.png) no-repeat center top;}
.bmrk{ padding: 20px 0 30px 0;}
.bmrk .top{ line-height: 28px; margin-bottom: 6px; font-size: 14px; color: #666;}
.bmrk .left{ width: 696px;}
.bmrk .left-t{ line-height: 70px; font-size: 26px; color: #666; font-weight: 700;}
.bmrk .left-b table{ border-collapse: collapse;}
.bmrk .left-b td{ border: 1px solid #fff;}
.bmrk .left-b a{ display: block; line-height: 64px; text-align: center; font-size: 16px; background: #ffe797;}
.bmrk .left-b a:hover{ display: block; background: #fec504; text-decoration: none;}
.bmrk .right{ width: 286px; padding-top: 70px;}
.bmrk .right-t{ display: block; height: 71px; padding-top: 10px; line-height: 30px; text-align: center; font-size: 20px; color: #fff; margin-bottom: 15px; -webkit-text-shadow:2px 2px 3px #33b419; -moz-text-shadow:2px 2px 3px #33b419; text-shadow:2px 2px 3px #33b419;}
.bmrk .right-t:hover{ text-decoration: none;}
.bmrk .right-t b{ display: block; color: #ffe400; font-size: 24px;}
.bmrk .right-b{ line-height: 38px; font-size: 16px; padding-left: 12px;}

/*报名流程*/
.bmlcbg{ background:url(/images/zhuanti/2017yszgbm/ks_09.png) no-repeat center top;}
.bmlc{ height: 283px;}
.bmlc a:hover{ text-decoration: none;}
.bmlc .nr{ display: block; width: 139px; height: 109px; padding-top: 32px; line-height: 44px; font-size: 38px; color: #4ec427; font-weight: 700; text-align: center; top: 60px; left: 0;}
.bmlc .nr span{ display: block; font-size: 28px; padding-left: 36px;}
.bmlc .nr1,.bmlc .nr2,.bmlc .nr3,.bmlc .nr4{ display: block; width: 157px; height: 91px; padding-top: 66px; line-height: 30px; font-size: 22px; color: #fff; text-align: center; top: 45px; left: 197px;}
.bmlc .nr2{ top: 101px; left: 422px;}
.bmlc .nr3{ top: 41px; left: 635px;}
.bmlc .nr4{ top: 86px; left: 841px; height: 76px; padding-top: 81px;}

/*考试流程*/
.kslcbg{ background:url(/images/zhuanti/2017yszgbm/ks_10.png) no-repeat center top;}
.kslc{ height: 379px;}
.kslc a:hover{ text-decoration: none;}
.kslc .nr{ display: block; width: 141px; height: 117px; padding-top: 24px; line-height: 44px; font-size: 38px; color: #feaf04; font-weight: 700; text-align: center; top: 114px; left: 4px;}
.kslc .nr span{ display: block; font-size: 28px; padding-left: 36px;}
.kslc .nr1,.kslc .nr2,.kslc .nr3,.kslc .nr4,.kslc .nr5,.kslc .nr6,.kslc .nr7,.kslc .nr8{ display: block; width: 160px; height: 22px; padding-top: 98px; line-height: 22px; font-size: 22px; text-align: center; top: 36px; left: 202px;}
.kslc .nr2{ left: 392px;}
.kslc .nr3{ left: 596px;}
.kslc .nr4{ left: 802px;}
.kslc .nr5{ top:212px; left: 802px;}
.kslc .nr6{ top:212px; left: 596px;}
.kslc .nr7{ top:212px; left: 392px;}
.kslc .nr8{ top:212px;}

/*报考政策*/
.bkzcbg{ background:url(/images/zhuanti/2017yszgbm/ks_11.png) no-repeat center top;}
.bkzc{ padding: 38px 0 15px 0;}
.bkzc .left{ width: 726px;}
.bkzc .left-t{ line-height: 70px; padding-left: 38px; font-size: 28px; color: #fff; font-weight: 700; margin-bottom: 36px;}
.bkzc .left .nr{ display: block; width: 346px; _width: 336px; height: 58px; line-height: 58px; font-size: 18px; text-align: center; border: 1px solid #e9e9e9; background: #fbfbfb; border-radius: 8px; margin:0 15px 18px 0; -webkit-box-shadow:2px 3px 0 #e9e9e9; -moz-box-shadow:2px 3px 0 #e9e9e9; box-shadow:2px 3px 0 #e9e9e9;}
.bkzc .right{ display: block; padding: 0 15px 0 0;}

/*网校名师*/
.wxmsbg{ background:url(/images/zhuanti/2017yszgbm/ks_12.jpg) no-repeat center top;}
.wxms{ height: 439px;}
.wxms .tit{ line-height: 108px; font-size: 28px; color: #693007; font-weight: 700;}
.wxms .nr1,.wxms .nr2,.wxms .nr3,.wxms .nr4,.wxms .nr5,.wxms .nr6,.wxms .nr7,.wxms .nr8,.wxms .nr9{ display: block; width: 119px; height: 288px; top: 121px; left: 38px;}
.wxms .nr2{ width: 86px; left: 157px;}
.wxms .nr3{ width: 90px; left: 243px;}
.wxms .nr4{ width: 99px; left: 333px;}
.wxms .nr5{ width: 115px; left: 432px;}
.wxms .nr6{ width: 110px; left: 547px;}
.wxms .nr7{ width: 99px; left: 657px;}
.wxms .nr8{ width: 100px; left: 756px;}
.wxms .nr9{ width: 104px; left: 856px;}

/*高分学员*/
.gfxybg{ background:url(/images/zhuanti/2017yszgbm/ks_13.png) no-repeat center top #f6f6f6;}
.gfxy{ padding: 53px 0;}
.gfxy .left{ width: 649px;}
.gfxy .left .ltit{ line-height: 70px; padding-left: 24px; font-size: 28px; color: #fff; font-weight: 700; margin-bottom: 46px;}
.gfxy .left .lcen{ height: 419px; background:url(/images/zhuanti/2017yszgbm/ks_14.png) no-repeat; margin-bottom: 15px; z-index: 9;}
.gfxy .left .lcen .nr1{ width: 123px; height: 123px; top: 59px; left: 0; cursor: pointer;}
.gfxy .left .lcen .tc{ display: none; width: 220px; border: 1px solid #d2d2d2; background: #f9f9f9; padding: 10px 0 10px 40px; line-height: 28px; font-size: 16px; border-radius: 8px; bottom:-124px; left: 0;}
.gfxy .left .lcen .tc .n{ font-size: 18px;}
.gfxy .left .lcen .tc .j{ color: #f76809;}
.gfxy .left .lcen .tc i{ display: block; width: 30px; height: 15px; top: -15px; left: 42px; background-position: 0 -911px;}
.gfxy .left .lcen .nr2{ width: 118px; height: 118px; top: 6px; left: 166px; cursor: pointer;}
.gfxy .left .lcen .nr3{ width: 102px; height: 102px; top: 25px; left: 349px; cursor: pointer;}
.gfxy .left .lcen .nr4{ width: 119px; height: 119px; top: 0; left: 505px; cursor: pointer;}
.gfxy .left .lcen .nr5{ width: 113px; height: 113px; top: 177px; left: 114px; cursor: pointer;}
.gfxy .left .lcen .nr6{ width: 121px; height: 121px; top: 130px; left: 269px; cursor: pointer;}
.gfxy .left .lcen .nr7{ width: 99px; height: 99px; top: 159px; left: 487px; cursor: pointer;}
.gfxy .left .lcen .nr8{ width: 109px; height: 109px; top: 298px; left: 9px; cursor: pointer;}
.gfxy .left .lcen .nr9{ width: 123px; height: 123px; top: 284px; left: 210px; cursor: pointer;}
.gfxy .left .lcen .nr10{ width: 109px; height: 109px; top: 248px; left: 368px; cursor: pointer;}
.gfxy .left .lcen .nr11{ width: 119px; height: 119px; top: 301px; left: 518px; cursor: pointer;}
.gfxy .right{ width: 322px; padding-top: 18px;}
.gfxy .right .rtit{ height: 54px; margin-bottom: 12px; padding-left: 68px; font-size: 30px; color: #4ec427; line-height: 54px; font-weight: 700; background-position: 0 -805px;}
.gfxy .right .rtit a{ color: #4ec427;}
.gfxy .right .rbot{ background:url(/images/zhuanti/2017yszgbm/ks_18.png); padding: 20px 0 0 0; border-radius: 8px;}
.gfxy .right .rbot .xxxs{ height: 487px; overflow: hidden;}
.gfxy .right .rbot .xxxs .xnr{ margin-bottom: 20px; clear: both;}
.gfxy .right .rbot .xxxs .xnr-l{ padding: 7px 0 0 15px;}
.gfxy .right .rbot .xxxs .xnr-l img{ width: 43px; height: 43px;}
.gfxy .right .rbot .xxxs .xnr-r{ width: 200px; margin-left: 16px; border: 1px solid #d3d3d3; background: #fff; padding: 10px 15px; line-height: 24px; font-size: 14px; border-radius: 5px;}
.gfxy .right .rbot .xxxs .xnr-r .j{ color: #f76809;}
.gfxy .right .rbot .xxxs .xnr-r i{ display: block; width: 10px; height: 18px; top: 15px; left: -10px; background-position: 0 -971px;}
.gfxy .right .rbot .fb{ line-height: 70px; padding-right: 24px; text-align: right; font-size: 16px; color: #2b9b04;}
.gfxy .right .rbot .fb a{ color: #2b9b04;}

/*辅导课程*/
.fdkc{ padding:84px 0 40px;}
.fdkc .nr{ width: 235px; background: #f6f6f6; margin-right: 15px; -webkit-box-shadow:4px 4px 0 #eaeaea; -moz-box-shadow:4px 4px 0 #eaeaea; box-shadow:4px 4px 0 #eaeaea;}
.fdkc .nr .tit{ width: 109px; height: 92px; top: -55px; left: 50%; margin-left: -55px; padding-top: 18px; line-height: 32px; text-align: center; font-size: 22px; color: #fff;}
.fdkc .nr .tgb{ background-position: 0 -200px;}
.fdkc .nr .jpb{ background-position: 0 -321px;}
.fdkc .nr .syb{ background-position: 0 -442px;}
.fdkc .nr .dzb{ background-position: 0 -563px;}
.fdkc .nr .msb{ background-position: 0 -684px;}
.fdkc .nr .top{ height: 60px; padding-top: 64px; text-align: center; font-size: 16px; color: #ef590f; line-height: 24px; background: #eeeeee; font-weight: 700;}
.fdkc .nr .top i{ font-size: 14px;}
.fdkc .nr .cen{ height: 262px;}
.fdkc .nr .cen-t{ height: 192px; padding: 10px 0 0 26px; line-height: 40px; font-size: 16px;}
.fdkc .nr .cen-t2{ height: 192px; padding: 10px 0 0 16px; line-height: 24px; font-size: 14px;}
.fdkc .nr .cen-b{ line-height: 60px; text-align: center; font-size: 18px; color: #ef590f;}
.fdkc .nr .cen-b b{ font-size: 22px;}
.fdkc .nr .bot{ display: block; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #fff; background: #4ec427;}
.fdkc .mr0{ margin: 0;}

/*服务对比*/
.fwdb{ margin-bottom: 30px;}
.fwdb .top{ margin-bottom: 25px;}
.fwdb .top table{ border-collapse: collapse; background: #f7f7f7;}
.fwdb .top td{ border: 1px solid #ececec; line-height: 18px; padding: 6px 5px;}
.fwdb .top .tit{ line-height: 28px; font-size: 16px; text-align: center; font-weight: 700;}
.fwdb .top .sl,.fwdb .top .slv,.fwdb .top .shl,.fwdb .top .sj,.fwdb .top .sh{ background: #18aac0; text-align: center; font-weight: 700; color: #fff;}
.fwdb .top .slv{ background: #4ec427;}
.fwdb .top .shl{ background: #04c688;}
.fwdb .top .sj{ background: #fe8b04;}
.fwdb .top .sh{ background: #f64d30;}
.fwdb .top .l{ background: #cbe6fb;}
.fwdb .top .lv{ background: #e5fdec;}
.fwdb .top .hl{ background: #c5f2e3;}
.fwdb .top .j{ background: #fcedd0;}
.fwdb .top .h{ background: #fed5de;}
.fwdb .cen{ margin-bottom: 25px;}
.fwdb .cen .l,.fwdb .cen .lv,.fwdb .cen .hl,.fwdb .cen .j,.fwdb .cen .h{ width: 188px; color: #1e93ee; line-height: 12px;}
.fwdb .cen .l i,.fwdb .cen .lv i,.fwdb .cen .hl i,.fwdb .cen .j i,.fwdb .cen .h i{ display: block; float: left; width: 12px; height: 12px; background: #1e93ee; margin-right: 5px;}
.fwdb .cen .lv{ color: #4ec427;}
.fwdb .cen .lv i{ background: #4ec427;}
.fwdb .cen .hl{ color: #04c688;}
.fwdb .cen .hl i{ background: #04c688;}
.fwdb .cen .j{ color: #fe8b04;}
.fwdb .cen .j i{ background: #fe8b04;}
.fwdb .cen .h{ color: #f64d30;}
.fwdb .cen .h i{ background: #f64d30;}
.fwdb .bot{ text-align: center;}
.fwdb .bot .han{ display: inline-block; margin: 0 22px; width: 258px; height: 54px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; background-position: 0 -99px;}

@keyframes clouds {
    100%{
        left:100%
    }
}
@-webkit-keyframes clouds {
    100%{
        left:100%
    }
}
@-moz-keyframes clouds {
    100%{
        left:100%
    }
}
@-o-keyframes clouds {
    100%{
        left:100%
    }
}
@keyframes sun {
    100% {
        transform:rotateZ(360deg)
    }
}
@-webkit-keyframes sun {
    100% {
        -webkit-transform:rotateZ(360deg)
    }
}
@-moz-keyframes sun {
    100% {
        -moz-transform:rotateZ(360deg)
    }
}
@-o-keyframes sun {
    100% {
        -o-transform:rotateZ(360deg)
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

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

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

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

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