html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*base*/

body {
	font-size: 14px;
	font-family: '΢���ź�';
	color: #666;
	background: url(../images/farmer.png) top center no-repeat #e8e9e4; /*http://subtlepatterns.com/?p=1109*/
}

a {	color: #40bfe8;}
a:hover {	text-decoration: none;}

.wrapper {	position: relative;	width:100%;	margin: 0 auto;	padding: 0;	background: #ffffff;}
footer {	padding: 1em;	font-size: 0.9em;}

.nav-container {background:#267be5; width:100%;}
nav {width: 100%;}

nav li {	display: inline;	list-style: none;}
.nav-container li a {	text-decoration: none;	font-size: 1.2em;	color: #fff; display: inline-block;	width: 5em;	text-align: center;
	padding: .5em 1em;	-webkit-border-radius: 1px;	-moz-border-radius: 1px;	border-radius: 1px;}
nav li a:hover, nav li a.selected {	color: #fff;	background: #40bfe8; border-radius:5px;}

.sticky {background:#fff; position: fixed; top:0px !important;	animation:thedrop 1s 1;	-moz-animation:thedrop 1s 1;-webkit-animation:thedrop 1s 1; height:60px; border-bottom: 1px solid #ddd;}
.sticky li a{color:#222;}
.menuList{width:1200px; margin:0px auto; display:flex; align-items: center; height:60px;}
.logo, .logo1{flex:1;}
nav .logo1{display: none;}
nav.sticky .logo{display:none;}
nav.sticky .logo1{display:block;}
 
.conBox1{background:#267be5 url(../images/bannar.jpg) no-repeat center top; height:630px; text-align: center; color:#fff;}
.conBox1 h3{line-height:90px; font-size:44px; padding-top:40px;}
.conBox1 h1{font-size:54px; font-weight:bold;}

.conBox2{width: 100%; height:670px; background:#fff;}
.conBox2>div{width:1200px; margin:0px auto; background:url(../images/product.jpg) no-repeat center top; height:670px; box-sizing:border-box; padding-left:400px;}
.conBox2>div>div{font-size:50px; line-height: 100px; font-weight:bold; color:#001737; padding-top:60px; padding-bottom: 50px;}
.conBox2>div li{width:100%; padding-left:100px; box-sizing: border-box;}
.conBox2>div p{border:1px solid #ccc; border-radius:30px 5px 5px 30px; line-height:40px; margin-top:15px; display:inline-block; background:#f5f5f5; padding-right:20px; font-size:16px;}
.conBox2>div p:before{content:'1'; display:inline-block; width:40px; height:40px; border-radius:30px; background:#267be5; color:#fff; float: left; text-align: center; line-break: 40px; font-size:20px; margin-right:15px;}
.conBox2>div ul li:nth-of-type(2) p:before{content:'2';}
.conBox2>div ul li:nth-of-type(3) p:before{content:'3';}
.conBox2>div ul li:nth-of-type(4) p:before{content:'4';}
.conBox2>div ul li:nth-of-type(5) p:before{content:'5';}

.conBox3{width: 100%; height:670px; background:#f6f6f6;}
.conBox3>div{width:1200px; margin:0px auto; background:url(../images/youshi.jpg) no-repeat right top; height:670px; box-sizing:border-box;}
.conBox3>div>div{font-size:50px; padding-left:100px; line-height: 100px; font-weight:bold; color:#001737; padding-top:60px; padding-bottom: 50px;}
.conBox3>div li{width:100%; box-sizing: border-box;}
.conBox3>div p{border:1px solid #ccc; border-radius:30px 5px 5px 30px; line-height:40px; margin-top:15px; display:inline-block; background:#fff; padding-right:20px; font-size:16px;}
.conBox3>div p:before{content:'1'; display:inline-block; width:40px; height:40px; border-radius:30px; background:#267be5; color:#fff; float: left; text-align: center; line-break: 40px; font-size:20px; margin-right:15px;}
.conBox3>div ul li:nth-of-type(2) p:before{content:'2';}
.conBox3>div ul li:nth-of-type(3) p:before{content:'3';}
.conBox3>div ul li:nth-of-type(4) p:before{content:'4';}
.conBox3>div ul li:nth-of-type(5) p:before{content:'5';}


.conBox4{width: 100%; height:670px; background:#fff;}
.conBox4>div{width:1200px; margin:0px auto; height:670px; box-sizing:border-box;}
.conBox4>div h3{font-size:50px; line-height: 100px; font-weight:bold; color:#001737; padding-top:60px; padding-bottom: 50px; text-align: center;}
.newBox{display:flex;}
.newBox>div{width:calc(33.3% - 10px); padding:15px; box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.2); margin-left:15px; line-height:22px;}
.newBox>div:first-child{margin-left:0px;}
.newBox>div img{width:100%;}
.newBox>div .title{font-size:20px; text-align: center; color:#001737; PADDING:10PX 0PX; line-height:30px;}

.conBox5{background:#f2f2f2; text-align: center; padding:80px;}


.copyright{background:#333; color:#ccc; text-align: center; line-height: 40px; }