@charset "utf-8";
body>.w{margin-top:60px;}
h2{text-align:center;padding:20px 0 50px;}
h2 span{font-size:32px;font-family:tahoma,arial,sans-serif;font-weight:bold;border-bottom:2px solid #EBA758;padding:5px 30px;display:inline-block;}
.case{overflow:hidden;padding-bottom:20px;}
.list{margin-left:-1px;}
.list img,.WP li,.WP li a,.recommend li img,.hotFeature .case img,.specialList li img{border-radius:3px;}
.list h5{font-size:20px;margin-bottom:15px;font-weight:bold;}
.list ul li{width:427px;padding:0 20px;border-left:1px solid #F2F2F2;line-height:26px;box-sizing:border-box;}
.list ul li:nth-child(1) div,.list ul li:nth-child(2) div,.list ul li:nth-child(3) div{padding-top:0;}
.list li>div{padding:25px 0;border-bottom:1px solid #F2F2F2;}
.list ul li>div>a{display:block;width:100%;height:calc(386px * 9 / 16);background:#F5F5F5;margin-bottom:15px;}
.list ul li img{width:100%;height:100%;object-fit:contain;}
.list ul li p{font-size:18px;color:#888;margin-bottom:15px;}
.list ul li span{color:#888;}

.FBH ul{display:flex;flex-wrap:wrap;}
.FBH h5{height:78px;overflow:hidden;}
.FBH p{height:156px;overflow:hidden;}

/*WP*/
.WP ul{display:flex;flex-wrap:wrap;margin-left:-20px;}
.WP li{width:305px;height:412px;background:#F6F6F6;line-height:26px;padding:10px;margin-left:20px;margin-bottom:20px;box-sizing:border-box;}
.WP li:hover{background:#F6A545;}
.WP li a{width:285px;height:392px;padding:70px 15px 60px;border:1px solid #F6A545;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;text-align:center;}
.WP li a p:last-child{font-size:16px}
.WP .title{font-size:20px;}

.view{padding:30px 0;}
.view,.recommend ul{display:flex;}
.article{width:860px;padding-right:20px;border-right:1px solid #F2F2F2;box-sizing:border-box;}
.article .baseInfo{padding:12px 0 30px;border-bottom:1px solid #F2F2F2;}
.article h4{font-size:34px;font-weight:bold;line-height:42px;}
.article .other{margin-top:20px;display:flex;align-items:baseline;}
.article .other span{color:#888;margin-right:20px;}
.article .other .download{margin-left:auto;}
.article .other .download a{color:#2440b3;text-decoration:underline;margin-left:10px;}
.article .content{font-size:18px;line-height:26px;}
.article .content p{padding:10px 0;text-align: left;}
.article .content img{max-width:839px;}
.recommend{width:400px;padding-left:20px;padding-top:15px;}
h3{width:100%;height:26px;margin-bottom:30px;font-size:30px;font-weight:bold;background:url(../images/icon_bg_channel.png) repeat-x right bottom;}
h3 a{display:inline-block;background:#fff;padding-right:30px;}
.recommend h3 a{pointer-events:none;}
.recommend ul{flex-wrap:wrap;justify-content:space-between;}
.recommend li{width:190px;line-height:22px;margin-bottom:30px;}
.recommend li img{width:100%;height:calc(190px * 9 / 16);margin-bottom:8px;}

.content .video{margin-top:10px;}
.content li{padding:10px 0;text-align: center;}

/*SpecialView*/
.hotFeature .titu,.specialList .titu{width:100%;margin:40px 0;}
.hotFeature .case>div{margin-bottom:30px;}
.hotFeature .case>div:nth-child(odd) ul li:nth-child(1){float:right;margin-left:40px;}
.hotFeature .case>div:nth-child(even) ul li:nth-child(1){margin-right:40px;}
.hotFeature h3 a,.specialList h3 a{background:url(../images/icon_special.png) no-repeat left top #fff;padding-left:30px;}
.hotFeature ul{display:flow-root;}
.hotFeature ul li{width:640px;padding:25px 10px;box-sizing:border-box;line-height:24px;float:left;}
.hotFeature ul li:nth-child(1){width:600px;float:left;padding:0;}
.hotFeature ul li:nth-child(2){padding-top:0;}
.hotFeature ul li:nth-child(3){border-top:1px solid #F2F2F2;}
.hotFeature li img{width:100%;margin-bottom:10px;}
.hotFeature li h5{font-size:20px;font-weight:bold;margin-bottom:15px;line-height:26px;}
.hotFeature li p{color:#888;font-size:18px;}
.hotFeature .case>div:nth-child(2) ul{display:flex;justify-content:space-between;}
.hotFeature .case>div:nth-child(2) li{width:406px;padding:0;border:0;}
.hotFeature .case>div:nth-child(1) ul li:nth-child(1){margin-left:0;margin-right:40px;float:left;}
.hotFeature .specialList{display:block;}
.specialList h3 a:hover{color:#333;}
.specialList li{line-height:28px;border-top:1px solid #ddd;display:flex;padding:20px 0;}
.specialList li:first-child{border:0;padding-top:0;}
.specialList li img{width:260px;height:146px;margin-right:20px;vertical-align:top;}
.specialList li>div{display:flex;flex-direction:column;justify-content:space-between;}
.specialList li h5{font-size:22px;font-weight:bold;margin-bottom:15px;line-height:26px;}
.specialList li p{color:#888;font-size:18px;}
.specialList li span{color:#bbb;font-size:14px;margin-top:5px;}
.specialList li span a{color:#bbb;}