@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6{ font-size:15px ; font-family: normal "微软雅黑";
font-weight: 100;
					}
body{
	margin: 0;padding: 0;
}
/*body*/

a{ color:#333; text-decoration: none}
.swiper-container {
    width: 100%;overflow: hidden;
   
} 
.swiper-container .swiper-slide{
	overflow: hidden;
}
.swiper-container img{
	width: 100%;
} 
.page1{
	text-align: left;
	padding-left:20px;
	position: absolute;
}
.page1 span{
	width: 6px;
	height: 6px;
	background: #FFFFFF !important;
	border:1px solid #ffffff;
	opacity: 1;
	position: relative;
	z-index: 5;
}
.page1 .swiper-pagination-bullet-active{
	background: #FF0000 !important;
}
.page1 .line{
	width: 30px;
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: 7px;
	left: 30px;
	z-index: 3;
}
/*about*/
.about{
	background: #f6f9ff ; overflow: hidden;
}
.about-box1{
	overflow: hidden; margin:5% auto; width: 100%;
}
.about-box1 .box-box{
	overflow: hidden; width: 50%; margin: 0 auto;
}
.about-box1 .box1-img img{
	float: left; margin: 6px 10px 10px 20%; width: 16%;
}
.about-box1 h2{
	 float: left; margin: 4% 0 0 0;padding: 0; line-height:20px; font-size: 1.2em;
}
.about-box1 .box1-h{
	overflow: hidden;float: left; width: 50%;
}
.box1-h h2{
	font-size: 1.0em !important;
}
.about-box1 h4{
	line-height: 12px;padding: 0; font-size: 12px;  float: left; margin: 0;
}
.about-box2{
	padding:  0 4%;
}
 .swiper2{
	  width:100%; 
}
.about .swiper2 img{
	width: 100%;
}
.swiper2 .swiper-pagination-bullet{
	height: 10px;width: 10px;display: inline-block;
	background: #FFFFFF;opacity: 0.3; margin: 20px;
}
.swiper2 .swiper-pagination-bullet-active{
   background: #FFFFFF;height: 10px;width: 10px;display: inline-block;
	background: #FFFFFF;opacity:1; margin: 20px;
}
.about-h3{
	color: #b2b2b2; text-align:center; letter-spacing: 4px; font-size: 0.6em;
	 line-height: 40px; margin: 5% 0；
}
/*service*/
.service{
	overflow: hidden; padding: 0 4%; position: relative;
}
.service-box1{
	overflow: hidden; margin:6% auto; width: 100%;
}
.service-box1 .box-box{
	overflow: hidden; width: 60%; margin: 0 auto;
}
.service-box1 .box1-img img{
		float: left; margin: 6px 10px 10px 20%; width: 18%;
}
.service-box1 .box1-h{
	overflow: hidden;float: left; width: 50%;
}
.service-box1 h2{
	float: left; margin:4% 0 0 0;padding: 0; line-height:24px; font-size: 1.2em;
}
.service-box1 h4{
	line-height: 12px;padding: 0; font-size: 12px;  float: left; margin: 0;
}
.service .box2{
	 width:100%; overflow: hidden;
}
.service .box2{
	background-image:url(../images/img/serviceIMG1@2x.png) ;background-repeat: no-repeat;
    background-position: 0;
	background-size: 100%;
	padding: 0 0 3%  0 ;
	margin: 26% auto 0; 
	height: 300px;
}
.service .box2 div{
	margin-top: 24%;
}
.service .box2 .box2-img{
	margin:0%  0  0 10%; width: 4%;
}
.service .box2 .box2-img1,.box2-img2{
	margin:4%  0  0 10% ;width: 4%;
}

.service .box2 .box2-h2{
	color: #fff;margin:1%  0  0 10% ;line-height: 20px; width:76%;letter-spacing: 1px;font-size: 0.6em;
}
.service .service-box3{
	position:absolute; left:20%; top:20%; width:60%; height:380px;z-index: 5 ;
	overflow: hidden;
}

.service-box3 .swiper3 { 
	width:100%;
}
.service-box3 .swiper3 img{
	width: 100%;height: 100%;position: relative;
}
.service .yuan{
	width: 100px; height: 100px;
	background: #fff ;opacity:0.6;
	border-radius: 50%;

	position: absolute;top: 7%; left:30%;z-index: 20;
}
.service .yuan h2{
	text-align: center;line-height: 10px ;font-size:0.4em;color: #333333; margin:2% 0 0 0 ;
}
.service .more{
	width:30%;height:10%;
	 margin: 5% 0 0 30%;
}
.service .gczxicon{
	width: 40%;
	height: 40%; margin: 10%  0 5% 28%;
}
 .prev1{
	 width: 5%; position: absolute;top: 31.5%;left: 10%;z-index: 6;outline:none
}
 .next1{
 	 width: 5%; position: absolute;top: 31.5%;left: 85%;z-index: 6;    outline:none
 }
/*工程案例*/
.case9{
	background: #f6f9ff ; overflow: hidden; margin:2% 0 0 0;
}
.case9-box1{
	overflow: hidden; margin:6% auto 0 ; width: 100%;
}
.case9-box1 .box-box{
	overflow: hidden; width: 60%; margin: 0 auto;
}
.case9-box1 .box1-img img{
	float: left; margin: 2px 8px 10px 20%; width: 16%;
}
.case9-box1 .box1-h{
	overflow: hidden;float: left; width: 54%;
}
.case9-box1 h2{
	 margin: 0;padding: 0; line-height:24px; font-size: 1.2em;
}
.case9-box1 h6{
	line-height: 12px;padding: 0; font-size:12px ;  float: left; margin: 0;
}
.case9-box2{
	
}
	.container{
		width: 100%;
		margin: 0 auto;
	}
	.container .menu-bar{
		position: fixed;
	    z-index: 10;
	    width: 100%;
	    opacity: 0.9;
	}

	.slide{
		width: 100%;
		min-height: 300px;
		overflow: hidden;
		position: relative;
	}
	.slide .img{
		
		position: absolute;
		transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	}
	.slide .img2{
		overflow: hidden;
	}
	.slide .img4{
		overflow: hidden;
	}
	.slide .img img{
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		margin: 7px;position: relative;
	}
	.slide h3{
		color: #4c4c4c; font-size: 1em;text-align: center;line-height: 20px; margin: 20px 0 10px; 
	
	}
	.slide h6{color: #808080;font-size: 0.4em; line-height: 20px;
	 letter-spacing: 4px;text-align: center ;  margin: 0; width: 100%;height: 59px;overflow: hidden;
	}
	.slide .img2{
		width:40%;
		height: 30%;
		top: 5%;
		left:2%;
		z-index: 2;
	}
	.slide .img3{
		width: 60%;
		height: 40%;
		top: 0%;
		left: 19%;
		z-index: 3;
	}
	.slide .img4{
		width: 40%;
		height: 30%;
		top: 5%;
		left:57%;
		z-index: 2;
	}

	.slide-bt{
		padding:  0 0 0 18px;
		position: absolute;
		left: 50%;
		bottom: 3%;
		z-index: 10;
		 margin:  0  0 0  10px;
	}
	.slide-bt span{
		width: 10px;
		height: 10px;
		background: #000000;
		float: left;
		margin:4PX ;
		border-radius: 5px;
		opacity: 0.1;
	}
	.slide .slide-bt .on{
		background: #000000;opacity: 0.3;
	}
	/*button{
		width: 20px;
		margin: 20px;
	}*/
/*新闻中心*/
.new{
	 overflow: hidden;
}
.new .swiper4{
	position: relative;
}
.new-box1{
	overflow: hidden; margin:6% auto 4%; width: 100%;
}
.new-box1 .box-box{
	overflow: hidden; width: 60%; margin: 0 auto;
}
.new-box1 .box1-img img{
		float: left; margin: 2px 10px 10px 20%; width: 16%;
}
.new-box1 .box1-h{
	overflow: hidden;float: left; width: 50%;
}
.new-box1 h2{
	 margin: 0;padding: 0; line-height:24px; font-size: 1.2em;
}
.new-box1 h4{
	line-height: 12px;padding: 0; font-size: 12px;  float: left; margin: 0;
}
.new-box2{
	padding:  0  4%; margin: 0 auto ;
}
.new-box2 h2{
	margin: 4px 0 0 0; 
	color: #999999; text-align: center; font-size: 0.8em; letter-spacing: 2px; line-height: 24px;
}
.swiper4 .page4{
	position: absolute;left: 0%; top:60%; z-index: 25;
}
.swiper4 .swiper-pagination-bullet{
	height: 10px;width: 10px;display: inline-block;
	background: #FFFFFF;opacity: 0.3; margin: 5%;
}
.swiper4 .swiper-pagination-bullet-active{
   background: #FFFFFF;height: 10px;width: 10px;display: inline-block;
	background: #FFFFFF;opacity:1; margin: 5%;
}
.new-box3{
	overflow: hidden; margin: 4% 4% ;
}
.companynews{
	text-align: center; width: 42%; border: 1.5px solid red; float: left;
}.companynews span{
	
	font-size:1.2em;color: red; line-height: 100%; letter-spacing:4px;line-height: 45px ;
}
.tradenews{
	text-align: center; width: 42%; border: 1.5px solid red;float:right;
}
.tradenews span{
	font-size:1.2em;color: red; line-height: 100%; letter-spacing:4px;line-height: 45px ;
}
/*人才招聘*/
.Recruit{
 overflow: hidden;
}
.Recruit-box1{
	overflow: hidden; margin:6% auto 4%; width: 100%;
}
.Recruit-box1 .box-box{
	overflow: hidden; width: 60%; margin: 0 auto;
}
.Recruit-box1 .box1-img img{
		float: left; margin: 2px 10px 10px 20%; width: 16%;
}
.Recruit-box1 .box1-h{
	overflow: hidden;float: left; width: 50%;
}
.Recruit-box1 h2{
	 margin: 0;padding: 0; line-height:24px; font-size: 1.2em;
}
.Recruit-box1 h4{
	line-height: 14px;padding: 0; font-size: 12px;  float: left; margin: 0;
}
.Recruit-box2{
	width: 80%; margin: 0 auto;
}
.Recruit-box2 .word{
	 position: absolute;left: 20%; top: 15%;z-index: 30; width: 60%;
}
.Recruit-box2 .word h1{	
	 color: #fff;font-size:1.2em;margin: 5% 0 0 0 ;
}
.Recruit-box2 .xian{width: 6%;  margin: 3% 0; display: block; 
}
.Recruit-box2 .word p{
	line-height: 14px; color: #fff;font-size: 0.4em; letter-spacing: 1px; margin: 3% 0 0 ;
}
.Recruit-box2 .more1{
	 width:20%; margin: 2%  0 4% ;
}



.page5{
	text-align: left;
	padding-left: 15%;
}
.page5 span{
	width: 4px;
	height: 4px;
	background: #FFFFFF !important;
	border:1px solid #ffffff;
	opacity: 1;
	position: relative;
	z-index: 5;
}
.page5 .swiper-pagination-bullet-active{
	background: #FF0000 !important;
}
.page5 .line1{
	width:28px;
	height: 2px;
	background: #ffffff;
	position: absolute;
	bottom: 6px;
	left:15%;
}