@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
html{overflow-x:hidden;color:#333333;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:#333333}
a:hover {color:#ED1A23;text-decoration:underline;}

.font-color1{color:#FFFFFF;}

.wp-hd{-moz-box-shadow:0px 5px 10px #5B5756;-webkit-box-shadow:0px 5px 10px #5B5756;box-shadow:0px 5px 10px #5B5756;height:153px;-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:99;opacity:1;width:100%;overflow:hidden;top:0}
.hd-bar{height:33px;padding-top:11px;background-color:#333333;color:#FFFFFF}
.wp-bd{width:1150px;margin:0 auto;position:relative}

.hd-nav{height:1009px;background-color:#FFFFFF}
.logo{float:left;height:60px;background:url(logo.png) no-repeat left center;padding-left:205px;padding-top:29px}
.nav-link{float:right;}
.nav-link li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;}
.nav-link li a:link,.nav-link li a:visited{float:left;color:#666666;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:16px;padding-left:15px;padding-right:15px;height:109px;text-decoration:none;line-height:109px;text-align:center;}
.nav-link li:hover a,.nav-link li a:hover{color:#FFFFFF;background-color:#ED1A23;text-decoration:none}

#html5zoo-1{margin-top:153px;width:100%}

.topbg{margin-top:153px;width:100%}

.wp-search{height:59px;background-color:#000000;line-height:59px}

.product-type li{float:left;text-align:center;margin:30px 15px 30px 15px}
.product-type li a:link,.product-type li a:visited{display:inline-block;font-size:14px;position:relative;z-index:1;width:350px;color:#373737}
.product-type li:hover a,.product-type li a:hover{color:#ED1A23;text-decoration:none}

.about{padding-bottom:30px}
.about-content{padding-top:30px}
.about-content a:link,.about-content a:visited{display:block;text-align:center;width:160px;height:37px;line-height:37px;text-decoration:none;background-color:#EE4548;color:#FFFFFF}
.about-content a:hover{color:#FFFFFF;background-color:#D21416;text-decoration:none;}

.wp-c{background-color:#404040;height:158px;padding-top:98px}
.wp-c li{float:left;color:#FFFFFF;font-size:16px;height:60px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";padding-left:35px; width:30%}
.wp-c li img{float:left;padding-right:25px}
.wp-c li p{float:left;height:60px;line-height:60px}

.product-list{padding-top:30px}
.product-list li{float:left;text-align:center;margin:30px 11px 30px 11px;border-bottom:1px dashed #cccccc}
.product-list li a:link,.product-list li a:visited{display:inline-block;position:relative;z-index:1;width:265px}

.product-list li p{width:265px;text-align:center;margin-top:10px;margin-bottom:10px;word-wrap:break-word}

.product-more{width:160px;margin:30px auto}
.product-more a:link,.product-more a:visited{display:block;text-align:center;width:160px;height:37px;line-height:37px;text-decoration:none;background-color:#EE4548;color:#FFFFFF}
.product-more a:hover{color:#FFFFFF;background-color:#D21416;text-decoration:none;}


.ft-contact{height:263px;}

.content{padding-bottom:40px;font-size:14px;min-height:300px}
.pnav{height:46px;margin:30px auto 0;background-color:#000000;}
.pnav li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;}
.pnav li a:link,.pnav li a:visited{float:left;color:#FFFFFF;height:33px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;padding-left:15px;padding-right:15px;height:46px;text-decoration:none;line-height:46px;text-align:center}
.pnav li:hover a,.pnav li a:hover{color:#FFFFFF;background-color:#FF0000;text-decoration:none}

.pnav li ul{display:none}
.pnav li:hover ul{position:absolute;left:0;top:46px;width:100%;display:block}
.pnav li ul li{float:none;width:100%}
.pnav li ul li a:link,.pnav li ul li a:visited{float:left;color:#FFFFFF;height:33px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;padding-left:15px;padding-right:15px;height:46px;background-color:#000000;text-decoration:none;line-height:46px;text-align:center;width:100%;box-sizing:border-box}
.pnav li ul li a:hover{color:#FFFFFF;background-color:#FF0000;text-decoration:none}

.epnav{margin-top:30px;background-color:#000000;}
.epnav li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;}
.epnav li a:link,.epnav li a:visited{float:left;color:#FFFFFF;height:33px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;padding-left:15px;padding-right:15px;height:46px;text-decoration:none;line-height:46px;text-align:center}
.epnav li:hover a,.epnav li a:hover{color:#FFFFFF;background-color:#FF0000;text-decoration:none}

.epnav li ul{display:none}
.epnav li:hover ul{position:absolute;left:0;top:46px;width:100%;display:block}
.epnav li ul li{float:none;width:100%}
.epnav li ul li a:link,.epnav li ul li a:visited{float:left;color:#FFFFFF;height:33px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;padding-left:15px;padding-right:15px;height:46px;background-color:#000000;text-decoration:none;line-height:46px;text-align:center;width:100%;box-sizing:border-box}
.epnav li ul li a:hover{color:#FFFFFF;background-color:#FF0000;text-decoration:none}

.pov{color:#FFFFFF !important;background-color:#FF0000 !important;}

.product-view{width:100%;padding:40px 0 40px 0;}

a.btn-contact:link,a.btn-contact:visited {display:block;text-align:center;width:160px;height:36px;line-height:36px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;color:#FFFFFF;background-color:#EE4547}
a.btn-contact:hover {color:#FFFFFF;text-decoration:none;background-color:#D21416}

.ft-nav{background-color:#333333;color:#878787;font-size:14px;padding-bottom:20px;}
.ft-nav li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;width:50%}
.ft-nav li a:link,.ft-nav li a:visited{float:left;color:#666666;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;height:39px;text-decoration:none;line-height:39px;text-align:left;}
.ft-nav li:hover a,.ft-nav li a:hover{color:#ED1A23;text-decoration:none}


.copyright{background-color:#000000;height:46px;line-height:46px;font-size:14px;color:#666666}

.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;
}
.BZoom{
	display:block;
	max-width:500px;
	width:expression(this.width > 500 && this.width > this.height ? 500 : true);
	display:inline-block;vertical-align:middle;
}

@keyframes flipOutBig{
	from{
		transform: scale(0);
    } 
    to{
	    transform: scale(1);
    } 
}
.flipOutBig{animation: flipOutBig 1.2s linear 100ms alternate none running}

.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:#ED1A23}
.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}
