@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
html{overflow-x:hidden;color:#12212F;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:#12212F;}
a:hover {color:#12212F;text-decoration:underline;}

a.font-color1:link,a.font-color1:visited {text-decoration:none;font-size:14px;color:#333333;font-family:"\5FAE\8F6F\96C5\9ED1";}
a.font-color1:hover {color:#333333;}

a.font-color2:link,a.font-color2:visited {text-decoration:none;font-size:13px;color:#B2B2B2;font-family:"\5FAE\8F6F\96C5\9ED1";}
a.font-color2:hover {color:#2C90FF;}

.top-bar{background-color:#12212F;height:70px}
.wp-bd{width:1150px;margin:0 auto;position:relative}
.nav-link{float:right;margin-top:12px;margin-right:50px}
.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:#FFFFFF;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;padding-left:30px;padding-right:30px;height:46px;text-decoration:none;line-height:46px;text-align:center;}
.nav-link li:hover a,.nav-link li a:hover{color:#12212F;background-color:#FFAE00;text-decoration:none}
.nov{color:#12212F !important;background-color:#FFAE00 !important;}

@-webkit-keyframes flipOutY{
	from{
		-webkit-transform:perspective(400px) rotateY(180deg);
    } 
    to{
	    -webkit-transform:perspective(400px) rotateY(0deg);
    } 
}
@-moz-keyframes flipOutY{
	from{
		-moz-transform:perspective(400px) rotateY(180deg);
    } 
    to{
	    -moz-transform:perspective(400px) rotateY(0deg);
    } 
}
@-ms-keyframes flipOutY{
	from{
		-ms-transform:perspective(400px) rotateY(180deg);
    } 
    to{
	    -ms-transform:perspective(400px) rotateY(0deg);
    } 
}
@-o-keyframes flipOutY{
	from{
		-o-transform:perspective(400px) rotateY(180deg);
    } 
    to{
	    -o-transform:perspective(400px) rotateY(0deg);
    } 
}
@keyframes flipOutY{
	from{
		transform:perspective(400px) rotateY(180deg);
    } 
    to{
	    transform:perspective(400px) rotateY(0deg);
    } 
}
.bd-nav li{float:left;text-align:center;line-height:20px;width:237px;margin-left:25px;margin-right:25px;margin-bottom:60px}

.bd-nav p{color:#666666;font-size:13px;line-height:20px;font-family:"\5FAE\8F6F\96C5\9ED1";}

.product-type li{float:left;text-align:center;margin:0 10px 20px 10px;width:210px;overflow:hidden}
.product-type li a:link,.product-type li a:visited{display:inline-block;position:relative;z-index:1;width:210px}
.product-content{width:100%;padding-top:8px;line-height:21px}

.product-type .product-name{display:none}
.product-type a:hover .product-name{
	display:block;position:absolute;top:0px;left:0px;width:210px;height:210px;
	background-color:#FFAE00;opacity:0.8;filter:Alpha(opacity=80);
	display:flex;
}
.product-name p{width:100%;font-size:14px;color:#FFFFFF;align-self:center;align-self:center;}

.about{background:url(nbg_2.jpg) no-repeat center center;height:465px;margin-top:50px;margin-bottom:50px}
.about a:link,.about a:visited{display:block;text-align:center;border:1px solid #12212F;width:148px;height:43px;line-height:43px;text-decoration:none;margin-top:30px}
.about a:hover{color:#FFFFFF;background-color:#12212F;text-decoration:none;}

.about-load{
	-webkit-animation: flipOutY 0.7s linear 100ms alternate none running; 
    -moz-animation: flipOutY 0.7s linear 100ms alternate none running; 
    -ms-animation: flipOutY 0.7s linear 100ms alternate none running; 
    -o-animation: flipOutY 0.7s linear 100ms alternate none running; 
    animation: flipOutY 0.7s linear 100ms alternate none running
}
.content{padding-top:25px;padding-bottom:25px;font-size:14px;min-height:300px}

.pnav li{float:left;z-index:2;position:relative}
.pnav li a:link,.pnav li a:visited{float:left;width:260px;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;height:46px;text-decoration:none;line-height:46px;background:url(nav001.jpg) no-repeat center center; padding-left:10px;}
.pnav li:hover a,.pnav li a:hover{color:#FFAD01;background:url(nav002.jpg) no-repeat center center;text-decoration:none}

.pov{color:#FFAD01 !important;background:url(nav002.jpg) no-repeat center center !important;}



.product-list li{float:left;text-align:center;margin:0 10px 20px 10px; width:190px;}
.product-list li a:link,.product-list li a:visited{display:inline-block;position:relative;z-index:1;width:190px}
.product-list li p{width:100%;text-align:center;margin-top:8px;color:#5A5A5A}

.product-view{width:100%}

.footer{height:70px;background:#000000;border-top:1px solid #202020}

.jsorder{position: fixed; z-index:99999;bottom: 30px;right: 0px;}
.jsorder .left{float: left;width:19px;background: #545454;font-size:14px;text-align:center;cursor: pointer;color: white;padding: 3px;}
.jsorder .right{padding: 5px;float: right;width: 200px;background: white;border: #545454 5px solid;display: none;min-height: 100px;border-left: #545454 2px solid;}
.jsorder .right li{line-height: 18px;border-bottom: 1px silver dashed;padding: 5px 0px 5px 5px;text-align: left;}
.jsorder .button{width: 100px;height: 27px; line-height:27px; background:#545454; color:#fff; border:1px solid #ccc; text-align:center;display: block;margin: 12px auto 3px;}
.jsorder .right li b{color: #00A0E9}
.jsorder .right li span.add{background: url("bt.png");width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}
.jsorder .right li span.sub{background: url("bt.png") 0px 22px;width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}
.jsorder .right li span.del{background: url("bt.png") 0px 11px;width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}

a.jsorderadd:link,a.jsorderadd:visited {text-decoration:none;color:#e53922;}
a.jsorderadd:hover {color:#e53922;text-decoration:underline;}

#list{line-height:32px;font-size:14px;font-weight:100;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";}
#list i{display:inline-block;width:100px}
#list dd i{text-indent:5px;}
#list b{display:inline-block;font-weight:100;width:280px}
#list em{display:inline-block;width:100px}

.input-text{border:1px solid #ccc;border-radius:5px;box-shadow:#ccc 0px 2px 2px 1px inset;padding:5px;background:#EDEDED}

.add{background:url(cg_add.gif) no-repeat left center;width:60px;height:20px;line-height:24px;padding-left:26px;padding-right:4px;cursor:pointer}
.del{background:url(cg_del.gif) no-repeat left center;width:60px;height:20px;line-height:24px;padding-left:26px;padding-right:4px;cursor:pointer}

.AZoom{
	display:block;
	max-width:210px;
	max-height:210px;
	width:expression(this.width > 210 && this.width > this.height ? 210 : true);
    height:expression(this.height > 210 ? 210 : true);
	display:inline-block;vertical-align: middle;
	border:1px solid #F6F6F6
}

.BZoom{
	display:block;
	max-width:190px;
	max-height:190px;
	width:expression(this.width > 190 && this.width > this.height ? 190 : true);
    height:expression(this.height > 190 ? 190 : true);
	display:inline-block;vertical-align: middle;
	border:1px solid #F6F6F6
}
.CZoom{
	display:block;
	max-width:800px;
	width:expression(this.width > 800 && this.width > this.height ? 800 : true);
	display:inline-block;vertical-align: middle;
}

.PageNo{margin:0 auto;text-align:center;padding-top:20px;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:#12212F;}
.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}