@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;}
body{background:url(../images/gywm_bg.jpg) repeat 0 0}
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:#23ABDF;text-decoration:underline}

.top-bar{-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;background:url(../images/tbg.png) no-repeat center center;height:132px}
.wp-bd{width:1125px;margin:0 auto;position:relative}

.logo{float:left;height:56px;width:250px;background:url(../images/logo.png) no-repeat left center;height:100px;margin-left:20px}

.nav-link{float:right;margin-right:85px}
.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:16px;width:90px;margin-left:6px;margin-right:6px;height:132px;text-decoration:none;line-height:117px;text-align:center;}
.nav-link li:hover a,.nav-link li a:hover{color:#FFFFFF;background:url(../images/nov.png) no-repeat 0 0;text-decoration:none}

.enav-link{float:right;margin-right:85px}
.enav-link li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;}
.enav-link li a:link,.enav-link li a:visited{float:left;color:#FFFFFF;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;width:90px;margin-left:6px;margin-right:6px;height:132px;text-decoration:none;line-height:117px;text-align:center;}
.enav-link li:hover a,.enav-link li a:hover{color:#FFFFFF;background:url(../images/nov.png) no-repeat 0 0;text-decoration:none}

.ov-nav{background:url(../images/nov.png) no-repeat 0 0 !important;}

.lang{position:absolute;right:30px;top:45px}

#html5zoo-1{margin-top:117px;width:100%}

.products{margin-top:30px}
.new-product{}

.product-search{float:left;text-align:left;width:885px;height:50px;line-height:50px;color:#FFFFFF;font-size:16px;background:#DB261F url(../images/search.png) no-repeat 25px center;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";padding-left:60px}

.product-search2{text-align:left;height:50px;line-height:50px;color:#FFFFFF;font-size:16px;background:#DB261F url(../images/search.png) no-repeat 25px center;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";padding-left:60px}

.product-scroll{height:150px;overflow:hidden;padding-top:25px;padding-bottom:25px;padding-left:15px;}
.product-scroll ul{width:10000%}
.product-scroll li{float:left;display:inline-block;padding-left:10px;padding-right:10px;width:200px;height:150px;overflow:hidden;}

.product-type{margin-top:70px}
.line{height:1px;border-top:1px solid #F5F5F5;text-align:center}
.type-name{margin-top:50px;display: flex;justify-content: space-between}
.type-name li{position:relative;cursor:pointer;text-align:center;width:12.5%;}
.type-name li a:link,.type-name li a:visited{float:left;color:#333333;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";background:url(../images/point.png) no-repeat center top;padding-top:19px;font-size:14px;width:100%;height:31px;text-decoration:none;line-height:31px;text-align:center;}
.type-name li:hover a,.type-name li a:hover{color:#DA251D;text-decoration:none}

.nt{position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.nt1{position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

.left-type{float:left;width:175px;margin-right:20px}
.left-type li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;width:175px;background-color:#F5F5F5}
.left-type li a:link,.left-type li a:visited{float:left;color:#333333;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";background:url(../images/arrow1.png) no-repeat 15px center;padding-left:45px;font-size:14px;height:35px;text-decoration:none;line-height:35px;text-align:left}
.left-type li:hover a,.left-type li a:hover{color:#DA251D;text-decoration:none}

.left-type li ul li a:link,.left-type li ul li a:visited{float:left;color:#333333;white-space:nowrap;display:inline;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";background:none;padding-left:45px;font-size:14px;height:30px;text-decoration:none;line-height:30px;text-align:left}
.left-type li ul li a:hover{color:#DA251D;text-decoration:none}


.type-pic{margin-top:20px}
.type-pic li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center}
.type-pic li a:link,.type-pic li a:visited{float:left;width:224px;height:150px;margin-bottom:1px;margin-right:1px}

.product-type .product-name{display:none}
.product-type a:hover .product-name{
	display:block;position:absolute;top:0px;left:0px;width:224px;height:150px;
	background-color:#1CA8DD;opacity:0.7;filter:Alpha(opacity=70);
	display:flex;
}
.product-name p{width:100%;font-size:16px;color:#FFFFFF;font-family:"\5FAE\8F6F\96C5\9ED1";align-self:center}

.about{margin-top:30px;height:237px;padding-top:33px;background-color:#23ABDF}
.about-pic{float:left;padding-right:25px;width:323px;position:relative;left:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.about-content{float:left;width:777px;position:relative;right:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

.about-pic2{float:left;padding-right:25px;width:323px}
.about-content2{float:left;width:777px}

.news{margin-top:70px}
.news ul{margin-top:50px}
.news li{border-bottom:1px dashed #CCCCCC;padding-top:20px;padding-bottom:20px;}

.ns{position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}

.news-pic{float:left;width:120px;padding-right:20px}
.news-content{float:left;width:985px}

.news-title{font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1"}
.news-title a{color:#23ABDF;}
.news-date{color:#A4A4A4}

.content{margin-top:70px}

.top-margin{margin-top:50px}
.bottom-margin{margin-bottom:20px}

.footer-bar{margin-top:30px;text-align:center;font-size:14px;color:#FFFFFF;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";height:148px;line-height:148px;background:url(../images/fbg.jpg) repeat 0 0}

.product-list{float:left;width:925px}
.product-list li{float:left;text-align:center;margin:0 10px 20px 10px;width:280px;}
.product-list li a:link,.product-list li a:visited{display:block;position:relative;z-index:1;width:280px}

.pro-title{margin:8px auto;color:#333333;height:21px;line-height:21px;width:150px;overflow:hidden}

.product-view{width:100%}

.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(../images/bt.png);width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}
.jsorder .right li span.sub{background: url(../images/bt.png) 0px 22px;width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}
.jsorder .right li span.del{background: url(../images/bt.png) 0px 11px;width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}

.jsorderadd{display:block;width:20px;height:20px;overflow:hidden;cursor:pointer}

#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(../images/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(../images/cg_del.gif) no-repeat left center;width:60px;height:20px;line-height:24px;padding-left:26px;padding-right:4px;cursor:pointer}


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

.pro-zoom1{
	max-width:200px;
	max-height:150px;
	width:expression(this.width>200&&this.width>this.height?200:true);
    height:expression(this.height>150?150: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:#DA251D}
.PageNo span{margin:2px;padding:5px;border:1px solid #787878;font-weight:100;color:#787878}

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