@charset "utf-8";

/* CSS Document */

.main {
    width: 960px;
    margin: 0 auto;
    display: block;
}


/*------------------------------Header----------------------------------*/

header {
    height: 90px;
    box-shadow: 0 3px 10px #CCC;
    background: url(../images/header_bg.jpg) repeat-x;
    position: relative;
    z-index: 2;
}
header .main{
    width:1140px;
}
header .fl{margin-left:0;margin-top:5px}
header .fl img{height:50px;margin-top:17px}
.topR {
    width: auto;
    text-align: right;
}

.topR .toolBox {
    padding: 10px 0 10px 0;
    height:60px;text-align: right;margin-right:100px;
}
.topR .toolBox ul li{display:inline-block;position:relative;margin-left:10px}
.topR .toolBox ul li .img{display:none;z-index:99999;}
.topR .toolBox ul li:hover .img{display:block;position:absolute;left:0;top:0px;z-index:99999;padding:10px;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.2);border-radius: 8px;}
.topR .toolBox ul li:hover .img img{width:280px}
.topR .toolBox ul li:hover .img b{display:block;font-size:14px;font-weight:400;text-align: center;padding:5px 0}
.topR .toolBox a {
    color: #666666;
}

.topR .toolBox img {
    vertical-align: text-bottom;
}

.topR .toolBox span {
    padding: 0 5px;
    color: #bdbdbd;
}

nav {
    width: 680px;
    display: inline-block;
    margin-top:-50px;
}

.navList li {
    float: left;
    height: 42px;
    line-height: 42px;
    width: 96px;
    text-align: center;
    position: relative;
    background: url(../images/nav_bg.jpg) no-repeat left top;
}

.navList li a {
    text-indent: -9999em;
    display: block;
    width: 60px;
    height: 42px;
    margin-left: 18px;
}

.navList li a.cur {
    border-bottom: 2px solid #d30400;
}

.navList li.nav2 {
    background-position: -96px 0;
}

.navList li.nav3 {
    background-position: -192px 0;
}

.navList li.nav4 {
    background-position: -288px 0;
}

.navList li.nav5 {
    background-position: -384px 0;
}

.navList li.nav6 {
    background-position: -480px 0;
}

.navList li.nav7 {
    background-position: -576px 0;
}

.navList li.nav1:hover {
    background-position: 0 -44px;
}

.navList li.nav2:hover {
    background-position: -96px -44px;
}

.navList li.nav3:hover {
    background-position: -192px -44px;
}

.navList li.nav4:hover {
    background-position: -287px -44px;
}

.navList li.nav5:hover {
    background-position: -385px -44px;
}

.navList li.nav6:hover {
    background-position: -480px -44px;
}

.navList li.nav7:hover {
    background-position: -575px -44px;
}

.navList li.cur {
    color: #d30400;
    border-bottom: 2px solid #d30400;
}

.navList li .secNav a {
    display: inline;
}

.secNav {
    text-indent: 0;
    width: 303px;
    height: 141px;
    display: none;
    position: absolute;
    top: 42px;
    left: 0;
    text-align: right;
    background: url(../images/nav_hover_con.png) no-repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/nav_hover_con.png");
}

.nav3 .secNav {
    text-align: left;
    height: 199px;
    background: url(../images/nav_hover_con3.png) no-repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/nav_hover_con3.png");
}

.nav3 .secNav .product dd {
    height:40px;position:relative;
}
.nav3 .secNav .product dd img{
    position:absolute;right:0;top:50%;height:32px;margin-top:-16px;
}
.secNav dl {
    display: inline-block;
    width: 280px;
    height: 130px;
    padding-top: 7px;
}

.secNav dd {
    height: 20px;
    line-height: 20px;
    padding-top: 1px;
    padding-right: 38px;
}

.secNav dl a {
    font-size: 13px;
    color: #666;
}

.secNav .about {
    background: url(../images/bg_about.jpg) no-repeat 0px 20px;
}

.secNav .news {
    background: url(../images/bg_news.jpg) no-repeat 0 20px;
}

.secNav .server {
    background: url(../images/bg_server.jpg) no-repeat 0 20px;
}

.secNav .download {
    background: url(../images/bg_download.jpg) no-repeat 20px 20px;
}

.secNav .download dd {
    padding-right: 48px;
}

.secNav .hr {
    background: url(../images/bg_hr.jpg) no-repeat 0 20px;
}

.secNav .hr dd {
    padding-right: 48px;
}

.secNav .product {
    padding-left: 30px;
    padding-top: 0;
}

.secNav .product dd {
    border-bottom: 1px dashed #aaaaaa;
    text-align: left;
    width: 300px;
    height: 36px;
}

.secNav .product dd.bdn {
    border-bottom: none;
}

.secNav .product dd span {
    display: inline-block;
    width: 40px;
    text-align: center;
    padding-right: 40px;
}

.secNav .product dd img {
    padding-bottom: 5px;
    vertical-align: middle;
}

.nav7 .secNav {
    left: -207px;
    background: url(../images/nav_hover_con2.png) no-repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/nav_hover_con2.png");
}


/*------------------------------Footer----------------------------------*/

footer {
    background: url(../images/footer_bg.jpg) repeat-x;
    height: 65px;
    botder-top: 1px solid #ededed;
    padding-top: 25px;
}

footer .fl span {
    display: inline-block;
    line-height: 20px;
    color: #999999;
}

footer .fl img {
    vertical-align: middle;
}

footer img.fr {
    margin-top: -8px;
    width: 106px;
}


/*------------------------------Sidebar----------------------------------*/

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
    font-family: microsoft yahei;
}

.sidebar {
    width: 200px;
    background: #f7f7f7;
    color: #444444;
    margin-left: 1px;
    padding-bottom: 70px;
}

.sidebarList {
    padding-top: 14px;
    padding-bottom: 30px;
}

.sidebarList li {
    border-top: 1px solid #e4e4e4;
    height: 36px;
    line-height: 36px;
}

.sidebarList li.cur,
.sidebarList li:hover {
    background: url(../images/sidebar_bg.jpg) repeat-x;
}

.sidebarList li a {
    border-top: 1px solid #f9f9f9;
    height: 35px;
    line-height: 35px;
    color: #666666;
    padding-left: 42px;
    display: block;
    font-weight: bold;
}

.sidebarList li.cur a,
.sidebarList li:hover a {
    color: #cc0200;
    text-decoration: none;
    background: url(../images/sidebar_ico.jpg) no-repeat 28px center;
}

.proSearchBox {
    width: 150px;
    height: 90px;
    box-shadow: 0 0 8px #ccc;
    background: #fff;
    margin: 0 auto;
    position: relative;
    padding: 15px;
    margin-bottom: 10px;
}

.proSearchBox h3 {
    color: #444444;
    font-weight: bold;
    padding-bottom: 10px;
}

.proSearchBox input {
    color: #333333;
    width: 135px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #dcdcdc;
    padding-left: 10px;
    display: block;
}

.proSearchBtn {
    display: inline-block;
    width: 81px;
    height: 24px;
    margin-top: 10px;
    background: url(../images/searchBtn.jpg) no-repeat;
    margin-right: 4px;
}

.sidebar .pl10 img {
    padding-top: 10px;
    display: block;
}

.proSidebar li {
    height: auto;
}

.proSidebar li .secSide {
    display: none;
}

.proSidebar li .secSide dl {
    display: none;
}

.proSidebar li.cur a,
.proSidebar li:hover a {
    color: #333333;
    background-image: url(../images/ico3.jpg);
}

.proSidebar li dt a.cur,
.main .proSidebar li dt a {
    background-position: 23px center;
}

.main .proSidebar li dt a {
    background-image: url(../images/ico2.jpg);
    background-repeat: no-repeat;
}

.proSidebar li dt.cur a {
    background-image: url(../images/ico1.jpg);
}

.main .proSidebar li dl dd a {
    background: none;
    padding-left: 54px;
    color: #666666;
    font-weight: normal;
    line-height: 16px;
height:auto;margin-bottom:8px
}

.main .proSidebar li dl dd a:hover,
.main .proSidebar li dl dd a.cur {
    color: #cc0200;
}

.main .proSidebar li dt dl {
    border-top: 1px solid #e4e4e4;
    padding: 5px 0 15px 0;
}

.main .proSidebar li dt {
    border-top: 1px solid #e4e4e4;
}

.main .proSidebar li dt dl dl {
    border-top: none;
}

.sidebarList dt dt a {
    padding-left: 54px;
    color: #000;
}

.sidebarList dt dt a.cur {
    color: #cc0200;
}


/*------------------------------Content----------------------------------*/

.content {
    padding-top: 20px;
    width: 740px;
    margin-left: 15px;
    color: #666666;
    overflow: hidden;
}

.content p {
    line-height: 2;
}

.content h2,
.content h3,
.content h4,
.content h5 {
    font-family: microsoft yahei;
}

.break,
.breakBg_left,
.breakBg_center,
.breakBg_right,
.break_text {
    height: 33px;
}

.breakBg_left,
.breakBg_center,
.breakBg_right {
    border-radius: 5px 0 0 5px;
    display: inline-block;
}

.break {
    border-radius: 5px;
    box-shadow: 2px 2px 5px #D0D2D2;
    margin-bottom: 30px;
    background: url(../images/breakBg.jpg) repeat-x;
    color: #fff;
}

.breakBg_left {
    padding-right: 22px;
    float: left;
    background: url(../images/breakBg_left.jpg) no-repeat right center;
}

.breakBg_center {
    background: url(../images/breakBg_center.jpg) repeat-x;
}

.breakBg_right {
    /*width:59px;*/
    padding: 0 25px 0 20px;
    line-height: 30px;
    font-size: 14px;
    font-family: microsoft yahei;
    background: url(../images/breakBg_right.png) no-repeat left;
}

.break_text {
    display: inline-block;
    line-height: 30px;
    text-align: right;
    padding-right: 20px;
    float: right;
}

.break_text em {
    font-family: song ti;
    padding: 8px;
}

.break_text a {
    color: #fff;
}


/*-----------------------------Pager------------------------------*/

.pager {
    margin-top: 30px;
    text-align: center;
}

.pagerList {
    display: inline-block;
}

.pagerList li {
    float: left;
}

.pagerList li.pBtn a {
    font-family: song ti;
}

.pagerList li a {
    color: #666666;
    padding: 0 8px;
    font-weight: bold;
}

.pagerList li a.cur,
.pagerList2 li a:hover {
    color: #cc0200;
    text-decoration: none;
}

.pager2 {
    margin-top: 0;
    text-align: left;
}


/*------------------------------IE Bug----------------------------------*/

nav {
    *display: inline;
}

.secNav dl {
    *display: inline;
}

.pagerList {
    *display: inline;
}

.breakBg_right {
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/breakBg_right.png")
}

.navList li a {
    _margin-left: 0;
}
.secNav .product{padding-left:20px}
                                    .nav3 .secNav .product dd{height:33px;line-height:33px;padding-top: 0;width:225px}
                                    .nav3 .secNav .product dd a{margin-left:0}