/**************************************** 
  全局样式
 ****************************************/
*{ margin:0; padding:0;}
html, body{ font-family:"微软雅黑"; font-size:12px; line-height:1.5em; color:#333;}
ul, li, ul li, dl, dt, dd{ list-style:none; margin:0; padding:0;}
a:focus{ outline:none;}
a:hover{ text-decoration:none;}

.mar-0{ margin:0;}
.mar-t-10{ margin-top:10px;}
.mar-t-20{ margin-top:20px;}
.mar-t-30{ margin-top:30px;}
.mar-t-40{ margin-top:40px;}
.mar-t-50{ margin-top:50px;}
.mar-b-10{ margin-bottom:10px;}
.mar-b-20{ margin-bottom:20px;}
.mar-b-30{ margin-bottom:30px;}
.mar-b-40{ margin-bottom:40px;}
.mar-b-50{ margin-bottom:50px;}
.mar-r-0{ margin-right:0;}
.mar-r-1{ margin-right:1px;}
.mar-r-5{ margin-right:5px;}
.mar-r-10{ margin-right:10px;}
.mar-r-20{ margin-right:20px;}
.mar-r-30{ margin-right:30px;}
.mar-r-60{ margin-right:60px;}
.mar-r-80{ margin-right:80px;}
.mar-r-100{ margin-right:100px;}
.mar-r-135{ margin-right:135px;}

.width-200{ width:200px;}
.width-210{ width:210px;}
.width-350{ width:350px;}

.space-20{ height:20px;}

/* 链接Hover */
a.link-hover:hover{ color:#ff4400!important;}

/* 图片Hover */
.img-hover:hover{ opacity:0.8;}

/* 布局 */
.wrapper{ position:relative; background:#fff;}
.min-width{ min-width:1200px;}
.min-width-v2{ min-width:1140px;}
.container{ width:1200px;}
.container-v2{ width:1120px; margin:0 auto;}
.clear{ clear:both;}
.position-r{ position:relative;}

.content{ padding:20px 0;}
.content-v2{ background:#f8f8f8;}
.content-border{ border-right:1px solid #eee;}
.main-contnet{ float:left; width:892px; border-left:1px solid #eee; border-right:1px solid #eee; padding:0 10px;}
.side{ float:right; width:294px; padding:0 10px 0 0;}
 
/******************************** 
	专题
*********************************/
.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(banner.jpg) no-repeat center; height:431px;}
.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:200px; 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:258px; 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-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(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;}

.subject-tem-banner h1.title{ color:#61a6bd;}

.subject-sec{ border:1px solid #61a6bd;}
.subject-sec .sec-title{ background:#61a6bd; border-bottom:1px solid #61a6bd;}