@charset "utf-8";
/* CSS Document */
/* Copyright: 奥飞电子 */
/* Created Date: 2009年7月27日 */
/* Modified Date: 2009年7月29日 */


/* ========================================= 全局定义 ============================================ */

html, body {margin:0 auto; padding:0; width:100%; height:100%; height:auto; color:#9d9d9d; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align /**/:center; /*for IE5*/}
body {background:#fff;}
a {text-decoration:none;}
a:link {color:#333333;}
a:hover {color:#333333;}
.clear, .clean {font:0px/0px sans-serif; clear:both; height:0; line-height:0; display:block; overflow:hidden;}
img {border:0;}
.l {text-align:left;}
.c {text-align:center;}
.r {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.b {font-weight:bold;}

/* ========================================= index-logo ============================================ */
#warp{position:relative; margin:0 auto; width:860px; word-wrap:break-word; text-align:left;}
#header{width:100%; height:104px; background:url(../images/handerbg.gif) repeat-x;}
img.logopic{float:left; padding:29px 0 0 22px;}
#tyco{float:right; margin:49px 15px 0 0; *margin:49px 5px 0 0; width:379px; *width:385px; height:20px; background:url(../images/tyco.gif) no-repeat;}
.textInput{float:left; margin-left:194px; width:145px; height:16px; border:1px solid #d6d6d6;	line-height:21px;}
.submitButton{ float:right; margin:1px 0px 0 0; width:31px; height:18px; font-size:12px; border:0; background:url(../images/submitButton.gif) no-repeat; color:#0a94d6;}
#color{ float:right; margin:15px 0 0 0; width:275px; height:16px; background:url(../images/colorbg.gif) no-repeat #f3b500;}
/* ========================================= index-menu ============================================ */
#main{margin-top:1px; width:100&; height:222px;}
#mainflash{float:left; width:585px; height:222px;}
#menubox{float:right; width:274px; height:220px; background:url(../images/menubg.gif) repeat-y; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
#menutitile{ famargin-top:-1px; padding:15px 0 0 4px; height:26px; font-weight:bold; line-height:24px; color:#0058a6; background:url(../images/mainmentop.gif) no-repeat;}

.mainmenu{float:left; width:72px; max-height:221px;}
.mainmenu ul {margin:0 0 0 4px;padding:0;}
.mainmenu ul li{ padding-left:8px; list-style:none; height:22px; background:url(../images/arrow.gif) no-repeat 0 7px; *background:url(../images/arrow.gif) no-repeat 0 5px;}
.mainmenu ul li a{ height:24px; color:#3b3b3b;}
.mainmenu ul li a:hover{color:#005f9c;}

.news{float:right; margin-top:-25px; padding:0 0 47px 7px !important; padding:0 0 45px 7px; width:194px; height:157px; border-left:1px solid #d1d1d1;}
.newstitle{height:18px; padding-left:8px; font-weight:bold; color:#0058a6; background:url(../images/arrow-blue.gif) no-repeat 0 7px; *background:url(../images/arrow-blue.gif) no-repeat 0 5px;}
.news ul{margin:0; padding:0;}
.news ul li{padding:5px 4px 0 6px; width:168px;  overflow:hidden; background:url(../images/linebg.gif) repeat-x bottom;}
.news ul li a{color:#7a7a7a; line-height:18px;}
.news ul li a:hover{color:#333333;}
.news #more{padding:10px 10px;float:right;}

/* ========================================= index-middle ============================================ */
#productbox{ float:left; margin-top:4px; width:100%; height:138px; background:url(../images/productbg.gif) repeat-x; border:1px solid #d1d1d1;}
.product{float:left; margin:20px 12px; width:800px; height:110px; overflow:hidden;}
.product div{float:left; padding:0 10px; text-align:center; overflow:hidden;}
.leftbtn, .rightbtn{margin-top:41px; width:25px; height:49px; border:0;}
.leftbtn{float:left; margin-left:15px; background:url(../images/leftbtn.gif) no-repeat;}
.rightbtn{float:right; margin-right:15px; background:url(../images/rightbtn.gif) no-repeat;}
h1{font-size:12px; font-weight:normal; margin:13px 0 0 0; color:#005f9c;}

#content{margin:10px 0 46px 0 !important; margin:10px 0 0 0; width:100%; height:240px;}
.contentitem{float:left;  width:168px; height:240px; background:url(../images/contentbg.gif) repeat-x; }
.contentcurrent{margin-left:5px;}
.contentright{ float:right;}
h2{margin:0; padding:5px 0 0 13px; width:155px; height:20px; color:#FFFFFF; font-size:13px; background:url(../images/contenttop.gif) no-repeat;}
.contentitem ul{margin:0; padding:7px 0 7px 0; height:100%; border:1px solid #cbcbcb;}
.contentitem ul li{padding-left:12px; height:20px; list-style:none;}
.contentitem ul li a{ line-height:20px; color:#8d8d8d;}
.contentitem ul li a:hover{ color:#333333;}

/* ========================================= index-FOOT ============================================ */
#foot{margin-top:9px; width:100%; height:92px; border-top:1px solid #cbcbcb;}
.copyright{float:left; color:#9d9d9d;}
.copyright ul {margin:10px 0 0 5px; padding:0;}
.copyright ul li{list-style:none; height:18px;}
.footright{float:right; margin-top:0 !important; margin-top:-60px;}
.footright ul{margin:10px 0 0 0 !important; padding:0;}
.footright ul li{ float:left; list-style:none; width:66px; height:12px; text-align:center; border-right:1px solid #005f9c;}
.footright ul li a{color:#005f9c;}
.footright ul li a:hover{color:#333333;}

/* ========================================= FormStyle-nav ============================================ */
#middle{ float:left; margin-top:3px; width:100%; overflow:hidden; background:url(../images/middlebg.gif) repeat-y;}
/*nav,.middleright{margin-bottom:-32767px !important; margin-bottom:0px; padding-bottom:32767px !important; padding-bottom:0px;}*/
.nav{ float:left; width:166px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}
.nav h1{margin:0; padding-left:19px; width:166; height:24px; color:#316089; line-height:24px; background:url(../images/navarrow.gif) no-repeat 9px 10px #e6eef8; border-bottom:4px solid #cfd8e5;}
.nav ul{margin:0; padding:0;}
.nav ul li{padding-left:26px; width:140px; height:23px; line-height:22px; list-style:none; background:url(../images/linebg.gif) repeat-x bottom;}
.nav ul li a{padding-left:10px; color:#668fc8; background:url(../images/navsubarrow.gif) no-repeat 0 5px;}
.nav ul li a:hover{color:#333333;}

/* ========================================= FormStyle-right ============================================ */
.middleright{ float:right; width:685px;}
.middletitle{padding-left:10px; width:675px; height:32px; line-height:32px; border-bottom:1px solid #cbcbcb;}
.pagetitle{padding-left:15px; width:670px; height:41px; color:#0054b2; font-size:14px;
font-weight:bold; line-height:41px; border-bottom:4px solid #e9e9e9;}
#explain{margin:8px 0 0 9px; width:676px; height:117px; background:#dae8f8;}
.explainpic{border:1px solid #e1e1e1; float:left;}
#explaintxt{float:right; padding:14px 0 0 12px; width:453px; height:105px;}
.centerbox{ margin-top:10px; width:683px; min-height:429px; background:url(../images/centerboxbg.gif) repeat-x; border:1px solid #dbdbdb;}
.centerboxtitle{margin:-1px 0 0 -1px; padding:15px 0 0 18px; width:667px; font-weight:bold; height:11px; color:#0054b2; background:url(../images/centerboxtitlebg.gif) no-repeat;}
#form{margin:16px 0 0 22px; padding-bottom:16px; width:500px; border-bottom:1px solid #c4c4c4;}
.txtleft{float:left; width:80px;}
.formtxt{ margin-bottom:3px; width:280px; text-align:left;}
.formtxt1{width:400px;}
.form.formtxtclass{ margin-left:35px; width:188px; height:19px; border:1px solid #b3b3b3;}
.formwidth{width:310px; height:77px;}
.submitbtn{margin:10px 0 21px 100px; width:90px; height:21px; background:url(../images/submitbtn.gif) no-repeat; border:0px;}

/* ========================================= News_view ============================================ */
.pagetitlebg{background:url(../images/titlebg.jpg) no-repeat 0 1px;}
.centerboxnews{margin-top:4px;}
.newtboxtitle{margin:-1px 0 0 -1px; padding:15px 0 0 18px; width:667px; font-weight:bold; height:11px; font-size:14px; color:#000000; background:url(../images/centerboxtitlebg.gif) no-repeat;}
.data{margin:10px 0 0 15px; line-height:24px; width:642px; color:#cbcbcb; border-top:3px solid #cbcbcb;}
.list{margin:15px 0 64px 15px; width:642px; line-height:24px; color:#787878;}
.list div{float:left; clear:left; margin:0 12px 0 0;}
/* ========================================= Soluation ============================================ */
.soluationbox{background:none; border:0px;}
.soluationbox div{float:left; margin:5px !important; margin:3px; width:330px; height:118px; overflow:hidden;}
.soluationbox div ul{float:right; margin:0; padding:0; width:190px;}
.soluationbox div ul li{float:left; width:180px; padding:0 0 0 10px; background:url(../images/arrow-blue.gif) no-repeat 0 5px; line-height:17px;list-style:none;}
.soluationbox div ul li a{color:#0f5a9d;}
.soluationbox div img{float:left;}
.soluationbox div h1{float:right; margin:0; width:190px; color:#0f5a9d; font-weight:bold;}
.soluationbox div h3{float:right; margin:0; width:190px; font-size:12px; font-weight:normal; color:#b2b2b2; line-height:14px;}
.soluationbox div h4{float:right; margin:0; padding-left:15px; width:175px; height:24px; font-size:12px; font-weight:normal; color:#92b4f0; line-height:24px; background:url(../images/xxxqimg.gif) no-repeat 0 7px;}
.soluationbox div h4 a{color:#92b4f0;}
/* ========================================= product ============================================ */
.amptitlebg{background:url(../images/ampbg.jpg) no-repeat 0 1px;}
.navbox{background:url(../images/navlistbg.gif) repeat-y; border:0px;}
.navlist{ float:left; width:170px;}
/*树形菜单*/
.menuList {margin: 0px; padding: 10px 0px 10px 0px;}
li.menubar {font-size: 12px; line-height: 24px; list-style: none outside; background:url(../images/navsubarrow.gif) no-repeat 4px 8px;}
.menu{background:url(../images/navlistarrow.gif) no-repeat 0 8px;}
.menu, .submenu {margin-left:15px; padding: 0px; }
.menu li, .submenu li  {list-style: none outside; background:url(../images/navlistarrow.gif) no-repeat 0 8px;}
li.menubar a.standalone {background: url(../images/square.gif) no-repeat 0em 0.2em !important;}
a.actuator, a.standalone {color: #8d8d8d; font-size: 12px; padding-left: 15px; text-decoration: none;}
.menu li a, .submenu li a {color: #8d8d8d; font-size: 12px; padding-left: 15px; text-decoration: none;}
a.actuator:hover, .menu li a:hover, submenu li a:hover, li a.standalone:hover { list-style:none; color:#333333;}
/*树形菜单结束*/

.nav div{ margin:5px 0 0 9px; width:148px; }
.imgbottom{border-bottom:1px solid #cfd8e5;}
.navcontent{float:right; width:492px;}
.navcontent ul{margin:10px 0 0 15px; padding:0 0 38px 0; border-bottom:1px solid #ababab;}
.navcontent ul li{ padding-left:14px; height:24px; line-height:24px; list-style:none; background:url(../images/yellowarrow.gif) no-repeat 0 12px;}
.navcontent ul li a{color:#306a94;}
.navcontent ul li a:hover{color:#333333;}
.page{margin:10px 0 0 10px;font-size:10px;}
.page a{margin:10px 0 0 5px; height:80px; font-size:10px; color:#3072a6; word-spacing:12px;}
.newslist{float:left; width:538px;}
.newslist ul{margin:10px 0 0 15px; padding:0 0 38px 0; border-bottom:1px solid #ababab;}
.newslist ul li{ padding-left:14px; height:24px; line-height:24px; list-style:none; background:url(../images/yellowarrow.gif) no-repeat 0 12px;}
.newslist ul li a{color:#306a94;}
.newslist ul li a:hover{color:#333333;}

.att{ border:#999999 1px solid; background:#E6E6E6; padding:5px 10px; width:300px; }