@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "Helvetica","PingFang SC","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif" !important;color: #1A1A1A;font-size: 14px;}
body{background: #F4F5F6;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
ul{list-style: none;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.banner{height: 280px;background: url(../images/files/banner_list.jpg) center top;}
.banner .width{position: relative;padding-top: 72px;height: 100%;box-sizing: border-box;}
.banner h1{font-size: 40px;line-height: 56px;color: #FFF;}
.banner ul{position: absolute;left: 0;bottom: 0;height: 56px;background: rgba(75, 167, 55, 0.8);width: 1180px;display: flex;justify-content: space-between;}
.banner ul li{min-width: 104px;text-align: center;}
.banner ul li a{display: block;color: rgba(255, 255, 255, 1);height: 22px;line-height: 22px;border-right: 1px solid rgba(255, 255, 255, 0.15);margin-top: 17px;padding: 0 8px;cursor: pointer;}
.banner ul li:last-child a{border: none;}
.banner ul li a:hover,.banner ul li.on a{color: #F5A425;}

.course{height: auto;overflow: hidden;}
.course a:hover{color: #F5A425!important;}
.course .btn{display: block;width: 120px;height: 42px;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;line-height: 42px;color: rgba(0, 0, 0, 0.85);text-align: center;margin: 0 auto;}
.course .btn i::before{display: inline-block;content: "\27A4";margin-left: 8px;}
.course .btn:hover,.course .btn:hover i::before{color: #F5A425!important;border-color: #F5A425!important;}
.course .pos{height: 64px;line-height: 64px;background-color: #4ba737;color: rgba(255, 255, 255, 1);padding: 0 24px;margin: 40px 0;overflow: hidden;}
.course .pos a{color: rgba(255, 255, 255, 0.85);}
.course .pos a:hover,.course .pos a:first-child{color: #F5A425;}
.course .pos .act{font-size: 18px;font-weight: bold;float: right;color: #F5A425;padding-left: 24px;position: relative;}
.course .pos .act em{color: #FFF;}
.course .pos .act::before{display: block;content: '';background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKFJREFUOE/tk6EOAkEMRN9oNFi+B30Oj0YjUAg0Go9D8z1nQaOHdLNL9kjuOIIioXLbeZ1sW/FlaEhvexF5SZe+uneAJgPOf4B+7Q9sH4CwPc3juwGNpPXrONMehKBO2p4DW+CaBTNgJ6ktgKIpgJOkZU2vIPHcEeemSdMLyEXhJFb52bly0AUAK0n3MbdlewIcawd7IHX7IFpJm8FjGgN7AKzoWxGAoDB6AAAAAElFTkSuQmCC') left center no-repeat;width: 16px;height: 16px;position: absolute;top: 24px;left: 0;}
.course .fl{width: 880px;}
.course .fr{width: 280px;}
.course .fl .tit{font-size: 30px;text-align: center;line-height: 42px;color: rgba(0, 0, 0, 0.85);position: relative;padding: 56px 0 16px;margin-bottom: 42px;}
.course .fl .tit::before{display: block;content: "";width: 96px;height: 2px;background-image: linear-gradient(to right,#F5A425,#A12C2F);top: 114px;left: calc(50% - 48px);position: absolute;}
.course .fl .box{padding-bottom: 30px;margin-bottom: 20px;background-color: #FFF;}
.course .fl .box .cont{line-height: 36px;padding: 0 30px;}
.course #bx .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.course #bx .cont p{font-size: 16px;width: 25%;text-align: center;margin-bottom: 20px;}
.course .files .cont{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 16px!important;margin-bottom: 20px;}
.course .files .cont li{width: 200px;margin-bottom: 20px;position: relative;}
.course .files .cont li a{display: block;font-size: 16px;color: rgba(0, 0, 0, 0.85);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.course .files .cont li img{width: 198px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 4px;height: 110px;position: relative;}
.course .files .cont li:hover img{border-color: rgba(245,164,37,1);}
.course .files .cont li p,.course .files .cont li p i{font-size: 12px;color: rgba(0, 0, 0, 0.45);line-height: 20px;}
.course #sp .cont li::after{display: block;content: "";width: 48px;height: 48px;background: url(../images/index/icons.png);position: absolute;transition:all 0.5s ease;left: 76px;top: 31px;z-index: 2;}
.course #sp .cont li:hover::after{transform:scale(1.2);}
.course .arts .cont{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.course .arts .cont li{width: 48%;margin-bottom: 5px;}
.course #jx li{width: 30%;text-align: center;}
.course .arts .cont li a{line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.course .art_img li{display: flex;justify-content: flex-start;margin-bottom: 20px;border-bottom: 1px dashed rgba(0, 0, 0, 0.2);padding-bottom: 20px;}
.course .art_img li:last-child{border: 0;}
.course .art_img li img{width: 200px;height: 120px;margin-right: 24px;}
.course .art_img li div a{display: block;font-size: 16px;line-height: 24px;color: rgba(0, 0, 0, 0.85);margin: 5px 0 16px;}
.course .art_img li div p{line-height: 22px;color: rgba(0, 0, 0, 0.45);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.course #pj .cont{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;}
.course #pj .cont li{background-color: #F4F5F6;width: 49%;height: 150px;position: relative;margin-bottom: 20px;}
.course #pj .cont li::after{display: block;content: "\301E";font-size: 46px;color: #F5A425;position: absolute;top: 20px;right: -6px;}
.course #pj .cont p{padding: 24px 40px 0 24px;color: rgba(0, 0, 0, 0.45);line-height: 22px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.course #pj .cont span{display: block;text-align: right;color: #A12C2F;padding-right: 30px;}
.course #ts .cont img{margin: 16px auto;}

.course .fr .box{padding: 0 16px 6px;margin-bottom: 20px;background-color: #FFF;}
.course .fr .box .tit{font-size: 18px;color: rgba(0, 0, 0, 0.85);font-weight: 500;height: 52px;line-height: 52px;position: relative;margin-bottom: 10px;}
.course .fr .box .tit::after{display: block;content: "";width: 48px;height: 2px;background-image: linear-gradient(to right,#F5A425,#A12C2F);position: absolute;left: 0;top: 42px;}
.course .fr .box ul li{display: flex;justify-content: flex-start;margin-bottom: 16px;height: 40px;}
.course .fr .box ul li img{width: 60px;height: 40px;margin-right: 8px;}
.course .fr .box ul li a{display: block;line-height: 40px;color: rgba(0, 0, 0, 0.65);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 16px;}
.course .fr .box .zc li{display: block;margin-bottom: 10px;height: auto;border-bottom: 1px dashed rgb(0,0,0,0.1);padding-bottom: 10px;}
.course .fr .box .zc li:last-child{border: 0;}
.course .fr .box .zc li a{display: block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 22px;font-size: 14px;white-space: pre-wrap;}