@charset "utf-8";
/*
@author: he
@update: he (2024-10-11)
*/
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: 100px; text-align: center;}
.ggtit .lcion,.ggtit .rcion{ display: inline-block; *display: inline; *zoom: 1; background:url(/images/zhuanti/2024shenjingtiaokong/tit_01.png) no-repeat left center;}
.ggtit .rcion{ background:url(/images/zhuanti/2024shenjingtiaokong/tit_02.png) no-repeat right center;}
.ggtit .ctxt{ padding: 0 130px; line-height: 100px; font-size: 28px; font-weight: 700; color: #333;}

/*页头*/
.header{ position: relative; z-index: 1; height: 608px;}
.header .logo{ display: block; position: absolute; top: 39px; left: 0; width: 171px; height: 45px;}
.header .cTea{ position: absolute; left: 0; bottom: 35px; width: 100%;}

/*证书优势*/
.reasonBox{ position: relative; z-index: 2; margin: -120px auto 50px; background: #fff; border-radius: 16px; -webkit-box-shadow:0 5px 30px rgba(146,177,224,0.38); -moz-box-shadow:0 5px 30px rgba(146,177,224,0.38); box-shadow:0 5px 30px rgba(146,177,224,0.38);}
.reasonBox .topBox{ margin-bottom: 50px; display: -webkit-flex; display: flex; justify-content: space-around;}
.reasonBox .topBox .list{ width: 330px;}
.reasonBox .topBox .list-left{ float: left; width: 100px;}
.reasonBox .topBox .list-left-pic{ width: 80px; height: 80px; margin: 0 auto 14px;}
.reasonBox .topBox .list-left-txt{ line-height: 28px; text-align: center; font-size: 18px; font-weight: 700; color: #bd7f41;}
.reasonBox .topBox .list-right{ float: right; width: 210px; line-height: 30px; font-size: 14px;}
.reasonBox .botBox{ position: relative; z-index: 1; padding: 14px 0 40px 116px; background: #fbf3eb; border-radius: 0 0 16px 16px; display: -webkit-flex; display: flex; justify-content: center;}
.reasonBox .botBox .fdTit{ position: absolute; left: 48px; top: 50%; margin-top: -110px; width: 60px; height: 208px; padding:12px 0 0 23px; line-height: 24px; font-size: 22px; font-weight: 700; color: #fff; background:url(/images/zhuanti/2024shenjingtiaokong/icon_08.png) no-repeat;}
.reasonBox .botBox .list{ width: 256px;}
.reasonBox .botBox .list-pic{ width: 146px; height: 160px; margin: 0 auto 14px;}
.reasonBox .botBox .list-txt{ line-height: 28px; text-align: center; font-size: 20px; font-weight: 700;}

/*网校名师*/
.teacherBoxBg{ background: #e7f2fe;}
.teacherBox{ padding: 10px 0 50px;}
.teacherBox .teaList{ position: relative; z-index: 1; width: 1200px; height: 372px; margin-bottom: 30px;}
.teacherBox .teaList li{ float: left; position: relative; z-index: 1; width: 278px; height: 368px; border: 2px solid #ccd2dc; background: #f4f5f8; border-radius: 8px; margin: 0 24px 0 0; cursor: pointer;}
.teacherBox .teaList li .li-pic{ position: absolute; left: 50%; bottom: 0; margin-left: -130px; z-index: 1; overflow: hidden; width: 260px;}
.teacherBox .teaList li .li-pic img{ display: block; width: 260px; height: auto;}
.teacherBox .teaList li .li-name{ position: absolute; right: 28px; top: 36px; z-index: 2; width: 16px; line-height: 16px; font-size: 16px;}
.teacherBox .teaList li .li-btn{ position: absolute; left: 50%; bottom: 30px; z-index: 3; margin-left: -80px; width: 160px; height: 42px; line-height: 42px; font-size: 18px; text-align: center; font-weight: 700; color: #fff; border-radius: 21px; background: #f77022; -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.5); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.5); box-shadow:0 2px 8px rgba(0,0,0,0.5);
    background: -webkit-linear-gradient(left, #f05616, #fd872c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f05616, #fd872c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f05616, #fd872c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f05616, #fd872c); /* 标准的语法 */}
.teacherBox .teaList li .li-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #fd872c, #f05616); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fd872c, #f05616); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fd872c, #f05616); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd872c, #f05616); /* 标准的语法 */}
.teacherBox .teaList li.on{ border: 2px solid #496ced; background: #d8e2f9;}
.teacherBox .teaList li:last-child{ margin-right: 0;}
.teacherBox .teaList .prev,.teacherBox .teaList .next{ position: absolute; left: -25px; top: 50%; z-index: 2; margin-top: -25px; display:block; width:50px; height:50px; background:url(/images/zhuanti/2024shenjingtiaokong/icon_09.png) no-repeat; background-size: 100% 100%;}
.teacherBox .teaList .next{ left:auto; right:-25px; background:url(/images/zhuanti/2024shenjingtiaokong/icon_10.png) no-repeat; background-size: 100% 100%;}
.teacherBox .teaCon{ display: none; padding: 8px 50px 30px; background: #fff; border-radius: 8px;}
.teacherBox .teaCon-top{ height: 68px; line-height: 68px;}
.teacherBox .teaCon-top-name{ display: inline-block; font-size: 24px; font-weight: 700; color: #333; margin-right: 30px;}
.teacherBox .teaCon-top-icon{ display: inline-block; padding: 0 16px; height: 24px; line-height: 24px; font-size: 14px; color: #666; border: 1px solid #e0e2e6; border-radius: 4px; margin-right: 10px; vertical-align: 4px;}
.teacherBox .teaCon-cen{ line-height: 36px; font-size: 16px; margin-bottom: 8px;}
.teacherBox .teaCon-bot{ line-height: 36px; font-size: 18px; font-weight: 700;}

/*课程*/
.classesBoxBg{ background:url(/images/zhuanti/2024shenjingtiaokong/bg_02.jpg) no-repeat center top; background-size: 1920px 100%;}
.classesBox{ padding: 10px 0 40px;}
.classesBox .ggtit .ctxt{ color: #fff;}
.classesBox .topBox{ margin-bottom: 12px; background: #fff;}
.classesBox .topBox table{ width: 100%; border-collapse: collapse;}
.classesBox .topBox td{ border: 1px solid #d7edff; padding: 20px 0; line-height: 26px; font-size: 16px; text-align: center;}
.classesBox .topBox .tabTit{ padding: 0; background: #d7edff; line-height: 54px; font-size: 16px; font-weight: 700; text-align: center;}
.classesBox .topBox .tabTit .fdIcon{ position: absolute; top: -14px; right: 4px; width: 38px; height: 45px; background:url(/images/zhuanti/2024shenjingtiaokong/icon_11.png) no-repeat;}
.classesBox .topBox .tabPrice{ color: #ff430f;}
.classesBox .topBox .tabPrice b{ font-size: 30px;}
.classesBox .topBox .tabBtn01{ display: block; width: 188px; height: 48px; line-height: 48px; font-size: 20px; text-align: center; color: #ff6536; border: 1px solid #ff8636; background: #fff; border-radius: 25px; margin: 0 auto 20px;}
.classesBox .topBox .tabBtn01:hover{ text-decoration: none; background: #ff8636; color: #fff;}
.classesBox .topBox .tabBtn02{ display: block; width: 190px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: #fff; background: #ff5827; border-radius: 25px; margin: 0 auto; -webkit-box-shadow:0 4px 12px rgba(255, 24, 0, 0.32); -moz-box-shadow:0 4px 12px rgba(255, 24, 0, 0.32); box-shadow:0 4px 12px rgba(255, 24, 0, 0.32);
    background: -webkit-linear-gradient(left, #ff3d09, #ff6536); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff3d09, #ff6536); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff3d09, #ff6536); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff3d09, #ff6536); /* 标准的语法 */}
.classesBox .topBox .tabBtn02:hover{ text-decoration: none; background: #ff6536;
    background: -webkit-linear-gradient(left, #ff6536, #ff3d09); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff6536, #ff3d09); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff6536, #ff3d09); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff6536, #ff3d09); /* 标准的语法 */}
.classesBox .botBox-tit{ line-height: 70px; font-size: 26px; color: #fff; font-weight: 700;}
.classesBox .botBox-txt{ line-height: 38px; font-size: 18px; color: #fff;}
.classesBox .botBox-txt a{ color: #fff;}

/*师资课时*/
.reviewBoxBg{ background: #daebff;}
.reviewBox{ padding: 10px 0 34px;}
.reviewBox .tit{ height: 64px;}
.reviewBox .tit-left{ position: relative; z-index: 1; float: left; padding-left: 30px; line-height: 64px; font-size: 24px; font-weight: 700;}
.reviewBox .tit-left i{ display: block; position: absolute; top: 50%; left: 2px; margin-top: -9px; width: 6px; height: 18px; border-radius: 3px; background: #3e77ff;
    background: -webkit-linear-gradient(top, #4f75ff, #2e8fff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #4f75ff, #2e8fff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #4f75ff, #2e8fff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #4f75ff, #2e8fff); /* 标准的语法 */}
.reviewBox .cenBox{ margin-bottom: 16px; background: #fff;}
.reviewBox .cenBox table{ width: 100%; border-collapse: collapse;}
.reviewBox .cenBox td{ border: 1px solid #ebebeb; padding: 10px 0; line-height: 26px; font-size: 16px; text-align: center;}
.reviewBox .cenBox .tabTit{ position: relative; z-index: 1; padding: 0; background: #2d81ff; line-height: 54px; font-size: 16px; color: #fff; font-weight: 700; text-align: center;}
.reviewBox .cenBox .tabTit .fdIcon{ position: absolute; top: -14px; right: 4px; width: 38px; height: 45px; background:url(/images/zhuanti/2024shenjingtiaokong/icon_11.png) no-repeat;}
.reviewBox .cenBox .tabBtn01{ display: inline-block; width: 68px; height: 24px; line-height: 24px; font-size: 14px; text-align: center; color: #ff6536; border: 1px solid #ff8636; background: #fff; border-radius: 13px; margin-left: 50px;}
.reviewBox .cenBox .tabBtn01:hover{ text-decoration: none; background: #ff8636; color: #fff;}
.reviewBox .cenBox.bg02 .tabTit{ background: #6a67f7;}

/*加入我们*/
.joinBoxBg{ background: url(/images/zhuanti/2024shenjingtiaokong/bg_03.jpg) no-repeat center top;}
.joinBox{ height: 594px; padding: 10px 0 0 0;}
.joinBox .cbox{ height: 196px; text-align: center;}
.joinBox .cbox .clist{ display: inline-block; *display: inline; *zoom: 1; width: 144px; height: 120px; text-align: center; padding-top: 29px; margin: 0 18px; background: url(/images/zhuanti/2024shenjingtiaokong/ys_11.png) no-repeat;}
.joinBox .cbox .clist-tit{ line-height: 38px; font-size: 22px; font-weight: 700; color: #d98b1b;}
.joinBox .cbox .clist-txt{ line-height: 24px; font-size: 14px; color: #666;}
.joinBox .bbox{ padding-top: 14px;}
.joinBox .bbox .ltxt{ width: 500px; padding:30px 0 0 100px;}
.joinBox .bbox .ltxt-tit{ line-height: 74px; font-size: 30px; font-weight: 700;}
.joinBox .bbox .ltxt-cen{ line-height: 30px; font-size: 16px; color: #666; margin-bottom: 14px;}
.joinBox .bbox .ltxt-cen b{ font-size: 22px;}
.joinBox .bbox .right{ padding: 40px 62px 0 0;}
.joinBox .bbox .right .ewm{ width: 140px; margin-right: 30px;}
.joinBox .bbox .right .ewm-pic{ display: block; width: 120px; height: 120px; padding: 10px; background: #fff; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.13); -moz-box-shadow:0 0 15px rgba(0,0,0,0.13); box-shadow:0 0 15px rgba(0,0,0,0.13);}
.joinBox .bbox .right .ewm-txt{ line-height: 42px; text-align: center; font-size: 16px; color: #666;}

/*右侧浮动*/
.rightFloat{ width:110px; padding-top: 58px; background: #f99345; position:fixed; right:5px; top:50%; margin-top: -180px; z-index:90;}
.rightFloat .top{ position: absolute; top: -50px; left: 50%; margin-left: -48px; display: block; width: 88px; height: 38px; padding-top: 50px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; border: 4px solid #fff; background: url(/images/zhuanti/2024shenjingtiaokong/icon_12.png) no-repeat center 17px #f99345; border-radius: 50%; cursor: pointer;}
.rightFloat .top:hover{ text-decoration: none;}
.rightFloat .cen{ width: 100px; padding: 6px 0; background: #fff; margin: 0 auto;}
.rightFloat .cen .list{ position: relative; display: block; height: 36px; line-height:36px; text-align: center; font-size:14px;}
.rightFloat .cen .list:hover{ text-decoration: none; color: #f99345;}
.rightFloat .closeBox{ display: block; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #fff;}
.rightFloat .closeBox:hover{ text-decoration: none;}