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

a:hover{ text-decoration:none !important;}

.cscreen{ background:rgba(0,0,0,.5); position:fixed; top:0; left:0}

.article-banner{ height:120px; background:url(../images/bg/article-bg.jpg) no-repeat top center; overflow:hidden; min-width:1200px;}
.article{ width:1220px; min-height:500px; margin:20px auto 30px auto; overflow:hidden; background:#fff;-moz-box-shadow:0 0 6px #aaa; -webkit-box-shadow:0 0 6px #aaa; box-shadow:0 0 6px #aaa; padding:30px; clear:both; border-bottom:none; box-sizing:border-box; border-radius:4px;}
.article p{ line-height:200%; font-size:14px; margin-top:5px;}
.article .article-header{ margin:0px auto 10px auto; overflow:hidden; text-align:center;}
.article .article-head{ text-align:center; font-size:23px; line-height:120%; margin-bottom:10px;font-family:"微软雅黑"; color:#333;}
.article .article-tags{ width:100%; height:45px;line-height:45px;  border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; margin:15px auto 20px auto; color:#666; font-family:"微软雅黑"; clear:both; text-align:center; }
.article .article-tags span{ margin-right:25px;}
.article .tags-grroup{ cursor:pointer;}



.article-pager{ width:1200px; height:38px; margin:0px auto 30px auto; clear:both; text-align:center;}
.article-pager li{ width:128px; height:38px; border:solid 1px #ddd; text-align:center; display:inline-block; line-height:38px; box-sizing:border-box; border-radius:2px; background:#fff;box-shadow: 0 0px 2px rgba(0,0,0,0.1); margin-right:7px;}
.article-pager li a{ width:100%; height:38px; display:block; color:#333;}
.article-pager li:hover{ background:#bc111e; color:#fff; border:solid 1px #bc111e;}
.article-pager li:hover a{ color:#fff;}


.article .article-share{ height:40px; margin-bottom:10px; position:relative;}
.article .article-share div{ float:right;}
.article .article-share div.share-iconfont{ height:40px; line-height:40px; margin-right:10px;}
.article .article-share div.share-icon{ width:30px; height:30px; margin-right:5px; border-radius:50%; border:solid 1px #ececec; overflow:hidden; text-align:center; padding:3px;}
.article .article-share div.share-icon img{ width:90%; display:block; margin:2px auto;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}
.article .article-share div.share-icon:hover{ border:solid 1px #ddd;}
.article .article-share div.share-icon:hover img{-webkit-filter: grayscale(0);filter:none;filter: grayscale(0);}
.article .share-weixin{ position:absolute; right:155px; top:-147px; width:150px; height:150px; background:url(../images/weixin-bg-b.png) no-repeat center center; background-size:cover; overflow:hidden; display:none;}
.article .share-weixin img{ display:block; margin:5px auto; overflow:hidden;} 

.uyan_frame{width:1200px; min-height:100px; margin:0px auto 30px auto; overflow:hidden; border:solid 1px #ddd; background:#fff; border-radius:2px; box-shadow:0 0 5px #ececec; padding:30px; clear:both;}
.sohucs{width:1200px !important; min-height:100px !important; margin:0px auto 30px auto !important; overflow:hidden; border:solid 1px #ddd !important; background:#fff !important; border-radius:2px; box-shadow:0 0 5px #ececec !important; padding:30px !important; clear:both;}


.comment-loading{ width:100%; height:32px; background:#efefef; text-align:center; line-height:32px; color:#333; font-size:14px; position:relative; overflow:hidden;}
.comment-loading .comment-bar{ width:0; height:32px; background:#189aff; position:absolute; left:0; top:0; -webkit-animation:nprogress 2.5s linear infinite;animation:nprogress 2.5s linear infinite ; z-index:1;}
.comment-loading .comment-txt{ width:100%; text-align:center; height:32px; z-index:2; top:0; left:0; line-height:32px; position:absolute; -webkit-animation:cprogress 2.5s infinite;animation:cprogress 2.5s infinite ; z-index:1; }
@-webkit-keyframes nprogress{0%{width:0;}100%{width:100%;}}
@keyframes nprogress{0%{width:0;}100%{width:100%;}}

@-webkit-keyframes cprogress{0%{color:#333;}95%{ color:#fff;}100%{color:#fff;}}
@keyframes cprogress{0%{width:#333;}95%{ color:#fff;}100%{color:#fff;}}

/* this is show lage picture style */
.i-showpicture{width:100%; height:100%; overflow:hidden; display:none;}
.i-showpic-picbox{ position:fixed; top:0; left:0; overflow:hidden; z-index:1000000;}
.i-showpic-div{ position:absolute; overflow:hidden; width:auto;}
.i-showpic-pic { float:left; background:url(../images/icon/load.gif) no-repeat center center;}
.i-showpic-pic img{ display:block; margin:0px auto; overflow:hidden; display:none; cursor:pointer;}
.i-showpic-arrowleft{ width:60px; height:60px; position:fixed; left:0; top:50%; margin-top:-30px; background:url(../images/icon/arrow-icon.png) no-repeat 0 0; cursor:pointer; display:block; z-index:1000003;}
.i-showpic-arrowleft:hover{background:url(../images/icon/arrow-icon.png) no-repeat 0 -64px;}
.i-showpic-arrowright{ width:60px; height:60px; position:fixed; right:0; top:50%; margin-top:-30px; background:url(../images/icon/arrow-icon.png) no-repeat 0 -128px; cursor:pointer; display:block; z-index:1000003;}
.i-showpic-arrowright:hover{background:url(../images/icon/arrow-icon.png) no-repeat 0 -192px;}
.i-showpic-close{ width:60px; height:60px; position:fixed; right:15px; top:15px;background:url(../images/icon/i-close.png) no-repeat center center; background-size:70%; cursor:pointer; display:block; z-index:1000003;}

/*  */

.article-list{width:1200px; min-height:100px; margin:30px auto 30px auto; overflow:hidden; border:solid 1px #ddd; background:#fff; border-radius:2px; box-shadow:0 0 5px #ececec; padding:10px; clear:both;}
.article-list .news-div{ width:386px; height:105px; background:url(../images/new-list.png) no-repeat top center; overflow:hidden; cursor:pointer; float:left; margin:3px 3px 3px 3px; border:solid 1px #dcdcdc;}
.article-list .news-div:hover{background:url(../images/new-list.png) no-repeat bottom center; border:solid 1px #fff;}
.article-list .news-div .news-calender{ width:100px; height:106px; text-align:center; float:left;}
.article-list .news-div .news-calender b{ font-size:28px; color:#fff; display:block; line-height:30px; height:30px; margin-top:25px;}
.article-list .news-div .news-calender span{ color:#fff;}
.article-list .news-div .news-rmain{ width:280px; float:left; height:106px; overflow:hidden;}
.article-list .news-div h2{ height:40px; line-height:54px; font-size:16px; font-weight:normal; overflow:hidden; width:263px;color:#333;}
.article-list .news-div p{ height:46px; line-height:180%; overflow:hidden; color:#666; overflow:hidden; width:263px;}