/*
@author: njf
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px; background:#ffffff;}
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}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.icon{ background: url("/images/zhucekuaijishi/project/zhibosucheng/icon.png") no-repeat 0 0;}
.header-wrap{ width:100%; background:#fff;}
.headTop{ background: url("/images/zhucekuaijishi/project/zhibosucheng/headTop.jpg") no-repeat center center; height: 550px;}
.headTop h1,.headTop h1 a{display: inline-block; width:160px; height: 30px; padding-top: 20px; line-height: 300px; overflow: hidden; cursor: pointer;}
.partOne{ background: #f4f4f4;}
.partOne .layout{ background: url("/images/zhucekuaijishi/project/zhibosucheng/partbg01.jpg") no-repeat center center; height: 499px;}
.partOne p{height: 70px; line-height: 70px; font-size: 24px; background: #fff; border-radius:35px; font-weight: bold;}
.partOne p.p1{ width:475px; left: 0; top:160px; box-shadow: 2px 4px #e8e8e8;-webkit-animation:fadeinL 1.5s both;-moz-animation:fadeinL 1.5s both;-ms-animation:fadeinL 1.5s both;animation:fadeinL 1.5s both;}
.partOne p.p2{ width:375px; left: 100px; top: 285px; box-shadow: 2px 4px #e8e8e8;-webkit-animation:fadeinL 1.5s both;-moz-animation:fadeinL 1.5s both;-ms-animation:fadeinL 1.5s both;animation:fadeinL 1.5s both;}
.partOne p.p3{ width:460px;left:710px; top: 160px; box-shadow: 2px 4px #e8e8e8;-webkit-animation:fadeinR 1.5s both;-moz-animation:fadeinR 1.5s both;-ms-animation:fadeinR 1.5s both;animation:fadeinR 1.5s both;}
.partOne p.p4{ width:415px;left:775px; top: 285px; box-shadow: 2px 4px #e8e8e8;-webkit-animation:fadeinR 1.5s both;-moz-animation:fadeinR 1.5s both;-ms-animation:fadeinR 1.5s both;animation:fadeinR 1.5s both;}
.partOne p.p5{ width:475px;left:495px; top:360px;-webkit-animation:fadeInDown 1.5s both;-moz-animation:fadeInDown 1.5s both;-ms-animation:fadeInDown 1.5s both;animation:fadeInDown 1.5s both;}
.partOne p span{ display: block; width: 70px; height: 70px; border-radius: 70px; text-align: center; line-height: 70px; font-size: 30px; color: #fff; background: #111d4f; left: -8px;  top:0;}
.partOne p i.icon{ background-position: 85px 22px; width: 30px; height: 55px; display: block; padding-left: 110px; float: left;}
.partOne p.p2 i.icon{ background-position: 85px -37px;}
.partOne p.p3 i.icon{ background-position: 85px -95px;}
.partOne p.p4 i.icon{ background-position: 85px -158px;}
.partOne p.p5{ color: #111d4f; font-size: 36px; background: none;}

.partTwo{ background:#111d4f; padding-bottom:60px; color: #fff;}
.partTwo h3{ color: #fff; font-size: 48px; text-align: center; padding:100px 0 50px;}
.partTwo .jdt{ background: url("/images/zhucekuaijishi/project/zhibosucheng/txbg.png") no-repeat center bottom; width: 940px; height:91px;  margin: 0 auto; font-weight: bold; font-size: 16px;}
.partTwo .jdt i{ font-size: 20px; display: block;  margin-top: 10px;}
.partTwo .jdt span{ display: inline-block; width: 85px; text-align: center; padding-right:336px;}
.partTwo .jdt span.last{ padding-right: 0;}
.partTwo .cList li{ width:300px; height: 185px;color: #333; float: left; margin: 30px 120px 0 20px; }

.partTwo .cList h6{ font-size: 24px; height:55px; background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 25px 0 0 25px; }
.partTwo .cList p{ height:95px; line-height: 26px; background: #f5f5f5; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; font-size: 16px; padding: 10px 0 0 20px;}
.partTwo .cList li.second{margin:30px 110px 0 12px;}
.partTwo .cList li i.icon{ display: block; background-position: 0 -240px; width: 24px; height: 15px; left:137px; top:-10px;}
.partTwo .cList li.last{margin:30px 0 0 22px;}
.partTwo .cList li span{ right: 0; top:15px; display: block; padding: 10px 0; text-align: center; font-weight: bold; background: #0b67e4; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #fff; font-size: 20px; width:115px;}
.partTwo .cList li span.kp01{ width: 115px; background: #a35ef9;}
.partTwo .cList li span.kp02{ width: 115px; background: #f449ba;}


.partThree h3{ color: #111d4f; font-size: 48px; text-align: center; padding:130px 0 80px; }
.partThree li{ width: 250px; float: left; margin:0 0px 100px 115px; font-size: 16px; text-align: center; line-height:26px;}
.partThree li.last{ margin-right: 0;}
.partThree li strong{ font-size: 24px; display: block; margin-bottom: 10px;}
.partThree li span.icon{ background-position: 0 -298px; width: 63px; height: 63px; margin: 0 auto 25px; display: block;}
.partThree li.pplx span.icon{ background-position: 7px -392px; }
.partThree li.last span.icon{ background-position: 0 -492px; }


.partForth{ background: #f8f7f7; text-align: center;}
.partForth h3{ font-size: 48px; color: #111d4f; text-align: center; padding: 93px 0 99px;}
.partForth .layout{ text-align: center; padding-bottom: 95px;}


.partSixth{ background: url("/images/zhucekuaijishi/project/zhibosucheng/partbg04.jpg") no-repeat center center; height: 975px;}
.partSixth h3{ color: #fff; font-size: 48px; padding: 90px 0 185px; text-align: center;}
.lzkmk{ width: 555px; float: right; color: #fff;}
.lzkmk h4{ font-size: 20px;}
.lzkmk h4 span{ font-size: 48px; padding-right:30px;}
.lzkmk h4 p{ font-size: 20px; padding-top: 15px; line-height:2}
.lzkmk ul{ padding-top: 70px;}
.lzkmk li{ border-radius: 40px; line-height: 24px; background-color: #323956; background-color:rgba(50,57,86,0.6);filter:Alpha(opacity=90);position:static;*zoom:1;padding: 10px; font-size: 16px; margin-bottom: 15px;}
.lzkmk li strong{ font-size: 20px;}
.lzkmk li.xb .icon,.lzkmk li.zs .icon,.lzkmk li.ms .icon,.lzkmk li.dk .icon,.lzkmk li.gd .icon,.lzkmk li.jy .icon{ background-position:15px -572px; display: inline-block; padding-left:45px;}
.lzkmk li.zs .icon{background-position:15px -604px;}
.lzkmk li.ms .icon{background-position:20px -636px;}
.lzkmk li.dk .icon{background-position:15px -675px;}
.lzkmk li.gd .icon{background-position:15px -701px;}
.lzkmk li.jy .icon{background-position:15px -755px;}
.lzkmk li.xb{ width: 350px;}
.lzkmk li.zs{ width: 380px;}
.lzkmk li.ms{ width: 390px;}
.lzkmk li.dk{ width: 420px;}
.lzkmk li.gd{ width: 420px;}
.lzkmk li.gd strong{ padding:15px 10px 5px 0;}
.lzkmk li strong{ display: inline-block; float: left; padding-right: 10px;}

.partSeven{ background: #eee;}
.partSeven .layout{ background: url("/images/zhucekuaijishi/project/zhibosucheng/pic.jpg") no-repeat right top; padding-bottom:10px;}
.partSeven .jxjLs{ width:430px; padding:100px 0 0 25px;}
.partSeven .jxjLs h4{ font-size: 20px; font-weight: normal; margin-bottom: 35px;}
.partSeven .jxjLs h4 p{ font-size: 20px; padding-top: 15px; line-height:2}
.partSeven .jxjLs h4 strong{ font-size: 48px; font-weight: bold; padding-right: 25px;}
.partSeven .jxjLs span{ display: inline-block; background: #3c3c3c; font-size: 20px; font-weight: bold; color: #fff; border-radius: 20px; height: 40px; line-height: 40px; padding: 0 15px; text-align: center; margin-right: 15px; margin-bottom: 8px;}
.partSeven .jxjLs p{ font-size:20px; padding-top:70px;}

.partEleventh{ background: url("/images/zhucekuaijishi/project/zhibosucheng/pic2.jpg") no-repeat center center; height: 903px;}
.partEleventh h3{ color: #fff; font-size: 48px; padding: 90px 0 185px; text-align: center;}

.partEight h3{ font-size: 48px; color: #111c4a; padding: 80px 0 60px; text-align: center;}
.partEight .gkng{ text-align: center; padding-bottom: 105px;}
.partEight .gkng .bjgl,.partEight .gkng .zxdy,.partEight .gkng .xxsj{ font-size: 16px; width: 350px; left: -10px;  top:135px; text-align: center; line-height: 28px;}
.partEight .gkng .bjgl h5,.partEight .gkng .zxdy h5,.partEight .gkng .xxsj h5 { font-size: 24px; text-align: center; padding-bottom: 20px;}
.partEight .gkng .zxdy{ left:830px; }
.partEight .gkng .xxsj{ top:420px; left:425px; }

.partNight{ background: url("/images/zhucekuaijishi/project/zhibosucheng/partbg05.jpg") no-repeat center top; height: 803px;}
.partNight h3{ text-align: center; color: #fff;font-size: 48px; padding:100px 0 40px;}

.partNight .course{ width: 1024px; margin: 0 auto;}
/*
.partNight .course li{ float: left; width: 300px; margin-left:145px; background: #fff; height:350px; border-radius: 15px;}
.partNight .course li h5{ background: url("/images/zhucekuaijishi/project/zhibosucheng/tit.png") no-repeat; color: #fff; height: 64px; line-height: 64px; padding-left: 25px; font-size: 16px;}
.partNight .course li h6{ font-size: 30px; color: #0b67e4; font-weight: bold; padding-bottom:20px;}
.partNight .course li h6 i{ font-size: 16px;}
.partNight .course li span{ display: inline-block; padding-bottom: 10px;}
.partNight .course .courseList{ padding: 20px;}
.partNight .course .courseList p{ background: #f4f4f4; height: 40px; line-height: 40px; font-weight: bold; border-radius: 8px; margin:5px 0; padding-left: 15px; overflow: hidden;}
.partNight .course .courseList p i{ cursor: pointer; display:inline-block; vertical-align: middle; float: left; width: 16px; text-align: center; height: 16px; line-height:16px;color: #fff; border: 1px solid #ddd; border-radius: 2px; background: #fff; font-size: 14px; margin:12px 5px 0 0;}
.partNight .course .courseList p input{width: 0; height: 0; font-size: 0; overflow: hidden; opacity: 0;}
.partNight .course .courseList p.on i{ background: #0b67e4; border: 1px solid #0b67e4;}
.courseTotal { float: right; text-align: right; font-size: 20px; color: #fff; padding-top:30px;}
.courseTotal a.goBuy{ display:inline-block; background: url("/images/zhucekuaijishi/project/zhibosucheng/btn.png") no-repeat; width: 117px; height: 50px; text-align: center; line-height: 50px; color: #fff; margin-left: 25px;}
*/


.partTen{ font-size: 16px; padding: 50px 0 85px; line-height:30px;}
.partTen h4.icon{ background-position: 0 -794px; padding-left: 30px;}
.partTen a{ color: #0b67e4;}



.join_class .reco_coll ul li i{ width:16px; height:16px;  background:url(/images/zhucekuaijishi/project/zhibosucheng/checked.png) no-repeat;  margin:3px 14px;  }
.join_class .reco_coll ul li.on i{background:url(/images/zhucekuaijishi/project/zhibosucheng/checked_on.jpg) no-repeat; }
.reco_coll .tcA,.reco_coll .tcC{ margin:0 auto; width: 300px; background: #fff; border-radius: 15px;}
.partNight .course li h5{ background: url("/images/zhucekuaijishi/project/zhibosucheng/tit.png") no-repeat; color: #fff; height: 64px; line-height: 64px; padding-left: 25px; font-size: 16px;}
.partNight .course li h6{ font-size: 30px; color: #0b67e4; font-weight: bold; padding:25px 20px 10px 20px;}
.partNight .course li h6 em{ font-size: 16px;}
.partNight .course li span{ display: inline-block; padding-left:25px; padding-bottom: 15px;}
.courseTotal { float: right; text-align: right; font-size: 20px; color: #fff; padding-top:30px;}
.courseTotal a.goBuy{ display:inline-block; background: url("/images/zhucekuaijishi/project/zhibosucheng/btn.png") no-repeat; width: 117px; height: 50px; text-align: center; line-height: 50px; color: #fff; margin-left: 25px;}
.selectC{ padding:0 0 10px 20px;}
.selectC .chose_buy_item{ display:block; background: #f4f4f4; height:30px; font-weight: bold; border-radius: 8px; padding-top: 10px; width:260px; margin-bottom:10px;}
.selectC .chose_buy_item.on i{background:url(/images/zhucekuaijishi/project/zhibosucheng/checked_on.jpg) no-repeat; }


@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}

@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-30px);}
    60%{-webkit-transform:translateY(-15px);}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0);}
    40%{-moz-transform:translateY(-30px);}
    60%{-moz-transform:translateY(-15px);}
}
@-ms-keyframes bounce{
    0%,20%,50%,80%,100%{-ms-transform:translateY(0);}
    40%{-ms-transform:translateY(-30px);}
    60%{-ms-transform:translateY(-15px);}
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-30px);}
    60%{transform:translateY(-15px);}
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
    }
}
@-ms-keyframes fadeInDown {
    from {
        opacity: 0;
        -ms-transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -ms-transform: none;
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

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

.online-service{width:126px;position:fixed;right:150px;top:450px;text-align:center;z-index:98;}
.online-service a{display:block;}
.online-service a span{line-height:46px;font-size:22px;font-weight:bold;color:#ffffff;display: inline-block;margin-top: -30px;zoom: 1;}
.online-service img{display:block;}