@charset "utf-8";
/* CSS Document */

/*1200宽容器div*/
.inner{ width: 1200px; margin: 0 auto; position: relative;}
.inner:after{ content: ""; clear: both;}
.clear{ clear: both;}

/*---------*/
/*头部通用组件 #header
/*20180328
/*by 张恒
/*---------*/
#header{ position: relative; width: 100%;}
#header .header{  width: 100%; height: 39px; border-bottom: dashed 1px #ccc; background: #fff; line-height: 39px;}
#header .header i{ display: inline-block; margin-left: 7px; margin-right: 3px; vertical-align:top;}
#header .header .icon { font-size: 18px; color: #c49368;}
#header .logo{ height: 140px;}
/*导航*/
#header .nav{ width: 100%; height:40px; background:#bd0703;}
#header .nav ul { display:table; width:800px;height:35px; padding-top: 5px;}
#header .nav ul li { display: table-cell; height:35px; line-height:35px; white-space:nowrap; text-align:center; font-size:16px; color:#fff;}
#header .nav ul li a{display: block; color: #fff;}
#header .nav ul li.cur,#header .nav ul li:hover{background: #fff; border-radius:3px 3px 0 0;}
#header .nav ul li.cur a,#header .nav ul li:hover a{ color: #bd0703;}
/*搜索*/
#header .search{}
#header .search span{ color: #fff; line-height: 40px;}
#header .search input[type=text]{ width: 200px; height: 24px; border:0; text-indent: 0.5em; }
#header .search button{ width: 48px; height: 24px; line-height: 24px; text-align: center; background: #fff; border:0; cursor: pointer;}

/*头部通用组件 end*/


/*---------*/
/*主要内容通用组件 #main
/*20180328
/*by 张恒
/*---------*/
#main{width: 1200px; background: #fff; margin: 0 auto; padding: 15px; position: relative;}
#main:after{content: ""; clear: both;}

/*栏目通用样式*/
.column{ overflow: hidden; position: relative;}
.column .column-name{ position: relative;}
.column .column-name span{ line-height: 39px; font-size: 16px; position: relative; z-index: 2}
.column .column-name span a{color:#fff;}
.column .column-name .more{ float: right; font-size: 14px; color: #333; line-height: 39px; }
.column .column-name .more a{ color:#bd0703; }
.column ul{ height: 100%; overflow: hidden;}
.column ul li{ height: 100%; overflow: hidden; position: relative;}
.column ul li .image{position: relative;}
.column ul li .image img{ display: block; width: 100%;}
.column ul li .title{ line-height: 39px; color: #333; /*position: relative;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.column ul li .title a{ color: #333;}
.column ul li .title a:hover{ color:#bd0703;}
.column ul li .content{ color: #666; position: relative;}
.column ul li .date{ color: #666; float: right;}
.column ul li .more{ float: right;}
.column ul li .more a{ color: #bd0703;}

/*图片轮播通用样式*/
.image-play{ overflow: hidden;}
.image-play ul{ width:100%; height: 100%;}
.image-play ul li{ width:100%; height: 100%; float:left; position:relative;}
.image-play ul li:before{content: ""; width: 100%; height: 40px; background: #0068b7; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.image-play ul li img { display: block; width:100%; height: 100%;}
.image-play ul li .title{ position:absolute; bottom:0;left:10px; right:80px;z-index:7; height:40px; line-height:40px;}
.image-play ul li .title a{ color:#fff; font-size:16px;}
.image-play .num{position:absolute;right:10px;bottom:10px;overflow:hidden;zoom:1;z-index:10;}
.image-play .num span{display:inline-block;width:12px;height:12px;background:url(../images/bg-slide.png) 0 -12px no-repeat;_background:url(../images/bg-slide.png) 0 -12px no-repeat;cursor:pointer;overflow:hidden;}
.image-play .num span.on{background-position:0 0;}
.image-play .skip{display:block;width:23px; height:47px; background:url(../images/bg-slide.png) no-repeat; position:absolute; top:50%; margin-top:-24px; text-indent:-1000em; cursor:pointer;}
.image-play .prev{background-position:0 -172px;left:10px; }
.image-play .prev:hover{background-position:0 -219px;}
.image-play .next{background-position:-23px -172px;right:10px;}
.image-play .next:hover{background-position:-23px -219px;}
.image-play:hover .prev,.image-play:hover .next{display:block;}

/*选项卡通用样式*/
.tab{ width: 100%; position: relative;}
.tab .tab-title{}
.tab .tab-title ul{ display: table; width: 100%; height:40px; background: #fff;}
.tab .tab-title ul li{ float: left; display: table-cell; width: 33%; height:40px; color: #666; line-height:40px; text-align:center; cursor:pointer;}
.tab .tab-title ul li a{ display: block; text-align: center; line-height: 40px;}
.tab .tab-title ul li.hit{ color:#fff; background:#bd0703; cursor:pointer;}
.tab .tab-content{}
.tab .tab-content > div{ display: none;}
.tab .tab-content > div:first-child{ display: block;}

/*二级导航通用样式*/
.navigation{}
.navigation .column-name{ height: 80px; background: #bd0703 url(../images/bg_navigation_column_name.png) no-repeat left top; text-align: center; margin-bottom: 15px;}
.navigation .column-name span{ line-height: 80px; font-size: 20px; font-weight: bold; letter-spacing: 0.1em; color:#fff;}
.navigation .column-name span a{ color:#fff;}
.navigation > ul > li{ background:#f7efdb; margin-bottom:4px;}
.navigation > ul > li:before{ content:""; width: 0; height: 0; border-top: solid 10px #bd0703; border-right: solid 10px rgba(0,0,0,0);  position: absolute; left: 4px; top: 4px; }
.navigation > ul > li .title{ height: 42px;}
.navigation > ul > li .title a{ display: block;  text-indent: 2em;}
.navigation > ul > li:hover,.navigation ul li.on{ background:#bd0703 }
.navigation > ul > li:hover:before,.navigation ul li.on:before{ border-top-color:#f7efdb; }
.navigation > ul > li:hover .title a,.navigation ul li.on .title a{ color:#f7efdb; }
.navigation > ul > li .content .second-title{ background: #fff; border: solid 4px #f7efdb; border-width: 0 4px; padding: 15px;}
.navigation > ul > li .content > div{ background: #fff; border: solid 4px #f7efdb; border-top: 0; padding:0 15px 15px;}

/*通用列表样式*/
.common-list{}
.common-list .column-name{ color: #fff;  background:url(../images/lm-bt_12.jpg) repeat-x;}
.common-list .column-name .more a{ color: #bd0703;}
.common-list ul{ padding: 15px;}
.common-list ul li{ padding-left: 20px; border-bottom: dashed 1px #efd0b4;}
.common-list ul li:before{ content: ""; width: 4px; height: 4px; border-radius: 50%; background: #b7b7b7; position: absolute; left: 8px; top:18px;}
.common-list ul li .title{ float: left; width: 85%;}
.common-list ul li .date{ float: right; width: 15%; line-height: 39px; text-align: right;}
.common-list .page{ float: right; margin-bottom: 15px; padding-right: 15px;}
.common-list .page span,.common-list .page a{margin-left: 10px;}
.common-list .page a:hover{ color:#bd0703; }

/*通用图片样式*/
.common-image{}
.common-image .column-name{ color: #fff; background:url(../images/lm-bt_12.jpg) repeat-x;}
.common-image .column-name .more a{ color: #bd0703;}
.common-image ul{ display: flex; flex-wrap: wrap; padding: 15px;}
.common-image ul li{ width: calc((100% - 45px) / 4); margin-right: 15px; margin-bottom: 15px;}
.common-image ul li:nth-child(4n){ margin-right: 0px;}
.common-image ul li img{ display: block; height: 132px;}
.common-image ul li .title{ text-align: center;}
.common-image .page{ float: right; margin-bottom: 15px; padding-right: 15px;}
.common-image .page span,.common-image .page a{margin-left: 10px;}
.common-image .page a:hover{ color:#bd0703; }


/*通用详情页*/
.common-detail{}
.common-detail .column-name{ color: #fff; background:url(../images/lm-bt_12.jpg) repeat-x;}
.common-detail .column-name .more a{ color: #bd0703;}
.common-detail ul{ margin-bottom: 25px;}
.common-detail ul li{}
.common-detail ul li .title{ font-size: 24px; text-align: center; color: #bd0703; padding-top: 25px; margin-bottom: 75px;}
.common-detail ul li .title a{ font-size: 24px; text-align: center; color: #bd0703; cursor:text}
.common-detail ul li .date{ width: 100%; position: absolute; top: 85px; text-align: center; border-top: dashed 1px #b4b4b4; padding-top: 10px;}
.common-detail .page{ margin-bottom: 15px; padding-top: 15px; border-top: dashed 1px #b4b4b4;}
.common-detail .page a:hover{ color:#bd0703; }
.common-detail .page .back{ float: right; display: block; width: 84px; height: 32px; border: solid 1px #b4b4b4; background: #eee; border-radius: 5px; text-align: center; line-height: 32px;}
.common-detail .page .back:hover{ border-color:#bd0703; }

/*---------*/
/*底部通用组件 #header
/*20180328
/*by 张恒
/*---------*/
#footer {height:130px; min-width:1200px; background:#c80000; text-align:center; padding-top:25px;}
#footer .security-link { display:inline-block; margin-right:20px;}
#footer .security-link span{  display:inline-block; height:84px; border-radius:3px; text-align:center; margin-right: 10px; vertical-align:middle; box-sizing: border-box;}
#footer .security-link span:last-child{  margin-right: 0px; padding-top: 14px;}
#footer .security-link span + span{  margin-right: 0px; padding-top: 14px;}
#footer .security-link span img{  display:block; vertical-align:middle;}
#footer .copyright { height:84px; line-height:24px; color:#fff; font-size:14px; display:inline-block; vertical-align:top; text-align:left; padding-top:5px;}
#footer .copyright a{ color: #fff;}