@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
html{overflow-x:hidden;color:#666666;background-color:#FFFFFF}
body,div,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,form{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Arial,"\5b8b\4f53",sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;}
ul,ol{list-style:none}

a:link,a:visited {text-decoration:none;color:#666666}
a:hover {color:#F02A2B;text-decoration:underline;}

.wp-hd{width:100%;height:92.5px;background-color:#202020;padding-top:27.5px}
.wp-bd{width:1170px;margin:0 auto;position:relative}
.wp-m{width:1170px;margin:0 auto}
.logo{height:65px;background:url(logo.png) no-repeat left center;padding-left:180px;color:#FFF;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.hd-tel{position:absolute;right:340px;top:0px;background:url(8q8j.png) no-repeat left center;padding-left:52px;color:#FFF;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px}
.hd-search{position:absolute;right:40px;top:14px;width:260px;height:38px}
.hd-nav{width:100%;height:50px;-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:99;background-color:#F02A2A;position:relative}

.hd-nav ul li{float:left;position:relative;cursor:pointer;text-align:center;}
.hd-nav ul li a:link,.hd-nav ul li a:visited{float:left;color:#FFFFFF;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;height:50px;text-decoration:none;line-height:50px;text-align:center;width:167px;font-weight:bold}
.hd-nav ul li:hover a,.hd-nav ul li a:hover{background-color:#CC2F2F;text-decoration:none}
.nov{background-color:#CC2F2F !important;}

.hd-nav ul li ul{display:none}
.hd-nav ul li:hover ul {display:block;position:absolute;top:50px;left:0px;width:100%;}
.hd-nav ul li ul li {float:left;display:inline;margin-top:1px;width:100%;}
.hd-nav ul li ul li a:link,.hd-nav ul li ul li a:visited {font-size:12px;width:100%;padding:0px;background:#F02A2A;font-weight:normal;line-height:normal;text-decoration:none;text-align:center;height:28px;line-height:28px;}
.hd-nav ul li ul li:hover,.hd-nav ul li ul li a:hover {font-size:12px;font-weight:normal;background:#CC2F2F;line-height:normal;text-decoration:none;text-align:center;line-height:28px;height:28px;color:#FFFFFF}


.aul{margin-left:97px}
.nul{margin-left:650px}

.eaul{margin-left:15px}
.enul{margin-left:600px}

.slider{position:relative;z-index:2}
.slogan{position:absolute;top:50%; width:100%;height:212px;margin-top:-106px;text-align:center}
#html5zoo-1{width:100%}

.column-list ul{margin-top:50px}
.column-list li{float:left;position:relative;z-index:1;width:390px;height:320px;overflow:hidden}
.column-title{
	display:flex;position:absolute;top:0px;left:45px;width:100%;height:100%;z-index:2;
	opacity:1;
	text-decoration:none
}
.column-title p{width:100%;font-size:30px;color:#FFFFFF;align-self:center;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.column-list li img{
	position:absolute;top:0px;left:0px;z-index:1;
	width:100%;height:100%;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear
}
.column-list  li:hover img{
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
	top:20px;
}

.about{margin-top:80px;}
.about-title{text-align:center;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.about-content{padding-top:50px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}

a.about-more:link,a.about-more:visited {display:inline-block;width:120px;height:50px;line-height:50px;text-decoration:none;color:#666666;font-family:"\5FAE\8F6F\96C5\9ED1";border:1px solid #CCCCCC;text-align:center;font-size:14px}
a.about-more:hover {color:#FFFFFF;background-color:#F02A2A;border:1px solid #F02A2A;}

.product{margin-top:80px}
.product-title{text-align:center;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}

.product ul{margin-top:40px}
.product li{float:left;text-align:center;margin:10px 6px 10px 6px;}
.product li a:link,.product li a:visited{display:inline-block;border:1px solid #DDDDDD;position:relative;z-index:1;width:225px;height:210px;font-size:14px;overflow:hidden}

.product a:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.product li p{width:280px;text-align:center;margin-top:10px;margin-bottom:10px;word-wrap:break-word;font-size:14px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}

.advantage{margin-top:60px;background:url(pic12.jpg) no-repeat center center;height:430px;padding-top:80px}
.advantage-title{text-align:center;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}

a.contact-more:link,a.contact-more:visited {display:inline-block;width:120px;height:50px;line-height:50px;text-decoration:none;color:#FFFFFF;font-family:"\5FAE\8F6F\96C5\9ED1";border:1px solid #9EA09F;text-align:center;font-size:14px}
a.contact-more:hover {color:#FFFFFF;background-color:#F02A2A;border:1px solid #F02A2A;}


.service{margin-top:80px}
.service li{display:inline-block;height:123px;margin-left:25px;margin-right:25px;color:#FFFFFF;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:16px;padding-top:30px}
.service li.s1{background:url(pic10.jpg) no-repeat 0 0}
.service li.s2{background:url(pic11.jpg) no-repeat 0 0}

.conatct{margin-top:80px;background-color:#F2F2F2;height:365px;padding-top:35px}
.conatct ul{width:1015px;margin:0 auto}
.conatct li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;border-bottom:1px solid #E1E1E1}
.conatct li a:link,.conatct li a:visited{float:left;color:#666666;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;height:50px;text-decoration:none;line-height:50px;text-align:center;width:145px}
.conatct li:hover a,.conatct li a:hover{color:#CC2F2F;text-decoration:none}

.conatct p{font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.bdsharebuttonbox{text-align:center; width:143px; margin:20px auto}

.wp-ft{height:80px;line-height:80px;text-align:center; background-color:#E6E6E6}

.content{margin-top:60px;min-height:400px}

.left-type{float:left;width:240px;margin-right:25px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.left-type ul{background:url(gywm_bg.jpg) repeat 0 0}
.left-type ul li a:link, .left-type ul li a:visited{
    display:block;
	text-align:left;
	width:185px;
	padding-left:25px;
	color:#333333;
	font-family:Arial,"\5FAE\8F6F\96C5\9ED1";
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	background:url(pro_ic2.png) no-repeat 10px center
}
.left-type ul li a:hover{
	background:url(pro_ic2h.png) no-repeat 10px center;
	color:#FF9C09;
	text-decoration:none
}
.left-type ul li{
    position:relative;z-index:9
}
.left-type ul li ul{
    display:none;
    top:0px;
    width:210px;
    position:absolute;
    left:211px;
	background:url(gywm_bg.jpg) repeat 0 0;
	z-index:9
}
.left-type ul li:hover ul{
    display:block;
}
.left-type ul li ul li a:link, .left-type ul li ul li a:visited{
    display:block;
    text-align:left;
	width:210px;
	padding-left:25px;
	color:#333333;
	font-family:Arial,"\5FAE\8F6F\96C5\9ED1";
	font-size:14px;
	text-decoration:none;
	background:none
}
.left-type ul li ul li a:hover{
    background:none;
	color:#FF9C09;
	text-decoration:none
}

.right-pro{float:left;width:905px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
.location{background:url(right_wz.png) no-repeat left center;border-bottom:#D9D9D9 solid 1px;font-size:14px;height:60px;line-height:60px;padding-left:32px}
.right-pro ul{margin-top:20px}
.right-pro ul li{float:left;z-index:2;position:relative;text-align:center;padding:10px;border:1px solid #DDDDDD;margin-left:25px;margin-right:25px;margin-bottom:30px}
.right-pro ul li a:link,.right-pro ul li a:visited{float:left;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;width:225px;text-decoration:none;line-height:23px;text-align:center;height:240px}
.right-pro ul li:hover a,.right-pro ul li a:hover{text-decoration:none;color:#F02A2A}

.product-view{width:720px;margin:50px auto;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px}

.AZoom{
	display:block;
	max-width:265px;
	max-height:183px;
	width:expression(this.width > 265 && this.width > this.height ? 265 : true);
    height:expression(this.height > 183 ? 183 : true);
	display: inline-block; vertical-align: middle;
}

.PageNo{margin:0 auto;text-align:center;padding-top:30px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight:100;margin:2px;border:1px solid #787878;padding:5px;color:#323232;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#F02A2A}
.PageNo span{margin:2px;padding:5px;border:1px solid #787878;font-weight:100;color:#787878;}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}