@charset "utf-8";
*{ margin:0px; padding:0px;}
img{border-style:none; cursor:pointer; margin:0px; padding:0px;}
body {text-align:center; background:#f0f0f0; font: 12px "宋体","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}
#container{position: relative; margin: 0 auto; width:980px; text-align:left;}
.contentbox{border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); width:980px;}

/*主菜单*/
#MainMenu{height:50px; margin-top:20px; width:100%; position:relative;}  
#MainMenu div.left{ position:absolute; float:left; height:50px; width:8px; overflow: hidden; background:url(images/Menu_bg_left.png) no-repeat; color:red; z-index:2;}
#MainMenu div.mid { position:absolute; float:left; height:50px; width:964px; left:8px; overflow: hidden; background:url(images/Menu_bg_mid.png) repeat-x; z-index:0;}
#MainMenu div.right{ position:absolute; float:right; top:0; right:0; height:50px; width:8px; overflow: hidden; background:url(images/Menu_bg_right.png) no-repeat; color:red; z-index:2;}
#MainMenu ul {list-style:none;}
#MainMenu ul li {float:left;  width:130px;font-family:arial; font-size:14px; line-height:36px; color:#fff; text-align:center;}
#MainMenu ul li a {font-size:13px; line-height:40px; color:#fff; text-decoration:none; padding:1px 1px; font-weight:bold;}
#MainMenu ul li a:hover {color:#335;}
#MainMenu ul li a.chosen {color:#000;}

/*子菜单*/
.SubMenu{ position:relative; height:34px; margin: 20px 0px 0px 0px; width:100%; text-align:center;} 
.SubMenu h2{display: inline-block; float: left; height: 32px; line-height: 32px; margin: 1px 0px 8px 16px;}
.SubMenu h2 a{color:#000; text-decoration:none;}
.SubMenu ul{ position:absolute; display: inline-block; float: right;list-style:none; right:30px;}
.SubMenu ul li{display:inline-block; float:left;}
.SubMenu ul li a{ color: #333333; float: left !important; margin: 1em 8px 0px 30px; text-decoration: none; font-size:12px;}
.SubMenu ul li a:hover {color:#069;}
.SubMenu ul li a.chosen {color:#999;}

/*简单面板*/
.SimplePanel{position:relative; border:1px solid #ddd; margin-top:8px; text-align:center; width:100%;background:#fff; overflow:hidden;}
.SimplePanel img{border-style:none; cursor:pointer; margin: 2 0px;}
.SimpleBar{position:relative; text-align:left; width:100%;background:#fff; overflow:hidden; background:#CCC;}

/*大类面板*/
.BigClassPanel {position:relative;border:1px solid #ddd; margin-top:8px; text-align:center; height:160px; background:#fff;font-size:14px; overflow: hidden;}
.BigClassPanel .Content{height:159px; overflow:hidden; position:relative; z-index:1;}
.BigClassPanel .Content a { background:#fff; DISPLAY: inline-block; width:130px; LINE-HEIGHT: 24px; text-decoration:none; color:#7f7f7f; margin:4px 10px;}
.BigClassPanel .Content a IMG { display:block; border-style:none; cursor:pointer; width:130px; height:130px;}
.BigClassPanel .Content a:hover {COLOR: #000;}

/*图片滑动切换显示(横向)*/
#picBox{border:1px solid #ddd;width:980px; height:400px; margin:10px auto; overflow:hidden; position:relative;}
#picBox ul#show_pic{list-style:none; height:400px; width:9999px; position:absolute;}
#picBox ul#show_pic li{position:absolute; float:left; height:400px;}
#picBox ul#show_pic li img{ display:block; width:980px; height:400px;}
#picBox ul#show_pic li a{ display:block; text-decoration:none;}
#picBox ul#show_pic li div.toptitle{ position:absolute; z-index:1; top:0; left:0; font-family:"黑体"; font-size:26px; color:#fff; width:980px; height:44px; line-height:44px; text-align:center; display:inline-block;}
#picBox ul#show_pic li .layout1{ position:absolute; z-index:1; display:block;}

#icon_num{ position:absolute; bottom:3px; right:10px;}
#icon_num li{ float:left; background:url(images/dot_red_graf.png) no-repeat -19px 0 transparent;width:15px; height:15px; list-style:none; color:#39F; text-align:center;  cursor:pointer; margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background:url(images/dot_red_graf.png) no-repeat 1px 0; color:#fff;}
#picBox_top{width:980px; height:400px; margin:50px auto; position:relative; overflow:hidden;}
#picBox_top ul#show_pic_top{list-style:none; height:400px; width:980px; position:absolute;}
#picBox_top ul#show_pic_top li{ float:left;height:400px;}
#picBox_top ul#show_pic_top li img{ display:block; width:980px; height:400px;}
#icon_num_top{ position:absolute; bottom:0px; right:10px;}
#icon_num_top li{ float:left; background:url(images/dot_red_graf.png) no-repeat -19px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center;  cursor:pointer;margin-right:5px;}
#icon_num_top li:hover,#icon_num_top li.active{ background:url(images/dot_red_graf.png) no-repeat 1px 0; color:#fff;}


/*焦点产品展示面板*/
.HotShowPanel {position:relative;border:1px solid #ddd; padding:0px; margin-top:16px; text-align:center; height:400px; background:#fff;}
.HotShowPanel .hspLink div {float:left; color:#000; width:50%;height:400px;}
.HotShowPanel .hspLink h1 {padding:0px 20px 0px 20px;line-height:1.5;}
.HotShowPanel .hspLink p {padding:0px 20px 0px 20px;text-align:left; line-height:1.5; text-indent:2em;text-decoration:none;}
.HotShowPanel .hspLink img {float:left; border-style:none;text-decoration:none;}
.HotShowPanel a.hspLink:hover{ background: #000;}
.HotShowPanel a{CURSOR: pointer; text-decoration:none;}

/*滑动门选项卡*/
.ClassPanel {position:relative;border:1px solid #ddd; margin-top:16px; text-align:center; height:190px; background:#fff;font-size:14px; overflow: hidden;}
.ClassPanel .Content{height:160px; overflow:hidden; position:relative; z-index:1; background:#fff;}
.ClassPanel .Content .pl { margin:4px 10px; background:#fff; DISPLAY: inline-block; width:130px; LINE-HEIGHT: 24px; text-decoration:none; color:#7f7f7f;}
.ClassPanel .Content .pl IMG { DISPLAY:block; border-style:none; cursor:pointer; width:130px; height:130px;}
.ClassPanel .Content A.pl:hover {COLOR: #000;}
.ClassPanel .Content ul.Hide{display:none;}
.ClassPanel .Content ul.Show{display:block;}

.ClassPanel .Titles{height:30px; border:1px solid #ddd; background:#fff url("images/caret_bg_class_title.png") repeat-x;}
.ClassPanel .Titles .ml{background:#fff url("images/caret_bg_class_title.png") repeat-x; text-decoration:none; color:#7f7f7f; position: static;+position:absolute;left:50%}
.ClassPanel .Titles ul{display:inline-block; position: static; +position:relative;left:-50%;} 
.ClassPanel .Titles ul li{float: left;display: inline-block; width:120px; margin-top:8px; list-style:none; position:relative; cursor:pointer; color:#7f7f7f;}
.ClassPanel .Titles span{display:none;}
.ClassPanel .Titles .Current{color:#000;}
.ClassPanel .Titles .Current span{background: url("images/caret_active.png") no-repeat;display: block;left:52px;top:-9px;height: 8px; position: absolute;width: 15px;z-index:9;}

/*应用展示*/
#slider {position:relative;width: 100%; height: 330px;overflow: hidden;background: #000;border: 1px solid #000; margin-top:8px; border-bottom:3px solid #000;border-right:3px solid #000;}
#slider a{cursor:pointer; text-decoration:none;}
#slider .toptitle{width:100%; height: 30px;line-height:2em; text-indent:2em; color:#fff;}
#slider .slide {position:absolute;top: 30px;height: 300px;width: 500px;background: #000;overflow: hidden;}
#slider .backgroundText { position:relative; width: 496px;height: 60px;top: 240px; left:2px;background: #0a0a32;}
#slider table{ height:60px; width:500px; text-align:left;}
#slider table .title_cn{color:#fff; font-size:18px; font-weight:bold; text-align:center; width:100px;}
#slider table .text_cn{color:#fff; font-size:12px; width:360px; padding-right:24px; text-align:justify;}
#slider .title_en {height:20px; color: #fff;font-weight: bold;font-family: "Lucida Grande",arial, Helvetica, sans-serif;font-size: 12px;text-indent:4px; line-height:16px; text-align:left;width:480px;text-align:justify;}
#slider .text_en {color: #fff;font-family: "Lucida Grande",arial, Helvetica, sans-serif; font-size:10px; line-height:12px;padding-left:4px;text-align:left; width:470px;text-align:justify;}
#slider .diapo {position: absolute;filter: alpha(opacity=100);opacity: 1;visibility: hidden;}

/*应用展示 slider1*/
#slider1 {position:relative;width: 100%; height: 430px;overflow: hidden;background: #000;border: 1px solid #000; margin-top:8px; border-bottom:3px solid #000;border-right:3px solid #000;}
#slider1 a{cursor:pointer; text-decoration:none;}
#slider1 .toptitle{width:100%; height: 30px;line-height:2em; text-indent:2em; color:#fff;}
#slider1 .slide {position:absolute;top: 30px;height: 400px;width: 600px;background: #000;overflow: hidden;}
#slider1 .backgroundText {position:relative; width: 596px;height: 60px;top: 340px; left:2px;background: #0a0a32;}
#slider1 table{ height:60px; width:600px; text-align:left;}
#slider1 table .title_cn{color:#fff; font-size:18px; font-weight:bold; text-align:center; width:100px;}
#slider1 table .text_cn{color:#fff; font-size:12px; text-align: justify; width:460px; padding-right:16px;}
#slider1 .title_en {height:20px; color: #fff;font-weight: bold;font-family: "Lucida Grande",arial, Helvetica, sans-serif;font-size: 12px;text-indent:4px; line-height:16px; text-align: justify;width:580px;}
#slider1 .text_en {color: #fff;font-family: "Lucida Grande",arial, Helvetica, sans-serif; font-size:10px; line-height:12px;padding-left:4px;text-align: justify; text-indent:1em; width:580px;}
#slider1 .diapo {position: absolute;filter: alpha(opacity=100);opacity: 1;visibility: hidden;}

/*360度拖动图片面板*/
.PicTurn { position:relative; height:480px; width:980px; overflow:hidden; background:#fff; border:1px solid #ddd; margin-top:8px; text-align:center;}
.PicTurn .databak{ display:none;}
.PicTurn img{display:inline-block; width:980px; height:450px; cursor:w-resize;}
.PicTurn .SelectBar{position: relative; display:block; height:30px; width:980px; cursor:default; text-align:center;}
.PicTurn .SelectBar .colordot{display:inline-block; cursor:pointer; text-decoration:none; margin:0 6px; font-size:26px; line-height:26px; height:26px;}
.PicTurn .SelectBar .texts{ display:inline-block; top:0; height:30px; font-size:14px; line-height:26px; margin-left:50px;}
.PicTurn .hints{ position:absolute; z-index:9; bottom:32px; height:20px; width:100%; alpha(opacity=50);opacity: 0.5;}
.PicTurn .hints span{color:#666;}
.PicTurn .loading{ position:absolute; z-index:9; left:476px; top:210px; display:block;}
.PicTurn .loading img{height:28px; width:28px; }


/*分类多页面板 供下载,新闻,应用等用*/
.CP_Panel {position:relative;border:1px solid #ddd; margin-top:8px;; text-align:center; background:#fff; overflow:hidden;} /*面板*/
.CP_Panel .class_b{ position:relative; height:30px; background:#e3e3e3; color:#333; border-bottom:2px solid #666;}
.CP_Panel .class_b ul{ list-style:none; padding:0 0 0 300px;}
.CP_Panel .class_b ul h2{ float:left; margin:0 0 0 -300px; padding:0 6px 0 10px;font-size:24px; font-weight:bold; display: inline;}
.CP_Panel .class_b ul li{ float:left; line-height:36px; display:inline-block; padding:0px 4px; cursor:pointer; color:#000;font-size:14px;}
.CP_Panel .class_b ul li span{color:#333; background:#e3e3e3; padding: 3px 20px;}
.CP_Panel .class_b ul li.chosen{cursor:default;}
.CP_Panel .class_b ul li.chosen span{color:#fff; cursor:default; background:#666;}

.CP_Panel .class_x {position:relative; padding:4px;} /*类*/
.CP_Panel .class_x .PageCtrl{ position:relative; height:30px; text-align:right; padding-right:30px; font-size:12px; color:#2971A7;} /*类_页控制*/
.CP_Panel .class_x .PageCtrl a{text-decoration:none; color:#2971A7; padding: 0px 4px; display:inline-block; margin-top:1px; cursor:pointer;}
.CP_Panel .class_x .PageCtrl a:hover{color:#666666;}
.CP_Panel .class_x .PageCtrl a.chosen{color:#555555; cursor:default;} /*类_页控制*/

.CP_Panel .class_x .page_x{text-align:left;} /*页*/
.CP_Panel .class_x .page_x dl{ margin:4px 0 0 0; padding:0px 0px 8px 150px; border-bottom:1px dotted #DDD; overflow:hidden; } 
.CP_Panel .class_x .page_x dl dt{line-height:27px;} 
.CP_Panel .class_x .page_x dl .item_img img{ float:left; margin:0 0 0 -150px; z-index:-1;}
.CP_Panel .class_x .page_x dl dt.item_title a{color:#333333; font-size:14px; font-weight:bold; letter-spacing:1px;text-decoration:none;} 
.CP_Panel .class_x .page_x dl dt.item_title a:hover{color:#049; text-decoration:underline;} 
.CP_Panel .class_x .page_x dl dd.item_info{color:#8C8C8C;font-size:10px;white-space: nowrap; text-align:left; padding-right:30px; text-indent:2em;}
.CP_Panel .class_x .page_x dl dd.item_description{color: #666666; font-size: 12px;}
.CP_Panel .class_x .page_x dl dd.item_addinfo{color: #666666; font-size: 12px;}
.CP_Panel .class_x .page_x dl dd.item_addinfo a{color:#666666; font-size:12px; line-height:24px; text-decoration:none; width:120px; margin:2px 10px; display:inline-block; text-align:center;} 
.CP_Panel .class_x .page_x dl dd.item_addinfo a img { padding:10px 30px 0; display:block; border-style:none; cursor:pointer;}
.CP_Panel .class_x .page_x dl dd.item_addinfo a:hover{text-decoration:underline;} 

/*三图并列显示带标题*/
.a3ImgBox{position:relative;border:1px solid #ddd; margin-top:8px;; text-align:center; background:#f7f7f7;font-size:14px; overflow:hidden;}
.a3ImgBox a{width:320px; float:left; margin:2px; display:inline-block; text-decoration:none;}
.a3ImgBox a div{display:block; font-weight:bold; margin-top:6px; color:#333;}

/*三列文字显示面板*/
.a3TxtArea{position:relative;border:1px solid #ddd; margin-top:8px;; text-align:center; background:#f7f7f7;font-size:12px; overflow:hidden;}
.a3TxtArea .box{float:left; width:314px; margin: 3px 4px; text-align:justify; border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);}
.a3TxtArea h2{ margin:6px 4px; border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); background:#999999; padding:2px; font-size:14px;}
.a3TxtArea ul{ list-style:none;}
.a3TxtArea ul li{ line-height:1.2em; margin:6px 4px; border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); padding:2px; background:#f0f0f0;}

/*网站地图*/
.titlebar01{ position:relative; border: 1px solid #ddd;background:#999;text-align:center; margin-top:10px;}
.SM {border:1px solid #f3f3f3; margin-top:8px; text-align:center; overflow:hidden;}
.SM .cur{border: 1px solid #ddd;background:#f0f0f0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width:976px;}
.SM .cur ul{height:3em; line-height:3em; font-size: 12px; color: #666;list-style: none; font-weight: bold; text-shadow: 0 1px 0 #fff;}
.SM .cur ul li{ float:left; padding: 0 0 0 1em;}
.SM .cur ul li a{ background:url(/global/images/sp1.png) no-repeat 100% 50%; float: left; color: #666; text-decoration: none; padding: 0 1.75em 0 0; margin-left: 0px;}
.SM .cur ul li a:hover { color: #333; text-decoration: none;}

.SM .all{border: 1px solid #ddd; background:#f0f0f0;font-size: 12px; line-height:14px; padding-top:2px; float: left; width:976px; margin-top: -4px; *position: relative; text-align:left;}
.SM .all a{color:#888; text-decoration: none; display: inline-block; zoom: 1;}
.SM .all a:hover {color: #333; text-decoration: none;}
.SM .all .col{padding: 10px 20px 8px 30px;}
.SM .all ul{margin-bottom: 0; padding-bottom: 9px; list-style:none; float:left; display:inline-block;}
.SM .all ul li{padding-bottom: 4px;}
.SM .all ul li.title a{color: #666 ; font-size: 12px; line-height: 14px; font-weight: bold; padding: 0 0 4px 0px; margin: 0 0 0 -10px;}
.SM .all ul li.title a:hover{color: #333;}

/*old sitemap style*/
.SiteMap{position:relative;border:1px solid #ddd; padding:0px; margin-top:8px; text-align:center; height:180px; background:#fff; overflow: hidden;}
.SiteMap .TitleBar{height:30px; line-height: 30px; text-align:left; border:1px solid #f3f3f3; margin:0px; padding:0px 0px 0px 8px; font-weight:bold;}
.SiteMap .TitleBar ul{padding:0;margin:4px;list-style:none;}
.SiteMap .TitleBar ul li{ text-align:left; DISPLAY: inline-block; text-decoration: none;}
.SiteMap .TitleBar ul li a{color:#666666; text-decoration: none;}
.SiteMap .SubMap{float:left; width:100px;}
.SiteMap .SubMap ul{padding:0;margin:8px;list-style:none;}
.SiteMap .SubMap ul li{ text-align:left;}
.SiteMap .SubMap ul li a{color:#888888; text-decoration: none;}
.SiteMap .SubMap ul li a:hover {color:#000;}
.SiteMap .SubMap ul li.MapTitle{color:#666666; font-weight:bold;}

/*页脚*/	
#footer { position:relative; margin: 8px auto 22px; text-align:center; font-size: 12px; color: #6e6e6e;}
#footer .piped a { border-color: #ccc; }
#footer #links { border: 1px solid #e5e5e5; border-width: 1px 0; height:30px; }
#footer #links:after { content: "."; display: block; height: 30px; clear: both; visibility: hidden; }
#footer #links p { margin: 0; line-height:30px;}
#footer #links p.left { float: left; width: auto; text-align: left; text-indent: 10px; }
#footer #links ul.right { float: right; padding-right: 10px; margin: 0; line-height:30px;}
#footer #links ul.piped a { padding-left: .5em; margin-left: .5em; }
#footer p.left a { margin-right: 0; text-decoration:none; color:#08c;}
#footer p.left { width: 50%; float: left; text-align: left; text-indent: 10px; }
#footer p.links { border: 1px solid #e5e5e5; border-width: 1px 0; padding: .5em 0; margin: 1.5em 0 2em; }
#footer p.copyright {clear:both; padding-right: 0.75em; margin:10px;} 	
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline-block; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; text-decoration:none; color:#08c;}
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

.langbox{ position:absolute; width:100px; height:93px;z-index:9; border: 1px solid #999; top:-62px; right:0px;}
.langbox div{ width:100px; height:30px; line-height:30px; border-bottom: 1px solid #999; cursor:pointer; text-indent:34px;}
.lb_en_ww{ background:url("images/en_ww.jpg") no-repeat #f0f0f0; width:100px; height:30px;line-height:30px; text-indent:34px; text-align: left;color: #08c;}
.lb_zh_cn{ background:url("images/zh_cn.jpg") no-repeat #f0f0f0; width:100px; height:30px;line-height:30px; text-indent:34px;text-align: left;color: #08c;}
.lb_zh_hk{ background:url("images/zh_hk.jpg") no-repeat #f0f0f0; width:100px; height:30px;line-height:30px; text-indent:34px;text-align: left;color: #08c;}
#langbox_01 {float: right; display:inline-block; border:1px solid #e5e5e5;border-width: 1px 0 1px 1px; width:100px; height:30px; line-height:30px;}