﻿@charset "utf-8";
/* CSS Document */
/*************************************
* 文件名称：style.css
* 作   者：无忧网络 www.ewoyo.cn
* 创建日期：2018-03-03
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 内容概要: 网页样式文件
*************************************/
html,body{width:100%;margin:0 auto;font-family:"微软雅黑","PingFang SC",Simsun,STHeiti,-apple-system, BlinkMacSystemFont, "Helvetica Neue","Microsoft Yahei",Tahoma,sans-serif,Helvetica;color:#333;font-size:13px;line-height:180%; background-color:#fff;}
img{border:0; }
div,p,img,ul,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,th,td{margin:0;padding:0;}
ol,ul,li{list-style-type:none; }
a{color:#333333;transition:color 0.2s linear 0s;text-decoration:none;}
a:hover{color:#006ab9;text-decoration:none;}
#wrap{overflow:hidden; margin:0 auto;width:100%; min-width:1200px;}
.wrap{overflow:hidden; margin:0 auto; width:1200px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
/* IE6 hack */
html{_background:url(about:_blank) fixed;}


.header{height:85px; padding:15px 0;}
.header h1{width:600px; height:85px; background:url(../images/logo.png) left center no-repeat; display:block;text-indent:-9999px; float:left;}
.header .tel{color:#00a0e6;  width:335px; height:85px;line-height:10px;  background:url(../images/tel.png) left top no-repeat; padding-left:50px; margin-top:-2px;}
.nav{height:50px; margin:0 auto;width:100%; min-width:1200px; background-color:#007cc2;}
.menu{width:1200px; margin:0 auto;}
.menu li{float:left;}
.menu .m{float:left;  position:relative;}
.menu li h3{font-size:14px;}
.menu li h3 a{
	width:133px;
	color:#fff;
	text-align:center;
	display:block;
	line-height:50px;
	font-weight:400;
	height:50px;
	}	
.menu li.on h3 a{
	background:url(../images/navbg.png) no-repeat;
	margin-top:-10px;
	line-height:70px;
	height:60px;
	color:#fff;
	}			
.menu .sub{display:none; position:absolute; left:0px; top:50px;width:133px;background-color:#0068b7;z-index:1111;
	/*
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	*/}
.menu .sub li{text-align:center; width:100%;}
.menu .sub li a{display:block; height:40px; line-height:40px; color:#fff; overflow:hidden;}
.menu .sub li a:hover{background-color:#00a0e6;color:#fff;}	



.footer{ background: url(../images/foot.png) no-repeat;width: 100%; line-height:40px; }
.foot1{
	padding-top:5px;
	margin-bottom: 6px;
}
.foot1 p{
	text-align: center;
	color: #FFFFFF;
}
.foot1 span{
	display: inline-block;
	margin-left: 12px;
	margin-right: 12px;
}
.foot1 a{
	color: #FFFFFF;
}
.foot2 a{
	color: #FFFFFF;
	display: inline-block;
	margin-right: 7px;
}
.foot2 p{
	text-align: center;
	color: #FFFFFF;
}
/* 客服QQ */
#qqserver{width:120px; height:auto; position:fixed;top:320px;right:0px;z-index:8888; background:#fff; border:1px solid #d1d1d1;border-top:2px solid #ca2d25;}
#qqserver .qqtop{ width:100%; height:35px; line-height:35px;font-family:"Microsoft YaHei"; font-size:14px; color:#333; font-weight:bold; text-align:center;}
#qqserver .qqmiddle{font-size:12px; width:100%;}
#qqserver .qqmiddle ul{overflow:hidden;}
#qqserver .qqmiddle ul li{display:block;border-bottom:1px #b1b1b1 dotted;padding:5px 10px; text-indent:23px; background:url(../images/base/qq/qq.gif) 10px center no-repeat;}
#qqserver .qqmiddle p{ color:#991C0A;text-align:center;}
#qqserver .qqclose{float:right; margin-right:10px; margin-top:10px; cursor:pointer;}
.qqright_bar{width:28px; height:95px; position:fixed; top:50%; right:0; margin-top:-242px; z-index:9999;display:none; }
.qqright_bar img{cursor:pointer;}


/*表单*/
.btn{
	width:56px;
	height:23px;
	border:none;
	background:url(../images/base/btn.gif) no-repeat;
	line-height:24px;
	overflow:hidden;
	color:#444;
	cursor:pointer;
	letter-spacing:1px;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:5px;
	}	
input[type="text"],input[type="password"]{
	height:25px;
	text-indent:5px;
	border:#d3d3d3 1px solid;
	}
.top input[type="text"],.top input[type="password"]{
	height:21px;
	text-indent:5px;
	border:#d3d3d3 1px solid;
	}
	
.banner{
	height:450px;
	}
.BannerSlide{
	width:100%;
	position:relative;
	height:450px;
	}
.BannerSlide .bd{
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	}
.BannerSlide .bd ul{
	width:100%;
	}
.BannerSlide .bd li{
	width:100%;
	height:450px;
	overflow:hidden;
	text-align:center;
	}
.BannerSlide .bd li a{
	display:block;
	height:450px;
	}
.BannerSlide .hd{
	width:100%;
	position:absolute;
	z-index:1;
	text-align:center;
	bottom:5px;
	font-size:0;
	}
.BannerSlide .hd li{
	margin:0 5px;
	width:26px;
	height:13px;
	background-color:#00a1e9;
	overflow:hidden;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	}
.BannerSlide .hd .on{
	background:#f60;
	}
.BannerSlide .prev, .BannerSlide .next{
	position:absolute;
	z-index:3;
	display:none;
	width:88px;
	height:100px;
	background: url(../images/base/banner_prevnext.png) no-repeat scroll 0 0;
	_background-image: url(../images/base/banner_prevnext_ie6.png);
	top:50%;
	margin:-60px 0 0;
	}
.BannerSlide .prev{
	left:10px;
	}
.BannerSlide .next{
	right:10px;
	}
.BannerSlide .prev{
	background-position:0 0;
	}
.BannerSlide .prev:hover{
	background-position: 0 -200px;
	}
.BannerSlide .next{
	background-position: 0 -100px;
	}
.BannerSlide .next:hover {
	background-position: 0 -300px;
	}
