@charset "utf-8";



/* CSS Document */







body, html{



	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #666666;



	line-height:16px;



	background-color: #FFFFFF;



	background-image: url(../images/index_bj.gif);



	background-repeat: no-repeat;



	background-position: center top;



	margin: 0px;



	padding: 0px;



}



div,table,td,tr,ul,li,dl,dd,dt,p,br,h1,h2,h3,h4,h5,h6,form,input,a,img{ margin:0; padding:0px; }



td{ padding-left:5px; padding-top:2px; padding-bottom:2px;}



img{ border:0px;}



a{color: #666666;



	font-size: 12px;



	text-decoration: none;



	line-height: 16px;



	font-family:  Calibri, Verdana, Arial, Helvetica, sans-serif;



}



a:link, a:visited {



	color: #666666;



	font-size: 12px;



	text-decoration: none;



	line-height: 16px;



	font-family:  Calibri, Verdana, Arial, Helvetica, sans-serif;



}



a:hover{



	color: #003399;



	font-size: 12px;



	text-decoration: none;



	line-height: 16px;



	font-family:   Calibri, Verdana, Arial, Helvetica, sans-serif;



}



.clear {clear:both; height:0; font-size: 1px; line-height: 0px;}







.clear2{



border-top:1px solid transparent !important;



margin-top:-1px !important;



border-top:0;



margin-top:0;



clear:both;



visibility:hidden;



}











             /*--------------------------top--------------------------*/







#top, #center, #down{ width:1002px; margin-left:auto; margin-right:auto;}







.logo{ width:490px; float:left; padding-left:30px; padding-top:30px; padding-bottom:3px;}



.pro_search{



	width:350px;



	float:right;



	text-align:right;



	background-image: url(../images/search.gif);



	background-repeat: no-repeat;



	background-position: right center;



	margin-top: 40px;



	margin-right: 20px;



	padding-right:10px;



	padding-top:2px;



	height:20px;



	vertical-align: middle;



}



.menu{ width:1002px; padding-bottom:2px;}



.banner{ width:1002px; margin-left:auto; margin-right:auto; padding-bottom:23px;}



#down {



	background-image: url(../images/down_bj.jpg);



	background-repeat: repeat-x;



	padding-top: 20px;



	padding-bottom: 5px; padding-left:20px; padding-right:28px; width:954px;



}  



#down .left{



	width:700px;



	float:left;



	line-height:35px;



}



#down .right{ width:245px; float:right; line-height:40px; height:40px; padding-top:3px; text-align:right; }







/*--------------------------menu-----------------------------*/



#Nav { /*Make the left border */



	line-height: 31px;



	list-style-type: none;



	width:1002px;



	background-image: url(../images/menubj2.gif);



	background-repeat: no-repeat;



	height: 31px;



	margin-right: auto;



	margin-left: auto; background-color:#007110; padding-top:7px;



}











#Nav ul {



	margin: 0px;



	padding: 0px;



	list-style: none;/*display: inline;*/







}



#Nav ul li {



	position: relative;



	float: left;



	text-align: center;



	width: 100px;



	line-height:31px;



	background-repeat: no-repeat;



	background-position: right center; font-family:Arial, Helvetica, sans-serif;



}



#Nav li ul {



	position: absolute;



	left: 0px;



	display: none;



	border-left: 0px;



	background:#007110;



	width: 145px;



	filter: alpha(opacity=90);



	-moz-opacity: 0.9;



	opacity: 0.9;font-family:Arial, Helvetica, sans-serif;



}



#Nav ul li a {



	display: block;



	width: 100px;



	text-align:center;



	font-size: 12px;



	line-height: 31px;



	color: #FFFFFF;font-family:Arial, Helvetica, sans-serif;



}



#Nav ul li ul li a { /* The border of main menus is different from the sub menus */



	display: block;



	width: 135px;



	text-align:left;



	padding-left:8px;



	font-size: 12px;



	line-height: 16px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #ffffff;padding-top:5px; padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;



}



*html #Nav ul li ul li a { /* The border of main menus is different from the sub menus */



	display: block;



	width: 135px;



	text-align:left;



	padding-left:8px;



	font-size: 12px;



	line-height: 16px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #ffffff;padding-top:5px; padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;



}



#Nav a:hover {



	line-height:31px;



	width: 100px;



	color: #EBFFB1;



	background-color: #008003;



	font-size: 12px;	filter: alpha(opacity=80);



	-moz-opacity: 0.8;



	opacity: 0.8;font-family:Arial, Helvetica, sans-serif;



}



#Nav ul li ul li a:hover {



	display: block;



	width: 135px;



	text-align:left;



	padding-left:8px;



	font-size: 12px;



	line-height: 16px;



	background:#4C8C00; padding-top:5px; padding-bottom:5px;font-family:Arial, Helvetica, sans-serif;



}



/* Fix IE. Hide from IE Mac */







* html #Nav ul li {



	float: left;



	height: 1%;



}



* html #Nav ul li a {



	height: 1%;



}



/* End */







#Nav li:hover ul, li.over ul {



	display: block;



}



#Menu li.over ul {



	display: block;



}



#Menu li.over li ul {



	margin-left: 105px;



	margin-top: -21px;



	display: none;



}



#Menu li li.over ul {



	display: block;



}







.search2{



	border: 1px none #ffffff;



	height:12px;



	line-height:11px;



	font-size:11px; font-family:Arial, Helvetica, sans-serif;



} 



.change{padding-right:48px; text-align:right; color:#FFFFFF; float:right;}



.change a{ color:#FFFFFF;}



.change a:hover{ color: #FFFFFF;}







.index_news{ width:310px; float:left; padding-left:0px; margin-left:15px;display: inline;



}



.index_news ul{ padding-top:15px; list-style-type: none;}



.index_news ul li{



	background-image: url(../images/jt1.gif);



	background-repeat: no-repeat;



	background-position: left center;



	padding-left: 8px; line-height:20px;



}



.index_news ul li a{line-height:20px;}



.index_news ul li a:hover{line-height:20px;}











.index_about{ width:320px; float:left; padding-left:20px; 	border-left-width: 1px;



	border-left-style: solid;



	border-left-color: #E9E9E9; margin-left:15px;}



.index_product{ width:280px; float:left; border-left-width: 1px;



	border-left-style: solid;



	border-left-color: #E9E9E9; padding-left:15px; margin-left:10px;}



.index_title{ float:left; font-size:24px; color:#000000; line-height:28px; }



.index_title2{ float:right;}



.index_about .left{ float:left; width:110px; padding-top:18px;}



.index_about .left img{ padding-bottom:4px; }



.index_about .right{ float:right; width:205px;  padding-top:18px;}



.index_about .down{ border: 1px solid #E6E5E0; height:16px; padding-left:10px; margin-top:7px;}







.link{ font-size: 12px; color: #666666; border: 1px solid #eeeeee; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; height:17px;}















/*--------------------------------about---------------------------*/



#about_center{



	width:1002px;



	margin-left:auto;



	margin-right:auto;



	background-image: url(../images/about_centerbj.gif);



	background-repeat: repeat-y;



	background-position: right; padding-bottom:18px; height:auto;	



}



#about_center2{ margin-left:auto; margin-right:auto;}



.about_title{



	background-image: url(../images/about_titlebj.jpg);



	background-repeat: no-repeat;



	background-position: left;



	height: 75px;



	width: 978px;



	padding-top: 10px;



	padding-left: 10px; 



}



.about_title .pic{ width:220px; float:left;}



.about_title .title{ width:300px; float:left; padding-top:2px; font-size:22px; color:#003399; line-height:22px;}



.about_title .title2{  float:right; padding-top:35px; padding-right:38px;}







#about_left{ width:201px; float:left; padding-left:10px;}



#about_right{ width:737px; float:left; padding-left:10px;}



#about_left .title{



	color:#003399;



	font-size:18px;



	background-image: url(../images/list_bj.jpg);



	background-repeat: repeat-x;



	background-position: bottom;



	padding-bottom:10px;



	padding-left:5px;



	margin-top: 10px;



	margin-right: 10px;



	margin-left: 10px;



}



#about_left ul{



	list-style-type: none;



	padding-right: 10px;



	padding-bottom: 35px;



	padding-left: 10px;



}



#about_left ul li{ list-style-type:none; background-image:url(../images/list_bj.jpg); background-repeat:repeat-x; background-position:bottom; padding:5px; color:#5A77B0;}



#about_left ul li a{color:#5A77B0;}



#about_left ul li a:hover{color:#0F4DCA;}











.contact_lefttitle{ margin:10px; background-image: url(../images/contact_bj.jpg); background-repeat:no-repeat; height:120px; font-size:18px; color:#1B3F95; padding-left:10px; padding-top:5px;}



.tel{ font-size:12px; color:#556FAF; text-align:right; padding-top:70px; padding-right:11px;}



.aboutcon_left{ width:480px; float:left;}



.aboutcon_right{ width:230px; float:left; margin-left:12px; padding-left:12px; background-image:url(../images/about_line.jpg); background-repeat:repeat-y; height:auto; margin-top:20px;}







#product_right{



	width:732px;



	float:left; margin-left:10px;



	height:auto;



}



#product_right .img1{ width:210px; float:left;}



#product_right .content1{ width:520px; float:left;}







.font_bl{font-size:14px;font-weight: 600;



}











.pic1 {



	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: auto; VERTICAL-ALIGN: middle; OVERFLOW: hidden; WIDTH: 210px; PADDING-TOP: 1px; POSITION: relative; HEIGHT: 168px;  vertical-align:middle; position:relative; *float:left; display: table-cell;



}



.pic1 p{*position:absolute; top:50%;}



.pic1 img {*position:relative; top:-50%;}



.product{ clear:both;}







#productsmall_right{



	width:732px;



	float:left; margin-left:10px;



	height:auto;



}



#productsmall_right .img1{ width:330px; float:left;}



#productsmall_right .content1{ width:400px; float:left; margin-top:25px;}







.speci{ clear:both;}







.speci ul{ clear:both;}



.speci ul li{



	list-style-type: none; float:left; padding:3px;



}







#news_right{ width:737px; float:left; padding-left:10px;}



#news_right ul{list-style-type: none; padding:0px; margin:0px;}



#news_right li{list-style-type: none;padding-bottom: 15px; }

.newib li{

	background-image:url(../images/be.jpg);

	padding-left:15px;

	background-repeat: no-repeat;

	background-position: left 6px;

}







#news_right .titleh{



	color:#003399; font-size:17px;



	line-height:30px;



	font-weight: normal;



	padding-bottom:5px;



	margin-bottom:15px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #D8D7D7;



	border-right-color: #D8D7D7;



	border-bottom-color: #D8D7D7;



	border-left-color: #D8D7D7;



}







#news_right li h2{



	color:#72B012;



	background-image: url(../images/news_ico.jpg);



	background-repeat: no-repeat;



	background-position: left center;



	color:#003399;



	padding-left:20px;



	font-size:14px;



	line-height:30px;



	font-weight: normal;



}



#news_right li h2 a{color:#003399;line-height:30px;font-weight: normal;font-size:14px;}



#news_right li h2 a:hover{color:#72B012;line-height:30px;font-weight: normal;font-size:14px;}







#news_right li h3{ font-size:12px;font-weight: normal;	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #E0E0E0; margin-bottom:5px; padding-bottom:5px;}



	



.pagen{border-top-width: 1px;border-top-style: solid;border-top-color: #D7D7D7; padding-top:10px;}



.page2{ padding-left:220px; margin-top:10px; padding-right:50px;}







.contact_left{ width:420px; float:left;}



.contact_righ{ width:300px; float:right; padding-top:35px;}







#map_right{ width:737px; float:left; padding-left:10px;}



#map_right ul{list-style-type: none; padding-bottom:45px; clear:both;}



#map_right ul p{



	font-weight: bold;



	color: #034694;



	background-image: url(../images/news_ico.jpg);



	background-repeat: no-repeat;



	background-position: left center;



	padding-left: 20px;



	text-decoration: underline; }



#map_right ul p a{



	font-weight: bold;



	color: #034694;



	text-decoration: underline;}



#map_right ul p a:hover{



	font-weight: bold;



	color: #2D66A8;



	text-decoration: underline;}



#map_right ul li{



	list-style-type: none;



	background-image: url(../images/jt1.gif);



	background-repeat: no-repeat;



	background-position: left center;



	margin-left: 10px;



	padding-left: 8px;



	padding-top:3px;



	padding-bottom:3px;



	float: left;



	margin-right: 10px;}



#map_cotact{}



#map_cotact p{	font-weight: bold;



	color: #034694;



	background-image: url(../images/news_ico.jpg);



	background-repeat: no-repeat;



	background-position: left center;



	padding-left: 20px;



	text-decoration: underline; }



#map_cotact p a{



	font-weight: bold;



	color: #034694;



	text-decoration: underline;}



#map_cotact p a:hover{



	font-weight: bold;



	color: #2D66A8;



	text-decoration: underline;}



#map_cotact ul li{



	list-style-type: none;



	font-weight: bold;



	color: #2D66A8;



	text-decoration: underline;



	background-image: none;



}



#map_cotact ul li ul li{



	list-style-type: none;



	margin-left: 10px;



	padding-left: 8px;



	padding-top:3px;



	padding-bottom:3px;



	float: left;



	margin-right: 10px;



	background-image: url(../images/jt1.gif);



	background-repeat: no-repeat;



	background-position: left center;



	font-weight: normal;



	color: #666666;



	width: 145px;



	text-decoration: none;}







.order_input{



	border: 1px solid #E2E2E2;



	background-color: #FFFFFF;



	font-size: 12px;



	color: #333333; font-family:Arial, Helvetica, sans-serif; height:16px; line-height:16px;



}



.order_input3{



	border: 1px solid #E2E2E2;



	background-color: #FFFFFF;



	font-size: 12px;



	color: #333333; font-family:Arial, Helvetica, sans-serif; height:22px; line-height:16px;



}



.order_input2{



	border: 1px solid #E2E2E2;



	background-color: #FFFFFF;



	font-size: 12px;



	color: #333333; font-family:Arial, Helvetica, sans-serif; height:130px; line-height:16px;



}



.red22{ color:#E32200; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



#cotact_right{



	width:737px;



	float:left;



	padding-left:10px;



	background-image: url(../images/con_bj.jpg);



	background-repeat: no-repeat;



	background-position: right top;}











.small_pic{ float:right; width:81px;}



.small_pic img{



	border-bottom-width: 1px;



	border-left-width: 1px;



	border-bottom-style: solid;



	border-left-style: solid;



	border-bottom-color: #CCCCCC;



	border-left-color: #CCCCCC;



}
