@charset "utf-8";

*{margin:0;padding:0;}
html,body{height: 100%}
img{ border:none;vertical-align: middle;max-height: 100%}
body {
  color: #212121;
  font-family: Arial, "微软雅黑";
  font-size: 14px;
}
ul{
	list-style-type: none;
}
a{
  color: #2a8ad9;
  text-decoration: none;
  border: none;
}
p{font-size: 14px;line-height: 22px;}

h2{font-size: 36px;line-height: 48px;margin-bottom: 30px;}
h3{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
h4{font-size: 24px;line-height: 36px;margin-bottom: 20px;}
h5{font-size: 18px;line-height: 24px;margin-bottom: 10px;}

h2,h3,h4{color: #2a8ad9;}
iframe{margin: 40px 0;max-width: 100%}



/*--------------------------------------------头部----------------------------------------------*/
.float_qq,.float_sale{
	position: fixed;
	bottom: 10%;
	right: 0; 
	margin-top: -50px;
	z-index: 9999;
	transition: 0.4s;
}
.float_sale{display: none;}/*----哪个不想要，就把类名改 比如不要qq 就把这个类名改成float_qq-----*/
.float_qq span{
	position: absolute;
	width: 22px;
	height: 22px;
	background-image: url(../images/fl_hide.png);
	background-color: #eef7fc;
	border:1px solid #a9d0e6;
	border-right: none; 
	border-radius:2px 0 0 2px;
	cursor: pointer;
	top: 0;
	left: -23px;
}
.float_qq span:hover{
	background-color: #b8ebfc;
}

.header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 114px;
	background-color: #2a8ad9;
	text-align: center;
	z-index: 9998;
	transition: 0.4s;
}
.slider:before{
	position: absolute;
	content: "";
	display: inline-block;
	width: 100%;
	height: 114px;
	top: -114px;
	background-color: #2a8ad9;
	z-index: -1;
}
.logo{
	position: absolute;
	width: 190px;
	height: 114px;
	line-height: 114px;
	margin: 0 auto;
	text-align: left;
	transition: 0.5s;
}

.nav-info{position: relative;top: 20px;transition: 0.3s;opacity: 1;}
.nav-info a{color: #fff;border-bottom: 1px solid #fff;font-size: 16px;padding-bottom: 2px;transition: 0.3s;}
.nav-info a:before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 28px;
	height: 28px;
	top: -3px;
	margin-left: -34px;
	background-image: url(../images/icon-mail.png);
}
.nav-info a:hover{color: #cbe465;border-color: #cbe465;}

.nav{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}
.nav ul{position: relative; top: 45px;transition: 0.3s;}
.nav li{position: relative; display: inline-block;}
.nav .on a{color: #cfe0f4;}
.nav li a{
	display: inline-block;
	padding: 4px 0;
	color: #fff;
	font-size: 16px;
	margin-left: 24px;
	transition: 0.3s;
	border-bottom: 1px solid rgba(255,255,255,.0);
}
.nav li a:hover{
	color: #cfe0f4;
	border-bottom: 1px solid #cfe0f4;
}
.nav li:before{
	content: "";
	position: absolute;
	width: 1px;
	height: 14px;
	left: 10px;
	top: 9px;
	display: inline-block;
	background-color: #61a5de;
	z-index: 1;
}
.nav li:first-child:before{
	display: none;
}



/*--------------------------------------------幻灯片----------------------------------------------*/
.slider{position: relative;margin-top: 114px;}
.main_image {
	width:100%;
	height:440px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.main_image ul {
	width:9999px;
	height:440px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
.main_image li {
	float:left;
	width:100%;
	height:440px;
}
.main_image li span {
	display:block;
	width:100%;
	height:440px
}
.main_image li a {
	display:block;
	width:100%;
	height:440px
}
.main_image li .img_1 {
	background: url('../images/img_main_1.jpg') center top no-repeat
}
.main_image li .img_2 {
	background: url('../images/img_main_2.jpg') center top no-repeat
}

.btn-small {
	width:990px;
	margin:0 auto;
	position:relative
}
.btn-small .flicking_inner {
	position:absolute;
	top:400px;
	left:50%;
	z-index:999;
	height:21px
} 
.btn-small a {
	float:left;
	width:21px;
	height:21px;
	margin:0;
	padding:0;
	background:url('../images/btn_main_img.png') 0 0 no-repeat;
	display:block;
	text-indent:-1000px
}
.btn-small a.on {
	background-position:0 -21px
}
#btn_prev, #btn_next {
	z-index:11111;
	position:absolute;
	display:block;
	width:73px!important;
	height:74px!important;
	top:50%;
	margin-top:-37px;
	display:none;
	z-index: 99;
}
#btn_prev {
	background:url(../images/hover_left.png) no-repeat left top;
	left:20px;
}
#btn_next {
	background:url(../images/hover_right.png) no-repeat right top;
	right:20px;
}
.main_image p{
	position: absolute;
	color: #fff;
	font-size: 20px;
	border-radius: 40px;
	padding: 18px;
	top: 56%;
	left: 53%;
	left: calc(50% + 40px);
	width: 240px;
	text-align: center;
	background-color: #76b20e;
	box-sizing: border-box;
	transition: 0.5s;
}
.main_image p:hover{background-color: #fff;color: #76b20e;}

.banner_small img{width: 100%;}


/*--------------------------------------------index sections----------------------------------------------*/
.content{margin-bottom: 40px;}
.section_1{
	position: relative;
	padding: 40px;
	background-color: #f3f9fc;
	box-sizing: border-box;
}
.section_1:after,.section_2:after,.slider:after{content: "";display: block;height: 0;clear: both;}
.text_and_pic{
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
.text_and_pic img{float: left;width: 256px;padding: 20px;}

.text_box{float: left;padding: 20px;}

.section_1 .text_box{width: 660px;}

.section_2{
	position: relative;
	width: 1000px;
	height: 242px;
	margin:0 auto;
	margin-top: 40px;
	border:1px solid #e0eff7;

}
.section_2_img{float: right;width: 590px;}

.section_2:nth-child(odd) .section_2_img{float: left;}
.section_2 .text_box{
	position: relative;
	width: 400px;
	float: left;
	padding: 40px;
	height: 242px;
	box-sizing: border-box;
}
.section_2 .text_box h4{margin-bottom: 10px;}

/*--------------------------------------------friend----------------------------------------------*/
.friend{
	position: relative;
	width: 1000px;
	height: 88px;
	margin:0 auto;
}

/*--------------------------------------------footer----------------------------------------------*/


.footer{
	position: relative;
	text-align: center;
	padding: 60px;
	background-color: #2f2f2f;
	box-sizing: border-box;
}
.renzheng h4{color: #67c947;}
.renzheng {margin-bottom: 40px;}
.footer p{color: #f0f0f0;}
.footer a{color: #fff;border-bottom: 1px solid #fff;}
.copy {color: #666;margin-top: 10px;}


/*--------------------------------------------other----------------------------------------------*/
.text_img_box{
	position: relative;
	width: 800px;
	margin: 40px auto;
	box-sizing: border-box;
}
.text_img_box p{line-height: 30px;}
.text_img_box a{padding: 5px 20px;color: #fff;background-color: #67c947;border-radius: 20px;}

.buy_left{
	float: left;
	width: 500px;
	margin: 20px auto;
	box-sizing: border-box;
}

.buy_right{
	float: right;
	width: 200px;
	height: 500px;
	margin: 20px auto;
	box-sizing: border-box;
}

.text_help{
	position: relative;
	width: 800px;
	margin: 40px auto;
	box-sizing: border-box;
		
	color: #212121;
	font-family: Arial, "微软雅黑";
	font-size: 18px;
}