/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}
/*
Theme ID: ydcms
Author: guokun(laobai)
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://zidian.openjq.com/
*/
*{
	margin: 0;padding: 0;
}
body {background-color:#ffff; font:14px/1.6em "Helvetica Neue","STHeiti","Microsoft YaHei",Helvetica,Arial,sans-serif; color:#666;background-color: #FFFFFF;}
.container{width: 1200px;margin: 0 auto;}
a{text-decoration: none;}
/*header*/
#header{}
/*headertop*/
.headertop{height: 30px;line-height: 30px; background-color: #f9f9f9;border-bottom: 1px solid #eee;}
.headertop span{display: block;color: #878787;}
.headertop span a{color: #888;}
.headertop span i{float: right;font-style: normal;}
/*logo*/
.header{margin-top: 10px;margin-bottom: 10px; overflow: hidden;}
.header .logo{float: left;}
.header .headerad{float: left;margin-left: 20px;}
.header .search{float: right;}
.search form{margin-top: 20px;}
.search form input{float:left; border:1px solid #ededed;width: 200px;height: 38px;line-height: 38px; padding-left: 10px;}
.search form button{float: left;width: 50px; height: 40px;line-height: 40px;text-align: center; border: 0; background-color: #2D2D51;}
.search form button.submit{color: #fff;}
/*nav*/
#nav{width: 100%; height: 50px;margin-bottom: 20px; background-color: #2D2D51;}
#nav .nav{}
.nav ul{float: left;list-style: none;}
.nav li{float: left;position: relative;}
.nav li a{padding: 0 20px;line-height: 50px; color: #fff;display: inline-block;}
.nav li:hover a{background-color: #2096DA;}

.nav ul ul{display: none;background-color: #2096DA;position: absolute;top: 100%;left: 0;z-index: 99;}
.nav ul li:hover > ul{display: block;}
.nav ul ul li{float: none;display: block;white-space: nowrap;}
.nav ul ul li a{display: block;}
.nav ul ul li:hover a{background-color: #2D2D51;}

.nav ul ul ul{display: none;}
.nav ul ul li:hover ul{display: block;position: absolute;left: 100%;top: 0;}
/*高亮*/
.nav .active>a{background-color: #2096DA;color: #fff;}
/*跟随*/
.fixednav {position: fixed;top: 0;z-index: 265;opacity: .95;}
/*==============main===============*/
#main{overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.mainleft{float: left;width: 860px;}
.mainright{float: right;width: 300px;}

/*=========mainleft==============*/
/*幻灯片*/
.swiper-container{margin-bottom: 20px;margin-top: -20px; background-color: #fafafa;}
.swiper-slide {
	max-height: 320px;
	text-align: center;font-size: 18px;background: #fff;
	/* 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-slide img{width: 1200px;height: auto;}
/*imglist*/
.imglist{margin-top: 10px;margin-bottom: -10px; overflow: hidden;}
.imglist ul{list-style: none;margin-right: -20px;}
.imglist li{float: left;width: 285px; margin-bottom: 20px; margin-right: 20px;}
.imglist li .img{height: 180px;overflow: hidden;position: relative;}
.imglist li .img img{width: 100%;height: auto;}
.imglist li .img h3{height: 24px;line-height: 24px;text-align: center; position: absolute;left: 0;right: 0; bottom: 0; background-color: #2096DA;color: #fff;font-weight: normal;font-size: 14px;padding-left: 4px;padding-right: 4px;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
}
.imglist li .img:hover h3{height: 48px; background-color: rgba(0,0,0,.7);}
.imglist li span{height: 24px;margin-top: 6px; display: block;overflow: hidden;}
.imglist li span a{color: #2096DA}
.imglist li span i{font-style: normal;color: #F85E5E;}
/**/
.catelist ul{list-style: none;}
.catelist li{margin: 0 0 10px;clear: both;}
.catelist .title{height: 40px;overflow: hidden;white-space: nowrap;}
.catelist .title img{width: 32px;height: 32px;margin-right: 4px; vertical-align: middle;margin-bottom: 8px;border-radius: 50%;}
.catelist .title h2{display: inline-block; }
.catelist .title h2 a{color: #000;line-height: 40px;}
.catelist .title h2 a:hover{color: #2096DA;}
.catelist .title span{display: inline-block;line-height: 40px;}
.catelist .title span a{background-color: #F85E5E;color: #fff; padding: 2px 4px; border-radius: 3px;margin-left: 6px;}
.catelist .body{float: left;width: 530px;margin: 15px 0;}
.catelist .body p{line-height: 24px;text-indent: 2em;}
.catelist .body span{margin: 16px 0; display: block;}
.catelist .body span a{color: #2096DA;}
.catelist .body span i{color: #F85E5E;font-style: normal}
.catelist .body em{font-style: normal;color: #999;display: block;margin-top: 6px;}
.catelist .img{float: right;width: 300px;max-height: 200px;margin: 15px 0;border: 1px solid #ededed;
/*	box-shadow: 2px 2px 1px 0 rgba(0,0,0,.1);*/
	overflow: hidden;}
.catelist .img img{width: 100%;height: auto;}
.catelist .img:hover{border: 1px solid #2096DA;}
/*========pagebar==========*/
.pagebar{clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.pagebar span{height: 36px;line-height: 36px;width: 44px;background-color: #2096DA;color: #fff; text-align: center;margin: 10px 3px;display: inline-block;}
.pagebar a{width: 44px;background-color: #2D2D51;color: #fff; height: 36px;line-height: 36px;text-align: center;margin: 10px 3px;display: inline-block}
.pagebar a:hover{background-color: #2096DA;}
/*==================mainright==================*/
.mainright{}
.mainright .widget{margin-bottom: 20px;border: 1px solid #ededed;}
.widget .title{height: 28px;line-height: 28px;}
.widget .title span{height: 28px; line-height: 28px;font-size: 14px;padding-left: 6px;padding-right: 6px; background-color: #2D2D51; color: #fff;display: inline-block;}
.widget ul{list-style: none;margin: 5px 10px;overflow: hidden;}
.widget li{font-size: 14px;}
.widget li a{color: #555;}
/*widget_previous*/
.widget_previous ul {}
.widget_previous li{list-style-type:disc;list-style-position: inside;margin: 14px 0;color: #F85E5E;font-size: 13px;}
.widget_previous li a{color: #555;font-size: 14px;}
.widget_previous li a:hover{color:#F85E5E; }
.widget_previous li span{color: #999;font-size: 13px;margin-left: 6px;}
/*widget_comments*/
.widget_comments ul{}
.widget_comments li{overflow: hidden;margin-top: 6px; margin-bottom: 6px;}
.widget_comments li img{float: left;width: 38px;height: 38px;border-radius: 50%;}
.widget_comments li p{margin-left: 46px;color: #555;}
.widget_comments li p span{color: #2096DA;margin-right: 4px;}
.widget_comments li p a{margin-left: 4px;color: #888;}
.widget_comments li p a:hover{color:#F85E5E; }
/*widget_tags*/
.widget_tags li{float: left;margin: 4px 3px 4px 0;}
.widget_tags li a{color: #fff;background-color: #2096DA;padding: 2px 4px;}

/*widget*/
.widget_archives li,.widget_favorite li,.widget_navbar li,.widget_link li,.widget_authors li,.widget_misc li,.widget_catalog li{float: left;width: 50%;margin-top: 4px;margin-bottom: 4px;}
.widget_statistics li{margin-top: 4px;margin-bottom: 4px;}
.widget_catalog ul ul{display: none;}
/*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:#2096DA;}
/*.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;background:#2096DA;color:#fff;}

/*widget_div*/
.widget_div{padding: 10px;}
.widget_div img{max-width: 100%;margin-top: 4px;margin-bottom: 4px;}
.widget_div .cp-hello{margin-bottom: 0;height: 24px;line-height: 24px;}
.widget_div .cp-login{margin-top: 0;height: 24px;line-height: 24px;}

.widget_searchpanel form{margin-left: 5%;}
.widget_searchpanel form input[type=text]{float: left;width: 60%; border: 1px solid #ededed;height: 30px;}
.widget_searchpanel form input[type=submit]{width: 20%; background-color: #2096DA;height: 32px;color: #fff;border: 0;text-align: center;}
/*=====================footer=======================*/
footer{clear: both; background-color: #2c2c2c;margin-top: 30px;}
#footer{padding-top: 30px;margin-top: 30px; margin-bottom: 30px; color: #bdbdbd; overflow: hidden;font-size: 14px;}
#footer a{color: #bdbdbd;}
#footer .footerl{float: left;width: 55%;}
.footerl .flbox{float: left; width: 25%;}
.footerl .flbox h4{ color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerl .flbox a{line-height: 28px;display: block}
.footerl .flbox:last-child a{border-right: 1px solid #414141;}
#footer .footerr{float: right;width: 40%;}
.footerr .frbox{float: left;width: 50%;line-height: 28px;}
.footerr .frbox h4{color: #fff;font-size: 16px; line-height: 36px;font-weight: normal;}
.footerr .ficon{display: block;position: relative;}
.footerr .ficon a{margin-top: 10px;margin-right: 20px;width:30px;height: 30px;line-height: 30px; display: inline-block;text-align: center;
background-color: #7f7f7f;border-radius: 50%;}
.footerr .ficon a i{color: #2c2c2c;font-size: 16px;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img{display: none;position: absolute;top: -34px;left: -14px;z-index: 100;}
.footerr .ficon a.ficon_wechat .ficon_wechat_img img{width: 160px;height: 160px;}
.footerr .ficon a.ficon_wechat:hover .ficon_wechat_img{display: block;}

.copyright{background-color: #2c2c2c;border-top: 1px solid #414141; min-height: 60px; color: #bdbdbd;overflow: hidden}
.copyright a{color: #bdbdbd;}
.copyright .container{line-height: 24px;}
.copyright .cl{float: left;margin-top: 14px;}
.copyright .cr{float: right;margin-top: 14px;}
.copyright .cr a{margin-left: 6px;}
/*======================posts================*/
.breadcrumb{height: 42px;}
.breadcrumb a{color: #999;}
.breadcrumb i{margin: 0 6px;}
/*==========================*/
.mainleft h1{font-size: 24px; line-height: 42px;font-weight: normal;color: #000;}
.mainleft .info{margin: 5px 0 10px;color: #888;}
.mainleft .info span{margin-right: 10px;}
.mainleft .info span a{color: #2096DA;}
.mainleft .info span a:hover{color: #F85E5E;}
.mainleft .info span i{font-style: normal;color: #F85E5E;margin-right: 4px;}
/*========content===========*/
/*content*/
.article_content {font-size:16px;line-height:33px; margin-bottom: 20px;overflow: hidden;word-wrap:break-word;}
.article_content img {margin-top: 5px;margin-bottom: 5px;max-width:98%;
	height:auto;padding: 2px;border: 1px solid #ededed;
	box-shadow:0 0 3px #ededed;-webkit-box-shadow:0 0 3px #ededed;-ms-box-shadow:0 0 3px #ededed;-o-box-shadow:0 0 3px #ededed;
}
.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: #555; line-height: 28px; 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: #2096DA;}
.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 #2096DA;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
/*视频*/
.article_content embed, .article_content video, .article_content iframe{width: 510px;height: 498px;}
/*====tag====*/
.tag{margin: 10px 0;font-size: 14px;}
.tag a{color: #2096DA;text-decoration: underline;margin-right: 6px;}
.tag a:hover{color: #FF5E52;}
/*=====prev_next=======*/
.prev_next{margin: 10px 0;height: 24px;overflow: hidden}
.prev_next span{display: inline-block;width: 45%;}
.prev_next span a{color: #2096DA}
.prev_next span a:hover{color: #FF5E52;}
.prev_next .prev{float: left;}
.prev_next .next{float: right;}
/*=========relates============*/
.relates{margin: 20px 0;overflow: hidden;}
.relates h4{font-size: 18px;color: #333; font-weight: normal;padding-bottom: 10px;border-bottom: 1px dashed #ededed;}
.relates ul{list-style: none;margin-right: -10px;margin-top: 10px;margin-bottom: 10px;}
.relates li{float: left;margin-right: 10px;margin-bottom: 10px; width: 280px;position: relative;}
.relates .relateimg{width: 100%;height: 160px;overflow: hidden;}
.relates .relateimg a{}
.relates .relateimg img{width: 100%;height: auto;}
.relates .relateimg h3{height: 24px;line-height: 24px;font-size: 14px;padding-left: 4px;padding-right: 4px; font-weight: normal;
	background-color: rgba(0,0,0,.8);text-align: center;color: #fff;
	transition: .3s;-webkit-transition: .3s;-mz-transition: .3s;-o-transition: .3s;
	position: absolute;left: 0;right: 0; bottom: 0;}
.relates .relateimg:hover h3{height: 48px;background-color: #2096DA}
/*comment*/
#comment{overflow: hidden;}
#comment h4{color: #333; padding-bottom: 10px;border-bottom: 1px dashed #ededed;height: 24px;line-height: 24px;font-size: 20px;font-weight: normal;}
#comment .compost{margin: 20px 0;}
.compost form{}
.compost .com_name{margin: 10px 0;overflow: hidden;color: #2096DA;}
.compost .com_name a{color: #FF5E52;}
.compost .com_box{margin: 10px 0;}
.compost .com_box textarea{width: 99.8%; border: 1px solid #ddd;display: block;}
.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: #2096DA;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: 93%; height: 1px;background-color: #ededed;vertical-align: middle;display: inline-block}
.comlist ul{list-style: none;}
.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: #2096DA;font-size: 14px;font-weight: normal;}
.clbody .cinfo span{float:right;margin-right: 10px;}
.clbody .cinfo span a{color: #2096DA;}
.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: #2096DA;}
/*=========返回顶部===========*/
.bottom_tools{position:fixed;z-index:999;right:20px;bottom:20px;font-size: 38px;}
.bottom_tools a{width: 50px;height: 50px;line-height: 44px;display: block; background-color: rgba(0,0,0,.7);color: #fff;text-align: center;margin-bottom: 4px;
}
.bottom_tools a.topcomment{margin-bottom: 0;line-height: 50px;}
.bottom_tools a:hover{background-color: #2096DA;}
.qr_tool{width: 50px;height: 50px;line-height: 56px; text-align: center;color: #fff; background-color: rgba(0,0,0,.7);margin-bottom: 4px;}
.qr_tool:hover{background-color: #2096DA;}
.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;}