@charset "utf-8";
/* 全局  */
*{margin:0; padding:0;}
body{font-size: 12.5pt; font-family:微软雅黑, Arial;color:#616161;}
a{cursor:pointer;text-decoration: none;color:#333;}
img{border:none;}
h1{font-size:14pt;display:inline;}/*主标题*/
h2{font-size:12pt;display:inline;}/*副标题*/
div{display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul{display:block;}
span{display:inline-block;}

p{padding-bottom:4px;display:block;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.bold{font-weight:700;}
.radius{/*圆角*/
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}
.opacity{/*透明*/
	filter:alpha(opacity=90); 
	-moz-opacity:0.9; 
	opacity:0.9;
}

/*布局*/
#header{width:100%;margin:0 auto;_zoom:1;height:90px;line-height:90px;text-align: center;background-color:#303031;position:fixed;top:-1px;z-index:999;}
#header .title{width: 998px;margin: 0 auto;font-size: 11pt;font-weight: 500;color: #D6DCDF;text-align: left;}
#header .title a{color: #D6DCDF;}
#header .title a.hot,#header .title .on a{color: #f65926;font-weight:bold;}
#header .title li{float:left;text-align: center;font-size: 11pt;width:80px;list-style: none; line-height:90px;}
.btn-blue {line-height:1;padding:5px;border-bottom: #1d6291 1px solid; text-align: center; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#48aff3', endcolorstr='#429bd5', gradienttype=0); border-left: #1d6291 1px solid; padding-bottom: 3px; background-color: #48aef1; padding-left: 14px; padding-right: 14px; display: inline-block; font: 16px/1.5 "微软雅黑"; word-wrap: break-word; color: #fff; vertical-align: middle; border-top: #1d6291 1px solid; cursor: pointer; border-right: #1d6291 1px solid; padding-top: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px}
.btn-blue:hover {border-bottom-color: #143853; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#42a3e2', endcolorstr='#3c8dc1', gradienttype=0); border-top-color: #143853; outline-style: none; color: #fff; border-right-color: #143853; border-left-color: #143853; text-decoration: none; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)}
.btn-blue:focus {border-bottom-color: #143853; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#42a3e2', endcolorstr='#3c8dc1', gradienttype=0); border-top-color: #143853; outline-style: none; color: #fff; border-right-color: #143853; border-left-color: #143853; text-decoration: none; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)}
.btn-blue:active {border-bottom-color: #143853; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#3c8dc1', endcolorstr='#42a3e2', gradienttype=0); border-top-color: #143853; color: #fff; border-right-color: #143853; border-left-color: #143853; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4)}
.btn-orange {line-height:1;padding:5px;border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fbb700', endcolorstr='#ff8800', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500;color:#fff;}
.btn-orange:hover {border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#faa500', endcolorstr='#ff7100', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500}
.btn-orange:focus {border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#faa500', endcolorstr='#ff7100', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500}
.btn-orange:active {border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff7100', endcolorstr='#faa500', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500}

.btn-zhuce {border-bottom: #1d6291 1px solid; text-align: center; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#48aff3', endcolorstr='#429bd5', gradienttype=0); border-left: #1d6291 1px solid; padding-bottom: 3px; background-color: #48aef1; padding-left: 14px; padding-right: 14px; display: inline-block; font: 16px/1.5 "微软雅黑"; word-wrap: break-word; color: #fff; vertical-align: middle; border-top: #1d6291 1px solid; cursor: pointer; border-right: #1d6291 1px solid; padding-top: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px}
.btn-zhuce:hover {border-bottom-color: #143853; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#42a3e2', endcolorstr='#3c8dc1', gradienttype=0); border-top-color: #143853; outline-style: none; color: #fff; border-right-color: #143853; border-left-color: #143853; text-decoration: none; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)}
.btn-zhuce:focus {border-bottom-color: #143853; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#42a3e2', endcolorstr='#3c8dc1', gradienttype=0); border-top-color: #143853; outline-style: none; color: #fff; border-right-color: #143853; border-left-color: #143853; text-decoration: none; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4)}
.btn-zhuce:active {border-bottom-color: #143853; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#3c8dc1', endcolorstr='#42a3e2', gradienttype=0); border-top-color: #143853; color: #fff; border-right-color: #143853; border-left-color: #143853; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4)}
.btn-zhuce-orange {border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fbb700', endcolorstr='#ff8800', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500;color:#fff;}
.btn-zhuce-orange:hover {border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#faa500', endcolorstr='#ff7100', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500}
.btn-zhuce-orange:focus {border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#faa500', endcolorstr='#ff7100', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500}
.btn-zhuce-orange:active {border-bottom-color: #db7500; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff7100', endcolorstr='#faa500', gradienttype=0); background-color: #ff9900; border-top-color: #db7500; color: #fff; border-right-color: #db7500; border-left-color: #db7500}
.zhuce-big{font-size: 18pt;font-weight: bold;height: 50px; line-height: 50px;width:300px;background-color:#77BA01;border:1px solid #64a600;}


#brand{width:100%;margin:0 auto;_zoom:1;height:360px;background-color:#333;background: url(bg/back.jpg) no-repeat right center;color:white;text-align:center;}
.pic:hover{background: url('bg/brand.png') no-repeat center top;}
.pic{background: url('bg/brand-h.png') no-repeat center top;width: 659px;height: 361px;margin: 0px auto;}
.area{width:100%;margin:0 auto;_zoom:1;text-align: center; padding-top:30px; padding-bottom:30px;}
.area2{width:100%;margin:0 auto;_zoom:1;text-align: center;border-bottom:#ddd dashed 1px; padding-top:30px; padding-bottom:30px; line-height:30px;}
.section{width: 998px;margin: 0 auto;text-align:center;position:relative;}
#container{width: 998px;margin: 0 auto;margin-top:90px;  padding-bottom:40px;}
#footer{background: none repeat scroll 0 0 #EFEFEF; bottom:-1px;
border-top: 1px solid #D8D8D8;
width:100%;
clear: both;
color: #666;
margin-top: 20px;
height: 40px;
line-height:40px;
text-align: center;}
#footer a{font-size:10pt;color:#666;text-decoration: underline;}
#footer p{font-size:10pt;color:#666;}
#footer .title{width: 998px;margin: 0 auto;font-size: 10pt;font-weight: 500;text-align: left;}
#footer .title li{float: left;text-align: center;font-size: 11pt;width:80px;list-style: none;}
/*容器*/
.panel{width:100%;margin:0 auto;_zoom:1;text-align:center;margin-top:10px;}

/*文字*/
.info{text-align:left;}
.info .title{margin-bottom: 4px;padding-top: 80px;}
.title h2{font-size: 18pt;font-weight: bold;}
.info .content{width:395px;padding-top:10px; text-indent: 2em;}
/*按钮*/
.button{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 48px;
	font-size: 14pt;
	line-height: 48px;
	width:260px;
	color: white;
	font-weight: 700;
}
.button.link{width:100px;height:32px;line-height:32px;font-size:11pt;}
.button.big{
	width: 100%;
}
.button.menu{
	height:30px;
	line-height:30px;
}
.button.blue{background-color: #0096D7;}
.button.red{background-color: #f65926;}

.header-sub-menu{list-style: none;display:none;margin:0px;padding:0px;position:absolute;line-height:30px;margin-top: -30px;margin-left: -80px;}
.header-sub-menu li{display:inline-block;line-height:30px;height:30px;}
.header-menu-item:hover .header-sub-menu{display: block;}
/*** 顺序号 ***/
.order-number{width:45px;height:45px;border-radius:45px;line-height:45px;background:#DDD;position: absolute;left: -15px;top:-15px;text-align:center;z-index:1;}

/*清除浮动 S */
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}
/*清除浮动 E */

.line_dashed{border-bottom:1px dashed #DDD;}