@charset "utf-8";
/*
@author: he
@update: he (2022-06-13)
*/
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
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:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}
.ggtit{ height: 40px; line-height: 40px; font-size: 32px; font-weight: 700; text-align: center; background:url(/images/zhuanti/2022djksyjn/tit_01.png) no-repeat center top; margin-bottom: 40px;}
.ggtit .clv{ color: #0da88b;}

/*页头*/
.headerBg{ background:url(/images/zhuanti/2022djksyjn/bg_01.jpg) no-repeat center top;}
.header{ position: relative; z-index: 1; height: 425px;}
.header .logo{ position: absolute; display: block; top: 39px; left: 0; width: 232px; height: 58px;}
.header .cen{ position: absolute; top: 310px; left: 283px; width: 606px; height: 68px; line-height: 68px; text-align: center; font-size: 30px; color: #fff;}
.header .cen .chuang{ color: #fffc2f;}

/*阶段*/
.stageBox{ padding: 40px 0;}

/*课程*/
.courseBoxBg{ background:url(/images/zhuanti/2022djksyjn/bg_03.jpg) no-repeat center top;}
.courseBox{ padding: 40px 0;}
.courseBox .cCon{ width: 1215px;}
.courseBox .cCon .clist{ float: left; width: 228px; height: 460px; background: #fff; margin: 0 15px 24px 0; border-radius: 8px; -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.05); -moz-box-shadow:0 5px 20px rgba(0,0,0,0.05); box-shadow:0 5px 20px rgba(0,0,0,0.05); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.courseBox .cCon .clist .tCou{ height: 58px; line-height: 58px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; border-radius: 8px 8px 0 0;}
.courseBox .cCon .clist .cCou{ height: 278px; padding: 10px 10px 0;}
.courseBox .cCon .clist .cCou-tit{ clear: both; line-height: 32px; font-size: 16px; color: #0da88b;}
.courseBox .cCon .clist .cCou-teabox{ padding-top: 6px;}
.courseBox .cCon .clist .cCou-teabox .teaList{ display: block; float: left; width: 68px; height: 88px;}
.courseBox .cCon .clist .cCou-teabox .teaList-pic{ display: block; width: 52px; height: 52px; margin: 0 auto;}
.courseBox .cCon .clist .cCou-teabox .teaList-txt{ line-height: 36px; text-align: center; font-size: 14px;}
.courseBox .cCon .clist .cCou-ctxt{ clear: both; margin-bottom: 10px; line-height: 20px; font-size: 14px;}
.courseBox .cCon .clist .cCou-btxt{ clear: both; line-height: 24px; font-size: 14px;}
.courseBox .cCon .clist .cCou-ctxt b,.courseBox .cCon .clist .cCou-btxt b{ color: #0da88b;}
.courseBox .cCon .clist .bCou{ padding: 0 10px;}
.courseBox .cCon .clist .bCou-price{ text-align: right; line-height: 52px; font-size: 20px; color: #ff603b; padding-right: 12px;}
.courseBox .cCon .clist .bCou-han{ height: 38px;}
.courseBox .cCon .clist .bCou-han .btn01{ display: block; width: 94px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #ff6336; border: 1px solid #ff6335; border-radius: 19px;}
.courseBox .cCon .clist .bCou-han .btn01:hover{ text-decoration: none; background: #ff6336; color: #fff;}
.courseBox .cCon .clist .bCou-han .btn02{ display: block; width: 96px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; border-radius: 19px; background: #ff752b;
    background: -webkit-linear-gradient(left, #ff8a1f, #ff5f38); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8a1f, #ff5f38); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8a1f, #ff5f38); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8a1f, #ff5f38); /* 标准的语法 */}
.courseBox .cCon .clist .bCou-han .btn02:hover{ text-decoration: none; background: #ff5f38;}
.courseBox .cCon .clist:hover{ -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.15); -moz-box-shadow:0 5px 20px rgba(0,0,0,0.15); box-shadow:0 5px 20px rgba(0,0,0,0.15);}
.courseBox .cCon .clist.bg01 .tCou{ background: #0cc3a1;
    background: -webkit-linear-gradient(left, #0db092, #0bd5af); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #0db092, #0bd5af); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #0db092, #0bd5af); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0db092, #0bd5af); /* 标准的语法 */}
.courseBox .cCon .clist.bg02 .tCou{ background: #ff9f27;
    background: -webkit-linear-gradient(left, #feb12f, #ff8e1e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #feb12f, #ff8e1e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #feb12f, #ff8e1e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #feb12f, #ff8e1e); /* 标准的语法 */}

/*名师*/
.teacherBoxBg{ background:url(/images/zhuanti/2022djksyjn/bg_04.jpg) no-repeat center top; background-size: auto 100%;}
.teacherBox{ padding: 40px 0;}
.teacherBox .tea-main{ overflow:hidden; position: relative; z-index: 1; width: 1200px; height: 278px;}
.teacherBox .tea-main .hd{ position: absolute; top: 0; left: 0; z-index: 1; width: 1200px; height: 278px;}
.teacherBox .tea-main .hd .prev,.teacherBox .tea-main .hd .next{ position: absolute; left: 0; top: 50%; margin-top: -43px; display:block; width:21px; height:85px; float:left; cursor:pointer; background:url(/images/zhuanti/2022djksyjn/icon_01.png) no-repeat;}
.teacherBox .tea-main .hd .next{ left: auto; right: 0; background:url(/images/zhuanti/2022djksyjn/icon_02.png) no-repeat;}
.teacherBox .tea-main .bd{ position: absolute; left: 24px; bottom: 0; z-index: 2; width: 1152px; height: 278px;}
.teacherBox .tea-main .bd ul{ overflow:hidden; zoom:1;}
.teacherBox .tea-main .bd ul li{ position: relative; z-index: 1; float:left; overflow:hidden; width: 180px; height: 278px; border-radius: 8px; margin: 0 6px; cursor: pointer;}
.teacherBox .tea-main .bd ul li img{ width:180px; height:278px; display:block;}
.teacherBox .tea-main .bd ul li .fdtxt{ position: absolute; left: 0; bottom: 0; z-index: 2; display: none; width: 180px; background: #0da88b;}
.teacherBox .tea-main .bd ul li .fdtxt-tit{ padding: 14px 15px; height: 16px; line-height: 16px; font-size: 16px; font-weight: 700; color: #fff;}
.teacherBox .tea-main .bd ul li .fdtxt-txt{ padding: 0 15px 14px; font-size: 14px; line-height: 20px; color: #fff;}
.teacherBox .tea-main .bd ul li .fdbg{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 180px; height: 14px; background: #0da88b;;}

/*六大理由*/
.reasonBoxBg{ background:url(/images/zhuanti/2020lcviptxy/bg_05.jpg) no-repeat center top;}
.reasonBox{ overflow: hidden; height: 430px; padding-top: 40px;}
.reasonBox .tit{ position: relative; z-index: 1; height: 76px; line-height: 76px; text-align: center; font-size: 40px; font-weight: 700; margin-bottom: 40px;}
.reasonBox .tit strong{ color: #009374;}
.reasonBox .tit i{ position: absolute; left: 50%; bottom: 0; margin-left: -38px; display: block; width: 76px; height: 3px; background: #f98f26;
    background: -webkit-linear-gradient(left, #f47a1b, #ffa632); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f47a1b, #ffa632); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f47a1b, #ffa632); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f47a1b, #ffa632); /* 标准的语法 */}
.reasonBox .cbox{ width: 1220px;}
.reasonBox .cbox .list{ float: left; width: 590px; height: 68px; background: #fff; margin: 0 20px 28px 0; -webkit-box-shadow:0 6px 10px rgba(205, 168, 121, 0.43); -moz-box-shadow:0 6px 10px rgba(205, 168, 121, 0.43); box-shadow:0 6px 10px rgba(205, 168, 121, 0.43);}
.reasonBox .cbox .list-left{ float: left; width: 128px; height: 68px; background: #04b58c; line-height: 68px; text-align: center; font-size: 20px; color: #fff;}
.reasonBox .cbox .list-right{ float: left; padding-left: 40px; line-height: 68px; font-size: 18px;}