@charset "utf-8";
html{
	box-sizing: border-box;
	
}
*,
*:bfore,
*:after{
	box-sizing:inherit;
}
*{
	margin: 0;
	padding: 0;
	border:0;
}
ul,li{
	list-style-type:none;
}
a{
	color: #666;
	text-decoration:none;
}
.left{
	float: left;
}
.right{
	float: right;
}
img{
	max-width:100%;
    height:auto;
	width:auto;
	vertical-align:middle;
}
.clearfix{
	clear:both;
}
body{
	width:100%;
	background:#fff;
	font-family:'Roboto Slab',serif;
	
}
.container{
	width: 100%;
	
	padding:0;
	
	margin: 0 auto;
	
    
}
.header{
	width:100%;
	background:white;
	padding:33px 0;
	position:relative;
}


nav ul li a{
	color:#000;
	font-size:1.25em;
	font-weight:500;
	float: left;
	margin: 0 20px;
}
nav ul li a:hover,
nav ul li a.active{
	color:#64be5f;
}
nav input[type="checkbox"],
.menu{
	position:absolute;
	left:2%;
	top:10px;
	display:none;
}

.mobile_title{
	display: none;
}

#four{
	width: 100%;	
	background-color: #ffffff;
}

#four ul{
	width: 1045px;
	height: 223px;
	padding-top: 90px;
	padding-bottom: 90px;
	margin: 0 auto;
	flex-wrap: wrap;
	display: flex;

	
	
}
#four li{
	float: left;
	margin-right: 15px;
	
	
	
}
#four li img{
	width:250px;
	
	
}
#four li h2{
	width: 172px;
	height: 24px;
	font-size: 18px;
    line-height: 24px;
	margin-top: 15px;
	
	font-weight: normal;
}
#four li p{
	font-size: 14px;
    line-height: 24px;
	width: 172px;
	height: 26px;
	color: rgb(153, 153, 153);
}
#four ul li:last-child {
	margin-right: 0px;
}
#wind{
	width: 100%;	
	background-color: #ffffff;
}
#wind .wind_main{
	width: 1045px;
	height: 401px;
	margin: 0 auto;
}
#wind .wind_left{
	width: 600px;
	
	
	
}
#wind .text{
	height: 200px;
	margin-top: 100px;
}
#wind .text h2{
	font-size: 22px;
	color: #333;
	text-align: left;
	width: 500px;
	
	
}
#wind .text h3{
	width: 600px;
	color: #686868;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	margin:50px 0;
	
	
}

#wind .text p{
	width: 600px;
	color: #686868;
	text-align: left;
	font-size:12px;
	
	
}
#wind .wind_main div{
	
	float: left;
}
#wind .wind_main div:last-child img{
	width: 300px;
	margin-left: 145px;
}
#picture{
	width: 100%;
	background-color: #ffffff;
}
#picture img{
	margin:90px auto;
}
#case{
	width: 100%;
	background-color: #ffffff;
}
#case .case_top h2{
	font-size: 22px;
	color: #333;
	text-align: left;
	width: 1045px;
	margin: 0px auto;
	margin-bottom: 15px;
}
#case ul{
	width: 1045px;
	height: 432px;
	margin: 0px auto;
	
}
#case li{
	float:left;
	margin-right: 28px;
	
}
#case ul li:last-child {
	margin-right: 0px;
}
#case li img{
	width: 240px;
}
#case li h3{
	width: 240px;
	height: 20px;
	font-size: 14px;
    line-height: 24px;
	margin-top: 15px;
	
	font-weight: normal;
}
#case li p{
	font-size: 12px;
	
    line-height: 20px;
	width: 240px;
	height: 35px;
	color: rgb(153, 153, 153);
}
#two{
	width: 100%;
	background-color: #ffffff;
}
#two .two_bg img{
	margin-top: 90px;
}
#two .two_main{
	width: 1045px;
	height: 120px;
	border: 3px solid #EFEFEE;
	background-color: #EFEFEE;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	margin-top: -70px;
	
}
#two .two_main ul{
	width: 736px;
	height: 48px;
	margin:36px auto;
}
#two .two_main li{
	float: left;
	margin: 0 60px;

}
#two .two_main li h2{
	font-size: 28px;
	width: 64px;
	text-align: center;
}
#two .two_main li h3{
	font-size: 12px;
	font-weight: normal;
	color: #8E8E8E;
	text-align: center;
}
#about{
	width: 100%;	
	background-color: #ffffff;
}
#about .about_main{
	width: 1045px;
	height: 581px;
	margin: 0 auto;
}
#about .about_main div{
	margin-top: 90px;
	float: left;
	height: 401px;
}
#about .about_main div:first-child img{
	width: 300px;
	margin-right: 145px;
	
}

#about .about_right{
	width: 600px;	
}
#about .text{
	height: 200px;
	margin-top: 100px;
}
	
	
	
	

#about .text h2{
	font-size: 22px;
	color: #333;
	text-align: left;
	width: 500px;
}
#about .text p{
	width: 600px;
	color: #686868;
	text-align: left;
	font-size:12px;
	margin: 50px 0;
	
	
}
#about .text h3{
	border: 2px solid #64be5f;
	font-weight: normal;
	font-size: 16px;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #64be5f;
}
#footer{
	width:100%;
	background-color: rgba(34, 34, 34, 1);
	
	position:relative;
}
#footer .container{
	height: 100px;
	
}
#footer ul{
	height: 27px;
	width: 625px;
	margin: auto;
    
	
}
#footer ul li a{
	color:#7F7F7F;
	font-size:1.25em;
	font-weight:500;
	float: left;
	margin: 36px 20px;
	
}