@charset "utf-8";

/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

q:before, q:after {
    content: ''
}

/*公用元素*/

a {
    color: #0282c4;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

html{
    overflow-x: hidden;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    text-align: center;
    font-family: Tahoma, '宋体';
    font-size: 12px;
    color: #666;
    background: #fcfcfc url(/images/bg.gif) top repeat-x;
    overflow-x: hidden;
}

div {
    text-align: left
}

.clear {
    clear: both;
    width: 100%;
    height: 0px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

p.more {
    clear: both;
    text-align: right;
}

body#index-body {
    background: #fcfcfc url(/images/bg-index.gif) center top repeat-x;
}

/**
    wrapper宽度应为940px；由于阴影应用较多，两侧分别预留出10px的阴影空间。
    对于没有阴影的div，应注意调整左右margin。

*/

.wrapper {
    margin: 0 auto;
    width: 960px;
}

.header {
    margin: 0 6px 0 9px;
    background: url(/images/header-bg.gif) 0 0 no-repeat;
}

#index-body .header {
    background: none;
}

.header .welcome {
    position: relative;
    margin: 0 4px 0 1px;
    text-align: right;
    height: 33px;
    line-height: 33px;
    z-index: 1000;
}

.header .welcome a {color:#666}

.header .welcome .login-box {
    display: none;
    position: absolute;
    top: 27px;
    right: 255px;
    width: 328px;
    height: 173px;
}

.header .welcome .login-box .login-box-bg {
    margin: 0 0 -165px 0;
    width: 328px;
    height: 173px;
    background: url(/images/login-box-bg.png) 0 0 no-repeat;
}

*html .header .welcome .login-box .login-box-bg {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/login-box-bg.png", sizingMethod="crop");
}

.header .welcome .login-error-box {
    width: 328px;
    height: 198px;
}

.header .welcome .login-error-box .login-box-bg {
    margin: 0 0 -190px 0;
    width: 328px;
    height: 198px;
    background: url(/images/login-error-box-bg.png) 0 0 no-repeat;
}

*html .header .welcome .login-error-box .login-box-bg {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/login-error-box-bg.png", sizingMethod="crop");
}

.header .welcome .login-errorr-code-box {
    width: 328px;
    height: 228px;
}

.header .welcome .login-errorr-code-box .login-box-bg {
    margin: 0 0 -220px 0;
    width: 328px;
    height: 228px;
    background: url(/images/login-error-code-box-bg.png) 0 0 no-repeat;
}

*html .header .welcome .login-errorr-code-box .login-box-bg {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/login-error-code-box-bg.png", sizingMethod="crop");
}

.header .welcome .login-box form.login-form {
    padding: 15px 15px;
}

.header .welcome .login-box form.login-form p {
    margin: 5px 0;
    height: 25px;
    line-height: 25px;
}

.header .welcome .login-box form.login-form p label {
    display: inline-block;
    width: 60px;
    text-align: right;
}

.header .welcome .login-box form.login-form p input.input-text {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 160px;
    height: 22px;
    border: 1px solid #cbcdd0;
}

.header .welcome .login-box form.login-form p input.input-checkbox {
    margin: 0 0 0 64px;
}

.header .welcome .login-box form.login-form p input.input-submit {
    margin: 0 0 0 64px;
    width: 57px;
    height: 24px;
    border: 0;
    color: #fff;
    font-weight: bold;
    background: url(/images/login-box-submit-bg.gif) 0 0 no-repeat;
}

.header .welcome .login-box form.login-form p a.login-box-reg {
    margin: 0 0 0 50px;
}

.header .welcome .login-box a.login-box-close {
    position: absolute;
    right: 9px;
    bottom: 9px;
    display: block;
    width: 17px;
    height: 17px;
    background: url(/images/icon-login-box-close.gif) 0 0 no-repeat;
}

.header .welcome span.separator {
    margin: 0 12px 0 2px;
    color: #b3b3b3;
    font-size: 10px;
}

.header .welcome span.language {
    position: relative;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0 0 0 20px;
    height: 22px;
    line-height: 22px;
    background: url(/images/icon-language.gif) 0 4px no-repeat;
}

.header .welcome span.language a.current-language {
    display: inline-block;
    padding: 0 10px 0 0;
    background: url(/images/icon-language-a.gif) right center no-repeat;
}

.header .welcome span.language ul.all-languages {
    display: none;
    position: absolute;
    top: 22px;
    right: -14px;
    margin: 0;
    width: 127px;
    height: 140px;
}

.header .welcome span.language ul.all-languages li {
    padding: 0 0 0 10px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    text-align: left;
    display: block;
}

.header .welcome span.language ul.all-languages li.all-languages-bg {
    margin: 0 0 -130px 0;
    width: 127px;
    height: 140px;
    background: url(/images/all-languages-bg.png) 0 0 no-repeat;
}

*html .header .welcome span.language ul.all-languages li.all-languages-bg {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/all-languages-bg.png", sizingMethod="crop");
}

*html .header .welcome span.language ul.all-languages li a {
    display: inline-block;
}

.header .welcome span.max-service {
    position: relative;
    display: inline-block;
    margin: 3px 0 0;
    padding: 0 0 0 11px;
    width: 106px;
    height: 22px;
    line-height: 23px;
    text-align: left;
    background: url(/images/max-service-bg.gif) left top no-repeat;
}

.header .welcome span.max-service a.max-service-title {
    *position: relative;
    *top: -1px;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.header .welcome span.max-service ul.all-service {
    display: none;
    position: absolute;
    top: 22px;
    right: -14px;
    margin: 0;
    width: 359px;
    height: 134px;
}

.header .welcome span.max-service ul.all-service li {
    margin: 0 14px 0 10px;
    padding: 0 0 0 5px;
    min-height: 30px;
    _height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    text-align: left;
    border-bottom: 1px dashed #cbcdd0;
}

.header .welcome span.max-service ul.all-service li.all-service-bg {
    margin: 0 0 -125px 0;
    padding: 0;
    width: 359px;
    height: 134px;
    border-bottom: 0;
    background: url(/images/all-service-bg.png) 0 0 no-repeat;
}

*html .header .welcome span.max-service ul.all-service li.all-service-bg {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/all-service-bg.png", sizingMethod="crop");
}

.header .welcome span.max-service ul.all-service li.max-sites {
    line-height: 20px;
    border-bottom: 0;
}

.header .welcome span.max-service ul.all-service li a {
    display: inline-block;
    padding: 0 0 0 20px;
    width: 80px;
    height: 30px;
    line-height: 30px;
}

.header .welcome span.max-service ul.all-service li a.service-passport {
    background: url(/images/icon-site-passport.gif) 0 center no-repeat;
}

.header .welcome span.max-service ul.all-service li a.service-favorite {
    background: url(/images/icon-site-favorite.gif) 0 center no-repeat;
}

.header .welcome span.max-service ul.all-service li a.service-today {
    background: url(/images/icon-site-today.gif) 0 center no-repeat;
}

.header .welcome span.max-service ul.all-service li a.service-13393 {
    background: url(/images/icon-site-13393.gif) 0 center no-repeat;
}

.header .welcome span.max-service ul.all-service li a.service-haha {
    background: url(/images/icon-site-haha.gif) 0 center no-repeat;
}

.header .welcome span.max-service ul.all-service li a.service-tuan {
    background: url(/images/icon-site-tuan.gif) 0 center no-repeat;
}

.header .welcome span.max-service ul.all-service li a.service-007 {
    background: url(/images/icon-site-007.gif) 0 center no-repeat;
}

.header .welcome span.max-service ul.all-service li a.service-aoxin {
    height: 20px;
    line-height: 20px;
    background: url(/images/icon-site-aoxin.gif) 0 center no-repeat;
}

.header .welcome span.language a, 
.header .welcome span.max-service a {
    position: relative;
    color: #666;
}

.header .welcome span.language a:hover, 
.header .welcome span.max-service a:hover {
    position: relative;
    color: #0282c4;
    text-decoration: none;
}

.header .menu {
    z-index: 500;
    width: 944px;
    height: 52px;
    background: url(/images/menu-list-bg.gif) 0 0 no-repeat;
}

#index-body .header .menu {
    background: url(/images/menu-list-bg-index.gif) 0 0 no-repeat;
}

.header .menu a.logo {
    position: relative;
    float: left;
    _display: inline;
    margin: 1px 0 0 39px;
    width: 160px;
    height: 40px;
    background: url(/images/menu-list-logo.gif) no-repeat;
}

#index-body .header .menu a.logo {
    background: url(/images/menu-list-logo-index.gif) no-repeat;
}

.header .menu ul.menu-list {
    float: right;
    /*width: 520px;
    _width: 540px;*/
    width: 617px;
    _width: 637px;
}

.header .menu ul.menu-list li {
    position: relative;
    z-index: 500;
    float: left;
    margin: 0 -1px;
    width: 63px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
}

.header .menu ul.menu-list li.menu-list-mx2 {
    width: 72px;
}

.header .menu ul.menu-list li.menu-list-mx3 {
    width: 69px;
}

.header .menu ul.menu-list li.menu-list-mm {
    width: 82px;
}

.header .menu ul.menu-list li.menu-list-passport {
    width: 88px;
}

.header .menu ul.menu-list li.menu-list-lab {
    width: 101px;
}

.header .menu ul.menu-list li a {
    display: block;
    _display: inline-block;
    padding: 0 0 0 2px;
    _width: 100%;
    height: 50px;
    color: #b8cede;
}

.header .menu ul.menu-list li a span {
    display: block;
    _display: inline-block;
    padding: 1px 2px 0 0;
    _width: 100%;
    cursor: pointer;
}

.header .menu ul.menu-list li.current {
    background: url(/images/menu-list-current-li-bg.gif) center top no-repeat;
}

.header .menu ul.menu-list li.current a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: url(/images/menu-list-current-bg.gif) left top no-repeat;
}

.header .menu ul.menu-list li.current a span {
    background: url(/images/menu-list-current-bg.gif) right top no-repeat;
}

.header .menu ul.menu-list li a.hover, 
.header .menu ul.menu-list li a:hover {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    background: url(/images/menu-list-hover-bg.gif) left 2px no-repeat;
}

.header .menu ul.menu-list li a.hover span, 
.header .menu ul.menu-list li a:hover span {
    background: url(/images/menu-list-hover-bg.gif) right 2px no-repeat;
}

.header .menu ul.menu-list li ul.menu-sublist {
    display: none;
    position: absolute;
    top: 50px;
    left: 2px;
    z-index: 60;
    padding: 5px 1px 10px 1px;
    width: 153px;
    background: #003b81;
}

.header .menu ul.menu-list li.menu-list-bbs ul.menu-sublist {
    width: 150px;
}

.header .menu ul.menu-list li.menu-list-company ul.menu-sublist {
    left: -93px;
    _left: -90px;
}

.header .menu ul.menu-list li ul.menu-sublist li {
    float: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #184a86;
    background: none;
}

.header .menu ul.menu-list li.menu-list-company ul.menu-sublist li {
    text-align: right;
}

.header .menu ul.menu-list li ul.menu-sublist li.menu-sublist-li1 {
    border-top: 0;
}

.header .menu ul.menu-list li ul.menu-sublist li a {
    padding: 0 0 0 15px;
    height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background: none;
}

.header .menu ul.menu-list li.menu-list-company.hover ul.menu-sublist li a, 

.header .menu ul.menu-list li.menu-list-company ul.menu-sublist li a {
    padding: 0 15px 0 0;
    width: 139px;
}

.header .menu ul.menu-list li ul.menu-sublist li a:hover {
    font-weight: normal;
    background: #01326b;
}

/*通用下载按钮*/

.btn-download {
    background: url(/images/btn-download.png) no-repeat scroll 0 0 transparent;
    height: 80px;
    margin: 20px 0 0 -10px;
    width: 250px;
}

*html .btn-download {
    background: transparent;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/btn-download.png", sizingMethod="crop");
}

.btn-download a {
    color: #432414;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    height: 63px;
    line-height: 20px;
    padding: 17px 0 0 30px;
    position: relative;
    text-decoration: none;
    width: 220px;
}

.btn-download a:hover {
    color: #8F4300;
    text-decoration: none;
}

.btn-download span {
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}

#index-body .btn-download {
    background: none;
    margin: 40px 0 0 -6px;
}




/* index page */


.slide {
    position: relative;
    margin: 0 10px;
    padding: 0;
    height: 400px;
}

.slide .slide-box {
    display: none;
    margin: 0;
    padding: 35px 0 0 29px;
    width: 911px;
    height: 365px;
}

.slide #slide-box-1.slide-box {
    display: block;
    background: url(/images/banner-index-mx3.jpg) center top no-repeat;
}

.slide #slide-box-1 .btn-download a {
    background: url(/images/btn-download-index1.png) no-repeat 0 0;
}

.slide #slide-box-1 .btn-download a:hover {
    background-position: 0 -80px;
}

.slide #slide-box-2 {
    height: 286px;
    padding: 114px 0 0 29px;
}

.slide #slide-box-2.slide-box {
    background: url(/images/banner-index-mm.jpg) center top no-repeat;
}

.slide #slide-box-2 .btn-download a {
    background: url(/images/btn-download-indexmm.png) no-repeat 0 0;
}

.slide #slide-box-2 .btn-download a:hover {
    background-position: 0 -80px;
}

.slide #slide-box-3.slide-box {
    background: url(/images/banner-index-mx2.jpg) center top no-repeat;
}

.slide #slide-box-3 .btn-download a {
    background: url(/images/btn-download-index2.png) no-repeat 0 0;
}

.slide #slide-box-3 .btn-download a:hover {
    background-position: 0 -80px;
}


.slide .slide-title {
    margin: 0 0 12px;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 40px;
    font-weight: bold;
    font-family: "微软雅黑";
}

.slide .slide-intro {
    line-height: 22px;
    color: #000;
    font-size: 16px;
    font-family: "微软雅黑";
}

.slide .slide-intro a {
    text-decoration: underline;
}

.slide .slide-download-info {
    margin-top: 14px;
    line-height: 21px;
}

.slide .slide-download-info a {
    color: #666;
    font-weight: bold;
    text-decoration: underline;
}

.slide .slide-download-info a:hover {
    color: #0282c4;
}

.slide .slide-show {
    position: absolute;
    right: 16px;
    bottom: 25px;
    width: 314px;
}

.slide .slide-show-arrow-left, 
.slide .slide-show-arrow-right {
    display: inline;
    float: left;
    margin: 6px 10px 0 0;
    width: 21px;
    height: 33px;
    background: url(/images/slide-arrow-left.png) 0 0 no-repeat;
}

*html .slide .slide-show-arrow-left, 
*html .slide .slide-show-arrow-right {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/slide-arrow-left.png", sizingMethod="crop");
}

.slide .slide-show-arrow-right {
    float: right;
    margin: 6px 0 0 10px;
    background: url(/images/slide-arrow-right.png) 0 0 no-repeat;
}

*html .slide .slide-show-arrow-right {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/slide-arrow-right.png", sizingMethod="crop");
}

.slide .slide-show-arrow-left a, 
.slide .slide-show-arrow-right a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.slide a.slide-show-content {
    _display: inline;
    float: left;
    margin: 0 5px;
    width: 74px;
    text-align: center;
    color: #5c5c5c;
    text-decoration: none;
}

.slide a.slide-show-content img {
    display: block;
    margin: 2px 2px 6px;
    border: 1px solid #d0d0cf;
}

.slide a.slide-show-content.current img, 
.slide a.slide-show-content.current:hover img {
    margin: 0 0 4px;
    border: 3px solid #034da1;
}

.slide a.slide-show-content:hover img {
    margin: 1px 1px 5px;
    border: 2px solid #034da1;
}

.slide a.slide-show-content.current, 
.slide a.slide-show-content:hover {
    color: #000;
}

.update-news {
    position: relative;
    margin: 0 0 0 7px;
    _margin: 0 0 0 38px;
    padding: 3px 5px 5px 4px;
    width: 940px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background: url(/images/update-news-bg.gif) 0 0 no-repeat;
}

.update-news span.update-news-title {
    float: left;
    display: inline-block;
    margin: 0 20px 0 0;
    width: 100px;
    text-align: center;
    color: #333;
    font-weight: bold;
}

.update-news p.update-news-list {
    display: none;
    position: absolute;
    top: 2px;
    left: 120px;
    margin-top: 1px;
    height: 30px;
    width: 760px;
}

.update-news p#update-news-1 {
    display: block;
}

.update-news p a {
    color: #666;
}

.update-news p span.update-news-more {
    float: right;
    display: inline-block;
    width: 50px;
    text-align: center;
}

.update-news p span.update-news-more a {
    color: #0282c4
}

.update-news span.update-news-control {
    position: absolute;
    top: 3px;
    right: 24px;
    display: block;
    width: 11px;
    height: 30px;
}

.update-news span.update-news-control a img {
    display: block;
    width: 11px;
    height: 7px;
}

.update-news span.update-news-control a.update-news-control-up, 
.update-news span.update-news-control a.update-news-control-down {
    position: absolute;
    top: 7px;
    display: block;
    width: 11px;
    height: 7px;
}

.update-news span.update-news-control a.update-news-control-down {
    top: 17px;
}

.feature {
    margin: 0 auto;
    width: 940px;
    height: 260px;
    background: url(/images/feature-bg.jpg) 0 0 no-repeat;
}

.feature dl.col {
    float: left;
    padding: 20px;
    width: 200px;
    height: 189px;
    line-height: 20px;
    font-size: 12px;
    color: #333;
}

.feature dl.col a {
    text-decoration: underline;
}

.feature dl.col a:hover {
    text-decoration: none;
}

.feature dl.col dt {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: bold;
}

.feature dl.col1 {
    width: 189px;
}

.feature dl.col4 {
    width: 190px;
}

.list-help {
    float: left;
    margin: 0 0 0 18px;
    _margin: 0 0 0 8px;
    width: 270px;
    height: 270px;
}

.list-help h3, 
.list-news h3 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #dedede;
}

.list-help ul, 
.list-news ul {
    padding: 10px 0;
    border-bottom: 1px dashed #DEDEDE;
}

.list-help ul {
    margin-bottom: 4px;
    padding: 10px 0 7px 0;
}

.list-help ul li, 
.list-news ul li {
    padding: 0 0 0 12px;
    line-height: 24px;
    height: 24px;
    background: url(/images/icon-news-li.gif) 0 10px no-repeat;
}

.list-help ul li a, 
.list-news ul li a {
    color: #666;
}

.list-help ul li a:hover, 
.list-news ul li a:hover {
    color: #0282c4;
}

.list-help p {
    padding: 6px 0;
    line-height: 24px;
}

.list-help p span.tel {
    display: inline-block;
    width: 162px;
    height: 16px;
    margin: 5px 0;
}

.list-news {
    float: left;
    margin: 0 0 0 60px;
    width: 380px;
    height: 230px;
}

.list-news h3 span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 15px;
    font-size: 12px;
    font-weight: normal;
}

.list-news h3 span img {
    display: inline-block;
    margin: 0 2px;
    height: 16px;
    width: 16px;
}

.list-news ul {
    border-bottom: 0px;
}

.list-news ul li {
    line-height: 23px;
    height: 23px;
}

#index-body .list-news ul li {
    white-space: nowrap;
}

.list-news ul li a img.list-news-new {
    margin: 0 0 0 2px;
}

.list-awards {
    position: relative;
    float: right;
    margin: 0 20px 0 0;
    _margin: 0 10px 0 0;
    width: 150px;
    height: 227px;
    background: url(/images/list-awards-bg.gif) no-repeat;
}

.list-awards .pop-awards {
    display: none;
    position: absolute;
    right: 8px;
    _right: 16px;
    bottom: 13px;
    width: 193px;
    height: 140px;
    z-index: 100;
    background: url(/images/index-pop-awards.png) no-repeat;
}

*html .list-awards .pop-awards {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/index-pop-awards.png", sizingMethod="crop");
}

.list-awards p.list-awards-content {
    margin: 154px 0 0 15px;
    width: 150px;
    line-height: 18px;
    font-weight: bold;
    color: #333;
}

.list-awards p.list-awards-content span.list-awards-more {
    display: inline-block;
    margin-top: 6px;
    font-weight: normal;
}

.list-awards a.list-awards-detail {
    position: absolute;
    right: 10px;
    _right: 20px;
    bottom: -10px;
    display: inline-block;
    width: 22px;
    height: 22px;
    font-weight: normal;
    cursor: pointer;
    background: url(/images/list-awards-detail.png) no-repeat;
}

*html .list-awards a.list-awards-detail {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/list-awards-detail.png", sizingMethod="crop");
}

.partner {
    clear: both;
    width: 930px;
    height: 50px;
    margin: 5px auto 2px;
    padding-left: 10px;
    line-height: 50px;
    color: #999;
}

.partner b {
    color: #666;
}

.partner a {
    color: #666;
    margin: 0 10px 0 8px;
}

.partner .last {
    margin-right: 0;
}

.index-news-wrap {
    width: 100%;
    border-top: 1px solid #e4e4e4;
}

.index-news {
    position: relative;
    width: 920px;
    height: 25px;
    margin: 0 auto;
    padding: 6px 0;
    line-height: 25px;
}

.index-news strong {
    display: inline-block;
    margin-right: 15px;
    padding-right: 14px;
    border-right: 1px solid #e4e4e4;
    color: #666;
    font-weight: bold;
}

.index-news a {
    color: #666;
}

.index-news .attention {
    position: absolute;
    right: -2px;
    top: 10px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}

.index-news .attention a {
    display: inline-block;
}

.index-news .attention a:hover {
    text-decoration: none;
}

.index-news .attention img {
    display: inline-block;
    height: 16px;
    margin: 2px;
    width: 16px;
    vertical-align: top;
}

.index-news #index-news {
    display: inline-block;
    width: 512px;
    height: 25px;
    overflow: hidden;
    vertical-align: top;
    word-break: keep-all;
    white-space: nowrap;
    
}
.index-news #index-news span {
    _display: inline-block;
}
.index-news #index-news a {
    margin-right: 14px;
}

.index-news i {
    margin: 0 10px 0 0;
    font-style: normal;
}

/* index page end*/




/* company page */

.crumb {
    margin: 0 10px 10px;
    padding: 0 10px 10px 10px;
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #dedede;
}

#mx2-body .crumb, 
#mx3-body .crumb, 
#mm-body .crumb, 
#company-body .crumb {
    border-bottom: 0;
    margin: 0 10px 0;
}

#company-body .with-border {
    border-bottom: 1px solid #dedede;
}

.crumb h2 {
    display: inline-block;
    float: left;
    font-size: 25px;
    color: #333;
}

.crumb ul {
    margin: 5px 0 0;
    float: right;
}

.crumb ul li {
    float: left;
    margin: 0 0 0 18px;
}

.crumb ul li a {
    color: #666;
}

.crumb ul li.current a {
    font-weight: bold;
    color: #333;
}

.crumb ul li a:hover {
    color: #0282c4;
}

.banner {
    margin: 0 10px 10px 10px;
}

.banner-company {
    margin: -15px 10px 5px 10px;
}

.content {
    float: left;
    margin: 10px 0 10px 10px;
    padding: 10px 20px 10px 0;
    width: 639px;
    color: #333;
    border-right: 1px solid #dedede;
    _display: inline;
}

.content .banner {
    margin: 0;
}

#company-body .content {
    margin: 10px 0 0 10px;
    padding: 0;
    width: 640px;
    border-right: 0;
}

#company-body .content.content-press, 
#company-body .content.content-life {
    margin: 10px 0 0 10px;
    padding: 0 19px 0 0;
    _padding: 0 15px 0 0;
    border-right: 1px solid #dedede;
}

.content h3, 
.content-contact h3, 
.box h3 {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0 0 0 10px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #dedede;
}

.content h4 {
    margin: 5px 0 0 10px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #333;
}

.content p {
    margin: 5px 0 15px 8px;
    line-height: 19px;
}

hr {
    clear: both;
    margin: 15px 0 10px 0;
    height: 0;
    overflow: hidden;
    border: 0;
    border-top: 1px dashed #cbcdd0;
}

.content .company-annual {
    margin: 20px 0;
    padding: 0 0 0 120px;
    height: 378px;
    line-height: 42px;
    background: url(/images/company-annual.gif) 0 0 no-repeat;
}

.sidebar {
    float: right;
    width: 290px;
    color: #333;
}

#company-body .sidebar {
    width: 300px;
}

.sidebar.business-contact, 
.sidebar.job {
    position: relative;
    height: 560px;
    background: url(/images/company-sidebar-job-bg.gif) 4px 20px no-repeat;
}

.sidebar.business-contact .mx-honor, 
.sidebar.job .mx-honor {
    position: relative;
    top: 114px;
    left: 145px;
    width: 150px;
}

.sidebar.business-contact .mx-honor a, 
.sidebar.job .mx-honor a {
    color: #fff;
}

.sidebar.job .job-content {
    margin: 240px 20px 0 20px;
}

.sidebar.job .job-content p {
    margin: 10px;
    color: #666;
    line-height: 18px;
}

.sidebar.job .find-jobs {
    position: relative;
    bottom: 0px;
    left: 30px;
    line-height: 18px;
}

.box {
    clear: both;
    margin: 0 10px;
    color: #333;
}

.sidebar .box {
    margin: 0 0 6px 0;
}

.box h3 {
    clear: both;
}

.box h3 span.mx-weibo {
    display: inline-block;
    float: right;
    margin: 15px 10px 0 0;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
}

.box .list-news {
    float: left;
    margin: 0px 0 0 10px;
    width: 460px;
    height: 250px;
}

.box .list-news h4 {
    font-size: 14px;
    color: #333;
}

.box .list-news ul {
    margin: 5px 0;
}

.box .list-news ul li {
    line-height: 22px;
    height: 22px;
}

.box .list-news ul li a {
    color: #333;
}

.box .list-news ul li a:hover {
    color: #0481c3;
}

.box .list-news ul li.more {
    margin: 10px 0;
    list-style-type: none;
    background-image: none;
}

.box .list-news ul li.more a {
    color: #0481c3;
}

h3 span.tips {
    display: inline-block;
    margin: 0 0 0 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.box h3 span.cooperation {
    display: inline-block;
    float: right;
    margin: 15px 10px 0 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.box .promotion .promotion-box {
    float: left;
    margin: 0 0 0 10px;
    width: 400px;
}

.box .promotion .promotion-box p.buttons {
    float: left;
    width: 150px;
}

.box .promotion .promotion-box p.buttons img {
    margin: 5px 0;
}

.box .promotion .promotion-box p.mx-gongyi {
    clear: both;
}

.box .promotion .promotion-box p.mx-gongyi a {
    font-size: 14px;
    font-weight: bold;
}

.box .promotion .promotion-thankyou {
    margin: 0 0 15px 70px;
    *margin-bottom: 0;
}

.box .promotion .promotion-box p {
    margin: 0 0 10px;
    line-height: 20px;
}

/*awards*/
.banner-awards {
    margin-top: -15px;
}
#company-body .content-awards {
    margin-top: 5px;
    padding: 0 0 3px;
    background: url(/images/awards-content-bg.gif) 10px 57px no-repeat;
}

.content-awards p {
    margin: 10px 0 10px 140px;
}

.content-awards p b {
    margin: 10px 0 0;
    color: #4eaced;
    font-size: 14px;
}

.sidebar-awards {
    position: relative;
    padding: 180px 0 0;
}

.sidebar-awards .sidebar-awards-quote {
    position: absolute;
    top: 25px;
    left: 30px;
    padding: 24px 30px 30px 40px;
    width: 182px;
    height: 110px;
    line-height: 18px;
    color: #655b31;
    background: url(/images/awards-side-quote.png) no-repeat;
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/awards-side-quote.png', sizing='image');
}

.sidebar-awards p {
    position: relative;
    margin: 10px 30px 10px 0;
    line-height: 20px;
    text-align: right;
    color: #999;
}

.sidebar-awards p b {
    color: #333;
}

.sidebar-awards p q {
    display: none;
}

.box .list-awards-logo {
    margin: -24px 0 0 40px;
    height: 990px;
}

.box .list-awards-logo li {
    position: relative;
    float: left;
    margin: 0 0;
    width: 150px;
    height: 160px;
    color: #666;
}

.box .list-awards-logo li img {
    display: block;
    margin: 0 0 5px 0;
}

.box .list-awards-logo li p {
    position: absolute;
    bottom: 0;
}

/*life*/

.content .banner-life {
    margin-top: 10px;
    margin-bottom: 10px;
}

.content p.life-joinus-slogan {
    margin-bottom: 50px;
    text-align: right;
}

#company-body .sidebar.sidebar-life {
    padding: 0 10px 0 0;
    height: 1380px;
    width: 260px;
}

.sidebar ul.sidebar-nav {
    margin: 20px 0 0 0px;
    padding: 0;
    width: 260px;
    border-top: 2px solid #1469c3;
}

.sidebar ul.sidebar-nav li {
    padding: 0 0 0 25px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
}

.sidebar ul.sidebar-nav li a {
    display: inline-block;
    padding: 0 19px 0 0;
    color: #333;
    background: url(/images/icon-sidebar-nav-li.gif) right center no-repeat;
}

.sidebar ul.sidebar-nav li.current {
    background: #eaf5fc;
}

.sidebar ul.sidebar-nav li.current a {
    color: #0282c4;
    background: url(/images/icon-sidebar-nav-li-current.gif) right center no-repeat;
}

.sidebar ul.sidebar-joblist {
    margin: 30px 0 0 0;
    padding: 75px 20px 0 25px;
    width: 215px;
    height: 236px;
    background: url(/images/sidebar-joblist-bg.gif) 0 0 no-repeat;
}

.sidebar ul.sidebar-joblist li {
    height: 24px;
    line-height: 24px;
}

.sidebar ul.sidebar-joblist li a {
    padding: 0 0 0 10px;
    color: #666;
    background: url(/images/sidebar-joblist-li.gif) left center no-repeat;
}

.sidebar ul.sidebar-joblist li.more {
    text-align: right;
}

.sidebar ul.sidebar-joblist li.more a {
    padding: 0;
    color: #0282c3;
    background: none;
}

/*event*/



.content .banner-event {
    margin-top: -5px;
    margin-bottom: 10px;
}

#company-body .sidebar.sidebar-event {
    height: 2150px;
}

/*promotion*/



#company-body .sidebar.sidebar-promotion {
    height: 860px;
}

/*welfare*/



#company-body .sidebar.sidebar-welfare {
    height: 1100px;
}

h3.h3-welfare {
}

p.img-content {
    margin: 20px 0 10px;
    text-align: center;
}

h3.noborder {
    margin: 0 0 0 -10px;
    border-bottom: 0;
}

.all-welfare-box {
    float: left;
    width: 310px;
    border-top: 2px solid #666;
}

.all-welfare-box.r {
    float: right;
    margin: 0;
}

.all-welfare-box h4 {
    margin: 0;
    padding: 0 0 0 10px;
    height: 50px;
    line-height: 60px;
    border-bottom: 1px solid #dedede;
}

.all-welfare-box h4 img {
    display: inline;
    _margin: 17px 0 0 0;
}

.all-welfare-box p {
    min-height: 80px;
    _height: 80px;
}

/*contact*/

.content-contact {
    float: left;
    margin: 20px 0 10px 10px;
    width: 400px;
    height: 320px;

 *height: 289px;
    color: #333;
}

.content-contact h3 {
    margin-top: -5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede;
}

.content-contact p {
    margin: 5px 10px;
    color: #333;
    line-height: 18px;
}

.sidebar-contact {
    float: right;
    margin: 25px 10px 3px 0;
    _margin: 25px 5px 3px 0;
    padding: 20px 0;
    width: 530px;
    height: 320px;
}

.sidebar-map {
    padding: 10px;
    width: 500px;
    height: 285px;
    background: url(/images/contact-map.gif) 0 0 no-repeat;
}

.list-contact {
    clear: both;
   *margin-top: -7px;
    padding: 0;
    padding-bottom: 12px;

}

.list-contact dl {
    float: left;
    margin: 7px 100px 23px 10px;
    width: 320px;
    font-size: 12px;
    color: #333;
}

.list-contact dl.r {
    margin: 7px 0 10px 10px;
    width: 350px;
}

.list-contact dl dt {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
}

.list-contact dl dd {
    margin: 5px 0;
}

/*business*/

.content h3.business-logo {
    margin-top: 5px;
    padding-left: 11px;
    border-bottom: 1px dashed #e4e4e4;
}

.content-business p {
    margin: 10px;
}

.content-business p.business-intro-link {
    margin: 33px 10px 0;
}

.sidebar.business-contact {
    margin-top: 20px;
    height: 377px;
    background: url(/images/business-sidebar-contact-bg.gif) 4px 20px no-repeat;
}

.sidebar.business-contact .business-contact-content {
    margin: 230px 0 0 25px;
    line-height: 20px;
    color: #666;
}

.business-case dl {
    float: left;
    position: relative;
    margin: 0 10px 10px;
    padding: 5px 0 0 0;
    width: 450px;
    height: 125px;
}

.business-case dl dt, 
.business-case dl dd {
    margin: 0 0 0 180px;
}

.business-case dl dt {
    margin: 0 0 0 180px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    font-size: 14px;
}

.business-case dl dd {
    line-height: 20px;
    color: #666;
}

.business-case dl img.business-case-img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 11px 9px 10px 9px;
    width: 142px;
    height: 104px;
    background: url(/images/business-case-bg.gif) 0 0 no-repeat;
}

.business-case dl a.business-case-dl {
    position: absolute;
    left: 180px;
    bottom: 10px;
    padding: 0 2px 2px 0;
    width: 65px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: url(/images/business-case-button-bg.gif) 0 0 no-repeat;
}

.customize {
    margin-bottom: 20px;
}

.customize dl {
    float: left;
    margin: 0 10px 20px;
    width: 450px;
}

.customize dl dt {
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    font-size: 14px;
}

.customize dl dd {
    line-height: 22px;
    color: #666;
}

.customize dl dd img {
    margin: 10px 0 0;
}

.customize h4 {
    margin: 20px 0 0 10px;
    font-size: 14px;
}

.customize p {
    margin: 5px 10px;
    color: #333;
    line-height: 18px;
}

.link-image, 

.link-text {
    clear: both;
    margin: 10px 0 30px 10px;
    height: 355px;
}

.link-image ul li, 
.link-text ul li {
    float: left;
    width: 160px;
    height: 90px;
}

.link-image ul li.lastlogo {
    width: 130px;
}

.link-image ul li img {
    margin: 0 0 5px 0;
}

.link-image ul li strong {
    margin: 0 0 0 10px;
}

.link-image ul li a {
    color: #666;
}

.link-text {
    margin: 5px 0 30px 10px;
    height: auto;
}

.link-text ul li {
    float: left;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    width: 140px;
    height: 14px;
    line-height: 14px;
    border-left: 4px solid #6598c5;
}

.link-text ul li a {
    color: #333;
}

p.brand-info {
    clear: both;
    margin: 0 10px;
    height: 60px;
    color: #333;
}

/*press*/

.content.list-news {
    height: auto;
}

#company-body .content.content-press {
    margin: 10px 0 0 10px;
    padding: 0 19px 0 0;
    _padding: 0 15px 0 0;
    height: 700px;
    border-right: 1px solid #dedede;
}

ul.press-cat {
    margin: 6px 0 0 0;
    padding: 0 10px;
    height: 35px;
    font-size: 14px;
    background: url(/images/press-tab-bg.gif) bottom repeat-x;
}

ul.press-cat li {
    cursor:pointer;
    float: left;
    margin: 5px 0 0 0;
    padding: 0;
    width: 112px;
    height: 30px;
    list-style-type : none;
    line-height: 30px;
    text-align: center;
    background: url(/images/press-tab-li-bg.gif) bottom no-repeat;
}

ul.press-cat li a {
    color: #333;
}

ul.press-cat li.current {
    margin: 3px 0 0 0;
    width: 113px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    background: url(/images/press-tab-li-current-bg.gif) bottom no-repeat;
}

ul.press-cat li.current a {
    color: #0282c4;
}

ul.press-list {
    margin: 10px;
    height: 490px;

 *height: 475px;
}

ul.press-list li {
    height: 25px;
    line-height: 25px;
}

ul.press-list li a {
    color: #333;
}

ul.press-list li span.date {
    margin: 0 10px 0 0;
    color: #999;
}

p.page {
    margin-top: -3px;
}

p.page a, 
p.page span.page-info {
    margin: 0 5px;
    color: #666666;
}

p.page a.current {
    color: #0382c5;
    font-weight: bold;
}

p.page span.count {
    margin: 0 5px;
    color: #0382c5;
    font-weight: bold;
}

#company-body .sidebar.sidebar-press {
    width: 290px;
    _width: 280px;
    overflow: hidden;
    height: 730px;
}

#company-body .sidebar.sidebar-press .follow {
    margin: 10px 10px 10px 16px;
    padding: 15px 0 10px 10px;
    background-color: #d5ebf9;
}

#company-body .sidebar.sidebar-press .follow h3 {
    margin: 0 0 5px 0;
}

#company-body .sidebar.sidebar-press .follow dl {
    position: relative;
    margin: 10px 0 20px 0;
    height: 54px;
    color: #666;
}

#company-body .sidebar.sidebar-press .follow dt {
    margin: 0 0 6px 64px;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    color: #333;
}

#company-body .sidebar.sidebar-press .follow dt a {
    color: #333;
}

#company-body .sidebar.sidebar-press .follow dt span {
    margin: 0 0 0 5px;
    font-weight: normal;
    color: #666;
}

#company-body .sidebar.sidebar-press .follow dd.follow-avatar {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    width: 48px;
    height: 48px;
    border: 1px solid #c3d5e1;
    background: #fff;
}

#company-body .sidebar.sidebar-press .follow dd.follow-avatar img {
    width: 48px;
    height: 48px;
}

#company-body .sidebar.sidebar-press .follow dd.follow-intro {
    margin: 0 0 0 64px;
    height: 14px;
    line-height: 14px;
}

#company-body .sidebar.sidebar-press .follow dd.follow-btn {
    position: absolute;
    bottom: 0;
    left: 64px;
    width: 62px;
    height: 18px;
}

#company-body .sidebar.sidebar-press .event h3 {
    margin: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px solid #e4e4e4;
}

#company-body .sidebar.sidebar-press .event-show {
    position: relative;
    margin: 10px;
    padding: 12px 11px;
    width: 248px;
    height: 161px;
    background: url(/images/press-sidebar-bg.gif) left no-repeat;
}

#company-body .sidebar.sidebar-press .event-show img {
    width: 248px;
    height: 161px;
}

#company-body .sidebar.sidebar-press .event-show p.event-info {
    position: absolute;
    left: 11px;
    bottom: 12px;
    padding: 0 8px;
    width: 232px;
    height: 24px;
    line-height: 24px;
}

#company-body .sidebar.sidebar-press .event-show p.event-info span {
    position: relative;
    z-index: 10;
    opacity: 1;
    filter: alpha(opacity=100);
}

#company-body .sidebar.sidebar-press .event-show p.event-info .event-info-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    padding: 0 8px;
    width: 232px;
    height: 24px;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#company-body .sidebar.sidebar-press .event-show .event-title {
    display: inline-block;
    float: left;
    color: #fff;
}

#company-body .sidebar.sidebar-press .event-show .event-title a {
    color: #fff;
}

#company-body .sidebar.sidebar-press .event-show .event-count {
    display: inline-block;
    float: right;
}

#company-body .sidebar.sidebar-press .event-show .event-count a {
    display: inline-block;
    margin-top: 3px;
    height: 15px;
    line-height: 15px;
    width: 18px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}

#company-body .sidebar.sidebar-press p.event-contect {
    margin: 0 0 20px 10px;
    padding: 0 0 0 25px;
    line-height: 22px;
    background: url(/images/icon-press-event-contact.gif) 3px 3px no-repeat;
}

#company-body .sidebar.sidebar-press p.event-contect span {
    color: #999;
}

/*mx2*/


#mx2-body .banner {
    margin: 0 10px;
    height: 278px;
    background: url(/images/banner-mx2.jpg) 0 0 no-repeat;
}

#mx3-body .mx-intro, 
#mx2-body .mx-intro, 
#mm-body .mx-intro {
    padding: 80px 0 0 40px;
    line-height: 22px;
    font-size: 14px;
    color: #333;
}

#mx3-body .banner .btn-download, 
#mx2-body .banner .btn-download, 
#mm-body .banner .btn-download {
    margin-top: 14px;
    margin-left: 32px;
}

#mx3-body .banner .btn-download a, 
#mx2-body .banner .btn-download a, 
#mm-body .banner .btn-download a {
    font-size: 16px;
    padding: 20px 0 0 26px;
    height: 60px;
}

#mx3-body .banner .mx-download-info, 
#mx2-body .banner .mx-download-info, 
#mm-body .banner .mx-download-info {
    margin: 6px 0 0 40px;
    line-height: 20px;
    color: #5c5c5c;
}

#mx2-body .content, 
#mx3-body .content, 
#mm-body .content {
    border-right: 0;
    width: 620px;
}

#mx2-body .sidebar {
    height: 2095px;
}

#mx2-body .content h3, 
#mx3-body .content h3, 
#mm-body .content h3 {
    margin-bottom: 13px;
}

#mx2-body .sidebar, 
#mx3-body .sidebar, 
#mm-body .sidebar {
    margin: 0 5px 0 0;
    padding: 22px 0 0 0;
    overflow: hidden;
    _display: inline;
}

.link-download {
    position: relative;
    margin: 0 10px;
    padding: 0 10px;
    height: 45px;
    line-height: 40px;
    background: #fff url(/images/link-download-bg.gif) bottom repeat-x;
}

.link-download b {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    color: #333;
}

.link-download a.link-download-more {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    float: right;
    margin: 0;
    width: 19px;
    height: 19px;
    background: #fff url(/images/icon-link-download-more.gif) 0 0 no-repeat;
}

.link-download p.link-download-all-links {
    display: inline-block;
    margin: 8px 0 0;
    width: 780px;
    line-height: 25px;
}

.link-download p.link-download-all-links a {
    margin: 0 9px;
    display: inline-block;
}

h3 span.mx-help {
    float: right;
    display: inline-block;
    padding: 0 0 0 20px;
    font-size: 12px;
    font-weight: normal;
    background: url(/images/icon-mx-help.gif) 0 center no-repeat;
}

.feature-block {
    float: left;
    display: inline-block;
    padding: 10px 10px 14px;
    width: 270px;
}

.feature-block img.icon {
    float: left;
}

.feature-block .feature-description {
    margin: 0 0 0 50px;
    font-size: 12px;
}

.feature-block .feature-description h4 {
    margin: 0 0 13px 0;
    padding: 0;
    height: 17px;
    line-height: 17px;
    font-size: 14px;
}

.feature-block .feature-description p {
    margin: 0;
    color: #666;
    /*height: 40px;*/
}

#mx2-body .sidebar .list-news, 
#mx3-body .sidebar .list-news, 
#mm-body .sidebar .list-news {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

#mx2-body .sidebar .list-news h3, 
#mx3-body .sidebar .list-news h3, 
#mm-body .sidebar .list-news h3 {
    padding: 0 0 0 10px;
}

#mx2-body .sidebar .list-news ul, 
#mx3-body .sidebar .list-news ul, 
#mm-body .sidebar .list-news ul {
    margin: 0 0 20px 0;
    padding: 0;
}

#mx2-body .sidebar .list-news ul li, 
#mx3-body .sidebar .list-news ul li, 
#mm-body .sidebar .list-news ul li {
    margin: 0;
    padding: 6px 0 6px 23px;
    height: auto;
    line-height: 20px;
    color: #666;
    border-bottom: 1px dashed #ccc;
    background-position: 10px 15px;
}

#mx2-body .sidebar .list-news ul li .date, 
#mx3-body .sidebar .list-news ul li .date, 
#mm-body .sidebar .list-news ul li .date {
    margin: 0 10px 0 0;
    color: #999;
}

/*mx3*/



#mx3-body .banner {
    position: relative;
    margin: 0 10px;
    height: 278px;
    background: url(/images/banner-mx3.jpg) 0 0 no-repeat;
}

#mx3-body .banner .mx-download-video, 
#mm-body .banner .mx-download-video {
    position: absolute;
    bottom: 20px;
    right: 36px;
    width: 106px;
    height: 91px;
}

#mx3-body .banner .mx-download-video span, 
#mm-body .banner .mx-download-video span, 
#mx3-body .banner .mx-download-video a, 
#mm-body .banner .mx-download-video a {
    display: block;
    width: 100%;
    height: 100%;
}

#mx3-body .banner .mx-download-video span, 
#mm-body .banner .mx-download-video span {
    margin: 0 0 -91px 0;
    background: url(/images/mx3-video-bg.png) 0 0 no-repeat;
}

*html #mx3-body .banner .mx-download-video span, 
*html #mm-body .banner .mx-download-video span {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/mx3-video-bg.png", sizingMethod="crop");
}

#block {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background: #000;
}

#video-player {
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 1201;
    width: 480px;
    height: 400px;
    border: 8px solid #fff;
}

#video-player a.video-player-close {
    position: absolute;
    top: -28px;
    right: -8px;
    display: block;
    width: 40px;
    height: 18px;
    padding: 2px 0 0;
    text-align: center;
    line-height: 20px;
    background: #fff;
}

#mx3-body .content dl {
    margin: 10px 8px 5px;
    height: 125px;
}

#mx3-body .content dl.mx3-account {
    padding: 20px 370px 0 0;
    background: url(/images/mx3/zuanz.jpg) right 0 no-repeat;
}

#mx3-body .content dl.mx3-mouse {
    padding: 20px 0 0 370px;
    background: url(/images/mx3/mouse.jpg) left 0 no-repeat;
}

#mx3-body .content dl.mx3-pop {
    padding: 20px 370px 0 0;
    background: url(/images/mx3/pop.jpg) right 0 no-repeat;
}

#mx3-body .content dl.mx3-address {
    padding: 20px 0 0 370px;
    background: url(/images/mx3/add.jpg) left 0 no-repeat;
}

#mx3-body .content dl.mx3-mutisearch {
    padding: 20px 370px 0 0;
    background: url(/images/mx3/search.jpg) right 0 no-repeat;
    border-bottom: 0;
}

#mx3-body .content dl dt {
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}

#mx3-body .content dl dd {
    line-height: 20px;
}

#mx3-body .sidebar {
    padding-bottom: 30px;
}

/*mm*/



#mm-body .banner {
    position: relative;
    margin: 0 10px;
    height: 278px;
    background: url(/images/banner-mm.jpg) 0 0 no-repeat;
}

#mm-body .banner .mx-download-video span {
    background: url(/images/mm-video-bg.png) 0 0 no-repeat;
}

*html #mm-body .banner .mx-download-video span {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.maxthon.cn/images/mm-video-bg.png", sizingMethod="crop");
}

#mm-body .link-download {
    margin: 0 10px;
    padding: 0 10px;
    height: 118px;
    line-height: 20px;
    background: #fff url(/images/mm-link-download-bg.gif) bottom repeat-x;
}

#mm-body .link-download a {
    margin: 0;
}

#mm-body .link-download .col {
    float: left;
    margin: 20px 70px 0 0;
    width: 115px;
    color: #666;
}

#mm-body .link-download .col h3 {
    margin: 0;
    font-size: 14px;
    color: #333;
}

#mm-body .link-download .col1 {
    padding: 65px 0 0 8px;
}

#mm-body .link-download .col2 {
    margin-left: 5px;
    margin-right: 60px;
}

#mm-body .link-download .col3 {
    margin-left: 25px;
    margin-right: 55px;
}

#mm-body .link-download .col4 {
    margin-left: 13px;
}

#mm-body .link-download .col5 {
    margin-left: 30px;
    _margin-left: 20px;
    margin-right: 0;
    width: 110px;
}

#mm-body h3 span.mm-followus {
    float: right;
    font-size: 12px;
    font-weight: normal;
}

#mm-body h3 span.mm-followus a.sinat {
    display: inline-block;
    margin: 0 10px 0 5px;
    padding: 0 0 0 20px;
    height: 16px;
    line-height: 16px;
    background: url(/images/icon-t-sina.gif) left no-repeat;
}

#mm-body h3 span.mm-followus a.bbs {
    display: inline-block;
    margin: 0 5px;
    padding: 0 0 0 20px;
    height: 16px;
    line-height: 16px;
    background: url(/images/icon-t-bbs.gif) left no-repeat;
}

#mm-body .function-wrap {
    width: 620px;
    background: url(/images/function-wrapbg.gif) repeat-y 230px 0;
    margin-bottom: 15px;
}

#mm-body .content p.function-add {
    float: left;
    width: 220px;
    margin-bottom: 0;
}

#mm-body .content p.bug-fixed {
    float: left;
    margin-left: 20px;
    width: 260px;
    margin-bottom: 0;
}

#mm-body .banner-mm-download {
    padding:  60px 0 0 650px;
    height: 106px;
    background: url(/images/banner-mm-download.jpg) 0 0 no-repeat;
}

#mm-body .sidebar {
    height: auto;
}

#mm-download.content {
    margin: 10px 0 10px 10px;
    width: 940px;
}

#mm-download .col {
    float: left;
    margin-right: 50px;
    line-height: 1.8;
    color: #393939;
}

#mm-download .col a {
    color: #3372a2;
    text-decoration: underline;
}

#mm-download .col a:hover {
    text-decoration: none;
}

#mm-download .col.version {
    color: #3372a2;
}

#mm-download .col span {
    font-weight: bold;
    color: #3b3b3b;
}

#mm-download .col img {
    margin-bottom: 10px;
}

#mm-download h3 {
    margin-bottom: 22px;
    font-size: 20px;
    color: #393939;
}

#mm-download h3 span.right {
    float: right;
    color: #888;
    font-weight: normal;
    font-size: 12px;
}

#mm-download h3 a {
    color: #2d85b2;
}

#mm-download h3 a.download-apk {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    height: 18px;
    line-height: 18px;
    color: #2d85b2;
    font-size: 14px;
    font-weight: normal;
    background: url(/images/icon-downloadapk.gif) no-repeat 0 center;
}

#mm-download h3 a.download-qrcode {
    background: url(/images/icon-downloadqrcode.gif) no-repeat 0 center;
}

#mm-download .download-mode-1 {
    padding: 0 0 0 10px;
    clear: both;
    height: 450px;
}

#mm-download .download-mode-1 .col {
    margin-right: 70px;
    _margin-right: 27px;
    width: 170px;
    color: #888;
}

#mm-download .download-mode-2, 
#mm-download .download-mode-3, 
#mm-download .download-mode-4 {
    clear: both;
    padding: 10px 0 0 10px;
    border-top: 1px dashed #ccc;
}

#mm-download .download-mode-2 {
    height: 360px;
}

#mm-download .download-mode-3 {
    height: 425px;
}

#mm-download .download-mode-4 {
    height: 230px;
}

#mm-download .download-mode-2 .col {
    margin-right: 15px;
    _margin-right: 10px;
    width: 300px;
    color: #888;
}

#mm-download .download-mode-3 .col, 
#mm-download .download-mode-4 .col {
    margin-right: 30px;
    width: 252px;
    color: #888;
}

#mm-download .col.last-col {
    margin-right: 0;
}

#privacy.content {
    margin: 20px;
    width: 900px;
    border-right: 0;
}

/*love*/



#love-body .content {
    margin: 0 0 0 10px;
    padding: 0 19px 0 0;
}

#love-body .banner {
    margin: 0 0 2px 0;
    padding-top: 0;
}

#love-body h4 {
    margin: 18px 0 0;
    padding: 0 10px 15px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #fe7702;
    border-bottom: 1px dashed #cbcdd0;
}

#love-body .love-event {
    margin-top: 10px;
}

#love-body .content p {
    margin: 8px 0 7px 10px;
    line-height: 20px;
}

#love-body .content p.more {
    margin: 0 10px 20px 0;
}

#love-body .content p.more a {
    text-decoration: underline;
}

#love-body .content p.more a:hover {
    text-decoration: none;
}

#love-body .love-item {
    float: left;
    margin: 0;
    padding: 0;
    width: 215px;
    height: 170px;
    text-align: center;
}

#love-body .love-item.first {
    margin-left: -3px;
    width: 217px;
}

#love-body .love-item.last {
    float: right;
    width: 205px;
}

#love-body .sidebar {
    padding: 6px 0 0 0;
    width: 290px;
    _width: 280px;
    height: 1300px;
}

#love-body .sidebar p {
    margin: 10px 0 0px 20px;
    line-height: 18px;
}

#love-body .sidebar .donator-count {
    margin: 0 5px;
    color: #ff7703;
    font-size: 16px;
    font-weight: bold;
}

#love-body .sidebar .money-count {
    display: inline-block;
    margin: 0 5px;
    padding: 0 0 0 5px;
    width: 147px;
    height: 19px;
    overflow: hidden;
    line-height: 19px;
    letter-spacing: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: url(/images/money-count-bg.gif) 0 0 repeat-x;
}

#love-body .sidebar h4 {
    margin: 25px 10px 0 20px;
    padding: 0 0 15px 0;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #dedede;
}

#love-body .sidebar .donator_list {
    margin: 12px 0 10px 20px;
    width: 262px;
    _width: 252px;
}

#love-body .sidebar .donator_list tbody tr {
    border-bottom: 1px dashed #dedede;
}

#love-body .sidebar .donator_list th, 

td {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: #333;
}

#love-body .sidebar .donator_list th {
    background: #e8e8e8;
    color: #666;
    border-right: 2px solid #fcfcfc;
}

#love-body .love-diandian-more-detail {
    display: none;
}

/*crumb-footer*/

.crumb-footer {
    clear: both;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    background: #fff;
}

.crumb-footer ul {
    margin: 0 auto;
    width: 940px;
}

.crumb-footer ul li {
    float: left;
    padding: 0 10px 0 20px;
    background: url(/images/crumb-footer-li.gif) left no-repeat;
}

.crumb-footer ul li.home {
    width: 50px;
    padding: 0;
    background: url(/images/crumb-footer-home.gif) center center no-repeat;
}

.crumb-footer ul li.home a {
    display: block;
    width: 100%;
    height: 100%;
}

.crumb-footer ul li.home a:hover {
    text-decoration: none;
}

.footer {
    clear: both;
    margin: 0;
    background: #004798 url(/images/footer-bg.gif) top repeat-x;
    height: 253px;
}

.footer .wrapper {
    padding: 25px 0 0;
    width: 940px;
    background: url(/images/footer-wrapper-bg.jpg) 0 0 no-repeat;
}

.footer dl.col {
    float: left;
    width: 110px;
    height: 178px;
    font-size: 12px;
}

.footer dl.col1 {
    margin: 0 0 0 240px;
    _margin: 0 0 0 120px;
}

.footer dl.col dt {
    margin: 0 0 6px 0;
    font-weight: bold;
    color: #333;
}

.footer dl.col dd {
    line-height: 20px;
}

.footer dl.col dd a {
    color: #666;
}

.footer dl.col dd a.highlight {
    color: red;
}

.footer p.copyright {
    clear: both;
    height: 50px;
    color: #a0c5de;
    line-height: 50px;
}

.footer p.copyright a {
    color: #a0c5de;
}

.footer p.copyright span.all-rights {
    float: left;
}

.footer p.copyright span.beian {
    float: right;
}

#page404-body {
}

#page404-body div.maincontent {
    margin: 0 10px;
    height: 580px;
    font-size: 14px;
    background: url(/images/404.jpg) 0 0 no-repeat;
}

#page404-body div.maincontent p {
    padding: 300px 0 0 450px;
    line-height: 22px;
}

.modify-email {
    display: block;
    font: normal 20px/22px arial;
    color: #ff7800;
    padding: 3px 0 1px;
}

.list-mmdownload {
    margin-bottom: 20px;
}

#mm-body .sidebar .list-news {
    width: 284px;
}

.mmwap-other-wrap {
    clear: left;
    width: 290px;
    margin: 0 auto 20px;
    background: url(../images/MMwap_centent.gif) repeat-y 0 0;
}

.mmwap-other {
    width: 284px;
    padding: 8px 0 0;
    background: url(../images/MMwap_top.gif) no-repeat 0 0;
}

.mmwap-other .other-dl {
    margin: 10px 0 0 20px;
    font-weight: bold;
}

.mmwap-other ul {
    width: 264px;
    padding: 6px 5px 10px 15px;
    background: url(../images/MMwap_bottom.gif) no-repeat 0 bottom;
}

.mmwap-other li {
    float: left;
    width: 95px;
    margin-top: 5px;
    padding-left: 20px;
    line-height: 20px;
}

.btn-ipad-dl {
    display: block;
    width: 268px;
    margin: 0 auto;
}

.btn-ipad-dl img {
    display: block;
}

.mmwap-other .mmwap-other-mm {
    margin-left: 2px;
    background: url(/images/mm/icon-mm.gif) no-repeat 0 3px;
}

.mmwap-other .mmwap-other-jdh {
    float: right;
    background: url(/images/mm/icon-jdh.gif) no-repeat 0 3px;
}

.mmwap-other .mmwap-other-m9 {
    margin-left: 4px;
    background: url(/images/mm/icon-m9.gif) no-repeat 0 3px;
}

.mmwap-other .mmwap-other-mm15 {
    float: right;
    background: url(/images/mm/icon-mm15.gif) no-repeat 0 3px;
}

.mmwap-other .mmwap-other-pad9 {
    margin-left: 4px;
    background: url(/images/mm/icon-pad.gif) no-repeat 0 3px;
}

.mmwap-other .mmwap-other-pad7 {
    float: right;
    background: url(/images/mm/icon-pad.gif) no-repeat 0 3px;
}









/****jobs****/

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    font-size: 0;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.jobs-main-wrap {
    margin: 20px 0 30px;
    background: url(/images/jobs/jobs-wrap-split.png) repeat-y 670px 0;
}





/*jobs-sidebar*/

.jobs-sidebar {
    padding: 0 10px 20px 0;
    width: 260px;
}

.jobs-sidebar h5 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.jobs-culture {
    width: 260px;
    margin-top: 27px;
    padding-bottom: 19px;
    border-bottom: 1px dashed #cbcdd0;
}

.jobs-culture h5 {
    padding-bottom: 13px;
    border-bottom: 1px solid #dedede;
}

.jobs-culture p {
    padding-top: 10px;
    line-height: 18px;
}

.jobs-culture .more {
    display: block;
    width: 115px;
    background: url(/images/jobs/jobs-icon.gif) 101px 2px no-repeat;
    color: #0282c4;
    text-decoration: underline;
}

.jobs-get {
    margin-top: 18px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cbcdd0;
}

.jobs-get h5 {
    padding: 0 0 7px;
}

.jobs-get .jobs-get-list {
    height: 25px;
    margin-top: 5px;
    padding: 2px 0 0 33px;
    background: url(/images/jobs/jobs-icon.gif) no-repeat 0 -30px;
    color: #666;
    line-height: 23px;
}

.jobs-get .icon2 {
    background-position: 0 -70px;
}

.jobs-get .icon3 {
    background-position: 0 -110px;
}

.jobs-class {
    width: 260px;
    padding-top: 70px;
    margin-top: 20px;
    background: url(/images/jobs/jobs-classbg-t.jpg) no-repeat 0 0;
}

.jobs-class ul {
    padding: 8px 0 5px;
    background: url(/images/jobs/jobs-classbg-c.png) repeat-y 0 0;
}

.jobs-class li {
    display: inline;
    float: left;
    width: 69px;
    padding: 1px 0 0 45px;
    background: url(/images/jobs/jobs-side-icon.png) no-repeat 35px 9px;
    line-height: 23px;
}

.jobs-class li a {
    color: #666;
    font-weight: bold;
}

.jobs-class-bottom {
    height: 16px;
    background: url(/images/jobs/jobs-classbg-b.png) no-repeat 0 0;
    font-size: 0;
}

.jobs-contact {
    width: 260px;
    color: #333;
}

.jobs-contact p {
    padding: 10px 0 0 22px;
    line-height: 18px;
}

.jobs-contact .icon {
    margin-top: 6px;
    background: url(/images/icon-press-event-contact.gif) no-repeat 0 12px;
}

.jobs-contact a {
    color: #0282c4;
    text-decoration: underline;
}

.content-jobs .jobs-nobann {

    padding-top: 1px;
    background: url(/images/jobs/jobs-bg-nobanner.png) repeat-x 0 0;

    border: none;
}





/*jobs-content*/

.content-jobs {
    width: 640px;
    border-right: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.content-jobs p {
    margin: 5px 0 10px 10px;
}

.content-jobs .img-content {
    margin: 26px 0 26px;
}

.content-jobs .img-content img {
    display: block;
    width: 402px;
    margin: 0 auto;
}

.banner-jobs {
    padding-bottom: 14px;
}



.content-jobs .banner-jobs-school {
    position: relative;
    top: -18px;
    padding-bottom: 14px;
    margin-bottom: -18px;
}

.content-jobs .jobs-name {

    position: relative;
    height: 47px;
}

.content-jobs .jobs-back {
    position: absolute;

    right: 10px;

    font-size: 12px;

    font-weight: normal;
}

.content-jobs .description-section {
    height: 26px;
}

.content .jobs-tips {
    margin: 20px 0 -36px;
    padding-top: 10px;
    color: #999;
    text-align: right;
}

.jobs-list {
    width: auto;
}

.jobs-list h4 {
    width: 630px;
    height: 48px;
    margin-top: -2px;
    border-top: 2px solid #666;
    font-size: 18px;
    line-height: 48px;
}

.jobs-list .title2 {
    background-position: 10px -34px;
}

.jobs-list .title3 {
    background-position: 10px -84px;
}

.jobs-list .title4 {
    background-position: 10px -134px;
}

.jobs-list .list-content {
    width: 640px;
    margin-top: -2px;
    padding: 8px 0 24px;
    line-height: 26px;
}

.jobs-list .list-content li {
    display: inline;
    float: left;
    width: 310px;
    height: 26px;
    padding-left: 10px;
    zoom: 1;
}

.jobs-list .list-content a {
    color: #333;

    font-size: 14px;
}

.jobs-list .icon-new, 
.jobs-list .icon-hot {
    display: inline-block;
    width: 25px;
    height: 26px;
    margin-left: 4px;
    background: url(/images/jobs/jobs-icon.gif) no-repeat -40px -145px;
    *background-position: -40px -143px;
    vertical-align: middle;
}

.jobs-list .icon-hot {
    background-position: 0 -145px;
    *background-position: 0 -143px;
}

.jobs-sub {
    color: #666;
}

.jobs-description .description-section {
    line-height: 28px;
}

.jobs-description {
    padding-left: 10px;
}

.jobs-description li {
    padding-left: 13px;
    background: url(/images/jobs/jobs-icon-dot.png) no-repeat 0 11px;
    line-height: 28px;
}

.jobs-description-btn {
    display: block;
    width: 120px;
    height: 34px;
    margin: 9px 0 30px;
    *margin-bottom: 4px;
    padding: 1px 0 0;

    border: none;
    background: url(/images/jobs/jobs-icon.gif) no-repeat 0 -230px;
    color: #fff;
    font: bold 14px/33px "\5b8b\4f53";
    text-align: center;

    cursor: pointer;
}

.jobs-description-mar {
    margin-left: 10px;
}

.content .jobs-description-tips {
    margin: 5px 0 10px 0;
    padding: 0 0 0 23px;
    color: #666;
}

.content .jobs-description-icon {
    margin-top: 26px;
    *margin-top: 9px;
    background: url(/images/icon-press-event-contact.gif) no-repeat 0 0;
}

.jobs-app-note {
    color: #fe7702;
}

.jobs-app-mail {
    text-decoration: underline;
}

.jobs-app-form {
    width: 639px;
    margin-top: -16px;
    color: #666;
}

.jobs-app-form ul {
    width: 639px;
}

.jobs-app-form li {
    overflow: hidden;
    float: left;
    width: 228px;
    padding-left: 10px;
}

.jobs-app-form label {
    display: block;
    padding: 15px 0 4px;
}

.jobs-app-form .text {
    width: 195px;
    height: 15px;
    padding: 2px 0 0 3px;
    line-height: 15px;
    font-size: 12px;
}

.jobs-app-form .select-date {
    width: 55px;
    height: 22px;
}

.jobs-app-form .select {
    width: 77px;
    height: 22px;
}

.jobs-app-form .num {
    width: 71px;
    height: 15px;
    padding: 2px 0 0 3px;
    line-height: 15px;
    font-size: 12px;
}

.jobs-app-form .wid2 {
    overflow: visible;
    width: 522px;
    height: auto;
}

.jobs-app-form .wid2 .text {
    width: 508px;
    height: 15px;
    padding: 2px 0 0 3px;
    line-height: 15px;
    font-size: 12px;
}

.jobs-app-form .file {
    width: 277px;
    height: 23px;
}

.jobs-app-form .textarea {
    width: 509px;
    height: 150px;
    padding: 3px;
}

.jobs-app-form .note {
    margin-left: 10px;
    color: #999;
}

.jobs-app-form label.checkbox {
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
}

.jobs-app-form .checkbox {
    margin: 30px 5px 0 0;
    *margin: 26px 1px 0 0;
}









/***laboratory***/

.lab-title {
    margin-bottom: 0;
    border: none;
}

.lab-banner {
    width: 940px;
    margin: 0 auto;
}

.lab-main-wrap {
    width: 944px;
    margin: 18px auto 38px;
    background: url(/images/laboratory/lab-box-c.gif) repeat-y 0 0;
    font-family: "宋体";
}

.lab-main {
    padding: 2px 2px 0;
    width: 940px;
    background: url(/images/laboratory/lab-box-t.gif) no-repeat 0 0;
}

.lab-main dl {
    float: left;
    width: 198px;
    padding: 20px 17px 165px 20px;
}

.lab-main dt {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.lab-main dd {
    margin-top: 12px;
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

.lab-ax {
    background: url(/images/laboratory/lab-ax.jpg) no-repeat 0 bottom;
}

.lab-pfxn {
    background: url(/images/laboratory/lab-pfxn.jpg) no-repeat 0 bottom;
}

.lab-yxj {
    background: url(/images/laboratory/lab-yxj.jpg) no-repeat 0 bottom;
}

.lab-ys {
    background: url(/images/laboratory/lab-ys.jpg) no-repeat 0 bottom;
}

.lab-gpu {
    background: url(/images/laboratory/lab-gpu.jpg) no-repeat 0 bottom;
}

.lab-main-bor {
    width: 944px;
    height: 3px;
    margin-top: 10px;
    background: url(/images/laboratory/lab-box-b.gif) no-repeat 0 0;
    font-size: 0;
}

.lab-content {
    float: left;
    width: 640px;
    margin-top: 27px;
    padding-left: 10px;
}

.lab-side {
    float: right;
    width: 265px;
    margin: 30px 0;
    padding: 0 8px 15px 17px;
    border-left: 1px solid #dbdbdb;
}

.lab-banner {
    width: 940px;
}

.lab-banner p {
    padding: 95px 0 0 35px;
    color: #333;
    line-height: 21px;
}

.lab-bannerax {
    height: 166px;
    background: url(/images/laboratory/lab-banner-ax.jpg) no-repeat 0 0;
}

.lab-bannerax p {
    width: 384px;
    padding: 95px 0 0 40px;
    color: #333;
    line-height: 21px;
}

.lab-content h3 {
    padding: 0 0 12px 10px;
    border-bottom: 1px solid #dedede;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.lab-content h3 a {
    display: inline-block;
    width: 82px;
    margin-left: 442px;
    padding: 7px 0 0 22px;
    background: url(/images/skin/bg-mx3-skin-title.png) no-repeat 0 7px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.lab-content-ax {
    width: 630px;
    margin: 25px 0 0 10px;
}

.lab-content-ax h4 {
    width: 630px;
    height: 32px;
    background: url(/images/laboratory/ax-title.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.lab-content-ax p {
    width: 362px;
    height: 200px;
    padding: 28px 0 0 258px;
    color: #666;
    line-height: 21px;
}

.lab-content-ax .title2 {
    background-position: 0 -40px;
}

.lab-content-ax .title3 {
    background-position: 0 -80px;
}

.lab-content-ax .ax-bg1 {
    background: url(/images/laboratory/ax-bg1.jpg) no-repeat 0 28px;
}

.lab-content-ax .ax-bg2 {
    background: url(/images/laboratory/ax-bg2.jpg) no-repeat 0 3px;
}

.lab-content-ax .ax-bg3 {
    height: 165px;
    background: url(/images/laboratory/ax-bg3.jpg) no-repeat 0 14px;
}

.ax-btn {
    width: 264px;
    height: 73px;
}

.ax-btn a {
    display: block;
    width: 264px;
    height: 73px;
    background: url(/images/laboratory/ax-btn.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.ax-side-title {
    margin: 25px 0 14px 2px;
    color: #444;
    font-size: 14px;
    font-weight: bold;
}

.ax-sidebox, 
.pf-sidebox {
    width: 264px;
    background: #fff url(/images/laboratory/lab-box-c.gif) repeat-y right 0;
}

.ax-sidebox ul {
    padding-top: 37px;
    background: url(/images/laboratory/lab-box-t.gif) no-repeat right 0;
}

.ax-sidebox li {
    width: 229px;
    height: 130px;
    margin: 0 auto 21px;
    padding-top: 6px;
    background: url(/images/laboratory/ax-bg-steps.gif) no-repeat 0 0;
}

.ax-sidebox li span {
    display: block;
    background: url(/images/laboratory/ax-bg-steps.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.ax-sidebox .num1, 
.ax-sidebox .num2, 
.ax-sidebox .num3, 
.ax-sidebox .num4 {
    width: 20px;
    height: 24px;
    margin: 0 0 0 104px;
}

.ax-sidebox .num1 {
    background-position: 0 -140px;
}

.ax-sidebox .num2 {
    background-position: -20px -140px;
}

.ax-sidebox .num3 {
    background-position: -40px -140px;
}

.ax-sidebox .num4 {
    background-position: -60px -140px;
}

.ax-sidebox .text1, 
.ax-sidebox .text2, 
.ax-sidebox .text3, 
.ax-sidebox .text4 {
    width: 229px;
    height: 20px;
    margin-top: 21px;
}

.ax-sidebox .text1 {
    background-position: 48px -180px;
}

.ax-sidebox .text2 {
    background-position: 65px -220px;
}

.ax-sidebox .text3 {
    background-position: 39px -260px;
}

.ax-sidebox .text4 {
    background-position: 69px -300px;
}

.ax-sidebox .last {
    height: 89px;
    margin-bottom: 20px;
}

.ax-sidebox-bor, 
.pf-sidebox-bor {
    width: 264px;
    height: 3px;
    background: url(/images/laboratory/lab-box-b.gif) no-repeat right 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.lab-bannerys {
    width: 940px;
    height: 166px;
    background: url(/images/laboratory/lab-banner-ys.jpg) no-repeat 0 0;
}

.lab-bannerys a {
    margin-left: 6px;
    color: #0282c4;
}

.lab-content em {
    font-style: normal;
    font-weight: bold;
}

.lab-content .em-color {
    color: #fe7701;
}

.ys-discription {
    padding: 6px 0 25px 160px;
    background: url(/images/laboratory/ys-dis-bg.jpg) no-repeat 10px 13px;
    color: #333;
    line-height: 18px;
}

.ys-discription p {
    margin: 12px 0 0;
}

.lab-intro-ys dl {
    height: 40px;
    margin-top: 20px;
    padding: 0 0 0 76px;
    background: url(/images/laboratory/ys-icon.gif) no-repeat 0 0;
}

.lab-intro-ys dt {
    font: bold 14px/20px "宋体";
    color: #333;
}

.lab-intro-ys dd {
    font: normal 12px/20px "宋体";
}

.lab-intro-ys .icon1 {
    background-position: 10px 0;
}

.lab-intro-ys .icon2 {
    background-position: 10px -50px;
}

.lab-intro-ys .icon3 {
    background-position: 10px -100px;
}

.lab-intro-ys .icon4 {
    background-position: 10px -150px;
}

.lab-intro-ys .icon5 {
    background-position: 10px -200px;
}

.lab-intro-ys .icon6 {
    background-position: 10px -250px;
}

.ys-side {
    color: #333;
}

.ys-side h3 {
    padding-bottom: 14px;
    border-bottom: 1px solid #dedede;
    color: #333;
}

.ys-side p {
    margin-top: 20px;
    line-height: 18px;
}

.ys-side img {
    margin-left: 10px;
}

.ys-btn a {
    background: url(/images/laboratory/browser-btn.gif) no-repeat 0 0;
}

.gpu-side {
    height: 574px;
    color: #333;
}

.gpu-side h3 {
    padding-bottom: 14px;
    border-bottom: 1px solid #dedede;
    color: #333;
}

.gpu-btn a {
    background: url(/images/laboratory/gpu-btn.gif) no-repeat 0 0;
}

.lab-bannergpu {
    width: 940px;
    height: 166px;
    background: url(/images/laboratory/lab-banner-gpu.jpg) no-repeat 0 0;
}

.lab-bannerpf {
    width: 940px;
    height: 166px;
    background: url(/images/laboratory/lab-banner-pf.jpg) no-repeat 0 0;
}

.pf-discription {
    padding-left: 10px;
    background: none;
}

.lab-intro-pf {
    padding-bottom: 25px;
}

.lab-intro-pf dl {
    _display: inline;
    float: left;
    height: 60px;
    width: 210px;
    margin: 25px 0 0 10px;
    padding-left: 65px;
    background: url(/images/laboratory/pf-icon.gif) no-repeat 0 0;
}

.lab-intro-pf .fr {
    float: right;
    margin-left: 0;
}

.lab-intro-pf .icon1 {
    background-position: 0 0;
}

.lab-intro-pf .icon2 {
    background-position: 0 -60px;
}

.lab-intro-pf .icon3 {
    background-position: 0 -120px;
}

.lab-intro-pf .icon4 {
    background-position: 0 -180px;
}

.content-jobs .guide-pic {
    margin: 40px 0 40px;
    *margin-bottom: 18px;
}

.content-jobs .guide-section {
    margin-top: 24px;
}

.lab-guide-pf {
    color: #333;
    padding-bottom: 30px;
}

.lab-guide-pf .easy {
    margin-left: 10px;
    padding-left: 22px;
}

.lab-guide-pf dt {
    margin: 20px 0 13px -22px;
    padding-left: 22px;
    background: url(/images/laboratory/pf-icon.gif) no-repeat 0 -239px;
    font-size: 14px;
    font-weight: bold;
}

.lab-guide-pf dd {
    line-height: 21px;
}

.lab-guide-pf a {
    color: #0282c4;
}

.pf-sdk-dl {
    margin: 23px 0 0 32px;
    padding-left: 22px;
    background: url(/images/icon-downloadapk.gif) no-repeat 0 0;
    font-weight: bold;
    line-height: 16px;
}

.pf-sdk-dl a {
    text-decoration: underline;
}


.pf-side-main {
    padding: 10px 12px;
    background: url(/images/laboratory/lab-box-t.gif) no-repeat scroll right 0 transparent;
}

.pf-side-main ul {
    background: none;
    text-indent: 0;
}

.pf-side-main .dl {
    display: block;
    width: 240px;
    height: 52px;
    background: url(/images/laboratory/browser-btn.gif) no-repeat -13px -10px;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
}

.pf-side-main h3 {
    margin-top: 13px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cbcdd0;
    color: #333;
    font-size: 14px;
}

.pf-side-main ul {
    padding: 5px 0 0 10px;
}

.pf-side-main li {
    margin: 10px 0 0;
}

.pf-side-main li span {
    display: inline-block;
    vertical-align: top;
}

.pf-side-main .pic {
    width: 51px;
    height: 51px;
    padding: 2px;
    border: 1px solid #dbdbdb
}

.pf-side-main .text {
    padding: 8px 0 0 10px;
    color: #333;
    line-height: 20px;
}

.pf-side-main .text span {
    color: #999;
}

.pf-side-main ul .more {
    color: #0282c4;
    line-height: 23px;
    text-align: right;
}

.pf-side-main .install-btn {
    display: inline-block;
    width: 67px;
    height: 21px;
    background: url(/images/skin/skin-btn.png) no-repeat 0 0;
    line-height: 21px;
    text-align: center;
}

.pf-help {
    height: 222px;
    padding: 28px 0 0;
    color: #333;
}

.pf-help h3 {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
    font-size: 14px;
}

.pf-help p {
    width: 260px;
    padding: 18px 0 0;
    /*background: url(/images/laboratory/pf-help-bg.gif) no-repeat 0 95px;*/
}

.lab-banneryxj {
    width: 940px;
    padding-top: 151px;
    background: url(/images/laboratory/lab-banner-yxj.jpg) no-repeat 0 0;
}

.lab-banneryxj .banneryxj {
    width: 940px;
    height: 151px;
    background: url(/images/laboratory/lab-banner-yxj2.jpg) no-repeat 0 0;
}

.banneryxj .dl {
    padding: 27px 0 0 72px;
    color: #666;
}

.banneryxj .dl strong {
    margin-right: 27px;
    color: #432414;
    font-size: 14px;
}

.banneryxj ul {
    padding: 30px 0 0 40px;
}

.banneryxj li {
    padding: 0 0 8px 10px;
    background: url(/images/laboratory/lab-icon-yxj.gif) no-repeat 0 4px;
}

.lab-content-yxj {
    width: 940px;
}

.main-yxj {
    width: 640px;
    height: 200px;
    padding: 17px 300px 0 10px;
    background: url(/images/laboratory/yxj-box.gif) no-repeat right 17px;
    color: #333;
    line-height: 18px;
}

.main-yxj strong {
    font-size: 14px;
    line-height: 41px;
}

.gpu-test {
    width: 627px;
    height: 223px;
    margin: -28px 0 0 10px;
    background: url(/images/laboratory/gpu-test.jpg) no-repeat 0 0;
}

.gpu-test-link {
    position: relative;
    left: 135px;
    top: 126px;
}





/*dry 20110512修改*/
.mx3dl {
    margin: 28px 0 0;
    padding: 7px 0 0 0;
    background: url(/images/mx3/mx3dl-bg.png) no-repeat 0 0;
    color: #333;
}

.mx3dl .btn-green {
    overflow: hidden;
    width: 268px;
    height: 51px;
    margin: 0 auto 15px;
}

.mx3dl .btn-green a {
    display: block;
    width: 268px;
    height: 51px;
    background: url(/images/mx3/mx3dl-btn.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: 9999px;
}

.mx3dl .mx3dl-title {
    width: 258px;
    height: 31px;
    margin: 10px 0 0 8px;
    padding-left: 10px;
    background: url(/images/mx3/mx3dl-bg-title.png) no-repeat 0 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
}

.mx3dl dl {
    width: 258px;
    margin-left: 8px;
    padding: 0 0 12px 10px;
    background: url(/images/mx3/mx3dl-bg-content.png) no-repeat 0 bottom;
    line-height: 18px;
}

.mx3dl dt {
    font-weight: bold;
    margin-top: 11px;
}

.mx3dl dd {
    color: #666;
}

.mx3-bg-b {
    display: block;
    width: 284px;
    height: 5px;
    margin-top: 5px;
    background: url(/images/mx3/mx3dl-b.png) no-repeat 0 0;
    line-height: 0;
    font-size: 0;
}

.slide .slide-download-info .mx3-simplify,
.slide .slide-download-info .mx3-simplify:hover {
    display: inline-block;
    padding: 0 0 3px 21px;
    background: url(/images/application_put.png) no-repeat 0 3px;
    color: #0282C4;
}

.slide .slide-download-info .mx3-comic {
    display: inline-block;
    margin-left: 20px;
    padding: 0 0 3px 21px;
    background: url(/images/icon-comic.png) no-repeat 0 3px;
    color: #0282C4;
}

#mx3-body .mx3-overview-partner {
    float: none;
    width: 940px;
    margin-top: -15px;
    padding-top: 0;
}

.mx3-partner {
    margin-top: -2px;
    padding: 0 0 11px 10px;
    color: #999;
    line-height: 29px;
}

.mx3-partner a {
    margin: 0 10px 0 5px;
    color: #333;
}

.mx3-partner .nomgleft {
    margin-left: 0;
}

.mx3-partner .nomgright {
    margin-right: 0;
}

#analytics {
    display: block;
}


/*皮肤系统*/
.module-mx3-skin-title {
    position: relative;
    border-bottom: 1px solid #CBCDD0;
}

.module-mx3-skin-title h3 {
    margin-top: 13px;
    padding: 0 0 10px 10px;
    color: #333333;
    font-size: 14px;
}

.module-mx3-skin-title .more {
    position: absolute;
    top: 2px;
    right: 17px;
}

.module-mx3-skin ul {
    padding: 10px 0 15px 10px;
}

.module-mx3-skin li {
    margin: 10px 0 0;
}

.module-mx3-skin li span {
    display: inline-block;
    vertical-align: top;
}

.module-mx3-skin .pic {
    border: 1px solid #DBDBDB;
    height: 51px;
    padding: 2px;
    width: 51px;
}

.module-mx3-skin .text {
    color: #333333;
    line-height: 20px;
    padding: 8px 0 0 10px;
}

.module-mx3-skin .text span {
    color: #999999;
}

.module-mx3-skin .install-btn {
    display: inline-block;
    width: 67px;
    height: 21px;
    margin-top: 4px;
    background: url(/images/skin/skin-btn.png) no-repeat 0 0;
    color: #06c;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
}

.skin-banner {
    height: 166px;
    background: url(/images/skin/banner-skin.jpg) no-repeat 0 0;
}

.ys-side .skin-side-text {
    margin-top:17px;
    line-height: 18px;
}

.ys-side .skin-side-text2 {
    margin-top: 11px;
    line-height: 18px;
}

.skin-side-tips {
    width: 265px;
    padding-top: 2px;
    line-height: 18px;
}

.skin-side-tips dd {
    margin-top: 10px;
}

.skin-side-tips dt {
    font-weight: bold;
}

.skin-side-tips .skin-sdk-dl {
    margin-top: 14px;
    padding-left: 22px;
    background: url(/images/application_put.png) no-repeat 0 0;
    font-weight: bold;
}

.skin-side-tips .skin-sdk-dl a {
    text-decoration: underline;
}

.ys-side .skin-side-other {
    width: 242px;
    margin-top: 16px;
    padding: 18px 0 0 23px;
    border-top: 1px solid #dedede;
    background: url(/images/icon-press-event-contact.gif) no-repeat 0 18px;
    line-height: 18px;
}

.ys-side .skin-side-other a {
    text-decoration: underline;
}

.skin-list {
    width: 625px;
    padding: 22px 0 0 0;
}

.skin-list li {
    float: left;
    _display: inline;
    width: 122px;
    height: 173px;
    margin: 0 24px 0 10px;
    padding: 0 0 26px;
}

.skin-list .pic {
    overflow: hidden;
    width: 100px;
    height: 100px;
    padding: 11px;
    background: url(/images/skin/bg-skin-pic.png) no-repeat 0 0;
    text-align: center;
}

.skin-list .name {
    width: 122px;
    margin: 6px 0 0;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.skin-list .btn {
    width: 67px;
    height: 21px;
    margin: 9px auto 0;
    background: url(/images/skin/skin-btn.png) no-repeat 0 0;
    color: #06c;
    line-height: 21px;
    text-align: center;
}

.skin-list .btn a {
    display: block;
}

.skin-bor-right {
    margin-bottom: 30px;
    padding-right: 19px;
    border-right: 1px solid #dbdbdb;
}

.skin-side-nobr {
    border: none;
}

.skin-float-message {
    display: none;
    position: absolute;
    width: 150px;
    padding: 7px 0 7px 10px;
    background: #fff;
    color: #333;
    line-height: 18px;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 1px 2px 3px rgba(00,00,00,0.3);
    -moz-box-shadow: 1px 2px 3px rgba(00,00,00,0.3);
    -webkit-box-shadow: 1px 2px 3px rgba(00,00,00,0.3);
}

.box h3 .renrenapi{
    float:right;
    margin-left:0;
    margin-top:10px;
}

.btn-skin-join {
    width: 256px;
    height: 74px;
    margin-top: 24px;
    background: url(/images/bg-skin-join.png) no-repeat 0 0;
}

.btn-skin-join a {
    display: block;
    width: 256px;
    height: 74px;
}

.slide-skin-info {
    margin-top: 4px;
}




/*英文公用部分*/
.content-mx3-en {
    width: 940px !important;
    float: none !important;
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    zoom:1;
}

.content-mx3-en .main {
    float: left;
    width: 640px;
}

.content-mx3-en .aside {
    _overflow: hidden;
    float: right;
    width: 284px;
}

/* maxthon3-overview */
.maxthon3-overview {
    padding-top: 14px;
}
.maxthon3-overview h3 {
}

.maxthon3-overview .skins-link {
    margin-left: 444px;
    font-size: 12px;
    font-weight: normal;
}

.maxthon3-overview  .maxthon3-overview-list {
    padding: 20px 0 0 15px;
    overflow: hidden;
    font-size: 14px;
}
.maxthon3-overview  .maxthon3-overview-list li {
    float: left;
    width: 91px;
    text-align: center;
    margin-right: 34px;
    font-weight: bold;
    color: #333;
    _display: inline;
}
.maxthon3-overview  .maxthon3-overview-list li a {
    display: inline-block;
    width: 91px;
    color: #333;
    line-height: 28px;
    text-decoration: none;
}
.maxthon3-overview  .maxthon3-overview-list li a:hover {
    position: relative;
    margin-top: -4px;
}
.maxthon3-overview  .maxthon3-overview-list li img {
    display: block;
    margin: 0 auto;
}

.aside-recommend {
    margin: 10px 0 0;
}
.aside-recommend .top-brd,
.aside-recommend .btm-brd {
    display: block;
    height: 3px;
    overflow: hidden;
    background: url(/images/aside-recommend-brd.jpg) no-repeat;
}
.aside-recommend .btm-brd {
    background-position: 0 -3px;
}
.aside-recommend .aside-recommend-content {
    padding: 2px 7px 10px;
    background: url(/images/aside-recommend-bg.gif) repeat-y;
}
.aside-recommend .aside-recommend-content .for-free {
    display: block;
    width: 200px;
    height: 50px;
    padding: 9px 0 0 68px;
    text-decoration: none;
    background: url(/images/aside-recommend-bg.jpg) no-repeat;
}
.aside-recommend .aside-recommend-content .tv-box {
    background: url(/images/tv-box-bg.jpg) no-repeat;
}
.aside-recommend .aside-recommend-content .for-free em {
    display: block;
    color: #094670;
    font-size: 15px;
    font-style: normal;
}
.aside-recommend .aside-recommend-content .for-free strong {
    display: block;
    color: #fff;
    font-size: 26px;
    font-style: normal;
    margin: 5px 0 0;
}

.aside-recommend .txt {
    padding: 0 10px 10px;
    line-height: 20px;
}
.aside-recommend  .aside-recommend-list {
    padding: 10px 0 20px 5px;
}
.aside-recommend  .aside-recommend-list li {
    color: #333;
    padding-left: 10px;
    margin: 0 0 6px;
    text-decoration: none;
    background: url(/images/icon.png) no-repeat 0 -578px;
}

/* maxthon3-feature */
.maxthon3-feature {
    margin: 0 11px 30px 9px;
    line-height: 18px;
}
.maxthon3-feature  h3 {
    font-size: 20px;
    color: #333;
    padding-left: 10px;
    display: inline;
}
.maxthon3-feature  .title {
    padding: 30px 0 13px;
    border-bottom: 1px solid #dedede;
}
.maxthon3-feature  .title a {
    float: right;
    margin: 10px 0 0;
    padding-left: 15px;
    text-decoration: none;
    background: url(/images/mx3/icon-mx3-en.png) no-repeat 0 -0;
}
.maxthon3-feature  .title a:hover {
    text-decoration: underline;
}
.maxthon3-feature .maxthon3-feature-list {
    padding: 0 0 0 10px;
    overflow: hidden;
    zoom: 1;
}
.maxthon3-feature .maxthon3-feature-list li {
    float: left;
    width: 295px;
}
.maxthon3-feature .maxthon3-feature-list .maxthon3-feature-mid {
    width: 290px;
    margin: 0 25px;
}
.maxthon3-feature p img {
    margin: 5px 0 0;
}
.maxthon3-feature h5 {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin: 18px 0 5px;
}


/* index-feature-list */
.index-feature li {
    padding: 15px 0 40px;
    font-size: 14px;
    overflow: hidden;
    zoom: 1;
}
.index-feature h5 {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 10px;
}
.index-feature  p {
    margin-left: 100px;
}
.index-feature li .pic {
    float: left;
    margin: 2px 15px 0 10px;
}




/* android banner for index.pnp author of yanlaichang*/

/* ad-android */

/*原哈哈样式
.ad-android {
    position: relative;
    width: 920px;
    height:79px;
    margin: 5px 0 26px 19px;
    border: 1px solid #e5e5e5;
    background: url(/images/ad-android-bg.png) no-repeat;
}

.ad-android a {
    position: absolute;
}

.ad-android a.view-website {
    left:480px;
    top:52px;
    text-decoration:underline;
}

.ad-android a.view-website:hover {
    text-decoration:none;    
}

.ad-android a.free-trial,
.ad-android a.close-android-ad {
    text-indent: -9999px;
    overflow: hidden;
} 

.ad-android a.free-trial {
    right:55px;
    top:22px;
    width: 153px;
    height:43px;
    
}
.ad-android a.close-android-ad {
    width: 14px;
    height:14px;
    right:5px;
    top:5px;
}*/

.ad-android {
    position: relative;
    width: 920px;
    height:79px;
    margin: 5px 0 26px 19px;
    border: 1px solid #e5e5e5;
    background: url(/images/ad-shengdan-bg.jpg) no-repeat;
}

.ad-android a {
    position: absolute;
}

.ad-android a.free-trial,
.ad-android a.close-android-ad {
    text-indent: -9999px;
    overflow: hidden;
} 

.ad-android a.free-trial {
    right: 41px;
    top: 19px;
    width: 160px;
    height: 43px;
    
}
.ad-android a.close-android-ad {
    width: 14px;
    height:14px;
    right:5px;
    top:5px;
}


/* board */
.board-intro,
.board-list li,
.board-list li h4.one,
.board-list li h4.two
{
    background-image:url('/mx3/images/borad/board-sprite.png');
    background-repeat:none;
}

.board {
    z-index: 1;
    position: relative;
    overflow: hidden;
    zoom: 1;
    margin: 0 10px 40px;
    padding: 20px 18px 197px 17px;
    background: url('/mx3/images/borad/board-bg.jpg') repeat-y;
}

.board-intro {
    display: inline;
    float: left;
    width: 268px;
    height:147px;
    margin: 25px 0 0 6px;
    padding-right: 11px;
    background-position:0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.board-list li {
    display: inline;
    float: left;
    width: 255px;
    height:174px;
    margin: 0 0 0 25px;
    padding: 15px 15px 44px;
    background-position: 0 -157px;
    overflow: hidden;
}

.board-list li.nomargin {
    margin-left: 0;
}

.board-list li.three {
    background: url('/mx3/images/borad/item-bg02.jpg') no-repeat;
}

.board-list li.four {
    background: url('/mx3/images/borad/item-bg03.jpg') no-repeat;
}

.board-list li.five {
    background: url('/mx3/images/borad/item-bg04.jpg') no-repeat;
}

.board-list li h4 {
    display: inline;
    float: right;
    width: 88px;
    height: 17px;
    margin: 10px 10px 0 0;
    text-indent: -9999px;
    overflow: hidden;
}

.board-list li h4.one {
    background-position: 0 -401px;
}

.board-list li h4.two {
    background-position: 0 -428px;
}

.board-list li a img {
    vertical-align: middle;
}

.board .bottom {
    z-index: 10;
    position: absolute;
    bottom: 0;
    _bottom: -1px;
    left: 0;
    width: 940px;
    height:339px;
    background: url('/mx3/images/borad/bottom-bg.jpg') no-repeat left bottom;
}

.board .bottom .inner {
    width: 100%;
    height: 298px;
    background: url('/mx3/images/borad/bottom-inner-bg.png') no-repeat 80px 0;
}


/* logo
.logos {
    margin: 0 10px 40px;
    padding: 20px 20px 20px 30px;
    background:#d4eefb url('/logo/images/vis-bg.png') no-repeat;
}

.logos h3 {
    margin: 9px 0 17px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

.logos .logo-show li {
    float: left;
}

.logos img {
    border: 1px solid #cfd1d2;
    vertical-align: middle;
}

.logos img.noborder {
    border: none;
}

.logos .logo-show {
    float: left;
    width: 620px;
    border-right: 1px solid #afc5cf;
}

.logos .logo-show .circle {
    margin-bottom: 20px;
}

.logos .logo-show .circle li {
    margin-right: 30px;
}

.logos .logo-show .circle li strong {
    display: block;
    margin-top:8px;
    font-weight: normal;
    text-align: center;
}

.logos .logo-show .square li {
    margin-right: 20px;
}

.logos .logo-show .square li.top {
    margin-bottom: 30px;
}

.logos .logo-show .square li.bottom {
    margin-bottom: 10px;
}

.logos .logo-download {
    float: left;
    width: 239px;
    padding: 10px 0 0 30px;
}

.logos .logo-download li {
    padding-left: 10px;
    background: url('/logo/images/logo-download-li-bg.gif') left bottom repeat-x;
}

.logos .logo-download li p {
    margin: 3px 0 20px;
    padding-bottom: 15px;
    line-height: 22px;
}

.logos .logo-download .tip {
    margin: -4px 0 0 11px;
    padding:0 0 0 24px;
    background: url('/logo/images/tip-bg.png') left 2px no-repeat;
    line-height: 18px;
    color: #333;
}

.logos .logo-download .tip span {
    color: #666;
}

.logo-link {
    display: inline;
    float: right;
    width: 280px;
    height:73px;
    margin: 18px 12px 0 0;
    overflow: hidden;
} */
/***** vis ****/
.logo-wrap {
    position: relative;
    width: 900px;
    margin:0 auto 40px;
    padding: 37px 22px 33px 21px;
}

.logo-tips {
    position: absolute;
    right: 5px;
    top: -8px;
    padding: 0 5px 0 30px;
    background: #fcfcfc url(/logo/images/logo-icon.png) no-repeat 5px 0;
    line-height: 18px;
}

.logo-company {
    width: 895px;
    padding-bottom: 47px;
    background: url(/logo/images/logo-dashed.png) repeat-x 0 100%;
}

.logo-company-vertical,
.logo-browser-vertical {
    float: left;
    width: 640px;
}

.logo-company-side,
.logo-browser-side {
    float: right;
    width: 220px;
    color: #5f6a70;
}

.logo-company-side {
    margin-top: 6px;
}

.logo-browser {
    margin-top: 43px;
}

.logo-company-side p {
    margin-top: 8px;
    line-height: 21px;
}

.logo-company-side .exp {
    margin-top: 18px;
}

.logo-company-side dl {
    margin-top: 18px;
    line-height: 21px;
}

.logo-browser dl {
    width: 198px;
    margin-top: 10px;
    padding-bottom: 20px;
    background: url(/logo/images/logo-dashed.png) repeat-x 0 100%;
    line-height: 21px;
}

.logo-browser .en-links {
    display: block;
    margin-top: 20px;
}

.logo-browser .ch-links {
    display: block;
    margin: 8px 0 15px;
}






/***** 手机助手 *****/

.lt {
    float: left;
}

.rt {
    float: right;
}

#mm-body .banner-mm-sj {
    height: 278px;
    color: #fff;
    background: url('/images/mm/banner-mm-sj.jpg') 0 0 no-repeat;
}

.sj-intro {
    width: 380px;
    padding: 125px 0 25px 40px;
    font-size: 14px;
    line-height: 22px;
}

.btn-sj {
    width: 380px;
    height: 41px;
    margin-left: 40px;
    line-height: 39px;
    background: url('/images/mm/btn-sj.jpg') 0 0 no-repeat;
}

.btn-sj span {
    float: left;
    padding-left: 10px;
}

.btn-sj a {
    float: left;
    width: 104px;
    height: 39px;
    padding-left: 50px;
    color: #432414;
    font-size: 20px;
    font-weight: bold;
}

.btn-sj a:hover {
    color: #8f4300;
    text-decoration: none;
}

#mm-body .content-sj {
    width: 640px;
    padding-right: 0;
}

.content-sj .feature-block {
    width: 260px;
    padding: 7px 7px 13px 10px;
}

.content-sj .feature-block img{
    float: left;
    width: 42px;
    height: 42px;
}

.content-sj .feature-block .feature-description {
    margin-left: 56px;
}

.content-sj .feature-block .feature-description h4 {
    margin-bottom: 4px;
}

.mx3-partner span {
    font-weight: bold;
    color: #333333;
}

.share_self {
    margin-top: 10px;
}

.sj-item {
    margin: 13px 0 16px;
    padding-bottom: 2px;
    clear: both;
    background: #e7f5fd;
}

#mm-body .sj-item h3 {
    margin-bottom: 3px;
    padding-left: 15px;
    border-bottom: none;
}

.sj-item .feature-block {
    padding: 7px 22px 13px 15px;
}

.content-sj h3 .complain {
    float: right;
    _display: inline;
    margin-top: 15px;
    height: 16px;
    line-height: 16px;
    padding-left: 21px;
    font-size: 12px;
    font-weight: normal;
    color: #327393;
    background: url(/images/mm/complain.png) left top no-repeat;
}