@charset "gb2312";
/*
@author: name
@update: name (2013-04-13 18:32)
*/
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;}
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;}
.an{ background:url(/images/zhuanti/2018bkj/an.png) no-repeat; _background:url(/images/zhuanti/2018bkj/an.gif) no-repeat;}
.fenBg{ background: #ffcacf;}
.footer{ background: #fff; margin: 0 auto !important; padding: 10px 0;}

/*页头大图*/
.headerBg{ background:url(/images/zhuanti/2018bkj/bk_01.png) no-repeat center top;}
.header{ height: 760px;}
.header .logo{ display: block; width: 200px; height: 48rem; top: 20px; left: 0;}
.header .qicheL{ display: block; width: 183px; height: 256px; top: 228px; left: 41px; -webkit-animation:fadeInDownT 1s 0.1s 1 both; animation:fadeInDownT 1s 0.1s 1 both;}
.header .qicheR{ display: block; width: 114px; height: 150px; top: 137px; right: 75px; -webkit-animation:fadeInDownT2 1s 0.5s 1 both; animation:fadeInDownT2 1s 0.5s 1 both;}
.header .djs{ display: block; width: 370px; height: 40px; top: 20px; right: 0;}
.header .djs-l{ width: 75px; line-height: 20px; font-size: 18px; color: #9d545e;}
.header .djs-r{ line-height: 40px; font-size: 18px; color: #9d545e;}
.header .djs-r span{ display: inline-block; margin: 0 5px; width: 39px; height: 40px; padding-left: 5px; line-height: 40px; font-size: 18px; color: #fff; letter-spacing: 14px; background: url(/images/zhuanti/2018bkj/bk_16.png) no-repeat;}
.header .nav{ width: 100%; top: 520px; left: 0;}
.header .nav .list{ width: 33.3%; height: 194px; text-align: center;}

/*课程*/
.kecheng{ margin-bottom: 50px;}
.kecheng .tit{ height: 226px; background: url(/images/zhuanti/2018bkj/bk_14.png) no-repeat;}
.kecheng .tit .txt{ display: block; width: 620px; height: 85px; line-height: 38px; font-size: 22px; color: #fff; text-align: center; font-weight: 700; padding-top: 14px; margin-left: 230px;}
.kecheng .tit .txt span{ font-size: 36px; color: #fff647;}
.kecheng .tit .tnav{ height: 54px; padding-top: 73px;}
.kecheng .tit .tnav li{ float: left; overflow: hidden; width: 90px; height: 44px; line-height: 46px; text-align: center; font-size: 14px; margin-top: 10px; margin-right: 10px; cursor: pointer; background-position: 0 -200px;}
.kecheng .tit .tnav li.on{ width: 100px; height: 54px; line-height: 56px; font-size: 16px; margin-top: 0; background-position: 0 -100px;}
.kecheng .tit .tnav .mr0{ margin-right: 0;}
.kecheng .tit .fdleft,.kecheng .tit .fdright{ display: block; width: 60px; height: 63px; top: 29px; left: 68px; background-position: 0 0; -webkit-animation:floating 1.5s 0.1s infinite both; animation:floating 1.5s 0.1s infinite both;}
.kecheng .tit .fdright{ left: auto; right: 68px;}
.kecheng .cbox{ padding: 20px; background: #e14b5a;}
.kecheng .cbox .cen{ background: #ffcacf; border-radius: 5px;}
.kecheng .cbox .cen .listbox{ padding: 25px 0 0 25px; display: none;}
.kecheng .cbox .cen .klist{ width: 320px; height: 235px; margin: 0 25px 25px 0; background: #fff;}
.kecheng .cbox .cen .klist .pic{ width: 320px; height: 145px; text-align: center; line-height: 36px; color: #666;}
.kecheng .cbox .cen .klist .pic .pttxt{ padding-top: 26px; font-size: 26px;}
.kecheng .cbox .cen .klist .pic .pttxtone{ padding-top: 26px; font-size: 26px; line-height: 72px;}
.kecheng .cbox .cen .klist .pic .pbtxt{ font-size: 16px;}
.kecheng .cbox .cen .klist .pic.ju{ background: url(/images/zhuanti/2018bkj/bk_17.png) no-repeat;}
.kecheng .cbox .cen .klist .pic.hlan{ background: url(/images/zhuanti/2018bkj/bk_18.png) no-repeat;}
.kecheng .cbox .cen .klist .pic.lan{ background: url(/images/zhuanti/2018bkj/bk_19.png) no-repeat;}
.kecheng .cbox .cen .klist .pic.hong{ background: url(/images/zhuanti/2018bkj/bk_20.png) no-repeat;}
.kecheng .cbox .cen .klist .pic .bq{ display: block; width: 60px; height: 39px; top: 0; right: 0; padding-left: 9px; line-height: 39px; text-align: center; font-size: 14px;}
.kecheng .cbox .cen .klist .pic .lan{ background-position: 0 -300px;}
.kecheng .cbox .cen .klist .pic .fen{ background-position: 0 -400px;}
.kecheng .cbox .cen .klist .pic .huang{ background-position: 0 -500px;}
.kecheng .cbox .cen .klist .pic .qlan{ background-position: 0 -600px;}
.kecheng .cbox .cen .klist .btxt{ margin: 0 15px; padding-top: 16px;}
.kecheng .cbox .cen .klist .btxt .t{ line-height: 34px; font-size: 22px; color: #ff6472; font-weight: 700;}
.kecheng .cbox .cen .klist .btxt .t span{ font-size: 28px;}
.kecheng .cbox .cen .klist .btxt .b{ line-height: 34px; font-size: 14px; color: #999; font-weight: 700; text-decoration: line-through;}
.kecheng .cbox .cen .klist .btxt .han{ display: block; width: 95px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; top: 27px; right: 0; background-position: 0 -700px; cursor: pointer;}
.kecheng .cbox .cen .hdsm{ line-height: 24px; font-size: 14px; margin: 0 25px 20px;}

/*协议弹层*/
#protocolsBg{ display:none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=70);opacity:0.7;_position:absolute; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));}
.protocols{ display:none;width:810px;background:#fff;z-index:1000;left:50%;top:50%; margin:0 0 0 -405px;position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.protocols .tit{ height:60px; border-bottom: 1px solid #e8e8e8; background: #f5f5f5;}
.protocols .tit-left{ float: left; margin-left: 20px; line-height:60px; font-size: 18px; color: #666; padding-left: 22px; position: relative;}
.protocols .tit-left i{ display: block; overflow: hidden; width: 6px; height: 26px; position: absolute; left: 0; top: 50%; margin-top: -13px; background: #5bc450;}
.protocols .closeXY{position:absolute;width:15px;height:15px;right:20px;top:22px;display:block; cursor: pointer; background:url(/images/zhuanti/2018bkj/an.png) no-repeat 0 -1400px; _background:url(/images/zhuanti/2018bkj/an.gif) no-repeat 0 -1400px;}
.protocols .xyContainer{margin:0 40px; padding: 14px 0 20px; font-size: 16px; color: #666;}
.protocols .subtit{ line-height: 38px;}
.protocols .courseXYS{font-size:14px;color:#666; line-height: 24px;}
.protocols .courseXYS a{ color: #5bc450;}
.protocols .xy{ overflow: hidden; position: relative; display: block; margin: 0 40px 26px; padding-left: 32px; line-height: 20px; font-size: 14px; color: #666; cursor: pointer; background:url(/images/zhuanti/2018bkj/an.png) no-repeat 0 -1500px; _background:url(/images/zhuanti/2018bkj/an.gif) no-repeat 0 -1500px;}
.protocols .xy.on{ background:url(/images/zhuanti/2018bkj/an.png) no-repeat 0 -1450px; _background:url(/images/zhuanti/2018bkj/an.gif) no-repeat 0 -1450px;}
.protocols .xy input{ position: absolute; top: -50px;}

.protocols .xy em{ color: #fc616f; display: none;}
.protocols .hbox{ height: 62px; background: #f7f7f7;}
.protocols .hbox .sure{background:#f4674b;float:right;display:block;width:130px; height: 38px; line-height:38px;font-size:14px;color:#fff;text-align:center; border-radius: 5px; margin: 12px 38px 0 0;}
.protocols .hbox .sure:hover{ text-decoration: none; opacity: 0.9;}

/*领取资料*/
.lqzl{ margin-bottom: 50px;}
.lqzl .tit{ height: 226px; background: url(/images/zhuanti/2018bkj/bk_15.png) no-repeat;}
.lqzl .tit .txt{ display: block; width: 600px; height: 85px; line-height: 38px; font-size: 22px; color: #fff; text-align: center; font-weight: 700; padding-top: 14px; margin-left: 268px;}
.lqzl .tit .txt span{ font-size: 36px; color: #fff647;}
.lqzl .tit .fdleft,.lqzl .tit .fdright{ display: block; width: 60px; height: 63px; top: 29px; left: 68px; background-position: 0 0; -webkit-animation:floating 1.5s 0.1s infinite both; animation:floating 1.5s 0.1s infinite both;}
.lqzl .tit .fdright{ left: auto; right: 68px;}
.lqzl .cbox{ padding: 20px; background: #e14b5a;}
.lqzl .cbox .cen{ background: #ffcacf; padding: 20px; border-radius: 5px;}
.lqzl .cbox .cen .zlslide{ width:692px; height:396px; position:relative; overflow: hidden;}
.lqzl .cbox .cen .zlslide .hd{ width: 100%; height:4px; overflow:hidden; position:absolute; left:0; bottom:20px; z-index:1 }
.lqzl .cbox .cen .zlslide .hd ul{ overflow:hidden; zoom:1; width: 100%; height: 4px; text-align: center;}
.lqzl .cbox .cen .zlslide .hd ul li{ display: inline-block; *display: inline; *zoom: 1; overflow: hidden; line-height: 50px; margin:0 5px; width:18px; height:4px; background:#e2c1d4; cursor:pointer;}
.lqzl .cbox .cen .zlslide .hd ul li.on{ background:#ff6472;}
.lqzl .cbox .cen .zlslide .bd{ height:100%;}
.lqzl .cbox .cen .zlslide .bd li{ zoom:1; vertical-align:middle; width: 100%; height:396px;}
.lqzl .cbox .cen .lqfs{ width: 300px; height: 366px; background: #fff; padding-top: 30px;}
.lqzl .cbox .cen .lqfs .ftop{ height: 126px; background: url(/images/zhuanti/2018bkj/bk_09.png) no-repeat center top;}
.lqzl .cbox .cen .lqfs .ftop-txt{ width: 150px; text-align: center; line-height: 20px; font-size: 16px; padding-top: 62px;}
.lqzl .cbox .cen .lqfs .fbot{ text-align: center;}
.lqzl .cbox .cen .lqfs .fbot-txt{ line-height: 46px; font-size: 24px;}
.lqzl .cbox .cen .lqfs .fbot-txt2{ line-height: 36px; font-size: 14px;}
.lqzl .cbox .cen .lqfs .fbot-pic{ display: inline-block; width: 130px; height: 130px; border: 5px solid #ffeef0;}

/*视频直播*/
.spzb{ margin-bottom: 50px;}
.spzb .tit{ height: 226px; background: url(/images/zhuanti/2018bkj/bk_14.png) no-repeat;}
.spzb .tit .txt{ display: block; width: 620px; height: 85px; line-height: 38px; font-size: 22px; color: #fff; text-align: center; font-weight: 700; padding-top: 14px; margin-left: 230px;}
.spzb .tit .txt span{ font-size: 36px; color: #fff647;}
.spzb .tit .fdleft,.spzb .tit .fdright{ display: block; width: 60px; height: 63px; top: 29px; left: 68px; background-position: 0 0; -webkit-animation:floating 1.5s 0.1s infinite both; animation:floating 1.5s 0.1s infinite both;}
.spzb .tit .fdright{ left: auto; right: 68px;}
.spzb .cbox{ padding: 20px; background: #e14b5a;}
.spzb .cbox .cen{ background: #ffcacf; padding: 20px; border-radius: 5px;}
.spzb .cbox .cen .vidbox{ width: 632px; height: 470px; display: none;}
.spzb .cbox .cen .vidbox .fdc{ width: 632px; height: 470px; top:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
:root .spzb .cbox .cen .vidbox .fdc{filter:none;}
.spzb .cbox .cen .vidbox .fdc .han{ display: block; width: 128px; height: 48px; padding-left: 50px; line-height: 48px; font-size: 24px; top: 358px; left: 217px; background-position: 0 -800px;}
.spzb .cbox .cen .vidbox .fdc .han:hover{ text-decoration: none; opacity: 0.9;}
.spzb .cbox .cen .vidbox .fdc .ewm{ width: 200px; top: 260px; right: 0; text-align: center;}
.spzb .cbox .cen .vidbox .fdc .ewm-pic{ display: inline-block; width: 150px; height: 150px; margin-bottom: 10px;}
.spzb .cbox .cen .vidbox .fdc .ewm-txt{ line-height: 18px; font-size: 14px; color: #fff;}
.spzb .cbox .cen .vidlist{ width: 360px; height: 460px; background: #fff; padding-top: 10px;}
.spzb .cbox .cen .vidlist .vltit{ line-height: 58px; padding: 0 20px; font-size: 20px;}
.spzb .cbox .cen .vidlist .vlbox{ height: 370px; overflow: auto;}
.spzb .cbox .cen .vidlist .vlbox .list{ padding: 0 0 15px 19px; border-left: 1px solid #dbdbdb; margin-left:30px;}
.spzb .cbox .cen .vidlist .vlbox .list .ltop{ height: 26px; margin-bottom: 10px; cursor: pointer;}
.spzb .cbox .cen .vidlist .vlbox .list .ltop span{ display: inline-block; padding: 0 10px; height: 26px; line-height: 26px; font-size: 14px; background: #ffcacf; border-radius: 13px;}
.spzb .cbox .cen .vidlist .vlbox .list .ltop i{ display: block; width: 11px; height: 11px; top: 8px; left: -25px; background-position: 0 -950px;}
.spzb .cbox .cen .vidlist .vlbox .list.on .ltop span{ background: #ff6472; color: #fff;}
.spzb .cbox .cen .vidlist .vlbox .list.on .ltop i{ background-position: 0 -900px;}
.spzb .cbox .cen .vidlist .vlbox .list .lbot-pic{ width: 40px; height: 40px;}
.spzb .cbox .cen .vidlist .vlbox .list .lbot-pic img{ width: 40px; height: 40px;}
.spzb .cbox .cen .vidlist .vlbox .list .lbot-txt{ width: 156px; margin-left: 10px; line-height: 22px; font-size: 14px;}
.spzb .cbox .cen .vidlist .vlbox .list .lbot-txt .chong{ color: #ff6472}
.spzb .cbox .cen .vidlist .vlbox .list .lbot-han{ display: block; width: 76px; height: 28px; text-align: center; line-height: 28px; font-size: 14px; color: #fff; background: #ff6472; top: 17px; left: 214px; border-radius: 14px;}
.spzb .cbox .cen .vidlist .vlbox .list .lbot-han:hover{ text-decoration: none; opacity: 0.9;}
.spzb .cbox .cen .cts{ clear: both; line-height: 20px; padding-top: 18px; font-size: 16px;}

/*网校特色*/
.wxts{ margin-bottom: 50px;}
.wxts .tit{ height: 226px; background: url(/images/zhuanti/2018bkj/bk_15.png) no-repeat;}
.wxts .tit .txt{ display: block; width: 600px; height: 85px; line-height: 38px; font-size: 22px; color: #fff; text-align: center; font-weight: 700; padding-top: 14px; margin-left: 268px;}
.wxts .tit .txt span{ font-size: 36px; color: #fff647;}
.wxts .tit .fdleft,.wxts .tit .fdright{ display: block; width: 60px; height: 63px; top: 29px; left: 68px; background-position: 0 0; -webkit-animation:floating 1.5s 0.1s infinite both; animation:floating 1.5s 0.1s infinite both;}
.wxts .tit .fdright{ left: auto; right: 68px;}
.wxts .cbox{ padding: 20px; background: #e14b5a;}
.wxts .cbox .cen{ background: #ffcacf; padding: 20px 0 0; border-radius: 5px;}
.wxts .cbox .cen .lpic{ width: 273px; height: 283px; margin-left: 40px;}
.wxts .cbox .cen .listbox{ width: 680px;}
.wxts .cbox .cen .listbox .list{ width: 150px; height: 115px; padding-top: 15px; background: #fff; border-radius: 5px; margin: 0 20px 20px 0;}
.wxts .cbox .cen .listbox .list .pic{ display: block; margin: 0 auto; width: 24px; height: 24px;}
.wxts .cbox .cen .listbox .list .pic01{ background-position: 0 -1000px;}
.wxts .cbox .cen .listbox .list .pic02{ background-position: 2px -1050px;}
.wxts .cbox .cen .listbox .list .pic03{ background-position: 4px -1100px;}
.wxts .cbox .cen .listbox .list .pic04{ background-position: 2px -1150px;}
.wxts .cbox .cen .listbox .list .pic05{ background-position: 0 -1200px;}
.wxts .cbox .cen .listbox .list .pic06{ background-position: 0 -1250px;}
.wxts .cbox .cen .listbox .list .pic07{ background-position: 0 -1300px;}
.wxts .cbox .cen .listbox .list .pic08{ background-position: 0 -1350px;}
.wxts .cbox .cen .listbox .list .ctxt{ line-height: 36px; text-align: center; font-size: 18px; margin-bottom: 6px;}
.wxts .cbox .cen .listbox .list .btxt{ line-height: 20px; text-align: center; font-size: 16px; color: #666;}



































@-webkit-keyframes fadeInDownT {
    from {
        opacity: 0;
        -webkit-transform: translate3d(180%, -120%, 0);
        transform: translate3d(180%, -120%, 0);
    }

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

@keyframes fadeInDownT {
    from {
        opacity: 0;
        -webkit-transform: translate3d(180%, -120%, 0);
        transform: translate3d(180%, -120%, 0);
    }

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

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

@-webkit-keyframes fadeInDownT2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-180%, -120%, 0);
        transform: translate3d(-180%, -120%, 0);
    }

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

@keyframes fadeInDownT2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-180%, -120%, 0);
        transform: translate3d(-180%, -120%, 0);
    }

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

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

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(12%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(12%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}