@charset "utf-8";
/* CSS Document */
body{background:url(../images/bg_ff.jpg) repeat center;*background:url(../images/bg.jpg) repeat center;_background:url(../images/bg.jpg) repeat center;font:11px Tahoma, Verdana, Segoe, sans-serif;text-align:justify;margin:auto;line-height:21px;}
body,h1,h2,h3,h4,h5,ul,ol,li,p,form,fieldset,legend,input,img {margin:0px;padding:0px;}
img{border:0px;}
*{padding:0px;margin:0px;}
.lab{color:#FF0000;}
a{color:#000000;outline:none;text-decoration:none;}
.tel{display:block;text-indent:24px;}
.email{color:#FDC222;font-weight:bold;}
ol, ul, dl{list-style:none;}
ol:after,ul:after {content: "."; display:block; font-size:0px; height:0px; clear:both; visibility:hidden;}
li.clear{clear:both;height:0px;font-size:0px;margin-top:-20px;}
.clear{clear:both;}
.h01{width:230px;height:209px;background:#669ACC;}
.h02{width:230px;height:760px;background:#669ACC;}
.h03{width:230px;height:340px;background:#669ACC;}
.h04{width:230px;height:1110px;background:#669ACC;}
.h05{width:230px;height:925px;background:#669ACC;}
.h06{width:230px;height:154px;background:#669ACC;}
.h07{width:230px;height:820px;background:#669ACC;}
.h08{width:230px;height:54px;background:#669ACC;}
.h09{width:230px;height:94px;background:#669ACC;}
#header{width:900px;height:auto;margin:0 auto;}
#language{ width:900px;height:auto;margin:0px auto; padding:5px auto;text-align:left;line-height:15px; background:#fff; }
#language a{margin-right:7px;color:#13488C;border-right:1px solid #13488C;padding-right:3px;font-weight:bold;}
#language a:hover{color:#FF6600;}
#language a.last{margin-right:2px;color:#13488C;padding-right:2px;border:none;}
#language a.last:hover{color:#FF6600;}
.companyname{height:auto;width:700px;float:right;padding-top:10px;font-size:18px;font-weight: bold;color: #F07413;}
#header h5{color: #666;font-size: 9px;width:900px;margin: 0px auto;text-align: right;background:#fff; line-height:15px;}
#header h5 a {color: #27326A;}
.banner{height:109px;display:block;width:900px;background:url(../images/classname_bg.jpg);padding-top:1px;margin:auto;text-align:left;border-bottom:1px solid #ccc;}
.banner .banner1{ float:left; width:220px; padding-left:75px; padding-top:25px;}
.banner1  h2{ color:#fff; font-size:17px;}

#tabsH{width:900px;height:auto;margin:0px auto;background:#000;line-height:13px;}
#tabsH ul{margin:0;padding:3px 10px 0 50px;list-style:none;height:26px;border-bottom:1px solid #FDC222;}
#tabsH li{display:inline;padding:0;}
#tabsH ul li.button{float:left; background:url(../images/tableftH.gif) no-repeat left top;margin:0;padding:0 0 0 4px; text-decoration:none;font-weight:bold;font-size:12px;}
#tabsH ul li.button a{float:left;display:block;background:url(../images/tabrightH.gif) no-repeat right top; padding:5px 28px 4px 28px;color:#FFF;height:17px;}
#tabsH ul li.button a:hover{color:#FDC222;}
#tabsH ul li.leave{float:left; background:url(../images/tableftH.gif) no-repeat left top;margin:0;padding:0 0 0 4px; text-decoration:none;font-weight:bold;font-size:12px;}
#tabsH ul li.leave a{float:left;display:block;background:url(../images/tabrightH.gif) no-repeat right top; padding:5px 28px 4px 28px;color:#FDC222;height:17px;}
#tabsH ul li.leave a:hover{color:#FDC222;}
#tabsH ul a:hover {visibility:visible; position:relative; z-index:200;}
#tabsH ul li:hover {position:relative; z-index:200;}
#tabsH ul ul, 
#tabsH ul :hover ul ul, 
#tabsH ul :hover ul :hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0;}
#tabsH ul :hover ul.sub{left:0;
	top:22px;
	background: #F9F9F9;
	border:1px solid #ccc;
	width:220px;
	height:auto;
	z-index:300;
	font-size:11px;
}
#tabsH ul  :hover ul.sub li { display:block; font-size:11px; height:auto; position: relative; float:left; width:220px; border-bottom: 1px solid #CCCCCC;text-align:left;}
#tabsH ul  :hover ul.sub li.li2 {border-bottom:none;}
#tabsH ul  :hover ul.sub li a {width:220px; font-weight:bold;padding-left:5px; color:#13488C;float:left;text-align:left;border-right:none;background:none;}
#tabsH ul  :hover ul.sub li  a:hover {width:220px; padding-left:5px;color:#FF6600;display:block; background:none; }
#tabsH ul  :hover ul :hover ul{left:100px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; width:auto;  height:auto;}
.banner_2 {height:15px;margin-top:30px;float:right;font-size:17px;text-align:left;font-weight:bold;color:#ffffff;margin-right:242px;}
.banner_2 a{color:#fff;}
#container{width:900px;height:auto;background:#fff;overflow:hidden;margin:0px auto;  padding-bottom:10px;}
#left{width:230px;float:left;padding-top:2px;height:auto;margin-bottom:2px;background-color: #FFFFFF;margin-top:2px;}
#leftmenu{margin:0;padding:0;line-height:14px;text-align:left;}
#leftmenu a{display:block;background:#74AAD6 url(../images/vmenuarrowhover.gif) no-repeat center left;color: #FFFFFF;padding:5px 5px 5px 13px;font-weight:bold;border-bottom:1px solid #ccc;text-decoration:none;border-bottom: 1px solid #387BA9;border-top: 1px solid #A7C6DF;}
#leftmenu a:hover{color:#FDC222;background:#74AAD6 url(../images/vmenuarrow.gif) no-repeat center left;}
.name{width:230px;height:21px;font-weight:bold;color:#FFFFFF;font-size:12px;background:#FE9D2C;margin-bottom:1px;} 
#left .contact{width:227px;height:auto;font-size: 11px;color: #000000;background:#ffffff;}
.contact_top{width:227px;color:#FFFFFF;padding-left:3px;font-weight:bold;background:#000;border-top:1px solid #fff;font-size: 12px;margin-top:5px;}
.contact_title{width:230px;height:70px;font-weight:bold;color:#FFFFFF;font-size:12px;background:url(../images/contact.jpg) no-repeat;}
#left .quick_links {width: 230px;margin-top:7px;
} 
#left .quick_links ul{list-style:none;}
#left .quick_links li {height:60px;background:#F7F7F7;margin-bottom:7px;border-bottom:1px dotted #cccccc;font-size: 11px;font-weight:bold;}
#left .quick_links li a { color:#000000; }
#left .quick_links li a img{padding: 5px;border-right:1px #FFC730 solid;float:left;margin-right:4px;}
#left .quick_links li a img:hover{background:#FFC730;}
#left .quick_links li a:hover{border-bottom:#FFC730 1px dashed;}
#left .font{width:226px;height:auto;margin-top:0px;font-size:11px;color:#fff;background:#669ACC;padding-left:4px;text-align:left;}
#left .font .img02{border:1px solid #ccc;margin:3px;}
#left .contact a{color:#000000;text-decoration:underline;}
#left .contact a:hover{color:#0033FF;text-decoration: underline;}
#left .title{width:218px;padding-left:0px;color:#FFFFFF;font-size:15px;background-color: #3B83C9;font-weight:bold;}
#middle{width:655px;float:right;padding-top:5px;margin-left:2px;}
#content_midd{width:645px;float:right;padding-top:5px;margin-left:5px !important;_margin-left:12px;}
.company{width:650px;height:auto;padding:0px;margin-left:0px;margin-bottom:5px;}
.company p{margin-bottom:5px;}
.company .img01{margin-top:5px;margin-right:3px;float:left;}
.title1{font-size:12px;color: #000000;font-weight:bold;display:block;height:auto;width:97%;margin:8px 0px 5px 2px;padding:3px 0px 3px 5px;float:left;text-align:left;background:#F0F0F0;border-bottom:1px solid #FFC730;}
.title1 a{color:#000066;text-decoration: underline;}
.content1{
	float:left;
	width: 650px;
	margin-left: 3px;
	font-size: 11px;
	display:block;
	height: auto;
}
.content1 img {border:1px solid #cccccc;padding:1px;}
.content1 a{color:#F07400;text-decoration: underline;}
.content1 a:hover{
	color:#0033FF;
	text-decoration: underline;
}
#middle .advertise{width: 650px;height:280px;border:1px solid #ccc;background: url(../images/com.jpg) right bottom no-repeat;padding:0px;margin-left:0px;margin-bottom:5px;}
.advertise .more{float:right;color:#0000CC;font-weight: bold;margin-right:2px;}
.advertise .more a{color:#0033CC;}
.advertise .more a:hover{color:#FF6600;}
#middle .advertise .title{float:left;font-weight:bold;margin-left:5px;margin-top:5px;width:640px;text-align:left;display:block;border-bottom:2px solid #FDC222;font-size:12px;color:#13488C;} 
#middle .advertise .content{float:left;padding-right:3px;width:640px;margin-left:5px;display:block;}
#middle .text{width:560px;height:auto;background:#ccc;font-size:12px;font-weight:bold;color:#fff;margin-top:5px;margin-left:5px;padding:4px 0 4px 15px;}
.title_top{float:left;font-weight:bold;width:647px;height:auto;text-align:left;display:block;font-size:12px;color:#000;background:#f5f5f5;margin-left:0px !important;_margin-left:3px;padding:0px 0px 0px 2px !important;_padding:3px 0px 3px 2px;}
.title_top a{color:#FF6600;}
.title_top a:hover{color:#13488C;}
.title_head{float:left;font-weight:bold;width:650px;text-align:left;display:block;font-size:12px;color:#FF6600;border-bottom:2px solid #FDC222;padding-left:2px;margin-left:0px !important;_margin-left:5px;}
.other_title{float:left;font-weight:bold;width:650px;text-align:left;display:block;font-size:12px;color:#FF6600;border-bottom:2px solid #FDC222;padding-left:2px;margin-top:15px;margin-left:0px !important;_margin-left:5px;}
.title_more{width:20px;height:auto;background:#fff;margin-right:2px;padding:2px 7px;text-align:right;font-weight:bold;font-size:11px;}
.title_more a{text-align:right;color:#000;margin-left:460px;}
.title_more a:hover{color:#FF6600;}
#pro{width:645px;height:auto;float:left;}
#pro ul{width:645px;float:left;margin-left:10px;}
#pro ul li{width:635px;border-bottom:1px #CCCCCC solid;display:block;float:left;margin-left:0px;padding:4px 5px 3px 0px;}
#pro ul li ol {width: auto;}
#pro ul li ol li.pic{width:150px;float:left;height:118px;display:inline-block;border:none;}
#pro ul li ol li.pic img{border:1px solid #ccc;padding:1px;}
#pro ul li ol li.title,#middle ul li ol li.title1{width:400px;float:left;height:auto;margin-left:15px;border:none;font-weight: bold;background:url(../images/icon_02.gif) no-repeat center left;padding-left:8px;line-height:8px;} 
#pro ul li ol li.title1{width:563px;}
#pro ul li ol li.title a,#middle ul li ol li.title1 a{background: url(../images/icon02.gif) no-repeat left center;color: #08367A;padding-left:0px;border-bottom: 1px #FFFFFF dashed;}
#pro ul li ol li.title a:hover,#middle ul li ol li.title1 a:hover{color:#FF6600;}
#pro ul li ol li.content,#middle ul li ol li.content1{width:445px;margin-left:15px;float:left;color:#000;border:none;}
#pro ul li ol li.content1{width:553px;}
#pro ul li ol li.page{width:22px;height:13px;font-size:11px;font-weight:bold;text-align:center;float:right;margin:2px;background:#01A99C;color:#fff;border:1px solid #ccc;padding:3px;}
#pro ul li ol li.page a{color:#fff;}
#pro ul li ol li.page a:hover{color:#4B4B4B;}
#pro ul li ol li.page1{width:22px;height:13px;font-size:11px;font-weight:bold;text-align:center;float:right;margin:2px;background:#01A99C;color:#4B4B4B;border:1px solid #ccc;padding:3px;}
.pro_content{width:650px;height:auto;float:left;margin:5px 0px 5px 7px;}
.pro_content ul{width:650px;height:auto;float:left;}
.pro_content ul li{width:160px;height:auto;float:left;margin:1px 0px;}
.pro_content ul li ol{width:160px;height:auto;float:left;}
.pro_content ul li ol li{float:left;width:155px;height:auto;border:1px solid #ccc;}
.pro_content ul li ol li.pro_name{width:155px;height:auto;display:block;text-align:center;color:#000;}
.pro_content ul li ol li.pro_name a{color:#13488C;font-weight:bold;}
.pro_content ul li ol li.pro_name a:hover{color:#FF6600;}
.pro_con{width:640px;height:auto;padding:4px 3px;background:#f5f5f5;border:1px solid 
 #ccc;float:left;margin-left:0px !important;_margin-left:5px;}
.pro_con h3{ font-size:16px; line-height:30px; padding-left:10px;}
.pro_con p{margin-bottom:5px;}
.pages01{width:650px !important;_width:660px;height:auto;float:left;}
a.pages{width:20px;height:auto;background:#08367A;float:right;text-align:center;margin-right:3px;font-weight:bold;color:#fff;}
a.pages:hover{background:#FF6600;}
a.pages_b{width:20px;height:auto;background:#FF6600;float:right;text-align:center;margin-right:3px;font-weight:bold;color:#fff;}
a.pages_b:hover{background:#FF6600;}
a.next{ display:block; padding:3px 10px; margin:10px 4px 3px 5px!important;margin:10px 4px 5px 5px; height:auto; float:right;  background: #1584CE;font-size:11px;color:#fff;font-weight:bold;}
a.next:hover {background: #726F73;color:#fff;}
#footer{width:900px;height:60px;margin:0 auto;background:#f5f5f5;border-top:2px #ccc solid;clear: both;}
#footer #address {width:900px;height:20px;font-size:11px;text-align:center;color: #000;}
#footer #otherlink {width:800px;height:25px;margin:0 auto;}
#footer #otherlink div{float:left;width:90px;height:26px;margin-left:10px;text-align:center;font-size:11px;}
#footer #otherlink div a img{border:none;}
#footer #otherlink div a{text-decoration:none;color:#000;}
#footer #otherlink div.first{margin-left:214px !important;_margin-left:108px;}