body{margin:0px;font-size:13px;color:#373737;font-family:"΢ÈíÑźÚ","ºÚÌå","ËÎÌå";overflow:hidden; background-color:#FFFFFF;}
html{ overflow-x:hidden; }
.bgk{background-color:#F1F1F1;}
ul {list-style-image: none;list-style-type: none;margin:0px;}
li{ vertical-align:bottom}
dd{ margin:0; padding:0;}
dl{ margin:0; padding:0;}
img{ border:0px;}
.clear{width:100%;height:10px;overflow:hidden;display:block;clear:both;}
.clear1{width:100%;height:10px;overflow:hidden;display:block;clear:both;}
a{ text-decoration:none; color:#373737; font-size:14px;}
.fl{ float:left}
.fr{ float:right}
.ma{ margin: 0 auto;}
#top{ width:100%;height:123px; overflow:hidden; background-color: #FFFFFF;}
#top .c{ width: 1100px; height: 123px;overflow: hidden;margin: 0 auto; }
#top .logo{ width: 370px; height: 70px; margin-top: 26px; float: left;overflow: hidden}
#top .search{ width: 252px; height:30px; float: right; overflow: hidden; margin-top: 25px; }
#top .search .l_r{ width: 15px; height: 30px; overflow: hidden; float: left;}
#top .search .c{ width: 222px; height: 28px; border-bottom: 1px #D2D2D2 solid;border-top: 1px #D2D2D2 solid; float: left}
#top .search .word{ width: 160px; height: 26px; line-height: 26px; font-size: 14px;color: #B4B4B4; position: absolute;z-index: 1;margin-left: 2px;}
#top .search .input{ width:193px; height: 26px; position: absolute; outline: none; float: left; overflow: hidden; z-index: 22; border: 0px;background-color:transparent; }
#top .search .btn{ width: 26px; height: 28px; float: left; overflow: hidden; display: block; margin-left: 196px;}
#menu{ width:714px; height:40px; overflow:hidden; float: right; margin-top: 15px;}
#menu a{ width: 70px; height: 40px; float: left; display: block; text-align: center; margin-left: 32px; line-height: 40px; font-size: 16px;}
#menu a:hover{ border-bottom: 3px #056BB3 solid; height: 37px; line-height: 37px;}
#head{ width: 100%; height: 480px; overflow: hidden; }
#page{ width: 1070px; background-color: #FFFFFF; padding: 15px; overflow: hidden;}
#page .com_t{ width: 100%; height: 33px; border-bottom:1px #D8D8D8 solid;font-size: 16px;}
#page .com_t .cn{ width: 70px; height: 33px; float: left; }
#page .com_t .en{ font-size: 12px; color: #D8D8D8; font-style: oblique; line-height: 25px; float: left}
#page_end{ width: 1100px; height: 17px; overflow: hidden}
.about{ width: 340px; height: 260px; float: left; overflow: hidden}
.about .content{ line-height: 30px; text-indent: 2em; padding-top: 10px;}
.news{ width: 340px; float: left; margin-left: 25px; overflow: hidden}
.news .b{ width: 110px; height: 34px; overflow: hidden; text-align: center; line-height: 34px; color: #FFFFFF; position: absolute; z-index: 1; background-color: #066BB3}
.news .bb{ width: 11px; height: 6px; position: absolute; z-index: 1; margin-left: 50px; margin-top: 34px; overflow: hidden}
.news .tj{ width: 100%; height: 80px; overflow: hidden; color:#A9A9A9; background-image: url("tj_l.jpg"); margin-top: 12px; line-height: 24px; background-position: bottom; background-repeat: repeat-x}
.news .tj .a{ width: 100%; height: 25px; color: #056AB2; display: block; line-height: 25px; font-weight: bolder}
.news ul{ padding-left: 0px; padding-top: 10px;}
.news li { width: 430px; height: 30px; line-height: 30px; padding-left: 20px; background-image: url("li_b.jpg"); background-position: left center; background-repeat: no-repeat;}
.news li a{ float: left}
.news li span{ float: right}
.quality{ width: 340px; float: right; overflow: hidden}
.quality ul{ padding-left: 0px; padding-top: 10px;}
.quality li { width: 320px; height: 30px; line-height: 30px; padding-left: 20px; background-image: url("li_b.jpg"); background-position: left center; background-repeat: no-repeat;}
.quality li a{ float: left}
.quality li span{ float: right}
.product{ width: 100%; height: 280px; overflow: hidden; }
#productList{ width: 100%; height: 200px; margin-top: 15px; overflow: hidden}
.product .p_n{ width: 20px; height: 20px; border: 1px #D8D8D8 solid; text-align: center; line-height: 20px; float: right; margin-left: 10px; display: block; color: #056BB3}
.product .p_n:hover{ background-color: #E5E5E5}
#productList ul{ padding-left: 0}
#productList li{ width: 200px; height: 205px; overflow: hidden; line-height: 25px; text-align: center; float: left; margin-left: 11px;}
#productList li img{ width: 194px; height: 164px; border: 1px #D8D8D8 solid; padding: 2px;}
#demoLeft { margin:0 auto; overflow:hidden;   height:220px;}
#demoLeft .indemo { width:800%;}
#demo1,#demo2{ float:left;}
#demoLeft2 { margin:0 auto; overflow:hidden;}
#demoLeft2 .indemo { width:800%; overflow:hidden}
#demo12,#demo22{ float:left;}
#foot{ width:100%; height:252px;color:#B7B7B7; text-align: center; background-color: #B3B3B3; background-image: url("foot_bj.jpg"); }
#foot .c{ width: 1100px; margin: 0 auto; overflow: hidden}
#foot .tit{ width: 100%; height: 37px; overflow: hidden; line-height: 37px; font-size: 15px;}
#foot .tit .contact{ width: 382px; height: 37px; float: left; text-align: right;}
#foot .tit .maps{ width: 368px; height: 37px; float: right; text-align: left}
#foot .end_logo{ width: 229px; height: 59px; float: left; margin-top: 55px;}
#foot .mcontact{ width: 240px; height: 144px; padding-top: 20px; line-height: 35px; overflow: hidden; padding-left: 30px; float: left; background-image: url("end_line.jpg"); background-position: left center; background-repeat: no-repeat; margin-left: 55px; margin-top: 8px;}
#foot .mcontact .i{ width: 210px; height: 31px; padding-left: 30px; overflow: hidden; background-repeat: no-repeat; line-height: 31px; text-align: left}
#foot .mcontact .i1{ background-image: url("tel.jpg"); background-position: 3px center}
#foot .mcontact .i2{ background-image: url("rex.jpg"); background-position: left center}
#foot .mcontact .i3{ background-image: url("email.jpg"); background-position: left center}
#foot .mcontact .i4{ background-image: url("address.jpg"); background-position: 4px center}
#foot .mmaps{ width: 365px; height: 154px; padding-top: 5px; line-height: 35px; overflow: hidden; padding-left: 30px; float: left; background-image: url("end_line.jpg"); background-position: left center; background-repeat: no-repeat; margin-left: 135px; margin-top: 8px;}
#foot a{ color:#B3B3B3}
#foot .addr{ width: 100%; height: 40px; line-height: 40px; text-align: center}
#zi_page{width:1100px; overflow:hidden;margin:0 auto; }
#zi_head{ width: 100%; height: 248px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden;margin-bottom: 10px}
#zi_page .gxpt{ width: 970px; padding: 20px 15px; background-color: #FFFFFF; overflow: hidden;height:auto !important;height:539px; min-height:539px; background-image: url("gxpt.jpg"); background-position: top; background-repeat: no-repeat}
#zi_page .gxpt .sort{ width: 100%; background-color: #E7E7E7; overflow: hidden}
#zi_page .gxpt .sort .com_sort{ width: 50%; height: 40px; overflow: hidden; float: left; border-bottom: 1px #FFFFFF solid}
#zi_page .gxpt .sort .big{ width: 105px; padding: 0px; margin: 0px;  text-align: center; font-weight: bolder;  background-color: #FF4701; color: #FFFFFF; display: block;  font-size: 15px;}
#zi_page .gxpt .sort a{ height: 40px; float: left; line-height: 40px; display: inline-block; padding: 0px 10px; margin: 0px 10px; font-size: 13px;}
#zi_page .gxpt .sort .ck{background-color: #FF4701; color: #FFFFFF; height: 20px; line-height: 20px; margin-top: 10px;}
#zi_page .gxpt .gx{ width: 306px; padding: 10px 5px; height: 200px; float: left; margin-left: 11px; line-height: 28px; background-color: #F2F2F2; margin-top: 20px;}
#zi_page .gxpt .gx a{ color: #FD653C;}
#zi_page .zi_page_left{ width:200px; float:left; overflow:hidden;}
#zi_page .zi_page_left .tit{ width:100%; height:45px;line-height:45px; text-align: center; color:#FFFFFF; font-size:16px; font-weight:bolder; background-image:url("zi_tit.jpg")}
#zi_page .zi_page_left .sort{ width:185px; margin: 0 auto; overflow: hidden; padding: 10px 0px;}
#zi_page .zi_page_left .sort a{ width:153px; padding-left: 32px; height: 45px;  line-height: 45px; font-size: 15px;  display: block; border-bottom: 1px #D4D4D4 solid }
#zi_page .zi_page_left .sort .ck{ color: #056BB3 }
#zi_page .zi_page_left .sort a:hover{ color: #056BB3}
#zi_page .zi_page_right{ width:875px; height:auto !important;height:539px; min-height:539px; float:right; border-left: 1px #D4D4D4 solid;}
#zi_page .zi_page_right .nav{ width:100%;  height:50px;  overflow:hidden; line-height: 50px;border-bottom: 1px #D4D4D4 solid }
#zi_page .zi_page_right .nav .l{ width: 130px; height: 50px; line-height: 50px; text-align: center; color: #056BB5; font-size: 18px; float: left}
#zi_page .zi_page_right .nav .r{ width: 500px; height: 35px; margin-top: 15px; float:right;text-align:right; font-size:12px; line-height: 35px; padding-right: 10px; color: #8D8D8D}
#zi_page .zi_page_right .nav .r a{ font-size: 12px}
#zi_page .zi_page_right .content{ width:845px; overflow:hidden; line-height:30px; padding: 15px;}
#zi_page .zi_page_right .imglist{ width: 825px; margin: 0 auto; padding-left:0px; padding-top:20px;}
#zi_page .zi_page_right .imglist li{ width:241px; height:215px; float:left; overflow:hidden; margin:15px;}
#zi_page .zi_page_right .imglist li img{ width:231px; height:180px; border:1px #CCCCCC solid; padding:4px;}
#zi_page .zi_page_right .imglist li a{ width:100%; display:block; line-height:35px; text-align:center;}
#zi_page .zi_page_right .imglist{ width: 100%; overflow: hidden}
#zi_page .zi_page_right .tj{ width: 100%; height: 120px; overflow: hidden; margin-top: 20px;}
#zi_page .zi_page_right .tj .l{ width: 160px; height: 120px; float: left; overflow:hidden}
#zi_page .zi_page_right .tj .l img{ width: 160px; height: 120px}
#zi_page .zi_page_right .tj .r{ width: 555px; float: right; line-height: 25px; font-size: 12px;}
#zi_page .zi_page_right .tj .r a b{ font-size: 15px;}
#zi_page .zi_page_right .tj .r a{ color: #FC5835; font-size: 12px;}
#zi_page .zi_page_right .artlist{ padding-left:0px; padding-top:10px;}
#zi_page .zi_page_right .artlist ul{ padding-left: 0px;}
#zi_page .zi_page_right .artlist li{ width:810px; height:40px; line-height:40px;  vertical-align:bottom; border-bottom: 1px #A5A5A5 dotted; padding: 0px 10px; margin: 0 auto;}
#zi_page .zi_page_right .artlist li a{ float:left}
#zi_page .zi_page_right .artlist li span{ float:right}
#zi_page .zi_page_right .a_tit{ width:100%; overflow:hidden; font-size:16px; text-align:center; font-weight:bolder; line-height:18px; color:#000000 }
#zi_page .zi_page_right .artzz{ width:100%; height:30px; line-height:30px; margin-top: 5px; color: #C6BBBB; font-size:14px;overflow:hidden; text-align: center; margin-bottom:10px; padding-bottom:5px;}
#zi_page .liuyan{ width:677px; margin: 0 auto; border-left:2px #E0E5E9 solid;border-top:1px #E0E5E9 solid;border-right:1px #E0E5E9 solid;border-bottom:1px #E0E5E9 solid;overflow:hidden; margin-top:10px;}
#zi_page .liuyan .tit{ width:100%; height:38px; background-color:#F5F6FA; border-bottom:1px #E0E5E9 solid;}
#zi_page .liuyan .tit div{ height:38px; line-height:38px; font-weight:bolder;border-right:1px #E0E5E9 solid; float:left}
#zi_page .liuyan .t1{ width:109px; text-align:center;}
#zi_page .liuyan .t2{ width:246px; padding-left:10px; }
#zi_page .liuyan .t3{ width:209px; text-align:center; }
#zi_page .liuyan .t4{ width:99px;  border-right:0px; text-align:center}
#zi_page .liuyan .mlist{ width:100%; height:38px; border-bottom:1px #E0E5E9 solid;}
#zi_page .liuyan .mlist div{ height:38px; line-height:38px;border-right:1px #E0E5E9 solid; float:left}
#zi_page .reg_login{ width:500px; border:1px #DDDDDD solid; padding:10px; margin:0 auto; overflow:hidden;}
#zi_page .reg_login .tit{ width:485px; height:40px; font-size:15px; line-height:40px; padding-left:15px; border-bottom:1px #DDDDDD solid}
#zi_page .reg_login .com_l{ width: 350px; height: 40px; border: 1px #CBCBCB solid; margin-top: 17px;}
#zi_page .reg_login .com_l .word{ width: 340px; height: 38px; line-height: 38px; font-size: 14px;color: #B4B4B4; position: absolute;z-index: 1;margin-left: 5px;}
#zi_page .reg_login .com_l input{ width: 340px; height: 38px; position: absolute; z-index: 2; line-height: 38px;background-color:transparent; float: left; font-size: 14px; margin-left: 5px; outline:none; border: 0px; color: #666666; float:left;}
#zi_page .btn_div{ width: 200px; height: 35px; overflow: hidden; margin: 0 auto; margin-top: 16px}
#zi_page .btn_div a{ width: 85px; height:35px; display: block; line-height: 35px; overflow:hidden;text-align: center; background-color: #EB5C24; color:#FFFFFF; }
#zi_page .reg_login .com_r{ width: 485px; height: 42px; margin-top: 17px;}
#zi_page .reg_login .com_r .w{ width:80px; height:42px; text-align:right; line-height:42px; float:left;}
#zi_page .reg_login .com_r input{ width: 240px; height: 38px; border: 1px #CBCBCB solid; line-height: 38px;background-color:transparent; float: left; font-size: 14px; margin-left: 5px; outline:none; color: #666666; float:left;}
#zi_page .reg_login .com_r .yzm{ width:120px;}
.showpage{ width:100%; text-align:center; line-height:25px; padding:10px 0px;}
.showpage a{color:#FFFFFF; font-size:12px; FFFFFF height:26px; border:1px #727272 solid; background-color:#727272; line-height:26px; text-align:center; padding:0px 4px;}
.showpage .ck{ background-color:#FFFFFF; border:1px #999999 solid;  color:#666666; font-weight:bolder;}
.showpage a:hover{background-color:#FFFFFF;  border:1px #999999 solid;  color:#666666;font-weight:bolder;}
.reg_login{ width:740px;  padding:10px; margin:0 auto; overflow:hidden;}
.new-float{
	position: fixed;
	right: 40px;
	top: 50%;
	z-index: 50;
	width: 77px;
	height: 374px;
	margin-top: -187px;
}
.new-float li{
	position: relative;
	width: 77px;
	height: 57px;
	margin-bottom: 1px;
	line-height: 27px;
	color: #fff;
	text-align: center;
}
.new-float li.hover{
	overflow: hidden;
}
.new-float li a{
	display: inline-block;
	color: #fff;
}
.new-float li a.tit{
	width: 77px;
	height: 27px;
	padding: 30px 10px 0 0;
	color: #fff;
}
.new-float li p{
	position: relative;
	z-index: 2;
	height: 27px;
	padding-top: 30px;
	cursor: pointer;
	margin-top: 0px;
}
.new-float li.fi a{
	background: url(bg_float01.png) no-repeat;
}
.new-float li.se a{
	background: url(bg_float02.png) no-repeat;
}
.new-float li.th a{
	background: url(bg_float03.png) no-repeat;
}
.new-float li.fo a.tit{
	background: url(bg_float04.png) no-repeat;
}
.new-float li.fif p{
	background: url(bg_float05.png) no-repeat;
}
.new-float li .tel{
	position: absolute;
	left: 77px;
	top: 0px;
	z-index: 1;
	width: 184px;
	height: 57px;
	font: 24px/57px Arial;
	color: #fff;
	background: url(bg_float06.png) no-repeat;
	cursor: pointer;
}
.new-float a.mof{
	display: inline-block;
	width: 54px;
	height: 71px;
	padding: 12px 11px 0 12px;
	margin-top: 10px;
	*margin-top: 7px;
	background: url(bg_float07.png) no-repeat;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}