@charset "utf-8";

/* CSS Document */

/**

 * 

 * @authors Landry

 * @date    2014-03-28 10:16:50

 * @version $Id$

 */



html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, del, dfn, em, img, sub, sup, var, i, dl, dd, dt, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {

	padding: 0;

	margin: 0;

	border: 0;

	outline: 0;

	background: transparent;

}

article, aside, figure, footer, header, hgroup, nav, menu, section {

	display: block;

}

ol, ul, li {

	list-style: none;

}

a {

	text-decoration: none;

	padding: 0;

	margin: 0;

	color: #6d6d6d;

}

a:active, a:visited {

	/*color: #0066ab;*/

}

input, select {

	vertical-align: middle;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}



a {

	outline: none;/* for Forefox */

	cursor: pointer;

	color:#393939;

}

img {

	border: 0;

	width:100%;

	vertical-align: middle;

	

}

/*大体架构

 ----------*/

body {

	font-family:Microsoft Yahei;

	font-size:12px;

}

.wrap {

	position: relative;

	margin: 0 auto;

	width: 100%;

	_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");

	overflow: hidden;

}

.main {

	position: relative;

	margin: 0 auto;

	width: 100%;

	overflow: hidden;

}





.box {

	position: relative;

	width: 1000px;

	margin: 0 auto;

}

.main {

	/*width: 1920px;*/

	margin: 0 auto;

}



/*颜色值

 --------------*/

.orange {

	color: #ffe400;

}

.blue {

	color: #699BCC;

}

/*清楚文字内容

 --------------*/

.txtIndent {

	text-indent: -9999em;

}

/*用于seo不显示的内容

 --------------*/

.seo {

	width: 0;

	height: 0;

	overflow: hidden;

	position: absolute;

	visibility: hidden;

	top: 0;

	left: 0;

}

.seo, .hideImg {

	width: 0;

	height: 0;

	overflow: hidden;

	position: absolute;

	visibility: hidden;

	top: 0;

	left: 0;

}

.hideImg {

	overflow: hidden;

}

.hideImg img {

	width: 0;

	height: 0;

	overflow: hidden;

}

/*清除浮动

 --------------*/

.clearfix {

  zoom: 1;

  _height: 1px

}

.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}

.clear{

  height: 0;

  font-size:0;

  line-height:0;

  clear: both;

  overflow:hidden;

}



/*左浮动和右浮动

 --------------*/

.float_l {

	float: left;

}

.float_r {

	float: right;

}

.float_r, .float_l {

	_display: inline;

}



/**头部代码**/

.header{width: 100%;background: #57a60a;position:fixed;top:0px;left:0px;z-index:9999;}

.header .logo{float:left;width:46.25%;margin-left:19px;}

.header .button{float:right;width:45px;height:41px;display:block;position:absolute;right:21px;top:50%;margin-top:-20.5px;}

.header .button span{display:block;margin-bottom:10px;}

.header .button .line_1{width:45px;height:7px;background: #FFF;position:relative;}

.header .button .line_1:before{content:"";display:block;width:10px;height:7px;background: #FFF;position:absolute;left:-15px;top:0px;}

.header .button .line_2{width:39px;height:7px;background: #FFF;position:relative;}

.header .button .line_2:before{content:"";display:block;width:10px;height:7px;background: #FFF;position:absolute;left:-15px;top:0px;}

.header .selectDown{background:#57a60a;position:absolute;right:-140px;top:100%;width:140px;padding:5px 0;}

.header .selectDown a{font-size:16px;color:#FFF;margin:10% 0;display:block;text-align: center;}

.header .head{padding:12px 0;}



/**底部文件**/

.footer{border-top:2px solid #e4e5ea;}

.footer .footNav{text-align: center;font-size:0;padding:7% 0 3%;}

.footer .footNav a{display:inline-block;font-size:18px;color:#333333;position:relative;padding:0 13px;}

.footer .footNav a:after{content:"";display:block;width:2px;height:22px;background: #333333;position:absolute;right:0px;top:50%;margin-top:-11px;}

.footer .footNav a:last-child:after{display:none;}
.footer .footNav .chat{position:relative;}
.footer .footNav .chatBox{display:none;position:absolute;bottom:22px;left:0px;width:100px;}
.footer .footNav .chatBox img{width:100px;height:100px;}

.footer .copyright{font-size:18px;color:#666666;line-height:30px;text-align: center;padding:0 19px 28px;}

.footer .suspension{text-align: center;background: #FFF;border-top:2px solid #e4e5ea;}

.footer .suspension a{display:inline-block;font-size:20px;color:#198339;width:24.218%;height:75px;line-height:75px;}

.footer .foot{text-align: center;font-size:0;}

.footer .foot a{width:50%;height:60px;line-height:60px;font-size:18px;color:#FFF;display:inline-block;}

.footer .foot a i{font-size:31px;color:#FFF;position:relative;top:3px;}

.footer .foot .tel{background: #37c3a8;}

.footer .foot .tel i{margin-right:14px;}

.footer .foot .questions{background: #3790c3;}

.footer .foot .questions i{margin-right:20px;}

.footBox{width:100%;position:fixed;bottom:0px;left:0px;z-index:99999;}

.Tops{width:95px;height:82px;position:absolute;right:0px;bottom:0px;background:#51990b;text-align: center;}

.Tops img{width:40px;height:40px;margin-top:10px;}

.Tops p{font-size:18px;color:#FFF;}

@media screen and (max-width:600px){
.footer .footNav a{padding: 0 8px;}
.footer .footNav .chatBox{left:-7px;}
}

@media screen and (max-width:560px){

.header .button{width:30px;height:25px;margin-top:-12.5px;}

.header .button span{margin-bottom:5px;}

.header .button .line_1{width:30px;height:5px;}

.header .button .line_1:before,

.header .button .line_2:before{width:5px;height:5px;left:-10px;}

.header .button .line_2{width:24px;height:5px;}

.footer .footNav a{font-size: 16px;}

.footer .footNav a:after{height: 14px;margin-top: -7px;}

.footer .copyright{font-size: 16px;line-height: 26px;}

.footer .suspension a{font-size: 18px;height: 65px;line-height: 65px;}

.Tops{width:85px;height:70px;}

.Tops img{width:30px;height:30px;}

.Tops p{font-size:16px;}
.footer .footNav .chatBox{left: -11px;}
}



@media screen and (max-width:480px){

.footer .footNav a{font-size: 14px;}

.footer .copyright{font-size: 14px;line-height: 24px;padding:0 19px 18px;}

.footer .suspension a{font-size: 16px;height: 55px;line-height: 55px;}

.header .selectDown a{font-size: 14px;margin: 8% 0;}

.footer .foot a{height:50px;line-height:50px;font-size:16px;}

.footer .foot a i{font-size:26px;top:4px;}

.Tops{width:70px;height:60px;}

.Tops img{width:25px;height:25px;}

.Tops p{font-size:13px;}

.footer .footNav .chatBox{left: -17px;}
.footer .footNav .chatBox img{height: 70px;width: 70px;}
}

@media screen and (max-width:440px){
.footer .footNav a{padding:0 4px;}
}


@media screen and (max-width:420px){

.header .button{width:20px;height:19px;margin-top:-9.5px;}

.header .button .line_1{width:20px;height:3px;}

.header .button .line_1:before,

.header .button .line_2:before{width:3px;height:3px;left:-7px;}

.header .button .line_2{width:14px;height:3px;}

.footer .copyright{font-size: 12px;line-height: 21px;}

.footer .suspension a{font-size: 14px;height: 45px;line-height: 45px;width: 20.218%;}

.header .selectDown a{font-size: 13px;}

.header .selectDown{right:-110px;width:110px;}

.footer .foot a{height:40px;line-height:40px;font-size:14px;}

.footer .foot a i{font-size:18px;top:2px;}

.footer .foot .tel i,

.footer .foot .questions i{margin-right:10px;}

.Tops{width:54px;height:52px;}

.Tops img{width:20px;height:20px;}

.Tops p{font-size:12px;}

}

@media screen and (max-width:400px){
.footer .footNav a{font-size:12px;}
.footer .footNav a::after{height: 10px;margin-top: -5px;}
.footer .footNav .chatBox{left:-24px;}
}

@media screen and (max-width:360px){
.footer .footNav a{font-size:11px;}
}