﻿html{color:#666;background:#fff;overflow:auto;overflow:scroll;height:100%;}
body { font-size:12px; font-family:Arial, Helvetica, sans-serif;; background-color:#fff;}
body,div,ul,li,img,a,h2,p{margin: 0;padding: 0; }
fieldset,img{border:0;}
li{list-style:none;}
a{text-decoration:none;}
a img{border:none;}

.clear{clear:both}
.clearfix { display:inline-block; }
.clearfix {display:block;} 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bound0{width:900px;overflow:hidden;margin:0 auto;}
.bound{width:1006px;overflow:hidden; margin:0 auto;}
.boxshadow{box-shadow:2px 2px 2px #909090;-webkit-box-shadow: 2px 2px 10px #909090;overflow:hidden;background:#fff;}
.current{color:#b00;}
.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }
.verticalLine0{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:200px; height:200px; margin:0 23px;}
.verticalLine{ background-color:#FFFFFF; border-left:#cfcfcf solid 1px; width:1px; height:100%; left:200px; top:0px; float:left; min-height:200px; height:200px; margin:0 40px;}
.pr{position: relative;}
.w330{width:330px;}
.txt-h24{border: #E1E1E1 1px solid; color: #5C5C5C; padding-left: 5px; padding-right: 5px; height: 24px; line-height: 24px;}
.grid{width:980px;}
.grid_8{width:620px;}
.grid,.grid_8{margin-right:10px;margin-left:10px;display: inline;}

/*position*/
.position{margin:0px 0px 10px 0px;height:14px;color:#8b8d8d;font-size:12px;padding:10px 0px 0px 30px;}
.position a{color:#069;padding:0px 5px;}
img.jiantou{vertical-align:middle;width:12px;height:12px;}

.fl{float:left;}
.c_blue0{color: #069;}
.c_blue{ color:#3686ab;}
.c_orange{color:#eb8800;}
.c_green{color:#679800;}
.bgblue{background-color:#52b9fb;color:white};

.bread-crumb{ padding:16px 0 6px 0;}
.bread-crumb p{ color: #949494; padding-bottom: 10px;  font-size: 12px; -webkit-text-size-adjust: none;}
.bread-crumb p a{ font-size: 12px; -webkit-text-size-adjust: none; font-family:"Microsoft Yahei"}

.bgsTabTop_cn { width:100% !important;height: 36px;background-color:#666666;position: relative;z-index: 1000;}
.bgsTabTop_cn .bgsTabTopNav_cn{width:980px;height:36px; margin:0px auto;}
.bgsTabTop_cn .bgsTabTopNav_cn ul li{float:left; _display:inline; height:36px;}
.bgsTabTop_cn .bgsTabTopNav_cn ul li a{display:block; height:36px; padding:0 22px; font:bold 14px/36px "&#23435;&#20307;"; color:#CCC;width:30px;}
.bgsTabTop_cn .bgsTabTopNav_cn ul li a:hover{text-decoration:none; background-color:white;}

/*header*/
#header{height:58px; min-width:1006px; width:auto !important;margin:0px auto; background:#f8f8f8 url(../images/bgheader.jpg) repeat-x;}
#logo{ float:left; margin-top:0px; }
#header .topnav{ float:right; margin-top:25px; }
#header .topnav .log{ float:left;color:#8b8d8d;font-family:Arial, Helvetica, sans-serif;}

/*menu*/
#menu {background: url(../images/bgmenu.jpg) repeat-x left bottom; background-color: #f8f8f8; height: 46px; border-top: 1px solid #d7d4cf; border-bottom: 1px solid #C4C6C3; min-width: 1000px; width: auto !important; margin: 0px auto; position: relative;z-index: 10;}
#menu .nav { width: 900px; margin: 0 auto; height: 46px; position: relative; z-index: 100;}
#menu .nav ul {float: left;}
#menu li {float: left; display: block; overflow: visible; vertical-align: top;}

.nav a{color:#333; cursor:pointer;}
.nav a.trad, .nav a.solutions_products, .nav a.support,.nav a.news {display: block; line-height: 47px; text-decoration:none; color:#666; font-size:1.2em; font-weight:bold; text-align:center; position:relative; z-index:1007;}
.nav a.trad span, .nav a.solutions_products span, .nav a.support span, .nav a.news span{display: block; height:47px; margin-left: 2px; width:auto; text-shadow:#fff 1px 1px 0px; padding:0 32px 0 22px;}
.nav li a.hover{color:#b00;  background-position: 0 -85px; background-color:transparent; margin-top: 0px; line-height: 47px;}
.nav li a.hover span{background-repeat:no-repeat; background-position:100% -18px; background-color:transparent; color:#b00;}
.nav li a.active span{color: #B00;}
.nav li a span.hover1{color:#b00;}
/*take off background*/


.menuitempanel {top: 47px; position: absolute; z-index: 1000; display: none; left: 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}
.menuright{right:0px; left:auto;}
.menucontentdiv {background: #fff;border-left: 1px solid #CCC; margin-right: 7px; padding: 20px 20px 0 30px; width:auto; height:100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.menucontentdiv .clearfix{ padding-bottom:10px; position:relative;}
.menufillet_s, .menufillet_w, .menufillet_e, .menufillet_se, .menufillet_sw{position: absolute;zoom: 1;display: block;overflow: hidden;
background-attachment:scroll; background-color:transparent; z-index: 999; width: 10px;height: 10px;}
.menufillet_e {background-repeat: repeat-y; _background:transparent; height: 100%; right: 0px; top: 0; width: 7px;}
#menu .menuitempanel li {float: none; top: 0; line-height:24px;}
#menu .menuitempanel li.left {float: left;}
.menuitempanel h2 {color: #bb0000; font-size: 16px;font-weight: bold; padding-bottom:10px;}
.menuitempanel h2 a {color: #B00;}
.menuitempanel ul li a{ color:#666;}
.menuitempanel ul.taxonomy { margin-left: -5px;}
#menu .menuitempanel ul.taxonomy li {font-size: 14px; font-weight: bold; text-indent: 10px; line-height: 32px;}
.menuitempanel ul.taxonomy li a{ color:#333;}
.menuitempanel ul.m_box li.title {font-weight: bold; margin-top: 5px;}
.menuitempanel ul.m_box li.summary { width:259px; font-weight: normal;}
#menu .menuitempanel ul.m_box li.summary ul {padding: 0 0; float:none;}
.menuitempanel .solutions_products ul.m_box li.summary{ padding:0 0 0 2px;}
.menuitempanel .solutions_products ul.m_box li.left{ margin-right:15px;}
.menuitempanel ul.list {margin-right: 45px;}
.menuitempanel ul > li.left > ul {margin-right: 45px;}
.menuitempanel ul.list h3 {padding: 0px 0px 0px 0px;}
.menuitempanel ul.list h3 a {color: #333333;font-size: 14px;font-weight: bold;}
.menuitempanel .solutions_products ul.m_box li.last, .menuitempanel ul.last,.menuitempanel ul li ul.last { margin:0px;}

.shadow_b_layout {background-attachment: scroll; background-repeat: no-repeat; background-position: 0 -67px; position: absolute; width: 100%; left: 0px;}
.shadow_b_layout div {background-attachment: scroll;display: block;height: 16px;margin-left: 15px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}
@-moz-document url-prefix(){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}/*opera&#19987;&#23646;*/
:root .shadow_b_layout, :root .menufillet_e {display:none\9;}/*IE9&#19987;&#23646;*/
:root .menucontentdiv{ margin-right:0px\9;border-right: 1px solid #CCC\9;border-bottom: 1px solid #CCC\9;}
:root .menucontentdiv .clearfix{ padding-bottom:15px\9;}

/*.vedio-container*/
.vedio-container{position:relative; top:-1px;margin-bottom:0px;}
.vedio-container img{border:0;}

#slide-index{min-width:1006px;width:auto; height:396px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1006px; width:auto; height:396px; }
#slide-index .slide{ min-width:1006px; height:396px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .control{z-index:2;position: absolute;bottom: 0px;width: 100%;text-align: center;height: 42px;line-height:42px;background:url(../images/bg03.png) repeat-x;}

.control .news{width:770px; height:42px; float:left; overflow:hidden;}
.news .title{ width:55px; height:42px; margin:0px 0px 0px 0px; float:left;}
.news .content{ float:left; height:42px; width:700px;text-align:left;}
.news .content div{ height:42px; line-height:42px; overflow:hidden;color:#8b8d8d;}
.news .content div a{color:#666;}
.control .focus{width:120px;height:42px;float:right;}
.control .focus a{background:url(../images/ico01.png) no-repeat left -24px;width:14px;height:14px;margin-left:10px;display: inline-block;margin:14px 10px 0px 0px;z-index:3;}
.control .focus a.active{background:url(../images/ico01.png) no-repeat  left top;z-index:3;}

/*features-index*/
#features-index{ background:#f7f5f8; height:230px; min-width:1000px; width:auto !important; margin:0px auto; }
#features-index .feature{float:left;margin: 20px 12px 0px 0px;width:240px;}
#features-index .feature h2{font-size: 16px;font-family: microsoft yahei;margin:2px 0 8px 0;font-weight: 400;}
#features-index .feature li{padding:8px 0px 0px 0px;}

/*footer*/
#footer{background:#666666 url(../images/bgfooter.gif) repeat-x;min-width:1000px; width:auto !important; margin:0px auto;cursor:default;text-align:center;}
#footer p{font-size: 12px;line-height: 18px;font-family: microsoft yahei;font-weight:normal;}
#footer p a{font-size: 12px;line-height: 18px;}
#footer p a:hover{text-decoration:underline;}
#footer p a.free_download{font-weight: bold;}

/*intro*/
#intro{padding-top:0px;}
#intro .secrb{width:100%;min-width:1000px;margin-top:20px;}
#intro .secrbt{width:980px;position:relative;height:50px;padding-top:6px;}
#intro .secrb .secrbt .secrbtl{height:50px;float:left;padding-left:35px;font-size:16px;font-weight:bold;color:#434343;line-height:24px;}
#intro .secrb .newsxq{width:900px;min-height:462px;float:left;border-top:0;padding:0px 40px 50px 40px;}
.newsspan .title{font-size: 14px;font-weight: bold;color: #434343;line-height: 45px;border-bottom: 1px solid #d9d9d9;height: 45px;}
.newsspan .intro{font-size: 14px;line-height: 25px; padding-top: 10px; padding-bottom: 20px;}

/*software*/
#software{min-width:1006px; width:auto !important;margin:0px auto;}

.search{height:34px;line-height:34px;font-size:12px;margin-bottom:3px;}
.search div{float:left;text-align:center;vertical-align:middle;height:30px;}
.search span{float:left;}
.search div .span-2{ height:25px; width:50px; }






/*callus*/
#callus{min-width:1006px; width:auto !important;margin:0px auto;font: 12px/1.5 'Microsoft Yahei';height:80px;}
#callus span{height:45px;float:left;font-size:16px;font-weight:bold;padding-left:15px;font-weight: normal;color: #000000;}
#callus .callus-style{float:left;margin:0px 10px 0px 30px; width:240px;}


/*adjust left*/
.adjust{width:980px;margin:0 auto;overflow: hidden;min-height:500px;}
.left{margin-left:10px;float:left;width:630px;}
/*left news*/
.left h2{font-weight:bold;width:0 auto;color:#31659C;padding-bottom:5px;display: block;font-size:14px;}
.left h2 a{color:#136ec2;}
.left .newsbrief{line-height: 24px;padding-top: 10px;color:#4f4f50;height:70px;}
.left .newstime{padding-top:10px;font-size:12px;color:#b8b8b8;}

/* left talbe*/
.itemList{font-size: 12px;width:630px;color:Black;border: 1px solid #DFDFDF;}
.itemList tr.header{background:#F7F7F7;}
.itemList th{height:33px;font-size:12px;font-weight:normal;}
.itemList td{height:31px;text-align:center; vertical-align:middle;color:#626262;}
.itemList td a{color:#626262;}
.itemList td.title{text-align:left;padding-left:6px;}
.itemList td.title a{background-position:left center;background-repeat:no-repeat;padding-left:20px;cursor:hand;}
.itemList td.down span{vertical-align:middle;}
.itemList .rightpage{background-color:#F2F2F2;font-size: 12px;color: #3E3E3E;width:630px;height:28px;text-align:center;line-height:28px;}

/*adjust newsshow*/
.newsshow{width:700px;margin:0 auto;overflow:hidden;}
.newsshow .newstitle{font-weight:bold;font-size:22px;color:#333;padding:15px 0px 10px 0px;line-height: 26px;}
.newsshow p{margin-bottom:5px;color:#b8b8b8;}
.newsshow .detial{margin-bottom: 20px;font-size: 14px;line-height: 26px;color: #333;}
.newsshow .img{text-align: center;overflow: hidden;margin-bottom:10px;}
.img img{max-width:600px;}
.newsshow .imgtitle{text-align: center;font-size: 12px;margin-bottom: 20px;}
/*adjust software*/
.sdownload{margin-left:10px;float:left;width:940px;}
.sdowntable{font-size: 12px;width:940px;color:Black;border: 1px solid #DFDFDF;}
.sdowntable tr.header{background:#F7F7F7;}
.sdowntable th{height:33px;font-size:12px;font-weight:normal;}
.sdowntable td{height:31px;text-align:center; vertical-align:middle;color:#626262;}
.sdowntable td a{color:#626262;}
.sdowntable td.title{text-align:left;padding-left:6px;}
.sdowntable td.title a{background-position:left center;background-repeat:no-repeat;padding-left:20px;cursor:hand;}
.sdowntable td.down span{vertical-align:middle;}
.sdowntable .rightpage{background-color:#F2F2F2;font-size: 12px;color: #3E3E3E;width:630px;height:28px;text-align:center;line-height:28px;}




.right{float:right;width:320px;}
.whitebox{background: #F2F2F2;width: 320px;margin-bottom: 20px;}
.whitebox .boxheader{color:#333; font-size:16px; font-weight:bold; height:47px; line-height:47px; border-bottom:1px solid #c3c3c3; width:280px; margin-left:10px; margin-right:10px; }
.whitebox .boxcontent{padding: 20px 15px; width:270px;}
.whitebox .boxpoint{font-size: 14px;line-height: 24px;color: #333;}
.boxpoint li{padding-left:10px;}
.boxpoint li a{color:#069;font-family: Arial, Helvetica, sans-serif;}
.boxsearch {height:60px;}
.boxsearch input{height:24px; width:217px; border:1px solid #ddd; float:left; line-height:24px; padding-left:5px;}
.boxsearch a{cursor:pointer;background:url() no-repeat; width:43px; height:26px; line-height:26px; display:block; color:#FFFFFF; float:left; text-align:center;}
.boxsearch a:hover{ text-decoration:none;}

.right1{float:right;width:220px;}
.whitebox1{background: #F2F2F2;width: 220px;margin-bottom: 20px;}
.whitebox1 .boxheader1{color:#333; font-size:16px; font-weight:bold; height:47px; line-height:47px; border-bottom:1px solid #c3c3c3; margin-left:10px; margin-right:10px; }
.whitebox1 .boxcontent1{padding: 20px 15px;}
.whitebox1 .boxpoint1{font-size: 14px;line-height: 24px;color: #333;}
.boxpoint1 li{padding-left:10px;}
.boxpoint1 li a{color:#069;font-family: Arial, Helvetica, sans-serif;}
.boxsearch1 {height:60px;}
.boxsearch1 div{padding-left:2px;padding-top:2px;}
.boxsearch1 input{height:20px;float:left; line-height:20px;border:0;width:157px;}
.boxsearch1 a{cursor:pointer; width:29px; height:25px; line-height:25px; display:block; color:#FFFFFF; float:left; }
.boxsearch1 a:hover{ text-decoration:none;}
/*right news active*/
.right .newsactive{width:320px;height:500px;}
.newsactive .atitle{padding-bottom:18px;font-size:16px;font-weight:bold;color:#4f4f50;}
.newsactive .alist{padding-bottom:20px;border-bottom: 1px #b8b8b8 dashed;height:130px;}
.alist .aimg{padding-right: 12px;float: left;width:120px;height:130px;}
.alist h3{font-size:12px;line-heiht:18px;}
.alist h3 a{color: #3f3e3e;}
.alist p{line-height:16px;height:20px;}


.t1424{font-size:14px; line-height:20px; font-weight:bold; color:#333; margin:10px 0px 5px 0px;}
.t1424 a, .t1224 a, .t1624 a {color: #eb8800;}
.bottom_line{border-bottom:1px solid #fff; height:0px; overflow:hidden;}
.top_line{border-top:1px solid #d1d1d1; height:0px; overflow:hidden;margin-top:15px;}











.gray-rounded-4{ border: #CCCCCC 1px solid;  -webkit-box-shadow: #E9E8E9 0 5px 6px; -moz-box-shadow: #E9E8E9 0 5px 6px; box-shadow: #E9E8E9 0 4px 6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}




