/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

* {

	font-size: 16px;

	font-family: 'microsoft yahei';

	/*font-size: 100%;*/

}

a {

	color: #000;

	text-decoration: none;

}

a:hover {

	color: #0090da;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

p {

	font-size: 1em;

	margin-bottom: 1em;

}

html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

th, td {

	border: 1px solid #ddd;

}

body {

	margin: 0;

	padding: 0;

	background: #f1f1f1;

	font-size: 1em;

	line-height: 1.5em;

	color: #666;

}

i {

	padding-right: 3px;

}

a {

	color: #046bb0;

	text-decoration: none;

}

a:hover {

	color: #00a4dc;

	text-decoration: none;

}

code {

	padding: 2px 4px;

	font-size: 90%;

	color: #c7254e;

	background-color: #f9f2f4;

	border-radius: 4px;

}

.wrap {

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;

}

.zwrap {

	padding-right: 0;

	padding-left: 0;

}

.enheight {

	height: 300px!important;

}

.paper {

	background-color: #fff;

	margin: 20px

}

.page-header {

	height: 100px;

	overflow: hidden;

}

.page-header h1 {

	line-height: 100px;

	float: left;

}

.page-header h1 a {

	font-size: 40px;

	color: #377bee;

}

.page-header span {

	font-size: 16px;

	float: left;

	margin-left: 20px;

	line-height: 60px;

	padding: 5px 0;

	margin-top: 25px;

	visibility: hidden;

	width: 621px;

}

.top {

	padding: 0;

	background-color: #fff;

}

.topmenu {

	height: 28px;

	background: #373737;

}

.topmenu ul li {

	font-size: 16px;

	display: flex;
	align-items:center;
	justify-content:space-between;
	position: relative;
	

}

.topmenu ul li a {
	display:block;
	font-size: 14px;

	color: #e7e7e7;

}

.topmenu ul li a:hover {

	color: #fff;

	background-color: rgba(0,0,0,0.1);

}

.searchbox {

	float: right;

	z-index: 9;

	position: relative;

	border: 1px solid #d4d4d4;

	border-right: 0;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

	background-color: #fff;

	width: 40%;

	margin-top: 25px;

}

.contact {

	float: right;

	display: none;

}

.contact li {

	display: inline-block;

	padding: 0 25px;

}

.contact li a {

	color: #09f;

	-webkit-transition: all .8s;

	-moz-transition: all .8s;

	-o-transition: all .8s;

	-ms-transition: all .8s;

	transition: all .8s;

}

.contact li a:hover {

	text-shadow: 0 0 20px #046bb0;

	color: #f1f1f1;

	-webkit-transition: all .8s;

	-moz-transition: all .8s;

	-o-transition: all .8s;

	-ms-transition: all .8s;

	transition: all .8s;

}

.navbar-collapse {

	background-color: #0090ce;

	display: none;

}

.toggle-search, .mainmenu, .navbar-toggle {

	color: #fff;

	line-height: 24px;

	cursor: pointer;

	font-size: 16px;

	padding: 6px 20px;

	display: block;

	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1);

	box-shadow: -1px 0 0 rgba(255,255,255,0.1);

	height: 33px;

	display: inline-block;

}

.toggle-search:hover, .toggle-search.active, .navbar-toggle:hover, .navbar-toggle.active {

	background: rgba(0,0,0,0.15);

	color: #fff;

}

.toggle-search i {

	float: right;

}

.search-expand {

	display: none;

	z-index: 2;

}

.search-expand-inner {

	padding: 5px 5px 4px 5px;

	background-color: rgba(0,0,0,0.15);

}

.searchform {

	width: 100%;

}

.searchform input {

	line-height: 31px;

	border: 0;

	padding: 2px 2px 2px 10px;

	color: #999;

}

.sinput input {

	width: 87%;

	height: 18px;

	padding: 9px;

	border: 0;

	font-size: 14px;

	line-height: 18px;

	color: #333;

	background-color: transparent;

}

.sbut {

	z-index: 10;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

}

.sbut input {

	width: 45px;

	height: 36px;

	background-color: #377bee;

	border: 0;

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

}

.nav {

	height: auto;

	background-color: #0090ce;

}

.nav ul li {

	font-size: 16px;

}

.nav ul li a {

	display: block;

	font-size: 16px;

	line-height: 45px;

	padding: 0 25px 0 23px;

	color: #fff;

	text-shadow: 0 1px 0 rgba(0,0,0,0.3);

	transition: all .1s ease-in;

}

.nav ul li ul {

	background-color: #0090ce;

	filter: alpha(opacity=90);

	opacity: .9;

	-moz-opacity: .9;

	z-index: 99;

	display: none;

	line-height: 45px;

	padding-left: 30px;

}

.nav ul li ul li a {

	float: none;

	color: #fff;

	display: block;

	line-height: 45px;

	text-shadow: 0 1px 0 rgba(0,0,0,0.3);

}

.nav ul li ul li.current-menu-item, .nav ul li ul li a:hover {

	background-color: rgba(0,0,0,0.1);

}

.nav ul li.current-menu-item, .nav ul li a:hover {

	color: #fff;

	background-color: rgba(0,0,0,0.1);

	margin-bottom: 0;

}

.current_page_item a {

	background-color: rgba(0,0,0,0.1);

}

.notic {

	background-color: #fff;

	height: auto;

	border: 1px solid #ececec;

	margin-bottom: 20px;

	padding: 5px;

}

.subnotic {

	line-height: 2em;

	color: #999;

	font-size: .9em;

}

.row {

	margin-right: -15px;

	margin-left: -15px;

}

.main .sider {

	position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px;

}

.sider {

	display: none;

}

.article {

	background-color: #fff;

	padding: 20px;

	border: 1px solid #ececec;

	overflow: hidden;

}

.block {

	overflow: hidden;

	margin-bottom: 20px;

	padding-bottom: 20px;

	background-color: white;

	padding: 20px;

	border: 1px solid #ececec;

}

.preview {

	font-size: .9em;

	color: #737373;

}

.viewimg {

	float: left;

	margin-right: 2%;

}

.viewimg a {

	position: relative;

	display: block;

}

.viewimg img {

	width: 160px;

	height: 120px;

	padding: 3px;

	border: 1px solid #e5e5e5;

}

.block h2 {

	display: inline-block;

	padding-bottom: 15px;

	font-weight: 500;

	word-wrap: break-word;

	padding-top: 5px;

}

.block h2 a {

	font-size: 1.2em;

	color: #000;

}

.block h2 a:hover {

	color: #00a4dc;

}

.more {

	float: right;

}

.more a {

	padding: 0 5px;

	font-size: 12px;

	display: block;

	background-color: #fff;

}

.more a:hover {

	background-color: #0086e3;

	color: #fff!important;

}

.gsmall {

	padding: 10px 0!important;

	line-height: 32px;

}

.gsmall img {

	height: 32px!important;

	width: 32px!important;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-transition: .2s;

	-webkit-transition: -webkit-transform .2s ease-out;

	transition: transform .2s ease-out;

	-moz-transition: -moz-transform .2s ease-out;

}

.gsmall img:hover {

	box-shadow: 0 0 10px #fff;

rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);

	-webkit-box-shadow: 0 0 10px #fff;

rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);

	transform: rotateZ(360deg);

	-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

}

.author img:hover {

	-webkit-transition: all .8s ease-in-out;

	-moz-transition: all .8s ease-in-out;

	-o-transition: all .8s ease-in-out;

	transition: all .8s ease-in-out;

	transform: rotate(720deg);

	-moz-transform: rotate(720deg);

	-webkit-transform: rotate(720deg);

}

.tag_cloud a {

	display: inline-block;

	color: #666;

	font-size: .8em!important;

	padding: 3px 8px;

	background-color: #f3f3f3;

	margin: 2px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	white-space: nowrap;

}

.tag_cloud a:hover {

	background-color: #08a5e0;

	color: #FFF;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

}

.pagination {

	margin-top: 20px;

	margin-bottom: 20px;

	text-align: center;

}

.pagination a, .current, .page-numbers {

	display: inline-block;

	margin-right: 5px;

	padding: 3px 11px;

	border: 1px solid #ececec;

	background: #fff;

	color: #999;

	text-align: center;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

}

.current, .pagination a:hover, .page-numbers:hover {

	background-color: #4cace2;

	color: #fff;

}

.preem {

	padding-top: 10px;

}

.preem span, .subtitle span {

	margin-right: 10px;

	font-size: .9em;

	color: #999;

}

.preem span a {

	font-size: .9em;

	color: #999;

}

.preem span a:hover {

	color: #999;

}

.category {

	margin-right: 5px;

	color: #1f9dd4;

}

.category a {

	color: #fff!important;

	padding: 2px 5px;

	background-color: #0090ce;

	font-size: .9em!important;

	opacity: .88;

}

.category a:hover {

	background-color: #2dbdf4;

}

.category i {

	margin-left: -5px;

}

.textwidget {

	padding: 10px;

	border: 1px solid #ececec;

	border-top: 0;

}

.screen {

	background-color: #fff;

	margin-bottom: 20px;

}

.screen img {

	max-width: 100%;

	height: auto;

}

.author {

	background-color: #fff;

	padding: 10px;

	overflow: hidden;

	border: 1px solid #ececec;

}

.author img {

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	max-width: 100%;

	height: auto;

	margin-right: 20px;

	margin-bottom: 10px;

	border: 3px solid #fff;

	float: left;

	-webkit-transition: all .8s ease-in-out;

	-moz-transition: all .8s ease-in-out;

	-o-transition: all .8s ease-in-out;

	transition: all .8s ease-in-out;

	-moz-box-shadow: 1px 1px 7px #777;

	-webkit-box-shadow: 1px 1px 7px #777;

	box-shadow: 1px 1px 7px #777;

}

.names {

	font-weight: 600;

}

.talk {

	font-size: .8em;

	padding: 5px;

	display: block;

	padding-top: 10px;

}

.intag {

	padding: 5px 10px;

	background: #0090ce;

	color: #fff;

	font-size: .7em;

	margin-right: 10px;

}

.bignum {

	font-size: 1.5em;

	display: block;

}

.butauthor li {

	width: 30%;

	display: inline-block;

	text-align: center;

}

.butauthor {

	color: #999;

	clear: both;

	padding-top: 10px;

	line-height: 1.7em;

	margin-bottom: 20px;

	background-color: #f9f9f9;

	border-top: 0;

}

.subblock {

	background-color: #fff;

	margin-bottom: 20px;

}

.subblock img {

	width: 100%;

	height: auto;

}

.subblock h3 {

	color: #000;

	padding-left: 10px;

	font-size: 15px;

	line-height: 35px;

	display: inherit;

	border: 1px solid #ececec;

}

.subblock ul {

	padding: 10px;

	border: 1px solid #ececec;

	border-top: 0;

}

.subblock li {

	border-bottom: 1px solid #eee;

	padding: 3px 0;

}

.subblock li a {

	color: #666;

}

.subblock li a:hover {

	color: #00a4dc;

}

.subblock h3:before {

	content: "\f0c9";

	font-family: FontAwesome;

	padding-right: 5px;

}

.artical {

	margin-bottom: 30px;

}

.map {

	padding-left: 15px;

	line-height: 35px;

	display: inherit;

	margin: -20px -20px 10px -20px;

	border: 1px solid #ececec;

	border-top: 0;

	border-left: none;

	border-right: 0;

}

.map1 {

	background: #fafafa;

	padding: 10px;

	border: 1px solid #ececec;

	border-bottom: 0;

}

.map1 span h1 {

	font-size: 1.5em;

	padding-top: .5em;

}

.map a, .map1 a {

	font-size: 14px;

	color: #888;

}

.map a:hove, .map1 a:hove {

text-decoration:underline;

}

.map span, .map1 span {

	font-size: 14px;

	color: #888;

}

.title {

	border-bottom: 1px dashed #DDD;

	margin-bottom: 20px;

}

.title h1 {

	font-size: 24px;

	line-height: normal;

	color: #404040;

	margin-bottom: .3em;

}

.subtitle, .subtitle a {

	font-size: .9em;

	color: #999;

}

.article_content {

	margin-bottom: 30px;

}

.article_content strong {

	font-weight: bold;

}

.article_content a:hover {

	border-bottom: 1px dotted #CCC;

}

.article_content h1, .article_content h2, .article_content h3 {

	margin: 20px -20px;

	padding: 3px 20px;

	border-top: 1px solid #f2f2f2;

	border-bottom: 1px solid #f2f2f2;

	color: #444;

	font-size: 1.05em;

	line-height: 1.8em;

	font-weight: 300;

	background: #f9f9f9;

}

.article_content p {

	font-size: 1em;

	clear: both;

	text-indent: 2em;

	line-height: 1.8em;

	padding-bottom: .5em;

}

.article_content img {

	display: block!important;

	width: 80% !important;

	height: auto !important;

	margin-left: auto;

	margin-right: auto;

}

.article_content blockquote {

	background-color: #f5f5f5;

	margin: 5px auto;

	padding: 20px 20px 10px 30px;

	border: 1px solid #eaeaea;

}

.article_content blockquote p {

	text-indent: 0;

}

.con_pretext {

	background-color: #fbfbfb;

	overflow: hidden;

	padding: 15px 20px;

	font-size: 15px;

	color: #999;

	margin-bottom: 20px;

	border: 1px solid #ececec;

	border-top: 0;

}

.first {

	float: left;

	width: 49%;

}

.last {

	float: right;

	width: 49%;

}

.sideshow {

	padding: 10px 0;

	height: auto;

	overflow: auto;

}

.sideshow img {

	height: 60px;

	width: 80px;

	float: left;

	margin: 0 10px 0 0;

	border: 1px solid #ececec;

	background: #fff;

}

.sideshow a {

	vertical-align: baseline;

	font-size: .9em!important;

}

.related_box a, .con_pretext a {

	color: #666;

	font-size: .9em;

}

.related_box a:hover, .con_pretext a:hover {

	color: #00a4dc;

}

.subart {

	border: 1px solid #ececec;

	padding: 10px;

	margin-bottom: 10px;

	display: inline-block;

}

.recom2 {

	width: 50%;

	display: inline-block;

	float: left;

}

.comment-body {

	padding: 10px 0 0 70px;

	position: relative;

}

.comment-avatar {

	position: absolute;

	left: 0;

}

.comment-avatar img {

	margin: 10px;

	position: relative;

	float: left;

	margin: 0 6px 0 0;

	border: 1px solid #ddd;

	background: #fff;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.children {

	margin-left: 60px;

}

.comment-span, .comment-span a {

	font-weight: bold;

}

.datetime {

	color: #bbb;

	font-size: 0.8em;

}

.comment-text {

	font-size: 0.9em;

	color: #888;

	margin-bottom: 0.5em;

}

.reply a {

	font-size: 0.9em;

	color: #BBB;

}

.reply a:hover {

	color: #00a4dc;

}

.respond {

	background: #fff;

	padding: 10px 20px 20px;

	margin: 15px 0;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	border: 1px solid #ECECEC;

}

#commentform input[type="text"], #comment {

	max-width: 100%;

	background: #f8f8f8;

	border: 2px solid #ECECEC;

	color: #777;

	outline: 0;

	padding: 7px 8px;

	margin: 0.5em 1em 0.5em 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

#real-avatar img {

	float: right;

}

#comment {

	width: 100%;

	height: 6em;

}

.submit {

	background-color: #56b8d8;

	color: #fff;

	padding: 8px 14px;

	display: inline-block;

	border: 0;

	cursor: pointer;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.submit:hover {

	background-color: #56b8d8;

	transition: all .4s ease 0s;

	box-shadow: 0 1px 6px rgba(0,0,0,0.3);

}

.page_navi {

	margin: 10px 0;

}

.italk {

	border: 1px solid #ECECEC;

	padding: 10px;

	position: relative;

	border-radius: 3px;

}

.italk:before {

	content: '';

	display: inline-block;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-right: 10px solid #ECECEC;

	position: absolute;

	top: 18px;

	left: -10px;

}

.italk:after {

	content: '';

	display: inline-block;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

	border-right: 8px solid #fff;

	position: absolute;

	top: 20px;

	left: -8px;

}

.comments-title {

	margin-bottom: 10px;

}

.submain {

	background-color: #fff;

	padding: 20px;

	border: 1px solid #ececec;

	overflow: hidden;

	margin-bottom: 20px;

}

.postcopyright {

	padding: 13px 20px;

	margin: 10px 0;

	background-color: #f7f7f7;

	color: #393a3b;

}

.postcopyright a {

	color: #898989;

}

.bdsharebuttonbox {

	float: right;

	display: inline-block;

}

.linkcat ul li {

	display: inline-block;

	width: 48%;

	border-bottom: 0;

}

.footer {

	clear: both;

	margin-top: 20px;

	padding: 20px 10px;

	background: #333;

	color: #fff;

	font-size: 12px;

	line-height: 22px;

}

.clear {

	clear: both;

}

.group {

	float: left;

	width: 10%;

	box-sizing: border-box;

	padding: 0 30px 20px 0;

	font-size: 12px;

	overflow: hidden;

	width: 33%;

	display: none;

}

.group p, .group li, .ffooter, .ffooter a {

	color: #999;
    font-size: 14px;
}

.ffooter {
	padding-top:10px;
	/* margin-bottom: 10px; */
	font-size:14px;
	line-height: 1.5;
	border-top: 1px solid rgba(255,255,255,.065);
	text-align: center;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.f404 span {

	font-size: 5em;

}

.totop {

	position: fixed;

	right: 25px;

	bottom: 25px;

	display: block;

	width: 26px;

	height: 62px;

	-webkit-transition: all .2s ease-in-out;

	cursor: pointer;

}


.dp-highlighter {

	font-family: "Courier New", Courier, mono;

	font-size: 90%;

	background-color: #fafafa;

	border: 1px solid #d1d7dc;

	width: 99%;

	overflow: auto;

	margin: 0;

	margin-bottom: .5em;

}

.dp-highlighter .bar {

	padding: 2px;

}

.dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar {

	padding-left: 0;

}

.dp-highlighter ol {

	margin: 0 0 1px 38px;

	padding: 2px;

	color: #2b91af;

}

.dp-highlighter.nogutter ol {

	list-style-type: none;

	margin-left: 0;

}

.dp-highlighter ol li, .dp-highlighter .columns div {

	list-style-type: decimal-leading-zero!important;

	border-left: 1px solid #d1d7dc;

	padding-left: 10px;

	line-height: 18px;

	word-wrap: break-word;

	word-break: normal;

}

.dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div {

	border: 0;

}

.dp-highlighter .columns {

	color: gray;

	overflow: hidden;

	width: 100%;

}

.dp-highlighter .columns div {

	padding-bottom: 5px;

}

.dp-highlighter ol li span {

	color: Black;

}

.dp-highlighter.collapsed ol {

	margin: 0;

}

.dp-highlighter.collapsed ol li {

	display: none;

}

.dp-highlighter.printing {

	border: 0;

}

.dp-highlighter.printing .tools {

	display: none!important;

}

.dp-highlighter.printing li {

	display: list-item!important;

}

.dp-highlighter .tools {

	padding: 3px 8px 3px 15px;

	border-bottom: 1px solid #2b91af;

	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: silver;

}

.dp-highlighter.collapsed .tools {

	border-bottom: 0;

}

.dp-highlighter .tools a {

	font-size: 9pt;

	color: gray;

	text-decoration: none;

	margin-right: 10px;

}

.dp-highlighter .tools a:hover {

	color: red;

	text-decoration: underline;

}

.dp-about {

	background-color: #fff;

	margin: 0;

	padding: 0;

}

.dp-about table {

	width: 100%;

	height: 100%;

	font-size: 11px;

	font-family: Tahoma, Verdana, Arial, sans-serif!important;

}

.dp-about td {

	padding: 10px;

	vertical-align: top;

}

.dp-about .copy {

	border-bottom: 1px solid #aca899;

	height: 95%;

}

.dp-about .title {

	color: red;

	font-weight: bold;

}

.dp-about .para {

	margin: 0 0 4px 0;

}

.dp-about .footer {

	background-color: #eceadb;

	border-top: 1px solid #fff;

	text-align: right;

}

.dp-about .close {

	font-size: 11px;

	font-family: Tahoma, Verdana, Arial, sans-serif!important;

	background-color: #eceadb;

	width: 60px;

	height: 22px;

}

.dp-c .comment {

	color: green;

}

.dp-c .string {

	color: blue;

}

.dp-c .preprocessor {

	color: gray;

}

.dp-c .keyword {

	color: blue;

}

.dp-c .vars {

	color: #d00;

}

.dp-vb .comment {

	color: green;

}

.dp-vb .string {

	color: blue;

}

.dp-vb .preprocessor {

	color: gray;

}

.dp-vb .keyword {

	color: blue;

}

.dp-sql .comment {

	color: green;

}

.dp-sql .string {

	color: red;

}

.dp-sql .keyword {

	color: #7f0055;

}

.dp-sql .func {

	color: #ff1493;

}

.dp-sql .op {

	color: blue;

}

.dp-xml .cdata {

	color: #ff1493;

}

.dp-xml .comments {

	color: green;

}

.dp-xml .tag {

	font-weight: bold;

	color: blue;

}

.dp-xml .tag-name {

	color: #7f0055;

	font-weight: bold;

}

.dp-xml .attribute {

	color: red;

}

.dp-xml .attribute-value {

	color: blue;

}

.dp-delphi .comment {

	color: #008200;

	font-style: italic;

}

.dp-delphi .string {

	color: blue;

}

.dp-delphi .number {

	color: blue;

}

.dp-delphi .directive {

	color: #008284;

}

.dp-delphi .keyword {

	font-weight: bold;

	color: navy;

}

.dp-delphi .vars {

	color: #000;

}

.dp-py .comment {

	color: green;

}

.dp-py .string {

	color: red;

}

.dp-py .docstring {

	color: green;

}

.dp-py .keyword {

	color: blue;

	font-weight: bold;

}

.dp-py .builtins {

	color: #ff1493;

}

.dp-py .magicmethods {

	color: #808080;

}

.dp-py .exceptions {

	color: brown;

}

.dp-py .types {

	color: brown;

	font-style: italic;

}

.dp-py .commonlibs {

	color: #8a2be2;

	font-style: italic;

}

.dp-rb .comment {

	color: #c00;

}

.dp-rb .string {

	color: #f0c;

}

.dp-rb .symbol {

	color: #02b902;

}

.dp-rb .keyword {

	color: #069;

}

.dp-rb .variable {

	color: #6cf;

}

.dp-css .comment {

	color: green;

}

.dp-css .string {

	color: red;

}

.dp-css .keyword {

	color: blue;

}

.dp-css .colors {

	color: darkred;

}

.dp-css .vars {

	color: #d00;

}

.dp-j .comment {

	color: #3f7f5f;

}

.dp-j .string {

	color: #2a00ff;

}

.dp-j .keyword {

	color: #7f0055;

	font-weight: bold;

}

.dp-j .annotation {

	color: #646464;

}

.dp-j .number {

	color: #c00000;

}

.dp-cpp .comment {

	color: #e00;

}

.dp-cpp .string {

	color: red;

}

.dp-cpp .preprocessor {

	color: #cd00cd;

	font-weight: bold;

}

.dp-cpp .keyword {

	color: #5697d9;

	font-weight: bold;

}

.dp-cpp .datatypes {

	color: #2e8b57;

	font-weight: bold;

}

.dp-perl .comment {

	color: green;

}

.dp-perl .string {

	color: red;

}

.dp-perl .keyword {

	color: #7f0055;

}

.dp-perl .func {

	color: #ff1493;

}

.dp-perl .declarations {

	color: blue;

}

.dp-css .vars {

	color: #d00;

}

.dp-g .comment {

	color: #3f7f5f;

}

.dp-g .string {

	color: #2a00ff;

}

.dp-g .keyword {

	color: #7f0055;

	font-weight: bold;

}

.dp-g .type {

	color: #007f00;

	font-weight: bold;

}

.dp-g .modifier {

	color: #640064;

	font-weight: bold;

}

.dp-g .constant {

	color: #f00;

	font-weight: bold;

}

.dp-g .method {

	color: #ff6000;

	font-weight: bold;

}

.dp-g .number {

	color: #c00000;

}

.shine {

	z-index: 3;

	position: absolute;

	top: 0;

	left: 0;

	width: 160px;

	height: 120px;

	background: url(../images/shine_brands.png) no-repeat -160px 0;

	margin: 4px;

}

.rslides {

	position: relative;

	overflow: hidden;

	width: 100%;

	padding: 0;

	margin: 0;

}

.rslides li {

	-webkit-backface-visibility: hidden;

	position: absolute;

	display: none;

	width: 100%;

	left: 0;

	top: 0;

}

.rslides li:first-child {

	position: relative;

	display: block;

	float: left;

}

.rslides img {

	display: block;

	height: auto;

	float: left;

	width: 100%;

	border: 0;

}

.slide_container {

	margin-bottom: 20px;

	position: relative;

	float: left;

	width: 100%;

}

.slide {

	position: relative;

	list-style: none;

	overflow: hidden;

	width: 100%;

	padding: 0;

	margin: 0;

}

.slide li {

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

}

.slide img {

	display: block;

	position: relative;

	z-index: 1;

	height: auto;

	width: 100%;

	border: 0;

}

.slide .caption {

	display: block;

	position: absolute;

	z-index: 2;

	font-size: 20px;

	text-shadow: none;

	color: #fff;

	background: #000;

	background: rgba(0,0,0,.8);

	left: 0;

	right: 0;

	bottom: 0;

	padding: 10px 20px;

	margin: 0;

	max-width: none;

}

.slide_nav {

	position: absolute;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	top: 52%;

	left: 0;

	opacity: .3;

	z-index: 3;

	text-indent: -9999px;

	overflow: hidden;

	text-decoration: none;

	height: 61px;

	width: 38px;

	background: transparent url("./../images/themes.gif") no-repeat left top;

	margin-top: -45px;

	display: none;

}

.slide_nav:active {

	opacity: 1.0;

}

.slide_nav.next {

	left: auto;

	background-position: right top;

	right: 0;

}

@media(min-width:768px) {

.wrap {

	width: 750px;

}

.main {

	float: left;

	width: 66.66666667%;

}

.sider {

	float: left;

	width: 33.33333333%;

	display: block;

}

.right {

	padding-left: 20px;

}

.menu-item {

	position: relative!important;

	display: inline-block;

}

.mainmenu {

	display: none;

}

.navbar-toggle {

	display: none!important;

	float: right;

}

.navbar-header, .navbar-collapse {

	display: block!important;

}

.nav ul {

	font-size: 0;

}

.nav ul li ul {

	position: absolute;

}

.viewimg {

	display: block!important;

}

.page-header span {

	visibility: visible!important;

}

.group {

	display: block;

}

.contact {

	margin-top: 35px;

	display: inline-block!important;

}

.nav ul li ul li a {

	width: 148px;

}

.nav ul li ul {

	padding-left: 0;

}

}

@media(min-width:992px) {

.wrap {

	width: 970px;

}

.main {

	float: left;

	width: 66.66666667%;

}

.sider {

	float: left;

	width: 33.33333333%;

}

.right {

	padding-left: 20px;

}

.menu-item {

	position: relative!important;

	display: inline-block;

}

.mainmenu {

	display: block;

}

}

@media(min-width:1200px) {

.wrap {

	width: 1170px;

}

.main {

	float: left;

	width: 66.66666667%;

}

.sider {

	width: 33.33333333%;

}

.right {

	padding-left: 20px;

}

.menu-item {

	position: relative!important;

	display: inline-block;

}

.mainmenu {

	display: none;

}

}

#loading-comments {

	display: none;

	width: 100%;

	background: #F5F5F5;

	text-align: center;

	color: #ADAEFF;

	font-size: 22px;

	line-height: 45px;

}

@media(max-width:768px) {
	.viewimg img {
		width: 100px;
		height: 90px;
	}
	.preview {
		height: 90px;
		overflow: hidden;
	}
	.preem {
		display: none
	}
	/*20221010 新加*/
	.page-header{
		display: flex;
		height:70px;
		align-items: center;
		justify-content: space-between;
	}
	.page-header h1{
		margin-top:0px!important;
	}
	.page-header h1 a img{
		height:40px;
	}
	.navbar-header{
		padding:5px 0px;
		position: relative;
	}
	.navbar-toggle,.toggle-search{
		padding:0px;
		height:35px;
		width: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.navbar-header li:nth-child(2){
		height:35px;
		width: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top:5px;
		right:0px
	}
	.navbar-header li:nth-child(3){
		position: absolute;
    	right: 0;
    	top: 45px;
	}
	.contact{
		display: block;
	}
	.page-header span{
		display: none;
	}
	.topmenu{
		
	}
	.topmenu ul li a{
		display: block;
		padding:0px;
	}
	.topmenu ul li{
		width: 100%;height:28px;line-height: 28px;
	}
	.topmenu ul li a:nth-child(1){
		float:left;
		display: none;
	}
	.topmenu ul li a:nth-child(2){
		float:right;	
	}
	.notic{
		margin-bottom:10px;
	}
	/* .map1 span{
		height:30px;
		line-height: 30px;
		display: block;
		font-size:12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.map1 span a{
		font-size:12px;
		
	}
	.map1 span h1{
		display: inline-block;
		font-size:12px;
		padding-top:0px;
	} */
	.wrap{
		padding-left:10px;
		padding-right:10px;
	}
	
	.top .notic .subnotic
	{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	
	
	.block{
		padding:0px 10px 10px;
	}
	.block h2{
		padding-top:10px;
		padding-bottom:10px;
	}
	.shine{
		display: none;
	}
	.footer{
		padding:0px 0px 10px;
	}
	.ffooter{
		border-top:0px;
		font-size:12px;
		margin-bottom:0px;
	}

	.ffooter a{
		
		font-size:12px;
	}
	.ffooter>a{
		display: block;
		padding-bottom:5px;
	}
	.ffooter br{display: none;}
	.footer-key>a {
		
		display:inline-block;
		
		}
}
.pagination li {
	float: left;
}







/*广告AD

*/

.rightad {

   margin-bottom: 20px;



}





.adlr {

   margin-bottom: 20px;

}

.adlr img {
	max-width: 100%;
}