@charset "utf-8";
*{margin:0; padding:0;}
body{ font: 12px   '宋体', Arial, Helvetica, sans-serif; }
img{border:0px;}
a{ text-decoration:none; color:#1C9BE8}

#center{ width:900px; margin:0 auto; clear:both}
#container{}
/*---top---*/
#topp{width:900px; height:116px;}
.logo{ float:left; padding-top:13px; padding-left:17px;}
.Rmenu {float:right; padding:15px;}
.Rmenu,.Rmenu a{ color:#9B9B9B; height:14px; line-height:14px;}
.Rmenu a.on2 {color:#0099FF}
.Rmenu a:hover {color:#0099FF}
/*MENU*/

#rrr {float:right; margin:0;}
#nav { position:relative; z-index:500; height:31px; background: url(images/rli2.jpg) repeat-x top; list-style:none; top:18px; clear:left;}
#nav li.top {display:block; float:left; height:35px; margin-right:20px;}
#nav li a.top_link {display:block; float:left; height:34px; line-height:31px; width:102px; color:#fff; text-decoration:none; font-size:14px; text-align:center;  }
#nav li:hover a.top_link { background: url(images/rli5.jpg)  no-repeat center top;}


#nav li:hover {position:relative; z-index:200; }
#nav li:hover ul.sub
{ left:-18px; top:34px; background: #A6CDEE; padding:5px; border:1px solid #A6CDEE; white-space:nowrap; width:126px; height:auto; z-index:300; border:1px solid #0A84CF;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:124px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:123px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #A6CDEE; padding-top:2px;}
#nav li:hover ul.sub li a:hover { color:#fff; background-color:#1496E4; border:1px solid #fff;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:125px; top:-4px; background: #A6CDEE; padding:5px; border:1px solid #0A84CF; white-space:nowrap; width:126px; z-index:400; height:auto;}
/*hidden*/
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*-------------------------------*/
/*--banner---*/
.banner {width:900px; margin:7px 0;}
.bannerPro { margin:10px 0;}
/*----*/
.mid {width:900px; margin:7px 0; height:181px;}
.midl {float:left; width:743px; height:181px; background: url(images/c1.jpg) no-repeat left center; }
.midr{float:right; width:152px; height:180px; background: url(images/c2.jpg) no-repeat center; }
.proshow { list-style:none;height:155px;padding:13px 0 10px 0;}
.proshow li {float:left; width:235px; height:155px; padding:0 5px; border-right:1px solid #58ABDD}
#clearb{border:none;}
.proshow li img {float:left;}
.proshow li dl {float:right; width:125px; line-height:24px; color:#0066CB;}
.proshow a{color:#0066CB}
.proshow a:hover{ text-decoration:underline}
.proshow li dl dt{color:#0066CB; font-weight:700;}
.proshow li dl .last{ padding-left:15px;  line-height:18px;  background: url(images/li.jpg) no-repeat left 3px; }
/*---*/
.bottom img{ margin-right:5px;}
/*footer*/
.footer{ clear:both;border-top:1px solid #D3D3D3; padding-top:10px; margin:7px 0; color:#999999}
.footer img {  vertical-align:middle;display:inline-block; }
.footer ul{float:right; list-style:none}
.footer ul li { float:left; margin-left:20px; line-height:22px;}
.footer ul li select { font-size:11px; vertical-align:middle;}
/*----------------------------------------*/
/*--------------ABOUT US-------------------*/
/*----------------------------------------*/
.cont { width:900px; background: url(images/bgCont.gif) no-repeat left top; margin:7px 0; }
.clearArea { background: url(images/bgContBtm.gif) no-repeat left bottom; height: 5px; width: 900px; clear:both;}
.leftCont {display:block; padding: 20px 0px; float: left; width: 198px; overflow: hidden; }
.menuLeft { width:176px; margin:0 0 5px;}
.menuLeft { list-style:none; margin-left:10px;}
.menuLeft dt {display:block; background: url(images/li4.gif) no-repeat 3px 10px; font-weight:700; border-bottom:#1C9BE8 1px solid}
.menuLeft dt a{display:block; width:163px; height:28px; line-height:28px; padding-left:15px; color:#2C5777}
.menuLeft dt a:hover{ color:red; background: url(images/li4_1.gif) no-repeat 168px 12px; }

.menuLeft dd a{ border-bottom:1px dashed #66CCFF; margin-left:15px; background: url(images/li4_1.gif) no-repeat left 12px; padding-left:8px; display:block; width:150px; height:30px; line-height:30px;}
.menuLeft dd a:hover{background-color:#b0ddff; color:#2C5777}

.tel {list-style:none; margin-left:5px; margin-top:25px; border-top:dashed 1px #CCCCCC; padding-top:5px; text-align:center;}
.tel li {margin:10px 0; display:block}
.rightCont { padding: 19px 0px 19px 25px; width: 661px; overflow-x: hidden; height:auto}
/*--*/
h3 { border-bottom:2px solid #6B9EBB; padding-bottom:2px; font-weight:700; font-size:16px; color:#0099FF;margin-bottom:15px;}
/*----------------------------------------*/
/*--------------PRODUCTS-------------------*/
/*----------------------------------------*/
.pro2{ list-style:none; padding:13px 0 10px 0;}
.pro2 li {float:left; display:inline; margin-right:15px;}
.pro2 li a{ display:block; width:180px; border:1px solid #999; /*height:164px;*/ line-height:155px; text-align:center; padding:10px; color:#000000}
.por2 li a img{ width:175px; }
.pro2 li a:hover { border:1px solid #33CCFF;}
.pro2 li a.nn { border:none; height:24px; line-height:24px;}
.pro2 li a.nn:hover { color:#FF6600; border:none}



.show{ display:block}
/*-*/
.page { text-align:center; clear:both; font-weight:bold;}
.page a { color:#6C9EB9}
.page a:hover { color:#FF6600}
/*-*/
.location { text-align:right;}
.location a { background: url(images/li5.gif) no-repeat right center; padding: 0 10px 0 5px; color:#666666; font-size:11px;}
.location a:hover { text-decoration:underline;}
.location a.on{ color:#333333; font-weight:700; background:none; }
/*-----proshow--*/
.pic { border:2px solid #0099FF; width:657px; overflow:hidden; padding:15px 0; margin-top:3px;}
.pic img{ float:left; margin:15px; padding-right:30px;  border-right:1px solid #999999;}
.pic dl { margin:15px 15px; padding-left:15px; line-height:24px; font-size:14px; color:#666}
.pic dl dd span{ font-weight:700; color:#21AEF3; padding-right:10px;}
.pic dl dt{ font-size:24px; font-weight:700; color:#000000; margin-bottom:10px;}
/*-*/
.info { position:relative; border-bottom:1px solid #0099FF; margin:35px 0 15px 0; height:30px; font-weight:700;padding-left:15px;}
.info span { position:relative; top:1px; background:#fff; border:1px solid #0099FF ; display:block; height:30px; line-height:30px; width:80px; border-bottom:none; text-align:center;  }

/*---case---*/
.pro3 { list-style:none;}
.pro3 li {float:left; background-color:#F5F5F5; padding: 15px 10px 5px 10px; margin:3px 10px 10px 10px; display:inline;}
.pro3 li span { background-color:#FFFFFF; display:block; width:180px; text-align:center; height:18px; line-height:18px; font-weight:700 }

/*---Design by Commy Leung---*/