@charset "utf-8";
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; }
 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; }
h1{font-size:24px; line-height:40px; }
.h01 { width:230px; height:114px; background:#669ACC; }
.h02 { width:230px; height:640px; background:#669ACC; }
.h03 { width:230px; height:260px; background:#669ACC; }
.h04 { width:230px; height:1002px; background:#669ACC; }
.h05 { width:230px; height:825px; background:#669ACC; }
.h06 { width:230px; height:134px; background:#669ACC; }
.h07 { width:230px; height:705px; background:#669ACC; }
.h08 { width:230px; height:90px; background:#669ACC; }
.h09 { width:230px; height:1168px; background:#669ACC; }
.h10 { width:230px; height:54px; background:#669ACC; }
#header { clear:both; width:900px; height:auto; margin:0 auto;  background:#fff; }
#language {width:900px;height:auto;margin:0px auto; padding:3px 0px;text-align:right;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; height:20px; background:#fff; }
#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  h2{float:left; color:#FFF; width:200px; text-align:center; font-family:Arial; font-size:20px; padding-top:10px;  line-height:30px;  }
h3{font-size:18px; line-height:35px; }
.banner  .banner_2 { height:50px; width:220px; margin-top:30px; float:right; font-size:17px; text-align:left; font-weight:bold; color:#ffffff; margin-right:230px !important; margin-right:115px; }
.banner_2 a { color:#EEE; }
.pro_con h2{font-size:22px; line-height:35px; }
#tabsH { width:900px; 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 35px 4px 36px; 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 35px 4px 36px; 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:215px; 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:215px; 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:215px; 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:215px; 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; }
#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; }
#leftmenu a { display:block; background:#74AAD6 url(../images/vmenuarrowhover.gif) no-repeat center left; color: #FFFFFF; padding:5px 5px 5px 17px; 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; text-align:left; display:block; font-size:12px; color:#000; background:#f5f5f5; margin-left:0px !important; _margin-left:3px; padding-left: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:480px; }
.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; }
.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:80px;margin:0 auto;background:#f5f5f5;border-top:2px #ccc solid;clear: both; min-width:900px;}
.hotlink{height:20px; line-height:20px;  width:900px; text-align:center; color:#1874CD; }
.hotlink a{padding:0 7px; color:#1874CD; }
.hotlink a:hover{text-decoration:underline; }

#footer #address { width:900px; height:20px; font-size:11px; text-align:center;color: #000; }
#footer #otherlink { width:900px; height:25px; margin:0 auto; }
#footer #otherlink div {float:left;width:90px;margin-left:15px;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:224px !important; _margin-left:113px; }

.mproducts{float:left; padding:5px 0;width:100%;display:block;height:auto;border-top:1px solid #ccc; } 
.mproducts ul{width:100%;float:left;margin:5px 0px 0 0;padding-bottom:5px;display:block; height:auto;} 
.mproducts ul li{ width:auto; height:auto; float:left; display:block; color:#666;}
.mproducts ul li img{ border:1px solid #ccc;}
.mproducts ul li a{ color:#336699; text-decoration:underline;} 
.mproducts ul li.pro{width:82%;height:auto;float:left;display:block;color:#666;padding-left:8px;}
.mproducts ul li.pro a{ color:#336699; display:block; text-decoration:underline;}
.mproducts ul li.pro a:hover{color:#F00;text-decoration:underline;}