@charset "utf-8";
/*
@author: he
@update: he (2026-03-09)
*/
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: 440px;}
.header .logo{ position: absolute; top: 31px; left: 0; display: block; width: 191px; height: 50px;}
.header .bTxt{ position: absolute; top: 292px; left: 264px; width: 630px; height: 68px; line-height: 68px; font-size: 26px; color: #fff; font-weight: 700; text-align: center;}

/*证书优势*/
.reasonBoxBg{ position: relative; z-index: 2; background: url(/images/zhuanti/2026csqdsz/bg_02.jpg) no-repeat center top; background-size: 1920px auto;}
.reasonBox{ padding: 0 0 60px;}
.reasonBox .cenBox{ position: relative; z-index: 1; background: #fff; border-radius: 15px; -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-txt{ padding: 40px 250px 40px 50px; line-height: 30px; font-size: 16px;}
.reasonBox .cenBox-pic{ position: absolute; top: 50%; right: 26px; margin-top: -80px;}

/*证书特色*/
.featureBoxBg{ background: #fff;}
.featureBox{ padding: 0 0 60px;}
.featureBox .cenBox-list{ position: relative; z-index: 1; display: block; width: 280px; height: 210px; padding-top: 70px; background: #fff4e6; border-radius: 20px; margin: 55px 26px 0 0;}
.featureBox .cenBox-list .clTit{ position: absolute; top: -55px; left: 50%; margin-left: -55px; width: 110px; height: 86px; padding-top: 24px; text-align: center; font-size: 22px; color: #fff; line-height: 30px; font-weight: 700; background: #a85835; border-radius: 50%;}
.featureBox .cenBox-list .clTxt{ line-height: 34px; font-size: 18px; margin: 0 30px;}
.featureBox .cenBox-list:last-child{ margin-right: 0;}

/*名师介绍*/
.teacherBoxBg{ background: url(/images/zhuanti/2026csqdsz/bg_03.jpg) no-repeat center bottom #f1dcc1; background-size: 1920px auto;}
.teacherBox{ position: relative; z-index: 1; padding: 0 0 60px;}
.teacherBox .leftPic{ float: left; display: block; padding-top: 20px; width: 400px; height: 470px; margin-left: -60px;}
.teacherBox .rightCon{ float: right; width: 736px; padding: 20px 60px 40px; background: url(/images/zhuanti/2026csqdsz/bg_08.png) no-repeat center bottom #fff; border-radius: 15px;}
.teacherBox .rightCon-tit{ height: 80px; margin-bottom: 16px;}
.teacherBox .rightCon-tit h3{ float: left; position: relative; z-index: 1; display: block; height: 80px; line-height: 80px; font-size: 28px; color: #c9660e;}
.teacherBox .rightCon-tit h3:after{ content:" "; display:block; position: absolute; left: 0; right: 0; bottom: 0; height:4px; background: #c9660e; border-radius: 2px;}
.teacherBox .rightCon-tit .btn{ float: left; display: block; width: 142px; height: 50px; line-height: 50px; text-indent: 36px; font-size: 20px; color: #fff; font-weight: 700; margin: 15px 0 0 26px; background: url(/images/zhuanti/2026csqdsz/icon_01.png) no-repeat; background-size: 100% 100%;}
.teacherBox .rightCon-tit .btn:hover{ text-decoration: none;}
.teacherBox .rightCon-txt{ line-height: 36px; font-size: 18px;}

/*课程内容*/
.courseContBg{ background: url(/images/zhuanti/2026csqdsz/bg_04.jpg) no-repeat center bottom #ffe7c9; background-size: 1920px auto;}
.courseCont{ padding-bottom: 40px;}
.courseCont .tab-tit{ width: 580px; height: 52px; background: #fff; margin: 0 auto 40px; border-radius: 26px;}
.courseCont .tab-tit .btn{ float: left; display:block; width:290px; height:52px; line-height:52px; text-align:center; position:relative; text-decoration:none; font-size:20px; border-radius: 26px; font-weight: 700; color:#590000;}
.courseCont .tab-tit .btn.on{ color:#fff;
    background: -webkit-linear-gradient(left, #f75700, #f3092f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f75700, #f3092f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f75700, #f3092f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f75700, #f3092f); /* 标准的语法 */}
.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: 20px;}
.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: 20px; font-size: 16px; border: 1px solid #e9e9e9;}
.courseCont .cenBox .tabBox td.center{ text-align: center;}
.courseCont .cenBox .tabBox td strong{ font-size: 18px;}
.courseCont .cenBox .tabBox .price{ display: inline-block; line-height: 50px;}
.courseCont .cenBox .tabBox .price-yuan{ display: inline-block; font-size: 22px; color: #590000; margin: 0 5px; text-decoration: line-through;}
.courseCont .cenBox .tabBox .price-xian{ display: inline-block; font-size: 24px; color: #f41a0b; margin: 0 5px;}
.courseCont .cenBox .tabBox .price-xian b{ font-size: 38px; color: #f41a0b; vertical-align: -3px;}
.courseCont .cenBox .tabBox .btn{ display:inline-block; width: 172px; height: 50px; line-height: 50px; text-align:center; font-size:18px; color: #fff; font-weight: 700; border-radius: 25px; vertical-align: 3px; background: url(/images/zhuanti/2026csqdsz/icon_04.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 10px 10px rgba(241, 101, 16, 0.35); -moz-box-shadow:0 10px 10px rgba(241, 101, 16, 0.35); box-shadow:0 10px 10px rgba(241, 101, 16, 0.35);}
.courseCont .cenBox .tabBox .btn:hover{ text-decoration: none;}
.courseCont .cenBox .tabBox .bg{ background: #f9f6ef;}
.courseCont .msBox{ background: #fff; border-radius: 10px; -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: 20px;}
.courseCont .msBox .msTit{ height: 70px; text-align: center; border-radius: 10px 10px 0 0;
    background: -webkit-linear-gradient(top, #fffced, #ffedc9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fffced, #ffedc9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fffced, #ffedc9); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fffced, #ffedc9); /* 标准的语法 */}
.courseCont .msBox .msTit .btn{ position:relative; z-index: 1; display:inline-block; padding: 0 20px; height: 70px; line-height: 70px; text-align:center; margin: 0 30px; text-decoration:none; font-size:20px; font-weight: 700; color:#333;}
.courseCont .msBox .msTit .btn:after{ display:none;}
.courseCont .msBox .msTit .btn.on{ color:#f42c29;}
.courseCont .msBox .msTit .btn.on:after{ content:" "; display:block; position: absolute; left: 0; right: 0; bottom: -2px; height:2px; background: #f75700;}
.courseCont .msBox .msTit .btn.on:before{ content:" "; display:block; position: absolute; left: 50%; bottom: -7px; margin-left: -6px; width: 13px; height: 7px; background: url(/images/zhuanti/2026csqdsz/icon_03.png) no-repeat; background-size: 100% 100%;}
.courseCont .msBox .msCon{ display: none; padding: 10px 50px 40px;}
.courseCont .msBox .msCon-tit{ height: 84px; line-height: 84px; text-align: center; font-size: 26px; font-weight: 700;}
.courseCont .msBox .msCon-cen{ margin-bottom: 30px;}
.courseCont .msBox .msCon-cen .mcLeft{ float: left; width: 700px;}
.courseCont .msBox .msCon-cen .mcLeft-list{ position: relative; z-index: 1; padding: 18px 30px 18px 90px; font-size: 18px; line-height: 32px; border: 1px solid #fad5c1; background: #fff7f1; border-radius: 6px; margin-bottom: 10px;}
.courseCont .msBox .msCon-cen .mcLeft-list .fdIcon{ position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 38px; text-align: center; font-size: 22px; color: #fff; background: #e84002; border-radius: 50%;}
.courseCont .msBox .msCon-cen .mcLeft-list .fdPic{ position: absolute; right: 20px; top: 50%; margin-top: -57px;}
.courseCont .msBox .msCon-cen .mcLeft-list .btn{ position: absolute; right: 40px; top: 50%; margin-top: -20px; width: 98px; height: 38px; line-height: 38px; border: 1px solid #ff7519; color: #ff7519; font-size: 16px; text-align: center; border-radius: 20px;}
.courseCont .msBox .msCon-cen .mcLeft-list .btn:hover{ background: #ff7519; color: #fff; text-decoration: none;}
.courseCont .msBox .msCon-cen .mcLeft-list:last-child{ margin: 0;}
.courseCont .msBox .msCon-cen .mcLeft-list.min{ padding-right: 190px;}
.courseCont .msBox .msCon-cen .mcRight{ float: right; width: 360px;}
.courseCont .msBox .msCon-cen .mcRight-pic{ width: 360px; height: 212px; margin-bottom: 14px;}
.courseCont .msBox .msCon-cen .mcRight-pic:last-child{ margin: 0;}
.courseCont .msBox .msCon-fot{ height: 96px; background: #ffedd1; border-radius: 8px;}
.courseCont .msBox .msCon-fot .mfPrice{ float: left; line-height: 96px; color: #590000; margin-left: 20px;}
.courseCont .msBox .msCon-fot .mfPrice-xian{ display: inline-block; font-size: 24px; margin: 0 10px;}
.courseCont .msBox .msCon-fot .mfPrice-xian b{ font-size: 38px; color: #f41a0b; vertical-align: -3px;}
.courseCont .msBox .msCon-fot .mfPrice-yuan{ display: inline-block; font-size: 22px; color: #590000; margin: 0 10px; text-decoration: line-through;}
.courseCont .msBox .msCon-fot .btn01{ float: right; width: 200px; height: 58px; line-height: 56px; text-align: center; background:url(/images/zhuanti/2026csqdsz/icon_04.png) no-repeat; border-radius: 29px; color: #fff; font-size: 22px; margin: 19px 30px 0 0; -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 .msBox .msCon-fot .btn01:hover{ text-decoration: none;}
.courseCont .msBox .msCon-fot .btn02{ float: right; width: 140px; height: 46px; line-height: 46px; text-align: center; background: #ffc25f; border-radius: 23px; color: #f41a0b; font-size: 18px; margin: 25px 12px 0 0;}
.courseCont .msBox .msCon-fot .btn02:hover{ text-decoration: none;}
.courseCont .fotType{ margin: 0 20px;}
.courseCont .fotType-tit{ height: 52px; line-height: 52px; font-size: 24px; font-weight: 700;}
.courseCont .fotType-txt{ line-height: 38px; font-size: 16px;}

/*报考条件*/
.registerbg{ background: url(/images/zhuanti/2026csqdsz/bg_05.jpg) no-repeat center top; background-size: 1920px auto;}
.register .ggTit{ height: 150px; line-height: 150px;}
.register .cenBox{ position: relative; z-index: 1; float: right; width: 920px; height: 526px;}
.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/2026csqdsz/bg_11.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: 50px; top: 124px;}
.register .cenBox-list.bg03{ left: 50px; top: 248px;}
.register .cenBox-list.bg04{ left: 0; top: 372px;}

/*授课现场*/
.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/2026csqdsz/icon_10.png) no-repeat;}
.scene .cenBox .next{ left:auto; right:0; background: url(/images/zhuanti/2026csqdsz/icon_11.png) no-repeat;}

/*加入我们*/
.joinBoxBg{ background: url(/images/zhuanti/2026csqdsz/bg_07.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/2026csqdsz/bg_10.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/2026csqdsz/icon_09.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/2026csqdsz/icon_14.png) no-repeat;}
.xieyi-pop .con{padding: 20px;}

/*证书弹层*/
.popup { display: none; width: 700px; min-height: 220px; max-height: 580px; position: fixed; top: 50%; left: 50%; margin-left: -350px; z-index: 1000; background: #fff; border-radius: 6px;}
.popup .popTitle { height: 60px; border-bottom: 1px solid #dedfe0; background: #f2f2f2; padding-top: 1px; border-radius: 6px 6px 0 0;}
.popup .popTitle p { line-height: 26px; height: 26px; font-size: 18px; margin: 16px 0 0 20px; padding: 0 0 0 15px }
.popup .popTitle a.close{display:block;width:40px;height:40px;top:10px;right:10px;background: url(/OtherItem/images/2020home/common/icon_dialog.png) no-repeat -256px -16px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.popup .popTitle a.close:hover{-webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -o-transform:rotateZ(-180deg); transform:rotateZ(-180deg);}
.popup .popTitle .fkbtn{ display: block; font-size: 16px;width: 95px; height: 30px; line-height: 30px; border-radius: 30px; border: 1px solid #0da87a; color: #0da87a; text-align: center; top: 15px; left: 301px; }
.popup .s_box_pic { padding: 20px; overflow-y: auto; width: auto; max-height: 473px; display: block; }
.popup .s_box_pic .picList{ display: inline-block; margin: 0 6px;}
.popup .s_box_pic .title{ text-align: center; font-size: 16px; line-height: 55px; color: #333333; font-weight: bold; }
.popup .s_box_pic img{ display: block; text-align: center; margin: 0 auto; }