*{
    margin: 0;padding: 0;
}
body {background-color:#F2F2F2; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;}
.container{width: 1142px;margin: 0 auto;}
a{text-decoration: none;color: #333;}
a:hover{text-decoration: underline;color: #008DF2;}
a img {border:none;}
#header{width: 100%;height: auto;margin-bottom:20px; background-color: #FFFFFF;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}

.htop{height: auto;text-align: right;overflow: hidden;padding: 5px 0;}
.htop span{float: right;display: inline-block;margin-left: 10px;line-height: 1.2; color: #999;}
.htop span a{color: #999;font-size: 12px;}

.header{height: 65px;position: relative;z-index: 999;}
/*logo*/
.header .logo{float: left; line-height: 53px;margin-right: 43px;font-size: 0;}
.header .logo img{max-height: 50px;vertical-align: middle;}

#nav{}
#nav .nav{}
.nav ul{list-style: none;line-height: 53px;}
.nav li{float: left; padding-left: 20px;padding-right: 20px; position: relative;}
.nav li+#nvabar-item-index{display: none;}
.nav li a{font-size: 18px;color: #333;}
.nav li a:hover{color: #008DF2;padding-bottom: 6px; border-bottom: 2px solid #008DF2;text-decoration: none;}

.nav ul ul{display: none; position: absolute;top: 100%;left: 0; background-color: #fff;border: 1px solid #eee;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;margin: 10px 0; white-space: nowrap;line-height: 26px;}
.nav ul ul li a{width: 100%;}
.nav ul ul li a:hover{padding-bottom: 0; border-bottom: 0 solid #008DF2;}

.nav ul ul ul{display: none;position: absolute;left: 100%;top: 0;}
.nav ul ul li:hover ul{display: block;}
.nav .active>a{border-bottom: 2px solid #008DF2;color: #008DF2;padding-bottom: 6px;}

#search{float: right;margin-top: 10px;display: inline-block;}
#search i{padding: 10px;font-size: 16px; cursor: pointer;}
.search{position: absolute;top: 100%;right: 0; display: none; clear: both;height: 200px;overflow: hidden;}
.search .form{float: right;width: 345px;height: 45px;overflow: hidden;}
.search .form input{float: left;width: 268px;height: 43px;border: 1px solid #008DF2;padding-left: 10px;}
.search .form button{width:65px;height: 45px;border: 0; background-color: #008DF2;color: #fff;}
/*=============main================*/
#main{margin: 20px 0;overflow: hidden;}
.main{overflow: hidden;}
.mainleft{float: left;width: 774px;}
.mainright{float: right;width: 345px;}
/*=========mainleft============*/
#slider{width: 100%; height: 340px; margin-bottom: 20px; background-color: #fafafa;overflow: hidden;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {font-size: 0;background: #fff;position: relative;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: 10px;left: inherit;}

.swiper-pagination{text-align: right;}
.swiper-pagination-bullet{background-color: #fafafa;width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background: #fff;}

.swiper-slide img{width: 774px;height: auto;}
.swiper-slide p{position: absolute;left: 0;right: 0; bottom: 0;color: #fff;background-color: rgba(0,0,0,.6);
height: 50px;font-size: 18px;line-height: 50px;padding-left: 3%;padding-right: 20%;overflow: hidden;}
/*=======listpost==========*/
.listpost{padding-left: 20px; padding-right: 20px; background-color: #fff;overflow: hidden;}
.listpost lu{}
.listpost li{margin-top: 20px;padding-bottom: 20px; border-bottom: 1px solid #ededed;clear: both;list-style: none;overflow: hidden;}
.listpost li .img{float: left;width: 180px;height: 120px;overflow: hidden;}
.listpost li .img img{width: 100%;height: auto;}
.listpost li .info{margin-left: 200px;}
.listpost li .info h2{margin-bottom: 16px;}
.listpost li h2{height: 24px; line-height: 24px; overflow: hidden;word-wrap:break-word; word-break:break-all;}
.listpost li h2 a{color: #333;font-weight: normal;}
.listpost li .moreimg{margin-right: -4px;margin-bottom: 10px;margin-top: 10px;overflow: hidden;}
.listpost li .moreimg a{float: left;width: 180.5px; height: 120px; margin-right: 4px; display: inline-block;}
.listpost li .moreimg a img{width: 100%;height: auto;}
.listpost li .moreinfo{color: #999; margin-bottom:10px;}
.listpost li .moreinfo a{color: #999;}
.listpost li .moreinfo span{margin-right:10px;}
.listpost li .moreinfo span.on a{margin-right: 0;}
.listpost li .moreinfo span a{margin-right: 4px;}

/* sinpost */
.sinpost{padding-left: 20px; padding-right: 20px; background-color: #fff;overflow: hidden;}
.sinpost ul{}
.sinpost li{margin-top: 20px;padding-bottom: 20px; border-bottom: 1px solid #ededed;clear: both;list-style: none;overflow: hidden;}
.sinpost li .img{float: left;width: 180px;height: 120px;overflow: hidden;}
.sinpost li .img img{width: 100%;height: auto;}
.sinpost li .info{margin-left: 200px;}
.sinpost li .info h3{font-size: 18px;line-height: 26px;height: 26px;overflow: hidden; margin-bottom: 6px;font-weight: normal;}
.sinpost li .info h3 a{text-decoration: none;}
/* .sinpost li .info h3 a:hover{color: #333;} */
.sinpost li .info span{display: block;font-size: 0.85em;line-height: 1.5em;color: #c8c7cc;font-style: normal;}
.sinpost li .info span a{color: #c8c7cc;text-decoration: none;}
.sinpost li p{margin-left: 200px; font-size: 1em;line-height: 1.5em;max-height: 4.5em;overflow: hidden; color: #4e4e4e;margin-top: 8px;}
.sinpost li .noimg{margin-left: 0;}



/*==========分页===========*/
.pager{background-color:#fff;margin: 20px 0;line-height: 32px; text-align: center;}
.pager .CurrentPage{display: inline-block;margin: 6px;width: 32px; height: 32px;line-height: 32px; background-color: #008DF2;color: #fff;}
.pager a{display: inline-block;margin: 6px;width: 30px; height: 30px;line-height: 30px;border: 1px solid #DFDFDF;color: #333;}
.pager a:hover{background-color: #008DF2;color: #fff;border: 1px solid #008DF2;}

.ias_trigger,.pagination-loading{text-align: center;padding-top: 20px;padding-bottom: 20px;color: #333;font-size: 18px;}
.ias_trigger a{color: #333;font-size: 18px;}
/*=============footer=================*/
#footer{background-color: #282828;overflow: hidden;}
#footer .footer{margin-top: 30px;margin-bottom: 30px; text-align: center;}
.footer .fnav{margin: 20px 0;}
.footer .fnav a{color: #ccc;display: inline-block;margin: 0 10px;font-size: 16px;text-decoration: none;}
.footer .fnav a:hover{ color:#fff;}
.footer .fnav a::after{
	content: '|';
	padding-left: 20px;
}
.footer .fnav a:last-child::after{content: '';}
.footer p a{color: #333;}
/*==================widget==================*/
.mainright{overflow: hidden;}
.mainright .widget{width: 100%;margin-bottom: 20px;background-color: #fff;overflow: hidden;}
.mainright .widget:last-child{margin-bottom: 0;}
.widget h4{height: 60px;line-height: 60px;padding-left: 20px;font-size: 20px; background-color: #fbfbfb;color: #333;font-weight: normal;}
.widget ul{overflow: hidden;margin: 20px;}
.widget li{line-height: 32px;font-size: 16px;}
.widget li a{color: #333;}

.widget_archives li,.widget_link li,.widget_navbar li,.widget_favorite li,.widget_authors li{list-style: none; float: left;width: 50%;}
/*ul*/
.widget_catalog ul,.widget_tags ul,.widget_archives ul,.widget_link ul,.widget_navbar ul,.widget_statistics ul,.widget_favorite ul,.widget_authors ul,.widget_misc ul{}

/*widget_controlpanel*/
.widget_controlpanel .widget_div,.widget_searchpanel .widget_div{padding: 20px;}
/*widget_catalog*/
.widget_catalog li{list-style: none;}
.widget_catalog li::before{content: "";width: 6px;height: 6px;background-color: #008DF2;border-radius: 50%; position: absolute;margin-top: 13px;}
.widget_catalog li a{margin-left: 16px;}
.widget_catalog li li::before{background-color: #999;}
/*widget_tags*/
.widget_tags ul{list-style: none;margin-right: 10px;}
.widget_tags li{float: left;width: auto;margin-right: 5px;margin-bottom: 5px;}
.widget_tags li a{display: block;padding: 0 5px;color: #fff;}
.widget_tags li[class$="0"] a{background-color: #4A4A4A;}
.widget_tags li[class$="1"] a{background-color: #428BCA;}
.widget_tags li[class$="2"] a{background-color: #5CB85C;}
.widget_tags li[class$="3"] a{background-color: #D9534F;}
.widget_tags li[class$="4"] a{background-color: #567E95;}
.widget_tags li[class$="5"] a{background-color: #B433FF;}
.widget_tags li[class$="6"] a{background-color: #00ABA9;}
.widget_tags li[class$="7"] a{background-color: #B37333;}
.widget_tags li[class$="8"] a{background-color: #FF6600;}
.widget_tags li[class$="9"] a{background-color: #D8B303;}

/*widget_recommend*/
.widget_recommend{height: 340px;overflow: hidden;position: relative;text-align: center;}
.widget_recommend img{width: 100%;height: auto;}
.widget_recommend i{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 100; background-color: rgba(0,0,0,.2);-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;}
.widget_recommend:hover i{background-color: rgba(0,0,0,.1);

}
.widget_recommend span{position: absolute;top: 35%;left: 0;right: 0; z-index: 101;
	width: 90%; margin: auto;color: #fff;font-size: 24px;line-height: 1.3em; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.widget_recommend .info{height: 90px;background-color: rgba(0,0,0,.5); position: absolute;bottom: 0;left: 0;right: 0; z-index: 102;}
.widget_recommend .info ul{padding-left: 1.6%;padding-right: 1.6%;margin-top: 5px;text-align: left;list-style:none;}
.widget_recommend .info li{width: 100%;clear: both; float: left;height: 36px; line-height: 36px;overflow: hidden;}
.widget_recommend .info li::before{content: "";width: 6px;height: 6px;border-radius: 50%;background-color: #FF6360;position: absolute; margin-top: 16px;}
.widget_recommend .info li a{color: #fff;font-size: 18px;margin-left: 16px;}
.widget_recommend .info li:last-child::before{background-color: #71A0FF;}
/*widget_author*/
.widget_author{overflow: hidden;}
.widget_author .title{height: 110px;background-color: #fbfbfb; border-bottom: 1px solid #f6f6f6;}
.widget_author .title img{float: left;margin-left: 20px;margin-top: 20px;  width: 66px;height: 66px;border-radius: 50%;}
.widget_author .title .info{margin-left: 106px;}
.widget_author .title .info h4{font-size: 18px;height: 42px;padding-left: 0; color: #333;font-weight: normal;}
.widget_author .title .info p{line-height: 24px;height: 48px; margin-top: 6px; color: #999;overflow: hidden;}
.widget_author ul{list-style: none;}
.widget_author li{height: 32px; overflow: hidden;}
.widget_author li::before{content: "";width: 6px;height: 6px;border-radius: 50%;background-color: #ddd;position: absolute; margin-top: 16px;}
.widget_author li a{color: #333;line-height: 32px;font-size: 16px;margin-left: 16px;}
/*widget_paihang*/
.widget_paihang .hot{margin: 12px 20px;overflow: hidden;}
.widget_paihang .hot ul{list-style: none;margin: 0; text-align: center;}
.widget_paihang .hot li{float: left;width: 50%;padding-bottom: 10px;}
.widget_paihang .hot li.active{border-bottom: 2px solid #008DF2;}
.widget_paihang .hot li a{font-size: 16px;color: #333;text-decoration: none;}
.widget_paihang .hot .hotday{overflow: hidden;}
.widget_paihang .hot .hotday p{line-height: 24px;height: 24px;margin: 20px 0; white-space: nowrap;overflow: hidden;}
.widget_paihang .hot .hotday p span{float: left; width: 20px;height: 24px;margin-right: 14px; text-align: center;color: #999;font-size: 18px;}
.widget_paihang .hot .hotday p a{float: left; color: #333;width: 88%;font-size: 16px; overflow: hidden;text-overflow: ellipsis;}
.widget_paihang .hot .hotday p a:hover{color: #008DF2;}
.widget_paihang .hot .hotday p i{ float: right; color: #999;font-style: normal; display: none;/*display: none;*/}
.widget_paihang .hot .hotday p.hot_one{margin-bottom: 26px;max-height: 48px;height: auto;}
.widget_paihang .hot .hotday p.hot_one span{background-color: #FF6360;color: #fff;}
.widget_paihang .hot .hotday p.hot_one a{font-size: 18px;width: 88%;white-space: normal; height: auto;}
/*widget_previous*/
.widget_previous ul{margin: 0 20px;list-style: none;}
.widget_previous li{line-height: 24px;height: 24px;margin: 20px 0;overflow: hidden;color: #008DF2;}
.widget_previous li::before{content: "";width: 6px;height: 6px;border-radius: 50%;background-color: #008DF2;position: absolute; margin-top: 10px;}
.widget_previous li:first-child::before{background-color: #FF6360;}
.widget_previous li span{ width: 20px;height: 24px;margin-right: 14px; text-align: center;color: #999;font-size: 18px;}
.widget_previous li a{padding-left: 6px; color: #333;font-size: 16px;margin-left: 16px; }
.widget_previous li a:hover{color: #008DF2;}
/*widget_searchpanel*/
.widget_searchpanel form{overflow: hidden;}
.widget_searchpanel form input[type=text]{float: left;width: 70%;height: 33px;border: 1px solid #ededed;}
.widget_searchpanel form input[type=submit]{width: 20%;height: 35px;border: 0; background-color: #008DF2;color: #fff;}
/*widget_calendar*/
.widget_calendar{overflow: hidden;padding:2px;}
.widget_calendar table{width:100%;}
.widget_calendar caption{margin-bottom:5px;font-size: 14px; display:none;}
.widget_calendar caption a{padding:0 20px;color:#fff;}
.widget_calendar th{text-align: center;background-color:#fbfbfb;color: #555;text-transform: uppercase;border:1px solid #fafafa;height:26px}
.widget_calendar td{text-align: center;border:1px solid #fafafa;height:30px;width: 47px;}
.widget_calendar td.pad{background:none}
.widget_calendar td a{display:block;margin: 0 5px;color: #fff;background-color:#fafafa;font-weight: bold}
/*widget_comments*/
.widget_comments ul{list-style: none;}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 15px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #333;}
.widget_comments li p span{color: #008DF2;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #999;}
.widget_comments li p a:hover{color:#008DF2; }
/*widget_div*/
.widget .widget_div{margin: 8px;line-height: 24px;}
.widget .widget_div img{max-width: 100%;margin-bottom: 8px;}
.widget .widget_div a{color: #008DF2}
/*==================post===================*/
.post{padding: 40px 30px;background-color: #fff; min-height:800px}
.post h1{font-size: 26px;line-height: 36px; color: #333;word-wrap: break-word;word-break: break-all;}
.post .info{margin: 36px 0 10px;color: #999;font-size: 16px;padding-bottom: 14px; border-bottom: 1px solid #e9e9e9;}
.post .info a{color: #333;}
.post .info i{padding: 16px 6px 3px; margin-left: 20px;margin-right: 0; border-left: 1px solid #000;font-size: 0;}
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {max-width:98%;height:auto;
}
.article_content h2, .article_content h3, .article_content h4, .article_content h5 {
	padding:8px 0;margin-bottom:18px;color: #333;border-bottom: 1px solid #eaeaea;}
.article_content h2 {font-size:18px;margin:18px 0;}
.article_content h3 {font-size:16px;}
.article_content h4 {font-size:15px;}
.article_content h5 {font-size:14px;}
.article_content ul, .article_content ol {margin:0 0 18px 50px}
.article_content ul {list-style: disc;}
.article_content ol {list-style: decimal;}
.article_content li {margin-bottom: 6px;}
.article_content p {margin: 16px 0; color: #191919; line-height: 32px; word-wrap:break-word;}
.article_content pre {word-wrap:break-word}
.article_content table {border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px}
.article_content table th {background-color:#f9f9f9;text-align:center}
.article_content table td, .article_content table th {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article_content .alignnone {margin:0 auto;}
.article_content .alignleft {float:left;text-align:left;margin-right:10px}
.article_content .aligncenter {margin: 0 auto;text-align: center;display: block;}
.article_content .alignright {float:right;text-align:right;margin-left:10px}
.article_content a {color: #008DF2;}
.article_content a:hover {color: #FF5E52;text-decoration:underline;}
.article_content pre, .comment pre {font-size: 12px;background:#ededed;}
.article_content blockquote {margin: 20px 0px;padding: 15px 20px 1px;border-left: 5px solid #008DF2;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}

.article_content embed, .article_content video, .article_content iframe{width: 100%;height: 498px;}
/*tags*/
.tags{margin: 10px 0 0;clear: both;overflow: hidden;color: #333;font-size: 15px;}
.tags a{margin-right: 5px;font-size: 14px;}
/*=================*/
.rights{margin: 40px 0 20px;counter-increment: #999;line-height: 26px;overflow: hidden;padding-bottom: 30px; border-bottom: 1px solid #ededed;}
.rights h5{font-weight: normal;font-size: 16px;color: #333;margin-bottom: 20px;}


/*==========share===========*/
#share{overflow: hidden;margin-bottom: 20px;}
#share .sharel{float: left;margin-top: 10px;}
#share .sharel p{color: #333;font-size: 16px;line-height: 42px;}
.sharel .bdsharebuttonbox{}
.bdsharebuttonbox a.bds_weixin_icon{width: 55px;height: 55px;background: url(icon_weixin.png) no-repeat center}
.bdsharebuttonbox a.bds_tsina_icon{width: 55px;height: 55px;background: url(icon_weibo.png) no-repeat center}
.bdsharebuttonbox a.bds_sqq_icon{width: 55px;height: 55px;background: url(icon_qq.png) no-repeat center}
.bdsharebuttonbox a.bds_qzone_icon{width: 55px;height: 55px;background: url(icon_qqzone.png) no-repeat center}
.bdsharebuttonbox a.bds_more_icon{width: 55px;height: 55px;background: url(icon_more.png) no-repeat center}
/*===sharer==*/
#share .sharer{float: right;width: 207px;}
.sharer i{width: 100%; height: 14px; background: url(qrcode-tope.png) no-repeat top;display: block;}
.sharer .qrimg{border: 1px solid #ededed;height: 170px; border-top: 0;text-align: center;position: relative;}
.sharer .qrimg div{padding:10px 0;}
.sharer .qrimg p{position: absolute;bottom: 5px;left: 0;right: 0;font-size: 12px;color: #999;}

/*related*/
.related{padding: 20px 0 10px;}
.related h4{line-height: 32px;padding-bottom: 8px; font-weight: normal;font-size: 16px;border-bottom: 1px solid #ededed;}
/* ul_img */
.related ul.ul_img{list-style: none;margin-right: -3%;overflow: hidden;padding: 15px 0;}
.related ul.ul_img li{float: left;width: 30.333%;margin-right: 3%;margin-bottom: 10px; height: auto;}
.related ul.ul_img li .img{width: 100%;height: 120px;overflow: hidden;}
.related ul.ul_img li .img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.related ul.ul_img li p{line-height: 26px;height: 26px;overflow: hidden;}
.related ul.ul_img li a{color: #666;}
/* ul_t */
.related ul.ul_t{list-style: none;overflow: hidden;margin-right: -2%;padding: 12px 0;}
.related ul.ul_t li{float: left;width: 48%;margin-right: 2%;height: 26px;line-height: 26px;overflow: hidden;}
.related ul.ul_t li::before{content: "";width: 4px;height: 4px;background-color: #888;position: absolute;margin-top: 13px;}
.related ul.ul_t li a{padding-left: 12px;}

@media screen and (max-width: 980px) {
	.related{padding: 0 0 0;}
	.related ul.ul_img li{width: 47%;}
	.related ul.ul_img li .img{height: 100px}

        .related ul.ul_t{margin-right: 0;}
        .related ul.ul_t li{float: none; width: 100%;margin-right: 0;}
}
/* Prev_Next */
.Prev_Next{clear: both;overflow: hidden;padding-bottom: 20px; border-top: 1px solid #ededed;padding-top: 20px;}
.Prev_Next span{display: block;font-size: 14px;line-height: 26px;height: 26px;overflow: hidden;}

/*===============comment===================*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px solid #ededed;height: 24px;line-height: 24px;font-size: 16px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #008DF2;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 100%; border: 1px solid #ddd;display: block;padding: 10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.compost .com_info{margin: 10px 0;overflow: hidden}
.compost .com_info ul{float: left;list-style: none; display: inline-block;}
.compost .com_info li{float: left; margin-right: 6px;margin-bottom: 10px;}
.compost .com_info li input{width: 160px;height: 24px;padding-left: 4px; border: 1px solid #ddd;}
.compost .com_info li span{margin-left: 4px;}
.compost .com_info li span img{height: 26px;line-height: 26px; vertical-align: middle;}
.compost .com_info button{float: right;background-color: #008DF2;border: 0; border-radius: 3px;padding: 6px 10px; color: #fff;display: inline-block;}

#comment .comlist{margin: 10px 0;}
.comlist .title{margin: 10px 0; overflow: hidden;}
.comlist .title span{color: #333;background-color: #fff;}
.comlist .title i{width: 100%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.comlist ul ul{margin-left: 5%;}
.comlist li{overflow: hidden;padding: 20px 0;border-bottom: 1px solid #ededed;}
.comlist li:hover{background-color: #fafafa;}
.comlist li img{float: left;width: 40px;height: 40px;border-radius: 50%;margin-left: 12px;}
.comlist li .clbody{margin-left: 64px;}
.clbody .cinfo{overflow: hidden;}
.clbody .cinfo h5{float: left;height: 18px;line-height: 18px; color: #000;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #008DF2;font-size: 12px;}
.clbody .cinfo span i{margin-right: 4px;}
.clbody em{color: #888;height: 24px;line-height: 24px; font-size: 12px;font-style: normal;display: block;}
.clbody p{line-height: 24px;color: #4a4a4a; overflow: hidden;}
.clbody p a{color: #008DF2;}
/*===============*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 46px;display: block; background-color: rgba(0,0,0,.6);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #008DF2;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.6);margin-bottom: 4px;}
.qr_tool:hover{background-color: #008DF2;}
.bottom_tools .qr_img{position: absolute;top: 0; left:-160px;width: 146px;height: 146px; display: none;background-color: #ededed;padding: 6px;}
.bottom_tools .qr_img img{width: 146px;height: 146px;}

.navbottom,.sliderbottom{clear: both;overflow: hidden; margin: 20px auto;}
.navbottom img,.sliderbottom img{max-width: 100%;}

.page404{padding: 40px 0 50px;text-align: center;overflow: hidden;}
.page404 h1{margin: 10px 0;color: #333;text-shadow: rgba(61,61,61,.3) 1px 1px, rgba(61,61,61,.2) 2px 2px, rgba(61,61,61,.3) 3px 3px;font-weight: 700;font-size: 98px;line-height: 150px;}
.page404 h3{margin: 10px 0;color: #333;font-size: 30px;line-height: 35px;font-weight: normal;}
.serach404{margin: 20px 0;}
.serach404 p{color: #333;font-size: 14px;}
.serach404 form{width: 420px;margin: 10px auto;overflow: hidden;}
.serach404 form input{float: left; width: 335px;height: 40px;line-height: 38px;box-sizing: border-box;padding-left: 2%;border:1px solid #008DF2;}
.serach404 form button {float: right;width: 85px;line-height: 38px;height: 40px;background-color:#008DF2;color: #fff;text-align: center;border:1px solid #008DF2;font-size: 16px;}
.goindex404{text-align: center;margin: 20px 0;}
.goindex404 a{display: inline-block;padding: 8px 30px;background-color: #008DF2;color: #fff;border-radius: 2px;font-size: 16px;}
@media screen and (max-width: 980px) {
        .page404{padding: 0 0 0;}
        .serach404 form{width: 80%;}
        .serach404 form input{width: 75%}
        .serach404 form button {width: 25%;}
}

#mnav{display: none;}
@media screen and (max-width: 980px) {
        body{margin-top: 60px;}
        .container{width: 98%;margin-left: 1%;margin-right: 1%}
        #header{height: 60px;position: fixed;top: 0;z-index: 999;}
        
        .htop{display: none;}
        
        .header .logo{width: 100%;text-align: center;}
        .header .logo img{height: 45px;margin-top: 4px;}
        
        #mnav{display: block; position: absolute;top: 18px;left: 4%;cursor: pointer;}
        
        #search{position: absolute;top: 18px;right: 4%;margin-top: 0;}
        #search i{padding: 0;font-size: 16px; cursor: pointer;}
        #nav{display: none; margin: 0;position:absolute;top: 94%;left: 0;right: 0; width: 100%; background-color:#F2F2F2; }
        .nav ul{margin: 10px 0;}
        .nav li{position: static;background-color: #F2F2F2;}
        .nav li{float: none;display: block;padding-left: 4%;padding-right: 0;line-height: 32px;}
        .nav li a:hover{color: #008DF2;padding-bottom: 2px; border-bottom: 2px solid #008DF2;}
        .nav ul ul{padding-left: 2%; line-height: 32px; margin: 0;position: static;display: block;background-color:#F2F2F2;}
        .nav ul ul li{margin: 0;display: inline-block;padding: 0;line-height: 22px;margin-right: 10px;}
        .nav ul ul li a{line-height: 1.2;font-size: 15px;color: #777;}
        
        .nav .active>a{border-bottom: 2px solid #008DF2;color: #008DF2;padding-bottom: 2px;}
        
        .search{position:absolute;top: 100%;height: auto;margin-top: 0;padding-top: 20px;padding-bottom: 20px; background-color:#F2F2F2}
        .search .form{float: none;margin: 0 auto;width: 80%;}
        .search .form input{width: 74%;}
        .search .form button{width: 18%;margin-left: -1px;}
        
        #main{margin-bottom: 10px;}
        .mainleft{float: none;width: 100%;}
        .mainright{display: none; float: none;width: 100%;}
        
        #slider{width: 100%;height: 160px;margin-bottom: 10px;}
        .swiper-slide img{width: 100%;}
        .swiper-slide p{height: 30px;line-height: 30px;}
        .swiper-pagination{display: none;}
        
        .listpost{padding-left: 10px; padding-right: 10px;}
        .listpost li{margin-top: 10px;padding-bottom: 10px;}
        .listpost li h2{height: auto;max-height: 78px; line-height: 26px;white-space:normal;}
        .listpost li .img{float: left;width: 140px;height: 80px;}
        .listpost li .info{margin-left: 160px;margin-top:0px;}
        .listpost li .info h2{margin-bottom: 0;}
        
        .listpost li .moreimg{margin-right: -1%;}
        .listpost li .moreimg a{width: 32%;margin-right: 1%;height: 80px;}
        .listpost li .moreimg a:nth-child(4n+0){display: none;}
        
        .listpost li .moreinfo{}
        .listpost li .moreinfo span{display: none;margin-right: 2px;}
        .listpost li .moreinfo span.on{display: inline-block;}

        .sinpost{padding-left: 10px; padding-right: 10px;}
        .sinpost ul{}
        .sinpost li{margin-top: 10px;padding-bottom: 10px;}
        .sinpost li .img{width: 35%;height: 80px;}
        .sinpost li .img img{width: 100%;height: 100%;object-fit: cover;-o-object-fit: cover;overflow: hidden;}
        .sinpost li .info{margin-left: 37%;}
        .sinpost li .info h3{height: auto;font-size: 16px;line-height: 28px;height: auto;max-height: 56px;}
        .sinpost li .noimg{margin-left: 0;}
        .sinpost li p{clear: both; margin-left: 0;}
        
        
        .post{padding: 20px 15px;}
        .post .info i{padding: 16px 3px 3px; margin-left: 10px;}

        .article_content embed, .article_content video, .article_content iframe{width: 100%;height: 300px;}
        
        #share .sharel{float: none;display: block;margin-bottom: 20px;}
        #share .sharer{float: none;width: 207px;margin: 0 auto;}
        
        #footer .footer{margin-top: 10px;margin-bottom: 10px; display:none}
        .footer .fnav{display: none;}
        
        .navbottom,.sliderbottom{clear: both;overflow: hidden;margin: 10px auto;}
    .navbottom{padding-top: 10px;}
}

.footer-nav{width:25%; float:left; padding:0 0 30px 0;list-style:none;}
.footer-nav-head{ text-align:left;}
.footer-nav-head a{ font-size:12pt !important; padding:5px; font-weight:700}
.footer-nav-item{ text-align:left;}
.footer-nav-item a{ font-size:10pt !important; padding:5px; color:#999 !important;}
.footer-nav-item a:hover{color:#ddd !important;}
.copyright{ background:#131313; color:#999; padding:20px 0; text-align:center}
.subtitle{ padding:10px; color:#999;}
.btn{width:100px;height: 28px;border: 0; background-color: #008DF2;color: #fff; float:right; border-radius:5px}
.comment_info {
    text-align:center; padding:20px; margin-top:20px;
}

.comment-feedback{ 
    background:#F6F6F6; padding:10px; line-height:1.8em; color:#BD7F00; font-size:11pt;
}
.reg-title{ text-align:center; padding:10px; border-bottom:solid 1px #eee; margin-bottom:20px;}
.reg-title h3{color:#008DF2}
.reg-tb{ width:380px; margin:0 auto;}
.reg-tb td{ padding:5px;}
.reg-name{ width:80px; font-weight:700;}
.textbox{height:30px; border:solid 1px #ddd; padding-left:10px; width:210px; background:#F7F7F7;}
.txtcode{width:100px; height:30px; border:solid 1px #ddd; padding-left:10px; float:left; background:#F7F7F7;}
.button{ width:80px; height:30px; background:#008DF2; border:0px; color:#fff;}
.btn_bg{ background:#999;}
.btn_bg_red{background:#E7262B !important; border:solid 1px #E7262B !important; color:#fff !important;}
.link-more{background-color:#fff;margin: 20px 0;line-height: 32px; text-align: center;}
.link-more a{ border:solid 1px #ddd; padding:10px 30px;}
.link-more a:hover{ border:solid 1px #008DF2; background:#008DF2; color:#fff; text-decoration:none;}
.contact_address{padding:10px 0; line-height:2em;}

.upload-wrap{
    height: 100px;
    width: 100px;
    position:relative;
    margin:0 auto;
    margin-bottom:10px;
}
.upload-icon{
    position:absolute;
    z-index:10;
    width:20px;
    height:20px;
    top:2px;
    right:0px;
    background:url(edit.png) 0 0 no-repeat;
}
.upload-img{
    text-align:center;
}
.upload-img img {
    width:100px; height:100px;
}
.upload{
    width: 100px;
    height: 100px;
    outline: medium none;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0; 
    left:0px;
    top: 0px;
    cursor:pointer;
}

/*--error--*/
.error{
	text-align:center;
	min-height: 630px;
}
.error h1{
	color: #282828;
	font-size: 11em;
	line-height: 1em;
	margin-top:0.4em;
}
.error-head h1 span{
	color: #008DF2;
}
.error-head h2{
	font-size: 1.5em;
	color: #70616A;
	margin-top:1.5em;
}
.error-head a{
	color: #fff;
	background:#008DF2;
	font-size: 1.1em;
	display:inline-block;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-top:3em;
	text-decoration:none;
}
.error-head {
	padding-top: 5em;
}

.top{ float:right; padding:2px 8px; background:#008DF2; color:#fff; border-radius:5px;}

@media screen and (max-width:414px) {
    .post{min-height:400px;}
}