﻿/* CSS Document */

*{margin:0;padding:0;font-size:100%;}
body{ background-color:#fff;}
body, button, input, select, textarea { font:16px/21px "Microsoft YaHei","宋体",HELVETICA;vertical-align:middle;}

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;margin:0px; padding:0px;}
ul,li,ol { list-style:none;margin:0px; padding:0px;}
a{color:#000}
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:underline;color:#000}
img{vertical-align:top;border:0 none}
em { font-style:normal;}
button, input, select, textarea { font-size:100%; vertical-align:middle; font-family: Arial, Helvetica, sans-serif; outline:none}
textarea { resize:none }
input { line-height:1.2em; overflow:hidden;}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }

.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear{*zoom:1;clear:both; font-size:0; line-height:0; height:0; }
.ml10{ margin-left:10px;}
.mt15{margin-top:15px;}
.mb10{margin-bottom:15px;}
.ml25{margin-left:25px;}
.mt20{margin-top:20px;}
.mr15{margin-right:15px;}
.mb5{ margin-bottom:5px;}
.mt5{ margin-top:5px;}
.h10{height:10px;}
.h20{height:15px;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.line{border-bottom:1px solid #c8c8c8; }
.layout{width:1200px; margin:0 auto;}
.border-bottom{ border-bottom:1px solid #f1f1f1;}

.layout{ width:1200px; margin:0 auto; height:auto;/*overflow:hidden;*/}
.tophui{ background:#fafafa; width:100%; height:auto;}
.layout-left{ float:left;}
.layout-right{ float:right; width:200px;}
.layout-right-search{width:400px;}
.layout-right-search div{display:inline-block;vertical-align:middle;margin-top:10px;}
.layout-right-search .search{width:200px;height:30px;margin-right:20px;}

/*ad*/
.tophui{ background:#fafafa; width:100%; }
.layout-ad{ width:1200px; margin:0 auto;}
.layout-adleft{ width:595px; float:left;}
.layout-adright{width:595px; float:right;}
.ad-bannner3{ margin-bottom:8px; width:840px; }
/*topnav*/
.navbar{ width:100%; height:82px; line-height:82px; background:#fafafa;  border-bottom:1px solid #e6e6e6;}
.navbar .topnav{ height:82px;width:1200px; margin:0 auto; }
.navbar .topnav .toplogo{ float:left; margin-right:10px;}
.navbar .topnav .toplogo span{display:block; width:203px; height:56px; margin-top:10px; background:url(../images/toplogo.png) no-repeat;}

.navbar .topnav .nav{float:left; }
.navbar .topnav .nav-right{float:right;}
.navbar .topnav .nav li{}
.navbar .topnav .nav li{float:left; line-height:58px; font-size:18px; color:#2a2122;}
.navbar .topnav .nav li a{ color:#2a2122;}
.navbar .nav > li > a:hover { color: #f43b22; }

.navbar .nav > li:hover > ul { top: 100%; }
.navbar .nav > li > ul {  padding-top: 13px;   }
.navbar .nav > li > ul:before {content: "";      border-style: solid;      border-width: 0 9px 9px 9px;      border-color: transparent transparent #eee transparent;      height: 0px;
  position: absolute;      left: 15px;     top: 5px;      width: 0px;     -webkit-transform: rotate(360deg); }/*三角*/

.navbar .nav li {    position: relative; }
 .navbar .nav li:hover > ul { opacity: 1;   z-index: 100;      -webkit-transform: scale(1, 1);     visibility: visible;      display: block\9; }
 .navbar .nav ul {  list-style-type: none;    margin-left: 0;   opacity: 0;   position: absolute;    top: 0;    width:250px;    z-index: -100; visibility: hidden;   display: none\9; }
.navbar .nav ul li {  padding:3px 3px 3px; }/*弹出样式*/
.litter-nav{ height:110px; background-color:#ffffff; border-radius:6px; border:1px solid #eee; -webkit-box-shadow:0 0 5px #eee;  
-moz-box-shadow:0 0 5px #eee;  
box-shadow:0 0 5px #eee;  
}
.navbar .nav ul li.active > a, .navbar .nav ul li.active > a:hover {  background:none ; }
.navbar .nav ul a {      color: white;      display: block;      font-size: 14px; line-height:26px;    padding:2px 6px;     text-decoration: none; }/*弹出样式*/
 .navbar .nav ul a:hover {    background-color: #eef; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background: none;box-shadow: none;}


.nav-right .nav .active ul{ list-style-type: none;    margin-left: 0;   opacity: 0;   position: absolute;   width:100px;    top: 0;    z-index: -100; visibility: hidden;   display: none\9;}
/*右侧推荐导航*/	
.nav-right ul .nav li { font-size:16px; font-weight:400; color:#ffab32;}
.nav-right ul .nav li   a{ color:#ffab32;}
/*二维码样式*/
 .toutiaolala{ width:40px; height:40px; background:url(../images/toutiao.png) ; margin:12px -10px 0 0px;}
.dinggelala{ width:40px; height:40px;  background:url(../images/dingge.png) ; margin:12px -10px 0 0px;;}
.wxsslala{ width:40px; height:40px;  background:url(../images/wxss.png) ; margin:12px -10px 0 0px;;}
.changanlala{ width:40px; height:40px;  background:url(../images/changan.png) ; margin:12px -10px 0 0px;;}
.erweima span{ display:block;width: 90px; height:90px; background:url(../images/sxtt0.jpg) no-repeat; margin-left:20px; border:1px solid #ccc; }
.erweima1 span{ display:block;width: 90px; height:90px; background:url(../images/dingge2.jpg) no-repeat; margin-left:20px; border:1px solid #ccc; }
.erweima2 span{ display:block;width: 90px; height:90px; background:url(../images/wxsser.png) no-repeat; margin-left:20px; border:1px solid #ccc; }
.erweima3 span{ display:block;width: 90px; height:90px; background:url(../images/changaner.png) no-repeat; margin-left:20px; border:1px solid #ccc; }
.navbar .nav > li > ul.erweima:before {content: "";      border-style: solid;      border-width: 0 9px 9px 9px;      border-color: transparent transparent #ccc transparent;      height: 0px;
  position: absolute;      left: 35px;     top: 5px;      width: 0px;     -webkit-transform: rotate(360deg);  }/*三角1*/
.navbar .nav > li > ul.erweima1:before {content: "";      border-style: solid;      border-width: 0 9px 9px 9px;      border-color: transparent transparent #ccc transparent;      height: 0px;
  position: absolute;      left: 35px;     top: 5px;      width: 0px;     -webkit-transform: rotate(360deg); }/*三角2*/
.navbar .nav > li > ul.erweima2:before {content: "";      border-style: solid;      border-width: 0 9px 9px 9px;      border-color: transparent transparent #ccc transparent;      height: 0px;
  position: absolute;      left: 35px;     top: 5px;      width: 0px;     -webkit-transform: rotate(360deg); }/*三角2*/
.navbar .nav > li > ul.erweima3:before {content: "";      border-style: solid;      border-width: 0 9px 9px 9px;      border-color: transparent transparent #ccc transparent;      height: 0px;
  position: absolute;      left: 35px;     top: 5px;      width: 0px;     -webkit-transform: rotate(360deg); }/*三角2*/
/*右侧推荐导航*/	

  

/*header*/
.layout h1{padding:30px 0px;  line-height:50px; font-size:2.4em; font-weight:600;width:100%;clear:both; } 
.layout .subTitle{font-size:18px;line-height:35px;color:#666}
.layout .layout-left ul{ margin-top:20px;height:30px; line-height:30px; font-size:1em; }
.layout .layout-left ul li{float:left; margin-right:10px; color:#7a7a7a;}
.layout .layout-left ul li a{color:#7a7a7a;}
.layout .layout-left ul li a:hover{color:#f43b22;}
.layout .layout-right .search {height:30px;}
.layout .layout-right .search .commonSearchInput{width:150px;height: 30px;border-right: none;border-bottom-right-radius:0px;border-top-right-radius:0px;float: left;margin:0;}
.layout .layout-right .search .commonSearchBtn{cursor: pointer;width: 30px;height: 30px;background: url('../images/search.png') no-repeat center;float: left;border: 1px solid #5599FF;background-color: #5599FF;border-radius: 0px 3px 3px 0px;
}

.timely{ height:45px;}
.layout .layout-left p{ height:50px; line-height:50px; font-size:1em;  color:#666;}
.layout-right ul{ height:50px; line-height:50px;   }
.layout-right li{ float:left; margin-right:10px;}
.layout-right li.weixin{ width:45px; height:45px; border-radius:50%; background:url(../images/weixin.png) 1px 5px #82d942;}
.layout-right li.qqkj{ width:45px; height:45px; border-radius:50%; background:url(../images/qqkj0.png) -2px 2px #34a8f9;}
.layout-right li.wb{ width:45px; height:45px; border-radius:50%; background:url(../images/wb.png) 3px 2px #f4bb22;}
.layout-right li a{width:45px; height:45px; border-radius:50%;display:block;}
.layout-right li.gengduo{ width:45px; height:45px; border-radius:50%; background:url(../images/gengduo.png) 4px 2px #f76e4a;}

/*con*/
.con{ width:1200px;margin:0 auto;  height:auto; overflow:hidden;}
.con-left{ width:840px; float:left; margin-right:60px;}
.con-right{ width:300px; float:right;}
.r-con{ width:300px; margin:0 auto;}
/*con*/

.pos{ font-size:16px; color:#333; padding-top:10px;}
.pos .word1{font-size:16px; color:#333;}
.pos .fgf{font-size:16px;  line-height:26px; padding:0px 6px;}

.con-detail{ }
.con-detail p{ text-indent:2em; line-height:35px; font-size:18px; padding:10px 0px; }
.con-detail p img{text-align:center; max-width:750px;display: block;margin: 0 auto;}
.con-detail p a{color:#08c;}
.con-detail p a:hover{color:#08c;}

.con-detail table{border:solid #ededed; border-width:1px 0px 0px 1px;margin:20px auto 20px auto;}
.con-detail td{border:solid #ededed; border-width:0px 1px 1px 0px;word-break: break-all;}
.con-detail td p{font-size:16px;text-indent:0em;padding-left:1em;padding-right:1em;margin:0;}

.con-detail .videoBox{text-indent:0;position:relative;background:#000;width:100%;margin: 0 auto;}
.con-detail .videoBox iframe{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;}
.con-detail .videoBox video{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;}
.con-detail .videoBox:after{content: '';display: block;padding-top: 56.25%;z-index:1}

.con-detail .audioBox{text-indent:0;width:360px;margin: 0 auto;height:90px;border:1px solid #ededed;border-radius:6px;padding:15px 15px 15px 0px;box-sizing:border-box;overflow:hidden;}
.con-detail .audioBox .icon{float:left;width:88px;text-align:center;}
.con-detail .audioBox .icon img{width:38px;height:38px;display:block}
.con-detail .audioBox .icon time{line-height:12px;font-size:12px;color:#939393;display: block;margin-top:10px;}
.con-detail .audioBox .title{font-size:17px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}

.con-detail .bianji { margin:40px 0px 0px 0px; height:40px; font-size:14px;text-align: right;}
.con-detail-bottom { width:100%; height:110px; }
.con-detail-bottom-left{ float:left; width:275px;}

.con-detail-bottom-left ul{ height:90px; line-height:90px;  padding-top:30px; }
.con-detail-bottom-left li{ float:left; margin-right:10px;}
.con-detail-bottom-left li.weixin{ width:45px; height:45px; border-radius:50%; background:url(../images/weixin.png) 1px 5px #82d942;}
.con-detail-bottom-left li.qqkj{ width:45px; height:45px; border-radius:50%; background:url(../images/qqkj0.png) -2px 2px #34a8f9;}
.con-detail-bottom-left li.wb{ width:45px; height:45px; border-radius:50%; background:url(../images/wb.png) 3px 2px #f4bb22;}
.con-detail-bottom-left li a{width:45px; height:45px; border-radius:50%;display:block;}
.con-detail-bottom-left li.gengduo{ width:45px; height:45px; border-radius:50%; background:url(../images/gengduo.png) 4px 2px #f76e4a;}
.con-detail-bottom-right{ float:right; width:430px;}
.con-detail-bottom-right ul li { float:left;}
.con-detail-bottom-right ul li.toutiao{width: 100px; height:90px; background:url(../images/sxtt0.jpg) no-repeat;line-height:24px; height:90px; padding-left:100px; }
.con-detail-bottom-right ul li.dingge{width: 100px; height:90px; background:url(../images/dingge2.jpg) no-repeat;line-height:24px; height:90px; padding-left:100px;  margin-left:10px;}

/*右侧*/
.shixiang h2{height:43px; line-height:43px; font-size:30px; font-weight:500;}
.shixiang h2 a{ color:1c1c1c;}
.shixiang h2 a:hover{ color:1c1c1c;}
.shixiang ul{ margin:10px 0px;}
.shixiang ul li img{ width:300px; height:169px;}
.shixiang ul li p{ line-height:50px; height:50px; font-size:14px;  text-align:center; width:300px; overflow:hidden;}
.shixiang ul li p a{color:#1c1c1c;}

.minsheng-con li{line-height:37px; height:37px; border-bottom:1px solid #e9e9e9;font-size:14px; color:#1c1c1c; overflow:hidden;}
.minsheng-con li:last-child{border-bottom:none;}
.minsheng-con li a{color:#1c1c1c;}
.minsheng-con li a:hover{color:#636363;}

.discover h2{height:43px; line-height:43px; font-size:26px; font-weight:500; margin-top:20px;}
.discover h2 a{ color:1c1c1c;}
.discover h2 a:hover{ color:1c1c1c;}
.discover ul{ margin:10px 0px;}
.discover ul li img{ width:300px; height:169px;}
.discover ul li p{ line-height:25px; height:50px; font-size:14px;  text-align:center;}
.discover ul li p a{color:#1c1c1c;}

.shipin h2{height:43px; line-height:43px; font-size:30px; font-weight:500;margin-top:25px;}
.shipin h2 a{ color:1c1c1c;}
.shipin h2 a:hover{ color:1c1c1c;}
.shipin-con { padding-top:10px;}
.shipin-con h3{ text-align:center; font-size:14px;height:50px;overflow:hidden;}
.shipin-img { position:relative;}
.shipin-img img{ width:300px; height:169px;}
.shipin-img span{display:block; position:absolute; bottom:50px; left:110px;; width:70px; height:70px; background:url(../images/play.png) no-repeat 0 0;filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;}
.shipin ul li p{ line-height:50px; height:50px; font-size:16px;  text-align:center;}
.shipin ul li p a{color:#1c1c1c;}



.quanjing h2{height:43px; line-height:43px; font-size:30px; font-weight:500; margin-top:20px;}
.quanjing h2 a{ color:1c1c1c;}
.quanjing h2 a:hover{ color:1c1c1c;}
.quanjing ul{ margin:10px 0px;}
.quanjing ul li img{ width:300px; height:360px;}
.quanjing ul li p{ line-height:50px; height:50px; font-size:14px;  text-align:center;overflow: hidden;}
.quanjing ul li p a{color:#1c1c1c;}
/*滑动门*/
#wrap-h{width:840px; margin:0 auto; border-top:3px solid #efb870; padding-top:40px;overflow:hidden;}
#wrap-h .position{position: fixed;top: 0;z-index: 1;}

#content-h{float:left;width:690px; margin-left:20px;}
#content-h ul{list-style:none; margin:0px 0px 0px 20px;}
#content-h li{font-size:16px; line-height:40px;  color:#000;border-bottom:1px solid #eee; margin-bottom:15px;}
#content-h li:last-child{border-bottom:none;}
.warp-tw{ height:auto; overflow:hidden; padding-bottom:15px;}
.warp-tw-pic{ float:left;width:170px; }
.warp-tw-pic img{ width:140px; height:90px;}
.warp-tw-nr{ float:left;}
.warp-tw-nr h3{  font-size:1.3em; line-height:30px; height:30px; color:#2d2d2d;width: 500px;overflow: hidden;}
.warp-tw-nr h3 a{ color:#2d2d2d;}
.warp-tw-nr h3 a:hover{color:#2d2d2d;}
.warp-tw-nr p{ font-size:0.9em;width:500px;;color:#8d8d8d; position:relative;  line-height:24px; height: 50px;overflow: hidden;}
.warp-tw-nr p a{color:#8d8d8d;}
.warp-tw-nr p span{position:absolute; right:0px; font-size:0.9em; color:#dcdada;}
.warp-tw-nr em{ font-style:normal; color:#FF9900; font-size:12px; border:1px #FF9900 solid; display:inline-block; padding:0px 3px; height:20px; line-height:20px;margin-right:10px; border-radius:5px;}
.warp-tw-more { text-align:center; margin:10px auto;}
.warp-tw-more .btn { width:100px; background:#f0f0f0;}
.warp-tw-more .btn-default a{ color:#666666;}
.warp-tw-more .btn-default a:hover{ background:#c0c0c0; color:#FF6633;}

.warp-tw-nr.warp-tw-nr-nopic{float:left;}
.warp-tw-nr.warp-tw-nr-nopic  h3{width:670px}
.warp-tw-nr.warp-tw-nr-nopic  p{width:670px;height:auto;margin-bottom:0;}
.warp-tw-nr.warp-tw-nr-nopic  span{font-size:0.8em; color:#dcdada;float:right;display:block;line-height:15px;}

#menu-h{float:left; width:120px; border-right:1px solid #eee;}
#menu-h li{height:45px; line-height:45px; font-size:16px; color:#fff;  border-bottom:1px solid #fff; text-align:center;}
#menu-h a{color:#404040;text-decoration:none; display:block;}
#menu-h a:hover,#menu-h .on a{ background-color:#ef8870;color:#fff;font-weight: bold;}

/*load*/
#listLoad{width:100px;margin:20px auto;text-align:center;display:none;}

.con-detail-bottom-left,.layout-right{position:relative;}
.listEwm{position:absolute;left:-250px;top:0px;z-index:100;width:240px;height:300px;background:#fff;border:1px solid #ccc;box-shadow:0 1px 13px rgba(34,25,25,1);padding:15px;box-sizing:border-box;color:#999;display:none}
.listEwm div{font-size:12px;line-height:17px;}
/*.listEwm .code{margin:12px 0px 12px 4px}*/
.listEwm p .closed{float:right;width:12px;height:12px;background:url("../images/close-btn-2.png");background-position:0px 0px;cursor:pointer;}
.listEwm p .closed:hover{background-position:0px 12px;}

.ewmbottom{position:absolute;z-index:10;left:170px;top:20px;}

/*分页*/
.paging{text-align:center;}
.paging a{margin:0px 3px;}
.paging a.now{color:#CC0000}

/*图集*/
.picBox{position:relative;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:30px auto 35px auto;width:1200px;}
.picList{text-align:center;margin-top:35px;}
.picItem{display:none;}
.picItem.show{display:block;}
.picItem img{max-width:1200px;min-height:500px;} 
.picInfo{line-height:40px;text-align:justify;position:relative;font-size:18px;}
.infoCon{padding:30px 50px;text-indent:2em;word-break:break-all;}
.picInfo .PageNum {position:absolute;top:0px;left:0px;width:70px;float: left;margin:25px 10px;font-family: Georgia, tahoma;}
.picInfo .PageNum span:first-child {font-size: 25px;color: #ef8870;margin-right:4px;}

.clickBtn{position:absolute;top:0;width:600px;cursor: pointer;opacity: 0;overflow:hidden;margin-top:35px;}
.picPre{left:0;background: url(../images/left.png) no-repeat left center;background-size:100px auto;opacity: 0;}
.picNext{right:0;background: url(../images/right.png) no-repeat right center;background-size:100px auto;opacity: 0;}
.picNext:hover,.picPre:hover{opacity: 0.5;}

.picBox .bianji{text-align:right;height: 40px;font-size: 14px;}

.moreBox{display:none;overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:30px auto 35px auto;width:1200px;padding:30px 0px;}
.moreBox .thisImg,.moreBox .otherImg{float:left;}
.moreBox .thisImg{width:480px;height:345px;margin-right:15px;position:relative;}
.moreBox .thisImg img{width:480px;height:345px;}
.moreBox .thisImg .thisHover{position:absolute;top:0;left:0;width:480px;height:345px;color:#fff;line-height:345px;text-align:center;font-size:15px;font-weight:bold;cursor:pointer;background-color: rgba(0,0,0, 0.5);
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}
.moreBox .thisImg .thisHover img{width:38px;height:33px;margin-right:10px;vertical-align: middle;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,1,0deg) scale3d(1,1,1);
	transform: translate3d(0,0,0) rotate3d(0,0,1,0deg) scale3d(1,1,1);
	transition: opacity 0.5s, transform 0.5s;}
.moreBox .thisImg .thisHover:hover img{
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
	transform: translate3d(0,0,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
	transition: opacity 0.5s, transform 0.5s;}


.moreBox .otherImg{width:705px;height:345px;}
.moreBox .otherImg a.imgItem{float:left;width:220px;height:165px;margin:0px 15px 15px 0px;position:relative;text-align:center;overflow:hidden;}
.moreBox .otherImg a.imgItem img{width:220px;height:165px;}

.imgItem .overlay {width:220px;height:165px;position: absolute;top:0;left:0;}

.imgItem img {
  transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.imgItem .overlay {
  opacity: 0;
  background-color: rgba(0,0,0, 0.5);
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.imgItem p{
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #fff;
  font-size:14px;
  word-wrap:break-word;
  margin:50px 15px;
}

.imgItem:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.imgItem:hover .overlay {
  opacity: 1;
}

.imgItem:hover p{
  opacity: 1;
  -moz-transform: translatey(0);
  -ms-transform: translatey(0);
  -o-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}