@charset "utf-8";
/* CSS Document */
/*.body{ background:#fafafa;}*/
body {
font: normal 100% Helvetica, Arial, sans-serif;min-width:1200px;
}
/*top*/
.clear{ clear:both;}
.topbg{ width:100%;
		height:auto;
		margin:30px auto;
		}
.top{ max-width:90%;
	  height:auto;
	  margin:0 auto;
	  }
.logo{ width:35%;
	   height:auto;
	   float:left;
	   }
.TopR{ width:65%;
	   height:57px;
	   float:right;
	   margin-top:16px;
	   }
.Navbox{ width:90%;
		 height:42px;
		 float:left;
		 }
.navul{ width:100%;
		height:42px;
		display:block;
		}
.navul > li{ width:14.2%;
		   height:42px;
		   line-height:42px;
		   float:left;
		   display:block;
		   text-align:center;
		   font-size:0.9em;
		   color:#333333;
		   position:relative;
		   }
.navul > li:hover{ background:url(../images/navcur.png) center bottom no-repeat;}
.navul > li a{ color:#333333;}
.navul > li.cur{ background:url(../images/navcur.png) center bottom no-repeat;}
.navul > li .xialaul{ width:200%;
				      height:auto;
					  display:none;
					  position:absolute;
					  background:rgba(85,80,79,0.1);
					  left:-50%;
					  z-index:9999;
					  }
.navul > li:hover .xialaul{ display:block;}
.navul > li .xialaul li{ width:100%;
						 line-height:40px;
						 text-align:center;
						 display:block;
						 float:left;
						 font-size:14px;
						 height:40px;
						 }
.navul > li .xialaul li a{ color:#555555;}
.navul > li .xialaul li:hover{ background:#555555;}
.navul > li .xialaul li:hover a{ color:#FFFFFF; display:block;}
.navul ul li ul{display:none;position: relative;left: 196px;width: 200px;top:-40px;}
.navul ul li ul li{height:40px;background: rgba(85,80,79,0.1);}
.navul ul li ul li:hover{ background:#555555;}
.navul ul li ul li:hover a{ color:#FFFFFF; display:block;}



.language{ width:9%;
		   height:34px;
		   line-height:34px;
		   float:left;
		   background:#e5e5e5 url(../images/sanjiao.png) right center no-repeat;
		   margin:4px 0px;
		   text-align:center;
		   font-size:0.875em;
		   position:relative;
		   padding-right:1%;
		   }
.English{ width:100%;
		  height:34px;
		  line-height:34px;
		  text-align:center;
		  font-size:0.875em;
		  position:absolute;
		  top:34px;
		  left:0px;
		  display:none;
		  background:#eeeeee;
		  }

.language:hover .English{ display:block;}
.language a ,.English a{ color:#333333; display:block; cursor:pointer}

.bannerbg{ width:100%;
		   height:500px;
		   margin:0 auto;
		   }

.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:4500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.san{ width:auto;
	  height:428px;
	  margin:25px auto;
	  }
.sanul{ width:auto;
        height:auto;
		margin:auto;
		display:block;
		}
.sanul li{ width:33.3%;
		   height:428px;
		   float:left;
		   display:block;
		   position:relative;
		   overflow:hidden;
		   }
.coverbg{ width:100%;
		  height:100%;
		  position:absolute;
		  top:0px;
		  left:0px;
		  background:rgba(0,0,0,0.4);
		  display:none;
		  }
.sanul li:hover .coverbg{ display:block;}

.ph1{ padding:10%;
	  height:60px;
	  line-height:60px;
	  font-size:1.8em;
	  color:#FFFFFF;
	  z-index:9999;
	  }
.ph1_text{ padding:0% 10%;
		   line-height:36px;
		   color:#FFFFFF;
		   z-index:9999;
		   font-size:0.9em;
		   }
.ph1_text a{ color:#FFFFFF;}

.ph1_more{ width:136px;
		   height:38px;
		   line-height:38px;
		   border:solid 1px #FFFFFF;
		   border-radius:6px;
		   margin:10% 10%;
		   font-size:0.875em;
		   text-align:center;
		   }
.ph1_more a{ color:#FFFFFF; display:block;}

.yangpinbg{ width:100%;
	        height:auto;
			margin:0 auto;
			}
.yp_tit{ width:100%;
		 height:62px;
		 margin:0 auto;
		 text-align:center;
		 margin:20px 0px;
		 }
		

.ypbg{ width:100%;
	   height:auto;
	   margin:0 auto;
	   background:url(../images/yangpinbg.jpg) center top;
	   background-attachment: fixed;
	   padding-top:24px;
	   background-size: 100% 100%;
	   }
.yp_tit2{ width:100%;
		 height:110px;
		 margin:0 auto;
		 text-align:center;
		 margin:20px 0px;
		 }
.yangpin{ width:88%;
		  margin:0 auto;
		  padding:2% 6% 0 6%;
           }

.ypul{ width:100%;
	   height:auto;
	   margin:0 auto;
	   }
.ypul li{ width:33.3%;
		  height:272px;
		  display:block;
		  float:left;
		  }

#wrapper {
	max-width:100%;
	width:100%;
	margin:0px auto;
	margin-top:10px;
}


/* main_img */
.main_img{
    height:100%;
    width: 100%;
	overflow:hidden;
	position: relative;
}
.main_img img{
	height:100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);
    height:100%;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 200;
	
}
.main_img .show .imgArea {
    left: 60%;
	bottom:0;
    margin:-10% 0px 0px -20%;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	overflow:hidden;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 0.9em;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover  .show .Tit{ margin:24% 20% ;
					         line-height:48px;
							 text-align:center;
							 background:url(../images/index6_15.png) left bottom repeat-x;
							 font-size:1.2em;
							 }
.main_img:hover  .show .Tit a{ color:#FFFFFF;
							 }
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);top:80%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.liaojie { text-align:center; line-height:60px;}
.liaojie a { font-size:1.1em;
		   color:#0067ff;
		   font-weight:bolder;}
		   
		   
.contactbg{ width:100%;
		    height:auto;
			margin:0 auto;
			background:url(../images/contactbg.jpg) center top no-repeat;
			padding-top:10px;
			}
.icon{ width:60%;
	   height:auto;
	   padding:36px 10%;
	   margin:auto;
	   }
.iconul{ width:100%;
		 height:auto;
		 display:block;
		 overflow:hidden;
		 margin:auto;
		 }
.iconul li{ width:50%;
		    height:34px;
			line-height:34px;
			float:left;
			font-size:1em;
			}
.iconul li img{ width:auto;
			    height:auto;
				float:left;
				padding:4px;
				}
				
.link{ width:83%;
	   height:auto;
	   margin:0 auto;
	   text-align:center;
	   }
.link a{ padding:0px 14px;
		 line-height:36px;
		 color:#333333;
		 font-size:1em;
		 }
.banquan{ width:100%;
		  height:76px;
		  line-height:76px;
		  text-align:center;
		  background:#6B6B6B;
		  font-size:1em;
		  color:#FFFFFF;
		  
		  }
		  
		  
		  
		  



.advantage {
    float: left;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    min-width: 1200px;
    background: #eee;
    margin-top: 10px;
    overflow: hidden;
}
.advantage {
    float: left;
    width: 100%;
    overflow: hidden;
}
.homeproli {
    margin: 0 auto;
    padding: 40px 0 0 0px;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}
.homeproli .protitle {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: 100px;
    overflow: hidden;
    position: relative;
}
.homeproli .protitle .titlebox {
    height: 100px;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.advantage .advantage_box {
    margin: 0px auto;
    width: 1200px;
    height: auto;
    background: #eee;
    overflow: hidden;
}
.advantage .advantage_box ul {
    float: left;
    width: 100%;
    line-height: 23px;
    font-size: 12px;
    overflow: hidden;
    padding-left: 60px;
}
.advantage .advantage_box ul li {
    float: left;
    width: 260px;
    font-size: 12px;
    overflow: hidden;
    margin: 0px 6px;
    overflow: hidden;
    border: 1px solid #eee;
}
.advantage .advantage_box ul li a {
    float: left;
    width: 255px;
    margin: 0px 0px 50px 0px;
    font-size: 12px;
    overflow: hidden;
    transform: scale(0.99,0.99);
    border: 1px solid #eee;
    transition: all 0.50s ease 0s;
    -moz-transition: all 0.50s ease 0s;
    -khtml-transition: all 0.50s ease 0s;
    -webkit-transition: all 0.50s ease;
}
.advantage .advantage_box ul li .serviceimg {
    float: left;
    width: 100%;
    margin: 20px 20px 20px 50px;
}
.advantage .advantage_box ul li .ser_title {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #1b1b1b;
    text-align: center;
}
.advantage .advantage_box li .ser_intr {
    float: left;
    width: 92%;
    margin: 0px 3%;
    font-size: 14px;
    color: #434343;
    text-align: center;
    line-height: 20px;
}
.advantage .advantage_box li .ser_intr {
    float: left;
    width: 92%;
    margin: 0px 3%;
    font-size: 14px;
    color: #434343;
    text-align: center;
    line-height: 20px;
}
.advantage .advantage_box ul li .ser_img {
    float: left;
    width: 150px;
    height: 150px;
    margin: 0px auto;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    overflow: hidden;
}
.advantage .advantage_box ul li .ser_img img {
    width: 90px;
    height: 90px;
    line-height: 150px;
    display: block;
    margin: 30px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
} 
		  
	/*main css*/
.izl-rmenu{position:fixed; right: 1%; margin-left:532px; bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
#wap_qq{display: none;}
/*banner*/