/* CSS Document */
@charset "utf-8";
*{word-wrap:break-word;}
BODY {MARGIN-TOP:0px; FONT-SIZE: 12px; COLOR: #484848; FONT-STYLE: normal; FONT-FAMILY: Arial; BACKGROUND-COLOR: #D2E0F0; }
TD {FONT-SIZE: 12px; COLOR: #484848; FONT-STYLE: normal; FONT-FAMILY: Arial}
P {FONT-SIZE: 12px; COLOR: #484848; FONT-STYLE: normal; FONT-FAMILY: Arial}
DIV {FONT-SIZE: 12px; COLOR: #484848; FONT-STYLE: normal; FONT-FAMILY: Arial}
img{padding:0;margin:0;border:0;}
#clear{ clear:both;}
/*Wraper*/
#wrapper{ margin:20px auto; background-color:#FFFFFF; width:920px;}
/*Head*/
.head{ margin:10px;height:140px; padding:0;}
.logo{float:left;width:350px;height:80px;background-image:url(/images/logo.jpg);background-repeat:no-repeat;}
.h1{float:right;font-size: 18px;font-weight: bold;font-family:Verdana, Arial, Helvetica, sans-serif;color:#996600;margin-top:25px;margin-bottom:0px;}
.head .nav{width:520px;margin-top:0px;float:right;margin-right:0px; height:20px;}
.head .nav ul{ margin:0px; padding:0px;}
.head .nav li{ margin:0px; padding:0px 15px 0px 0px; text-decoration:underline; float:right; display:block;}
.head .nav a{text-decoration:underline; color:#000000;}
.head .nav a:hover{ text-decoration:none; color:#cccccc;}
.head .ad{ float:right;width:500px;margin:0px ; height:115px; text-align:center; background:url(images/banner.jpg) no-repeat left;}

/*Menu*/
.menu{float:left;width:390px;margin:0px; height:50px;}
.menu ul{ margin:0px; padding:0px;}
.menu li{ margin:0px 1px 0px 1px; padding:18px 1px 0px 5px; text-decoration:none; float:left; display:block; font-size:14px; font-weight:bold; text-align:center; height:40px; list-style:none;}
.menu a{text-decoration:none; color:#666666;}
.menu a:hover{ text-decoration:none; color:#000000;}
/*bar*/
#bar{margin:10px;clear:both;width:900px;height:30px;border-top:#96C2F1 dashed 1px;border-bottom:#96C2F1 dashed 1px;  font-size:15px;color:#0092DF;}
#bar h2{padding:0 2px;margin:0px;color:#000000;font-size:15px;float:left; width:575px; line-height:30px;}
    #client{ float:right; margin:0; padding:0 10px 0 10px; width:300px; overflow:hidden;}
	 #client2{ margin:0; padding:0 10px 0 10px; width:280px; overflow:hidden; height:16px;}
	#client2 a{ color:#333333; font-size:11px; text-decoration:none; line-height:16px; margin:0; padding:0 5px;}
/*Main*/
.main{margin:0 0 10px 0; width:920px;background-color:#FFFFFF; padding:0;}
/*Left*/
.main .left{width:220px;padding-top:10px;padding-right:10px;padding-left:10px;float:left;}
.main .left .box{ margin-top:0px; border-top:#96C2F1 dashed 1px;border-bottom:#96C2F1 dashed 1px; padding-top:10px; padding-bottom:5px;}
.main .left .title{ margin-top:0px; height:20px;font-weight:bold; font-size:14px; padding-top:10px; padding-left:10px;}
.main .left .title2{ margin-top:10px; height:10px;font-weight:bold; font-size:14px; padding-top:0px; padding-left:10px;}
.main .left .box ul{list-style:none;padding:0px;margin:5px; line-height:30px;}
.main .left .box li{ margin:0px 0px 5px 0px; padding:0px 0px 0px 5px; display:block; font-weight:bold; vertical-align:middle;}
.main .left .box a{ color:#333333; text-decoration:underline;}
.main .left .box a:hover{ color:#CCCCCC;}
.main .left .ad{ margin:10px auto; height:127px;background:url(images/ad.jpg) no-repeat left;}

.main .left .box2{ margin-top:10px;}
.main .left .box2 ul{list-style:none;padding:0px;margin:0px; line-height:20px;}
.main .left .box2 li{ margin:0px; padding:0px 15px 0px 10px; text-decoration:none; display:block; border-bottom:#96C2F1 dashed 1px; }

.main .left .box4{ margin:20px 10px 10px 10px;}
.main .left .ad3{ margin:10px auto; height:145px;background:url(images/ad3.jpg) no-repeat left;}

/*Middle*/
.main .middle{width:430px;padding-top:10px;padding-right:5px;padding-left:5px;float:left; margin:5px 5px 0px 5px; text-align:center;}
.main .middle .box{ width:205px; margin:5px 5px; float:left;}
.main .middle .box .title-top{ margin:0px; height:7px; background:url(images/title-top.gif) no-repeat bottom right;}
.main .middle .box .title{ margin:0px 0px 0px 1px;height:25px;  border-left:#96C2F1 solid 1px; border-right:#96C2F1 solid 1px; font-weight:bold;}
.main .middle .box .title a{text-decoration:none; color:#333333;} 
.main .middle .box .title a:hover{text-decoration:none; color:#333333;} 
.main .middle .box .content{ margin:0px 0px 0px 1px; border-left:#96C2F1 solid 1px; border-right:#96C2F1 solid 1px; height:210px; width:202px;border-top:#96C2F1 solid 1px;}
.main .middle .box .content .pic{ margin:10px 10px 5px 5px; width:90px; height:100px; float:left;}
.main .middle .box .content .pic2{ margin:10px 10px 5px 5px; width:90px; height:100px; float:left;}
.main .middle .box .content .pic3{ margin:10px 10px 5px 5px; width:90px; height:100px; float:left;}
.main .middle .box .content .pic4{ margin:10px 10px 5px 5px; width:90px; height:100px; float:left;}
.main .middle .box .content .detail{ margin-top:5px; line-height:18px; text-indent:5px; padding:5px 10px 5px 10px; text-align:left;}
.main .more{color:#0066ff;text-decoration:none; font-weight:bold;}
.main .middle .box .title-btm{ margin:0px; height:7px; background:url(images/title-btm.gif) no-repeat top right;}

.main .middle2{width:660px;padding-top:5px;padding-right:0px;padding-left:5px;float:left; margin:5px 0px 0px 5px; text-align:center;}
.main .middle2 .dh{ width:640px; margin:5px 0px 0xp 5px;text-align:left; padding:5px 10px 5px 10px;font-size:14px; font-weight:bold;}
.main .middle2 .dh a{ font-size:16px; font-weight:bold; text-decoration:none; color:#000000;}
.main .middle2 .dh a:hover{ font-size:16px; font-weight:bold; text-decoration:underline; color:#000000;}
.main .middle2 .box{ width:640px; margin:5px 0px 0xp 5px;text-align:left; padding:5px 10px 5px 10px; border:#96C2F1 solid 1px; word-spacing:3px; overflow:hidden;}
.main .middle2 .box a{color:#0092DF;}

.main .middle .bt{ background:url(images/about.jpg) no-repeat left; height:50px;}
.main .middle .bt2{ background:url(images/contact.jpg) no-repeat left; height:50px;}
.main .middle2 .sitemap{ background:url(images/sitemap.jpg) no-repeat left; height:50px; margin-bottom:10px;}
.main .middle2 .cn{ background:url(images/certification.jpg) no-repeat left; height:50px; margin-bottom:10px;}
.main .middle2 .cn1{ background:url(images/banm04.gif) no-repeat left; height:50px; margin-bottom:10px;}
.main .middle2 .news{ background:url(images/news.jpg) no-repeat left; height:50px; margin-bottom:10px;}
.main .middle2 .product{ background:url(images/product.jpg) no-repeat left; height:50px; margin-bottom:10px;}
.main .middle .nr{ padding:5px 15px 5px 15px; text-align:left; word-spacing:1px; line-height:18px;}
.main .middle .fb{ padding:0px 10PX 0PX 10PX; text-align:left;line-height:18px;}

/*Right*/
.main .right{width:195px;padding-top:10px;padding-right:10px;padding-left:10px;float:left; margin-top:5px;}
.main .right .title{ margin-top:10px; height:20px;font-weight:bold; font-size:14px; padding-top:10px; padding-left:10px; border-bottom:#96C2F1 dashed 1px;}
.main .right .box{ margin-top:0px;border-bottom:#96C2F1 dashed 1px; padding:5px 10px 5px 10px;}
.main .right .box ul{padding:0px;margin:5px; line-height:20px; list-style:hebrew;}
.main .right .box li{ margin-left:5px; padding-top:5px; display:block;}
.main .right .box a{ color:#333333; text-decoration:none;}
.main .right .box a:hover{ color:#CCCCCC;}
.main .right .ad{ margin:0px auto; height:156px;background:url(images/ad2.jpg) no-repeat left;}

.main .right #gundong{ margin:5px auto; padding:0 5px; height:120px;}
.main .right #gundong p{ margin:0; padding:3px 0;}

/*Foot*/
.foot{ margin:10PX auto; padding:0;}
.foot .bar{ padding:0px 15px 0px 15px;}
.foot .menu{ margin:10px 15px 10px 15px; height:35px;text-align:center; width:890px;font-weight:bold;}
.foot .menu a{ margin:10px; text-decoration:underline; color:#0099FF;}
.foot .menu a:hover{margin:10px ; text-decoration:none; color:#cccccc;}
.foot .copy{ margin-top:5px; text-align:center}


#panel {
	background:#FFFFFF;
	display: none;
	border:#96C2F1 1px solid;
	padding:5px;
	margin:5px auto;
}
#panel p{ color:#355379; line-height:18px; margin:10px 5px;}
#panel p .ys{ background-color:#D2E0F0;}
.slide {
	margin: 0;
	padding: 0;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 142px;
	height: 25px;
	padding: 6px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}


input {
	padding : 2px 0px 1px 7px;
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family : tahoma, sans-serif;
	font-size : 11px;
	font-weight : bold;
}

select {
	padding : 2px 0px 1px 7px;
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family : tahoma, sans-serif;
	font-size : 11px;
	font-weight : bold;
}