@charset "utf-8";


/*@import url("reset.css");*/

/* global */
body, td, th, input, select, textarea {color: #555; font-size:0.88rem;font-family: "-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,Noto Sans SC,Source Han Sans TC,Noto Sans CJK TC,SimSun,sans-serif";}
.container{max-width:1218px;margin:0 auto;}

a {color: #555; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}
a:hover img{border:1px solid #F33;}

.blank10 {clear: both; display: block; height: 10px; width: 100%;}

.fl{float:left;}
.fr{float:right;}

.ad img{ display:block;margin:0 auto;padding:5px 0px;width:100%;  max-width:1150px;height: auto;}


h3 {color: #333; font-size: 16px;font-weight:bolder;}

.visit {background: url(visit.gif) no-repeat right; color: #080; padding-right: 15px;}

.pdlr10{padding:5px 10px;}
.pd15{padding:15px;}
.pdtb10{padding:10px 0;}
.mgtb10{margin: 10px 0;}
.mp5px{margin:5px;padding:5px;}

.kuaishen{margin: 10px;}

/* topbg */



#topbg {height: 32px; line-height: 32px;border-bottom:1px double #fff;}



#topbar {margin: 0 auto; width: auto; }



#topbar-left {float: left;}



#topbar-right {color: #ccc; float: right;}



#topbar-right img {vertical-align: middle;}



/* wrapper */



#wrapper {margin: 0 auto; width: auto;}



/* topbox */



#topbox {height: 80px;}



/* logo */



.logo { display: block; float: left; height:80px; width: 200px;}



/* sobox */



#sobox {float: left; padding-top: 10px;}



.sofrm { display: block; float: left; padding-top: 15px; position: relative; width: 500px;}


.sipt {background: url() no-repeat top left; border: solid 1px #dadada; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 90px; }



.sbtn {background: #65bc0b; border: 0; color: #fff; cursor: pointer; font-size: 14px; height: 32px; width: 70px;}

.head_fabu{ float:left;  

    height: 3rem;
    line-height: 28px;
    text-align: center;
    color: #333333;
    margin-top: 10px;
    }
.head_fabu a{
	float:left;display: block;
position: relative;
font-size:14px;
font-weight:bold;
width: 120px;}

.head_fabu a:hover{color:#F00;}


/* selopt */



#selopt {background: url() 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 */



nav {background: url() repeat-x ;  height: 40px; }






.navbar li {float: left; font: 16px/35px "微软雅黑"; height: 38px; 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;}

.sitepath{margin-top:10px;font-size:16px;font-weight:bold;}
.adbox {padding-right: 10px; padding-left: 10px;}
.rightabbox{width:380px;}
/* txtbox */



#txtbox {background: url() 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 */5



.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 {list-style-type:none;}



.hcatelist li {float: left; height: 30px; line-height: 30px; text-align: center; width: 60px;}



.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;list-style-type:none;}



.newlist li {padding: 5px 0; white-space: nowrap;}



.newlist li a {display: block;font-size:12px;  width: 100%;}



.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;list-style-type:none;}



.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;list-style-type:none;}



.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; font-size:0.875rem;}



.csitelist li h4 a {color: #07c;}



.csitelist li span {display: block; float: left; height: 30px; line-height: 30px; padding:0 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(dot.gif) repeat-x center; display: block; height: 10px;}



/* rowbox */



#rowbox {border: solid 1px #dae7ed; padding: 10px;}



/* newsbox */



#newsbox {float: left; width: 520px;}



.newsbox h3 {color: #07c; padding-bottom: 6px;}



.newslist {float: left; width: 520px;list-style-type:none;}



.newslist li {padding: 2px 0;}

.newslist li a{ text-align:left;}



.newslist li span {color: #ccc; float: right; font-size: 13px;padding: 2px 0; height:26px;}



/* exlink */



#exlink {float: right; width: 350px;}



.exlink h3 {color: #07c;  padding-bottom: 6px;}



.exlist {width: 350px;list-style-type:none; }



.exlist li {padding: 6px 0; 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 {list-style-type:none;}



.inlist li {float: left; height: 23px; line-height: 23px; margin-right: 8px; 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 {list-style-type:none;}



.linklist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; vertical-align: top; white-space: nowrap;}



/* footer */



#footer {background: url() 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;padding-left:5px;} 

.toppic li { 

width:145px; 

height:130px; 

float:left; 

padding-top:5px;
padding-right: 5px;

display:inline; 

} 

.toppic li a { 

display:block; text-align:center;

} 

.toppic li a img { 

border:1px solid #666;
width:135px;
height: 100px;
padding:1px;
display: block;

} 

.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:5px;} 

.ttpic li { 
display: block;
width:160px; 

height:135px; 

float:left; 
margin: 5px 5px;

} 

.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(./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 { 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(../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(../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;}



.c-nav .show{
	display: inline-block;
}
.c-nav .hiden{
	display: none;
}
/* 导航栏	background-color: black; */
.c-nav{
	width: 100%;

	
}
.c-nav .navFlex{
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-content: center;
	color: white;
}
.c-nav ul{
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0px;
}
.c-nav ul li{
	padding: 15px 0px 15px 0px;
	margin-left: 30px;
	display: inline-block;
}
.c-nav ul li a{
	color: white;
	padding-bottom: 2px;
	text-decoration: none;
	border-bottom: 3px solid transparent;
}
.c-nav ul li a:hover{
	border-bottom: 3px solid #e4c17e;
}
.c-nav .logo{
	height:40px;
}
.c-nav .btnImg{
	height: 20px;
	width: 25px;
	padding: 3px 8px 3px 8px;
	box-sizing: content-box;
	border: 1px solid transparent;
}
@media screen and (max-width:1200px){
	.c-nav ul li{
		margin-left: 20px;
	}
}
@media screen and (max-width:992px){
	.c-nav ul li{
		margin-left: 10px;
	}
}
@media screen and (max-width:768px){
	.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){
		display: none;
	}
}
@media screen and (max-width:576px){
	.c-nav{
		background-color:rgba(176,204,243,0.8);
		padding: 10px 0px 10px 0px;
		opacity: 0.9;
	}
	.c-nav .navFlex{
		flex-wrap:wrap;
		font-size: 20px;
		justify-content: space-between;
	}
	.c-nav .logo{
		height: 30px;
	}
	.c-nav ul li{
		padding-top: 10px;
		margin-left: 0px;
		display: block;
	}
	.c-nav ul li a{
		border-bottom: 3px solid transparent;
	}
	.c-nav ul a:hover{
		border-bottom: 3px solid #e4c17e;
	}
	.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){
		display: block;
	}
	.c-nav .hiden{
		display: block;
	}
	.c-nav .show{
		width: 100%;
		font-size: 14px;
		text-align: center;
		display: none;
	}
}