@charset "utf-8";
/*
@author: he
@update: he (2025-12-15)
*/
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: 130px; line-height: 130px; font-size: 36px; font-weight: 700; color: #333; text-align: center;}
.ggTit b{ color: #fd561f;}

/*公用页头*/
.header{ position: relative; z-index: 1; height: 700px;}
.header .logo{ position: absolute; top: 31px; left: 0; display: block; width: 191px; height: 50px;}
.header .tTxt{ position: absolute; top: 72px; left: 0; width: 100%; line-height: 26px; font-size: 26px; color: #a12500; font-weight: 700; text-align: center; font-style: oblique;}
.header .bTxt{ position: absolute; top: 297px; left: 0; width: 100%; height: 68px; line-height: 68px; font-size: 24px; color: #fff; font-weight: 700; text-align: center;}

/*证书优势*/
.reasonBoxBg{ position: relative; z-index: 2; background: url(/images/zhuanti/2025xhccb/bg_02.jpg) no-repeat center top; background-size: 1920px 100%; margin-top: -250px;}
.reasonBox{ padding: 0 0 60px;}
.reasonBox .cenBox{ width: 100%; padding-top: 30px; background: #fff; border-radius: 14px; -webkit-box-shadow:0 0 40px rgba(228, 204, 157, 0.3); -moz-box-shadow:0 0 40px rgba(228, 204, 157, 0.3); box-shadow:0 0 40px rgba(228, 204, 157, 0.3);}
.reasonBox .cenBox .clPic{ position: relative; z-index: 1; display: block; width: 1108px; height: 244px; border: 1px solid #cde1f1; margin: 0 auto 20px;}
.reasonBox .cenBox .clPic img{ width: 1108px; height: 244px; display: block;}
.reasonBox .cenBox .clPic p{ position: absolute; left: 0; right: 0; bottom: 0; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.reasonBox .cenBox .clTxt{ line-height: 30px; font-size: 14px; margin: 0 50px 30px;}

/*证书特色*/
.featureBoxBg{ background: #fff;}
.featureBox{ padding: 0 0 60px;}
.featureBox .cenBox-list{ position: relative; z-index: 1; display: block; width: 224px; height: 250px; padding-top: 70px; background: #fff4e6; border-radius: 20px; margin: 64px 18px 0 0;}
.featureBox .cenBox-list .clTit{ position: absolute; top: -64px; left: 50%; margin-left: -65px; width: 130px; height: 130px; text-align: center; font-size: 22px; color: #fff; line-height: 130px; font-weight: 700; background: url(/images/zhuanti/2025xhccb/icon_12.png) no-repeat;}
.featureBox .cenBox-list .clTxt{ line-height: 32px; font-size: 20px; margin: 0 30px;}
.featureBox .cenBox-list .clTxt b{ color: #c85e00;}
.featureBox .cenBox-list:last-child{ margin-right: 0;}

/*就业前景*/
.getJobBg{ background: url(/images/zhuanti/2025xhccb/bg_03.jpg) no-repeat center top; background-size: 1920px 100%;}
.getJob{ padding: 0 0 40px;}
.getJob .cenBox-list{ position: relative; z-index: 1; padding: 12px 80px 12px 220px; background: #eefffc; border-radius: 30px; margin-bottom: 20px;}
.getJob .cenBox-list .fdTit{ position: absolute; top: 0; left: 0; bottom: 0; width: 160px; font-size: 18px; font-weight: 700; background: #b6ebe3; border-radius: 30px; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.getJob .cenBox-list .clTxt{ line-height: 32px; font-size: 18px;}

/*报考条件*/
.registerbg{ background: url(/images/zhuanti/2025xhccb/bg_04.jpg) no-repeat center top; background-size: 1920px auto;}
.register .cenBox{ position: relative; z-index: 1; float: right; width: 920px; height: 590px;}
.register .cenBox-list{ position: absolute; z-index: 1; width: 840px; height: 90px; border-radius: 14px; display: -webkit-flex; display: flex; align-items: center; background: url(/images/zhuanti/2025xhccb/bg_07.jpg) no-repeat; background-size: 100%; -webkit-box-shadow:0 10px 40px rgba(245, 220, 190, 0.5); -moz-box-shadow:0 10px 40px rgba(245, 220, 190, 0.5); box-shadow:0 10px 40px rgba(245, 220, 190, 0.5);}
.register .cenBox-list .clNum{ position: absolute; left: 20px; top: 14px; width: 62px; height: 62px;}
.register .cenBox-list .clTxt{ padding: 0 30px 0 100px; line-height: 34px; font-size: 20px;}
.register .cenBox-list.bg01{ left: 0; top: 0;}
.register .cenBox-list.bg02{ left: 40px; top: 110px;}
.register .cenBox-list.bg03{ left: 80px; top: 220px;}
.register .cenBox-list.bg04{ left: 40px; top: 330px;}
.register .cenBox-list.bg05{ left: 0; top: 440px;}

/*名师介绍*/
.teacherBoxBg{ background: url(/images/zhuanti/2025xhccb/bg_05.jpg) no-repeat center top; background-size: 1920px auto;}
.teacherBox{ padding: 0 0 60px;}
.teacherBox .tit{ height: 44px; line-height: 44px; font-size: 22px; color: #188370; text-align: center; margin-bottom: 30px;}
.teacherBox .teatit{ position: relative; z-index: 1; overflow: hidden; width: 1134px; height: 182px; padding: 0 33px; margin-bottom: 22px;}
.teacherBox .teatit li{ float: left; width: 158px; height: 182px; margin: 0 2px; cursor: pointer;}
.teacherBox .teatit li .li-pic{ width: 158px; height: 128px; padding-top: 4px; background: url(/images/zhuanti/2025xhccb/icon_07.png) no-repeat;}
.teacherBox .teatit li .li-pic span{ position: relative; z-index: 1; display: block; overflow: hidden; width: 120px; height: 120px; margin: 0 auto; border-radius: 50%;}
.teacherBox .teatit li .li-pic span img{ position: absolute; top: 0; width: 120px; height: auto;}
.teacherBox .teatit li .li-name{ display: block; height: 50px; line-height: 50px; text-align: center; font-size: 20px;}
.teacherBox .teatit li.on .li-pic{ background: url(/images/zhuanti/2025xhccb/icon_06.png) no-repeat;}
.teacherBox .teatit .prev,.teacherBox .teatit .next{ position: absolute; left: 0; top: 36px; display:none; width:31px; height:60px; background: url(/images/zhuanti/2025xhccb/icon_08.png) no-repeat;}
.teacherBox .teatit .next{ left:auto; right:0; background: url(/images/zhuanti/2025xhccb/icon_09.png) no-repeat;}
.teacherBox .teaCon{ display: none; height: 350px; background: url(/images/zhuanti/2025xhccb/bg_08.jpg) no-repeat center bottom #fff; -webkit-box-shadow:0 4px 13px rgba(141, 183, 172, 0.25); -moz-box-shadow:0 4px 13px rgba(141, 183, 172, 0.25); box-shadow:0 4px 13px rgba(141, 183, 172, 0.25);}
.teacherBox .teaCon .lPic{ float: left; position: relative; z-index: 1; display: block; width: 166px; height: 248px; background: #43aea0; border-radius: 4px; margin: 50px 0 0 60px;}
.teacherBox .teaCon .lPic img{ display: block; width: 146px; height: 192px; margin: 10px auto 0;}
.teacherBox .teaCon .lPic p{ height: 46px; line-height: 46px; text-align: center; font-size: 20px; color: #fff;}
.teacherBox .teaCon .lPic:hover{ text-decoration: none;}
.teacherBox .teaCon .rCon{ float: right; width: 800px; margin-right: 100px;}
.teacherBox .teaCon .rCon-tit{ height: 54px; padding-top: 30px; margin-bottom: 14px;}
.teacherBox .teaCon .rCon-tit .name{ float: left; position: relative; z-index: 1; height: 54px; line-height: 54px; font-size: 24px; font-weight: 700;}
.teacherBox .teaCon .rCon-tit .name:after{ content:" "; display:block; position: absolute; left: 0; right: 0; bottom: 0; height:3px; border-radius: 2px; background: #05ac96;}
.teacherBox .teaCon .rCon-tit .name:hover{ text-decoration: none;}
.teacherBox .teaCon .rCon-txt{ line-height: 36px; font-size: 16px;}

/*课程内容*/
.courseContBg{ background: url(/images/zhuanti/2025xhccb/bg_10.png) no-repeat center bottom #fceccd; background-size: 1920px auto;}
.courseCont .ggTit{ position: relative; z-index: 1;}
.courseCont .ggTit .fdBtn01,.courseCont .ggTit .fdBtn02{ position: absolute; top: 48px; right: 0; width: 150px; height: 36px; line-height: 36px; font-size: 14px; font-weight: 700; color: #fff; background:url(/images/zhuanti/2025zysyjs/icon_11.png) no-repeat; border-radius: 29px; -webkit-box-shadow:0 10px 10px rgba(241, 101, 16, 0.4); -moz-box-shadow:0 10px 10px rgba(241, 101, 16, 0.4); box-shadow:0 10px 10px rgba(241, 101, 16, 0.4);}
.courseCont .ggTit .fdBtn01:hover,.courseCont .ggTit .fdBtn02:hover{ text-decoration: none;}
.courseCont .ggTit .fdBtn02{ right: 170px;}
.courseCont .tab-tit{ text-align:center; padding-bottom:23px;}
.courseCont .tab-tit .btn{ display:inline-block; width:250px; height:50px; line-height:50px; text-align:center; position:relative; text-decoration:none; font-size:22px; border-radius: 25px; margin:0 20px; background:#fff;}
.courseCont .tab-tit .btn.on{ height:60px; color:#ab1800; font-weight:bold; background:url(/images/zhuanti/2025xhccb/teacher-tab01.png) no-repeat; border-radius: 0;}
.courseCont .cenBox{ display: none;}
.courseCont .cenBox .tabBox{ background: #fff; -webkit-box-shadow:0 0 30px rgba(247, 235, 214, 1); -moz-box-shadow:0 0 30px rgba(247, 235, 214, 1); box-shadow:0 0 30px rgba(247, 235, 214, 1); margin-bottom: 40px;}
.courseCont .cenBox .tabBox table{ border-collapse: collapse; width: 100%; padding: 0; margin: 0;}
.courseCont .cenBox .tabBox thead{
    background: -webkit-linear-gradient(left, #ffb758, #ffc767); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffb758, #ffc767); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffb758, #ffc767); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffb758, #ffc767); /* 标准的语法 */}
.courseCont .cenBox .tabBox th{ line-height: 40px; padding: 10px 20px; font-size: 16px; border: 0; color: #590000; font-weight: 700; text-align: center;}
.courseCont .cenBox .tabBox td{ line-height: 30px; padding: 10px 20px; font-size: 16px; border: 1px solid #e9e9e9; text-align: center;}
.courseCont .cenBox .tabBox td.left{ text-align: left;}
.courseCont .cenBox .tabBox .btn{ display:inline-block; width:90px; height:28px; line-height:28px; text-align:center; font-size:14px; color: #fff; border-radius: 14px; background:#fd561f;}
.courseCont .cenBox .tabBox .btn:hover{ background: #fd4204; text-decoration: none;}
.courseCont .cenBox .fotBox{ height: 90px;}
.courseCont .cenBox .fotBox .price{ float: left; height: 90px; line-height: 90px; color: #590000;}
.courseCont .cenBox .fotBox .price-xian{ display: inline-block; font-size: 24px;}
.courseCont .cenBox .fotBox .price-xian b{ font-size: 38px; color: #f41a0b; vertical-align: -3px;}
.courseCont .cenBox .fotBox .price-yuan{ display: inline-block; font-size: 22px; margin-left: 30px; text-decoration: line-through;}
.courseCont .cenBox .fotBox .btn01{ float: right; width: 200px; height: 58px; line-height: 56px; text-align: center; background:url(/images/zhuanti/2025xhccb/icon_10.png) no-repeat; border-radius: 29px; color: #fff; font-size: 22px; margin-top: 17px; -webkit-box-shadow:0 10px 10px rgba(241, 101, 16, 0.4); -moz-box-shadow:0 10px 10px rgba(241, 101, 16, 0.4); box-shadow:0 10px 10px rgba(241, 101, 16, 0.4);}
.courseCont .cenBox .fotBox .btn01:hover{ text-decoration: none;}
.courseCont .cenBox .fotBox .btn02{ float: right; width: 140px; height: 46px; line-height: 46px; text-align: center; background: #ffc25f; border-radius: 23px; color: #f41a0b; font-size: 18px; margin: 23px 12px 0 0;}
.courseCont .cenBox .fotBox .btn02:hover{ text-decoration: none;}

/*授课现场*/
.sceneBg{ background: #c87644;}
.scene{ padding: 0 0 60px;}
.scene .ggTit{ color: #fff;}
.scene .cenBox{ position: relative; z-index: 1;}
.scene .cenBox-list{ width: 1200px; height:244px; overflow: hidden; position: relative; z-index: 1;}
.scene .cenBox-list ul{ height:244px;}
.scene .cenBox-list ul li{ float:left; width: 384px; height: 244px; padding-right: 24px;}
.scene .cenBox-list ul li .cl-pic{ overflow: hidden; position: relative; z-index: 1; width: 384px; height: 244px; border-radius: 6px;}
.scene .cenBox-list ul li .cl-pic img{ width: 384px; height: 244px;}
.scene .cenBox-list ul li .cl-pic p{ position: absolute; left: 0; right: 0; bottom: 0; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.scene .cenBox .prev,.scene .cenBox .next{ position: absolute; left: 0; top: 50%; z-index: 2; display: block; margin-top: -30px; width:31px; height:60px; background: url(/images/zhuanti/2025xhccb/icon_08.png) no-repeat;}
.scene .cenBox .next{ left:auto; right:0; background: url(/images/zhuanti/2025xhccb/icon_09.png) no-repeat;}

/*加入我们*/
.joinBoxBg{ background: url(/images/zhuanti/2025xhccb/bg_06.jpg) no-repeat center top;}
.joinBox{ height: 317px;}
.joinBox .bbox{ padding-top: 50px;}
.joinBox .bbox .ltxt{ width: 500px;}
.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: 20px 0 0 0;}
.joinBox .bbox .right .ewm{ width: 140px; margin-right: 30px;}
.joinBox .bbox .right .ewm-pic{ display: block; width: 140px; height: 140px; -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;}
.joinBox .bbox .right .con{ width: 140px; height: 140px; background: url(/images/zhuanti/2025xhccb/bg_09.png) no-repeat; margin-right: 30px; -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 .con-tit{ padding-top: 15px; line-height: 44px; font-size: 20px; font-weight: 700; color: #702a01; text-align: center; margin-bottom: 11px;}
.joinBox .bbox .right .con-txt{ line-height: 24px; text-align: center; font-size: 16px; color: #666;}

/*右侧浮动*/
.rightFloat{ width:110px; padding-top: 58px; background: #a85835; 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/2021zyyangshengbaojianshi/icon_08.png) no-repeat center 17px #a85835; 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 .closeBox{ display: block; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #fff;}

.mask{ display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=70);opacity:0.7;}

/*协议弹层*/
.xieyi-pop{display:none; overflow:hidden; width:870px; background-color:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -435px; z-index:1000; border-radius:4px;}
.xieyi-pop .tit{height:50px; background: #f4f4f4;}
.xieyi-pop .tit h3{float:left; font-size:18px; line-height:50px; font-weight:bold; padding-left:20px;}
.xieyi-pop .close{position: absolute; top: 17px; right: 20px; display:block; width:16px; height:16px; background: url(/images/zhuanti/2025xhccb/icon_14.png) no-repeat;}
.xieyi-pop .con{padding: 20px;}

/*选课弹层*/
.course-pop{ display:none; overflow:hidden; width:808px; background-color:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -404px; z-index:1000; border-radius:10px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.course-pop .tit{ height:60px; line-height:60px; background:#f1f1f1; margin-bottom: 6px;}
.course-pop .tit h3{ float:left; font-size:20px; font-weight:bold; padding-left:30px;}
.course-pop .tit .close{ display:block; width:30px; height:30px; margin:16px 20px 0 0; background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 7px -3142px;}
.course-pop .con{ padding:0 0 0 30px;}
.course-pop .con h4{ font-size:18px; line-height:60px; font-weight:normal;}
.course-pop .con h4.cju{ color: #fd7400;}
.course-pop .con h4 em{ font-size: 14px;}
.course-pop .con .list,.course-pop .con .courtabOne{ *padding-bottom:20px;}
.course-pop .con .courtab ul{ *padding-bottom:14px;}
.course-pop .con .courtab li{ float:left; _display:inline; margin:0 20px 20px 0; width:234px; height:38px; line-height:38px; font-size:14px; color:#666; text-align:center; cursor:pointer; border:1px solid #d7d7d7; position:relative; overflow:hidden;}
.course-pop .con .courtab li.on{ border:1px solid #fd7400; color:#fd7400;}
.course-pop .con .courtab li.on i.gou{ display:block; width:16px; height:16px; position:absolute; right:0; bottom:0; background:url(/images/project2021/weishengzige/an.png) no-repeat 0 -1550px;}
.course-pop .con .courCon{ display: none;}
.course-pop .con .chkName{ float:left; _display:inline; margin:0 20px 20px 0; width:362px; height:38px; line-height:38px; font-size:14px; color:#666; text-indent: 15px; cursor:pointer; border:1px solid #d7d7d7; position:relative; overflow:hidden;}
.course-pop .con .chkName.on{ border:1px solid #fd7400; color:#fd7400;}
.course-pop .con .chkName.on i.gou{ display:block; width:16px; height:16px; position:absolute; right:0; bottom:0; background:url(/images/project2021/weishengzige/an.png) no-repeat 0 -1550px;}
.course-pop .con .chkName .coursechk{ position:absolute; left:-10px; top:-30px; padding-bottom:6px;}
.course-pop .con .list.min .chkName{ width:234px;}
.course-pop .total{ height:44px; margin:14px 30px 26px;}
.course-pop .total span{ line-height: 44px; font-size:14px; color: #fd7400; padding-right:18px;}
.course-pop .total span b{ font-size:18px; font-weight:bold;}
.course-pop .total .buy-btn{ float: right; display:block; width:180px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#fff; background:#fd7400; border-radius:4px;}
.course-pop .total .buy-btn:hover{ text-decoration:none; background:#f4674b;}
.course-pop .total .ctxt{ float: right; margin-right: 25px; text-align: right;}
.course-pop .total .ctxt .price{ line-height: 30px; font-size:16px; color:#fd7400; font-weight: 700;}
.course-pop .total .ctxt .price b{ font-size:24px;}
.course-pop .total .ctxt .ts{ line-height: 12px; font-size: 12px; color: #999;}
.course-pop .total .stbot-selected{ float: left; line-height: 44px; font-size: 14px; color: #333;}
.course-pop .total .stbot-selected .sstit{ display:block; float: left; margin-right: 10px; font-size: 14px; font-weight: 400;}
.course-pop .total .stbot-selected p{ width: 330px; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.course-pop .total .stbot-selected p span{ padding-right:12px;}