@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:#005ABA;text-decoration:underline;}

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

a.pmore:link,a.pmore:visited {display:block;text-align:center;width:101px;height:32px;line-height:32px;font-family:"\5FAE\8F6F\96C5\9ED1";color:#004085}
a.pmore:hover {color:#FFFFFF;text-decoration:none;background-color:#004085;border-radius:3px}

a.amore:link,a.amore:visited {display:block;text-align:center;width:207px;height:39px;line-height:39px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;color:#FFFFFF;border:1px solid #FFFFFF;border-radius:1px}
a.amore:hover {color:#005ABA;text-decoration:none;background-color:#FFFFFF;border-radius:1px}

a.nmore:link,a.nmore:visited {display:block;text-align:center;width:207px;height:39px;line-height:39px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;color:#005ABA;border:1px solid #005ABA;border-radius:1px}
a.nmore:hover {color:#FFFFFF;text-decoration:none;background-color:#005ABA;border-radius:1px}

a.wap:link,a.wap:visited {display:block;text-align:center;width:150px;height:40px;line-height:40px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;color:#FFFFFF;background-color:#004085}
a.wap:hover {text-decoration:none;color:#FFFFFF;background-color:#004085}


.wp-hd{-moz-box-shadow:0px 5px 10px #5B5756;-webkit-box-shadow:0px 5px 10px #5B5756;box-shadow:0px 5px 10px #5B5756;-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein; top:0;z-index:99;opacity:1;width:100%;overflow:hidden;height:150px;border-bottom:1px solid #CAC6C4}

.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:#333333;white-space:nowrap;display:inline;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;margin-left:5px;margin-right:5px;height:99px;text-decoration:none;line-height:99px;width:90px;text-align:center;border-bottom:5px solid #FFFFFF}
.nav-link li:hover a,.nav-link li a:hover{color:#005ABA;background-color:#B2CDEA;border-bottom:5px solid #005ABA;text-decoration:none}
.nov{color:#005ABA !important;background-color:#B2CDEA !important;border-bottom:5px solid #005ABA !important;}

.slider{margin-top:150px;position:relative;z-index:2}

.ptov{color:#FFFFFF !important;background-color:#004085 !important}

.product-type-t li{float:left;z-index:1;position:relative;cursor:pointer;text-align:center}
.product-type-t li a:link,.product-type-t li a:visited{float:left;height:54px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:16px;background-color:#005ABA;color:#FFFFFF;padding-left:10px;padding-right:10px;margin-left:10px;height:25px;text-decoration:none;line-height:25px;border-radius:3px}
.product-type-t li:hover a,.product-type-t li a:hover{color:#005ABA;background-color:#FFFFFF;text-decoration:none}
.ptov-t{color:#005ABA !important;background-color:#FFFFFF !important}

.product-type-t li ul{display:none;}
.product-type-t li:hover ul{display:block;position:absolute;top:25px;left:0;z-index:5}
.product-type-t li ul li a:link,.product-type-t li ul li a:visited{float:left;height:54px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;background-color:#005ABA;color:#FFFFFF;padding-left:10px;width:155px;text-align:left;padding-right:10px;margin-top:3px;height:25px;text-decoration:none;line-height:25px;text-align:center;border-radius:3px;border:1px solid #005ABA}
.product-type-t li ul li:hover a,.product-type-t li ul li a:hover{color:#005ABA;background-color:#FFFFFF;text-decoration:none;border:1px solid #CCC}

.product-type-t li ul li ul{display:none !important;}
.product-type-t li ul li:hover ul{display:block !important;position:absolute;top:0;left:178px;z-index:5}
.product-type-t li ul li ul li a:link,.product-type-t li ul li ul li a:visited{float:left;height:54px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;white-space:nowrap;background-color:#005ABA;color:#FFFFFF;padding-left:10px;margin-top:3px;height:25px;text-decoration:none;line-height:25px;text-align:center;border-radius:3px;border:1px solid #005ABA}
.product-type-t li ul li ul li a:hover{color:#005ABA;background-color:#FFFFFF;text-decoration:none;border:1px solid #CCC}

.product-list{margin-top:20px;margin-bottom:20px}
.product-list li{float:left;text-align:center;margin:10px 10px 0 0px;border:1px solid #EEEEEE;padding:10px}
.product-list li a:link,.product-list li a:visited{display:inline-block;position:relative;z-index:1;width:265px;height:166px;overflow:hidden}
.product-list li:hover{border:1px solid #FFFFFF}
.product-list .product-pic{display:none}
.product-list a:hover .product-pic{
	display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;
	opacity:1;
	text-decoration:none
}
.product-list 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;
	width:265px;overflow:hidden
}

.pro-list h3{margin-top:20px}
.pro-list h3 a{color:#2E7DCE;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:18px;text-decoration:none}
.pro-list ul li{float:left;text-align:center;margin:10px 10px 0 0px;border:1px solid #EEEEEE;padding:10px;position:relative;z-index:1;}
.pro-list ul li a:link,.product-list li a:visited{display:inline-block;width:265px;height:166px;overflow:hidden}
.pro-list ul li:hover{border:1px solid #EEEEEE;}

.pro-list ul li div.pbg-pic{display:block;position:absolute;top:0px;left:0px;width:285px;height:226px;
	background:url(pvbg.png) no-repeat center center;
	opacity:1;
	text-decoration:none}

.cnav{width:1200px;margin:0 auto}
.cnav li{float:left;text-align:center;position:relative;z-index:1;margin-left:92px;margin-right:92px;width:105px;}
.cnav li a:link,.product-type li a:visited{ display:block;width:105px;height:105px}
.cnav a.sy1{background:url(icon_sy01.png) no-repeat 0 0;position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cnav a.sy2{background:url(icon_sy02.png) no-repeat 0 0;position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cnav a.sy3{background:url(icon_sy03.png) no-repeat 0 0;position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cnav a.sy4{background:url(icon_sy04.png) no-repeat 0 0;position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cnav li a:hover{background-position:left bottom}
.cnav p{display:block;text-align:center;width:100%;position:relative;top:-300px;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}


.news-list1{margin-top:20px;margin-bottom:20px}

.news-list1 li{float:left;text-align:left;border-bottom:1px solid #EEEEEE;height:45px;width:100%}
.news-list1 li a:link,.news-list1 li a:visited{ background:url(collapsed.png) no-repeat left center;display:inline-block;position:relative;z-index:1;height:45px;overflow:hidden;padding-left:25px;line-height:45px;}
.news-list1 li a:hover{color:#005ABA;text-decoration:none;}


.news-list{margin-top:20px;margin-bottom:20px}

.news-list li{float:left;text-align:left;margin:10px 10px 0 0px;border:1px solid #EEEEEE;padding:10px}
.news-list li a:link,.news-list li a:visited{display:inline-block;position:relative;z-index:1;width:265px;height:210px;overflow:hidden}
.news-list li:hover{border:1px solid #FFFFFF}

.news-list .news-pic{display:none}
.news-list a:hover .news-pic{
	display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:url(icon_look.png) no-repeat center center;
	opacity:1;
	text-decoration:none
}
.news-list 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;
	width:265px;overflow:hidden
}
.news-name{color:#333333;font-size:14px;padding-bottom:5px;font-family:"\5FAE\8F6F\96C5\9ED1";}

.ser{ width:592px; margin:0 auto}
.ser li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;}
.ser li a:link,.ser li a:visited{float:left;color:#5B9BD5;white-space:nowrap;display:inline;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:18px;margin-left:45px;margin-right:45px;height:99px;text-decoration:none;line-height:99px;width:200px;text-align:center;border:3px solid #5B9BD5;border-radius:20px}
.ser li:hover a,.ser li a:hover{color:#5B9BD5;}

@keyframes flipOutBig{
	from{
		transform: scale(0);
    } 
    to{
	    transform: scale(1);
    } 
}
.flipOutBig{animation: flipOutBig 1.2s linear 100ms alternate none running}


.input-text-class{width:100%;height:38px;background-color:#F5F5F5;border-radius:5px;border:#FFFFFF solid 1px;outline:medium; text-indent:0.5em;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:38px;}
.input-text-class:focus,.input-text-class2:focus,.textarea-class:focus{border:#5B9BD5 solid 1px;outline:medium;}

.input-text-class2{display:inline-block;width:100px;height:38px;background-color:#F7F7F7;border:#DEDEDE solid 1px;outline:medium;text-indent:0.5em;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:38px;border-radius:3px}

.textarea-class{width:99%;height:72px;background-color:#F5F5F5;border-radius:5px;border:#FFFFFF solid 1px;outline:medium;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:23px; padding:0.5%}

.btn{width:100%;height:38px;margin-top:10px;border-radius:5px;border:none;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;text-align:center;background-color:#5B9BD5;color:#FFFFFF}
.btn:hover{background-color:#005ABA;cursor:pointer}

label{height:35px;line-height:35px}
.tip{position:relative;margin-bottom:16px;}
.point-tip{border:6px dashed transparent;border-bottom-style:solid;border-bottom-color:#ffe2e2;height:0;top:63px;left:20px;position:absolute;z-index:3;width:0;overflow:hidden}
.required-tip{display:inline;position:absolute;left:0;top:74px;padding:2px 6px 5px;background-color:#ffe2e2;border:1px solid #fbc3c3;color:#f00;font-family:'微软雅黑';font-size:12px;line-height:140%;text-align:center;text-shadow:0 0 1px #ffffff;white-space:nowrap;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;z-index:2}

.ProPic{max-width:500px;max-height:500px;width:expression(this.width>500&&this.width>this.height?500:true);height:expression(this.height>500?500:true);}
.spro-ou{max-width:80px;max-height:80px;width:expression(this.width>80&&this.width>this.height?80:true);height:expression(this.height>80?80:true);border:1px solid #FFFFFF}
.spro-ov{max-width:80px;max-height:80px;width:expression(this.width>80&&this.width>this.height?80:true);height:expression(this.height>80?80:true);border:1px solid #FF7300}

.AZoom{
	display:block;
	max-width:252px;
	max-height:175px;
	width:expression(this.width > 252 && this.width > this.height ? 252 : true);
    height:expression(this.height > 175 ? 175 : true);
	display: inline-block; vertical-align: middle;
}
.BZoom{
	display:block;
	max-width:800px;
	width:expression(this.width > 800 && this.width > this.height ? 800 : true);
	display:inline-block;vertical-align:middle;
}
.CZoom{
	display:block;
	max-width:265px;
	max-height:210px;
	width:expression(this.width > 265 && this.width > this.height ? 265 : true);
    height:expression(this.height > 210 ? 210 : true);
	display: inline-block; vertical-align: middle;
}

.ewm li{ display:inline-block; padding-left:20px; padding-right:20px; line-height:20px;}

.qrcode {position:fixed;z-index:999;width:150px;top:300px;right:0px;_right:0px;_position:absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||410)-(parseInt(this.currentStyle.marginBottom,10)||10)));line-height:16px;}

.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:#003399}
.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}