@charset "utf-8";
/* css document */
@import url(/uploads/css/images/reset.css);
@import url(/uploads/css/images/header.css);
@import url(/uploads/css/images/footer.css);


.main{ width: 1200px; padding: 0 20px 20px; background: #fff; }

.contentpagebox{ padding: 10px 70px;}
.contentpagebox .articletitle{ padding: 25px 0; font-size: 28px; line-height: 1.3; font-weight: bold; color: #000; text-align: center;}
.contentpagebox .articleproperties{ position: relative; overflow: hidden; padding: 10px 0 19px; background:  repeat-x left bottom;}
.contentpagebox .articleproperties span{ font-size: 14px; color: #666666; line-height: 35px;}
.contentpagebox .articleproperties .f_l span{ margin-right: 15px;}
.contentpagebox .articleproperties .f_r span{ margin-left: 15px;}
.articleproperties .f_r span.largefont,
.articleproperties .f_r span.medfont,
.articleproperties .f_r span.smallfont{margin-left:5px;cursor: pointer;}
.articleproperties .f_r span.largefont.curfont,
.articleproperties .f_r span.medfont.curfont,
.articleproperties .f_r span.smallfont.curfont{ color:#f00; font-weight:bold;}
div#share{margin-top: 6px !important; margin-left: 10px !important;}

.article_con{margin-top: 15px;line-height: 40px;}
.article_con img{ max-width:100%;}
.article_con .video{width: 600px !important;height: 400px !important;}

.pn_pages{ clear:both; font-size: 14px;}
.pn_pages span{width:auto;color:#fff;padding:0 15px;background: #015293;display:block;height: 32px;line-height: 32px;float:left;}
.pn_pages a{padding-left:10px;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;width: 88%;width: calc(100% - 113px);display: inline-block;position: relative; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pn_pages .prevpage{height: 32px;line-height: 32px;margin: 5px 0;background:#eee;position: relative;overflow: hidden;}
.pn_pages .nextpage{height: 32px;line-height: 32px;margin: 5px 0;background:#eee;position: relative;overflow: hidden;}

.xgxx-zcjd{overflow:hidden;/* padding: 30px 90px; */float: right;width: 300px;}
.xgxx-zcjd h1{ line-height: 40px; height: 40px; font-size: 18px; font-weight: 500;}
.xgxx-zcjd h1 span{line-height: 40px; height: 40px; float: left;}
.xgxx-zcjd h1 span.on a{color: #226ebc;padding: 0 10px;}
.xgxx-zcjd h1 span.on i{background: #226ebc;width: 5px; height: 17px; line-height: 17px;float: left; margin-top: 12px;}
.xgxx-zcjd .wj{ overflow: hidden;}
.xgxx-zcjd .wj ul li{position: relative;font-size: 14px;line-height: 28px;background: url(/uploads/image/images/dot.png) left 8px no-repeat;padding-left: 15px;}
.xgxx-zcjd .wj ul li span{position: absolute; right: 5px;}

.xgxx-zcjd .tj{overflow:hidden;height: auto;}
.xgxx-zcjd .tj img{height: 204px;width: 300px;transition: transform 0.7s ease-out 0s;-moz-transition: transform 0.7s ease-out 0s;-webkit-transition:transform 0.7s ease-out 0s;}
.xgxx-zcjd .tj:hover img{transform:scale(1.05);}

@media screen and (max-width:600px ) {
    .address{ height: auto; line-height: 1.3; padding: 10px 0;}
    
    .main{ width: auto; padding:0 10px 20px; background: #fff; }
    .main .f_l,.main .f_r{ float: none;}
    .main *{ box-sizing: border-box;}
    
    .contentpagebox{padding: 0px 0px;}
    .contentpagebox .auto{display:none;}
    .contentpagebox .articletitle{padding: 15px 0;font-size: 20px;line-height: 1.5;font-weight: bold;color: #000;text-align: center;}
    .contentpagebox .articleproperties{position: relative;overflow: hidden;padding: 0px 0 10px;background: none;}
    .contentpagebox .articleproperties span{ font-size: 14px; color: #666666; line-height: 35px;}
    .contentpagebox .articleproperties .f_l{width:100%;}
    .contentpagebox .articleproperties .f_l span{width:100%;display:block;border-bottom:1px solid #ddd;margin-right:0px;text-indent: 10px;}
    .contentpagebox .articleproperties .f_l #art_author{display:none;}
    .contentpagebox .articleproperties .f_l #fwtjs{display:none;}
    .contentpagebox .articleproperties .f_r{ display: none;}
    .contentpagebox .articleproperties .f_r span{ margin-left: 15px;}
    .articleproperties .f_r span.largefont,
    .articleproperties .f_r span.medfont,
    .articleproperties .f_r span.smallfont{margin-left:5px;cursor: pointer;}
    .articleproperties .f_r span.largefont.curfont,
    .articleproperties .f_r span.medfont.curfont,
    .articleproperties .f_r span.smallfont.curfont{ color:#f00; font-weight:bold;}
    .article_con{margin-top: 15px;line-height: 40px;}
    .article_con img{max-width:100%;height: auto !important;}
    .main .article_con .video{width: 350px !important;height: 220px !important;display: block;}
    .pn_pages{clear:both;font-size: 14px;display: none;}
    .pn_pages span{width:auto;color:#fff;padding:0 15px;background: #ce1d1d;display:block;height: 32px;line-height: 32px;float:left;}
    .pn_pages a{padding-left:10px;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;width: 88%;width: calc(100% - 113px);display: inline-block;position: relative; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .pn_pages .prevpage{height: 32px;line-height: 32px;margin: 5px 0;background:#eee;position: relative;overflow: hidden;}
    .pn_pages .nextpage{height: 32px;line-height: 32px;margin: 5px 0;background:#eee;position: relative;overflow: hidden;}
}