@font-face{
	font-family:"futura";
	src: url('../font/impact.eot');
	src: url('../font/impact.eot?#iefix') format('embedded-opentype'),
	     url('../font/impact.woff') format('woff'),
		 url('../font/impact.ttf') format('truetype'),
		 url('../font/impact.svg#NeuesBauenDemo') format('svg');
	
}

.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom: 1}
.clearfix:before, .clearfix:after { display: table; content: "";line-height: 0}
.clearfix:after {clear: both}
.center{text-align:center;}
.text-r{text-align:right;}
.pl30{padding-left:30px;}
.pr30{padding-right:30px;}
.pl70{padding-left:70px;}
.mt30{margin-top:30px;}
.mt120{margin-top:120px;}
.section{padding-top:70px;}
/*head*/
.topbar{background:#058dd1;color:#fff;height:35px;light-height:35px;font-size:18px;font-family:impact;text-align:right;}
.topbar i{display:inline-block;}
.topbar p{display:inline-block;line-height:35px;}

.menu-wrap{height:100px;}
.nav{position:absolute;right:0;top:60px;display:block;z-index:1990;}
.nav ul li{float:left;text-align:center;position:relative;margin:0 20px;}
.nav ul li a{display:block;color:#333;font-size:15px;line-height:30px;}
/*banner*/
.swiper-container {width: 100%;height:600px;}
.backimg{width: 100%;height:100%;}
.backimg .imgBg{width: 100%;height:100%;background-position:center center;background-size: cover;background-repeat:no-repeat;}
.swiper-slide-active .imgBg{animation: imageAnimation 6s linear 0s;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%;}
.swiper-pagination span{width:6px;height:15px;border-radius:6px;background-color:rgba(0,0,0,.4);}
.swiper-pagination span.swiper-pagination-bullet-active{height:20px;background-color:rgba(10,175,11,1);}
/*标题*/
.index-tit span{display:block;font-size:30px;color:#333;font-family:arial;}
.index-tit em{display:inline-block;font-size:24px;color:#444;font-family: "microsoft yahei";font-style: normal;padding-top:4px; border-top: 2px solid #5fb878;}
.index-tit.white{color:#fff;border:0;text-align:left;}

/*关于我们*/

#about-img{position:absolute;left:0;top:0;z-index:10;}
.about-text{height:100%;font:14px/38px 'Microsoft Yahei';margin-top:30px;color:#999;position:relative;}

.about-more{display:block;width:120px;height:36px;border:1px solid #ccc;font:14px/36px 'Arial';text-align:center;color:#999;margin-top:60px;}
.about-more:hover{background:#688566;color:#fff;text-decoration: underline;}
/*列图片表*/
.list ul{padding-top:55px;}
.list ul li a.list-pro{display:block;position:relative;background:#f2f2f2;}
.list ul li img{width:100%;}
.list ul li h3{width:100%;font:14px/28px 'Microsoft Yahei';text-align:center;color:#333;}

.index-more{display:inline-block;width:120px;height:36px;font:14px/36px 'Arial';text-align:center;background:#5FB878;color:#fff;margin-top:40px;}
.index-more:hover{background:#688566;color:#fff;text-decoration: underline;}

/*新闻*/
.index-news{position:relative;margin-top:50px;}
.new-list{background:#fff;width:100%;padding:35px 0;box-sizing:border-box;}
.new-list ul li{min-height:60px;padding-bottom:10px;margin-bottom:30px;}
.new-list ul li:hover .news-info .title{color:#688566;}

.date{width:80px;height:60px;position:absolute;text-align:right;}
.date span{display:block;}
.date span.day{font-size:14px;color:#888;font-family:arial;}
.date span.ym{font-size:24px;color:#4a4a4a;}
.news-info{padding-left:90px;}
.news-info p{margin:0;}
.news-info p.title{color: #333;font-size:16px;line-height: 140%;text-align: left;margin-bottom:10px;}
.news-info p.desc{line-height: 140%;height: 40px; overflow: hidden;font-size: 14px;padding-top: 2px;color: #999;}
/*service*/
.servicewrap{height:387px;}
.servicebox{padding-left:50px;height:387px;overflow:hidden;}
.servicebox h3{font-size:24px;color:#fff;margin-top:110px;}
.servicebox p{width:230px;font-size:14px;light-height:28px;color:#fff;margin-top:25px;font-weight:bold;}
.peisong{background:url('../images/peisong.jpg') center center no-repeat;}
.book{background:url('../images/book.jpg') center center no-repeat;}

.s-more{display:inline-block;width:120px;height:36px;background:#5FB878;color:#fff;font:14px/36px 'Arial';text-align:center;margin-top:25px;}
.s-more:hover{background:#688566;color:#fff;text-decoration: underline;}

/*contact*/
.contact-wrap{background:#ddd;padding-top:40px;padding-bottom:80px;box-sizing:border-box;margin-top:60px;}
.contact-wrap hr{background-color: #333;margin-top:40px;}
.form1{width:500px;height:48px;line-height:48px;border:1px solid #343434;position:relative;margin:0 auto;}
.form1 .searchkey{font:14px/48px 'Microsoft Yahei';color:#343434;border:none;width:450px;padding-left:10px;box-sizing:border-box;background:transparent;}
.form1 .btn-info{border:none;font-size:20px;color:#333;border-left:1px solid #343434;width:48px;height:48px;position:absolute;top:0;right:0;}
.contact-list li{height:40px;font-size:14px;line-height:40px;color:#333;text-align:center;}
.contact-list li i{font-size:20px;margin-right:5px;}
/*footer*/
#footer{padding-top:40px;height:140px;background:#333;font:14px/30px "microsoft yahei";color:#fff;}
#footer a{color:#fff;}
.fastlink a{margin-right:20px;}


.services{margin:50px 0 0;}
.services ul li{width:33.3%;height:300px;float:left;padding:0 20px;box-sizing:border-box;margin-bottom:20px;}
.services ul li a{display:block;height:100%;border:1px solid #ddd;box-sizing:border-box}
.services ul li div.icon{width:120px;height:100px;margin:0 auto;line-height:100px;text-align:center;}
.services ul li div.icon img{width:60px;}
.services ul li div.icon img:last-child{display:none;}
.services ul li h3{font-size:22px;margin:20px 0 12px;color:#333;text-align:center;font-family:'Microsoft Yahei';}
.services ul li div.box{padding:0 8px;}
.services ul li p{font:14px/24px 'Microsoft Yahei';color:#666;text-align:center;}
.services ul li p span{margin:0 5px;}
.services ul li:hover a{background:#5ac14c;}
.services ul li:hover div.icon img:first-child{display:none;}
.services ul li:hover div.icon img:last-child{display:inline-block;}
.services ul li:hover h3{color:#fff;}
.services ul li:hover p{color:#fff;}
/*custom*/
.index-custom{padding:40px 0;}
.index-custom .case-img{margin-top:40px;}
.index-custom .case-img dd{width:25%;float:left;text-align:center;padding:0 10px;box-sizing:border-box;}
.index-custom .case-img dd img{max-width:100%;}
.index-custom .case-img dd p{color:#666;font:14px/20px 'Microsoft Yahei';margin:10px 0 20px;}

.wap-menu{display:none;}
.closebtn{display:none;}
.pchidden{display:none;}
.wap-phone{display:block;position:absolute;right:20px;top:15px;cursor:pointer;font-family:futura;font-size:30px;}
.wap-phone font{color:#f00;}

/*fwxm*/
.index-fwxm{
	padding-top: 40px;
}
.index-fwxm h3{
	font-size: 20px;
    font-weight: bold;
    color: #ff9b00;
	margin-top: 20px;
    margin-bottom: 10px;
}
.index-fwxm p{
	font-size: 14px;
    line-height: 20px;
    color: #333;
}
.img-responsive{
	width: 100%;
}
.mt40{
	margin-top:40px;
}
/**wap***/
@media only screen and (max-width: 640px){
	.index-fwxm{
		padding: 20px 10px 0 10px;
		box-sizing: border-box;
	}
	.mt40{
		margin-top:20px;
	}
	
	.layui-col-space28{margin:0;}
	.pl70{padding-left:10px;}
	.swiper-container{height:180px;}
	.layui-container{padding:0;}
	.waphidden{display:none !important;}
	.pchidden{display:block;}
	.wap-menu{display:block;position:absolute;left:10px;top:15px;cursor:pointer;}
	.wap-phone{display:block;position:absolute;right:10px;top:15px;cursor:pointer;}
	.closebtn{display:block;width:50px;height:50px;position:absolute;left:250px;top:0;background:#333;text-align:center;line-height:50px;}
	.section{padding-top:30px;}
	
	.menu-wrap{height:60px;text-align:center;}
	.brand img{height:50px;margin-top:5px;}
	
	.nav{position:fixed;width:250px;height:100%;background:#fff;top:0;left:0;display:none;}
	.nav ul li{float:none;text-align:center;padding:0;position:relative;margin:0;}
	.nav ul li.active{border-radius:0;}
	.nav ul li a{display:block;padding:5px 16px;color:#666;font-size:14px;line-height:40px;}
	
	.index-custom .case-img dd{width:50%;}
	
	/*标题*/
	.index-tit{text-algn:center;}
	.index-tit span{display:block;font-size:16px;font-weight:bold;}
	.index-tit em{display:inline-block;font-size:14px;color:#444;}
	/*news*/
	.new-list{padding:0 5px;}
	.new-list ul li{margin-bottom:0;}
	.date{width:60px;}
	.date span{display:block;}
	.date span.day{font-size:13px;}
	.date span.ym{font-size:16px;}
	.news-info{padding-left:70px;}
	.news-info p{margin:0;}
	.news-info p.title{color: #333;font-size:15px;margin-bottom:5px;}
	.news-info p.desc{font-size: 13px; height: auto;}
	/*about*/
	.about-text{height:100%;font:12px/24px 'Microsoft Yahei';margin-top:10px;}
	.about-more{margin-top:30px;}
	
	.list ul{padding-top:25px;}
	.index-more{margin:20px auto;}
	/*why chose us*/
	.services{margin-bottom:0;}
	.services ul li{width:50%;height:220px;padding:0 5px;overflow:hidden;}
	.services ul li h3{font-size:16px;margin:10px 0 6px;}
	.services ul li p{font:12px/20px 'Microsoft Yahei';}
	.services ul li div.icon{width:80px;height:80px;border-radius:80px;line-height:80px;}
	.services ul li div.icon img{width:40px;}
	
	
	#about-img-wrap{display:none;}
	.mt120{margin-top:30px;}
	
	.layui-col-space30{margin:0;}
	.layui-col-space30>*{padding:10px;box-sizing:border-box;}
	
	.index-product{padding-top:40px;}
	.pr30,.pl30{padding:0;}
	
	.servicebox{height:200px;margin-bottom:20px;}
	.servicebox h3{font-size:16px;color:#333;margin-top:20px;}
	.servicebox p{width:200px;font-size:12px;light-height:28px;color:#777;margin-top:25px;}
	.text-r{display:none;}
	.form1{width:300px;}
	.form1 .searchkey{width:240px;}
	
	.contact-wrap{padding: 10px 0;margin-top:30px;}
	.form1{height:38px;line-height:38px;}
	.form1 .searchkey{font:14px/38px 'Microsoft Yahei';}
	.form1 .btn-info{font-size:20px;width:38px;height:38px;}

	#footer{font:13px/26px 'Microsoft Yahei';height:90px;padding: 20px 10px 0;}
	
}