/* ABģ���� Www.AdminBuy.Cn */
/* QQ��9490489 */
/* ��վ��Fang.AdminBuy.Cn */
/* �زģ�Sc.AdminBuy.Cn */
@media (max-width: 991px) {
    .root .body .bg {
        background:#fafafa;
        max-width: 640px;
        margin: 0 auto
    }

    .root .body .container-warp {
        background-color: #fff
    }

    .root .body .container-warp .tabs {
        background-color: #186ce0;
        height: 35px;
        overflow: hidden
    }

    .root .body .container-warp .tabs .tabs-wrap {
        margin: 0 auto
    }

    .root .body .container-warp .tabs .tabs-wrap dl {
        margin: 0
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-title {
        display: none
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item {
        margin: 0
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a {
        display: inline-block;
        padding: 0 9px;
        color: #fff;
        height: 100%;
        line-height: 35px;
        text-decoration: none
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a.tab-active,.root .body .container-warp .tabs .tabs-wrap .tab-item a:hover {
        background-color: #00439f;
        color: #fff
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a.tab-active i,.root .body .container-warp .tabs .tabs-wrap .tab-item a:hover i {
        color: #fff
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item i {
        font-weight: normal;
        color: #9a9a9a;
        width: 20px;
        display: none
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-image {
        margin-top: 15px;
        width: 100%;
        display: none
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-image img {
        height: 75px;
        width: 100%
    }

    .root .body .container-warp .content {
        float: right;
        min-height: 60px;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap {
        width: 100%;
        margin: 0 auto;
        padding: 15px 10px
    }

    .root .body .container-warp .content .content-wrap .crumbs {
        float: right;
        margin-top: -39px;
        display: none
    }

    .root .body .container-warp .content .content-wrap .crumbs b {
        color: #888
    }

    .root .body .container-warp .content .content-wrap .crumbs span {
        color: #888;
        position: relative;
        margin-right: 15px
    }

    .root .body .container-warp .content .content-wrap .crumbs span:last-child {
        color: #888;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .crumbs span:last-child:after {
        display: none;
        height: 0;
        width: 0;
        background: none
    }

    .root .body .container-warp .content .content-wrap .crumbs span:after {
        content: "";
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAMklEQVQYV2NctWrVfwYGBoawsDBGEA0DYA42SbgqdEkU7ciSKBLIxhLWgdUOrK7C5Q8AkygjB3R7p2AAAAAASUVORK5CYII=") center no-repeat;
        display: inline-block;
        height: 10px;
        width: 15px;
        position: absolute;
        left: 100%;
        top: 3px
    }

    .root .body .container-warp .content .content-wrap .crumbs a {
        color: #888;
        position: relative;
        margin-right: 15px
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:hover {
        color: #05c1f1
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:last-child {
        color: #888;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:last-child:after {
        display: none;
        height: 0;
        width: 0;
        background: none
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:after {
        content: "";
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAMklEQVQYV2NctWrVfwYGBoawsDBGEA0DYA42SbgqdEkU7ciSKBLIxhLWgdUOrK7C5Q8AkygjB3R7p2AAAAAASUVORK5CYII=") center no-repeat;
        display: inline-block;
        height: 10px;
        width: 15px;
        position: absolute;
        left: 100%;
        top: 3px
    }

    .root .body .container-warp .content .content-wrap .tit {
        height: 43px;
        border-bottom: 3px solid #ddd;
        margin-bottom: 5px;
        text-align: left
    }

    .root .body .container-warp .content .content-wrap .tit .zh {
        font-size: 17px;
        font-weight: 700;
        color: #333;
        line-height: 30px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: bottom
    }

    .root .body .container-warp .content .content-wrap .tit .en {
        color: #888;
        font-size: 12px;
        display: inline-block;
        vertical-align: bottom
    }

    .root .body .container-warp .content .content-wrap .content-main {
        padding: 7px 0;
        font-size: 14px;
        color: #333;
        line-height: 30px;
        border-top: none
    }

    .root .body .container-warp .content .content-wrap .content-main video {
        width: 100% !important;
        height: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .au-video #my-video {
        width: 100% !important;
        height: 260px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit {
        width: 100%;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download {
        padding-top: 20px;
        border-top: 1px #ddd dashed;
        margin: 0;
        list-style: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div {
        display: flex;
        justify-content: space-between
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a {
        display: flex;
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div span {
        color: #08c;
        display: flex;
        flex: 8
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1) {
        flex: 2;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1) div img {
        width: 114px;
        height: 126px;
        display: none;
        position: absolute;
        top: -126px;
        left: -20px;
        cursor: default
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1):hover div img {
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(2) {
        flex: 2;
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list {
        display: flex;
        padding: 20px 0 20px 0;
        border-bottom: 1px #ddd dashed
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(1) {
        display: flex;
        height: 100px;
        align-items: center;
        align-content: center;
        padding: 10px 20px;
        background: #f2f2f2;
        flex-direction: column;
        color: #888888
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(1) strong {
        font-size: 22px;
        margin-top: 10px;
        color: #888888
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) {
        flex: 10;
        flex-direction: column;
        display: flex
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) a {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) p {
        font-size: 14px;
        line-height: 21px;
        color: #888888;
        margin: 0 20px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list:nth-last-of-type(1) {
        border-bottom: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination {
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a {
        display: inline-block;
        border: 1px solid #ddd;
        color: #333;
        height: 30px;
        line-height: 30px;
        padding: 0 7px;
        min-width: 30px;
        text-align: center;
        font-size: 14px;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a.active,.root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a:hover {
        border: 1px solid #186ce0;
        color: #186ce0
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit table {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main img {
        width: 100%;
        margin: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta {
        border-bottom: 1px #ddd dashed;
        margin-bottom: 25px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta h4 {
        font-size: 16px;
        margin: 0;
        padding: 0 0 5px 0;
        color: #444;
        line-height: 30px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info {
        text-align: center;
        font-size: 14px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info > span.view {
        display: inline-block;
        width: 155px;
        vertical-align: middle;
        padding-left: 23px;
        text-align: left;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAACF0lEQVQ4T22SPWgUURSFvzsxQ9DGBQV3EQRRLETRQm0sFAlJkUYRFYRoip03S7AwEn8QZBFT+QMiYffNhEXFVMEoiIqIGlEUYiP+BKJYKVlIIdpEl+y8KxOyYY3e7p137+Hcc67wn6pUKitnZ2ePish+Vd0I1IBJ4I5z7kahUJhePCbNQLFYXJLL5fpV9QzwUkSGgbdpj3Nuq4gcBnYCA9Vq9VKxWKw35heI4jhenSTJiIgsU1UThuHroaGhdUmSdIvIGlV9BVREZJuqRsBPz/MO5vP5bynZHFEURVtU9QFw3/f9Yz09Pb+ttTuAx8Ao8Bk4JCLVqampzmw22waUgT1ApzHmvVhrNwHPVfVKGIYXGlKttS9U9VEDs9YuBT6q6okwDEdVNZ0dEJEA2J0+3gDfjTEdzX5Za3+ISHsQBOn/XFlrh0VkMgiC8w2sXC4/EZFMQ9GYiFxtbrDWjgMjxpiL8ySpog/AKWPMyDzWD5wVkV1zHsVxvNk59xB46vt+PvUoiqIOVb0L3AS+AN3AdCaTaZ+YmJBcLndNVQ+oalcazF+pqeptVW1zzuULhcJ4qVTa7nnecWAFMOb7/uVarbZWRGJguYjsDYLg00JqjX3TO8pmsyeB08Az4FaSJO9aW1s959yGNDmgS1VLMzMz5/r6+n79c0fNRg8ODq5qaWk54nnePlVdD+j8evfq9fr13t7er4sv+w+D1e6bJilusAAAAABJRU5ErkJggg==") no-repeat center left
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info > span.time {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABaUlEQVQ4T42SvUsDQRDF32xypY3fYqX/hoWFYOUHChZifZkcXBobxc5KsLCQS24vgXRipUW0S6WgWNpZpgoiKhaWCxnZcCuXMwG3mduZ/e3NvnmEzEqSZFJE9oloDcBYWvoWkVsiOmPmD3ec3IfWepuITgFESqlL3/ffbK3RaMz0er1dACERHZRKpSub74P1en1LRI4AbDDzq83FcTxvYxAEXRuTJJkD0BKRk3K5fE22PQCPAJYdlB4MbGTm2HWVwnee5y2R1vqYiN6ZOcq99w9o61rrCoA5+8dnY8xKGIaf/wHTN7ct2GHmhSyUaXVVRJ7svlAotHzff0lrXQt2mbkvRHbVarVFpdSOy+XAzshW8xe5fRzH00qp9khxRoG/4jSbzSljzEN+HMPAarU6WywW7/vjSCW2rjkEsJmdZU7lQQMMsdy5MebCjSeKognP8/YAVOzlA5bLOMOZfB3AOAAB8CUiN3mT/wBtlbkcu32t+wAAAABJRU5ErkJggg==") no-repeat center left;
        padding-left: 23px;
        text-align: left;
        display: inline-block;
        vertical-align: middle
    }

    .root .body .container-warp .content .content-wrap .content-main .next-prev-single {
        padding: 10px 0;
        color: #999999;
        font-size: 14px;
        overflow: hidden;
        margin-top: 50px
    }

    .root .body .container-warp .content .content-wrap .content-main .next-prev-single p {
        width: 49%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li {
        padding: 5px 0;
        border-bottom: 1px #ddd dashed
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li:hover {
        background-color: #f0f0f0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li:hover .news-item .news-summary .news-i-t {
        color: #84bf25
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li a {
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item {
        position: relative;
        padding-left: 115px
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-image {
        width: 106px;
        height: 75px;
        position: absolute;
        overflow: hidden;
        left: 0;
        top: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-image img {
        height: 100%;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary {
        position: relative;
        width: 100%;
        min-height: 75px
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-t {
        font-size: 14px;
        margin: 0 0 5px 0;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-s {
        font-size: 12px;
        color: #333;
        line-height: 16px;
        height: 50px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-time {
        position: absolute;
        display: none;
        top: 0;
        right: 0;
        font-size: 14px;
        color: #999999
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination {
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a {
        display: inline-block;
        border: 1px solid #ddd;
        color: #333;
        height: 30px;
        line-height: 30px;
        padding: 0 7px;
        min-width: 30px;
        text-align: center;
        font-size: 14px;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a.active,.root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a:hover {
        border: 1px solid #186ce0;
        color: #186ce0
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search {
        background-color: #f7f7f7;
        padding: 15px;
        margin-bottom: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .joinus-form {
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .joinus-input-box {
        float: left;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input {
        float: left;
        padding-left: 70px;
        width: 100%;
        position: relative;
        margin-right: 15px;
        margin-bottom: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input span {
        color: #333;
        position: absolute;
        left: 0;
        top: 0;
        width: 65px;
        height: 100%;
        text-align: justify;
        text-justify: distribute-all-lines;
        text-align-last: justify;
        -moz-text-align-last: justify;
        -webkit-text-align-last: justify
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input input {
        border-radius: 0;
        display: block;
        padding: 0 5px;
        height: 30px;
        margin: 0;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input select {
        vertical-align: middle;
        border-radius: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-btn {
        border: none;
        background-color: #4069c5;
        display: block;
        height: 35px;
        width: 100%;
        font-size: 16px;
        color: #fff
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-btn:hover {
        background-color: #114CC5
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title {
        display: none
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td {
        float: left;
        text-align: center;
        background-color: #efefef;
        height: 48px;
        line-height: 45px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-4,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-5 {
        width: 110px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-1 {
        width: 120px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-3 {
        width: 370px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body {
        margin-top: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item {
        display: block;
        color: #000;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-top: -1px;
        position: relative;
        padding: 7px 95px 7px 7px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item:after {
        clear: both;
        content: '';
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item:hover {
        background-color: #f2fff2;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item a {
        color: inherit;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 100%;
        width: 100%;
        outline: none;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #666666;
        line-height: normal
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-1 {
        font-size: 16px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-2 {
        font-size: 14px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-3 {
        font-size: 12px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-4 {
        position: absolute;
        top: 7px;
        right: 7px;
        font-size: 16px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-5 {
        color: #999999;
        position: absolute;
        bottom: 7px;
        right: 7px;
        font-size: 12px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-1,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-3 {
        color: #4069c5
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-4 {
        color: #3b9229
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu {
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item {
        border: 1px solid #ddd;
        float: left;
        width: 50%;
        height: 270px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        cursor: pointer
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item:nth-of-type(1) {
        width: 100%;
        height: 270px;
        border-bottom: none
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item:nth-of-type(2) {
        border-right: none
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .cuu-image {
        height: 130px;
        padding-top: 45px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .cuu-image img {
        width: 65px
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .cuu-tit {
        font-size: 20px;
        margin-bottom: 15px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .conc {
        font-size: 14px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-map {
        width: 100%;
        height: 420px;
        border: 1px solid #ddd;
        border-top: none
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-map img {
        width: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list.border-top {
        border-top: 1px #ddd dashed;
        padding-top: 15px;
        margin-top: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a {
        text-decoration: none;
        border: 3px solid transparent;
        padding: 3px;
        display: block;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a:hover {
        border: 3px solid #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a:hover .summary .pl-tit {
        color: #3871c1
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .image {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .image img {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .summary .pl-tit {
        text-align: center;
        font-size: 14px;
        color: #666;
        line-height: 18px;
        margin: 5px 0
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .summary .pl-ve {
        font-size: 12px;
        color: #999;
        line-height: 18px;
        height: 53px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -ms-line-clamp: 3;
        -o-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList {
        width: 100%;
        margin: 35px auto 0 auto;
        background: url(../images/bg_his_arrowup.gif) no-repeat 0 0;
        padding: 25px 0 0 0;
        overflow: hidden;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisList {
        width: 100%;
        background: url(../images/bg_ruler.gif) repeat-y 0 0;
        padding: 10px 0 0 0;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisListCon {
        width: 100%;
        background: url(../images/bg_his_ruler_bot.gif) no-repeat 0 bottom;
        height: auto;
        padding-bottom: 85px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisListCon img {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisListCon h1 {
        background: none !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisYear {
        width: 100%;
        padding: 15px 0 0 0;
        margin-bottom: 28px;
        background-color: transparent !important;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisYear h2 {
        font-family: Arial;
        color: #999999;
        font-size: 30px;
        padding-left: 55px;
        background: url(../images/bg_ruler_year.gif) no-repeat -16px center;
        background-color: transparent !important;
        border-bottom: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConBox {
        width: 100%;
        padding: 5px 0 0 55px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConInf {
        width: 100%;
        overflow: hidden;
        border: 1px solid #ddd;
        box-shadow: none
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConText {
        width: 100%;
        padding: 0;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine {
        width: 100%;
        padding: 7px;
        background: url(../images/bg_dot_line.gif) repeat-x bottom;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine span {
        display: block;
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine span img {
        width: 100%;
        height: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl {
        width: 100%;
        overflow: hidden;
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl dt {
        font-weight: bold;
        margin: 0 0 5px 0;
        color: #333
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl dd {
        line-height: 22px;
        margin: 0;
        color: #666
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine:hover,.root .body .container-warp .content .content-wrap .content-main .historyList .hctHover {
        background-color: #f0f0f0 !important;
        color: #666 !important;
        cursor: pointer
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine:hover dl dt,.root .body .container-warp .content .content-wrap .content-main .historyList .hctHover dt {
        color: #84bf25 !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorTips {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorTips1 {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList {
        width: 828px;
        margin: 30px auto 0 auto;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li {
        width: 230px;
        height: 246px;
        border: #dbdada 1px solid;
        padding: 9px;
        float: left;
        display: inline;
        margin: 0 13px 26px 13px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li.hover {
        background: #d7000e !important;
        color: #FFF !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li span {
        display: block;
        width: 230px;
        height: 146px;
        border-bottom: #dbdada 1px solid;
        background: #FFF
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li h3 {
        line-height: 22px;
        padding: 10px 0 0 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .loveTips {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .boxImg {
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: normal
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .noBg {
        background: none
    }
}

@media (min-width: 992px) {
    .left_con{width:100%;}
.left_con h3{width:100%; height:30px; color:#FFFFFF; line-height:30px; background-size:100% 100%; font-size:16px; font-weight:normal;}
.left_nav h3{background-image:url(../img/25.jpg); padding-left:5px;}
.left_nav dl{margin-top:5px; width:100%;}
.left_nav dl dt{margin-top:.04rem; width:100%; height:40px; background:#15478d; color:#FFFFFF; line-height:40px; font-size:16px; padding-left:15px; position:relative; cursor:pointer;transition:all .3s;border-bottom:1px dashed #dcdcdc;}
.left_nav dl dt a{color:white}
.left_nav dl dt i{display:block; position:absolute; width:.075rem; height:.075rem; top:0; bottom:0; margin:auto 0; background-image:url(../img/26.png); background-size:100% 100%; right:.1rem;}
.left_nav dl dt#open,.left_nav dl dt:hover{background:#004098;}
.left_nav dl dt#open i{background-image:url(../img/27.png);}
.left_nav dl dd{margin:0; border:1px solid #aaaaaa; display:none;}
    .left_nav dl ul{margin:0 0 0px 25px}
.left_nav dl dd li{padding:0 .15rem; position:relative;}
.left_nav dl dd a{display:block; border-bottom:1px dashed #dcdcdc; font-size:14px; line-height:30px; color:#616161;transition:all .3s;}
.left_nav dl dd li:hover a{color:#004098;}
.left_nav dl dd li:hover:after{content:""; display:block; position:absolute; width:.01rem; height:.08rem; background:#004098; border-radius:.005rem; left:0; top:0; bottom:0; margin:auto 0;}
.left_cont h3{background-image:url(../img/30.jpg); text-align:center; margin-top:.15rem;}
.left_cont_c{border:1px solid #aaaaaa; font-size:.08rem; line-height:.15rem; color:#4b4b4b; padding:.05rem .07rem .16rem .07rem;}
.left_cont_c span{color:#004098;}
    .root .body .bg {
        background:#fafafa url("../images/products.png") no-repeat center top;
        padding-top: 200px;
        padding-bottom: 60px
    }

    .root .body .container-warp {
        background-color: #fff
    }

    .root .body .container-warp .tabs {
        width: 220px;
        min-height: 60px;
        float: left;
        background-color: #f7f7f7
    }

    .root .body .container-warp .tabs .tabs-wrap {
        width: 220px;
        margin: 0 auto;
        padding: 15px 0 0 0
    }

    .root .body .container-warp .tabs .tabs-wrap dl {
        margin: 0
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-title {
        height: 45px;
        line-height: 45px;
        border-bottom: 3px solid #ddd;
        margin-bottom: 5px;
        width: 100%
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-title .zh {
        font-size: 16px;
        padding: 0 10px 0 15px
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-title .en {
        font-weight: normal;
        font-size: 14px;
        color: #84bf25
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item {
        margin: 0;
        width: 100%
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item:nth-of-type(1) {
        border-top: 1px solid #ddd
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a {
        display: block;
        padding-left: 50px;
        height: 47px;
        line-height: 47px;
        color: #333333;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
        text-decoration: none;
        font-weight: bold
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a.tab-active,.root .body .container-warp .tabs .tabs-wrap .tab-item a:hover {
        background-color: #84bf25;
        color: #fff
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a.tab-active i,.root .body .container-warp .tabs .tabs-wrap .tab-item a:hover i {
        color: #fff
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item i {
        display: inline-block;
        font-weight: normal;
        color: #9a9a9a;
        width: 20px
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-image {
        margin-top: 15px;
        width: 100%
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-image img {
        height: 75px;
        width: 100%
    }

    .root .body .container-warp .content {
        float: right;
        min-height: 60px;
        width: 770px
    }

    .root .body .container-warp .content .content-wrap {
        width: 730px;
        margin: 0 auto;
        padding: 15px 0
    }

    .root .body .container-warp .content .content-wrap .crumbs {
        float: right;
        margin-top: -39px
    }

    .root .body .container-warp .content .content-wrap .crumbs b {
        color: #888
    }

    .root .body .container-warp .content .content-wrap .crumbs span {
        color: #888;
        position: relative;
        margin-right: 15px
    }

    .root .body .container-warp .content .content-wrap .crumbs span:last-child {
        color: #888;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .crumbs span:last-child:after {
        display: none;
        height: 0;
        width: 0;
        background: none
    }

    .root .body .container-warp .content .content-wrap .crumbs span:after {
        content: "";
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAMklEQVQYV2NctWrVfwYGBoawsDBGEA0DYA42SbgqdEkU7ciSKBLIxhLWgdUOrK7C5Q8AkygjB3R7p2AAAAAASUVORK5CYII=") center no-repeat;
        display: inline-block;
        height: 10px;
        width: 15px;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -5px
    }

    .root .body .container-warp .content .content-wrap .crumbs a {
        color: #888;
        position: relative;
        margin-right: 15px
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:hover {
        color: #05c1f1
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:last-child {
        color: #888;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:last-child:after {
        display: none;
        height: 0;
        width: 0;
        background: none
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:after {
        content: "";
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAMklEQVQYV2NctWrVfwYGBoawsDBGEA0DYA42SbgqdEkU7ciSKBLIxhLWgdUOrK7C5Q8AkygjB3R7p2AAAAAASUVORK5CYII=") center no-repeat;
        display: inline-block;
        height: 10px;
        width: 15px;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -5px
    }

    .root .body .container-warp .content .content-wrap .tit {
        height: 43px;
        border-bottom: 3px solid #ddd;
        margin-bottom: 5px;
        text-align: left
    }

    .root .body .container-warp .content .content-wrap .tit .zh {
        font-size: 22px;
        font-weight: 700;
        color: #333;
        line-height: 30px;
        display: inline-block;
        margin-right: 13px;
        vertical-align: bottom
    }

    .root .body .container-warp .content .content-wrap .tit .en {
        color: #888;
        font-size: 17px;
        display: inline-block;
        vertical-align: bottom
    }

    .root .body .container-warp .content .content-wrap .content-main {
        padding: 25px 0;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        border-top: 1px solid #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .au-video #my-video {
        width: 100% !important;
        height: 460px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit {
        width: 100%;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download {
        padding-top: 20px;
        border-top: 1px #ddd dashed;
        margin: 0;
        list-style: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div {
        display: flex;
        justify-content: space-between
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a {
        display: flex;
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div span {
        color: #08c;
        display: flex;
        flex: 8
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1) {
        flex: 2;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1) div img {
        width: 114px;
        height: 126px;
        display: none;
        position: absolute;
        top: -126px;
        left: -20px;
        cursor: default
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1):hover div img {
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(2) {
        flex: 2;
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list {
        display: flex;
        padding: 20px 0 20px 0;
        border-bottom: 1px #ddd dashed
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(1) {
        display: flex;
        height: 100px;
        align-items: center;
        align-content: center;
        padding: 10px 20px;
        background: #f2f2f2;
        flex-direction: column;
        color: #888888
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(1) strong {
        font-size: 22px;
        margin-top: 10px;
        color: #888888
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) {
        display: flex;
        flex: 10;
        flex-direction: column
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) a {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) p {
        font-size: 14px;
        line-height: 21px;
        color: #888888;
        margin: 0 20px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list:nth-last-of-type(1) {
        border-bottom: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination {
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a {
        display: inline-block;
        border: 1px solid #ddd;
        color: #333;
        height: 30px;
        line-height: 30px;
        padding: 0 7px;
        min-width: 30px;
        text-align: center;
        font-size: 14px;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a.active,.root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a:hover {
        border: 1px solid #186ce0;
        color: #186ce0
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit video {
        display: block;
        margin: 0 auto
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit table {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main img {
        max-width: 730px;
        margin: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta {
        border-bottom: 1px #ddd dashed;
        margin-bottom: 25px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta h4 {
        font-size: 16px;
        margin: 0;
        padding: 0 0 5px 0;
        color: #444;
        line-height: 30px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info {
        text-align: center;
        font-size: 14px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info > span.view {
        display: inline-block;
        width: 155px;
        vertical-align: middle;
        padding-left: 23px;
        text-align: left;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAACF0lEQVQ4T22SPWgUURSFvzsxQ9DGBQV3EQRRLETRQm0sFAlJkUYRFYRoip03S7AwEn8QZBFT+QMiYffNhEXFVMEoiIqIGlEUYiP+BKJYKVlIIdpEl+y8KxOyYY3e7p137+Hcc67wn6pUKitnZ2ePish+Vd0I1IBJ4I5z7kahUJhePCbNQLFYXJLL5fpV9QzwUkSGgbdpj3Nuq4gcBnYCA9Vq9VKxWKw35heI4jhenSTJiIgsU1UThuHroaGhdUmSdIvIGlV9BVREZJuqRsBPz/MO5vP5bynZHFEURVtU9QFw3/f9Yz09Pb+ttTuAx8Ao8Bk4JCLVqampzmw22waUgT1ApzHmvVhrNwHPVfVKGIYXGlKttS9U9VEDs9YuBT6q6okwDEdVNZ0dEJEA2J0+3gDfjTEdzX5Za3+ISHsQBOn/XFlrh0VkMgiC8w2sXC4/EZFMQ9GYiFxtbrDWjgMjxpiL8ySpog/AKWPMyDzWD5wVkV1zHsVxvNk59xB46vt+PvUoiqIOVb0L3AS+AN3AdCaTaZ+YmJBcLndNVQ+oalcazF+pqeptVW1zzuULhcJ4qVTa7nnecWAFMOb7/uVarbZWRGJguYjsDYLg00JqjX3TO8pmsyeB08Az4FaSJO9aW1s959yGNDmgS1VLMzMz5/r6+n79c0fNRg8ODq5qaWk54nnePlVdD+j8evfq9fr13t7er4sv+w+D1e6bJilusAAAAABJRU5ErkJggg==") no-repeat center left
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info > span.time {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABaUlEQVQ4T42SvUsDQRDF32xypY3fYqX/hoWFYOUHChZifZkcXBobxc5KsLCQS24vgXRipUW0S6WgWNpZpgoiKhaWCxnZcCuXMwG3mduZ/e3NvnmEzEqSZFJE9oloDcBYWvoWkVsiOmPmD3ec3IfWepuITgFESqlL3/ffbK3RaMz0er1dACERHZRKpSub74P1en1LRI4AbDDzq83FcTxvYxAEXRuTJJkD0BKRk3K5fE22PQCPAJYdlB4MbGTm2HWVwnee5y2R1vqYiN6ZOcq99w9o61rrCoA5+8dnY8xKGIaf/wHTN7ct2GHmhSyUaXVVRJ7svlAotHzff0lrXQt2mbkvRHbVarVFpdSOy+XAzshW8xe5fRzH00qp9khxRoG/4jSbzSljzEN+HMPAarU6WywW7/vjSCW2rjkEsJmdZU7lQQMMsdy5MebCjSeKognP8/YAVOzlA5bLOMOZfB3AOAAB8CUiN3mT/wBtlbkcu32t+wAAAABJRU5ErkJggg==") no-repeat center left;
        padding-left: 23px;
        text-align: left;
        display: inline-block;
        vertical-align: middle
    }

    .root .body .container-warp .content .content-wrap .content-main .next-prev-single {
        padding: 10px 0;
        color: #999999;
        font-size: 14px;
        overflow: hidden;
        margin-top: 50px
    }

    .root .body .container-warp .content .content-wrap .content-main .next-prev-single p {
        width: 49%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li {
        padding: 15px 0;
        border-bottom: 1px #ddd dashed
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li:hover {
        background-color: #f0f0f0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li:hover .news-item .news-summary .news-i-t {
        color: #84bf25
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li a {
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-image {
        width: 136px;
        height: 90px
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-image img {
        height: 100%;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary {
        width: 570px;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-t {
        font-size: 16px;
        margin: 0 0 15px 0;
        color: #333;
        padding-right: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-s {
        font-size: 14px;
        color: #333;
        line-height: 26px;
        height: 50px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-time {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        color: #999999
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination {
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a {
        display: inline-block;
        border: 1px solid #ddd;
        color: #333;
        height: 30px;
        line-height: 30px;
        padding: 0 7px;
        min-width: 30px;
        text-align: center;
        font-size: 14px;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a.active,.root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a:hover {
        border: 1px solid #186ce0;
        color: #186ce0
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search {
        background-color: #f7f7f7;
        padding: 15px 15px 0 15px;
        margin-bottom: 30px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .joinus-form {
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .joinus-input-box {
        float: left;
        width: 83%
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input {
        float: left;
        padding-left: 80px;
        width: 275px;
        position: relative;
        margin-right: 15px;
        margin-bottom: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input span {
        color: #333;
        position: absolute;
        left: 0;
        top: 0;
        width: 65px;
        height: 100%;
        text-align: justify;
        text-justify: distribute-all-lines;
        text-align-last: justify;
        -moz-text-align-last: justify;
        -webkit-text-align-last: justify
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input input {
        border-radius: 0;
        display: block;
        padding: 0 5px;
        height: 30px;
        margin: 0;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input select {
        vertical-align: middle;
        border-radius: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-btn {
        border: none;
        background-color: #4069c5;
        display: block;
        height: 75px;
        width: 118px;
        font-size: 16px;
        color: #fff
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-btn:hover {
        background-color: #114CC5
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td {
        float: left;
        text-align: center;
        background-color: #efefef;
        height: 48px;
        line-height: 45px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-4,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-5 {
        width: 110px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-1 {
        width: 120px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-3 {
        width: 280px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body {
        margin-top: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item {
        display: block;
        color: #000;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-top: -1px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item a {
        color: inherit;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 100%;
        width: 100%;
        outline: none;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item:after {
        clear: both;
        content: '';
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item:hover {
        background-color: #f2fff2
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td {
        float: left;
        text-align: center;
        height: 48px;
        line-height: 45px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #666666
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-4,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-5 {
        width: 110px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-1 {
        width: 120px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-3 {
        width: 280px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-5 {
        color: #999999
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-1,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-3 {
        color: #4069c5
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-4 {
        color: #3b9229
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu {
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item {
        border: 1px solid #ddd;
        float: left;
        width: 33.333%;
        height: 270px;
        margin-bottom: 25px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        cursor: pointer
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item:nth-of-type(2) {
        border-right: 0;
        border-left: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .cuu-image {
        height: 130px;
        padding-top: 45px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .cuu-tit {
        font-size: 20px;
        margin-bottom: 15px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .conc {
        font-size: 14px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-map {
        width: 100%;
        height: 420px;
        border: 1px solid #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-map img {
        width: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list.border-top {
        border-top: 1px #ddd dashed;
        padding-top: 15px;
        margin-top: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a {
        margin-bottom: 15px;
        text-decoration: none;
        border: 3px solid transparent;
        padding: 20px;
        display: block;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a:hover {
        border: 3px solid #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a:hover .summary .pl-tit {
        color: #3871c1
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .image {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .image img {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .summary .pl-tit {
        text-align: center;
        font-size: 18px;
        color: #666;
        line-height: 30px;
        margin: 15px 0
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .summary .pl-ve {
        font-size: 14px;
        color: #999;
        line-height: 20px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList {
        width: 100%;
        margin: 35px auto 0 auto;
        background: url(../images/bg_his_arrowup.gif) no-repeat 88px 0;
        padding: 25px 0 0 0;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisList {
        width: 100%;
        background: url(../images/bg_ruler.gif) repeat-y 88px 0;
        padding: 10px 0 0 0;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisListCon {
        width: 100%;
        background: url(../images/bg_his_ruler_bot.gif) no-repeat 88px bottom;
        min-height: 115px;
        height: auto !important;
        height: 115px;
        padding-bottom: 85px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisListCon h1 {
        background: none !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisYear {
        width: 100%;
        padding: 15px 0 0 0;
        margin-bottom: 28px;
        background-color: transparent !important;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisYear h2 {
        display: inline-block;
        float: left;
        width: 135px;
        font-family: Arial;
        color: #999999;
        font-size: 30px;
        background: url(../images/bg_ruler_year.gif) no-repeat right center;
        background-color: transparent !important;
        border-bottom: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConBox {
        width: 580px;
        float: left;
        padding: 5px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConInf {
        width: 100%;
        overflow: hidden;
        border: 1px solid #ddd;
        box-shadow: 3px 4px 4px #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConText {
        width: 100%;
        padding: 5px;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine {
        width: 100%;
        padding: 16px 0 16px 2px;
        background: url(../images/bg_dot_line.gif) repeat-x bottom;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine span {
        display: block;
        float: left;
        width: 134px;
        height: 95px;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine span img {
        width: 134px;
        height: 95px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl {
        width: 400px;
        float: left;
        padding: 0 0 0 15px;
        overflow: hidden;
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl dt {
        font-weight: bold;
        margin: 0 0 5px 0;
        color: #333
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl dd {
        line-height: 22px;
        margin: 0;
        color: #666
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine:hover,.root .body .container-warp .content .content-wrap .content-main .historyList .hctHover {
        background-color: #f0f0f0 !important;
        color: #666 !important;
        cursor: pointer
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine:hover dl dt,.root .body .container-warp .content .content-wrap .content-main .historyList .hctHover dt {
        color: #84bf25 !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorTips {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorTips1 {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList {
        width: 828px;
        margin: 30px auto 0 auto;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li {
        width: 230px;
        height: 246px;
        border: #dbdada 1px solid;
        padding: 9px;
        float: left;
        display: inline;
        margin: 0 13px 26px 13px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li.hover {
        background: #d7000e !important;
        color: #FFF !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li span {
        display: block;
        width: 230px;
        height: 146px;
        border-bottom: #dbdada 1px solid;
        background: #FFF
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li h3 {
        line-height: 22px;
        padding: 10px 0 0 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .loveTips {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .boxImg {
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: normal
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .noBg {
        background: none
    }
}

@media (min-width: 1200px) {
    .root .body .bg {
        background:#fafafa url("../images/products.png") no-repeat center top;
        padding-top: 200px;
        padding-bottom: 60px
    }

    .root .body .container-warp {
        background-color: #fff
    }

    .root .body .container-warp .tabs {
        width: 260px;
        min-height: 60px;
        float: left;
        background-color: #f7f7f7
    }

    .root .body .container-warp .tabs .tabs-wrap {
        width: 220px;
        margin: 0 auto;
        padding: 15px 0
    }

    .root .body .container-warp .tabs .tabs-wrap dl {
        margin: 0
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-title {
        height: 45px;
        line-height: 45px;
        border-bottom: 3px solid #ddd;
        margin-bottom: 5px;
        width: 100%
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-title .zh {
        font-size: 16px;
        padding: 0 10px 0 15px
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-title .en {
        font-weight: normal;
        font-size: 14px;
        color: #84bf25
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item {
        margin: 0;
        width: 100%
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item:nth-of-type(1) {
        border-top: 1px solid #ddd
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a {
        display: block;
        padding-left: 50px;
        height: 47px;
        line-height: 47px;
        color: #333333;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
        text-decoration: none;
        font-weight: bold
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a.tab-active,.root .body .container-warp .tabs .tabs-wrap .tab-item a:hover {
        background-color: #84bf25;
        color: #fff
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item a.tab-active i,.root .body .container-warp .tabs .tabs-wrap .tab-item a:hover i {
        color: #fff
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-item i {
        display: inline-block;
        font-weight: normal;
        color: #9a9a9a;
        width: 20px
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-image {
        margin-top: 15px;
        width: 100%
    }

    .root .body .container-warp .tabs .tabs-wrap .tab-image img {
        height: 75px;
        width: 100%
    }

    .root .body .container-warp .content {
        float: right;
        min-height: 60px;
        width: 940px
    }

    .root .body .container-warp .content .content-wrap {
        width: 820px;
        margin: 0 auto;
        padding: 15px 0
    }

    .root .body .container-warp .content .content-wrap .crumbs {
        float: right;
        margin-top: -39px
    }

    .root .body .container-warp .content .content-wrap .crumbs b {
        color: #888
    }

    .root .body .container-warp .content .content-wrap .crumbs span {
        color: #888;
        position: relative;
        margin-right: 15px
    }

    .root .body .container-warp .content .content-wrap .crumbs span:last-child {
        color: #888;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .crumbs span:last-child:after {
        display: none;
        height: 0;
        width: 0;
        background: none
    }

    .root .body .container-warp .content .content-wrap .crumbs span:after {
        content: "";
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAMklEQVQYV2NctWrVfwYGBoawsDBGEA0DYA42SbgqdEkU7ciSKBLIxhLWgdUOrK7C5Q8AkygjB3R7p2AAAAAASUVORK5CYII=") center no-repeat;
        display: inline-block;
        height: 10px;
        width: 15px;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -5px
    }

    .root .body .container-warp .content .content-wrap .crumbs a {
        color: #888;
        position: relative;
        margin-right: 15px
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:hover {
        color: #05c1f1
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:last-child {
        color: #888;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:last-child:after {
        display: none;
        height: 0;
        width: 0;
        background: none
    }

    .root .body .container-warp .content .content-wrap .crumbs > a:after {
        content: "";
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAMklEQVQYV2NctWrVfwYGBoawsDBGEA0DYA42SbgqdEkU7ciSKBLIxhLWgdUOrK7C5Q8AkygjB3R7p2AAAAAASUVORK5CYII=") center no-repeat;
        display: inline-block;
        height: 10px;
        width: 15px;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -5px
    }

    .root .body .container-warp .content .content-wrap .tit {
        height: 43px;
        border-bottom: 3px solid #ddd;
        margin-bottom: 5px;
        text-align: left
    }

    .root .body .container-warp .content .content-wrap .tit .zh {
        font-size: 22px;
        font-weight: 700;
        color: #333;
        line-height: 30px;
        display: inline-block;
        margin-right: 13px;
        vertical-align: bottom
    }

    .root .body .container-warp .content .content-wrap .tit .en {
        color: #888;
        font-size: 17px;
        display: inline-block;
        vertical-align: bottom
    }

    .root .body .container-warp .content .content-wrap .content-main {
        padding: 25px 0;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        border-top: 1px solid #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .au-video #my-video {
        width: 100% !important;
        height: 460px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit {
        width: 100%;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download {
        padding-top: 20px;
        border-top: 1px #ddd dashed;
        margin: 0;
        list-style: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div {
        display: flex;
        justify-content: space-between
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a {
        display: flex;
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div span {
        color: #08c;
        display: flex;
        flex: 8
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1) {
        flex: 2;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1) div img {
        width: 114px;
        height: 126px;
        display: none;
        position: absolute;
        top: -126px;
        left: -20px;
        cursor: default
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(1):hover div img {
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .doc-download div a:nth-last-of-type(2) {
        flex: 2;
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list {
        display: flex;
        padding: 20px 0 20px 0;
        border-bottom: 1px #ddd dashed
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(1) {
        display: flex;
        height: 100px;
        align-items: center;
        align-content: center;
        padding: 10px 20px;
        background: #f2f2f2;
        flex-direction: column;
        color: #888888
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(1) strong {
        font-size: 22px;
        margin-top: 10px;
        color: #888888
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) {
        display: flex;
        flex: 10;
        flex-direction: column
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) a {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list div:nth-of-type(2) p {
        font-size: 14px;
        line-height: 21px;
        color: #888888;
        margin: 0 20px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .recruitment-news .recruitment-news-list:nth-last-of-type(1) {
        border-bottom: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination {
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a {
        display: inline-block;
        border: 1px solid #ddd;
        color: #333;
        height: 30px;
        line-height: 30px;
        padding: 0 7px;
        min-width: 30px;
        text-align: center;
        font-size: 14px;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a.active,.root .body .container-warp .content .content-wrap .content-main .content-limit .pagination a:hover {
        border: 1px solid #186ce0;
        color: #186ce0
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit video {
        margin: 0 auto;
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .content-limit table {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main img {
        max-width: 820px;
        margin: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta {
        border-bottom: 1px #ddd dashed;
        margin-bottom: 25px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta h4 {
        font-size: 16px;
        margin: 0;
        padding: 0 0 5px 0;
        color: #444;
        line-height: 30px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info {
        text-align: center;
        font-size: 14px
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info > span.view {
        display: inline-block;
        width: 155px;
        vertical-align: middle;
        padding-left: 23px;
        text-align: left;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAACF0lEQVQ4T22SPWgUURSFvzsxQ9DGBQV3EQRRLETRQm0sFAlJkUYRFYRoip03S7AwEn8QZBFT+QMiYffNhEXFVMEoiIqIGlEUYiP+BKJYKVlIIdpEl+y8KxOyYY3e7p137+Hcc67wn6pUKitnZ2ePish+Vd0I1IBJ4I5z7kahUJhePCbNQLFYXJLL5fpV9QzwUkSGgbdpj3Nuq4gcBnYCA9Vq9VKxWKw35heI4jhenSTJiIgsU1UThuHroaGhdUmSdIvIGlV9BVREZJuqRsBPz/MO5vP5bynZHFEURVtU9QFw3/f9Yz09Pb+ttTuAx8Ao8Bk4JCLVqampzmw22waUgT1ApzHmvVhrNwHPVfVKGIYXGlKttS9U9VEDs9YuBT6q6okwDEdVNZ0dEJEA2J0+3gDfjTEdzX5Za3+ISHsQBOn/XFlrh0VkMgiC8w2sXC4/EZFMQ9GYiFxtbrDWjgMjxpiL8ySpog/AKWPMyDzWD5wVkV1zHsVxvNk59xB46vt+PvUoiqIOVb0L3AS+AN3AdCaTaZ+YmJBcLndNVQ+oalcazF+pqeptVW1zzuULhcJ4qVTa7nnecWAFMOb7/uVarbZWRGJguYjsDYLg00JqjX3TO8pmsyeB08Az4FaSJO9aW1s959yGNDmgS1VLMzMz5/r6+n79c0fNRg8ODq5qaWk54nnePlVdD+j8evfq9fr13t7er4sv+w+D1e6bJilusAAAAABJRU5ErkJggg==") no-repeat center left
    }

    .root .body .container-warp .content .content-wrap .content-main .content-meta .meta-info > span.time {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABaUlEQVQ4T42SvUsDQRDF32xypY3fYqX/hoWFYOUHChZifZkcXBobxc5KsLCQS24vgXRipUW0S6WgWNpZpgoiKhaWCxnZcCuXMwG3mduZ/e3NvnmEzEqSZFJE9oloDcBYWvoWkVsiOmPmD3ec3IfWepuITgFESqlL3/ffbK3RaMz0er1dACERHZRKpSub74P1en1LRI4AbDDzq83FcTxvYxAEXRuTJJkD0BKRk3K5fE22PQCPAJYdlB4MbGTm2HWVwnee5y2R1vqYiN6ZOcq99w9o61rrCoA5+8dnY8xKGIaf/wHTN7ct2GHmhSyUaXVVRJ7svlAotHzff0lrXQt2mbkvRHbVarVFpdSOy+XAzshW8xe5fRzH00qp9khxRoG/4jSbzSljzEN+HMPAarU6WywW7/vjSCW2rjkEsJmdZU7lQQMMsdy5MebCjSeKognP8/YAVOzlA5bLOMOZfB3AOAAB8CUiN3mT/wBtlbkcu32t+wAAAABJRU5ErkJggg==") no-repeat center left;
        padding-left: 23px;
        text-align: left;
        display: inline-block;
        vertical-align: middle
    }

    .root .body .container-warp .content .content-wrap .content-main .next-prev-single {
        padding: 10px 0;
        color: #999999;
        font-size: 14px;
        overflow: hidden;
        margin-top: 50px
    }

    .root .body .container-warp .content .content-wrap .content-main .next-prev-single p {
        width: 49%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li {
        padding: 15px 0;
        border-bottom: 1px #ddd dashed
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li:hover {
        background-color: #f0f0f0
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li:hover .news-item .news-summary .news-i-t {
        color: #84bf25
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap ul li a {
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-image {
        width: 136px;
        height: 90px
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-image img {
        height: 100%;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary {
        width: 660px;
        position: relative
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-t {
        font-size: 16px;
        margin: 0 0 15px 0;
        color: #333;
        padding-right: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-s {
        font-size: 14px;
        color: #333;
        line-height: 26px;
        height: 50px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -ms-line-clamp: 2;
        -o-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .news-item .news-summary .news-i-time {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 14px;
        color: #999999
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination {
        text-align: right
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a {
        display: inline-block;
        border: 1px solid #ddd;
        color: #333;
        height: 30px;
        line-height: 30px;
        padding: 0 7px;
        min-width: 30px;
        text-align: center;
        font-size: 14px;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a.active,.root .body .container-warp .content .content-wrap .content-main .news-wrap .pagination a:hover {
        border: 1px solid #186ce0;
        color: #186ce0
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search {
        background-color: #f7f7f7;
        padding: 15px 15px 0 15px;
        margin-bottom: 30px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .joinus-form {
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .joinus-input-box {
        float: left;
        width: 85%
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input {
        float: left;
        padding-left: 80px;
        width: 320px;
        position: relative;
        margin-right: 15px;
        margin-bottom: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input span {
        color: #333;
        position: absolute;
        left: 0;
        top: 0;
        width: 65px;
        height: 100%;
        text-align: justify;
        text-justify: distribute-all-lines;
        text-align-last: justify;
        -moz-text-align-last: justify;
        -webkit-text-align-last: justify
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input input {
        border-radius: 0;
        display: block;
        padding: 0 5px;
        height: 30px;
        margin: 0;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-input select {
        vertical-align: middle;
        border-radius: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-btn {
        border: none;
        background-color: #4069c5;
        display: block;
        height: 75px;
        width: 118px;
        font-size: 16px;
        color: #fff
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-search .js-btn:hover {
        background-color: #114CC5
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td {
        float: left;
        text-align: center;
        background-color: #efefef;
        height: 48px;
        line-height: 45px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-4,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-5 {
        width: 110px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-1 {
        width: 120px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-title .jtt-td-3 {
        width: 370px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body {
        margin-top: 15px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item {
        display: block;
        color: #000;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-top: -1px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item:after {
        clear: both;
        content: '';
        display: block
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item:hover {
        background-color: #f2fff2
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item a {
        color: inherit;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        height: 100%;
        width: 100%;
        outline: none;
        text-decoration: none
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td {
        float: left;
        text-align: center;
        height: 48px;
        line-height: 45px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #666666
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-4,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-5 {
        width: 110px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-1 {
        width: 120px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-3 {
        width: 370px
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtt-td-5 {
        color: #999999
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-1,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-2,.root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-3 {
        color: #4069c5
    }

    .root .body .container-warp .content .content-wrap .content-main .joinus-wrap .joinus-table-body .jtb-item-new .jtt-td-4 {
        color: #3b9229
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu {
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item {
        border: 1px solid #ddd;
        float: left;
        width: 33.333%;
        height: 270px;
        margin-bottom: 25px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        cursor: pointer
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item:nth-of-type(2) {
        border-right: 0;
        border-left: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .cuu-image {
        height: 130px;
        padding-top: 45px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .cuu-tit {
        font-size: 20px;
        margin-bottom: 15px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-uu .cuu-item .conc {
        font-size: 14px;
        text-align: center
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-map {
        width: 100%;
        height: 420px;
        border: 1px solid #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .contactus .company-map img {
        width: auto
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list.border-top {
        border-top: 1px #ddd dashed;
        padding-top: 15px;
        margin-top: 15px
    }
    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn{
        width:33%;
        float:left;
        
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a {
        margin-bottom: 15px;
        text-decoration: none;
        border: 3px solid transparent;
        padding: 20px;
        display: block;
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a:hover {
        border: 3px solid #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a:hover .summary .pl-tit {
        color: #3871c1
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .image {
        width: 100%
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .image img {
        width: 100%;
        height: 230px !important;
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .summary .pl-tit {
        text-align: center;
        font-size: 18px;
        color: #666;
        line-height: 30px;
        margin: 15px 0
    }

    .root .body .container-warp .content .content-wrap .content-main .products-list .galcolumn-wrap .galcolumn-a .summary .pl-ve {
        font-size: 14px;
        color: #999;
        line-height: 20px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList {
        width: 100%;
        margin: 35px auto 0 auto;
        background: url(../images/bg_his_arrowup.gif) no-repeat 88px 0;
        padding: 25px 0 0 0;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisList {
        width: 100%;
        background: url(../images/bg_ruler.gif) repeat-y 88px 0;
        padding: 10px 0 0 0;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisListCon {
        width: 100%;
        background: url(../images/bg_his_ruler_bot.gif) no-repeat 88px bottom;
        min-height: 115px;
        height: auto !important;
        height: 115px;
        padding-bottom: 85px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisListCon h1 {
        background: none !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisYear {
        width: 100%;
        padding: 15px 0 0 0;
        margin-bottom: 28px;
        background-color: transparent !important;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisYear h2 {
        display: inline-block;
        float: left;
        width: 135px;
        font-family: Arial;
        color: #999999;
        font-size: 30px;
        background: url(../images/bg_ruler_year.gif) no-repeat right center;
        background-color: transparent !important;
        border-bottom: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConBox {
        width: 684px;
        float: left;
        padding: 5px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConInf {
        width: 100%;
        overflow: hidden;
        border: 1px solid #ddd;
        box-shadow: 3px 4px 4px #ddd
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConText {
        width: 100%;
        padding: 5px;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine {
        width: 100%;
        padding: 16px 0 16px 2px;
        background: url(../images/bg_dot_line.gif) repeat-x bottom;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine span {
        display: block;
        float: left;
        width: 134px;
        height: 95px;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine span img {
        width: 134px;
        height: 95px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl {
        width: 495px;
        float: left;
        padding: 0 0 0 15px;
        overflow: hidden;
        margin: 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl dt {
        font-weight: bold;
        margin: 0 0 5px 0;
        color: #333
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine dl dd {
        line-height: 22px;
        margin: 0;
        color: #666
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine:hover,.root .body .container-warp .content .content-wrap .content-main .historyList .hctHover {
        background-color: #f0f0f0 !important;
        color: #666 !important;
        cursor: pointer
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .hisConLine:hover dl dt,.root .body .container-warp .content .content-wrap .content-main .historyList .hctHover dt {
        color: #84bf25 !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorTips {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorTips1 {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList {
        width: 828px;
        margin: 30px auto 0 auto;
        overflow: hidden
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li {
        width: 230px;
        height: 246px;
        border: #dbdada 1px solid;
        padding: 9px;
        float: left;
        display: inline;
        margin: 0 13px 26px 13px
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li.hover {
        background: #d7000e !important;
        color: #FFF !important
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li span {
        display: block;
        width: 230px;
        height: 146px;
        border-bottom: #dbdada 1px solid;
        background: #FFF
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .honorList ul li h3 {
        line-height: 22px;
        padding: 10px 0 0 0
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .loveTips {
        width: 430px;
        height: 86px;
        padding: 80px 420px 0 87px;
        margin: 34px auto 0 auto;
        line-height: 22px;
        color: #999
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .boxImg {
        margin: 0;
        padding: 0;
        font-size: 0;
        line-height: normal
    }

    .root .body .container-warp .content .content-wrap .content-main .historyList .noBg {
        background: none
    }
}

.inatcimg img {
    max-width: 100% !important;
    height: auto !important;
}