@charset "utf-8";
/**------全局CSS定义-------**/
html{}
body{ margin:auto; padding:0; font-family:Tahoma, arial, Helvetica, sans-serif;background:#fff;color:#555555;font-fize:11px}
form{margin:0;padding:0;}
img{border:0;}
ul,ol,li{ margin:0; padding:0;}
a{color:#6f91b3; text-decoration:underline;}
a:hover{color:#0055FF; text-decoration:underline;}
h1 {margin:13px 0 15px;font:20px Verdana, arial, sans-serif;font-weight:normal;color:#696969;}
h2{font-size:14px; line-height:40px;color:#666666;margin:0;padding:0}
hr{color:#F4F1EE;height:5px}
td{white-space:normal; word-break:break-all;}

.clear{clear:both;}
.float_left{float:left;text-align:center}
.float_right{float:right;text-align:center;width:150px}
.un{text-decoration:underline}
.focus{font-size:14px;font-weight:bold;color:#007CA8;}

/**------常用样式定义-------**/
select{font-family:Verdana;vertical-align:middle;}
a.underline{text-decoration:none;}
a.underline:hover{ text-decoration:underline;}
.space{height:20px;margin:0;padding:0;clear:both}
.hspace{height:10px;margin:0;padding:0;clear:both}
#container{ width:100%; margin:auto; padding:0;background:url("../imgs/bg.gif") top repeat-x #ffffff}
.img-left {float: left;clear: both;margin-right: 16px;margin-bottom:10px}
.img-right {float: right;clear: both;margin-left: 16px;margin-bottom:10px}
.bigpic{width:350px}

.aboutimg{margin-left:10px}

a.orange{color:#7D0F3A;font-size:13px;font-weight:bold}
a.orange:hover{color:#A73512;font-size:13px;font-weight:bold}
.orange{color:#ff6600;}
a.blue{color:#0033A0}
a.blue:hover{color:#0033A0}
.bold{font-weight:bold}
.f12{font-size:13px;}
.date{margin-left:60px;color:#dddddd;}
.newsdiv{text-align:center}
.newsimg{margin:0 auto;}
/**------头部样式定义-------**/

#header{height:115px;width:880px;margin:auto;background:url("../imgs/logo.gif") no-repeat}
.menu{margin:0;padding:0;width:880px;font-family:Verdana;}
.menu .on{float:left;background:url("../imgs/menu-bg-on.gif") repeat-x; font-size:11px;padding-left:3px;padding-right:3px;height:14px;padding-top:2px}
.on a{color:#ffffff;text-decoration:none;font-weight:bold}
.on a:hover{color:#ffffff;text-decoration:none;font-weight:bold}
.menu .off{float:left;background:url("../imgs/menu-bg-off.gif") repeat-x; font-size:11px;padding-left:3px;padding-right:3px;height:14px;padding-top:2px}
.off a{color:#000000;text-decoration:none}
.off a:hover{color:#0066CC;text-decoration:none}
.menu .left-on{float:left;background:url("../imgs/menu-left-on.gif") no-repeat 100% 0;width:6px;height:16px}
.menu .right-on{float:left;background:url("../imgs/menu-right-on.gif") no-repeat 100% 0;width:6px;margin-right:2px;height:16px}
.menu .left-off{float:left;background:url("../imgs/menu-left-off.gif") no-repeat 100% 0;width:6px;height:16px}
.menu .right-off{float:left;background:url("../imgs/menu-right-off.gif") no-repeat 100% 0;width:6px;margin-right:2px;height:16px}
.mspace {float:left;margin:0;padding:0;width:50px;}

.submenu{margin:auto;padding-top:3px;width:880px;font-size:11px;color:#DDDDDD;font-family:Verdana;clear:both}
.slidingList_none {display:none}
.submenu a{color:#F0F0F0;text-decoration:none}
.submenu a:hover{color:#fff;text-decoration:underline}
.submenu .product{margin-left:20px}
.submenu .project{margin-left:140px}
.submenu .service{margin-left:180px}
.submenu .about{margin-left:300px}
.submenu .contact{margin-left:400px}
.submenu .news{margin-left:500px;}
.submenu .collection{margin-left:500px;}

.logo{margin:0;padding:0;height:36px;}
.logo li{list-style:none;float:right;padding-top:10px;margin-left:16px;font-size:10px;color:#ffffff;font-weight:bold;}
.logo li a{color:#ffffff;text-decoration:none}
.logo li a:hover{color:#ffffff;text-decoration:underline}
.logo li.lang a {border-right:none; padding-right: 10px; background: url(../imgs/arrowd.gif) 100% 6px no-repeat;}
.logo ul {position:absolute;  border: 1px solid #aaa; padding:0; margin: 13px 0 0 0px;visibility:hidden}
.logo li:hover ul {margin-top: 11px;visibility:visible;}
.logo ul li {display:block; float:left; clear:both; background:#FFF;padding:0px;margin:0;font-weight:normal}
.logo ul a {clear:both; float:left;  display:block; padding: 5px 5px 5px 8px; margin:0 !important; background:#FFF !important; border-top: 1px solid #c0c2c5; width: 102px;color:#999999;font-family:Verdana}
.logo ul a:hover {background: #f2f2f2 !important;text-decoration:none;color:#333333}

.search{margin:0;padding:0;height:35px;text-align:right}
.searchbar{border:1px solid #666666;height:15px}
.searchbutton{border:1px solid #cccccc;height:19px;background:#333333;color:#ffffff;font-weight:bold;font-size:12px;font-family:Tahoma}

.time{margin:10px;padding:0;height:18px;padding-top:3px;border:1px solid #cccccc;font-size:11px;width:880px}
.time .position{float:left;margin:0;padding-left:10px;width:60%;}
.time .cntime{float:right;text-align:right;margin:0;padding-right:10px;}
.cntime embed{vertical-align:middle}
/**------中间样式定义-------**/
#main{width:916px; margin:auto;background:url("../imgs/bg-main.gif") top repeat-x;padding-bottom:60px;display:table}
#mainindex{width:916px; margin:auto;background:url("../imgs/bg-main.gif") top repeat-x;padding-bottom:10px;display:table}
.content {padding:0;/*min-height:420px;*/background:url(../imgs/bg-content.gif) 3px 0 no-repeat;margin:auto;width:880px;display:table}
.banner{background:url(../imgs/bg-banner3.jpg);width:880px;height:148px;margin-top:-3px;margin-bottom:5px;display:table}
.banner p{padding:0;margin-left:20px;width:350px;font:10px Verdana, arial, sans-serif;line-height:1.5}
.banner h1 {color:#000;margin:40px 0 0 20px;font:18px Verdana, arial, sans-serif;line-height:20px;}
.notice{margin-top:15px;margin-left:20px;width:300px;font:10px Verdana, arial, sans-serif;line-height:1.5;padding:3px;background:#FFFFE8;border:1px dashed #C1CACF;color:#E3030B}
.sidenav {float:left;position:relative;width:147px;margin-top:8px;padding-left:6px;padding-right:5px}
ul.sidenav {margin:0;overflow:hidden;font-family:Verdana,arial,sans-serif;font-size:11px}
ul.sidenav li {margin:0;list-style-type:none;line-height:1.3;border-bottom:1px solid #d6d6d6;	position:relative;display:block;width:100%}
ul.sidenav li a {color:#6a6a6a;text-decoration:none;padding:8px 0 6px;display:block;}
ul.sidenav li a:hover {color:#000;text-decoration:none;}
ul.sidenav li.selected {border:3px solid #b3b3b3;border-width:3px 0;z-index:2;}
ul.sidenav li.selected span {width:138px;background:transparent;border-bottom:1px solid #d6d6d6;font-weight:bold;color:#1e8cbf;padding:8px 8px 6px 4px;}
ul.sidenav li.selected span a {color:#1e8cbf;}
ul.sidenav li.selected ul span a {color:#6a6a6a;}
ul.sidenav li.selected span a { padding:0; }
ul.sidenav li.selected a:hover { color:#333; }

.content .center{float:left;margin:0 0 0 27px;padding:25px 0 0;width:487px;font:11px Verdana, arial, sans-serif;}
.center p{ line-height:1.5;}
.center td{ line-height:1.5;}
.center input{border-width:1px;border-style:solid;border-color:#818181 #CACACA #CED0CE #BBBBBB;font:12px Verdana, arial, sans-serif;}
.center textarea{border-width:1px;border-style:solid;border-color:#818181 #CACACA #CED0CE #BBBBBB;font:12px Verdana, arial, sans-serif;}
.center .inputno{border:0;font:12px Verdana, arial, sans-serif;}
.center ul li {margin:5px 0;padding:0 0 0 10px;list-style-type:none;background:url(../imgs/arrow_blue.gif) 0 4px no-repeat;}
.center embed{vertical-align:middle}
.center0{float:left;margin:0 0 0 27px;padding:25px 0 0;width:487px;font:11px Verdana, arial, sans-serif;}
.center0 ul li {float:left;width:240px;height:40px;list-style-type:none;}
.center0 ul li img{height:30px;vertical-align:middle}

.position {font-size:10px;color:#7a7c7b;position:relative;top:-5px;}
.position a:link,.position a:visited,.position a:hover {color:#7a7c7b;text-decoration:underline;}
.position .separator {padding:0 6px;background:url(../imgs/arrow_blue.gif) 50% 4px no-repeat;}

.sections {background:url(../imgs/bg_accessory.jpg) no-repeat top;padding: 16px 0 10px 24px;display:table;margin-top:20px;clear:both}
.sections .section_icon {float: left;width: 140px;}
.sections .section_content {float: left;width: 300px;}

.content2 {padding:0;/*min-height:420px;*/background:url(../imgs/bg-content2.gif) 3px -35px no-repeat;margin:auto;width:880px;display:table}
.content2 .right{float:left;width:682px;margin:0 0 0 27px;padding:25px 0 0;font:11px Verdana, arial, sans-serif;}
.right p{ line-height:1.5;}
.right ul li {margin:5px 0;padding:0 0 0 10px;list-style-type:none;background:url(../imgs/arrow_blue.gif) 0 4px no-repeat;}

.sections2 {background:url(../imgs/bg_sample.jpg) no-repeat top;padding: 16px 0 10px 24px;display:table;margin-top:20px;clear:both}
.sections2 .section_icon {float: left;width: 180px;}
.sections2 .section_content {float: left;width: 450px;}

#imglist { margin-top:12px;width:100%}
.inside {border:1px solid #cacbcb;display:block;height:160px;margin:10px 10px 0 0;overflow:hidden;padding:0 15px;position:relative;width:77px;float:left}
.inside p a {line-height:13px;text-decoration:underline}
.inside p.text {text-align:center;padding-top:10px}

.insidebig {border:1px solid #cacbcb;display:block;height:170px;margin:10px 10px 0 0;overflow:hidden;padding:0 15px;position:relative;width:196px;float:left}
.insidebig p a {line-height:13px;text-decoration:underline}
.insidebig p.text {text-align:center;padding-top:10px}

DIV.page {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right}
DIV.page A {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #a0a0a0; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.page A:hover {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.page A:active {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.page SPAN.current {BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0}
DIV.page SPAN.disabled {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}

/* 右边----------------------------------------------------------*/
.sidebar {font-size:11px;float:right;margin-right:2px;margin-left:1px;margin-right:1px;width:180px;font-family:Verdana}
.sidebar .module {background:url(../imgs/dotted_horiz.gif) 0 top repeat-x;padding:0px 0 2px;}
.sidebar .module h3 {padding:8px 7px;margin:0;background:url(../imgs/sidebar_h3_main.gif) 0 bottom no-repeat;color:#fff;font:10px Tahoma, arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;}
.sidebar .login { margin:0; }
.sidebar .login h3 {background:url(../imgs/sidebar_h3_green.gif) 0 0 no-repeat;padding:22px 0 7px 7px;}
.sidebar .promo {margin:0px;text-align:center;background:url(../imgs/dotted_horiz.gif) 0 top repeat-x;padding:15px 0 2px;}
.sidebar .text { padding:8px; }
.sidebar .twocol { margin:0; }
.sidebar .twocol .lcol,.sidebar .twocol .rcol {float:left;width:77px}
.sidebar .twocol .rcol { float:right; }
.sidebar .text ul { margin:0 0 7px; }
.sidebar .text p { margin:0 0 6px; }
.sidebar .text p.more {text-align:right;margin-top:-2px;}
.sidebar ul li {margin:1px 0 5px;padding:0 7px;list-style-type:none;background:url(../imgs/arrow_blue.gif) 0 4px no-repeat;}
.sidebar ul li.linked { background:url(../imgs/arrow_blue.gif) 0 4px no-repeat; }
.sidebar a{text-decoration:none;font-weight:normal;}
.dbox_inside ul,ul#device-details li { margin:0; }
ul#device-details li {text-decoration:underline;padding:0 0 4px 6px;list-style-type:none;background:url(../imgs/arrow_blue.gif) 0 4px no-repeat;}
p.ddetails { margin-top:0; }
.sidebar a:hover { color:#333333;}
.sidebar .twocol ul li { margin-bottom:1px; }
.sidebar h4.pressTitle { margin:0 0 1px; }


/**------首页样式定义-------**/
#topRow {margin-bottom:0px;}
#mainArea {margin:0;}
#topRow h3 {margin-top:0px;font-size:10pt;color:#000;}
#topRow ul {margin-bottom:0px;}
#topRow h2 {margin-top:0px;font-size:10pt;color:#000000;width:200px;}
#topRow .solutionCenter {background-image: url(solutionCenter_bg.gif);background-repeat: no-repeat;padding-top: 24px;padding-right: 16px;padding-bottom: 24px;padding-left: 16px;width:294px;}
.solutionCenter p {margin-top:7px;}
#topRow .smartphoneSupport {padding-right:0px;padding-top:5px;width:315px;} 
#topRow .smartphoneSupport img {float:right;margin-left:10px;margin-top:-5px;}
.intro {clear:both;width:658px;display:table;margin-bottom:20px}
.indexSection {float:left;margin-right:5px;width:200px;padding-right: 8px;padding-bottom: 0px;padding-left: 8px;background-image: url("../imgs/main_grad.gif");background-repeat: repeat-x;background-position: bottom;height:290px;}
#mainArea h3 {background-color:#9d9d9d;color:#FFFFFF;margin-left:-8px;padding:10px 10px;margin-right:-8px;margin-top:0px;font-size:9pt;margin-bottom:0px;}
#mainArea img {margin-left:-8px;margin-right:-8px;margin-bottom:-10px;}
#bottomRow{margin-top:10px}
.bottomSection {margin-right:5px;float:left;background-image: url("../imgs/bottomRow_grad.gif");background-repeat: repeat-x;padding:10px;width:196px;}
.bottomSection h3{margin:0px;font-size:9pt;line-height:20px}
.bottomSection ul{margin-bottom:0px;margin-left:2px;}
.bottomSection img{float:right;margin-left:3px;margin-bottom:0px;padding-top:15px}

/**------底部样式定义-------**/
#link{margin:auto;padding-top:11px;background:url("../imgs/bg-foot.png") top repeat-x;text-align:left;padding-bottom:9px;border-bottom:1px solid #E5E5E5;clear:both;width:880px;font-size:10px;color:#99ADBD;font-family:Verdana;display:table}
#link a{color:#76A0B4;text-decoration:none}
#link a:hover{color:#333333;text-decoration:none}
#link ul.link1{float:left;text-transform:uppercase;}
#link ul.link2{float:right}
#bottom{margin:auto;padding-top:5px;text-align:left;line-height:25px;font-size:10px;width:880px;color:#858585;}
#bottom ul.bottom1{float:left;}
#bottom ul.bottom2{float:right}
#bottom a{color:#858585}
#bottom a:hover{color:#76A0B4}
.space{height:50px;clear:both;width:880px;margin:auto}

.keyword{margin:auto;line-height:16px;width:880px;color:#aaaaaa;padding-bottom:10px}
.keyword h1{font-family:Verdana;margin:auto;line-height:16px;font-size:11px;width:880px;color:#aaaaaa}