.left{float:left !important;}.right{float:right !important;}.tar{text-align: right;}
.ptb-20{padding:20px 0!important;}.ptb-40{padding:40px 0!important;}.pb-20{padding-bottom:20px!important;}
.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-40{margin-top:40px}.mb-20{margin-bottom:20px}


.head,.head-o,.head-b,.head-g,.head-r{background-color:#dfdfdf;}
.head-n1{background-color:#3f484f; height:60px}
.head-n2{height:50px}
a.logo{width:257px; height:90px; display:block; background-color:#f1f1f1; background-image:url(../images/logo.png);text-indent:-9999px;box-shadow: 0 5px 2px -1px #ccc;}
a.logo:hover{box-shadow:0 2px 5px rgba(80,80,80,0.5);}

/*老板兼容*/
.logo a{width:257px; height:90px; display:block; background-color:#f1f1f1; background-image:url(../images/logo.png);text-indent:-9999px;box-shadow: 0 5px 2px -1px #ccc;}
.logo a:hover{box-shadow:0 2px 5px rgba(80,80,80,0.5);}
.nav{font-size:18px;line-height:60px}
.nav a{color:#fff; width:100px; height:60px; display:inline-block; position:relative;text-align:center}
.nav a.on,.nav a:hover{background-color:#546064; text-decoration:none}
.nav a.on:after{width:0; height:0;content:"";border-left:50px solid transparent;border-right:50px solid transparent;border-top:10px solid #546064;position: absolute;bottom:-10px; left:0}
/*老板兼容*/

.nav-collapse{font-size:18px;text-align:right;line-height:60px;width:100%;}
.nav-collapse li{width:auto;display: inline-block;position: relative;}
.nav-collapse a{color:#fff; width:80px;height:60px; display:inline-block; position:relative;text-align:center}
.nav-collapse a.on,.nav-collapse a:hover{background-color:#546064; text-decoration:none}
.nav-collapse a.on:after{width:0; height:0;content:"";border-left:40px solid transparent;border-right:40px solid transparent;border-top:10px solid #546064;position: absolute;bottom:-10px; left:0}
.js .nav-collapse {position: relative;}
.js .nav-collapse.closed { max-height: none;}
.nav-toggle {display: none;}
@media screen and (max-width: 991px) {
a.logo{background:none; text-indent:0; font-size:30px; height:60px; line-height:60px; box-shadow:none; color:#fff}
a.logo:hover{box-shadow:none}
.nav-collapse{font-size:18px;width:100%; text-align:center}
.nav-collapse ul {margin: 0;padding: 0;width: 100%;display: block;list-style: none;background-color:#3f484f}
.nav-collapse ul li{width:100%}
.nav-collapse a{width:100%; height:auto; line-height:3em}
.js .nav-collapse {clip: rect(0 0 0 0);max-height: 0;position: absolute;display: block;overflow: hidden;zoom: 1;}
.nav-collapse.opened {max-height: 9999px;}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.nav-toggle{position:absolute; right:10px; top:-60px; width:70px; height:60px; display:block; background:url(../images/hamburger.png) no-repeat; text-indent:-99999px}
}


.head-n2 .nav-sub a{margin-left:20px;line-height:50px; color:#666; text-decoration:none; font-size:18px}
.head-n2 .nav-sub a:hover,.head-n2 .nav-sub a.on{color:#2a6496}

.list-tit{font-size:20px; font-weight:600}
.sidebar-tit{background-color:#3f484f; padding:8px 12px; color:#fff}

.list li{margin-bottom:30px;width:100%}.list li:hover{background-color:#fff;box-shadow:0px 2px 5px rgba(80,80,80,0.5);}
.list img{width:213px; height:143px;}
.list div{margin-left:213px; height:143px; font-size:14px}
.list a.tit{color:#333;font-size:20px; width:auto;height:40px; line-height:40px; padding:0 20px; display:block; overflow:hidden}
.list li:hover a.tit,.list a.tit:hover{color:#fff; background-color:#546064; text-decoration:none}
.list .summary,.list .info{color:#999; padding:10px 20px; display:block}
.list .summary{height:68px; line-height:1.3em; overflow:hidden}
.list .info{padding-bottom:0;display:block; overflow:hidden;width:auto;height:30px;}
.list .info a{margin-right:10px}
.morelist a{width:100%; padding:10px 0; text-align:center; display:inline-block; background-color:#eee; color:#333; font-size:18px}

.list_s li{margin-top:20px}
.list_s img{width:80px; height:80px}
.list_s div{margin-left:90px}
.list_s a.tit{color:#333;height:45px; line-height:1.5em;display:block;overflow:hidden}
.list_s a.tit:hover{text-decoration:none;color: #2a6496;}
.list_s .info{color:#999;padding-top:10px; display:block}
.list_tag{text-align:justify; margin-top:10px}
.list_tag a{padding:2px 5px;margin:5px 10px 5px 0;display:inline-block; color:#999;background-color:#fff; border:1px solid #eee; text-decoration:none;}
.list_tag a:hover,.list_tag a.on{color:#fff; background-color:#3f484f; border:1px solid #eee;}

.article{background:#fefefe;border:1px solid #e3e6e9;position: relative; padding:20px}
.article .info{color:#999}

.a_title{font-size:30px;line-height:1.5em; padding:0; margin:0}
.a_info{border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding:5px 10px; font-size:18px; line-height:43px; margin:20px 0; color:#999}
.a_info a{color:#666; margin-right:10px;}.a_info a:hover{color:#333}
a.i_view{background: url(../images/icons.png) 0 5px;padding-left: 20px;}

.content{line-height:2em; width:100%;font-size:18px;}
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin:1em 0; color:#000; font-weight:600}
.content img{margin:10px 0; height:auto; max-width:100%; display:block}
.content a{color:#08f}.content a:hover{color:#666}
.content p{margin-bottom:2em}
.content div{margin-bottom:1em}
.content p img{margin-bottom:0em}
.content ul,.content ol{display:inline-block;width:auto; margin-left:20px;margin-bottom:2em;}
.content ul li,.content ol li{float:left; width: 100%}
.content blockquote,pre{background-color:#eee;margin:2em 0; width:auto; padding:20px}
.content pre{word-break: break-all;word-wrap: break-word;}
.content blockquote p{margin-bottom:1em}
.content ul{display:inline-block; width:100%; height:auto}
.context{width:100%;float:left; margin-bottom:20px; padding:10px; border:1px solid #ddd; border-left:none; border-right:none}
.context li{width:50%; height:30px; line-height:30px; overflow:hidden; float:left;}
.context li.next{text-align:right}
.a_view{ margin:20px 0 80px 0; font-size:30px}

.a_tag{clear:both; min-height:2em}
.a_tag i{width:17px; height:30px; display:inline-block; background:url(../images/icon_tags.gif); margin-right:10px; float:left}
.a_tag a{height:30px; color:#fff; line-height:30px; padding:0 10px; display:inline-block; background-color:#f36119; margin:0 10px 10px 0}
.a_tag a:hover{background-color:#fe9711}
.a_read_more{background:#fefefe;border:1px solid #e3e6e9; border-top:none; margin:0; display:inline-block}
.a_read_more li{width:304px; float:left;font-size:16px; position:relative}
.a_read_more li.pre{text-align:right; border-right:1px solid #ddd; width:303px; padding:20px 20px 20px 40px}
.a_read_more li.next{padding:20px 40px 20px 20px}
.a_read_more li a{padding:0; display:inline-block; width:303px; height:50px; overflow:hidden}

i.i_pre{position: absolute;top:42%;left:10px;}
i.i_next{position: absolute;top:42%;right:10px;}
i.i_pre{background-position: -293px 0px;display: inline-block;width: 13px;height: 22px;}
i.i_next{background-position: -257px -138px;display: inline-block;width: 14px;height: 22px;}

.qz_url{padding:10px 20px; display:inline-block; background-color:#2ad; color:#fff; font-size:20px; margin:30px 0 20px 0}
.qz_url:hover{background-color:#08b; color:#fff; text-decoration:none}

.pager{margin-bottom:20px; margin-top:10px}
.pager a,.now-page{padding:5px 12px;margin:5px 0 0 5px;text-align:center; display:inline-block;color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; background-color:#546064}
.pager .now-page{color:#fff; background-color:#3f484f}

/*橙色*/
.borange a:hover,.borange a:focus {color: #fe9711;}
.borange .head-n1{background-color:#fe9711}
.borange a.logo{background-image:url(../images/logo-o.png)}
.borange .nav-collapse a{color:#fff}
.borange .nav-collapse a.on,.borange .nav-collapse a:hover{background-color:#fdb14e}
.borange .nav-collapse a.on:after{border-top-color:#fdb14e}
.borange .head-n2 .nav-sub a:hover,.borange .head-n2 .nav-sub a.on{color:#fe9711}
.borange .list li:hover a.tit,.borange .list a.tit:hover{background-color:#fe9711;}
.borange .sidebar-tit{background-color:#fe9711;}
.borange .list_tag a:hover{background-color:#fe9711;color:#fff}
.borange .morelist a{background-color:#fe9711; color:#fff}
.borange .pager a{background-color:#fdb14e}
.borange .pager a:hover,.borange .pager a.thisclass{color:#fff;background-color:#fe9711}
@media screen and (max-width: 991px) {
	.borange .nav-collapse ul{background-color:#fe9711}
	.borange a.logo{background:none}
	.borange a.logo:hover{box-shadow:none; color:#fff}
}
/*蓝色*/
.bblue a:hover,.bblue a:focus {color: #24afd0;}
.bblue .head-n1{background-color:#24afd0}
.bblue a.logo{background-image:url(../images/logo-b.png)}
.bblue .nav-collapse a{color:#fff}
.bblue .nav-collapse a.on,.bblue .nav-collapse a:hover{background-color:#5cc7e0}
.bblue .nav-collapse a.on:after{border-top-color:#5cc7e0}
.bblue .head-n2 .nav-sub a:hover,.bblue .head-n2 .nav-sub a.on{color:#24afd0}
.bblue .list li:hover a.tit,.bblue .list a.tit:hover{background-color:#24afd0;}
.bblue .sidebar-tit{background-color:#24afd0;}
.bblue .list_tag a:hover{background-color:#24afd0;color:#fff}
.bblue .morelist a{background-color:#24afd0; color:#fff}
.bblue .pager a{background-color:#5cc7e0}
.bblue .pager a:hover,.bblue .pager a.thisclass{color:#fff;background-color:#24afd0}
@media screen and (max-width: 991px) {
	.bblue .nav-collapse ul{background-color:#24afd0}
	.bblue a.logo{background:none}
	.bblue a.logo:hover{box-shadow:none; color:#fff}
}
/*绿色*/
.bgreen a:hover,.bgreen a:focus {color: #8cc63f;}
.bgreen .head-n1{background-color:#8cc63f}
.bgreen a.logo{background-image:url(../images/logo-g.png)}
.bgreen .nav-collapse a{color:#fff}
.bgreen .nav-collapse a.on,.bgreen .nav-collapse a:hover{background-color:#9dd651}
.bgreen .nav-collapse a.on:after{border-top-color:#9dd651}
.bgreen .head-n2 .nav-sub a:hover,.bgreen .head-n2 .nav-sub a.on{color:#8cc63f}
.bgreen .list li:hover a.tit,.bgreen .list a.tit:hover{background-color:#8cc63f;}
.bgreen .sidebar-tit{background-color:#8cc63f;}
.bgreen .list_tag a:hover{background-color:#8cc63f;color:#fff}
.bgreen .morelist a{background-color:#8cc63f; color:#fff}
.bgreen .pager a{background-color:#9dd651}
.bgreen .pager a:hover,.bgreen .pager a.thisclass{color:#fff;background-color:#8cc63f}
@media screen and (max-width: 991px) {
	.bgreen .nav-collapse ul{background-color:#8cc63f}
	.bgreen a.logo{background:none}
	.bgreen a.logo:hover{box-shadow:none; color:#fff}
}
/*红色*/
.bred a:hover,.bred a:focus {color: #bd0103;}
.bred .head-n1{background-color:#bd0103}
.bred a.logo{background-image:url(../images/logo-r.png)}
.bred .nav-collapse a{color:#fff}
.bred .nav-collapse a.on,.bred .nav-collapse a:hover{background-color:#cd3335}
.bred .nav-collapse a.on:after{border-top-color:#cd3335}
.bred .head-n2 .nav-sub a:hover,.bred .head-n2 .nav-sub a.on{color:#bd0103}
.bred .list li:hover a.tit,.bred .list a.tit:hover{background-color:#bd0103;}
.bred .sidebar-tit{background-color:#bd0103;}
.bred .list_tag a:hover{background-color:#bd0103; color:#fff}
.bred .morelist a{background-color:#bd0103; color:#fff}
.bred .pager a{background-color:#cd3335}
.bred .pager a:hover,.bred .pager a.thisclass{color:#fff;background-color:#bd0103}
@media screen and (max-width: 991px) {
	.bred .nav-collapse ul{background-color:#bd0103}
	.bred a.logo{background:none}
	.bred a.logo:hover{box-shadow:none; color:#fff}
}

/*底部*/
.footer{background-color:#444; color:#ccc; font-size:14px}
.footer a{font-size:14px; color:#aaa}.footer a:hover{color:#777}
.footer ul{text-align:right}
.footer ul li{float:right; padding:0 0 10px 10px;}
.footer ul li a{width:110px; height:1.5em; padding:0;display:block; overflow:hidden}
.copyright{background-color:#222;color:#555; line-height:3em}
.copyright a{color:#555; margin-left:10px;}.copyright a:hover{color:#aaa}

.about_menu{ border-bottom:1px solid #f0f3f6;}
.about_menu a{background:#fefefe;padding:10px 20px; border:1px solid #f0f3f6; border-bottom:none; display:block; font-size:18px; text-decoration:none}
.about_menu a:hover,.about_menu a.selected{background:#f36119; color:#fff;}

.singlepage{font-size:16px}
.singlepage img,.singlepage p{margin-bottom:1.5em}

.so{background-color:#dfdfdf; padding:20px 0}
.fenxiang{color: #000; font-size: 18px; font-weight:bold;}

.index_dh{margin:20px auto 40px auto}
.index_dh ul{background-color:#fbfbfb; display:inline-block; width:100%;box-shadow:0px 2px 5px rgba(60,60,60,0.1);}
.index_dh ul li{width:20%; float:left;}
.index_dh ul li div{padding:30px 0 30px 30px}.index_dh ul li div.last{padding-right:30px}
.index_dh ul li div h3{margin:0}
.index_dh ul li div a{display:inline-block; margin:10px 20px 0 0}
.index_dh ul li div h3 a{margin:0; color:#333}

@media screen and (max-width:991px) {
.index .head-n2{display:none}
.nav-collapse a.on:after{width:0; height:0;content:"";border:none;position: absolute;bottom:0; left:0}
.head-n2 .nav-sub a{margin-left:10px;}
.list img{width:120px; height:80px;}
.list div{margin-left:120px; height:80px;}
.list a.tit{height:46px; line-height:23px;padding-left: 10px; font-size: 18px}
.list .summary,.list .info{padding-left: 10px}
.list .summary{display: none}
.so{display: none}
.footer,.copyright{font-size: 12px}
.tar{text-align: center;}
.fenxiang{display: none}
.a_title{font-size:25px;}
}

.icon_w{background:url(../images/icon_white.png) no-repeat;display: inline-block;width: 14px;height: 14px;margin:1px 5px 0 0;line-height: 14px;vertical-align: text-top;}
.icon_g{background:url(../images/icon_gray.png) no-repeat;display: inline-block;width: 14px;height: 14px;margin:1px 5px 0 0;line-height: 14px;vertical-align: text-top;opacity:0.6; filter:alpha(opacity=60); }
.icon_time{background-position:-48px -24px;}
.icon_eye{background-position:-96px -120px;}
.icon_tag{background-position:-24px -48px;}

.so2{display:none;}
@media screen and (max-width: 991px) {

.so2 {display:block;
    background-color: #dfdfdf;
    padding: 20px 0;
}
}