@charset "utf-8";
/* CSS Document */
body{
	color: #666;
	font: 12px/22px "微软雅黑","华文细黑",Arial,sans-serif;
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: #f6f6f6;
	background-image: url(/images/top_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
a:hover, a.hover{
	text-decoration: none;
}
div, dl, dt, dd, ul, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6,font{ font:"微软雅黑","华文细黑",Arial,sans-serif; padding:0; margin:0;}
select{font-size:12px;}
ul,ol,li{list-style-type:none}
a {color:#666;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a:hover{
	color: #FF6600;
	text-decoration: none;
}
:focus {outline: none;}
img { border:0;}
em, i, del { font-weight:normal; font-style:normal;}

/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

#wrapper { margin:0 auto;}
#top{
	width: 988px;
	height: 138px;
	margin:auto;
	color: #666;

}
#top .logo{
	float:left;
	width:204px;
	height:138px;
	}
#top .other{
	float:right;
	width:784px;
	height:138px;}
/*.main_search{
	width:332px;
	height:30px;
	float:right;
}
#search_key_words_container{
	width: 247px;
	height: 30px;
	background-image: url(/images/c.png);
	background-position: 0px 0px;
}
#search_key_words{width:247px;height:30px; color:#CCC;}
#search-submit{
	width: 83px;
	height: 30px;
	background-image: url(/images/c.png);
	background-position: -247px 0px;
	}
#search-submit:hover{background-position:-247px -30px}
#search_key_words_container{
	float:left;
}
#search_key_words{
	border:0;
	background:none;
	color: #BCBCBC;
	line-height:20px;
	height:20px;
	width:207px!important;
	width:247px;
	padding:5px 0 5px 35px;
}
#search-submit{
	display:block;
	float:left;
	cursor:pointer;
	border:0px;
}

.search{
	padding:0 20px 40px;
}*/
#nav{
	width:784px;
	height: 39px;
	float:right;
	margin-top:49px;
}
.nav{width:784px; margin:0 auto;}
.nav dd {float:left; font-size:14px; font-weight:bold; line-height:44px; color:#FFF; text-align:center;	text-indent:-9999px;
}
.nav dd a.first{
	display:block;
	height:39px;
	background-image: url(/images/tmenu.png);
	background-repeat: no-repeat;}
.nav dd a.loadover{
	display:block;
	height:39px;
	background-image: url(/images/tmenu2.png);
	background-repeat: no-repeat;}
.nav dd.nav0 a{
	width: 112px;
	background-position: 0px 0px;
}
.nav dd.nav1 a{
	width: 112px;
	background-position: -112px 0px;
}
.nav dd.nav2 a{
	width: 112px;
	background-position: -224px 0px;
}
.nav dd.nav3 a{
	width: 112px;
	background-position: -336px 0px;
}
.nav dd.nav4 a{
	width: 112px;
	background-position: -448px 0px;
}
.nav dd.nav5 a{
	width: 112px;
	background-position: -560px 0px;
}
.nav dd.nav6 a{
	width: 112px;
	background-position: -672px 0px;
}

.nav dd.nav0 a:hover,.nav dd.nav0 a.hover,.nav dd.nav0 .loadover{
	background-position: 0px -39px;
}
.nav dd.nav1 a:hover,.nav dd.nav1 a.hover{
	background-position: -112px -39px;
}
.nav dd.nav2 a:hover,.nav dd.nav2 a.hover{
	background-position: -224px -39px;
}
.nav dd.nav3 a:hover,.nav dd.nav3 a.hover{
	background-position: -336px -39px;
}
.nav dd.nav4 a:hover,.nav dd.nav4 a.hover{
	background-position: -448px -39px;
}
.nav dd.nav5 a:hover,.nav dd.nav5 a.hover{
	background-position: -560px -39px;
}
.nav dd.nav6 a:hover,.nav dd.nav6 a.hover{
	background-position: -672px -39px;
}
#nav dl dd{position:relative;z-index:30;}
#nav dl dd ul{
	position: absolute;
	top: 39px;
	left: 0px;
	width: 110px!important;
	width: 112px;
	background-image: url(/images/menumin_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #8A8A8A;
	text-align: center;
	background-position: top;
	text-indent: 0px;
}
#nav dl dd ul .img{
	width:106px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	margin-bottom:2px;}
#nav dl dd ul .bgs{
	width: 100%;
	height: 4px;
	background-color: #098493;
	margin-top:2px;
}
#nav dl dd ul li{ margin:auto;}
#nav dl dd ul li a{
	height: 29px;
	line-height: 29px;
	text-align: center;
	width: 110px;
	display: block;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	text-indent: 0px;
	font-size:12px;
}
#nav dl dd ul li a:hover{
	color: #1f6065;
	background-image: url(/images/menumin_over_bg.png);
	background-repeat: repeat;
	text-decoration: none;
}

.banner-other{width:100%; height:360px; margin:0 auto;
	}
.banner-wrap{width:100%; height:428px; margin:0 auto;position:relative;}
.index-ban{ width:100%; height:428px; margin:0 auto;position:relative; overflow:hidden;}
.index-ban ul li{ position:absolute;width:100%; height:428px; left:0; top:0; display:none; text-indent:-9999px;}
.index-ban ul li a{ display:block;width:100%; height:428px;}
.index-ban .ban-num{ width:100%; height:26px; text-align:center; bottom:10px; position:absolute; left:0;}
.index-ban .ban-num span{ display:inline-block; margin:0 1px; width:23px; height:26px; background:url(/images/bit01.png) no-repeat -25px 0; cursor:pointer;} 
.index-ban .ban-num span.on{  background-position:0 0;}
#news_wrap{
	width: 100%;
	margin: auto;
	background-image: url(/images/home_news_wrap_bg.jpg);
	background-repeat: repeat-x;
	background-position: left -5px;
	background-color: #FFF;
	clear: both;
	padding-top:10px;
	padding-bottom:10px;
	}
#news_wrap .news_about{
	width:988px;
	margin: auto;
	overflow: hidden;
	padding-top:25px;}
#news_wrap #homenwes{
	float: left;
	width: 708px;
	overflow: hidden;
	background-image: url(/images/home_news_bg.png);
	background-repeat: no-repeat;
	background-position: center 37px;
}

#homenwes #newdivbg{
	width: 678px!important;
	width: 708px;
	clear: both;
	padding-left:30px;
}
#newdivbg #al{
	width: 130px;
	margin: 0px;
	text-align: center;
	font-size: 15px;
	float: left;
	cursor: pointer;
	line-height: 39px;
	margin-right: 5px;
	height: 37px;
	overflow: hidden;
	font-weight: bold;
}
.moreao{
	line-height: 30px;
	float: right;
	margin-top: 9px;
	background-image: url(/images/more02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:13px;
	padding-right:20px;
	
}
.moreao a{color:#555;}
.moreao a:hover{
	color: #056870;
	text-decoration: none;
}

#newdivbg .overclass{
	background-image: url(/images/over_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#newdivbg .overclass a:link,#newdivbg .overclass a:visited{
	color: #FFF;
	text-decoration: none;
}
#newdivbg .outclass{
	background-image: url(/images/out_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#newdivbg .outclass a:link,#newdivbg .outclass a:visited{
	color: #333;
	text-decoration: none;
	}
.dis {
	DISPLAY: block
			}
.undis {
	DISPLAY: none;
}
#newsimg{
	width: 212px!important;
	width: 224px;
	float: left;
	margin-top: 8px;
	border: 2px solid #ededed;
	background-color: #FFF;
	padding:4px;
	clear:both;
	margin-left:15px;
}
#newsfod{
	width:434px;
	overflow:hidden;
	float:right;
	margin-top:6px;
	height:195px;
	margin-right:15px;
}
#newsfod DL{
	width:434px;
	height:168px;
	overflow:hidden;
	margin:0px;}
#newsfod DL DT{
	line-height: 28px;
	text-align: left;
	font-size: 12px;
	color: #111;
	background-image: url(/images/3j1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px;
	margin:0px;
}
#newsfod DL DT a:link, #newsfod DL DT a:visited{
	color: #585757;
	text-decoration: none;
}
#newsfod DL DT a:hover, #newsfod DL DT a:active{
	color: #F60;
	text-decoration: none;
}
#newsfod DL DT span{
	float:right;
	color:#999;}
#right_about{
	width: 258px;
	height: 225px;
	overflow: hidden;
	float: right;
	background-image: url(/images/home_about_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#right_about H1{
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	text-align:left;
	color:#047c80;
	margin:0px;
	padding:7px 0px 0px 18px;
}
#right_about H1 span{
	color: #CCC;
	font-size: 6px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	margin-left: 10px;
}
#right_about #aico{
	width:240px;
	height:60px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:9px;
}
#aico dl{
	width:60px;
	margin:0px;
	height:60px;
	float:left;
	}
#aico dl dt{
	margin:0px 11px 0px 10px;
	width:36px;
	height:36px;
	font-size:12px;
	overflow:hidden;
	}
#aico dl dd{
	width: 57px;
	color: #888;
	text-align: center;
	margin: 0px;
	font-family: '宋体',Arial, Helvetica, sans-serif;
}
#aico dl dt .icolist{
	 width:36px;height:36px;position:relative; cursor:pointer;}
#aico dl dt .icolist img{ position: absolute;}
#aico dl dt .icolist .icoimg-on{opacity:0;}
#aico DL a:hover DD{
	color:#05766f;
	text-align:center;
	text-decoration:none;}
#right_about #about{
	margin: 0px auto;
	font-size: 12px;
	color: #505252;
	width: 232px;
	height: 100px;
	overflow: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top:10px;
	}
#about #goup{
	width:232px;
	height:116px;
	}
#about .goup1{
	width:232px;
	font-size:12px;
	line-height: 24px;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow:hidden;}
.index-main2{
	width: 100%;
	background-image: url(/images/homepro_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	height: 648px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.index-pro{
	width: 988px;
	height: 648px;
	background-image: url(/images/home_pro_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto;
	overflow:hidden;
}
.index-peotil{padding-top:22px; padding-bottom:22px; height:45px;}
.pro-wrap{ position:relative; width:988px; height:517px; overflow:hidden; margin-bottom:30px;}
.pro-box{ position:absolute;opacity:0; overflow:hidden;}

.pro01{ width:326px; height:255px; top:0; left:988px; }
.pro02{ width:326px; height:255px; top:515px; left:331px;}
.pro03{ width:326px; height:255px; top:0; left:-988px;}
.pro04{ width:326px; height:255px; left:988px; top:260px;}
.pro05{ width:326px; height:255px; left:331px; top:-255px;}
.pro06{ width:326px; height:255px; left:-998px; top:260px;}
.pro-box .bg01{ bottom:-255px; width:326px; height:255px;}
.pro-box .bg02{ bottom:-255px; width:326px; height:255px;}
.pro-box .bg03{ bottom:-255px; width:326px; height:255px;}
.pro-box .bg04{ bottom:-255px; width:326px; height:255px;}
.pro-box .bg05{ bottom:-255px; width:326px; height:255px;}
.pro-box .bg06{ bottom:-255px; width:326px; height:255px;}
.pro-txt{ width:100%;height:85px; top:-485px;  position:absolute;  margin:auto; text-align:center;}
.pro-txt #wbg{
	width:208px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/h_p_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.pro-txt #wbg_b{
	width:208px;
	height:5px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/h_p_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
.pro-txt h2{
	text-align: center;
	font: bold 16px/22px "微软雅黑";
	color: #217f89;
	padding-top:10px;
	padding-bottom:10px;
}
.pro-bg{
	position: absolute;
	left: 0;
	overflow: hidden;
	background-image: url(/images/home_pro_tmbg.png);
	background-repeat: repeat;
}
.pro-txt DL{
	margin: auto;
	text-align:center;
	margin-top:5px;
	padding-bottom:10px;
	}
.pro-txt DL DT{
	margin:0px;
	color:#444;}
.pro-txt DL DT a{
	font-size:13px;
	line-height:24px;
	color:#444;}
.pro-txt DL DT a:hover{
	color:#F30;}

#index_case{
	width:988px;
	margin: 20px auto;
	text-align:center;}
#index_case .casetitle{
	width:100%;
	text-align:center;
	margin-bottom:20px;
	}

#bottom_warp{
	width: 100%;
	background-color: #3d3c3c;
}
.w988{
	width:988px;
	margin:0px auto;}
#bottom_warp #brand_nav{
	width: 800px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #474646;
	padding-top:20PX;
	}
#brand_nav #navlist DL{
	width:160px!important;
	width:200px;
	height:180px;
	text-align:left;
	float:left;
	margin:0px;
	padding-left:40px;
	}
#brand_nav #navlist .navbg{
	background-image: url(/images/bottom_bg2.png);
	background-repeat: no-repeat;
	background-position: right top;}
#brand_nav #navlist DL H2{
	font-size: 15px;
	color: #b1bcbc;
	font-weight: bold;
	margin: 0px;
	line-height: 32px;
	
}
#brand_nav #navlist DL H3{
	font-size: 12px;
	color: #D7DDDD;
	font-weight: bold;
	margin: 0px;
	line-height: 28px;
	background-image: url(/images/jt06.gif);
	background-position: 65px 13px;
	background-repeat: no-repeat;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#brand_nav #navlist DL H3 a{
	color: #D7DDDD;}
#brand_nav #navlist DL H3 a:hover{
	color:#FFF;}
#brand_nav #navlist DL DT{
	font-size: 12px;
	margin: 0px;
	color: #AAB7B7;
	
}
#brand_nav #navlist DL DT a{
	width: 100%;
	color: #95A6A6;
	line-height: 26px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#brand_nav #navlist DL DT a:hover{
	color: #F0F0F0;
	text-decoration: none;
}
#othersite{
	float:right;
	width:158px;
	padding-top:40px;
	text-align:left;
	}
#othersite H2{
	margin:0px;
	padding:0px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bolder;
	margin-bottom:10px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}
#othersite H2 a{
	color: #999;
	width: 100%;
	display: block;
	border: 1px solid #555;
	width:146px;
	padding: 5px;
	background-color: #404040;
	text-align: center;
}
#othersite H2 a:hover{
	color:#F60;
	text-decoration:none;}
#copyright{
	width: 100%;
	margin:0px auto;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #474646;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #474646;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #333;
	}
#copyright .wz{
	font-family: "宋体", Georgia, "Times New Roman", Times, serif;
	line-height: 26px;
	color: #DDD;
}
#copyright img{ background-color:#CCC;}
#yqlink{
	width: 100%;
	background-color: #3d3c3c;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #CCC;
	line-height: 28px;
}
#yqlink a{
	color: #9D9D9D;
}
#yqlink a:hover{
	color: #CCC;
	text-decoration: none;
}

/*在线客服*/
.qqservicewidth{
	width:130px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:180px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;}
.qqserviceleft{
	width:20px;
	height:111px;
	position:relative;
	float:right;
	z-index:50px;
	cursor:pointer;}
.qqservice{
	width: 110px;
	color:#666666;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	}
.qqservice .qtop{
	width:110px;
	height:64px;
	overflow:hidden;
	cursor:pointer;}
.qqservice .qlist{
	width:110px;
	overflow:hidden;
	background-image: url(/images/kefu/online_service_3b.png);
	background-repeat: repeat-y;
	text-align:center;
	background-position: center top;
	margin:auto;
}
.qlist DL{
	width:90px;
	padding:0px;
	margin:auto;
	overflow:hidden;
	text-align:center;
	}
.qlist DL DD a:link, .qlist DL DD a:visited{
	color:#333333;
	text-decoration:none}
.qlist DL DD a:hover, .qlist DL DD a:active{
	color:red;}
.qlist DL DT{
	margin:0px;
	width:90px;
	text-align:center;
	overflow:hidden;
	font-size:13px;
	color:#046a73;
	background-image: url(/images/kefu/online_service_2b.png);
	background-repeat: repeat-x;
	background-position: center;
	font-weight:bold;
	line-height:22px;
	}
.qlist DL DD{
width:90px;
margin:0 auto;
padding:10px 0px 4px 0px;
overflow:hidden;
font-size:12px;
line-height:22px;
text-align:center;}
.qqservice .qbot{
width:110px;
}
#cityshow{
	width: 1px;
	height: 1px;
	position: absolute;
	display:none;
}
#citywidth{
	width: 986px!important;
	width: 988px;
	height:198px;
	background-color: #333;
	border: 1px solid #333;
	position: relative;
	left:0;
	top:-20px;
	z-index: 1999;
	overflow-y:scroll;
	}
#citywidth DL{
	width:944px;
	margin:10px 21px 20px 21px;
	padding:0px;}
#citywidth DL DT{
	float:left;
	margin:0px;
	width: 106px!important;
	width: 118px;
	line-height: 25px;
	background-image: url(/images/3j1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px;
	overflow:hidden;
	font-size:13px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.thisclose{
	text-align: center;
	line-height: 28px;
	clear: both;
	width: 120px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #464646;
	border-left-color: #464646;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -20px;
	left: 360px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #464646;
	z-index: 999;
	background-color: #333;
}
.thisclose a{
	color: #1C7171;
	font-weight: bold;
	text-decoration: none;
}
#citywidth DL a:link, #citywidth DL a:visited{
	color: #7B7B7B;
}
#citywidth DL a:hover, #citywidth DL a:active{
	color:#F60;}