/*
@author: name
@update: name (2018-08-20)
*/
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;}
.bglan{ background: #f3fcf9;}
.ggheaderBg{ background: #fff;}
.hfoot{ padding-bottom: 140px!important;}

/*页头*/
.headerBg{ height: 701px;}

/*课程亮点*/
.kcldBg{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_03.png) no-repeat center top;}
.kcld{ height: 378px; margin-bottom: 50px;}
.kcld .cbox{ padding: 150px 0 0 139px;}
.kcld .cbox .list{ width: 222px;}
.kcld .cbox .list .pic{ display: block; margin: 0 auto 10px; width: 102px; height: 102px;}
.kcld .cbox .list .txt{ text-align: center; line-height: 30px; font-size: 18px; color: #42504b;}
.kcld .cbox .list .txt em{ color: #232927; font-size: 22px;}

/*课程安排*/
.kcap{ margin-bottom: 60px;}
.kcap .tit{ margin-bottom: 44px; text-align: center;}
.kcap .tboxBg{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_04.png) no-repeat center top;}
.kcap .tbox{ height: 266px;}
.kcap .cboxBg{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_05.png) no-repeat center top;}
.kcap .cbox{ height: 260px;}
.kcap .list{ width: 540px;}
.kcap .list-tit{ height: 69px; line-height: 69px; text-align: center; font-size: 26px; color: #0a4f5f;}
.kcap .list-bot{ padding: 48px 0 0 206px;}
.kcap .list-bot .txt{ height: 24px; line-height: 24px; font-size: 18px; margin-bottom: 30px;}
.kcap .list-bot .txt em{ display: inline-block; margin-right: 6px; font-size: 20px; font-weight: 700; background: #fff0c2; color: #0a4f5f;}
.kcap .bboxBg{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_06.png) no-repeat center top;}
.kcap .bbox{ height: 98px; padding-top: 6px;}
.kcap .bbox .txt{ height: 78px; padding: 0 0 0 86px; line-height: 78px; font-size: 18px; color: #3f6b74; background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_21.png) no-repeat 30px center;}

/*资料服务*/
.zlfw{ margin-bottom: 50px;}
.zlfw .tit{ margin-bottom: 14px; text-align: center;}
.zlfw .cboxBg{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_08.png) no-repeat center top;}
.zlfw .cbox{ height: 466px;}
.zlfw .cbox .left{ padding: 62px 0 0 100px;}
.zlfw .cbox .left-list{ display: block; width: 452px; height: 92px; margin-bottom: 35px;}
.zlfw .cbox .left-list .icon{ width: 93px; height: 92px;}
.zlfw .cbox .left-list .txt{ margin: 31px 0 0 34px; height: 30px; line-height: 30px; font-size: 24px; color: #2e302f;}
.zlfw .cbox .left-list .txt.on{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_31.png) repeat-x bottom;}
.zlfw .cbox .right{ padding: 62px 0 0 0;}
.zlfw .cbox .right-list{ display: block; width: 448px; height: 92px; margin-bottom: 35px;}
.zlfw .cbox .right-list .icon{ width: 80px; height: 80px; margin-top: 6px;}
.zlfw .cbox .right-list .txt{ margin: 31px 0 0 34px; height: 30px; line-height: 30px; font-size: 24px; color: #666;}
.zlfw .cbox .right-list .txt.on{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_31.png) repeat-x bottom;}

/*学习方式*/
.xxfs{ margin-bottom: 50px;}
.xxfs .tit{ margin-bottom: 14px; text-align: center;}
.xxfs .cboxBg{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_10.png) no-repeat center top;}
.xxfs .cbox{ height: 593px;}
.xxfs .cbox .subtit{ height: 54px; line-height: 54px; text-align: center; font-size: 30px; margin-bottom:32px;}
.xxfs .cbox .subtit i{ display: block; overflow: hidden; width: 48px; height: 5px; background: #fed653; left: 50%; margin-left: -24px; bottom: 0;}
.xxfs .cbox .ts{ clear: both; height: 30px; padding: 0 6px; background: #d3edec; border-radius: 15px; line-height: 30px; font-size: 18px; color: #0a4f5f;}
.xxfs .cbox .pc{ width: 514px; padding: 60px 0 0 24px;}
.xxfs .cbox .pc .video{ width: 514px; height: 324px; margin-bottom: 18px; cursor: pointer; -webkit-box-shadow:0 6px 6px #b2b2b2; -moz-box-shadow:0 6px 6px #b2b2b2; box-shadow:0 6px 6px #b2b2b2;}
.xxfs .cbox .pc .video img{ width: 514px; height: 324px;}
.xxfs .cbox .mobile{ width: 514px; padding: 60px 24px 0 0;}
.xxfs .cbox .mobile .cen{ margin-bottom: 32px;}
.xxfs .cbox .mobile .pic{ width: 314px; height: 310px;}
.xxfs .cbox .mobile .ewm{ width: 144px; margin: 56px 20px 0 0;}
.xxfs .cbox .mobile .ewm img{ display: block; width: 144px; height: 144px; margin-bottom: 8px; -webkit-box-shadow:0 6px 6px #b2b2b2; -moz-box-shadow:0 6px 6px #b2b2b2; box-shadow:0 6px 6px #b2b2b2;}
.xxfs .cbox .mobile .ewm .txt{ line-height: 24px; text-align: center; font-size: 18px; color: #2e302f;}

/*更多好课*/
.gdhk{ margin-bottom: 60px;}
.gdhk .tit{ margin-bottom: 24px; text-align: center;}
.gdhk .cbox{ margin-left: 80px;}
.gdhk .cbox a:hover{ text-decoration: none;}
.gdhk .cbox .list{ display: block; width: 313px; height: 351px;}
.gdhk .cbox .list .txt{ padding: 66px 0 0 54px; line-height: 42px; font-size: 24px; color: #fff;}
.gdhk .cbox .list .txt b{ font-size: 32px;}
.gdhk .cbox .list01{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_12.png) no-repeat; background-size: 100% auto;}
.gdhk .cbox .list02{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_13.png) no-repeat; background-size: 100% auto;}
.gdhk .cbox .list03{ background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_14.png) no-repeat; background-size: 100% auto;}

/*新手福利*/
.xsfl{ margin-bottom: 70px;}
.xsfl .tit{ margin-bottom: 70px;}
.xsfl .cbox{ height: 618px; background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_16.png) no-repeat;}
.xsfl .cbox .list{ display: block; width: 234px; height: 80px; line-height: 80px; text-align: center; font-size: 28px; color: #0a4f5f;}
.xsfl .cbox .list01{ top: 42px; left: 147px;}
.xsfl .cbox .list02{ top: 248px; left: 105px;}
.xsfl .cbox .list03{ top: 441px; left: 147px;}
.xsfl .cbox .list04{ top: 42px; right: 209px;}
.xsfl .cbox .list05{ top: 248px; right: 106px;}
.xsfl .cbox .list06{ top: 441px; right: 210px;}
.xsfl .cbox .cen{ top: 286px; left: 404px; display: block; width: 291px; height: 46px; line-height: 46px; text-align: center; font-size: 46px; color: #fff;}

/*底部浮动*/
.botFloat{ width: 100%; height: 114px; position: fixed; left: 0; bottom: 0; z-index: 9; background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_17.png) no-repeat center #53c3bc; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-114))}
.botFloat .left{ width: 780px; padding: 0 0 0 30px; line-height: 114px; color: #fff; font-size: 24px;}
.botFloat .left b{ font-weight: 400; color: #f8e25b; font-size: 40px; display: inline-block; margin-right: 20px; -webkit-text-shadow:0 2px 0 #645708; -moz-text-shadow:0 2px 0 #645708; text-shadow:0 2px 0 #645708;}
.botFloat .left i{ display: inline-block; font-size: 26px; margin-right: 40px;}
.botFloat .rhan{ margin: 17px 0 0 0; width: 208px; height: 74px; line-height: 74px; text-align: center; font-size: 32px; color: #232927; background: #f8de63; border-radius: 8px; -webkit-box-shadow:0 6px 0 #cba739; -moz-box-shadow:0 6px 0 #cba739; box-shadow:0 6px 0 #cba739;}
.botFloat .rhan:hover{ text-decoration: none; background: #ecd14f;}

/*浮动客服*/
.rightKf{ display: block; width: 126px; position: fixed; right: 5px; top: 50%; margin-top: -88px; z-index: 10; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.rightKf:hover{ text-decoration: none;}
.rightKf .pic{ display: block; width: 126px; height: 126px; background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_32.png) no-repeat;}
.rightKf .txt{ line-height: 50px; text-align: center; font-size: 26px; color: #285e6c;}

/*左侧浮动*/
.floatCtro { width:77px; position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); left:0; top:50%; margin-top: -160px; z-index:10}
.floatCtro .con{ background: #fff; border-radius: 4px 4px 0 0;}
.floatCtro p { text-align:center; line-height:40px; font-size: 14px; cursor:pointer; border-bottom: 1px solid #e3eafb; color:#0a4f5f;}
.floatCtro p.cur { background: #26b1a5; color:#fff;}
.floatCtro p.bb0{ border-bottom: 0;}
.floatCtro .goToTop{ width: 77px; height: 77px; cursor:pointer; background: url(/images/chujizhicheng/project/2020chujizhicheng_kd/cj_33.png) no-repeat;}


































