@charset "utf-8";
@import url("reset.css");

/* global */
body {background: #fff; margin:0; height:100%;}
body, td, th, input, select, textarea {color: #555; font: 12px/1.5 "宋体";}
a {color: #555; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}
.blank10 {clear: both; display: block; height: 10px; width: 100%;}
/* topbg */
#topbg {height: 32px; line-height: 32px;border-bottom:1px double #fff;}
#topbar {margin: 0 auto; width: 1200px; }
#topbar-left {float: left;}
#topbar-right {color: #ccc; float: right;}
#topbar-right img {vertical-align: middle;}
/* wrapper */
#wrapper {margin: 0 auto; width: 1200px;}
/* topbox */
#topbox {height: 80px;}
/* logo */
.logo {background: url(/images/logo.jpg) center no-repeat; display: block; float: left; height:80px; width: 200px;}
/* sobox */
#sobox {float: right; padding-top: 20px;}
.sofrm {display: block; margin: 0px auto; padding-top: 14px; position: relative; width: 500px;}
.sipt {background: url(/images/ipt.png) no-repeat top left; border: solid 1px #dadada; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 90px; width: 300px;}
.sbtn {background: #65bc0b; border: 0; color: #fff; cursor: pointer; font-size: 14px; height: 32px; width: 70px;}

.quick{ background:#ffff00; color:#ff0000;}
/* selopt */
#selopt {background: url(/images/select.gif) no-repeat; position: absolute; left: 2px; top: 17px; width: 88px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 85px;}
#options {border: solid 1px #dadada; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; z-index: 1000;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center;}
#options li a:hover {background: #1791de; color: #fff; display: block; text-decoration: none;}
.current {background: #1791de; color: #fff; display: block; text-decoration: none;}
/* navbox */
#navbox {background: url(/images/blue.png) repeat-x; display: block; height: 35px;}
.navbar {}
.navbar li {float: left; font: 14px/35px "寰蒋闆呴粦"; height: 35px; text-align: center; width: 100px;}
.navbar li a {display: block; color: #fff;}
.navbar li a:hover {background: #0080c6; display: block; color: #fff;}
.navbar .navline {background: #0797e5; display: block; height: 35px; width: 1px;}
.navbar .cur {background: #0067ae;}
/* txtbox */
#txtbox {background: url(/images/blue.png) repeat-x 0 -55px; border-left: solid 1px #dae7ed; border-right: solid 1px #dae7ed; height: 40px;}
.count {float: left; padding: 10px;}
.count b {color: #f60; font: bold 16px Arial; padding-right: 3px;}
.link {color: #999; float: right; padding: 10px;}
.link a {color: #06c;}
/* quickbox */
#quickbox {background: #f9fef4; border: dashed 1px #cbe6bd; overflow: hidden; padding: 6px; white-space: nowrap;}
#quickbox strong {}
#quickbox a {margin-right: 15px;}
/* homebox */
#homebox {}
#homebox-left {float: left; width: 250px;}
#homebox-right {float: right; width: 940px;}
/* hcatebox */
#hcatebox {background: #f8fdff; border: solid 1px #dae7ed; padding: 8px;}
#hcatebox dt {clear: both; display: block; font: bold 14px/25px "寰蒋闆呴粦"; height: 25px;}
#hcatebox dt a {color: #07c; padding-left:10px;}
#hcatebox dd {}
.hcatelist {}
.hcatelist li {float: left; height: 30px; line-height: 30px; text-align: center; width: 56px;}
.hcatelist li a {font-size: 13px;}
/* newbox */
#newbox {border: solid 1px #dae7ed;}
#newbox h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed; color: #07c; font-size: 14px; padding: 6px;}
.newlist {padding: 3px 8px;}
.newlist li {padding: 5px 0; white-space: nowrap;}
.newlist li a {display: block; overflow: hidden; width: 240px;}
.newlist li span {color: #ccc; float: right;}
/* bestbox */
#bestbox {border: solid 1px #dae7ed;}
#bestbox h3 {background: #f8fdff; border-bottom: solid 1px #dae7ed; font: bold 14px normal; height: 30px;}
#bestbox h3 span {background: #fff; border: solid 1px #cedee6; border-bottom: 0; color: #07c; display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
.bestlist {padding: 5px;}
.bestlist li {display: block; float: left; height: 30px; line-height: 30px; margin-right: 5px; overflow: hidden; text-align: center; white-space: nowrap; width: 120px;}
.bestlist li a {font-size: 13px;}
/* coolbox */
#coolbox {border: solid 1px #dae7ed;}
#coolbox h3 {background: #f8fdff; border-bottom: dashed 1px #dae7ed; color: #07c; font-size: 14px; padding: 6px;}
.csitelist {padding: 5px 8px;}
.csitelist li {display: block; font-size: 14px; height: 30px; overflow: hidden; vertical-align: top; width: 100%;}
.csitelist li h4 {display: block; float: left; font-weight: normal; height: 30px; line-height: 30px; width: 65px;}
.csitelist li h4 a {color: #07c;}
.csitelist li span {display: block; float: left; height: 30px; line-height: 30px; margin-right: 10px; overflow: hidden; white-space: nowrap; width: 115px;}
.csitelist li span a {font-size: 13px;}
.csitelist .more {color: #07c; float: right; font-size: 12px; line-height: 30px;}
.sline {background: url(/images/dot.gif) repeat-x center; display: block; height: 10px;}
/* rowbox */
#rowbox {border: solid 1px #dae7ed; padding: 10px;}
/* newsbox */
#dnewsbox {float: left; width: 520px;}
#dnewsbox h3 {color: #07c; font-size: 14px; padding-bottom: 6px;}
.dnewslist {float: left; width: 520px;}
.dnewslist li {padding: 2px 0; width: 520px;}
.dnewslist li span {color: #ccc; float: right; font-size: 12px;padding: 2px 0; height:26px;}
/* exlink */
#exlink {float: right; width: 380px;}
#exlink h3 {color: #07c; font-size: 14px; padding-bottom: 6px;}
.exlist {float: right; width: 380px; }
.exlist li {white-space: nowrap; overflow: hidden;}
.exlist li span {color: #ccc; float: right;}
.line {border-left: dashed 1px #dadada; float: left; height: 210px; padding-left: 10px; width: 1px;}
/* inbox */
#inbox {background: #f8fdff; border: solid 1px #dae7ed; padding: 5px 8px;}
#inbox h3 {float: left; height: 23px; line-height: 23px; width: 60px;}
.inlist {}
.inlist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; white-space: nowrap;}
/* linkbox */
#linkbox {background: #f8fdff; border: solid 1px #dae7ed; padding: 5px 8px;}
#linkbox h3 {float: left; height: 23px; line-height: 23px; width: 60px;}
.linklist {}
.linklist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; vertical-align: top; white-space: nowrap;}
/* footer */
#footer {background: url(/images/fbg.png) repeat-x; padding: 10px; text-align: center;}
#fmenu {color: #ccc; padding-bottom: 5px;}
#fmenu a {text-decoration: none;}
#fmenu a:hover {color: #f60; text-decoration: underline;}
#fcopy {line-height: 23px;}
.toppic { margin-top:10px;} 
.toppic li { 
width:135px; 
height:130px; 
float:left; 
padding:5px 8px; 
display:inline; 
} 
.toppic li a { 
display:block; text-align:center;
} 
.toppic li a img { 
border:1px solid #666; 
width:125px;
padding:1px; 
} 
.toppic li a span  { 
width:125px; 
height:30px; 
line-height:24px; 
text-align:center; 
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden; 
} 
.ttpic { margin-top:10px;} 
.ttpic li { 
width:160px; 
height:150px; 
float:left; 
padding:3px 10px; 
display:inline; 
} 
.ttpic li a { 
display:block; text-align:center;
} 
.ttpic li a img { 
border:1px solid #666; 
width:155px;
padding:1px; 
} 
.ttpic li a span  { 
width:160px; 
height:24px; 
line-height:22px; 
text-align:center; 
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden; 
} 
#bestpic{border: solid 1px #dae7ed; }
#bestpic h3 {background: #f8fdff; border-bottom: solid 1px #dae7ed; font: bold 14px normal; height: 30px;}
#bestpic h3 span {background: #fff; border: solid 1px #cedee6; border-bottom: 0; color: #07c; display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
#picbox { margin-top:10px;} 
#picbox h3 {background: #f8fdff; border-bottom: solid 1px #dae7ed; font: bold 14px normal; height: 30px;}
.toppicbox li { 
width:190px; 
height:170px; 
float:left; 
margin-left:5px; 
display:inline; 
} 
.toppicbox li a { 
display:block; 
} 
.toppicbox li a img { 
border:1px solid #666; 
width:170px;
height:130px;
padding:1px; 
} 
.toppicbox li a span  { 
width:165px; 
height:30px; 
line-height:24px; 
text-align:center; 
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden; 
} 

/************
绾㈠寘鏍峰紡
20181204
***********/
#qgg_popup{
		position: fixed;
		top: 0; left: 0;
		display: none;
		width: 100%;
		height: 100%;
		margin: auto;
		background: rgba(36, 36, 36, 0.8);
	}
	.qgg_popup_box {				 
		z-index: 10; 
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		width: 280px;
		height: 396px;
		margin: auto;
		text-align: center;	 	
	} 
	.qgg_popup_close{
		position: relative;
		width: 36px;
		height: 36px;
		background: #fff;
		color: #999;
		float: right;
		font-size: 24px;
		text-align: center;
		border-radius: 50%;
		line-height: 36px;
		font-weight: bold;
	}
	 
	.qgg_popup_close:hover,
	.qgg_popup_close:focus {
		color: red;
		cursor: pointer;
	}
	.qgg_popup_img{
		position:relative;
		top: 36px;
		left: 0px;
		width:300px;
		height:450px;
		border-radius: 15px;
	}
	@media (max-width: 640px){
		.qgg_popup_close{ display: none; }
	}
	
	
	/**瀹㈡埛QQ鏍峰紡**/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(/images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(/images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}
/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(/images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}
/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(/images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}