@charset "utf-8";
/*
@author: he
@update: he (2022-02-10)
*/
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;}

.bodyBg{ background: #efd6b7;}
.footer{ margin: 0 auto!important; padding-bottom: 10px;}
.footer,.footer a{ color: #fff!important;}
.ggtit{ text-align: center; margin-bottom: 36px;}
.ggtit span{ display: inline-block; width: 477px; height: 86px; line-height: 78px; font-size: 38px; color: #ffebdd; font-weight: 700; background:url(/images/zhuanti/2022sujigejue/tit_02.png) no-repeat center;}
.ggtit p{ clear: both; line-height: 20px; font-size: 20px; color: #6d2313; padding-top: 20px;}

/* 页头 */
.header{ height: 398px;}
.header .logo{ top: 38px; left: 2px; display: block; width: 216px; height: 55px;}
.header .ctxt{ left: 0; top: 116px; width: 100%; line-height: 46px; font-size: 46px; color: #6d2313; text-align: center;}

/* 类别汇总 */
.categoryBox{ padding: 50px 0;}
.categoryBox .ggtit span{ width: 390px; background:url(/images/zhuanti/2022sujigejue/tit_01.png) no-repeat center;}
.categoryBox .cbox{ background: #ca9672; border-radius: 10px; padding: 15px;}
.categoryBox .cbox-con{ padding: 30px 0 10px; background: #fff; border-radius: 8px; -webkit-box-shadow:0 0 16px rgba(156, 90, 45, 1); -moz-box-shadow:0 0 16px rgba(156, 90, 45, 1); box-shadow:0 0 16px rgba(156, 90, 45, 1);}
.categoryBox .cbox-tit{ padding: 20px 0 0 30px; border: 1px solid #c58f6a; background: #fff3eb; border-radius: 4px; margin: 0 30px 10px;}
.categoryBox .cbox-tit .txt{ float: left; display: block; height: 44px; padding: 0 20px; line-height: 44px; font-size: 16px; color: #fff; background: #6d2313; margin: 0 12px 20px; border-radius: 4px;}
.categoryBox .cbox-tit .txt:hover{ text-decoration: none; opacity: 0.9;}
.categoryBox .cbox-cen .list{ padding: 20px 10px 19px; border-bottom: 1px solid #f7f7f7; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.categoryBox .cbox-cen .list-tit{ line-height: 30px; font-size: 18px; font-weight: 700; padding-left: 20px; margin-bottom: 12px;}
.categoryBox .cbox-cen .list-txt{ line-height: 30px; font-size: 16px;}
.categoryBox .cbox-cen .list-txt a{ float: left; display: inline-block; padding: 0 20px; background:url(/images/zhuanti/2022sujigejue/icon_03.png) no-repeat right center;}
.categoryBox .cbox-cen .list:last-child{ padding-bottom: 20px; border-bottom: 0;}
.categoryBox .cbox-cen .list:hover{ background: #fdf8f2;}

/* 课程视频 */
.videoMainBg{ background:url(/images/zhuanti/2022sujigejue/bg_02.jpg) no-repeat center bottom;}
.videoMain{ padding: 50px 0;}
.videoMain .cbox{ background: #ca9672; border-radius: 10px; padding: 15px;}
.videoMain .cbox-con{ padding: 20px 15px; background: #fff; border-radius: 8px; -webkit-box-shadow:0 0 16px rgba(156, 90, 45, 1); -moz-box-shadow:0 0 16px rgba(156, 90, 45, 1); box-shadow:0 0 16px rgba(156, 90, 45, 1);}
.videoMain .cbox-con .video{ float: left; width: 594px; height: 334px;}
.videoMain .cbox-con .video img{ width: 594px; height: 334px;}
.videoMain .cbox-con .video .btn{ display: block; top: 150px; left: 288px; width: 213px; height: 50px; line-height: 48px; text-indent: 48px; font-size: 28px; color: #fff; background:url(/images/zhuanti/2022sujigejue/icon_01.png) no-repeat;}
.videoMain .cbox-con .video .btn:hover{ text-decoration: none; opacity: 0.9;}
.videoMain .cbox-con .right{ float: right; width: 466px; height: 334px; padding: 0 30px; background: #fffbf6;}
.videoMain .cbox-con .right-name{ height: 50px; padding-top: 60px; line-height: 50px; font-size: 28px; font-weight: 700;}
.videoMain .cbox-con .right-txt{ line-height: 30px; font-size: 16px;}

/* 领资料 */
.receiveDataBg{ background:url(/images/zhuanti/2022sujigejue/bg_03.jpg) no-repeat center top;}
.receiveData{ padding: 50px 0;}
.receiveData .cbox{ background: #ca9672; border-radius: 10px; padding: 15px;}
.receiveData .cbox-con{ height: 272px; background:url(/images/zhuanti/2022sujigejue/bg_04.jpg) no-repeat; border-radius: 8px; -webkit-box-shadow:0 0 16px rgba(156, 90, 45, 1); -moz-box-shadow:0 0 16px rgba(156, 90, 45, 1); box-shadow:0 0 16px rgba(156, 90, 45, 1);}
.receiveData .cbox-con .iconL{ display: block; width: 150px; height: 49px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; padding-right: 10px; background:url(/images/zhuanti/2022sujigejue/icon_02.png) no-repeat;}
.receiveData .cbox-con .iconR{ display: block; width: 150px; height: 49px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; padding-left: 10px; background:url(/images/zhuanti/2022sujigejue/icon_04.png) no-repeat;}
.receiveData .cbox-con .icon01{ top: 44px; left: 230px;}
.receiveData .cbox-con .icon02{ top: 117px; left: 230px;}
.receiveData .cbox-con .icon03{ top: 190px; left: 230px;}
.receiveData .cbox-con .icon04{ top: 44px; right: 230px;}
.receiveData .cbox-con .icon05{ top: 117px; right: 230px;}
.receiveData .cbox-con .icon06{ top: 190px; right: 230px;}
.receiveData .cbox-con .ewm{ top: 35px; left: 50%; margin-left: -108px; width: 196px; height: 196px; border: 10px solid #aa776b; background: #fff; border-radius: 10px;}
.receiveData .cbox-con .ewm .ewm-pic{ width: 196px; height: 196px;}

/* 通栏广告 */
.banner{ display: block; height: 90px; margin-bottom: 50px;}
.banner img{ width: 100%; height: 90px;}

/*加入我们*/
.joinBoxBg{ background: url(/images/zhuanti/2022sujigejue/bg_05.jpg) no-repeat center top;}
.joinBox{ height: 230px;}
.joinBox .cbox .ltxt{ padding: 40px 0 0 260px;}
.joinBox .cbox .ltxt-cen{ line-height: 40px; font-size: 18px; color: #d05921; margin-bottom: 18px;}
.joinBox .cbox .ltxt-bot{ line-height: 40px; font-size: 20px; color: #d05921;}
.joinBox .cbox .ltxt-bot b{ font-size: 28px;}
.joinBox .cbox .right{ padding: 26px 0 0 0;}
.joinBox .cbox .right .ewm{ width: 130px; background: #fff; margin-right: 22px;}
.joinBox .cbox .right .ewm-pic{ display: block; width: 110px; height: 110px; padding: 10px 10px 0; -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 .cbox .right .ewm-txt{ padding-bottom: 6px; line-height: 32px; text-align: center; font-size: 14px; color: #d05921;}