.hg30{height:30px}.hg20{height:20px}
.mid-nav{ display: block; width: 100%; padding: 0px 0 20px;}
.mid-nav li{ display: block; float: left; margin-left: 35px;}
.mid-nav li:first-child{ margin-left: 0px;}
.mid-nav li a{ font-size: 16px;}
/*广告位置*/
.banner{ display: block; width: 100%;background: #f4f4f4}
.banner .banner-l{ width: 598px; height: 342px; float: left;}
.banner .banner-r1{ width: 602px; float: left;}
.banner .banner-r1 ul{ display: block;}
.banner .banner-r1 ul li{ width: 285px; height: 163px; display: block; margin-bottom: 16px; margin-left: 16px; background:#cdcece ; float: left; overflow: hidden; position: relative;}
.banner .banner-r1 ul li  span{ display: block;  position: absolute; bottom: 0px; left: 0px;font-weight: bold; font-size: 14px; line-height: 28px; max-height: 56px; overflow: hidden; color: #fff;padding: 0px 10px; width:95%;background: rgba(0,0,0,0.4);}
.banner .banner-r1 ul li a:hover{ color: #fff;}
.banner .banner-r1 ul li a img{width:100%}
.indexMid{ margin-top: 18px; width: 100%;}
.indexMid .indexMid-l{ display: block; width: 880px; float: left;}
.indexMid .indexMid-l h2{ display: none; color: #31424e; font-size: 16px; font-weight: bold;}
.indexMid .indexMid-l .nrjx{ display: none; width: 100%; margin-top: 20px;}
.indexMid .indexMid-l .nrjx li{ display: block; width: 234px; margin-left: 30px; margin-bottom: 30px; float: left;}
.indexMid .indexMid-l .nrjx li a{ display: block;}
.indexMid .indexMid-l .nrjx li div{ width: 100%; height: 140px; display: block;overflow:  hidden; background: #cdcece;}
.indexMid .indexMid-l .nrjx li div img{ display: block; width: 100%;}
.indexMid .indexMid-l .nrjx li p{ display: block; font-size: 14px; line-height: 22px; width: 96%; margin:10px auto 0; height: 44px; overflow: hidden;}
.indexMid .indexMid-l .zxzx{ display: block; width: 100%;}
.indexMid .indexMid-l .zxzx li{ display: block; width: 100%; padding:24px 0; border-bottom: 1px solid #e6e6e6;transition: all 0.2s ease-in;background: #fff;}
.indexMid .indexMid-l .zxzx li:hover{transform: translate3d(0, 1px, -2px);box-shadow: 0 0 30px rgba(0,0,0,0.15);}
/* .indexMid .indexMid-l .zxzx li a{ display: block;} */
.indexMid .indexMid-l .zxzx li .zxzx-img{ display: block; float: left; width: 285px; height: 163px; overflow: hidden; margin-left: 30px;}
.indexMid .indexMid-l .zxzx li .zxzx-img img{ display: block; width: 100%; }
.indexMid .indexMid-l .zxzx li .zxzx-text{ width: 508px; float: right;margin-right: 20px;}
.indexMid .indexMid-l .zxzx li .zxzx-text h3{  font-size: 18px; font-weight: bold; line-height: 22px; width: 100%; margin: 0px; height: 46px; overflow: hidden;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-des{color: #31424e; display: block; width: 100%; margin: 16px 0;  font-size: 14px; line-height: 19px; height: 57px; overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info{ display: block; width: 100%;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info > span{ display: block; float: left; margin-right: 26px; color: #9baab6; font-size: 14px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info a span{ display: block; float: left; margin-right: 6px; color: #9baab6; font-size: 14px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info > span b{ font-weight: normal; margin-left: 6px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info a span b{ font-weight: normal; margin-left: 6px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info .zxzx-tag{ display: block; float: right; background:url("image/tag.png") -4px center no-repeat ; margin: 0px; padding-left: 20px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info .zxzx-tag span{color: #9baab6;}
.indexMid .indexMid-l .zxzx li a:hover .zxzx-tag span{ color: #9baab6;}
.zxzx-more{  width: 220px; height: 46px; line-height: 46px; display: block;  text-align: center; color:#fff !important; font-weight: bold; background:url("image/btn-warn.png")  center no-repeat; margin:24px auto 0;font-size: 14px;}
.zxzx-more img{vertical-align:middle}
.indexMid .indexMid-r{ width: 300px; float: right;}
.indexMid .indexMid-r h2{font-weight: bold;display: block;color: #31424e;font-size: 16px;background: #fff;margin: 0;height: 40px;line-height: 40px;padding: 0 10px;border-bottom: 1px solid #f4f4f4;} 
.indexMid .indexMid-r h2 span{float: left;display: block; color: #31424e; font-size: 18px;}
.indexMid .indexMid-r h2 a{ text-align: right; color: #b3b3b3; font-size: 13px; float: right; font-weight: 400; display: block;}
.indexMid .indexMid-r .tjcp{ display: block; width: 100%;}
.indexMid .indexMid-r .tjcp a{ display: block;}
.indexMid .indexMid-r .tjcp .tjcp-img{ display: block; width: 100%; height: 150px; background: #cdcece; height: 302px;}
.indexMid .indexMid-r .tjcp .tjcp-img img{ width: 100%;}
.indexMid .indexMid-r .tjcp .tjcp-text{ display: block; background:rgba(0,0,0,0.6); padding-top: 20px; border-top:1px solid #f4f4f4; width: 302px; bottom: 0px; position: absolute; left: 0px;}
.indexMid .indexMid-r .tjcp .tjcp-text h3{ display: block; padding-left: 20px;height: 20px; line-height: 20px; margin: 0px; color: #fff; font-size: 14px;}
.indexMid .indexMid-r .tjcp .tjcp-text span{ display: block; width: 78px; height: 28px; margin: auto; text-align: center; font-size: 14px; line-height: 28px;color: #3b4b57; margin: 24px auto 16px; background: #fff; border:1px solid #666; border-radius: 4px;}
.banner-lg{ width: 100%;margin-top: 28px;display:none}
.box_body.li_dot.f_gray ul{padding-top:10px}
.box_body.li_dot.f_gray ul li {margin-bottom: 10px;}
.indexMid .indexMid-r .jxsp{ display: block; width: 100%;}
.indexMid .indexMid-r .jxsp ul{ display: block; padding:24px 22px 0;background: #fff;}
.indexMid .indexMid-r .jxsp ul li{ display: block; margin-bottom: 24px;}
.indexMid .indexMid-r .jxsp ul li a{ display: block;}
.indexMid .indexMid-r .jxsp ul li .jxsp-img{ display: block; position: relative; background:#cdcece ; width: 252px; height: 148px;}
.indexMid .indexMid-r .jxsp ul li .jxsp-img .jxsp-vedio{ display: block; position: absolute; top: 50%; left:50%;margin-top: -13px;margin-left: -20px;}
.indexMid .indexMid-r .jxsp ul li .jxsp-img .jxsp-img-a{ display: block; width: 100%;}
.indexMid .indexMid-r .jxsp ul li p{  font-size: 14px; width: 100%; line-height: 22px; margin-top: 10px; text-align: center;}
.zlxz{ display: block; width: 100%;}
.zlxz ul{ display: block; padding:24px 22px 0;background: #fff;}
.zlxz ul li{display: block; width: 100%;margin-bottom: 10px;}
.zlxz ul li img{ display: block; float: left;}
.zlxz ul li p{ display: block; float: left;font-size: 14px; line-height: 22px; width: 210px; margin: 0px; margin-left: 10px; height: 46px; overflow: hidden;}
.friendsLink{ display: block; width: 100%; margin-top: 124px; margin-bottom: 40px;}
.friendsLink h2{ display: block; width: 100%; color: #31424e; font-size: 16px; font-weight: bold; text-align: left; margin: 0px;}
.friendsLink ul{ display: block; width: 100%; margin-top: 24px;}
.friendsLink ul li{ display: block; float: left; margin-right: 20px; margin-bottom: 8px; }
.friendsLink ul li a{color: #9baab6; font-size: 14px;}
/*资讯详情页*/
.show-nav{ display: block; width: 100%;}
.show-nav .show-nav-info{ display: block;width: 1100px; margin:0 auto 20px;}
.show-nav .show-nav-info a{ display: block; font-size: 14px; color: #7e868c; float: left; line-height: 22px;}
.show-nav .show-nav-info a img{ margin-top: 2px;}
.show-nav .show-nav-info i{ display: block; line-height: 22px; float: left;color:#7e868c ; margin: 0 10px; font-style: normal;}
.show-title{ display: block;  padding: 50px 0;}
.show-title h3{ display: block; font-size: 26px; color: #333; width: 700px; margin:0 auto 30px; text-align: center; line-height: 40px; max-height: 82px; overflow: hidden;}
.show-title .show-title-info{ display: block; width: 100%;text-align: center; margin: 0px;}
.show-title .show-title-info span{ display: inline-block; font-size: 12px; color: #898989; margin-right: 20px;}
.show-xgzx{ display: block; width: 100%;}
.show-xgzx ul{display: block;padding: 20px 22px;border: 1px solid #e6e6e6; background: #fff;}
.show-xgzx ul li{ padding: 10px 0;  border-top:1px solid  #e6e6e6; }
.show-xgzx ul li a{ display: block;}
.show-xgzx ul li span{font-size: 12px; color: #333; line-height: 22px; max-height: 44px; overflow: hidden; display: block;}
.show-xgzx ul li:first-child{border: none;}
.show-hot{ display: block;width: 100%;}
.show-hot ul{ display: block;width: 100%;}
.show-hot ul li{ display: block; float: left;height: 28px; line-height: 28px; border:1px solid  #e6e6e6 ; border-radius: 30px; font-size: 14px; padding: 0 14px; background: #fff; margin-right: 16px; margin-bottom: 16px;}
.show-hot ul li a{ display: block;}
.show-hot ul li a:hover{ color: #333;}
.indexMid-l .show-descoantent{ width: 100%; display: block;}
.indexMid-l .show-descoantent img{ display: block; max-width: 100%; margin: auto;}
.show-des{ display: block; width: 840px; margin: 10px auto;}
.show-des a{ display: block; float: left; font-size: 14px; color: #b8b8b8; margin-left: 16px;}
.show-page{ width: 810px; margin: 20px auto 0px; padding: 15px; border: 1px solid #bbb; display: block; overflow:hidden; }
.show-page .show-page-p{ display: block; width: 100%; float: left; }
.show-page .show-page-p .show-page-btn{ display: block; padding:14px 4px; border: 1px solid  #e6e6e6; border-radius: 4px; font-size: 16px; color: #000; line-height: 16px; margin:0px auto 10px; width:160px;}
.show-page .show-page-p div{ display: block;  margin:auto;width:100%;}
.show-page .show-page-p div a{ display: block;}
.show-page .show-page-p div p{ width: 168px; height: 102px; display: block; overflow: hidden; margin: 0px; margin-bottom: 12px;}
.show-page .show-page-p div p img{ display: block; width: 100%;}
.show-page .show-page-p div span{ display: inline-block; font-size: 12px; line-height: 22px; max-height: 46px; overflow: hidden; margin:auto 20px;}
.show-share{ display: block; width: 100%; width: 134px; margin:20px auto 0;}
/*图库列表*/
.photo-list-info{ display: block;     width: 94%;padding: 0 3%; background: #fff;}
.photo-list-info-a{display: block;font-size: 12px;color: #999;float: left; background: url(image/icon_ll.png) center left no-repeat; padding-left: 20px; margin-top: 2px;}
.photo-list-info-b{display: block; float: right; width: 140px; height: 16px; overflow: hidden; text-align: right;margin-top: 2px;}
.photo-list-info-b a{ display: block; font-size: 12px; color: #999; float: right; margin-left: 10px; text-align: right;}
/*page*/
.pages{ display: block; width: 100%; text-align: center; margin-top: 4px;}
.pages a{ display: inline-block; border: 1px solid #e9e9e9;  padding: 4px 8px; font-size: 14px; color: #999; background: #fff; margin-right: 6px;}
.pages  strong{ display: inline-block; border: 1px solid #3599f6;  padding: 4px 8px; font-size: 14px; color: #fff; background: #3599f6;margin-right: 6px;}
.pages cite{ display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    line-height: 29px;
    list-style: none;
    font-style: normal;}
.pages input{ display: inline-block; height: 26px;}
.pages_inp{ width: 80px;}

.banner-l #playBox{ width:598px; height:342px;  background:#333; position:relative; overflow:hidden;}
.banner-l #playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
.banner-l #playBox .oUlplay li{ float:left; position: relative;width:598px;height:342px; }
.banner-l #playBox .oUlplay li span{  display: block; position: absolute; left: 0px; width: 99%; bottom: 30px;padding: 0 10px;  font-size: 20px; line-height: 30px; max-height: 60px; overflow: hidden; font-weight: bold; color: #fff; background:rgba(0,0,0,0.4) }
.banner-l #playBox .oUlplay li a:hover{ color: #fff;}
.banner-l #playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(image/l.png) no-repeat; position:absolute; top:138px; left:10px; z-index:2;}
.banner-l #playBox .next{ cursor:pointer; width:45px; height:45px; background:url(image/r.png) no-repeat; position:absolute; top:138px; right:10px; z-index:10;}
.banner-l #playBox .smalltitle {width:598px; height:10px; position:absolute; bottom:15px; z-index:10}
.banner-l #playBox .smalltitle ul{ width:120px; margin:0 auto;}
.banner-l #playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
.banner-l #playBox .smalltitle .thistitle{ background:#69aaec;}


.tjcp-img #playBox2{ width:302px; height:302px;  background:#333; position:relative; overflow:hidden;}
.tjcp-img #playBox2 .oUlplay { width:99999px; position:absolute; left:0; top:0;}
.tjcp-img #playBox2 .oUlplay li{ float:left; width: 302px; position: relative;  }
.tjcp-img #playBox2 .oUlplay li img{ width: 100%;}
.tjcp-img #playBox2 .pre{ cursor:pointer; width:45px; height:45px; background:url(image/l.png) no-repeat; position:absolute; top:80px; left:10px; z-index:10;}
.tjcp-img #playBox2 .next{ cursor:pointer; width:45px; height:45px; background:url(image/r.png) no-repeat; position:absolute; top:80px; right:10px; z-index:10;}
.tjcp-img #playBox2 .smalltitle {width:302px; height:10px; position:absolute; bottom:118px; z-index:10;left: 0px;}
.tjcp-img #playBox2 .smalltitle ul{ width:120px; margin:0 auto;}
.tjcp-img #playBox2 .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#eee; float:left; overflow:hidden;*display:inline;*zoom:1;}
.tjcp-img #playBox2 .smalltitle .thistitle{ background:#69aaec;}


.tjcp-img #playBox3{ width:302px; height:302px;  background:#333; position:relative; overflow:hidden;}
.tjcp-img #playBox3 .oUlplay { width:99999px; position:absolute; left:0; top:0;}
.tjcp-img #playBox3 .oUlplay li{ float:left; width: 302px; position: relative;  }
.tjcp-img #playBox3 .oUlplay li img{ width: 100%;}
.tjcp-img #playBox3 .pre{ cursor:pointer; width:45px; height:45px; background:url(image/l.png) no-repeat; position:absolute; top:80px; left:10px; z-index:10;}
.tjcp-img #playBox3 .next{ cursor:pointer; width:45px; height:45px; background:url(image/r.png) no-repeat; position:absolute; top:80px; right:10px; z-index:10;}
.tjcp-img #playBox3 .smalltitle {width:302px; height:10px; position:absolute; bottom:118px; z-index:10;left: 80px;}
.tjcp-img #playBox3 .smalltitle ul{ width:120px; margin:0 auto;}
.tjcp-img #playBox3 .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
.tjcp-img #playBox3 .smalltitle .thistitle{ background:#69aaec;}


.tjcp-img #playBox4{ width:302px; height:302px;  background:#333; position:relative; overflow:hidden;}
.tjcp-img #playBox4 .oUlplay { width:99999px; position:absolute; left:0; top:0;}
.tjcp-img #playBox4 .oUlplay li{ float:left; width: 302px; position: relative;  }
.tjcp-img #playBox4 .oUlplay li img{ width: 100%;max-height: 300px;}
.tjcp-img #playBox4 .pre{ cursor:pointer; width:45px; height:45px; background:url(image/l.png) no-repeat; position:absolute; top:80px; left:10px; z-index:10;}
.tjcp-img #playBox4 .next{ cursor:pointer; width:45px; height:45px; background:url(image/r.png) no-repeat; position:absolute; top:80px; right:10px; z-index:10;}
.tjcp-img #playBox4 .smalltitle {width:302px; height:10px; position:absolute; bottom:118px; z-index:10;left: 80px;}
.tjcp-img #playBox4 .smalltitle ul{ width:120px; margin:0 auto;}
.tjcp-img #playBox4 .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
.tjcp-img #playBox4 .smalltitle .thistitle{ background:#69aaec;}