html, body {
    width: 100%;
}

body, ul, li, div, p, h1, h2 {
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

body {
    font-size: 12px;
    text-align: center;
    font-family: 微软雅黑;
}

a {
    cursor: pointer;
    font-family: 微软雅黑;
    text-decoration: none;
}

    a:link, a:visited, a:hover, a:active {
        text-decoration: none;
    }

ul, li {
    list-style: none;
}

.i-tabs-nav ul li {
    display: inline;
    width: 108px;
}

.i-tabs-item {
    cursor: pointer;
}

.i-tabs-content {
    display: none;
}

.page-container {
    margin: 0 auto;
    text-align: left;
    width: 1203px;
    clear: both;
}

.page-header {
    width: 100%;
    background: #333333;
    display: inline-block;
}

    .page-header ul, .page-nav ul {
        float: right;
    }

        .page-header ul li, .headerAction {
            display: inline;
            line-height: 30px;
            color: #999999;
        }

.page-nav {
    margin-top: 12px;
    position: relative;
}

    .page-nav ul li.level-1 {
        /*position:relative;*/
    }

    .page-nav ul li {
        display: inline-block;
        font-size: 16px;
        width: 104px;
        text-align: center;
        line-height: 50px;
    }

        .page-nav ul li a {
            color: #333333;
            text-decoration: none;
            height: 50px;
            width: 104px;
            border-bottom: solid 2px #ffffff;
            display: inline-block;
            z-index: 101;
        }

            .page-nav ul li a:hover, .page-nav ul li a.navItemActive {
                border-bottom: solid 2px #e01d2a;
            }

.page-logo {
    display: block;
    background: url(images/logo.jpg) no-repeat;
    width: 319px;
    height: 38px;
    float: left;
    margin-left: 33px;
}

.productInfo {
    width: 384px;
    float: left;
    border: solid 1px #e5e5e5;
    margin-bottom: 26px;
    display: block;
}

.page-container .three-column-container a.column-two {
    margin: 0 21px;
}

.productInfo-1, .productInfo-4 {
    margin: 0 22px;
}

.infoDes {
    float: left;
    width: 240px;
    margin-left: 24px;
    display: inline;
    padding-top: 41px;
    padding-bottom: 23px;
}

    .infoDes p {
        width: 212px;
        letter-spacing: 1px;
        line-height: 18px;
        color: #666666;
        padding-top: 15px;
        font-size: 12px;
        font-family: 微软雅黑;
    }

.productThumb {
    float: right;
    margin-top: 41px;
    margin-right: 22px;
}

.view-detail {
    border: solid 1px #c5c0c0;
    width: 73px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    display: inline-block;
    margin-top: 24px;
    color: #c5c0c0;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -ms-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}

.ilink-block {
    display: block;
    position: relative;
}

    .ilink-block:hover .view-detail {
        background: #5cb5dd;
        border: solid 1px #5cb5dd;
        color: #ffffff;
    }

    .ilink-block .article-image {
        display: none;
        border: none;
        position: absolute;
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
    }

    .ilink-block .article-image-default {
        display: block;
    }

    .ilink-block .article-image-hover {
        display: none;
    }

    .ilink-block:hover .article-image-default {
        display: none;
    }

    .ilink-block:hover .article-image-hover {
        display: block;
    }
/*more effect*/
.csstransitions .ilink-block .article-image-default,
.csstransitions .ilink-block:hover .article-image-hover {
    display: block;
    -ms-opacity: 1;
    opacity: 1;
}

.csstransitions .ilink-block:hover .article-image-default,
.csstransitions .ilink-block .article-image-hover {
    display: block;
    -ms-opacity: 0;
    opacity: 0;
}

.infoDes h2 {
    margin: 0;
    padding: 0;
}

.solutionInfo {
    width: 285px;
    height: 207px;
    float: left;
    border: solid 1px #ebeef1;
    background: #f9fafc;
    margin-right: 13px;
    text-align: center;
    position: relative;
}

.solutionInfo-3 {
    margin-right: 0;
}

.solutionInfo .solutionIcon {
    position: absolute;
    left: 50%;
    margin-left: -31.5px;
    top: -31.5px;
}

.solutionDetail {
    position: absolute;
    left: 110px;
    bottom: -15px;
    background: url(Images/green.jpg) no-repeat;
    width: 73px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    color: #d5eff9;
    font-size: 12px;
}

.ilink-block:hover .solutionDetail {
    background-image: url(images/blue.jpg);
}

.solutionInfo h2 {
    padding-top: 36px;
    padding-bottom: 15px;
}

.solutionInfo p {
    text-align: center;
}

.serviceInfo {
    float: left;
    width: 16%;
    text-align: center;
}

.serviceInfo-hover {
    margin-top: -5px;
}

.serviceIcon {
    width: 86px;
    height: 86px;
    display: inline-block;
}


.servicePic h2 {
    color: #aaaaaa;
    font-size: 14px;
    line-height: 49px;
}

.ilink-block:hover .servicePic h2 {
    color: #fe7429;
}

.left {
    float: left;
}

.right {
    float: right;
}

.page-footer {
    width: 100%;
    background: #333333;
    height: 67px;
    line-height: 67px;
    color: #999999;
}

.copyright {
}

.footaction {
}

.footer-nav {
    background: #444444;
    height: 267px;
    width: 100%;
}

    .footer-nav a {
        color: #999999;
    }

    .footer-nav li a {
        color: #ccc;
    }

    .footer-nav ul {
        margin-top: 38px;
        display: inline-block;
    }

        .footer-nav ul.sub {
            margin-top: 8px;
        }

        .footer-nav ul li {
            display: inline;
            float: left;
            margin-right: 15px;
            font-size: 16px;
            color: #888888;
            line-height: 25px;
            margin-right: 77px;
        }

            .footer-nav ul li span {
                display: block;
                padding-bottom: 8px;
            }

            .footer-nav ul li ul.sub li {
                display: block;
                float: none;
                font-size: 12px;
                color: #cccccc;
                margin-right: 0;
            }

    .footer-nav .links-divider {
        width: 90px;
        height: 1px;
        border: 0;
        background-color: #575757;
    }

.page-area {
    width: 100%;
    clear: both;
    display: inline-block;
}

.serviceArea, .caseArea {
    background: #f5f5f5;
    margin-top: 75px;
    padding-bottom: 38px;
}

.caseArea {
    margin-top: 28px;
}

.page-area h1 {
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    line-height: 92px;
}

    .page-area h1 a {
        color: #000000;
    }

.page-area h2 {
    color: #0e050a;
    font-size: 18px;
    font-weight: normal;
}

.page-area h3 {
    font-size: 16px;
    font-weight: normal;
    color: #625c62;
    letter-spacing: 1px;
    padding-top: 34px;
}



.solutionInfo p {
    padding-left: 25px;
    padding-right: 20px;
    line-height: 27px;
    color: #a0afba;
}

.solutionArea h1 {
    margin-bottom: 35px;
}

.page-container {
    position: relative;
}

    .page-container hr {
        position: absolute;
        right: 0;
        top: 42px;
        border: medium none;
        border-bottom: solid 1px #e1e1df;
        width: 90%;
    }

div.caseInfo {
    width: 25%;
    float: left;
    position: relative;
}

    div.caseInfo .caseTit {
        display: none;
    }

.caseTit {
    width: 97%;
    text-indent: 16px;
    height: 32px;
    background: black;
    color: #f0f2f1;
    line-height: 32px;
    background: rgba(0,0,0,0.5);
    *background: #000000;
    filter: alpha(opacity=50);
    position: absolute;
    bottom: 3px;
    left: 0;
}

.newsArea {
    background: #f5f5f5;
    margin-top: 1px;
}

    .newsArea ul li {
        line-height: 52px;
        font-size: 14px;
    }

.newsAreaTit {
    background: url(Images/laba.jpg) left no-repeat;
    padding-left: 28px;
    color: #ce0e0e;
    font-size: 14px;
    line-height: 52px;
}

div.newsScroll {
    margin-left: 11px;
    display: inline;
}

.newsMore {
    background: url(Images/moreIcon.jpg) no-repeat;
    display: inline-block;
    width: 50px;
    height: 16px;
    margin-top: 20px;
}

.bannerImg, .caseImg {
    width: 100%;
    text-align: center;
    height: 542px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.home-banner {
    background-position: center top;
    background-repeat: no-repeat;
    height: 542px;
    width: 100%;
}
/*.bannerImg ul.slides li{
    width:100%
}*/
.flexslider {
    margin: 0 0 60px;
    background: #ffffff;
    border: 4px solid #ffffff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides img {
            height: auto;
            -moz-user-select: none;
            display: block;
        }

    .flexslider:hover .flex-direction-nav .flex-prev {
        opacity: 0.7;
        left: 10px;
    }

        .flexslider:hover .flex-direction-nav .flex-prev:hover {
            opacity: 1;
        }

    .flexslider:hover .flex-direction-nav .flex-next {
        opacity: 0.7;
        right: 10px;
    }

        .flexslider:hover .flex-direction-nav .flex-next:hover {
            opacity: 1;
        }

div.custom-navigation {
    z-index: 9999;
    position: absolute;
    display: inline-block;
    bottom: 30px;
    left: 50%;
    margin-left: -64px;
    width: 128px;
}

ul.flex-direction-nav {
    display: none;
    padding: 0;
    margin: 0;
}

ol.flex-control-nav {
    padding: 0;
}

    ol.flex-control-nav li {
        display: inline;
        margin-right: 10px;
        font-size: 2px;
    }

        ol.flex-control-nav li a {
            background: url(images/whiteCircle.gif) center no-repeat;
            width: 12px;
            height: 12px;
            display: inline-block;
            text-indent: -9999px;
            text-decoration: none;
            color: #ffffff;
        }

            ol.flex-control-nav li a.flex-active {
                background: url(images/redCircle.gif) center no-repeat;
                color: #ce0e0e;
            }

.borderradius ol.flex-control-nav li a {
    background-image: none;
    background-color: #fff;
    border-radius: 6px;
}


    .borderradius ol.flex-control-nav li a.flex-active {
        background-image: none;
        background-color: #ce0e0e;
    }

.caseImg {
    height: 365px;
    display: none;
}

span.guanzhu {
    margin-top: 40px;
}

div.lianxi {
    margin-right: 60px;
}

    div.lianxi ul {
        display: inline-block;
        margin-top: 50px;
    }

        div.lianxi ul li {
            display: block;
            clear: both;
        }

            div.lianxi ul li.emailIcon {
                background: url(Images/emailIcon.jpg) left no-repeat;
                padding-left: 22px;
                font-size: 12px;
                color: #cccccc;
            }


.productIcon {
    width: 94px;
    height: 94px;
    display: inline-block;
}


.productPic h2 {
    color: #aaaaaa;
    font-size: 14px;
    line-height: 49px;
}


.bannerArea {
    display: inline-block;
    width: 100%;
    height: 253px;
}

.bannerProduct {
    background: url(Images/bannerProduct.jpg) center no-repeat;
}

.bannerTech {
    background: url(Images/bannerTech.jpg) center no-repeat;
}

.bannerService {
    background: url(Images/bannerService.jpg) center no-repeat;
}

.bannerAbout {
    background: url(Images/bannerAbout.jpg) center no-repeat;
}

.bannerCase {
    background: url(Images/bannerCase.jpg) center no-repeat;
}

.bannerSolution {
    background: url(Images/bannerSolution.jpg) center no-repeat;
}

.bannerNews {
    background: url(Images/bannerNews.jpg) center no-repeat;
}

div.slideNav {
    border-left: solid 1px #d7d7d7;
    min-height: 935px;
    _height: 935px;
}

.slideNav ul.slideNav {
    margin-top: 29px;
}

.slideNav ul li {
    background: none;
    color: #666666;
    font-size: 18px;
    line-height: 59px;
    padding-left: 25px;
    margin-left: -7px;
    clear: both;
    float: left;
}


    .slideNav ul li a {
        color: #666666;
        display: block;
        clear: both;
    }

    .slideNav ul li.active a {
        color: #d22424;
    }

    .slideNav ul li.level-1 {
        background: url(Images/leftcdicon.gif)0 23px no-repeat;
    }

    .slideNav ul li.active {
        background: url(Images/rcdIcon.jpg)0 23px no-repeat;
        color: #d22424;
        font-size: 18px;
        line-height: 59px;
        padding-left: 25px;
        margin-left: -7px;
    }

    .slideNav ul li a:hover {
        background: url(Images/rcdIcon.jpg) left no-repeat;
        padding-left: 25px;
        margin-left: -25px;
        color: #d22424;
    }

    .slideNav ul li ul.sub {
        float: left;
        clear: both;
        margin-left: -36px;
        display: none;
    }

    .slideNav ul li ul.caseSub {
        float: left;
        clear: both;
        margin-left: -36px;
        display: block;
    }

        .slideNav ul li ul.sub li a, .slideNav ul li ul.caseSub li a {
            border-bottom: #d3d3d4 solid 2px;
            width: 229px;
            float: left;
            clear: both;
        }

        .slideNav ul li ul.sub li a, .slideNav ul li ul.caseSub li a {
            font-size: 14px;
            color: #666666;
            padding-left: 0;
            margin-left: 0;
            border-left: solid 4px #ffffff;
            text-indent: 50px;
        }

            .slideNav ul li ul.sub li a:hover, .slideNav ul li ul.caseSub li a:hover, .slideNav ul li ul.caseSub li a.active, .slideNav ul li ul.sub li a.active {
                color: #13639c;
                padding-left: 0;
                background: none;
                border-left: solid 4px #13639c;
            }


div.productBox {
    border: solid 1px #dfdfdf;
    width: 250px;
    height: 385px;
    margin-right: 15px;
    position: relative;
    margin-bottom: 20px;
}

.productBox span a {
    color: #585858;
}

a.viewproduct {
    position: absolute;
    right: 23px;
    bottom: 15px;
    color: #465e9e;
    font-size: 12px;
}

div.productBox a {
    display: block;
}

div.productBox span {
    color: #57595d;
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    border-bottom: #dcdcdc solid 1px;
    display: inline-block;
    width: 210px;
    margin-left: 21px;
}

div.productBox p {
    line-height: 25px;
    text-indent: 2em;
    color: #797c84;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 9px;
}


.contentarea h1 {
    color: #717891;
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
}

.secTab h1 {
    font-size: 24px;
    line-height: 27px;
    color: #2d2828;
    text-align: left;
}

div.solutionBox {
    background: #ffffff;
    border-bottom: solid 3px #dfdfdf;
    width: 264px;
    height: 282px;
    margin-right: 24px;
}

.sec-area {
    background: #f2f2f2;
}

div.solutionBox h3 {
    text-align: center;
    color: #343333;
    font-size: 22px;
    line-height: 100%;
    padding-top: 0;
}

    div.solutionBox h3 a {
        color: #343333;
    }

ul.solutionName li {
    display: inline;
}

.solutionTabGroup {
    border: medium none;
    margin-top: 0;
}

    .solutionTabGroup .i-tabs-nav {
        float: left;
    }

    .solutionTabGroup .i-tabs-container {
        padding-top: 20px;
        display: inline-block;
    }

        .solutionTabGroup .i-tabs-container .i-tabs-content {
            height: 417px;
        }

    .solutionTabGroup ul li.i-tabs-item {
        font-size: 16px;
        color: #5b5858;
        line-height: 60px;
        width: 94px;
        text-align: center;
        padding: 0;
        margin: 0;
        cursor: pointer;
        display: inline-block;
        height: 60px;
        z-index: 10;
        position: relative;
    }

    .solutionTabGroup .ui-tabs-nav .ui-tabs-anchor {
        padding: 0;
    }

    .solutionTabGroup ul li.i-tabs-active {
        border-top: solid 2px red;
        background: white;
        border-left: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
        margin-bottom: -1px;
        z-index: 10;
    }

    .solutionTabGroup .ui-tabs-nav li {
        margin: 0;
        padding: 0;
        background: none;
        border: medium none;
        font-family: 微软雅黑;
    }

    .solutionTabGroup .i-tabs-nav {
        margin: 0;
        padding: 0;
    }

.secTab {
    position: relative;
}

    .secTab hr {
        position: absolute;
        right: 0;
        top: 54px;
        border: medium none;
        border-bottom: solid 1px #dddddd;
        width: 100%;
        z-index: 9;
    }

.solutionBox {
    text-align: center;
    margin-top: 15px;
}

    .solutionBox img {
        margin-top: 34px;
    }

    .solutionBox ul {
        width: 220px;
        margin-left: 51px;
        _display: inline;
    }

        .solutionBox ul li {
            color: #5c5c5c;
            font-size: 14px;
            line-height: 28px;
            display: inline-block;
            background: url(Images/gcircle.jpg) left no-repeat;
            margin-right: 39px;
            padding-left: 10px;
            text-align: left;
        }

.secTab h1 {
    margin-top: 15px;
}

div.solutionCateBox ul li a {
    display: block;
}

div.solutionCateBox ul li {
    position: relative;
    margin-bottom: 9px;
}

    div.solutionCateBox ul li .cateTit {
        background: url(Images/cateIcon.gif) 19px 14px no-repeat rgba(255,255,255,0.5);
        *background: url(Images/cateIcon.gif) 19px 14px no-repeat #ffffff;
        *filter: alpha(opacity=50);
        position: absolute;
        bottom: 0;
        height: 38px;
        line-height: 38px;
        width: 100%;
        color: #333333;
        font-size: 16px;
        text-indent: 37px;
        font-family: 微软雅黑;
    }

.caseExample {
    display: none;
    position: relative;
}

.Cases {
    background: url(Images/casegroup.jpg) no-repeat center top;
    position: absolute;
    height: 365px;
    display: none;
    top: 51px;
    z-index: 100;
    left: 0;
    width: 100%;
}

.newsScroll {
    width: 900px;
    overflow: hidden;
    position: relative;
}

    .newsScroll ul * {
        color: #777;
    }

    .newsScroll ul a {
        margin-right: 24px;
    }

    .newsScroll .bd {
        padding: 0;
    }

        .newsScroll .bd ul {
            overflow: hidden;
            zoom: 1;
        }

            .newsScroll .bd ul li {
                margin: 0 8px;
                float: left;
                _display: inline;
                overflow: hidden;
                text-align: center;
            }


span.newsIcon {
    background: url(Images/newsicon.jpg) left no-repeat;
    display: inline-block;
    width: 73px;
    height: 54px;
    margin-top: 33px;
}

div.productList {
    margin-top: 52px;
}

ul, newslist {
    display: block;
}

    ul.newslist li, ul.newslist {
        clear: both;
    }

        ul.newslist li a {
            color: #5c5c5c;
            font-size: 16px;
            font-weight: bold;
            line-height: 180%;
        }

        ul.newslist li p {
            color: #797c83;
            font-size: 14px;
            line-height: 180%;
        }

div.pager {
    clear: both;
}

div.infosection {
    margin-left: 38px;
    border-bottom: dashed 1px #c1c2c4;
    padding-bottom: 33px;
    padding-top: 27px;
    width: 82%;
}

div.newspager {
    margin-top: 36px;
    margin-bottom: 43px;
    float: right;
    margin-right: 50px;
}

    div.newspager a {
        width: 30px;
        height: 30px;
        margin-right: 14px;
        display: inline-block;
        line-height: 30px;
        text-align: center;
        color: #3f3e43;
    }

        div.newspager a.prev {
            background: url(Images/prev.jpg) no-repeat;
            text-indent: -99999px;
        }

        div.newspager a.next {
            text-indent: -99999px;
            background: url(Images/next.jpg) no-repeat;
        }

        div.newspager a.current, div.newspager a.page:hover {
            background: url(Images/orangeCircle.jpg) no-repeat;
            color: #ffffff;
        }

div.caseBox {
    width: 293px;
    height: 309px;
    margin-right: 15px;
    position: relative;
}

h1.breadcrumb {
    font-size: 14px;
    font-family: 微软雅黑;
}

.caseBox .casetit {
    font-size: 16px;
    color: #747474;
    padding-left: 23px;
    margin-top: 31px;
    display: block;
}

.caseBox img {
    border: solid 1px #e6f1f7;
    display: inline-block;
}

.caseBox p {
    font-size: 12px;
    color: #949494;
    text-indent: 23px;
    line-height: 200%;
}

.aboutContent h1 {
    color: #282828;
    font-family: 微软雅黑;
    font-size: 24px;
    border-bottom: solid 1px #838383;
    margin: 0;
    padding: 0;
    line-height: 57px;
    margin-top: 35px;
}

    .aboutContent h1 font {
        font-size: 14px;
        font-family: Arial;
        padding-left: 18px;
    }

.aboutTab {
    background: #f1f1f1;
    display: inline-block;
    padding-top: 20px;
}

.aboutContent {
    display: inline-block;
}

.aboutTab .slideNav {
    background: #ffffff;
}

.aboutTab .contentarea {
    background: #ffffff;
    min-height: 935px;
    _height: 935px;
}

.leftArea {
    padding-left: 15px;
    background: #ffffff;
    padding-right: 21px;
    width: 21.4%;
}

.rightArea {
    padding-left: 50px;
    background: #ffffff;
    padding-right: 50px;
    width: 66%;
}

.aboutContent .contentarea {
    width: 100%;
}

div.articleInfo {
    border-top: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #929292;
}

.newsDetail h2 {
    color: #444444;
    line-height: 120px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.newsDetail p {
    text-indent: 2em;
    line-height: 180%;
    font-size: 16px;
    color: #5b5b5d;
    margin: 18px auto;
}

h1.newsDetailTit {
    color: #ae303e;
    line-height: 86px;
}

    h1.newsDetailTit font {
        color: #70788f;
        font-size: 24px;
        font-family: Arial;
    }

.locationbg {
    background: #f2f2f2;
    line-height: 62px;
}

.loc, .loc a {
    text-align: right;
    color: #666666;
    font-size: 14px;
}

h2.solutionDetailTit {
    font-size: 22px;
    color: #b92634;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 100px;
    font-family: 微软雅黑;
}


.solutionDetailInfo .rightArea {
    padding: 0;
    border-left: solid 1px #eaeaea;
    padding: 0 50px;
}

.solutionDetailInfo .leftArea {
    width: 20%;
}

.solutionDetailInfo .rightArea .contentarea {
}

.detail p {
    text-indent: 2em;
    line-height: 180%;
    font-size: 16px;
    color: #5b5b5d;
    margin: 18px auto;
}

.tab-maincontent h1 font {
    font-size: 12px;
}

.secTab .page-container {
    width: 1129px;
}

.detailInfo p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 28px;
    color: #525252;
}

/*product css*/
.product-menu-item {
}

    .product-menu-item.active {
    }

        .product-menu-item.active .sub {
            display: block;
        }

    .product-menu-item:hover {
    }

        .product-menu-item:hover .sub {
        }

div.productTab, div.caseTab {
    background: #f1f1f1;
    padding-top: 21px;
}

    div.productTab .page-container {
        width: 1181px;
    }

    div.productTab .leftArea, div.caseTab .leftArea {
        padding-right: 0;
    }

    div.productTab .rightArea, div.caseTab .rightArea {
        width: 67%;
    }

/*.rightArea {
        padding-left: 0;
        padding-right: 0;
    }*/

/*.contentarea.detail p {
        margin-left: 33px;
    }*/

.generTab h1 {
    font-family: 微软雅黑;
    font-size: 24px;
    color: #282828;
    border-bottom: #282828 solid 1px;
    line-height: 58px;
    margin-top: 28px;
}

.caseTab h1 {
    margin-top: 7px;
}

.generTab h1 font {
    font-size: 14px;
}

div.productDetail .page-container, div.caseTab .page-container {
    width: 1271px;
}

div.productContent .contentarea {
    margin-top: 83px;
}

div.productDetailArea {
    margin-top: 60px;
}

    div.productDetailArea .i-tabs-item {
        width: 210px;
        height: 43px;
        line-height: 43px;
        background: #efefef;
        text-align: center;
        display: inline-block;
        border-top: solid 2px #efefef;
        margin-right: 0;
        font-size: 15px;
    }

    div.productDetailArea .i-tabs-active {
        background: #ffffff;
        border-top: solid 2px #107ff3;
        color: #1865bf;
    }

    div.productDetailArea .i-tabs-content {
        padding-top: 77px;
        padding-right: 37px;
    }

div.articleInfo span.right span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 20px;
    margin-top: 12px;
    cursor: pointer;
}

span.printIcon {
    background: url(images/print.gif) no-repeat;
}

span.fontplus {
    background: url(images/fontplus.gif) no-repeat;
}

span.fontminus {
    background: url(images/fontminus.gif) no-repeat;
}

.caseTab .caseList {
    margin-top: 53px;
}

div.caseTab .rightArea {
    width: 72%;
    padding: 20px;
}

div.caseBox {
    margin-right: 15px;
}

span.location {
    font-size: 14px;
    margin-top: 9px;
}

@media print {
    .noprint {
        display: none;
    }
}

/*scroll vertical*/
.newsArea .ilink-scroll {
    width: 1075px;
}

.newsArea .ilink-scrollArea {
    position: relative;
    height: 52px;
    overflow: hidden;
}

    .newsArea .ilink-scrollArea ul {
        position: absolute;
        top: 0;
        left: 0;
    }

        .newsArea .ilink-scrollArea ul li {
            height: 52px;
            line-height: 52px;
        }

.newsArea div.actions {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 14px;
}

    .newsArea div.actions .action {
        background: url(images/updown.gif) no-repeat;
        width: 14px;
        height: 7px;
        display: inline-block;
        text-indent: -9999px;
        cursor: pointer;
    }

    .newsArea div.actions .ilink-prev {
        background-position: 00;
    }

    .newsArea div.actions .ilink-next {
        background-position: 0 -19px;
    }

h2.serviceTit {
    color: #aaaaaa;
    font-size: 14px;
}

.aboutDetail p {
    font-size: 14px;
    line-height: 28px;
    color: #515151;
    text-indent: 2em;
    margin: 19px0;
    padding: 0 50px 0 20px;
    text-align: justify;
}

.aboutDetail h1 {
    color: #084ba6;
    font-size: 36px;
    line-height: 72px;
    text-indent: 39px;
    border-bottom: medium none;
}

.aboutDetail p.bluewz {
    color: #13639c;
}

ul.joblist li {
    float: left;
    width: 40%;
    padding-left: 40px;
    padding-bottom: 25px;
}

    ul.joblist li h2, ul.joblist li h2 a {
        color: #636363;
        font-size: 18px;
        font-family: "微软雅黑";
    }

    ul.joblist li span {
        color: #c1c1c1;
        font-size: 14px;
        font-family: Arial 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    ul.joblist li.ilink-block-active h2 {
        color: #0058a8;
        cursor: pointer;
    }

.aboutDetail p.r18 {
    font-size: 18px;
    color: #a30404;
    line-height: 150%;
    margin: 0;
    padding: 0;
    font-weight: bold;
    margin-top: 40px;
    display: inline-block;
}

.aboutDetail p.g18 {
    line-height: 180%;
    color: #636363;
    margin: 0;
    padding: 0;
    font-size: 18px;
    padding-bottom: 90px;
}

ul.joinlist {
    margin-top: 50px;
    display: inline-block;
}

    ul.joinlist li:nth-child(even) {
        border-right: none;
    }

    ul.joinlist li {
        height: 285px;
        margin-left: 25px;
        float: left;
        border-right: dotted 1px #aaaaaa;
        padding-right: 24px;
    }

h1.inHH {
    color: #d22425;
}

ul.joinlist li img {
    margin-top: 8px;
    margin-bottom: 4px;
}

ul.joinlist li h2 {
    background: url(Images/gline.jpg) left no-repeat;
    padding-left: 10px;
    font-size: 16px;
    line-height: 28px;
}

ul.joinlist li a {
    display: block;
}

ul.joinlist li span {
    font-size: 12px;
    color: #666666;
    width: 345px;
    line-height: 20px;
    display: inline-block;
    text-align: justify;
}

    ul.joinlist li span b {
        font-size: 14px;
        line-height: 23px;
    }

.serviceDetail p {
    font-size: 14px;
    color: #808080;
    line-height: 28px;
    text-indent: 2em;
}

table.area-edit-table {
    border-top: solid 2px #db262d;
    border-bottom: solid 2px #db262d;
    margin-bottom: 68px;
}

    table.area-edit-table td {
        height: 42px;
        border-bottom: solid 1px #d0d0d0;
    }

        table.area-edit-table td.edit-td-left {
            font-weight: bold;
            background: #f5f5f5;
            width: 109px;
            text-align: center;
            font-size: 14px;
            color: #000000;
        }

        table.area-edit-table td.edit-td-col {
            font-weight: bold;
            width: 109px;
            text-align: center;
            font-size: 14px;
            color: #000000;
        }

        table.area-edit-table td input.edit-input-text {
            height: 23px;
            margin-left: 9px;
        }

        table.area-edit-table td textarea.edit-input-text {
            margin: 5px 9px;
        }

table#ProductList {
    margin: 26px 5px;
    width: 100%;
}

    table#ProductList td {
        border-bottom: medium none;
        font-size: 14px;
        color: #7c7c7c;
        height: 10px;
        width: 48%;
    }

        table#ProductList td label {
            vertical-align: middle;
            margin: 3px 5px 8px0;
            display: inline-block;
        }

.serviceDetail h1 {
    border-top: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    line-height: 40px;
    text-align: center;
    color: #13639e;
    font-size: 18px;
    font-family: 宋体;
    font-weight: bold;
    margin-bottom: 34px;
}

.serviceDetail .infoArea {
    margin-bottom: 50px;
}

table.area-edit-table .edit-button {
    width: 79px;
    height: 24px;
    line-height: 16px;
    display: inline-block;
    text-align: left;
    text-indent: 22px;
    border: medium none;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    font-family: 微软雅黑;
    letter-spacing: 2px;
    margin-right: 58px;
}

table.area-edit-table .edit-button-submit {
    background: url(Images/rbBg.jpg) no-repeat;
}

table.area-edit-table .edit-button-cancel {
    background: url(Images/gbBg.jpg) no-repeat;
}

.solutionCateBox {
    margin-left: 8px;
}

ul.joblist {
    margin-top: 58px;
}

    ul.joblist li {
        margin-bottom: 52px;
    }

        ul.joblist li span.jobName {
            margin-left: 92px;
            margin-top: 20px;
        }

div.joinDetail {
    float: left;
    clear: both;
}

.joinUs {
    background: #ffffff;
}

    .joinUs .i-tabs-item {
        background: url(http://www.top3c.com/Themes/Default/Styles/images/joinbg.gif) no-repeat;
        width: 155px;
        height: 58px;
        display: inline-block;
        text-align: center;
        line-height: 48px;
        color: #7f7d7e;
        font-size: 14px;
        font-family: 微软雅黑;
    }

    .joinUs .i-tabs-active {
        background: url(http://www.top3c.com/Themes/Default/Styles/images/joinactive.gif) no-repeat;
    }

.i-job-article {
    background: #d3d3d3;
    line-height: 37px;
    margin: 36px 0;
    display: block;
    width: 100%;
    clear: both;
    float: left;
}

    .i-job-article span.left {
        font-weight: bold;
        border-right: solid 1px #b6b6b6;
        padding-left: 17px;
        padding-right: 21px;
        font-size: 14px;
    }

    .i-job-article span.right {
        width: 45px;
        height: 15px;
        margin-top: 12px;
        margin-right: 12px;
        cursor: pointer;
        border-right: medium none;
    }

span.i-minus {
    background: url(http://www.top3c.com/Themes/Default/Styles/images/minus.jpg) no-repeat;
}

span.i-plus {
    background: url(http://www.top3c.com/Themes/Default/Styles/images/plus.gif) no-repeat;
}

.joinDetail p {
    font-size: 14px;
    font-family: 宋体;
}

.ui-widget-header {
    background: none;
    border: medium none;
    height: 54px;
}

.ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background: url(http://www.top3c.com/Themes/Default/Styles/Images/close.gif) no-repeat;
    width: 25px;
    height: 25px;
    border: medium none;
    margin-right: 17px;
    right: 17px;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 1em;
    border: medium none;
}

.slideNav ul.solutionNav {
    margin-top: 52px;
}

.solutionNav a.level-1 {
    border-bottom: solid 3px #eaeaea;
    position: relative;
    margin-left: 0px;
    color: #333333;
    width: 189px;
    display: inline-block;
    font-size: 20px;
    height: 66px;
}

.solutionNav li.active a {
    color: #333333;
}

.solutionNav a.level-1:hover {
    border-bottom: solid 3px #eaeaea;
    position: relative;
    margin-left: 0px;
    color: #333333;
    font-size: 20px;
}

.solutionNav a.level-1 font {
    border-bottom: #d70b35 solid 3px;
    position: absolute;
    bottom: -3px;
    left: 0px;
    white-space: nowrap;
    line-height: 54px;
}

ul.solutionNav li.active {
    background: none;
    padding-left: 0px;
    margin-left: 0px;
    color: #333333;
    font-size: 20px;
}

.solutionNav ul li {
    border-left: medium none;
}

ul.solutionNav {
    width: 189px;
}

    ul.solutionNav li {
        margin-left: 0px;
        padding-left: 0px;
    }

        ul.solutionNav li ul.caseSub {
            float: left;
            clear: both;
            margin-left: 0px;
            padding-left: 0px;
            margin-left: 0px;
        }

            ul.solutionNav li ul.caseSub li {
                width: 189px;
                border-bottom: #d3d3d4 solid 2px;
                padding-bottom: 17px;
                padding-top: 17px;
            }

                ul.solutionNav li ul.caseSub li a {
                    border-left: medium none;
                    background: url(images/greyRect.jpg) 0 9px no-repeat;
                    color: #989898;
                    text-indent: 0px;
                    padding-left: 16px;
                    line-height: 20px;
                    font-size: 14px;
                }

                    ul.solutionNav li ul.caseSub li a.active, ul.solutionNav li ul.caseSub li a:hover {
                        border-left: medium none;
                        background: url(images/redRect.jpg) 0 9px no-repeat;
                        color: #b10f0f;
                        text-indent: 0px;
                        padding-left: 16px;
                    }

div.borderNav {
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #eaeaea;
    padding: 0 25px;
    min-height: 935px;
}

div.detailTab {
    background: #ffffff;
    padding-top: 0px;
}

div.page-loc {
    background: #f2f2f2;
}

    div.page-loc h3 {
        text-align: right;
        line-height: 62px;
        margin: 0px;
        padding: 0px;
        font-size: 14px;
    }

div.solutionxw .page-container {
    width: 1140px;
}

div.map {
    background: url(images/map.jpg) no-repeat right 20px;
    padding-top: 60px;
    margin-right: -50px;
    padding-bottom: 50px;
}

.aboutTab .page-container {
    width: 1273px;
}

p.addressInfo {
    padding: 50px 20px 40px;
}


.productSub, .solutionSub {
    background: #f6f6f7;
    position: absolute;
    display: none;
    top: 51px;
    z-index: 110;
    left: 0;
    width: 100%;
    height: 365px;
}

/*div.productSub {
    width: 1803px;
    height: 365px;
    display: inline-block;
    background: #f6f6f7;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -901px;
}*/
.solutionSub {
    display: none;
}

div.productSub ul.productNav, div.solutionSub div.solution-nav {
    margin: 0 auto;
    width: 880px;
}

    div.productSub ul.productNav a {
        width: auto;
    }

    div.productSub ul.productNav li.level-1 {
        display: inline-block;
        float: left;
        margin: 0px;
        padding: 0px;
        margin-right: 10px;
        height: 292px;
        padding-top: 28px;
        width: 183px;
        position: relative;
    }

        div.productSub ul.productNav li.level-1 a {
            border-bottom: medium none;
            padding-left: 0px;
        }

        div.productSub ul.productNav li.level-1 ul {
            margin: 0px;
            padding: 0px;
            display: inline-block;
        }

        div.productSub ul.productNav li.level-1 a.level-1 {
            color: #000000;
            font-size: 18px;
        }

            div.productSub ul.productNav li.level-1 a.level-1 font {
                line-height: 56px;
                border-bottom: #d8d8d8 solid 1px;
                padding-right: 47px;
                margin-bottom: 0px;
                display: inline-block;
                white-space: nowrap;
            }

            div.productSub ul.productNav li.level-1 a.level-1:hover {
                color: #d23333;
            }

        div.productSub ul.productNav li.level-1 ul li {
            text-align: left;
            display: inline-block;
            clear: both;
            width: 184px;
            height: 35px;
        }

            div.productSub ul.productNav li.level-1 ul li a {
                color: #666666;
                font-size: 14px;
                text-align: left;
                display: inline-block;
                line-height: 35px;
                text-indent: 35px;
                width: 184px;
                height: 35px;
            }

                div.productSub ul.productNav li.level-1 ul li a:hover {
                    color: #ffffff;
                    background: #d23333;
                    font-size: 14px;
                    text-align: left;
                }

div.solutionSub {
    padding-top: 47px;
}

    div.solutionSub ul.hangye li.level-1 {
        width: 152px;
        margin-right: 73px;
        text-align: left;
        height:210px;
    }

        div.solutionSub ul.hangye li.level-1 ul.sub li {
            width: 76px;
            display: inline;
            float: left;
            text-align: left;
        }
         div.solutionSub ul.hangye li.level-1 ul.sub li a{
           font-size:14px;
           height:28px;
            line-height:28px;

        }
         div.solutionSub ul li{
             line-height:28px;
         }
ul.businessNav{
    width:432px;
    text-align:left;
    margin-left:52px;
    font-family:微软雅黑
}
ul.businessNav li.level-1 {
    width:432px;
}
ul.businessNav li.level-1 ul.sub li.businessCate {
    text-align:left;
    width:216px;
    margin-bottom:20px;
}
ul.businessNav li.level-1 ul.sub li.businessCate a{
    text-indent:23px;
    font-size:18px;
    height:36px;
    line-height:100%;
  
}
ul.businessNav li.level-1 ul.sub li{
    display:inline;
    float:left;
}
ul.businessNav li.level-1 ul.sub li ul.businessSummary li {
    display: inline;
    float: left;
    font-size: 14px;
}

.news-area, .news-area .newsDetail {
    width: 1003px;
}

.newsDetail h3 {
    border-bottom: solid 2px #888888;
    font-size: 18px;
    text-indent: 28px;
    line-height: 38px;
}

    .newsDetail h3 span.right {
        font-size: 14px;
        cursor: pointer;
    }

ul.related {
    padding-bottom: 50px;
}

    ul.related li {
        background: url(http://www.top3c.com/Themes/Default/Styles/images/greyCircle.gif) 15px 15px no-repeat;
        color: #595a5c;
        font-size: 16px;
        line-height: 35px;
        padding-left: 29px;
    }

        ul.related li a {
            color: #595a5c;
        }

div.solutionSub div.solution-nav li a, div.solutionSub div.solution-nav li a:hover {
    border-bottom: medium none;
}

div.solutionSub div.solution-nav a.level-1 {
    font-size: 18px;
    height:36px;
    line-height:100%;
}

div.solutionSub div.solution-nav ul.hangye,
div.solutionSub div.solution-nav ul.businessNav {
    float: left;
}

div.solutionSub div.solution-nav ul.hangye {
    border-right: solid 1px #dddddd;
}

    div.solutionSub div.solution-nav ul.hangye li {
        display: block;
    }

h3.jjtit {
    font-size: 19px;
    color: #1b2435;
    line-height: 75px;
    text-indent: 7px;
    margin-bottom: 10px;
    border-bottom: solid 1px #e9e9e9;
    clear: both;
}

.join-txt {
    margin-top: 25px;
}

div.productSub ul.productNav {
    float: left;
    margin-left: 22%;
}