/* CSS Document */
*{padding:0px; margin:0px; list-style-type:none;}
body{font-size:12px; line-height:20px; background-color:#fff; }
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
img{border:0;}
a.black:link, a.black:visited{color:#FFCC00 !important;}
a.yllow:link, a.yllow:visited{color:#000000; text-decoration:none;}
a.yllow:hover, a.yllow:active{color:#000000; text-decoration:none;}

a:link, a:visited{color:#000000; text-decoration:none;}
a:hover, a:active{color:#008a98; text-decoration:underline;}
.mt10{margin-top:10px;}

#page{width:1000px; padding:0px 18px;  margin:0px auto; overflow:hidden;
	background:url(bg_body.jpg) repeat-y center top scroll;
}

#main_left{width:175px; float:left; position:relative; margin-top:55px;}
.left_title { width:175px; height:44px; background:url(home_01.jpg) no-repeat left top  scroll; line-height:44px; text-align:center;
	font-size:14px; font-weight:bold; color:#fff;
}
#main_right{width:820px; margin-left:5px; float:left;}


.logo{ margin:5px 0px 0px 5px; height:40px; position:absolute; top:-50px; left:0px;}

.item a{display:block; line-height:25px; padding:1px 10px 0px 10px; color:#FFF !important; background:url(item_link.jpg) no-repeat scroll right bottom !important;}
.item a:hover, .focus a{color:#000; text-decoration:none; background:url(item_hover.jpg) no-repeat scroll right bottom !important;}
.item ul ul a{background:url(sub_item_link.jpg) no-repeat scroll right top !important; text-indent:20px;}
.item ul ul a:hover, .sub_focus a:link, .sub_focus a:visited{color:#000; text-decoration:none; background:url(item_hover.jpg) no-repeat scroll right bottom !important;}

.left_bg{background: url(left_bg.jpg) repeat-x scroll right top transparent; padding-top:1px; background-color:#fff; height: 410px;}
.left_img{margin-top:40px; text-align:center;}
.top_nav{height:23px; line-height:23px; padding-right:70px; text-align:right;}

.menu{border-bottom:solid 1px #4F4F4F; padding-right:30px;}
.menu ul{background:url(menu_mid_bg.jpg) repeat-x scroll left top; float:right; margin: 0 0 -1px 0px;}
.menu ul li{float:left; padding:0px 15px; height:33px; line-height:33px; background:url(menu_line.jpg) no-repeat scroll right center;}
.menu .fl{background:url(menu_fl.jpg) no-repeat scroll left top; width:5px; height:33px; padding:0px !important;}
.menu .fr{background:url(menu_fr.jpg) no-repeat scroll left top; width:5px; height:33px; padding:0px !important;}
.menu a:link, .menu a:visited{text-decoration:none; }
.menu a:hover{text-decoration:none;}

.first{background:none !important;}
.flash{margin-top:1px; height:179px;}
.con{background:url(Home_03.jpg) no-repeat scroll left top; margin-top:8px; padding-top:8px;}
.con .left{width:560px; float:left; padding:0px 10px;}

.con .right{ float:left;}
.con .right .r_box{ padding:5px; background-color:#C9E3E2;}
.typical_top{}
.typical_mid{}
.typical_bot{}
.typical_mid a{color:#000;}
.typical_mid li{ line-height:24px;}

.con_content{width:550px; margin:0px auto;}
.news_box{margin-top:10px;}
.news_box ul{float:left; width:180px;text-align:center;}
.news_box ul img{border: 1px solid #ECECEC; padding:4px;}
.footer{ margin-top:30px; text-align:center;}
.footer span{color:#FFF;}.footer a{color:#FFF;}
.Title3, .Title3 a{font-size:14px; font-weight:bold; color:#32DDEB; text-align:center;}


.small_menu{height:39px; line-height:39px; text-align:center; color:#FFF; background:url(small_menu_bg.jpg) no-repeat scroll left top; margin-top:1px;}
.small_menu a{color:#FFF !important;}
.small_menu a:hover{color:#000 !important; text-decoration:none;}

.banner{height:165px; background:url(page.jpg) no-repeat scroll left top #fff; position:relative;}
.tech_banner{height:165px; background:url(tech.jpg) no-repeat scroll left top #fff; position:relative;}
.solutions_banner{height:165px; background:url(solutions.jpg) no-repeat scroll left top #fff; position:relative;}
.case_banner{height:165px; background:url(case.jpg) no-repeat scroll left top #fff; position:relative;}
.product_banner{height:165px; background:url(product.jpg) no-repeat scroll left top #fff; position:relative;}
.customer_banner{height:165px; background:url(customer.jpg) no-repeat scroll left top #fff; position:relative;}
.download_banner{height:165px; background:url(download.jpg) no-repeat scroll left top #fff; position:relative;}
.news_banner{height:165px; background:url(news.jpg) no-repeat scroll left top #fff; position:relative;}

.banner_01{position:absolute; top:0px; right:0px;}
.banner_02{position:absolute; top:85px; left:345px; color: #FFF; font-family: "幼圆"; font-size: 24px; font-weight: bolder;}
.banner_03{position:absolute; top:120px; left:430px; color: #FF9C00; font-family: "幼圆"; font-size: 16px; font-weight: bolder;}
.contents{width:100%;}

.tab{border:solid 1px #3387AC; border-collapse: collapse;}
.tab th{border:solid 1px #3387AC; color:#008A98; background:url(link_tit_bg.jpg) repeat-x scroll left top;}
.tab td{border:solid 1px #3387AC; padding:5px;}
.tab .input{background-color: #F5F5F5; border: 1px solid #000000;}

.title{color: #32DDEB; font-size: 16px; font-weight: bolder; line-height: 40px;  text-align:center;}

.pr_list{ margin-left: 20px;}
.pr_list ul{display:block;  width:187px; margin-top:15px; height:200px; float:left;}
.pr_list ul li{text-align:center; width:100%;}
.pr_list .img{ margin-top:10px;}
.pr_list .img img{border: 1px solid #ECECEC; padding:4px;}
.pr_list li a:hover img { border: 1px solid #FF6600;}


a.bx-prev, a.bx-next {
    display: block;
    position: absolute;
    z-index: 999;
}
a.bx-prev { left: -16px;top: 60px;}
a.bx-next { right: -16px;top: 60px;}
