@charset "utf-8";
/* CSS Document */
#container{ width:1200px; font-family:Comic Sans MS,"Trebuchet MS",Arial; font-size:11px; margin:0 auto; color:#232323}
a{ color:#232323; text-decoration:none}
p{ margin:0; padding:0}
#right1 span a,#con2 span a{ color:#0090ff}
#right1 #about_us a,#con2 #about_us a{ color:#96c2f1}
a img{ border:0}
h1{ font-size:14px; display:inline}
.clear{ clear:both}

#nav,#nav1{ width:1200px; float:left}
#nav1{ height:42px; background:url(../images/back1.gif) repeat-x}
#logo{ float:left; width:217px; height:73px; padding-right:47px}
#nav_list{ float:left; width:936px; height:73px}
#nav_list ul{ margin:0; padding:0}
#nav_list ul li{ float:left; list-style:none}
.list1{ display:block; border-top:#5c9fd4 solid 3px; font-size:13px; font-weight:bold; padding-left:15px; padding-right:15px; line-height:45px}
.list_gap{ color:#b38db2; font-size:14px; margin-top:-3px; font-weight:lighter}
.list1:hover{ border-top:#1b72b6 solid 3px}


#middle{ float:left; width:1172px; padding-left:12px; padding-right:16px; padding-bottom:15px}
#middler_left{ float:left; width:258px; padding-right:12px}
#middler_right{ float:left; width:902px}
.left_nav{ width:258px; background:url(../images/left/back2.gif) repeat-y; margin-bottom:12px}
#middler_left ul{ margin:0; padding:0}
#middler_left ul li{ height:42px; list-style:none; background:url(../images/left/dot.gif) 5px 10px no-repeat; padding-left:25px; line-height:35px; font-size:14px; font-weight:bold; color:#0090ff; border-bottom:#92b0dd solid 1px; border-left:#efefef solid 1px }
#middler_left ul li a{ color:#0090ff}
#middler_left ul li a:hover,#middler_left ul #exact_product a{ color:#f16e1e}


.left_title{ width:258px; height:74px; background:url(../images/left/back1.gif) no-repeat; font-size:18px; font-weight:bold; color:#FFF; line-height:70px; text-indent:2em}
.left_title a{ color:#FFF}
#right_left{ float:left; width:484px}
#right_right{ float:left; width:418px}
#banner{
	width:484px;
	height:330px;
}
#banner_bottom{ width:483px; border-right:#efefef solid 1px}
#banner_bottom p,#right2 p{ line-height:20px; text-align:justify; padding-right:10px}
#banner_bottom p img,#right2 p img{ float:left; padding:0 5px 5px 0}
#banner_bottom p span,#right2 p span,#con1 span,.content2 span{ font-size:14px; font-weight:bold}
#right1,#con2{
	width:400px;
	height:320px;
	background-color:#eff7ff;
	padding-left:8px;
	padding-top:10px;
	padding-right:8px;
}
#right1 span,#con2 span{ font-size:20px; font-weight:bold; color:#0090ff}
#right1 #about_us,#con2 #about_us{ font-size:14px; font-weight:bold; color:#96c2f1}
#right1 #chat,.right_relate #enquire,#con2 #chat{ font-size:14px; font-weight:bold; color:#0090ff; float:right}
#right2{ width:408px; padding-top:30px; padding-left:10px}
#links{ float:left; width:902px; padding-top:10px}
#links span{ font-size:14px; font-weight:bold}

#footer{ float:left; width:1200px}
#footer_top{ width:1200px; height:27px; background:url(../images/right/footer.gif) repeat-x}
#footer1{ float:left; font-size:14px; font-weight:bold; color:#0090ff; line-height:30px}
#footer2{ float:right; font-size:12px; font-weight:bold; color:#0090ff; padding-right:200px; line-height:30px}


#right_banner{ float:left; width:902px; height:210px}
#banner_left{ float:left; width:382px; height:210px; background-color:#eff7ff}
#banner_left span{ font-size:20px; font-weight:bold; color:#0090ff; line-height:30px; padding-top:10px}
#banner_left ul{ margin:0; padding:0}
#banner_left ul li{ font-size:16px; font-weight:bold; color:#96c2f1; list-style:none; background:url(../images/right/dot.gif) 10px 20px no-repeat; padding-left:30px; padding-top:15px }
#banner_right{ float:left; width:520px; height:210px}

#products_center{ float:left; width:897px; margin-top:20px; padding-right:5px}
#products_left{
	float:left;
	width:642px;
	padding-left:15px;
	background-color:#eef3f7;
	padding-top:15px
}
.products_img{
	float:left;
	width:198px;
	height:175px;
	background-color:#FFF;
	color:#232323;
	line-height:20px;
	margin-bottom:25px
}
.products_gap{ float:left; width:10px; height:10px}
#products_right{ float:left; width:225px; text-align:right; padding-left:15px}
.right_relate{
	width:225px;
	float:left;
	padding-bottom:15px;
	border-bottom:#87d741 dotted 1px;
	margin-bottom:20px
}
.right_relate span{ color:#96c2f1; font-size:14px; font-weight:bold; line-height:25px}
.right_relate span a{ color:#96c2f1}
.right_relate #enquire a{ color:#0090ff}
#get_support{ float:left; width:225px; height:68px; background:url(../images/left/back3.gif) no-repeat; color:#FFF; font-size:14px; font-weight:bold; line-height:60px}
#get_support a{ color:#FFF}


#content1,.content2,#content3{ float:left; width:902px}
#content1{ height:330px}
#con1{ float:left; width:484px; height:330px}
#con2{ float:left}
#con1 ul,.content2 ul{ margin:0; padding:0}
#con1 ul li,.content2 ul li{ list-style:none; background:url(../images/right/dot2.gif) 10px 7px no-repeat; padding-left:25px; padding-right:10px; text-align:justify; line-height:22px}
.content2 ul li table{ width:700px; line-height:20px; border:#9b7a9a solid 1px;}
.table_title{ color:#0090ff; font-weight:bold}
.content2 ul li table tr:hover{ background-color:#1b72b6; color:#FFF; cursor:pointer}
.content2 #next_page a{ color:#f16e1e}



#content3 table td{
	height:25px;
	line-height:25px;
	text-indent:1em;
	}
.trcolor{ color:#0090ff; font-size:14px; font-weight:bold}
.tdset{
	height:140px;
	line-height:140px;
	}
input{
	width:230px;
	}
textarea{
	width:230px;
	}
.button{
	width:100px;
	height:20px;
	line-height:20px;
	color:#ffffff;
	font-weight:bold;
	border:2px;
	cursor:pointer;
	background-color:#1b72b6;
	font-size: 14px;
	margin-left:140px
}
#content3 span{ font-size:16px; font-weight:bold; color:#f16e1e}

.content2 #gallery_right,.content2 #gallery_right a{ color:#96c2f1}
.content2 #gallery_right a:hover{ color:#0090ff}


.gallery_blank{
	width:750px;
	height:9px;}

#gallery_title{
	width:748px;
	height:25px;
	font-size:14px;
	line-height:25px;
	background-color:#f2f2f2;
	border:#d2d2d2 solid 1px;
	font-weight: bold;
}
#gallery_title .title1{
	float:left;}
#gallery_title .title2{
	float:right;}
#gallery_title .title2 a{
	color:#333333;
	text-decoration:none;}
#gallery_title .title2 a:hover{
	text-decoration:underline;}
#gallery_title img{
	vertical-align:bottom;
	margin-right:5px;}
.gallery_blank2{
	width:750px;
	height:55px;}
#gallery{
	width:902px;
	height:257px;
}
.gallery_blank3{
	width:902px;
	height:170px;
}
#image_blank1{
	float:left;
	width:200px;
	height:257px;
	}
#gallery .image{
	width:377px;
	height:255px;
	border:#d2d2d2 solid 1px;
	float: left;
	cursor:pointer;
}
#image_blank2{
	float:left;
	width:300px;
	height:257px;
	}
.gallery_neirong{
	width:902px;
	height:30px;
	background-color:#777777;
	text-indent:2em;
	text-align:justify;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
#gallery_list{
	width:895px;
	height:110px;
	background-color:#d6d6d6;
	border:#d2d2d2 solid 1px;
	padding-top: 5px;
	padding-left: 5px;
	}
.gallery_pic{
	width:100px;
	height:100px;
	cursor:pointer;
	float: left;
}
.gallery_pic img:hover{
	border:#333 solid 1px;
	}
.pic_blank{
	float:left;
	width:6px;
	height:100px;
}

.contactimg { float: left; display: inline; margin: 0 10px 20px 0; width: 235px; height: 249px; position: relative;}
.contactimgr { float: left; display: inline; margin: 0 0 20px 0; width: 235px; height: 249px; position: relative;}
.ctxt { position: absolute; top: 87px; left: 10px; font-size:11px;}
.ctxt h3 { color: #3b73b9; font-size: 14px; height: 30px; line-height: 30px; margin: 0; padding: 0;}
.ctxt p { line-height: 14px; padding: 2px 0;}