/* ABģ����  Www.AdminBuy.Cn */
/* QQ��9490489 */
/* ��վ��Fang.AdminBuy.Cn */
/* �زģ�Sc.AdminBuy.Cn */
@media (max-width: 767px) {
    .side-float-l,.side-float-r {
        display:none
    }

    .root .body .banner {
        position: relative;
        border-bottom: 7px solid #f0f0f0
    }

    .root .body .banner .banner-wrap {
        position: relative
    }

    .root .body .banner .banner-wrap .swiper-wrapper {
        height: 175px
    }

    .root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 100%
    }

    .root .body .banner .banner-wrap .swiper-pagination {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        text-align: center
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #555;
        margin: 0 5px;
        opacity: .8;
        border: 1px solid #fff;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
        background: #fff
    }

    .root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        display: none;
        margin-top: -40px;
        opacity: .3
    }

    .root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-button-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
        left: 20px
    }

    .root .body .banner .banner-wrap .swiper-button-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
        right: 20px
    }

    .root .body .banner .notice {
        display: block;
        height: 40px;
        line-height: 40px;
        background: #fff;
        padding-left: 80px;
        width: 100%;
        position: relative;
        z-index: 1
    }

    .root .body .banner .notice .swiper-container {
        width: 100%;
        height: inherit;
        line-height: inherit;
        background-color: #fff;
        white-space: nowrap;
        overflow: hidden
    }

    .root .body .banner .notice .swiper-container a {
        color: #666;
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 70%;
        min-width: 150px;
        font-size: 13px;
        vertical-align: middle
    }

    .root .body .banner .notice .swiper-container a:hover {
        color: #42aaff
    }

    .root .body .banner .notice .swiper-container span {
        float: left;
        width: 30%;
        text-align: center;
        color: #999;
        font-size: 13px;
        min-width: 65px;
        vertical-align: middle
    }

    .root .body .banner .notice .nt-left {
        width: 70px;
        background-color: #42aaff;
        height: inherit;
        line-height: inherit;
        font-size: 13px;
        color: #fff;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0
    }

    .root .body .banner .notice .nt-left:after {
        display: block;
        content: '';
        border-style: solid;
        border-color: transparent transparent transparent #42aaff;
        border-width: 7px;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        left: 100%
    }

    .root .body .banner .notice .nt-left .notice-icon {
        background: url(../images/notice.png) no-repeat center;
        background-size: 100%;
        padding: 0 8px;
        vertical-align: middle;
        margin-right: 5px
    }

    .root .body .banner .notice .nt-right {
        width: 100px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #ddd;
        display: none
    }

    .root .body .banner .notice .nt-right .prev {
        float: left;
        height: 100%;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .banner .notice .nt-right .next {
        float: left;
        height: 100%;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .news-center {
        padding: 10px 0 0 0;
        border-bottom: 7px solid #f0f0f0
    }

    .root .body .news-center .tit {
        text-align: center;
        padding-bottom: 10px
    }

    .root .body .news-center .tit .zh {
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        color: #42aaff;
        font-weight: 700;
        position: relative
    }

    .root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .news-center .tit .zh:after {
        right: 50%;
        margin-right: -120px
    }

    .root .body .news-center .tit .zh:before {
        left: 50%;
        margin-left: -120px
    }

    .root .body .news-center .tit .en {
        display: none;
        font-size: 12px;
        color: #c3c3c3;
        padding-top: 0
    }

    .root .body .news-center .news-content {
        overflow: hidden;
        position: relative;
        padding-left: 120px
    }

    .root .body .news-center .swiper-container {
        overflow: hidden;
        float: left;
        position: absolute;
        top: 0;
        left: 0
    }

    .root .body .news-center .swiper-wrapper .swiper-slide {
        background-color: #f7f7f7;
        width: 120px;
        height: 76px;
        margin-bottom: 9px;
        float: none
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a {
        display: block;
        padding: 5px;
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a img {
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-pagination {
        float: right;
        width: 100%;
        overflow: hidden
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch {
        margin-bottom: 9px;
        overflow: hidden;
        background-color: #f7f7f7;
        position: relative;
        min-height: 76px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch a {
        text-decoration: none
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
        display: none;
        background-color: #f1f1f1;
        font-size: 14px;
        text-align: center;
        padding-top: 5px;
        color: #999
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
        display: inline-block
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
        display: inline-block
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
        padding: 6px 7px 6px 7px;
        float: none
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        color: #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        width: 100%;
        color: #444;
        font-size: 12px;
        font-weight: 700;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
        color: #999;
        line-height: 22px;
        height: 44px;
        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 .products {
        padding: 10px 0;
        background-color: #fff;
        border-bottom: 7px solid #f0f0f0
    }

    .root .body .products .tit {
        text-align: center;
        padding-bottom: 10px
    }

    .root .body .products .tit .zh {
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        color: #42aaff;
        position: relative;
        font-weight: 700
    }

    .root .body .products .tit .zh:after,.root .body .products .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .products .tit .zh:after {
        right: 50%;
        margin-right: -120px
    }

    .root .body .products .tit .zh:before {
        left: 50%;
        margin-left: -120px
    }

    .root .body .products .tit .en {
        display: none;
        font-size: 14px;
        color: #c3c3c3;
        padding-top: 5px
    }

    .root .body .products .products-list {
        position: relative
    }

    .root .body .products .swiper-container {
        width: 100%;
        height: 175px
    }

    .root .body .products .swiper-slide {
        width: 100%
    }

    .root .body .products .swiper-slide a {
        width: 100%;
        text-decoration: none;
        display: block;
        margin: 0 auto
    }

    .root .body .products .products-wrap {
        width: 100%;
        margin: 0 auto;
        border-radius: 10px;
        overflow: hidden;
        position: relative
    }

    .root .body .products .products-wrap .p-images {
        width: 100%
    }

    .root .body .products .products-wrap .p-images img {
        width: 100%;
        height: 175px
    }

    .root .body .products .products-wrap .p-summary {
        padding: 7px;
        background-color: rgba(0,0,0,.4);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center
    }

    .root .body .products .products-wrap .p-summary .ps-tit {
        font-size: 14px;
        color: #fff
    }

    .root .body .products .products-wrap .p-summary .ps-tit span {
        display: inline-block;
        width: auto
    }

    .root .body .products .products-wrap .p-summary .ps-sum {
        display: none
    }

    .root .body .products .swiper-pagination {
        display: none;
        padding: 15px 0;
        text-align: center
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #999;
        border-radius: 50%;
        margin: 0 5px
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
        background-color: #42aaff
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch:hover {
        cursor: pointer
    }

    .root .body .products .swiper-products-next,.root .body .products .swiper-products-prev {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        opacity: .3;
        display: none
    }

    .root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .products .swiper-products-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center
    }

    .root .body .products .swiper-products-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center
    }

    .root .body .aboutus {
        padding: 0 0 40px 0;
        background: 0 0
    }

    .root .body .aboutus .aboutus-w {
        padding: 15px 10px;
        background-color: #fff;
        box-shadow: none
    }

    .root .body .aboutus .tit .zh {
        font-size: 16px;
        color: #333;
        border-bottom: 2px solid #42aaff;
        padding-bottom: 2px;
        margin-right: 10px;
        font-weight: 700;
        vertical-align: bottom
    }

    .root .body .aboutus .tit .en {
        vertical-align: bottom;
        font-size: 12px;
        color: #999
    }

    .root .body .aboutus .au-wrap {
        color: #666;
        font-size: 16px
    }

    .root .body .aboutus .au-wrap .au-summary {
        margin-bottom: 20px;
        width: 100%;
        line-height: 28px
    }

    .root .body .aboutus .au-wrap .au-summary .au-font {
        margin: 10px 0 15px 0;
        font-size: 14px;
        color: #999;
        height: 200px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -moz-line-clamp: 7;
        -ms-line-clamp: 7;
        -o-line-clamp: 7;
        line-clamp: 7;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a {
        display: inline-block;
        height: 30px;
        width: 100px;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-color: #42aaff
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
        background-color: #1397fd
    }

    .root .body .aboutus .au-wrap .au-video {
        height: 270px;
        width: 100%
    }

    .root .body .aboutus .au-wrap .au-video #my-video {
        width: 100%!important;
        height: 100%!important
    }

    .root .body .aboutus .au-wrap .au-video video {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 768px) {
    .side-float-l {
        display:block;
        position: fixed;
        left: 80px;
        top: 120px;
        z-index: 1000;
        background-color: #fff
    }

    .side-float-r {
        display: block;
        position: fixed;
        right: 80px;
        top: 120px;
        z-index: 1000;
        background-color: #fff
    }

    .root .body .banner {
        height: 405px;
        position: relative
    }

    .root .body .banner .banner-wrap {
        position: relative
    }

    .root .body .banner .banner-wrap .swiper-wrapper {
        height: 365px
    }

    .root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
        height: 100%
    }

    .root .body .banner .banner-wrap .swiper-pagination {
        position: absolute;
        bottom: 45px;
        left: 0;
        width: 100%;
        text-align: center
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #555;
        margin: 0 5px;
        opacity: .8;
        border: 1px solid #fff;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
        background: #fff
    }

    .root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        opacity: .3
    }

    .root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-button-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
        left: 20px
    }

    .root .body .banner .banner-wrap .swiper-button-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
        right: 20px
    }

    .root .body .banner .notice {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -373px;
        bottom: 0;
        height: 55px;
        line-height: 55px;
        background: #ddd;
        width: 746px;
        box-shadow: 1px 3px 3px #ddd;
        z-index: 1
    }

    .root .body .banner .notice .swiper-container {
        width: 524px;
        height: inherit;
        line-height: inherit;
        background-color: #fff;
        padding-left: 20px;
        overflow: hidden;
        float: left
    }

    .root .body .banner .notice .swiper-container a {
        color: #666;
        float: left;
        max-width: 384px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .root .body .banner .notice .swiper-container a:hover {
        color: #42aaff
    }

    .root .body .banner .notice .swiper-container span {
        float: left;
        color: #999;
        width: 120px;
        text-align: center
    }

    .root .body .banner .notice .nt-left {
        width: 100px;
        background-color: #42aaff;
        height: inherit;
        line-height: inherit;
        font-size: 16px;
        color: #fff;
        text-align: center;
        position: relative
    }

    .root .body .banner .notice .nt-left:after {
        display: block;
        content: '';
        border-style: solid;
        border-color: transparent transparent transparent #42aaff;
        border-width: 10px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 100%
    }

    .root .body .banner .notice .nt-left .notice-icon {
        background: url(../images/notice.png) no-repeat center;
        padding: 2px 11px;
        vertical-align: middle;
        margin-right: 5px
    }

    .root .body .banner .notice .nt-right {
        width: 122px;
        height: 100%
    }

    .root .body .banner .notice .nt-right .prev {
        float: left;
        height: 100%;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .banner .notice .nt-right .next {
        float: left;
        height: 100%;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .news-center {
        width: 746px;
        margin: 0 auto;
        padding: 40px 0
    }

    .root .body .news-center .tit {
        text-align: center;
        padding-bottom: 20px
    }

    .root .body .news-center .tit .zh {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        color: #42aaff;
        position: relative
    }

    .root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .news-center .tit .zh:after {
        right: 50%;
        margin-right: -140px
    }

    .root .body .news-center .tit .zh:before {
        left: 50%;
        margin-left: -140px
    }

    .root .body .news-center .tit .en {
        font-size: 14px;
        color: #c3c3c3;
        padding-top: 5px
    }

    .root .body .news-center .news-content:after,.root .body .news-center .news-content:before {
        display: table;
        line-height: 0;
        content: "";
        clear: both
    }

    .root .body .news-center .swiper-container {
        overflow: hidden;
        float: left;
        height: 225px;
        width: 400px;
        border: 3px solid #eee;
        box-shadow: 1px 1px 5px #ccc
    }

    .root .body .news-center .swiper-wrapper .swiper-slide {
        background-color: #0e0e0e
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a img {
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-pagination {
        float: right;
        width: 320px;
        height: 225px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch {
        height: 50px;
        margin-bottom: 9px;
        overflow: hidden;
        background-color: #f7f7f7;
        box-shadow: 1px 1px 5px #ccc
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
        width: 65px;
        height: 100%;
        background-color: #f1f1f1;
        font-size: 14px;
        text-align: center;
        padding-top: 5px;
        color: #999
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
        display: inline-block;
        border-bottom: 1px solid #c9c9c9
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
        display: inline-block
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
        width: 255px;
        padding: 6px 7px 0 7px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        color: #444;
        font-size: 12px;
        font-weight: 700
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
        color: #999
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
        background-color: #56b1fc;
        color: #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date {
        background-color: #42aaff;
        color: #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date .month {
        border-bottom: 1px solid #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .title {
        color: #fff
    }

    .root .body .products {
        padding: 40px 0;
        background-color: #eee
    }

    .root .body .products .tit {
        text-align: center;
        padding-bottom: 40px
    }

    .root .body .products .tit .zh {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        color: #42aaff;
        position: relative
    }

    .root .body .products .tit .zh:after,.root .body .products .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .products .tit .zh:after {
        right: 50%;
        margin-right: -140px
    }

    .root .body .products .tit .zh:before {
        left: 50%;
        margin-left: -140px
    }

    .root .body .products .tit .en {
        font-size: 14px;
        color: #c3c3c3;
        padding-top: 5px
    }

    .root .body .products .products-list {
        position: relative
    }

    .root .body .products .swiper-container {
        height: 360px;
        margin-left: -16px;
        width: 779px
    }

    .root .body .products .swiper-slide a {
        text-decoration: none;
        display: block;
        width: 235px;
        height: 360px;
        margin: 0 auto
    }

    .root .body .products .products-wrap {
        width: 235px;
        height: 360px;
        margin: 0 auto;
        background-color: #fff;
        transition: all .3s linear 0s;
        -webkit-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s
    }

    .root .body .products .products-wrap:hover {
        background-color: #f7f7f7;
        transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        -ms-transform: translateY(-6px)
    }

    .root .body .products .products-wrap:hover .p-summary .ps-tit span {
        border-bottom: 1px solid #42aaff;
        width: 100%
    }

    .root .body .products .products-wrap .p-images {
        width: 235px;
        height: 210px
    }

    .root .body .products .products-wrap .p-images img {
        width: 100%;
        height: 100%
    }

    .root .body .products .products-wrap .p-summary {
        padding: 0 15px
    }

    .root .body .products .products-wrap .p-summary .ps-tit {
        font-size: 16px;
        color: #333;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px
    }

    .root .body .products .products-wrap .p-summary .ps-tit span {
        display: inline-block;
        height: 50px;
        border-bottom: 1px solid #42aaff;
        width: auto
    }

    .root .body .products .products-wrap .p-summary .ps-sum {
        color: #999;
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        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 .products .swiper-pagination {
        padding: 15px 0;
        text-align: center
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch {
        list-style: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #999;
        border-radius: 50%;
        margin: 0 5px
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
        background-color: #42aaff
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch:hover {
        cursor: pointer
    }

    .root .body .products .swiper-products-next,.root .body .products .swiper-products-prev {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        opacity: .3;
        display: none
    }

    .root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .products .swiper-products-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center
    }

    .root .body .products .swiper-products-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center
    }

    .root .body .aboutus {
        padding: 105px 0 40px 0;
        background: url(../images/aboutus-bg.jpg) no-repeat top
    }

    .root .body .aboutus .aboutus-w {
        padding: 35px 35px 55px 35px;
        background-color: #fff;
        box-shadow: 1px 1px 5px #aaa
    }

    .root .body .aboutus .tit .zh {
        font-size: 24px;
        color: #333;
        border-bottom: 2px solid #42aaff;
        padding-bottom: 2px;
        margin-right: 10px
    }

    .root .body .aboutus .tit .en {
        font-size: 14px;
        color: #999
    }

    .root .body .aboutus .au-wrap {
        color: #666;
        font-size: 16px
    }

    .root .body .aboutus .au-wrap .au-summary {
        margin-bottom: 20px;
        width: 100%;
        line-height: 28px
    }

    .root .body .aboutus .au-wrap .au-summary .au-font {
        max-height: 145px;
        margin: 45px 0 45px 0;
        padding: 0;
        word-break: break-all;
        display: -webkit-box;
        display: -moz-box;
        -webkit-line-clamp: 5;
        -moz-line-clamp: 5;
        -ms-line-clamp: 5;
        -o-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a {
        display: inline-block;
        height: 30px;
        width: 100px;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-color: #42aaff
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
        background-color: #1397fd
    }

    .root .body .aboutus .au-wrap .au-video {
        height: 270px;
        width: 100%
    }

    .root .body .aboutus .au-wrap .au-video #my-video {
        width: 100%!important;
        height: 100%!important
    }

    .root .body .aboutus .au-wrap .au-video video {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 992px) {
    .side-float-l {
        display:block;
        position: fixed;
        left: 80px;
        top: 120px;
        z-index: 1000;
        background-color: #fff
    }

    .side-float-r {
        display: block;
        position: fixed;
        right: 80px;
        top: 120px;
        z-index: 1000;
        background-color: #fff
    }

    .root .body .banner {
        height: 445px;
        position: relative
    }

    .root .body .banner .banner-wrap {
        position: relative
    }

    .root .body .banner .banner-wrap .swiper-wrapper {
        height: 400px
    }

    .root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
        height: 100%
    }

    .root .body .banner .banner-wrap .swiper-pagination {
        position: absolute;
        bottom: 45px;
        left: 0;
        width: 100%;
        text-align: center
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #555;
        margin: 0 5px;
        opacity: .8;
        border: 1px solid #fff;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
        background: #fff
    }

    .root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        opacity: .3
    }

    .root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-button-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
        left: 50px
    }

    .root .body .banner .banner-wrap .swiper-button-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
        right: 50px
    }

    .root .body .banner .notice {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -496px;
        bottom: 0;
        height: 64px;
        line-height: 64px;
        background: #ddd;
        width: 992px;
        box-shadow: 1px 3px 3px #ddd;
        z-index: 1
    }

    .root .body .banner .notice .swiper-container {
        width: 757px;
        height: inherit;
        line-height: inherit;
        background-color: #fff;
        padding-left: 40px;
        overflow: hidden;
        float: left
    }

    .root .body .banner .notice .swiper-container a {
        color: #666;
        float: left;
        max-width: 775px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .root .body .banner .notice .swiper-container a:hover {
        color: #42aaff
    }

    .root .body .banner .notice .swiper-container span {
        float: left;
        color: #999;
        width: 145px;
        text-align: center
    }

    .root .body .banner .notice .nt-left {
        width: 100px;
        background-color: #42aaff;
        height: inherit;
        line-height: inherit;
        font-size: 16px;
        color: #fff;
        text-align: center;
        position: relative
    }

    .root .body .banner .notice .nt-left:after {
        display: block;
        content: '';
        border-style: solid;
        border-color: transparent transparent transparent #42aaff;
        border-width: 10px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 100%
    }

    .root .body .banner .notice .nt-left .notice-icon {
        background: url(../images/notice.png) no-repeat center;
        padding: 2px 11px;
        vertical-align: middle;
        margin-right: 5px
    }

    .root .body .banner .notice .nt-right {
        width: 135px;
        height: 100%
    }

    .root .body .banner .notice .nt-right .prev {
        float: left;
        height: 100%;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .banner .notice .nt-right .next {
        float: left;
        height: 100%;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .news-center {
        width: 992px;
        margin: 0 auto;
        padding: 40px 0
    }

    .root .body .news-center .tit {
        text-align: center;
        padding-bottom: 30px
    }

    .root .body .news-center .tit .zh {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        color: #42aaff;
        position: relative
    }

    .root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .news-center .tit .zh:after {
        right: 50%;
        margin-right: -140px
    }

    .root .body .news-center .tit .zh:before {
        left: 50%;
        margin-left: -140px
    }

    .root .body .news-center .tit .en {
        font-size: 14px;
        color: #c3c3c3;
        padding-top: 5px
    }

    .root .body .news-center .news-content:after,.root .body .news-center .news-content:before {
        display: table;
        line-height: 0;
        content: "";
        clear: both
    }

    .root .body .news-center .swiper-container {
        overflow: hidden;
        float: left;
        height: 304px;
        width: 540px;
        border: 3px solid #eee;
        box-shadow: 1px 1px 5px #ccc
    }

    .root .body .news-center .swiper-wrapper .swiper-slide {
        background-color: #0e0e0e
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a img {
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-pagination {
        float: right;
        width: 420px;
        height: 304px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch {
        height: 65px;
        margin-bottom: 15px;
        overflow: hidden;
        background-color: #f7f7f7;
        box-shadow: 1px 1px 5px #ccc
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
        width: 72px;
        height: 100%;
        background-color: #f1f1f1;
        font-size: 16px;
        text-align: center;
        padding-top: 8px;
        color: #999
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
        display: inline-block;
        border-bottom: 1px solid #c9c9c9;
        padding: 2px 0
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
        display: inline-block;
        padding: 2px 0
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
        width: 348px;
        padding: 13px 10px 0 10px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        color: #444;
        font-size: 14px;
        font-weight: 700
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
        color: #999
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
        background-color: #56b1fc;
        color: #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date {
        background-color: #42aaff;
        color: #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date .month {
        border-bottom: 1px solid #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .title {
        color: #fff
    }

    .root .body .products {
        padding: 40px 0;
        background-color: #eee
    }

    .root .body .products .tit {
        text-align: center;
        padding-bottom: 40px
    }

    .root .body .products .tit .zh {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        color: #42aaff;
        position: relative
    }

    .root .body .products .tit .zh:after,.root .body .products .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .products .tit .zh:after {
        right: 50%;
        margin-right: -140px
    }

    .root .body .products .tit .zh:before {
        left: 50%;
        margin-left: -140px
    }

    .root .body .products .tit .en {
        font-size: 14px;
        color: #c3c3c3;
        padding-top: 5px
    }

    .root .body .products .products-list {
        position: relative
    }

    .root .body .products .swiper-container {
        height: 360px;
        margin-left: -16px;
        width: 1025px
    }

    .root .body .products .swiper-slide a {
        text-decoration: none;
        display: block;
        width: 317px;
        height: 360px;
        margin: 0 auto
    }

    .root .body .products .products-wrap {
        width: 317px;
        height: 360px;
        margin: 0 auto;
        background-color: #fff;
        transition: all .3s linear 0s;
        -webkit-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s
    }

    .root .body .products .products-wrap:hover {
        background-color: #f7f7f7;
        transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        -ms-transform: translateY(-6px)
    }

    .root .body .products .products-wrap:hover .p-summary .ps-tit span {
        border-bottom: 1px solid #42aaff;
        width: 100%
    }

    .root .body .products .products-wrap .p-images {
        width: 317px;
        height: 210px
    }

    .root .body .products .products-wrap .p-images img {
        width: 100%;
        height: 100%
    }

    .root .body .products .products-wrap .p-summary {
        padding: 0 15px
    }

    .root .body .products .products-wrap .p-summary .ps-tit {
        font-size: 16px;
        color: #333;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px
    }

    .root .body .products .products-wrap .p-summary .ps-tit span {
        display: inline-block;
        height: 50px;
        border-bottom: 1px solid #42aaff;
        width: auto
    }

    .root .body .products .products-wrap .p-summary .ps-sum {
        color: #999;
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        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 .products .swiper-pagination {
        padding: 15px 0;
        text-align: center
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch {
        list-style: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #999;
        border-radius: 50%;
        margin: 0 5px
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
        background-color: #42aaff
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch:hover {
        cursor: pointer
    }

    .root .body .products .swiper-products-next,.root .body .products .swiper-products-prev {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        opacity: .3
    }

    .root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .products .swiper-products-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
        left: -50px
    }

    .root .body .products .swiper-products-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
        right: -50px
    }

    .root .body .aboutus {
        padding: 105px 0 40px 0;
        background: url(../images/aboutus-bg.jpg) no-repeat top
    }

    .root .body .aboutus .aboutus-w {
        padding: 35px 35px 55px 35px;
        background-color: #fff;
        box-shadow: 1px 1px 5px #aaa
    }

    .root .body .aboutus .tit .zh {
        font-size: 24px;
        color: #333;
        border-bottom: 2px solid #42aaff;
        padding-bottom: 2px;
        margin-right: 10px
    }

    .root .body .aboutus .tit .en {
        font-size: 14px;
        color: #999
    }

    .root .body .aboutus .au-wrap {
        color: #666;
        font-size: 16px
    }

    .root .body .aboutus .au-wrap .au-summary {
        width: 420px;
        line-height: 28px
    }

    .root .body .aboutus .au-wrap .au-summary .au-font {
        max-height: 145px;
        margin: 45px 0 45px 0;
        padding: 0;
        word-break: break-all;
        display: -webkit-box;
        display: -moz-box;
        -webkit-line-clamp: 5;
        -moz-line-clamp: 5;
        -ms-line-clamp: 5;
        -o-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a {
        display: inline-block;
        height: 30px;
        width: 100px;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-color: #42aaff
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
        background-color: #1397fd
    }

    .root .body .aboutus .au-wrap .au-video {
        height: 270px;
        width: 480px;
        /* background-color:#0e0e0e */
    }

    .root .body .aboutus .au-wrap .au-video #my-video {
        width: 100%!important;
        height: 100%!important
    }

    .root .body .aboutus .au-wrap .au-video video {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 1200px) {
    .side-float-l {
        display:block;
        position: fixed;
        left: 80px;
        top: 120px;
        z-index: 1000;
        background-color: #fff
    }

    .side-float-r {
        display: block;
        position: fixed;
        right: 80px;
        top: 120px;
        z-index: 1000;
        background-color: #fff
    }

    .root .body .banner {
        height: 405px;
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }

    .root .body .banner .banner-wrap {
        position: relative
    }

    .root .body .banner .banner-wrap .swiper-wrapper {
        height: 380px
    }

    .root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
        height: 100%
    }

    .root .body .banner .banner-wrap .swiper-pagination {
        position: absolute;
        bottom: 45px;
        left: 0;
        width: 100%;
        text-align: center
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #555;
        margin: 0 5px;
        opacity: .8;
        border: 1px solid #fff;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
        background: #fff
    }

    .root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        opacity: .3
    }

    .root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .banner .banner-wrap .swiper-button-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
        left: 50px
    }

    .root .body .banner .banner-wrap .swiper-button-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
        right: 50px
    }

    .root .body .banner .notice {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        bottom: 0;
        height: 64px;
        line-height: 64px;
        background: #ddd;
        width: 1200px;
        box-shadow: 1px 3px 3px #ddd;
        z-index: 1
    }

    .root .body .banner .notice .swiper-container {
        width: 965px;
        height: inherit;
        line-height: inherit;
        background-color: #fff;
        padding-left: 40px;
        overflow: hidden;
        float: left
    }

    .root .body .banner .notice .swiper-container a {
        color: #666;
        float: left;
        max-width: 775px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .root .body .banner .notice .swiper-container a:hover {
        color: #42aaff
    }

    .root .body .banner .notice .swiper-container span {
        float: left;
        color: #999;
        width: 145px;
        text-align: center
    }

    .root .body .banner .notice .nt-left {
        width: 100px;
        background-color: #42aaff;
        height: inherit;
        line-height: inherit;
        font-size: 16px;
        color: #fff;
        text-align: center;
        position: relative
    }

    .root .body .banner .notice .nt-left:after {
        display: block;
        content: '';
        border-style: solid;
        border-color: transparent transparent transparent #42aaff;
        border-width: 10px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 100%;
        z-index: 2
    }

    .root .body .banner .notice .nt-left .notice-icon {
        background: url(../images/notice.png) no-repeat center;
        padding: 2px 11px;
        vertical-align: middle;
        margin-right: 5px
    }

    .root .body .banner .notice .nt-right {
        width: 135px;
        height: 100%
    }

    .root .body .banner .notice .nt-right .prev {
        float: left;
        height: 100%;
        cursor: pointer;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .banner .notice .nt-right .next {
        float: left;
        cursor: pointer;
        height: 100%;
        width: 50%;
        background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
    }

    .root .body .news-center {
        width: 1200px;
        margin: 0 auto;
        padding: 40px 0
    }

    .root .body .news-center .tit {
        text-align: center;
        padding-bottom: 30px
    }

    .root .body .news-center .tit .zh {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        color: #000000;
        position: relative;
        font-weight: bold;
    }

    .root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .news-center .tit .zh:after {
        right: 50%;
        margin-right: -140px
    }

    .root .body .news-center .tit .zh:before {
        left: 50%;
        margin-left: -140px
    }

    .root .body .news-center .tit .en {
        font-size: 14px;
        color: #c3c3c3;
        padding-top: 5px
    }

    .root .body .news-center .news-content:after,.root .body .news-center .news-content:before {
        display: table;
        line-height: 0;
        content: "";
        clear: both
    }

    .root .body .news-center .swiper-container {
        overflow: hidden;
        float: left;
        height: 400px;
        width: 640px;
        border: 3px solid #eee;
        box-shadow: 1px 1px 5px #ccc
    }

    .root .body .news-center .swiper-wrapper .swiper-slide {
        background-color: #0e0e0e
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-wrapper .swiper-slide a img {
        width: 100%;
        height: 100%
    }

    .root .body .news-center .swiper-pagination {
        float: right;
        margin: 0;
        width: 520px;
        height: 400px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch {
        height: 85px;
        margin-bottom: 20px;
        background-color: #f7f7f7;
        overflow: hidden;
        box-shadow: 1px 1px 5px #ccc
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
        width: 72px;
        height: 100%;
        background-color: #f0f0f0;
        font-size: 16px;
        text-align: center;
        padding-top: 18px;
        color: #999
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
        display: inline-block;
        border-bottom: 1px solid #c9c9c9;
        padding: 2px 0
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
        display: inline-block;
        padding: 2px 0
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
        width: 446px;
        padding: 20px 10px 0 10px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        color: #fff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
        color: #444;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
        color: #999
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
        background-color: #56b1fc;
        color: #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .date {
        background-color: #42aaff;
        color: #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .date .month {
        border-bottom: 1px solid #fff
    }

    .root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .content .title {
        color: #fff
    }

    .root .body .products {
        padding: 40px 0;
        background-color: #eee
    }

    .root .body .products .tit {
        text-align: center;
        padding-bottom: 40px
    }

    .root .body .products .tit .zh {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        color: #000b14;
        position: relative;
        font-weight: bold;
    }

    .root .body .products .tit .zh:after,.root .body .products .tit .zh:before {
        content: '';
        display: block;
        height: 1px;
        background-color: #42aaff;
        position: absolute;
        width: 76px;
        top: 50%
    }

    .root .body .products .tit .zh:after {
        right: 50%;
        margin-right: -140px
    }

    .root .body .products .tit .zh:before {
        left: 50%;
        margin-left: -140px
    }

    .root .body .products .tit .en {
        font-size: 14px;
        color: #c3c3c3;
        padding-top: 5px
    }

    .root .body .products .products-list {
        position: relative
    }

    .root .body .products .swiper-container {
        height: 360px;
        margin-left: -16px;
        width: 1233px
    }

    .root .body .products .swiper-slide a {
        text-decoration: none;
        display: block;
        width: 375px;
        height: 360px;
        margin: 0 auto
    }

    .root .body .products .products-wrap {
        width: 375px;
        height: 360px;
        margin: 0 auto;
        background-color: #fff;
        transition: all .3s linear 0s;
        -webkit-transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s;
        -o-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s
    }

    .root .body .products .products-wrap:hover {
        background-color: #f7f7f7;
        transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        -ms-transform: translateY(-6px)
    }

    .root .body .products .products-wrap:hover .p-summary .ps-tit span {
        border-bottom: 1px solid #42aaff;
        width: 100%
    }

    .root .body .products .products-wrap .p-images {
        width: 375px;
        height: 280px;
    }

    .root .body .products .products-wrap .p-images img {
        width: 100%;
        height: 100%
    }

    .root .body .products .products-wrap .p-summary {
        padding: 0 15px
    }

    .root .body .products .products-wrap .p-summary .ps-tit {
        font-size: 16px;
        color: #333;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px
    }

    .root .body .products .products-wrap .p-summary .ps-tit span {
        display: inline-block;
        height: 50px;
        border-bottom: 1px solid #42aaff;
        width: auto
    }

    .root .body .products .products-wrap .p-summary .ps-sum {
        color: #999;
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        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 .products .swiper-pagination {
        padding: 15px 0;
        text-align: center;
        display: none;
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch {
        list-style: none;
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #999;
        border-radius: 50%;
        margin: 0 5px
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
        background-color: #42aaff
    }

    .root .body .products .swiper-pagination .swiper-pagination-switch:hover {
        cursor: pointer
    }

    .root .body .products .swiper-products-next,.root .body .products .swiper-products-prev {
        display: block;
        position: absolute;
        top: 50%;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        opacity: .3
    }

    .root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover {
        opacity: .7;
        cursor: pointer
    }

    .root .body .products .swiper-products-prev {
        background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
        left: -50px
    }

    .root .body .products .swiper-products-next {
        background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
        right: -50px
    }

    .root .body .aboutus {
        padding: 105px 0 40px 0;
        background: url(../images/aboutus-bg.jpg) no-repeat top
    }

    .root .body .aboutus .aboutus-w {
        padding: 35px 35px 55px 35px;
        background-color: #fff;
        box-shadow: 1px 1px 5px #aaa
    }

    .root .body .aboutus .tit .zh {
        font-size: 24px;
        color: #333;
        border-bottom: 2px solid #42aaff;
        padding-bottom: 2px;
        margin-right: 10px;
        font-weight: bold;
    }

    .root .body .aboutus .tit .en {
        font-size: 14px;
        color: #999
    }

    .root .body .aboutus .au-wrap {
        color: #666;
        font-size: 16px
    }

    .root .body .aboutus .au-wrap .au-summary {
        width: 555px;
        line-height: 28px
    }

    .root .body .aboutus .au-wrap .au-summary .au-font {
        max-height: 145px;
        margin: 45px 0 45px 0;
        padding: 0;
        word-break: break-all;
        display: -webkit-box;
        display: -moz-box;
        -webkit-line-clamp: 5;
        -moz-line-clamp: 5;
        -ms-line-clamp: 5;
        -o-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a {
        display: inline-block;
        height: 30px;
        width: 100px;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-color: #42aaff
    }

    .root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
        background-color: #1397fd
    }

    .root .body .aboutus .au-wrap .au-video {
        height: 270px;
        width: 480px;
        /* background-color:#0e0e0e */
    }

    .root .body .aboutus .au-wrap .au-video img {
        height: 270px;
        width: 480px;
        /* background-color:#0e0e0e */
    }

    .root .body .aboutus .au-wrap .au-video video {
        width: 100%;
        height: 100%
    }
}