@charset "utf-8"; /* CSS Document */
/*All*/
body{ font:12px Arial, Helvetica, sans-serif; background:#edf0f2; color:#333; line-height:18px; margin-top:2px;}
*{margin:0; padding:0;}
.no{-moz-user-select:none;}
h1{ font-size:16px; height:auto; text-align:center; line-height:20px; color:#09c; margin-bottom:6px}
h2{ font-size:16px; height:auto; line-height:20px; color:#09c; margin-bottom:6px}
h3{ background:url(../images/icon.jpg) no-repeat; padding-left:15px; font-size:13px; color:#000;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
ul,ol{list-style:none; margin:0px; padding:0px;}
img{border:none;}
.clear{clear:both;}
p{ padding-bottom:6px;}

.table{ width:96%; height:auto; background:#dad9d9; float:left; margin-bottom:10px;}
.table td{margin-bottom:3px; text-align:left; padding:0px 3px;}
.table tr{ background:#fff;}
.table tr.top{ background:#f4f2f2;}
.table1{margin-top:12px}
.table1 tr td{padding-right:6px}
.table1 tr td.aa{color:#FF0000; font-weight:bold}

/* head*/
#header{ width:973px; height:auto; margin:0 auto; background:url(../images/bg.jpg) repeat-y; padding:0px 3px 0px 6px;}
.top{ width:100%; height:80px; background:url(../images/logo.png) #0099cb no-repeat;}
.logo{ float:left; width:337px; height:56px; margin-left:13px; display:inline; }
.logo span { font: 22px bold;color: #fff;display: block;margin: 28px 0 0 80px;}
.language{ float:right; width:22%; height:15px; line-height:15px; margin-top:50px; color:#fff;}
.language a{ color:#fff; padding:0px 5px; text-decoration:underline;}
.menu{ float:left; width:973px; height:39px; margin-top:14px; border-bottom:1px solid #d2d2d2; 0px -4px;}
.menu ul li{ float:left; height:20px; line-height:20px;margin-top: 10px;border-right: 1px solid #666;}
.menu ul li a{ color:#6e6e78; padding:0px 46px; font-weight:bold; display:block;}
.menu ul li a:hover, .menu ul li a.dq{ color:#09c; text-decoration:none;}
.lang{float:right; margin:20px 10px 0 0}
.lang a{color:#fff; padding:0 4px}
.select{ float:left; width:200px; margin:10px auto auto 25px;}
.select a{ color:#6e6e78; padding:0px 10px; font-weight:bold; display:block;}
.select a:hover, .menu ul li a.dq{ color:#09c; text-decoration:none;}
.select .button{ width:14px; height:14px; background:url(../images/go.jpg) no-repeat; border:none;}
#ff{ border:1px solid #7f9db9; width:122px;}
#container{ width:973px; height:auto; background:url(../images/bg.jpg) repeat-y; padding:0px 3px 0px 6px; margin:0 auto; overflow:hidden; margin-top:3px;}
.home{ color:#09c; padding-left:10px;  border-top:1px solid #d2d2d2; height:23px; line-height:23px; font-size:10px;}
.banner{ width:973px; height:169px;}

/*Product*/
	/*Product list*/
	.plist{width: 210px;position:relative; z-index:100;float: left;}
	.plist ul{position:relative;background:#ccc;border:1px solid rgb(170, 170, 170);border-top: 3px solid #9a9a9a;}
	.plist li{height:27px; position:relative;border-bottom: 1px solid #414141;
box-shadow: 0 0 8px #E9E9E9;}
	.plist li a{ height:27px; display:block; width:auto; line-height:23px;padding-left: 20px; color:#333}
	.plist li a:hover{ background:#DFDFDF; text-decoration:none;}
	.plist ul .li1 {}
	.plist ul .li1 a{font-weight:bold;color:#0E0E0E;padding-left: 10px; width:auto;background: url(../images/prod_fl.gif) no-repeat 4px 8px;}
	.plist ul .li1 a:hover{background:url(../images/prod_hover.gif) no-repeat 4px 8px #DFDFDF;text-decoration:none;}
	.plist ul .a a{height:45px;}
	.plist ul .a {height:45px;}
	.plist .li_cdr ul{ position:absolute; visibility:hidden;line-height: 27px;width:160px; height:auto;border:1px solid #848686; margin:-28px 0 0 209px;}
	.plist .li_cdr li{ position:relative;}
	.plist .li_cdr li a { padding-left:11px;}
	.plist ul li:hover ul,.plist ul a:hover ul{visibility:visible;}
	
.content{ float:left; width:710px; height:auto; padding-left:10px; overflow:hidden;}
.title{ width:100%; height:35px; line-height:35px; font-weight:bold;}
.title a{ font-size:14px; color:#000; font-weight:bold;}
.title a:hover{ text-decoration:underline; color:#000;}
.square ul{ float:left; width:217px; height:116px; border:1px solid #09c; margin-right:15px;}
.square ul li{ float:left; width:100%;}
.square ul li.y{ height:33px; line-height:33px; background:#09c;}
.square ul li.e{ background:url(../images/more.jpg) no-repeat 3% center; margin-top:5px;}
.square ul li.y a{ padding-left:9px; color:#fff; font-weight:bold;}
.square ul li.e a{ padding-left:15px; text-decoration:underline; color:#09c;}
.product{ width:695px; padding:10px 10px 10px 5px; background:url(../images/bg1.jpg) no-repeat left top; overflow:hidden; margin-top:7px;}
.product ul{ float:left; width:175px; height:auto; padding-bottom:10px; margin:10px 25px; color:#9b9b9b; display:inline;}
.product ul li{ float:left;}
.product ul li.t{ width:175px;}
.product ul li a,.right .p1 a{ color:#09c; font-weight:bold;}
.send{ width:93%; border-top:1px solid #d2d2d2; padding-top:5px;}
.send a{ color:#09c; text-decoration:underline;}
.send img{ margin:0px 5px;}

	/*products.html right*/
	.right {width: 712px;float: right;padding: 0 20px;margin-bottom: 10px;}
	.right h2 {margin-left: -20px; font-size:large;}
	.right .rb {display: block;font-size: 14px;margin-bottom: 8px;color: #131313;margin: 10px 0 0-10px; font-weight:bold;}
	.right p,.right table { font-size: 13px;line-height: 20px;color: #333;}
	.right p a { color:#09c; text-decoration:underline; font-weight:bold;}
	.right p a:hover { color:#02BCFA; text-decoration:none;}
	.right ul { list-style:square}
	.right ul li { line-height:30px;}
	.right table {border-collapse: collapse;border: 1px solid #408DA5;text-align: center;margin: 0 auto;}
	.right table tr { height:25px;}
	.right table .t {background:#ccc;}
	.right table tr:hover{ background:#ccc;}
	#table_sc {overflow-x:auto;border: 1px solid #EEE; height:350px;}
	/*Products img*/
		div.jqZoomTitle{z-index:5000;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top: 0px;left: 0px;width: 100%;color: #FFF;background: #999;}
		.jqZoomPup{overflow:hidden;	background-color: #FFF;	-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:10;	border-color:#c4c4c4;border-style: solid;cursor:crosshair;width:150px;height:150px;}
		.preload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;width:90px;* width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px;}
		.jqZoomWindow{border: 1px solid #999;background-color: #FFF;}
		.right .ra .jqzoom {border-bottom: 1px solid #C0C0C0;}
		.right .ra{float: right;width: 260px;height: 340px;overflow: hidden;border: 1px solid #C4C4C4;}	
		.right .ra img { width:260px; height:260px;}
		.right .num {margin-top: 6px;overflow: hidden;background: url(../images/products/jiantou.png) no-repeat 24px 0;width: 260px;height: 70px;}
		.right .num a{ display: block;width:60px; height:60px;border:1px solid rgb(136,102,85);margin:7px 0 0 1px; cursor:pointer;}
		 .right .num a img { width:60px; height:60px;}
		.right .num a:hover {background:url(../images/prodcuts/jiantou.png) no-repeat top center;}
		.right .num a.cur{}
		#glass { position:absolute;top: 243px;left: 244px;}
		#glass img{ width:18px; height:18px;cursor: pointer;}
		/*send Product*/
		.con_all{float: right;clear:right;margin-right:138px !important;margin-right: 69px; }
		/*Related Proudcts*/
		.right .tt{height: 22px;border-bottom: 1px solid #D8D8D8;}
		.right .p1 {margin-bottom: 10px;}
		.right .p1 .d{ border:1px solid #BBB;}
		.right .p1 dl{width: 355px;height: 115px;overflow: hidden; float:left;}
		.right .p1 dl dt {width: 102px;height: 102px;float: left;background: #fff;margin: 5px;}
		.right .p1 dl dt a { display:block; width:100px; height:100px;border: 1px solid #C7C7C7;}
		.right .p1 dl dt a:hover { border-color:#00a0e9}
		.right .p1 dd {margin: 3px;}
		.right .p1 dd a { font:bold 12px Arial, Helvetica, sans-serif;}
		.right .p2 { border:none;}
		.right .p2 dl {width: 700px;margin: 5px 0 5px 5px; border:1px solid #fff;border-top: 1px dashed #CECECE;}
		.right .p3 dl{width: 121px;height: 132px;}
		.right .p3 dl dt { float:none;}
		.right .p3 dd {text-align: center;width: 100px; float:none;}
		#no { float:none; clear:right;}
		.right .p4 dl {height: 220px;width: 200px;margin: 0 22px;}
		.right .p4 dl dt {width: 182px;height: 182px; margin:5px auto;}
		.right .p4 dl dt a{width: 180px;height: 180px;}
		.right .p4 dl .dd1 {text-align:center; margin-top:5px;}

.leftbar{width:199px; float:left; background:#ccc; padding-left:1px}
.submenu a{display:block; line-height:14px; padding:6px 0; color:#000; padding-left:12px; padding-right:8px;}
.submenu a.w{background:#6f7075; font-weight:bold; color:#fff; padding-left:8px; border-bottom:#fff dashed 1px;}
.submenu a.u{background:url(../images/aa.gif) 4px center no-repeat; font-weight:bold}
.submenu a.j{text-decoration:underline}
.mainbody{width:749px; float:left; margin-left:8px; padding:0 8px}
.title1{line-height:14px; padding:6px 0; border-bottom:#ccc 1px solid;color:#09c; font-weight:bold;margin:0 8px 12px 8px}
.title1 a{color:#000}
.products ul{float:left; width:362px; padding-right:12px; margin-bottom:14px}
.products ul li{float:left; width:124px}
.products ul li img{padding:1px; border:#ccc 1px solid}
.products ul li.w{width:230px; margin-left:8px}
.products ul li.w a{display:block; font-weight:bold; color:#000}
.products ul li.w a:hover{color:#09c}
.products1 ul{float:left; width:737px; padding-right:12px; margin-bottom:14px}
.products1 ul li{float:left; width:124px;border-top: 1px solid #3c3c3c;
border-bottom: 1px solid #000;}
.products1 ul li img{padding:1px; border:#ccc 1px solid}
.products1 ul li.w{width:600px; margin-left:13px}
.products1 ul li.w a{display:block; font-weight:bold; color:#000}
.products1 ul li.w a:hover{color:#09c}
.righ{float:right; width:324px; margin-top:5px}
.righ .imgp{ margin-left:12px; border:#ccc 1px solid; padding:1px}
.righ .xxt{margin-left:12px; margin-top:5px}
.righ .xxt img{border:#ccc 1px solid; padding:1px; margin-right:5px; display:inline}
.con_all{margin-left:10px; margin-top:6px}
.con_all .pdf{margin-left:10px;}
.rproducts ul li{width:124px; float:left; margin-right:20px}
.rproducts ul li img{padding:1px; border:#ccc 1px solid; margin-bottom:6px}
.rproducts ul li a{display:block; text-align:center; color:#000}
.rproducts ul li a:hover{font-weight:bold}
.cont{line-height:28px}
.cont a{color:#FF3300}
.cont1{line-height:18px}
.cont1 a{color:#FF3300}
.gallery{padding:6px}
.gallery img{padding:1px; border:#ccc 1px solid; margin-right:16px; margin-bottom:12px}
.newimg{padding:6px}
.newimg img{padding:1px; border:#ccc 1px solid; margin-right:16px; margin-bottom:12px; width:160px; height:107px;}
.news1 ul{float:left; margin-bottom:20px; border-bottom:#ccc dashed 1px; padding-bottom:10px}
.news1 ul li{float:left;}
.news1 ul li a{display:block; color:#333; font-weight:bold;}
.news1 ul li.w{width:524px; padding-right:20px;}
.news1 ul li img{width:200px; height:133px; border:#ccc solid 1px; padding:1px;}
.sitemap{padding:12px}
.sitemap a{color:#999; font-weight:bold}
.sitemap a.w{color:#09c}
.sitemap a.u{color:#000}
.ex{float:left; margin:0 12px 12px 0}
.ex img{padding:1px; border:#ccc 1px solid}


	.sidebar{ float:right; width:218px; height:auto; padding:0px 18px 10px 0px; margin-top:11px; background:url(../images/sidebar.jpg) no-repeat left top;}
	.list{ float:left; width:218px; height:auto; margin-top:10px; border:1px solid #ccc;}
	.list_t a{ width:208px; height:34px; line-height:34px; background:#ccc; display:block; padding-left:10px; color:#666; font-weight:bold;}
	.list img{ padding:5px;}
	.list p{ padding:0px 10px; color:#09c;}
	.list ul{ padding:5px 0px;}
	.list ul li{ float:left; width:78%; height:auto; line-height:15px; padding:3px 0px; background:url(../images/more.jpg) no-repeat left center; margin-left:15px; padding-left:10px;}
	.list ul li a{ color:#09c; display:block;}
	.line{ width:979px; height:5px; background:url(../images/line.jpg) no-repeat; margin:0 auto;}
	.plist2{ width:973px; height:auto; background:url(../images/bg.jpg) repeat-y; padding:0px 3px 10px 6px; margin:0 auto; overflow:hidden;  _margin-top:-10px;}
	.plist2 ul{ float:left; width:23%; height:180px; border-right:1px solid #6e6e78; padding:0 7px 7px 7px; margin-top:6px}
	.plist2 ul.last{ border:none;}
	.plist2 ul li a{ color:#666;}
	.plist2 ul li.t a{ color:#09c; font-weight:bold}
	.plist2 ul li.w a{color:#000; font-weight:bold}
	.plist2 .l{border-right:none;}
#footer{ width:973px; height:auto; background:url(../images/bg.jpg) repeat-y; padding:0px 3px 0px 6px; margin:0 auto; overflow:hidden; _margin-top:-10px; text-align:center;}
#footer .olink{text-align:center; padding:6px 0;color:#09c}
#footer .olink a{color:#000}
#footer .qlink{ width:961px; height:auto; text-align:center; margin:0 auto; color:#666; border-bottom:none;}
#footer .qlink a{ color:#333; font-weight:normal;}
#footer .qlink a:hover{ text-decoration:underline;}
#footer .link{ width:961px; height:32px; line-height:32px; text-align:center; color:#09c; text-align:center;} 
#footer .link a{ padding:0 10px; color:#09c;}
#footer .link a:hover{ text-decoration:underline;}
#footer #otherlink{ width:400px; margin:0 auto; height:30px; padding-top:5px;}
#footer #otherlink div{ float:left; margin-left:10px; text-align:center; margin-top:6px; height:11px; line-height:17px;}
#footer #otherlink div a{ text-decoration:none; color:#999; font-weight:normal; font-size:11px;}

.msn{float:right}

#demo{ float:left; background:#eee; overflow:hidden; width:730px; padding:6px; margin:6px 0}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo1 a, #demo2 a{ margin-right:10px;}
#demo2 {float:left;}

.pshow_text{width:730px; padding:6px; margin:6px 0}
#next{float:left; width:18px; height:31px;}
#prev{float:left; width:12px; height:31px;}
.scroll{float:left; overflow:hidden; margin-left:20px!important;margin-left:10px;}
.scroll ul li{float:left; margin-right:4px}
.scroll ul li img{padding:1px; border:#ccc 1px solid}
/*Certificates*/
	.right .c { position:relative;}
	.right .c ul { list-style:none;}
	.right .c li {float: left;width: 160px;height: 160px;border: 1px solid #C7C7C7;margin-right: 12px;text-align: center;line-height: 160px;}
	.right .c li span { height:100%;writing-mode: tb-rl;vertical-align: middle;}
	.right .c li img {vertical-align: middle;}
		/*jquery tanchu*/
		.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8) }	
		.reveal-modal { visibility: hidden; top:20px; left: %50; margin-left:-134px; width: 800px; height:auto; position:fixed; z-index: 101; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFF;}
		.reveal-modal img { width:800px;}
		.reveal-modal.small{ width: 200px; margin-left: -140px;}
		.reveal-modal.medium{ width: 400px; margin-left: -240px;}
		.reveal-modal.large{ width: 600px; margin-left: -340px;}
		.reveal-modal.xlarge{ width: 800px; margin-left: -440px;}
		.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top:-10px; right: 11px; color: #fff; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }
		/*Contact Us*/
		.right .us { line-height:33px;}
		.right .us span { font-weight:bold;}
		.right .us hr { width:57%}
		.right .us a {color:#FC0000}
	/*Gallery*/
	.right .ga span { clear:both;}
	.right .ga .big-link{display: block;
float: left;
width: 120px;
height: 80px;
border: 1px solid #A3A3A3;
margin: 15px;}