/******************************** 
	专题
*********************************/
.subject-banner{ background:#f8f8f8; padding:25px 0;}
.subject-banner-i{ background:#fff; border:1px solid #eaeaea; padding:15px;}
.subject-slider{ position:relative; width:1090px;}
.subject-slider img{ width:760px; height:auto;}
.subject-slider .flex-control-nav { position: absolute; width:100%; left:0; bottom: 0; height:28px; line-height:28px; padding:5px 25px; z-index:999; text-align:center;}
.subject-slider .flex-control-nav li { margin:0 6px 0 0; padding:4px 0 0 0; display: inline-block; zoom: 1; *display: inline;}
.subject-slider .flex-control-paging li a { display:inline-block; width: 11px; height: 11px; background: #fff; cursor: pointer; text-indent: -9999px; border-radius:50%;}

.subject-slider .banner-slider-desc{ background:none; position:absolute; right:15px; top:50px; width:295px; height:305px; text-align:left;}
.subject-slider .banner-slider-desc h3{ margin:0 0 30px 0;}
.subject-slider .banner-slider-desc p{ padding:0; font-size:13px; color:#666; line-height:2em; text-indent:2em;}

.subject-con{ padding-bottom:30px;}
.subject-main{ width:800px; background:#fff; border:1px solid #eaeaea; padding:20px;}
.subject-cate{ position:relative; border:1px solid #eaeaea;}
.subject-cate li{ float:left; background:#fff; height:50px; border-right:1px solid #eee;}
.subject-cate li.active, .subject-cate li:hover{ position:relative; bottom:-1px;}
.subject-cate li.active i, .subject-cate li:hover i{ position:absolute; left:0; top:-1px; background:#ff4400; height:3px; width:100%; content:'';}
.subject-cate li a{ display:block; height:50px; line-height:50px; padding:0 40px; font-size:16px; color:#666; text-align:center}
.subject-cate li.active a, .subject-cate li:hover a{ line-height:48px;}

.subject-list-con{ display:none;}
.subject-list-con.active{ display:block;}
.subject-list-con li{ background:#fafafa; border:1px solid #fafafa; padding:20px; margin:25px 0 0 0;}
.subject-list-con li:hover{ background:#f5f5f5;}
.subject-list-con li img{ float:left; width:250px; height:125px;}
.subject-list-con li .desc{ float:left; width:435px; margin:0 0 0 30px;}
.subject-list-con li .desc a.title{ display:inline-block; margin:10px 0 20px 0; font-size:20px; color:#333;}
.subject-list-con li .desc p{ font-size:12px; line-height:2em; color:#666;}
.subject-list-con a.load-more{ display:block; background:#f5f5f5; margin:30px auto 0 auto; height:42px; line-height:42px; width:100%; text-align:center; color:#333; font-size:16px;}


/******************************** 
	专题模板
*********************************/
.subject-template-outer{ padding:30px 0;}
.subject-template-con{ position:relative; background:#fff; border:1px solid #eaeaea; padding:30px;}

.subject-tem-banner{ background:url(../images/subject/banner.png) no-repeat center; height:430px;}
.subject-tem-banner h1.title{ position:absolute; left:470px; top:100px; font-size:46px; font-weight:bold; font-style:italic;}
.subject-tem-banner .summary{ position:absolute; left:470px; top:230px; width:625px;}
.subject-tem-banner .summary p{ font-size:16px; color:#333; line-height:1.8em;}
.subject-tem-banner .share{ float:right; margin:10px 0 0 0;}

.topic-banner{ margin-bottom:25px;}
.topic-banner-img{ width:515px; margin:0 28px 0 0;}
.topic-banner-img img{ width:100%; height:auto;}
.topic-banner-r{ width:515px; padding:5px 0 0 0;}
.topic-banner-r .date h3{ float:left; margin:0; font-size:16px; color:#333;}
.topic-banner-r .date a{ float:right; font-size:16px; color:#ff4400;}
.topic-banner-r .date a:hover{ text-decoration:underline;}
.topic-banner-r h3.title{ margin:15px 0; padding-bottom:20px; border-bottom:1px dashed #999; font-size:24px; color:#333;}
.topic-banner-r p{ font-size:14px; line-height:1.8em;}

.subject-sec{ margin-bottom:25px;}
.subject-sec .sec-title{ position:relative; height:46px; line-height:46px; padding:0 0 0 20px; font-size:16px; color:#fff;}
.subject-sec .desc{ padding:15px 15px 0 15px;}
.subject-sec .desc p{ border-bottom:1px solid #eee; padding-bottom:15px; margin:0; font-size:14px; color:#666; line-height:1.8em; text-indent:2em;}

.subject-article-list{ padding:15px; padding-top:0;}
.subject-article-list ul{ margin-left:-20px;}
.subject-article-list li{ float:left; width:500px; margin:25px 0 0 20px;}
.subject-article-list li img{ float:left; width:190px; height:126px;}
.subject-article-list li .desc{ float:left; width:300px; margin:0 0 0 10px; padding-top:10px;}
.subject-article-list li .desc a.title{ display:block; margin:0 0 15px 0; font-size:16px; color:#333; height:20px;overflow:hidden}
.subject-article-list li .desc p { border-bottom:none;}
.subject-article-list li .desc p a{ color:#ff4400;}

.subject-know-list{ margin:10px 0 0 0; padding:15px;}
.subject-know-list ul{ margin-left:-16px;}
.subject-know-list li{ float:left; width:330px; height:200px; background:#f8f8f8; border:1px solid #eaeaea; padding:30px 15px; margin:0 0 15px 16px; border-radius:3px;}
.subject-know-list li a.title{ display:block; text-align:center; margin:0 0 10px 0; font-size:16px;}
.subject-know-list li p{ margin:0; font-size:12px; line-height:2em; text-indent:2em;}
.subject-know-list li p a{ color:#ff4400;}

.subject-sec-con{ padding:20px 15px;}
.subject-sec-con img{ float:left; width:300px; height:210px;}

.subject-right-text{ width:690px; margin:0 0 0 20px;}
.subject-right-text h3.title{ margin:0 0 10px 0; font-size:20px; color:#333;}
.subject-right-text h3.title a{ color:#333;}
.subject-right-text p{ font-size:14px; line-height:1.8em; color:#666; text-indent:2em;}
.subject-right-text p a{ color:#ff4400;}
.subject-right-text .feature-list-hd{ padding-bottom:6px; border-bottom:1px solid #eee; font-size:16px; color:#333;}
.subject-right-text .feature-list ul{ margin-left:-20px;}
.subject-right-text .feature-list ul li{ position:relative; float:left; width:330px; margin:10px 0 0 20px; padding:0 0 0 10px;}
.subject-right-text .feature-list ul li i{ display:inline-block; width:3px; height:3px; background:#666; position:absolute; left:0; top:6px;}
.subject-right-text .feature-list ul li a{ font-size:14px; color:#333;}

.subject-fix{ position:absolute; top:0; left:50%; margin-left:-660px; background:#fff; border:1px solid #eaeaea; border-bottom:none; width:90px;}
.subject-fix li{ padding:10px; border-bottom:1px solid #eaeaea; text-align:center;}
.subject-fix li.active{ background:#f8f8f8;}
.subject-fix li.active a{ color:#ff4400;}
.subject-fix li a{ color:#333;}

.page-nav{ margin:10px 0 0 0; font-size:16px; color:#333;}
.page-nav a{ color:#999; font-size:16px;}

.subject-sec-ask{ padding:15px;}
.subject-ask-l{ float:left; width:730px; border-right:1px solid #ddd;}
.ask-block{ float:left; width:360px; margin:20px 0 0 0;}
.ask-block dl{ margin:0 0 10px 0;}
.ask-block dt{ float:left; margin:0 10px 0 0; border-radius:1px; width:32px; height:17px; line-height:17px; color:#fff; text-align:center; font-size:12px; font-weight:normal;}
.ask-block dt.ask{ background:#ff4400;}
.ask-block dt.answer{ background:#69F;}
.ask-block dd{ float:left; width:300px; line-height:1.6em;}
.ask-block dd a{ color:#ff4400;}
.ask-block dd a.title{ font-size:14px; font-weight:bold; color:#333;}

.subject-ask-r{ width:265px; margin:0 0 0 20px; padding-top:10px;}
.subject-ask-r h3{ background:url(../images/subject/twAdd.png) no-repeat; width:244px; height:58px; margin:0 0 20px 0;}
.subject-ask-r textarea{ background:#fff; border:1px solid #ddd; width:100%; min-height:150px; padding:5px;}
.subject-ask-r a{ display:inline-block; background:#ff4400; padding:8px 15px; color:#fff; border:none; font-size:14px; font-weight:bold;}
.pages{ margin:20px 0 0 0; text-align:center;}
.pages a{ display:inline-block; background:#fff; border:1px solid #ececec; padding:2px 10px; color:#333;}
.pages a.current, .pages a:hover{ background:#f1f1f1;}

.subject-side{ width:304px; margin:0 0 0 16px;}

.subject-right-text .feature-list ul li{ width:335px;}
.subject-right-text .feature-list ul li a{ display:inline-block; height:20px; width:245px; overflow:hidden;}
.subject-right-text .feature-list ul li span.date{ float:right; color:#aaa;}

/******************************** 
	专题列表
*********************************/
.subject-list-content{ position:relative; padding:30px 0;}
.subject-list-content-i{ position:relative;}
.subject-list-main{ width:800px; background:#fff; border:1px solid #eaeaea; padding:0 20px 20px 20px;}

.subject-list-main li{ background:#fafafa; border:1px solid #fafafa; padding:20px; margin:25px 0 0 0;}
.subject-list-main li:hover{ background:#f5f5f5;}
.subject-list-main li img{ float:left; width:250px; height:125px;}
.subject-list-main li .desc{ float:left; width:435px; margin:0 0 0 30px;}
.subject-list-main li .desc a.title{ display:inline-block; margin:10px 0 20px 0; font-size:20px; color:#333;}
.subject-list-main li .desc p{ font-size:12px; line-height:2em; color:#666;}

.subject-list-side{ width:304px; margin:0 0 0 16px;}
