@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: 240px;background: url(../images/files/banner.jpg) center top;}
.banner.list{height: 280px;background: url(../images/files/banner_list.jpg) center top;}
.banner.list .width{position: relative;padding-top: 72px;height: 100%;box-sizing: border-box;}
.banner.list h1{font-size: 40px;line-height: 56px;color: #FFF;}
.banner.list ul{position: absolute;left: 0;bottom: 0;height: 56px;background: rgba(75, 167, 55, 0.8);}
.banner.list ul li{min-width: 104px;float: left;text-align: center;}
.banner.list 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;}
.banner.list ul li:last-child a{border: none;}
.banner.list ul li a:hover,.banner.list ul li.on a{color: #F5A425;}
.view{margin-top: 42px;}
.view .width{height: auto;overflow: hidden;}
.view .fl{width: 880px;background-color: #FFF;box-sizing: border-box;padding: 24px;}
.view .fl .pos{margin-bottom: 24px;height: 40px;line-height: 40px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANdJREFUOE/Nkr0NwkAMhf2K1DACG8AK2YANgA1S2Gkh9XkH2IARYAMYgRHY4KGLcgih/FyDxDUn2X6fbD9DRp6ZbWM6hHCKv6oeRITu3iQZhvR1Xa9JnmOeZOnuVzNjB3zregFmtiJ5ATDvAE8ApYjcJgFVVc2LooiFi6/uHikWQhjuQFXvAJZjuxkEqOoJwGZMPDhC3DCA/ZS420nj7tERaWfp7DrmiD9qdtFefG88F0KydSYCniIyyxV+1rWQFEhHkgtKTvwWQLK9+T53sjpIRX3j/Q/gBfmidevBR9JBAAAAAElFTkSuQmCC') 20px center no-repeat #F8F8F8;padding-left: 44px;color: rgba(0, 0, 0, 0.45);}
.view .fl .pos a{color: rgba(0, 0, 0, 0.45);}
.view .fl h1{font-size: 30px;line-height: 42px;font-weight: 400;color: rgba(0, 0, 0, 0.85);text-align: center;}
.view .fl .info{font-size: 12px;color: rgba(0, 0, 0, 0.45);line-height: 20px;margin-top: 20px;border-bottom: 1px dashed #E0E0E0;padding-bottom: 22px;margin-bottom: 24px;}
.view .fl .info i{font-size: 12px;color: rgba(0, 0, 0, 0.45);}
.view .fl .body,.view .fl .body p,.view .fl .body div{font-size: 14px;color: rgba(0, 0, 0, 0.65);line-height: 30px;}
.view .fl .body{padding-bottom: 24px;border-bottom: 1px dashed #E0E0E0;}
.view .fl .body .btn{display: block;height: 48px;line-height: 48px;background-color: #F5A425;color: rgba(255, 255, 255, 0.85);text-align: center;font-size: 16px;padding-left: 19px;position: relative;width: 300px;margin: 0 auto;}
.view .fl .body .btn::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: 15px;left: 118px;}
.view .fl .other{padding-top: 24px;}
.view .fl .other li{color: #A12C2F;line-height: 24px;}
.view .fl .other li a{color: rgba(0, 0, 0, 0.65);}
.view .other a:hover{color: #F5A425!important;}
.view .fr{width: 280px;}
.view .fr .box{background-color: #FFF;padding: 16px;margin-bottom: 20px;}
.view .fr .down{padding-bottom: 0;}
.view .fr .down a{display: block;height: 48px;line-height: 48px;background-color: #F5A425;color: rgba(255, 255, 255, 0.85);text-align: center;font-size: 16px;padding-left: 19px;position: relative;}
.view .fr .down a::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: 15px;left: 80px;}
.view .fr .play a::before{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJGMTA3ODk1MTExMTFFQzk5RkNBRjkyREU4QzRCMkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJGMTA3OEE1MTExMTFFQzk5RkNBRjkyREU4QzRCMkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QjQ3NzUwMDUwRTYxMUVDOTlGQ0FGOTJERThDNEIyQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkYxMDc4ODUxMTExMUVDOTlGQ0FGOTJERThDNEIyQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PusdaasAAAGNSURBVHjaYjx9+vxxUVFhzX///v1nYGAAYWIAIxAwfPjw8Qnj69dvfp05cyHj9+/f54ESTEQawMDExCRqbKy/nuXz5y9ffv36td3Pz/M5A4ng1q07H5ig7pFCl1y/fgsHPs1AeTGQP7A6edu23UHm5sbvbt68/Xzjxq2KeL2CTVBcXLT87dv3Tz9+/HTLwcH2zqFDxxaQZMD//////fr1862ZmbH96dPnag0MdGNv3br7YsOGrTxEGQCM0d/MzCxcILaLi0MbHx8v85cvX56amhq93LBhmzxBA7CBX79+v+Hi4mRD18OEPY4ZWYAJ6zeIvWPHnphXr17/kJQUtzh69KRuQIDXfWS1LDgSCRsQsx85cmKlra1V6OXLV/dYWJi6ycvLEheIr169miwiIqwgKSnhfODAYVeQZpJiwcPDdeG5cxdVlZUVRLy93fcSTAdA/35AlyAiab8BRvd/Fh4ebh4WFhZ1YNL8SEqsMDMziwH18jOeP3/pMi8vjyTQFX9IyUigbPD9+49PAAEGALihoawVnRUGAAAAAElFTkSuQmCC') left center no-repeat;}
.view .fr .down dd{line-height: 52px;border-bottom: 1px solid rgba(0, 0, 0, 0.03);display: flex;justify-content: space-between;}
.view .fr .down dd:last-child{border: none;}
.view .fr .down dd em{display: block;color: rgba(0, 0, 0, 0.45);}
.view .fr .down dd em i{color: rgba(0, 0, 0, 0.45);}
.view .fr .list{padding: 0 16px;height: auto;overflow: hidden;}
.view .fr .list dt{font-size: 16px;color: rgba(0, 0, 0, 0.85);font-weight: 500;height: 52px;line-height: 52px;position: relative;margin-bottom: 12px;}
.view .fr .list dt::after{display: block;content: "";width: 48px;height: 2px;background: linear-gradient(90deg, #F5A425 0%, #A12C2F 100%);position: absolute;left: 0;bottom: 12px;}
.view .fr .list dd a{display: block;height: 20px;line-height: 20px;color: rgba(0, 0, 0, 0.65);margin-bottom: 16px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAAAXNSR0IArs4c6QAAAGJJREFUGFdjZEACC7X00/8zMBxJuHbxKkiYEVkSxF6orb+ZgZFhZvyVi1sYF+ronUZX8P8/gwwDw99yxkU6OibIkv8ZGKwZGJhC4q9cskUxdr62ngcjA0NmwtVL/ljtRDYFAALqGVthz1A3AAAAAElFTkSuQmCC') left center no-repeat;padding-left: 14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.view .fr .list dd a:hover{color: #F5A425;}

.class{margin-top: 40px;}
.class .pos{height: 64px;line-height: 64px;background-color: #4ba737;color: rgba(255, 255, 255, 0.85);padding: 0 24px;}
.class .pos a{color: rgba(255, 255, 255, 0.85);}
.class .pos a:hover,.class .pos a:first-child{color: #F5A425;}
.class .pos p{float: right;color: rgba(255, 255, 255, 0.85);}
.class .pos p em{display: inline-block;padding: 0 4px;color: #F5A425;font-family: DIN!important;}
.class .list{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;}
.class .list dl{background-color: #FFF;width: 280px;height: 380px;margin: 0 20px 20px 0;overflow: hidden;}
.class .list dl:nth-child(4n){margin-right: 0;}
.class .list dl a{display: block;}
.class .list dl a:hover{color: #F5A425!important;}
.class .list dl dt{height: 200px;overflow: hidden;margin-bottom: 16px;}
.class .list dl dt img{transition:all 0.5s ease;width: 280px;height: 200px;}
.class .list dl dt:hover img{transform:scale(1.1);}
.class .list dl dd{padding: 0 16px;}
.class .list dl dd .t{font-size: 16px;color: rgba(0, 0, 0, 0.85);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom: 8px;}
.class .list dl dd p{color: rgba(0, 0, 0, 0.45);line-height: 22px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.class .list dl dd span{display: block;font-size: 12px;line-height: 20px;color: rgba(0, 0, 0, 0.45);margin: 8px 0 16px;}
.class .list dl dd span i{color: rgba(0, 0, 0, 0.45);}
.class .list dl dd .m{color: rgba(0, 0, 0, 0.65);width: 46px;color: rgba(0, 0, 0, 0.65);line-height: 22px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAAXNSR0IArs4c6QAAAJpJREFUKFNjZEACC7W05BiYWMLjr1zqRhZnROaA2PO1tU0ZGVimJly9aAaTw1CETSFWRSCFC7X0zRgYGSbHX71ozrhAW287IyODCLq1ED4jx////4UYF2tr6/9nZGTFpujff+alTEz/anBbp61/juE/Q3L8tYvnsSpaoKN3lvkvQ2rs9UvnwJaiW7NQW+8E0z+GLJgCrIqwuQ0AyOAtOhvmx2UAAAAASUVORK5CYII=') right center no-repeat;}
.class .pages{display: flex;justify-content: flex-end;padding: 20px 0 40px;}
.class .pages li{background-color: #FFF;border: 1px solid #D9D9D9;height: 32px;line-height: 30px;margin-left: 8px;width: 32px;text-align: center;box-sizing: border-box;padding: 0 4px;border-radius: 2px;}
.class .pages li a{display: block;}
.class .pages li:first-child,.class .pages li:last-child{width: 60px;}
.class .pages li.active,.class .pages li:hover{background-color: #F5A425;border: none;line-height: 32px;}
.class .pages li:hover a,.class .pages li.active a{color: #FFF;}

.video_box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);}
.video_box .close{display: block;width: 30px;height: 30px;background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center;position: absolute;right: 5%;top: calc(52px + 2%);}
.video_box video{margin: 100px auto 0;display: block;}