@charset "UTF-8";



.bd_weixin_popup {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}

/*header*/

.header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100px;

    z-index: 500;

    background: #fff;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);

}

.appshare{display:none;}

.header .logo {

    display: block;

    float: left;

    height: 100px;

    line-height: 100px;

    overflow: hidden;

}



        .header .logo img {

            height: 189px;

            height: 58px;

        }



    .header .slogan {

        float: left;

        border-left: 1px solid #a9a9a9;

        padding-left: 15px;

        margin-left: 15px;

        margin-top: 28px;

    }



        .header .slogan h3 {

            font-size: 28px;

            font-weight: 800;

            line-height: 1;

            color: #0072bf;

        }



        .header .slogan p {

            font-size: 18px;

            line-height: 1;

            color: #000;

            margin-top: 8px;

        }



.header-right {

    float: right;

}



.header-top {

    padding-top: 18px;

}



.language {

    float: right;

    position: relative;

}



.language-text {

    display: block;

    font-size: 16px;

    color: #191919;

    line-height: 24px;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



    .language-text i {

        display: inline-block;

        vertical-align: middle;

        font-size: 12px;

        margin-left: 4px;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }



.language-list {

    position: absolute;

    top: 100%;

    right: 0;

    z-index: 10;

    background: #fff;

    padding: 10px 0;

    -webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);

    box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

}



    .language-list a {

        display: block;

        padding: 10px 30px;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }



        .language-list a:hover {

            color: #2179bc

        }



.language:hover .language-text {

    color: #2179bc;

}



    .language:hover .language-text i {

        -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        transform: rotate(180deg);

    }



.language:hover .language-list {

    opacity: 1;

    visibility: visible;

}



.header-top .sep {

    float: right;

    display: inline-block;

    width: 1px;

    height: 16px;

    background: #888;

    margin: 4px 13px;

}



.header-search {

    float: right;

    width: 24px;

    line-height: 24px;

    cursor: pointer;

    overflow: hidden;

    position: relative;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    z-index: 10;

}



.search-button {

    display: block;

    width: 24px;

    height: 24px;

    line-height: 24px;

    font-size: 15px;

    color: #191919;

    text-align: center;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 3;

    cursor: pointer;

}



.search-input {

    display: block;

    margin-left: 26px;

    line-height: 24px;

    color: #191919;

    padding: 0 30px 0 0px;

    width: 130px;

    font-size: 0;

}



.header-search:hover {

    background: #efefef;

    border-radius: 20px;

    width: 180px;

}



    .header-search:hover .search-input {

        font-size: 14px;

    }



.header-tel {

    float: right;

    font-size: 18px;

    line-height: 24px;

    height: 24px;

}



    .header-tel span {

        font-size: 24px;

    }



    .header-tel i {

        display: inline-block;

        width: 17px;

        height: 17px;

        background: #0072bf;

        font-size: 12px;

        color: #fff;

        text-align: center;

        line-height: 17px;

        border-radius: 5px;

        margin-right: 5px;

        vertical-align: text-top;

    }



.navbar {

    float: right;

}



.navitem {

    float: left;

    margin-left: 30px;

}



    .navitem:first-child {

        margin-right: 30px;

    }



    .navitem > a {

        font-size: 16px;

        color: #191919;

        line-height: 57px;

        height: 57px;

        -webkit-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s;

    }



        .navitem > a i {

            font-size: 12px;

            margin-left: 5px;

            display: inline-block;

        }



    .navitem:hover > a,

    .navitem.active > a {

        color: #0072bf;

        font-weight: 700;

    }

/*header -end*/

/*home-banner*/

.appb{display:block;}

.home-banner .swiper-slide a {

    display: block;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    height: 700px;

    position: relative;

}



.banner-text {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 4;

}



    .banner-text .container-middle {

        height: 100%;

    }



.banner-cont {

    padding: 0 40px;

    width: 500px;

    text-align: center;

    -webkit-transform: translateX(-40px);

    -ms-transform: translateX(-40px);

    transform: translateX(-40px);

    opacity: 0;

    filter: alpha(opacity=0);

}



.home-banner .swiper-slide-active .banner-cont {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    -webkit-transition: all .8s linear;

    -o-transition: all .8s linear;

    transition: all .8s linear;

    -webkit-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s;

}



.home-banner.app {

    display: none;

}



    .home-banner.app img {

        width: 100%;

    }



    .home-banner.app .swiper-slide a {

        display: block;

        height: 900px;

    }



@media(max-width:640px) {

    .home-banner.app {

        display: block;

    }



    .home-banner {

        display: none;

    }

}



.banner-slogan {

    font-size: 60px;

    color: #fff;

}



    .banner-slogan b {

        font-weight: 800;

    }



.banner-sub {

    font-size: 28px;

    color: #fff;

    line-height: 56px;

    background: url(../images/banner_02.png) no-repeat center;

}



.banner-des {

    font-size: 16px;

    line-height: 28px;

    color: #fff;

    margin: 35px 0 14px;

    /* transition: ease .5s; */

}

/* .dis-cell:hover .banner-des{font-size: 12px;} */

.banner-more {

    display: inline-block;

    font-size: 16px;

    color: #fff;

    line-height: 44px;

    text-align: center;

    padding: 0 10px;

    border: 1px solid rgba(255,255,255,.5);

    border-radius: 22px;

    cursor: pointer;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}



    .banner-more i {

        display: inline-block;

        width: 24px;

        height: 24px;

        border: 2px solid #fff;

        border-radius: 50%;

        font-size: 17px;

        text-align: center;

        line-height: 20px;

        margin-left: 82px;

    }



    .banner-more:hover {

        background: #0072bf;

        border-color: #0072bf;

        color: #fff;

    }



.home-banner .banner-pagination {

    position: absolute;

    bottom: 30px;

    left: 0;

    width: 100%;

    z-index: 10;

    text-align: center;

    font-size: 0;

    z-index: 10;

}



.banner-pagination .swiper-pagination-bullet {

    width: 20px;

    height: 3px;

    background: #d1d1d1;

    opacity: 1;

    border-radius: 0;

    margin: 0 5px;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}



.banner-pagination .swiper-pagination-bullet-active {

    background: #0072bf;

    width: 30px;

}



.dis-image {

    display: table-cell;

    vertical-align: middle;

    padding-left: 12%;

}



    .dis-image img {

        /* css3 animation */

        /* -webkit-animation: anim4 5s linear infinite;

    -moz-animation: anim4 5s linear infinite;

    -ms-animation: anim4 5s linear infinite;

    -o-animation: anim4 5s linear infinite;

	animation: anim4 5s linear infinite;*/

        width: 100%;

        animation: myfirst 120s linear infinite;

    }



@keyframes myfirst {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



@-webkit-keyframes myfirst {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



/* css3 keyframes - animation 4 */

@-webkit-keyframes anim4 {

    from {

        -webkit-transform: rotateZ(0deg);

    }



    50% {

        -webkit-transform: rotateZ(180deg);

    }



    to {

        -webkit-transform: rotateZ(360deg);

    }

}



@-moz-keyframes anim4 {

    from {

        -moz-transform: rotateZ(0deg);

    }



    50% {

        -moz-transform: rotateZ(180deg);

    }



    to {

        -moz-transform: rotateZ(360deg);

    }

}



@-ms-keyframes anim4 {

    from {

        -ms-transform: rotateZ(0deg);

    }



    50% {

        -ms-transform: rotateZ(180deg);

    }



    to {

        -ms-transform: rotateZ(360deg);

    }

}



@-o-keyframes anim4 {

    from {

        -o-transform: rotateZ(0deg);

    }



    50% {

        -o-transform: rotateZ(180deg);

    }



    to {

        -o-transform: rotateZ(360deg);

    }

}



@keyframes anim4 {

    from {

        transform: rotateZ(0deg);

    }



    50% {

        transform: rotateZ(180deg);

    }



    to {

        transform: rotateZ(360deg);

    }

}

/*home-banner -end*/

/*new-product*/

.new-product {

    padding-bottom: 80px;

    background: url(../images/bg_01.jpg) repeat left top 330px;

}



.new-product-box {

    background: #f5f5f5;

    -webkit-box-shadow: 0 30px 32px 0 rgba(84,84,84,.17);

    box-shadow: 0 30px 32px 0 rgba(84,84,84,.17);

    padding-bottom: 60px;

    position: relative;

}



    .new-product-box::before {

        content: '';

        width: 1000px;

        height: 330px;

        background: url(../images/bg_02.png) no-repeat right top;

        position: absolute;

        right: 100%;

        top: 0;

        z-index: 2;

    }



    .new-product-box::after {

        content: '';

        width: 1000px;

        height: 330px;

        background: url(../images/bg_03.png) no-repeat left top;

        position: absolute;

        left: 100%;

        top: 0;

        z-index: 2;

    }



.home-des {

    width: 860px;

    text-align: center;

    font-size: 16px;

    color: #666;

    margin: 0 auto;

}



.new-product .home-des {

    line-height: 26px;

    width: 730px;

}



.new-product-cont {

    text-align: center;

    margin-top: 30px;

    position: relative;

}



    .new-product-cont::after {

        content: '';

        width: 1px;

        height: 100%;

        background: #c4c4c4;

        position: absolute;

        left: 50%;

        top: 0;

    }



.col-2 {

    float: left;

    width: 50%;

}



.new-product-cont .m-item {

    display: inline-block;

}



.new-product-cont .m-pic {

    width: 280px;

    height: 280px;

    overflow: hidden;

}



    .new-product-cont .m-pic img {

        width: 100%;

        -webkit-transition: all .8s;

        -o-transition: all .8s;

        transition: all .8s;

    }



.new-product-cont .m-item:hover .m-pic img {

    -webkit-transform: scale(1.02);

    -ms-transform: scale(1.02);

    transform: scale(1.02);

}



.new-product-cont .m-tit {

    font-size: 20px;

    font-weight: 800;

    margin-top: 25px;

}



.new-product-cont .m-des {

    color: #888;

}



.new-product-cont .m-bot {

    margin-top: 20px;

    color: #666;

}



    .new-product-cont .m-bot span {

        color: #0072bf;

    }



.new-product-cont .m-cont {

    height: 240px

}



.new-product-cont em {

    display: inline-block;

    width: 24px;

    height: 24px;

    border: 2px solid #888;

    border-radius: 50%;

    font-size: 15px;

    text-align: center;

    line-height: 20px;

    color: #888;

    margin-top: 10px;

    -webkit-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

}



.new-product-cont .swiper-button-next:hover em, .new-product-cont .swiper-button-prev:hover em {

    color: #0072bf;

    border-color: #0072bf;

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px);

}



.new-product-cont .swiper-button-prev {

    transform: rotate(180deg);

}



.new-product-cont .swiper-button-next, .new-product-cont .swiper-button-prev {

    background: none;

}



.new-product-cont .swiper-button-next, .new-product-cont .swiper-button-prev {

    top: inherit;

    bottom: 0;

}



.new-product-cont .swiper-button-prev {

    left: 22.57%;

}



.new-product-cont .swiper-button-next {

    right: inherit;

    left: 25.85%;

}



.new-product .swiper-pagination {

    display: none;

}

/*new-product -end*/

/*home-product*/

.home-product {

    background: #f5f5f5;

    /* padding-bottom: 80px; */

}



.home-title {

    text-align: center;

    font-size: 40px;

    line-height: 54px;

    color: #111;

    padding: 73px 0 7px;

}



.home-product-top {

    text-align: center;

    font-size: 0

}



    .home-product-top .m-item {

        display: inline-block;

        padding: 0 42px;

        border-left: 1px solid #c6c6c6;

    }



        .home-product-top .m-item:first-child {

            border-left: none;

        }



    .home-product-top .m-num {

        font-family: "HNLTP";

        font-size: 40px;

        line-height: 1;

        display: inline-block;

    }



    .home-product-top .m-top span {

        font-size: 14px;

        color: #666;

        vertical-align: top;

        margin-left: 5px;

    }



    .home-product-top p {

        font-size: 16px;

        color: #666;

        margin-top: 6px;

    }



.home-product-menu {

    border-top: 3px solid #e6e6e6;

    background: #fff;

    margin-top: 36px;

}



    .home-product-menu.app {

        display: none;

    }



    .home-product-menu li {

        float: left;

    }



    .home-product-menu a {

        display: block;

        font-size: 18px;

        color: #666;

        line-height: 66px;

        text-align: center;

        padding: 0 48px;

        position: relative;

        -webkit-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s;

    }



        .home-product-menu a::before {

            content: '';

            width: 0;

            height: 3px;

            background: #0072bf;

            position: absolute;

            top: -3px;

            left: 50%;

            -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

            transform: translateX(-50%);

            -webkit-transition: all .4s;

            -o-transition: all .4s;

            transition: all .4s;

        }



        .home-product-menu a:hover,

        .home-product-menu li.active a {

            color: #0072bf;

        }



            .home-product-menu a:hover::before,

            .home-product-menu li.active a::before {

                width: 100%

            }



.home-product-tab {

    display: none;

}



    .home-product-tab.active {

        display: block;

    }



.h-pro-item {

    float: left;

    width: 25%;

    padding: 3px 0 3px 6px;

}



    .h-pro-item.it1 {

        width: 50%;

        padding: 3px 0;

    }



    .h-pro-item a {

        display: block;

        height: 344px;

        background: #fff;

        text-align: center;

        padding: 34px 44px;

    }



    .h-pro-item.it1 a {

        padding: 34px 90px;

        height: 694px;

    }



    .h-pro-item .m-tit {

        font-size: 20px;

        font-weight: 800;

        -o-text-overflow: ellipsis;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        -webkit-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s;

    }



    .h-pro-item .m-des {

        color: #888;

        -o-text-overflow: ellipsis;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

    }



    .h-pro-item .m-pic {

        width: 200px;

        height: 200px;

        margin: 25px auto 0 auto;

        overflow: hidden;

    }



        .h-pro-item .m-pic img {

            width: 100%;

            -webkit-transition: all .8s;

            -o-transition: all .8s;

            transition: all .8s;

        }



    .h-pro-item.it1 .m-pic {

        width: 340px;

        height: 340px;

        margin-top: 70px;

    }



.label-list {

    text-align: center;

    font-size: 0;

    margin-top: 68px;

}



    .label-list li {

        display: inline-block;

        font-size: 14px;

        color: #666;

        line-height: 30px;

        text-align: center;

        padding: 0 26px;

        border: 1px solid #e4e4e4;

        border-radius: 15px;

        margin: 5px;

        cursor: pointer;

        -webkit-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s;

    }



        .label-list li:hover {

            color: #0072bf;

            border-color: #0072bf;

        }



.h-pro-item:hover .m-tit {

    color: #0072bf

}



.h-pro-item:hover .m-pic img {

    -webkit-transform: scale(1.04);

    -ms-transform: scale(1.04);

    transform: scale(1.04);

}



@media (max-width: 1439px) {

    .h-pro-item a {

        height: 294px;

        padding: 26px 35px;

    }



    .h-pro-item .m-pic {

        width: 170px;

        height: 170px;

        margin: 20px auto 0 auto;

    }



    .h-pro-item.it1 a {

        height: 594px;

        padding: 26px 70px;

    }



    .h-pro-item.it1 .m-pic {

        width: 290px;

        height: 290px;

        margin-top: 60px;

    }



    .label-list {

        margin-top: 55px;

    }

}

/*home-product -end*/

/*home-partner*/

.home-partner {

    width: 100%;

}



.home-partner-menu {

    text-align: center;

    font-size: 0;

    border-bottom: 1px solid #d2d2d2;

    margin-bottom: 30px;

}



    .home-partner-menu li {

        display: inline-block;

    }



    .home-partner-menu a {

        display: block;

        font-size: 18px;

        line-height: 50px;

        padding: 0 28px;

        position: relative;

        -webkit-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s;

    }



        .home-partner-menu a::after {

            content: '';

            width: 0;

            height: 3px;

            background: #0072bf;

            position: absolute;

            bottom: -1px;

            left: 50%;

            z-index: 2;

            -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

            transform: translateX(-50%);

            -webkit-transition: all .6s;

            -o-transition: all .6s;

            transition: all .6s;

        }



    .home-partner-menu li:hover a::after,

    .home-partner-menu li.active a::after {

        width: 100%;

    }



.home-partner-tabs {

    position: relative;

    z-index: 2;

}



.home-partner-item {

    display: none;

    position: relative;

    padding-bottom: 40px;

    background: #fff;

}



    .home-partner-item.active {

        display: block;

    }



    .home-partner-item img {

        width: 100%;

        display: block;

    }



    .home-partner-item .m-cont {

        display: block;

        position: absolute;

        bottom: 0;

        left: 50px;

        z-index: 10;

        background: #fff;

        width: 650px;

        height: 287px;

        padding: 53px 60px;

        -webkit-box-shadow: 0 8px 21px 0 rgba(0,0,0,0.09);

        box-shadow: 0 8px 21px 0 rgba(0,0,0,0.09);

    }



    .home-partner-item .m-tit {

        font-size: 30px;

    }



    .home-partner-item .m-des {

        font-size: 16px;

        line-height: 24px;

        color: #666;

        margin: 6px 0 28px;

    }



    .home-partner-item i {

        display: inline-block;

        width: 24px;

        height: 24px;

        border: 2px solid #cdcdcd;

        border-radius: 50%;

        font-size: 15px;

        text-align: center;

        line-height: 20px;

        color: #cdcdcd;

        -webkit-transition: all .6s;

        -o-transition: all .6s;

        transition: all .6s;

    }



    .home-partner-item:hover i {

        color: #0072bf;

        border-color: #0072bf;

        -webkit-transform: translateX(10px);

        -ms-transform: translateX(10px);

        transform: translateX(10px);

    }



.home-partner-bottom {

    position: relative;

    height: 417px;

    z-index: 1

}



.home-partner-left {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    width: 50%;

    height: 460px;

    padding: 54px 0;

    background: #fff;

}



    .home-partner-left .swiper-slide {

        width: 33.33%;

    }



    .home-partner-left .m-item {

        max-width: 100%;

        width: 230px;

        margin: 0 auto;

        margin-bottom: 15px;

    }



        .home-partner-left .m-item img {

            width: 100%;

            display: block;

        }



        .home-partner-left .m-item img {

            width: 100%;

            display: block;

            filter: grayscale(100%);

            filter: gray;

            opacity: .7;

        }



        .home-partner-left .m-item:hover img {

            filter: none;

            opacity: 1;

        }



.default-pagination {

    text-align: center;

}



    .default-pagination .swiper-pagination-bullet {

        width: 22px;

        height: 3px;

        border-radius: 0;

        background: #d1d1d1;

        margin: 0 5px;

        opacity: 1;

        -webkit-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s;

    }



    .default-pagination .swiper-pagination-bullet-active {

        background: #0072bf;

        width: 30px;

    }



.home-partner-left .default-pagination {

    margin-top: 0px;

    padding: 0 50px;

    text-align: left;

}



.home-partner-left::after {

    content: '';

    width: 100%;

    height: 78px;

    background: url(../images/bg_04.png) no-repeat left top;

    background-size: 100% auto;

    position: absolute;

    top: 100%;

    left: 0;

}



.home-partner-right {

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 10;

    width: 50%;

    height: 538px;

    padding: 54px 60px;

    background: url(../images/bg05.png)no-repeat center;

    color: #fff;

    background-size: cover;

}



    .home-partner-right::after {

        content: '';

        width: 100%;

        height: 78px;

        background: url(../images/bg_05.png) no-repeat left top;

        background-size: 100% auto;

        position: absolute;

        top: 100%;

        left: 0;

        display: none;

    }



    .home-partner-right .m-tit {

        font-size: 40px;

        margin-top: 16px;

    }



    .home-partner-right .m-sub {

        font-size: 16px;

        margin-top: 7px;

    }



    .home-partner-right .m-hr {

        width: 47px;

        height: 4px;

        background: #fff;

        margin: 25px 0;

    }



    .home-partner-right .m-des {

        font-size: 18px;

        line-height: 32px;

        height: 160px;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 6;

        overflow: hidden;

    }



    .home-partner-right i {

        margin-top: 32px;

        display: inline-block;

        width: 24px;

        height: 24px;

        border: 2px solid rgba(255,255,255,.5);

        border-radius: 50%;

        font-size: 15px;

        text-align: center;

        line-height: 20px;

        color: rgba(255,255,255,.5);

        -webkit-transition: all .6s;

        -o-transition: all .6s;

        transition: all .6s;

    }



    .home-partner-right:hover i {

        color: #fff;

        border-color: #fff;

        -webkit-transform: translateX(10px);

        -ms-transform: translateX(10px);

        transform: translateX(10px);

    }

/*home-partner -end*/

/*home-about*/

.home-about-fig {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 174px 0 156px;

}



.home-about .home-title {

    color: #fff;

}



.home-about .home-des {

    color: rgba(255,255,255,.6)

}



.home-about-num {

    text-align: center;

    font-size: 0;

    color: #fff;

    margin-top: 50px;

}



    .home-about-num li {

        display: inline-block;

        padding: 0 58px;

    }



    .home-about-num .m-num {

        font-family: "HNLTP";

        font-size: 60px;

        line-height: 1;

        display: inline-block;

    }



    .home-about-num .m-top span {

        display: inline-block;

        width: 22px;

        height: 25px;

        font-size: 14px;

        background: url(../images/bg_06.png) no-repeat center top;

        vertical-align: top;

        margin-top: 9px;

        margin-left: 6px;

    }



    .home-about-num .m-hr {

        width: 20px;

        height: 3px;

        background: #fff;

        margin: 13px auto 16px auto;

    }



    .home-about-num p {

        font-size: 16px;

    }



.home-about-bot {

    background: #f5f5f5;

    padding-bottom: 80px;

}



.home-about-item {

    float: left;

    width: 25%;

    height: 452px;

    padding: 56px 40px;

    text-align: center;

    position: relative;

    -webkit-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

}



    .home-about-item .m-icon {

        width: 90px;

        height: 90px;

        position: relative;

        margin: 0 auto;

    }



        .home-about-item .m-icon img {

            width: 100%;

            display: block;

            -webkit-transition: all .4s;

            -o-transition: all .4s;

            transition: all .4s;

        }



    .home-about-item .aft {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 2;

        opacity: 0;

    }



    .home-about-item .m-tit {

        font-size: 30px;

        padding: 10px 0;

        border-bottom: 1px solid #c9c9c9;

        margin-top: 15px;

        -o-text-overflow: ellipsis;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

    }



    .home-about-item .m-des {

        font-size: 14px;

        line-height: 24px;

        color: #666;

        height: 96px;

        margin: 15px 0 30px;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 4;

        overflow: hidden;

    }



    .home-about-item i {

        display: inline-block;

        width: 24px;

        height: 24px;

        border: 2px solid #888;

        border-radius: 50%;

        font-size: 15px;

        text-align: center;

        line-height: 20px;

        color: #888;

        margin-top: 10px;

        -webkit-transition: all .6s;

        -o-transition: all .6s;

        transition: all .6s;

    }



    .home-about-item::before {

        content: '';

        width: 0px;

        height: 7px;

        background: #0072bf;

        position: absolute;

        top: -7px;

        left: 0;

        z-index: 10;

        -webkit-transition: all .6s;

        -o-transition: all .6s;

        transition: all .6s;

    }



    .home-about-item:hover i {

        border-color: #0072bf;

        color: #0072bf;

        -webkit-transform: translateX(10px);

        -ms-transform: translateX(10px);

        transform: translateX(10px);

    }



    .home-about-item:hover::before {

        width: 100%

    }



    .home-about-item:hover {

        background: #fff;

        -webkit-box-shadow: 0 8px 21px 0 rgba(0,0,0,.09);

        box-shadow: 0 8px 21px 0 rgba(0,0,0,.09);

    }



        .home-about-item:hover .bef {

            opacity: 0;

        }



        .home-about-item:hover .aft {

            opacity: 1;

        }



@media (max-width: 1439px) {

    .home-about-num li {

        padding: 0 42px;

    }

}

/*home-about -end*/

/*footer*/

.footer {

    background: #3d3d3d;

}



.footer-top {

    padding: 77px 0 48px;

}



.foot-menu {

    float: left;

    width: 70%;

}



.foot-itme {

    float: left;

    margin-right: 50px;

}



    .foot-itme dt {

        margin-bottom: 16px;

    }



        .foot-itme dt a {

            font-size: 18px;

            color: #fff;

        }



    .foot-itme dd {

        margin: 5px 0;

    }



        .foot-itme dd a {

            color: #888;

        }



.foot-ewm {

    float: right;

    width: 25%;

}



.ewm-item {

    float: right;

    text-align: center;

    margin-left: 10px;

}



    .ewm-item img {

        width: 117px;

    }



    .ewm-item p {

        margin-top: 12px;

        color: #888;

    }



.footer-bottom {

    position: relative;

    border-top: 1px solid #666;

    padding: 26px 0 35px;

}



.foot-logo {

    position: absolute;

    top: -5px;

    left: 50%;

    margin-left: -100px;

    width: 200px;

    background: #3d3d3d;

    text-align: center;

}



    .foot-logo img {

        width: 150px;

    }



.foot-info {

    color: #888;

    float: left;

    width: 40%;

}



.copyright .ctmon {

    margin-left: 20px;

}



.copyright a:nth-child(2) {

    margin-left: 20px;

}



.font-friends {

    margin-top: 7px;

}



    .font-friends a {

        margin-right: 22px;

    }



.footer-bottom .share {

    float: right;

}



.share .bdsharebuttonbox a {

    display: inline-block;

    width: 20px;

    height: 20px;

    padding: 0;

    background: 0;

    font-size: 18px;

    color: #888;

    line-height: 20px;

    text-align: center;

    margin: 0 0 0 30px;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



    .share .bdsharebuttonbox a:hover {

        color: #fff

    }



.footer a {

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    color: #888;

}



    .footer a:hover {

        color: #fff;

    }

/*footer -end*/

/*客服*/

.kf {

    z-index: 600;

    background-color: #fff;

    position: fixed;

    bottom: 100px;

    right: 20px;

    width: 62px;

    border-radius: 5px;

    display: none;

    -webkit-transition: all .8s;

    -o-transition: all .8s;

    transition: all .8s;

}



    .kf span {

        z-index: 602;

        -webkit-transition: all .5s;

        -o-transition: all .5s;

        transition: all .5s;

        cursor: pointer;

        position: relative;

        display: block;

        width: 62px;

        height: 62px;

        border-bottom: 1px solid #e3e3e3;

        background: url(../images/kefu_j.png) no-repeat center #fff;

    }



        .kf span:hover {

            background-color: #1b87cc;

        }



    .kf .zx {

        border-radius: 5px 5px 0 0;

        background-position: 0 0;

        display: none;

    }



        .kf .zx:hover {

            background-position: 0 -62px;

        }



    .kf .freetel {

        background-position: -62px 0;

        border-radius: 5px 5px 0 0;

    }



        .kf .freetel:hover {

            background-position: -62px -62px;

        }



    .kf .act {

        background-position: -186px 0;

    }



        .kf .act:hover {

            background-position: -186px -62px;

        }



    .kf .zxlya {

        background-position: -124px 0;

    }



        .kf .zxlya:hover {

            background-position: -124px -62px;

        }



    .kf .back_top {

        border-radius: 0 0 5px 5px;

        border: none;

        background-position: -248px 0;

    }



        .kf .back_top:hover {

            background-position: -248px -62px;

        }



    .kf span div {

        display: none;

        background-color: #fff;

        border-radius: 5px;

        position: absolute;

        right: 75px;

        padding: 20px;

        font-size: 14px;

        color: #f4474c;

        bottom: 2px;

    }



        .kf span div input {

            text-indent: .5em;

            display: block;

            margin: 15px 0;

            line-height: 28px;

            color: #696969;

            font-size: 12px;

            width: 140px;

            border: 1px solid #d1d1d1;

            border-radius: 2px;

            height: 28px;

        }



        .kf span div a {

            -o-transition: .5s;

            transition: .5s;

            -webkit-transition: .5s;

            display: block;

            background: #f4474c;

            border-radius: 2px;

            color: #fff;

            line-height: 26px;

            font-size: 12px;

            text-align: center;

            width: 79px;

            height: 26px;

        }



            .kf span div a:hover {

                background: #f4474c;

            }



.kfimgr {

    position: absolute;

    bottom: 23px;

    right: -9px;

}



.kf span div i {

    display: block;

    position: absolute;

    width: 15px;

    height: 200px;

    right: -15px;

    top: 0;

}



.kf .zx div, .kf .freetel div,

.kf .zxlya div, .kf span:nth-child(4) div {

    text-align: center;

    min-width: 148px;

    font-size: 14px;

    color: #666;

}



.kf span:nth-child(4) div {

    white-space: nowrap;

}



.kf a {

    display: block;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

}



.kf span div, .kf {

    -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);

}



.nav_center div, .index_nav_center div, .shou, .zhan {

    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);

}



.shou {

    z-index: 601;

    cursor: pointer;

    width: 30px;

    height: 40px;

    top: 50%;

    margin-top: -15px;

    border-radius: 5px 0 0 5px;

    right: 62px;

    background: url("../images/kefu_j.png") no-repeat -310px 0 #fff;

    position: absolute;

}



    .shou.on {

        background-position: -310px -40px;

    }



.header-app.hny .navbar-app {

    background: #333;

}



.header-app {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 60px;

    z-index: 500;

    overflow: hidden;

    -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

    box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

    -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

    -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

    transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}



    .header-app.open-menu {

        height: 100%;

        background: #fff;

        -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

        -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

        transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

    }



.navbar-app {

    position: relative;

    background: #fff !important;

    height: 60px;

    text-align: center;

}



.header-app .logo {

    float: left;

    height: 60px;

    vertical-align: middle;

    padding: 10px 15px 5px;

}



    .header-app .logo img {

        height: 100%;

    }



.app-sousuo {

    line-height: 22px;

    border-right: solid 1px #fff;

    padding-right: 0px;

    color: #0072bf;

    float: right;

    font-size: 22px !important;

    margin-top: 19px;

}



.alert-search {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    top: 0;

    left: 0;

    z-index: 9999;

}



.alert-top {

    height: 60px;

    background: #0072bf;

    padding: 0 15px;

}



    .alert-top .text {

        height: 30px;

        margin-top: 15px;

        background: none;

        border-bottom: solid 1px #ccc;

        width: 80%;

        float: left;

        color: white;

    }



    .alert-top .search {

        margin-left: 10px;

        background: url(../images/search.png) no-repeat center;

        width: 20px;

        height: 20px;

        background-size: cover;

        float: left;

        margin-top: 25px;

    }



    .alert-top span {

        color: #fff;

        float: right;

        font-size: 20px !important;

        margin-top: 21px;

    }



.navapp-user {

    float: right;

    width: 60px;

    height: 60px;

    color: rgba(255, 255, 255, .82);

    line-height: 60px;

    font-size: 16px;

}



.navbar-togger {

    float: right;

    background: transparent;

    border: none;

    padding: 22px 15px;

    display: inline-block;

    visibility: visible;

    transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);

}



    .navbar-togger .icon_bar {

        width: 24px;

        height: 2px;

        background-color: #1b87cc;

        opacity: 1;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }



        .navbar-togger .icon_bar:nth-of-type(2) {

            margin: 5px 0;

        }



.open-menu .navbar-togger .icon_bar:nth-of-type(2) {

    opacity: 0;

}



.open-menu .navbar-togger .icon_bar:first-child {

    -webkit-transform: translate(0, 7px) rotate(45deg);

    -ms-transform: translate(0, 7px) rotate(45deg);

    transform: translate(0, 7px) rotate(45deg);

}



.open-menu .navbar-togger .icon_bar:last-child {

    -webkit-transform: translate(0, -7px) rotate(-45deg);

    -ms-transform: translate(0, -7px) rotate(-45deg);

    transform: translate(0, -7px) rotate(-45deg);

}



.nav-menu {

    position: absolute;

    top: 50px;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    z-index: 620;

    padding: 20px;

    overflow-x: hidden;

    overflow-y: auto;

    visibility: hidden;

    -webkit-transition: visibility 0s linear 1s;

    -o-transition: visibility 0s linear 1s;

    transition: visibility 0s linear 1s;

}



.header-app.open-menu .nav-menu {

    visibility: visible;

    -webkit-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}



.nav-list li {

    border-bottom: 1px solid #e5e5e5;

    opacity: 0;

    pointer-events: none;

}



    .nav-list li.open {

        border-bottom: none;

    }



.header-app.open-menu .nav-list li {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

}



.nav-list li:nth-child(1) {

    -webkit-transform: translateY(-44px);

    -ms-transform: translateY(-44px);

    transform: translateY(-44px);

    transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;

}



.header-app.open-menu .nav-list li:nth-child(1) {

    transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;

}



.nav-list li:nth-child(2) {

    -webkit-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    transform: translateY(-40px);

    transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;

}



.header-app.open-menu .nav-list li:nth-child(2) {

    transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;

}



.nav-list li:nth-child(3) {

    -webkit-transform: translateY(-36px);

    -ms-transform: translateY(-36px);

    transform: translateY(-36px);

    transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;

}



.header-app.open-menu .nav-list li:nth-child(3) {

    transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;

}



.nav-list li:nth-child(4) {

    -webkit-transform: translateY(-32px);

    -ms-transform: translateY(-32px);

    transform: translateY(-32px);

    transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;

}



.header-app.open-menu .nav-list li:nth-child(4) {

    transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;

}



.nav-list li:nth-child(5) {

    -webkit-transform: translateY(-28px);

    -ms-transform: translateY(-28px);

    transform: translateY(-28px);

    transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;

}



.header-app.open-menu .nav-list li:nth-child(5) {

    transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;

}



.nav-list li:nth-child(6) {

    -webkit-transform: translateY(-24px);

    -ms-transform: translateY(-24px);

    transform: translateY(-24px);

    transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;

}



.header-app.open-menu .nav-list li:nth-child(6) {

    transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;

}



.nav-list li:nth-child(7) {

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

    transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;

}



.header-app.open-menu .nav-list li:nth-child(7) {

    transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;

}



.nav-list li:nth-child(8) {

    -webkit-transform: translateY(-16px);

    -ms-transform: translateY(-16px);

    transform: translateY(-16px);

    transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;

}



.header-app.open-menu .nav-list li:nth-child(8) {

    transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;

}



.cate-item {

    position: relative;

}



    .cate-item a {

        font-size: 16px;

        line-height: 48px;

        margin-right: 60px;

        display: block;

    }



.nav-list li.active .cate-item a,

.nav-list li.open .cate-item a {

    color: #0072bf;

}



.category-cont a:last-child {

    border: none;

}



.category-cont a.active {

    color: #0072bf;

}



.category-tig {

    font-size: 14px;

    color: #888;

    text-align: right;

    line-height: 48px;

    width: 50px;

    height: 48px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 2;

}



    .category-tig::before,

    .category-tig::after {

        content: '';

        background: #888;

        position: absolute;

        top: 50%;

        -webkit-transition: all .3s;

        -o-transition: all .3s;

        transition: all .3s;

    }



    .category-tig::before {

        width: 16px;

        height: 2px;

        right: 0;

        margin-top: -1px;

    }



    .category-tig::after {

        width: 2px;

        height: 16px;

        margin-top: -8px;

        right: 7px;

    }



.nav-list li.open .category-tig::after {

    opacity: 0;

}



.nav-list li.open .category-tig::before {

    background: #0072bf;

}



.category-cont {

    display: none;

}



.nav-list li.open .category-cont {

    display: block;

    border: solid 1px #e5e5e5;

}



.category-pad {

    padding: 0 15px;

}



.category-cont a {

    line-height: 40px;

    border-bottom: 1px dashed #e5e5e5;

    display: block;

}



.category-pad a.active {

    color: #0072bf;

}



.app-search {

    position: relative;

}



.app-search-text {

    width: 76%;

    height: 48px;

    font-size: 14px;

    text-align: left;

    display: inline-block;

    vertical-align: middle;

}



.app-search-btn {

    width: 48px;

    height: 48px;

    display: inline-block;

    background: transparent;

    vertical-align: middle;

    font-size: 16px;

    line-height: 48px;

    text-align: right;

    position: absolute;

    right: 0;

    top: 0;

}

/* app客服 */

.wrap2 {

    display: none;

    width: 57px;

    height: 57px;

    position: fixed;

    right: 10px;

    bottom: 20px;

    z-index: 1111;

}



.icon_menu {

    width: 57px;

    height: 57px;

    position: absolute;

    bottom: 0px;

    right: 4px;

    z-index: 10;

    cursor: pointer;

}



    .icon_menu span {

        display: none;

    }



.btnss {

    border-radius: 50%;

    width: 54px;

    height: 54px;

    border: solid 1px #0072bf;

    z-index: 1;

    position: absolute;

    bottom: 0;

    right: 0;

    margin: 0 5px 2px 0;

    cursor: pointer;

}



    .btnss span {

        display: block;

        width: 22px;

        height: 24px;

        font-size: 0;

        position: absolute;

        top: 50%;

        left: 50%;

        margin-top: -12px;

        margin-left: -11px;

        overflow: hidden;

    }



.btn4 {

    background: white url(../images/email.png) no-repeat center;

    background-size: 20px 15px;

}



.btn2 {

    background: white url(../images/add.png) no-repeat center;

    background-size: 20px 25px;

}



.btn3 {

    background: white url(../images/phone.png) no-repeat center;

    background-size: 20px 22px;

}



.btn1 {

    background: white url(../images/k-qq.png) no-repeat center;

    background-size: 20px 25px;

}



.btnss {

    -webkit-transition: bottom .2s,right .2s;

    -moz-transition: bottom .2s,right .2s;

    -o-transition: bottom .2s,right .2s;

    -ms-transition: bottom .2s,right .2s;

    transition: bottom .2s,right .2s;

}



.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1 {

    bottom: 0;

    right: 0;

}



.btn1.open1 {

    bottom: 125px;

    right: 0;

}



.btn2.open1 {

    bottom: 100px;

    right: 55px;

}



.btn3.open1 {

    bottom: 58px;

    right: 98px;

}



.btn4.open1 {

    bottom: 0px;

    right: 117px;

}



.icon_menu2 {

    /* css3 animation */

    -webkit-animation: anim4 5s linear infinite;

    -moz-animation: anim4 5s linear infinite;

    -ms-animation: anim4 5s linear infinite;

    -o-animation: anim4 5s linear infinite;

    animation: anim4 5s linear infinite;

}

/* css3 keyframes - animation 4 */

@-webkit-keyframes anim4 {

    from {

        -webkit-transform: rotateZ(0deg);

    }



    50% {

        -webkit-transform: rotateZ(180deg);

    }



    to {

        -webkit-transform: rotateZ(360deg);

    }

}



@-moz-keyframes anim4 {

    from {

        -moz-transform: rotateZ(0deg);

    }



    50% {

        -moz-transform: rotateZ(180deg);

    }



    to {

        -moz-transform: rotateZ(360deg);

    }

}



@-ms-keyframes anim4 {

    from {

        -ms-transform: rotateZ(0deg);

    }



    50% {

        -ms-transform: rotateZ(180deg);

    }



    to {

        -ms-transform: rotateZ(360deg);

    }

}



@-o-keyframes anim4 {

    from {

        -o-transform: rotateZ(0deg);

    }



    50% {

        -o-transform: rotateZ(180deg);

    }



    to {

        -o-transform: rotateZ(360deg);

    }

}



@keyframes anim4 {

    from {

        transform: rotateZ(0deg);

    }



    50% {

        transform: rotateZ(180deg);

    }



    to {

        transform: rotateZ(360deg);

    }

}



.nav_center div, .index_nav_center div, .shou, .zhan {

    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);

}



.shou {

    z-index: 1000000;

    cursor: pointer;

    width: 30px;

    height: 40px;

    top: 50%;

    margin-top: -15px;

    border-radius: 5px 0 0 5px;

    right: 62px;

    background: url("../images/kefq.png") no-repeat center #fff;

    position: absolute;

}



    .shou.on {

        background-image: url("../images/kefq1.png");

    }

/*app-底部*/

.foot-app {

    width: 100%;

    background: #3d3d3d;

    padding: 0 15px;

    display: none;

    background-size: cover;

}



.footer-tit {

    position: relative;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}



.open .footer-tit a {

    color: #fff;

}



.footer-tit a {

    font-size: 16px;

    color: #fff;

    line-height: 48px;

    margin-right: 48px;

    display: block;

}



.footer-tig {

    font-size: 14px;

    color: #888;

    text-align: right;

    line-height: 48px;

    width: 20px;

    height: 48px;

    position: absolute;

    right: 0px;

    top: 0;

    z-index: 2;

}



    .footer-tig::before,

    .footer-tig::after {

        content: '';

        background: #fff;

        position: absolute;

        top: 50%;

        transition: all .3s;

        left: 50%;

    }



    .footer-tig::before {

        width: 18px;

        height: 2px;

        margin-left: -8px;

    }



    .footer-tig::after {

        width: 2px;

        height: 18px;

        margin-top: -8px;

    }



.footer-item.open .footer-tig::after {

    opacity: 0;

}



.footer-item.open .footer-tig::before {

    /* background: #08795e; */

}



.footer-cont {

    display: none;

    border: solid 1px rgba(255, 255, 255, 0.6);

    border-top: 0;

    padding: 0 15px;

}



    .footer-cont a {

        line-height: 40px;

        color: #fff;

        display: block;

        font-size: 14px;

        border-bottom: dashed 1px rgba(255, 255, 255, 0.5);

    }



        .footer-cont a:last-child {

            border: none;

        }



.footer-item.open .footer-cont a.active {

    color: #0072bf;

}



.footer-top {

    padding: 30px 0 10px 0;

}



.footer-left {

    width: 30%;

    float: right;

}



    .footer-left img {

        display: block;

        width: 100%;

    }



.footer-right {

    width: 100%;

}



    .footer-right p {

        font-size: 14px;

        color: #9f9f9f;

        line-height: 30px;

        margin-top: 10px;

        text-align: center;

    }



        .footer-right p a {

            display: inline-block;

            margin-right: 20px;

            transition: ease .5s;

        }



            .footer-right p a:hover {

                color: rgba(244, 222, 193, 1);

            }



.footer-bot {

    padding: 20px 0;

    border-top: solid 1px rgba(255, 255, 255, 0.5);

}



.footer-share {

    text-align: right;

}



.footer-right .img {

    float: left;

    width: 45%;

}



.foot-logo1 {

    margin: 30px 0;

}



.footer-right .img .img1 {

    float: left;

    margin-right: 30px;

}



.footer-right .fr2 {

    float: right;

}



.footer-share a {

    display: inline-block !important;

    float: none !important;

    background: none !important;

    font-size: 20px !important;

    height: 30px !important;

    line-height: 30px !important;

    margin: 0 7px !important;

    padding: 0 !important;

    opacity: 1 !important;

    color: rgba(255, 255, 255, 0.5) !important;

}



.footer-bot p,

.footer-bot p a {

    font-size: 14px;

    color: #9f9f9f;

    line-height: 22px;

    transition: ease .5s;

}



.bdshare-button-style2-16 a:hover {

    color: #fff !important;

}



.footer-bot p a:hover {

    color: #fff;

}



.footer-bot p {

    float: right;

    margin-right: 15px;

}



    .footer-bot p:last-child {

        float: left;

    }



    .footer-bot p:first-child {

        float: left;

    }



.footer-link,

.footer-link a {

    line-height: 26px;

    font-size: 14px;

    color: rgba(244, 222, 193, .6);

}



.footer-link {

    padding-bottom: 20px;

    overflow: hidden;

}



    .footer-link a {

        display: block;

        float: left;

        margin-right: 15px;

    }



    .footer-link span {

        float: left;

    }



/* .footer-right .img{width: 100%;margin: 0 auto;text-align: center;float: none;} */

.footer-right .img .image {

    float: left;

    width: 25%;

}



.footer-right .con1 {

    float: none;

    width: 100%;

    text-align: center;

    margin-left: 0;

}



    .footer-right .con1 .bdshare-button-style2-16 .bds_sqq, .footer-right .con1 .bdshare-button-style2-16 .bds_tsina, .footer-right .con1 .bdshare-button-style2-16 .bds_weixin {

        background: none !important;

        font-size: 20px !important;

        float: none !important;

    }



.footer-bot p:nth-child(2) {

    margin-right: 0;

}



@media(max-width:1439px) {

    .home-partner-left .default-pagination {

        margin-top: 42px;

    }



    .home-partner-left {

        height: 464px;

    }



    .foot-info {

        width: 42%;

    }

}



@media(max-width:1025px) {

    .wrap2 {

        display: block;

    }



    .footer, .kf {

        display: none !important;

    }



    .header-app, .foot-app {

        display: block;

    }

}



@media(max-width:1025px) {

    .header {

        display: none !important;

    }



    .header-app {

        display: block;

    }

}



@media (max-width: 1250px) {

    .container-middle, .main {

        width: 1150px;

    }



    .home-about-num li {

        padding: 0 41px;

    }



    .home-product-menu li {

        width: 20%;

    }



    .new-product-box::after, .new-product-box::before {

        width: 40px;

    }



    .foot-info {

        width: 40%;

    }

}



@media (max-width: 1170px) {

    .container-middle, .main {

        width: 1000px;

    }



    .home-about-num li {

        padding: 0 28px;

    }



    .navitem {

        margin-left: 19px;

    }



    .header .slogan h3 {

        font-size: 24px;

    }



    .header .logo {

        width: 15%;

    }



        .header .logo img {

            width: 100%;

        }



    .new-product-box::after, .new-product-box::before {

        width: 60px;

    }



    .home-product-menu a {

        padding: 0 37px;

    }



    .label-list {

        margin-top: 15px;

    }



    .home-partner-right {

        height: 520px;

        padding: 54px 60px 40px;

    }



    .home-partner-left .default-pagination {

        margin-top: 70px;

    }



    .home-partner-left {

        padding: 66px 0 40px;

    }



    .foot-ewm {

        width: 26%;

    }



    .home-about-item {

        height: 416px;

        padding: 35px 40px;

    }



    .home-partner-left {

        height: 453px;

    }



    .navitem:first-child {

        margin-right: 0;

    }

}



@media (max-width: 1025px) {

    .container-middle, .main {

        width: 768px;

    }



    body {

        padding-top: 60px;

    }



    .new-product-box::after, .new-product-box::before {

        width: 1000px;

    }



    .home-product-top .m-item {

        padding: 0 20px;

    }



    .home-product-menu a {

        padding: 0 13px;

    }



    .h-pro-item a {

        height: 264px;

        padding: 26px 35px;

    }



    .h-pro-item .m-pic {

        width: 100%;

        height: 100%;

    }



    .h-pro-item.it1 a {

        height: 450px;

        padding: 26px 30px;

    }



    .h-pro-item.it1 .m-pic {

        margin-top: 5px;

        width: 270px;

        height: 270px;

    }



    .label-list li {

        padding: 0 20px;

    }



    .home-partner-item .m-cont {

        width: 470px;

        height: 200px;

        left: 20px;

        padding: 20px 30px;

    }



    .home-partner-item .m-des {

        margin: 6px 0 18px;

    }



    .home-partner-menu {

        margin-bottom: 20px;

    }



    .home-partner-right {

        height: 475px;

        padding: 30px 60px 40px;

    }



    .home-partner-left {

        padding: 75px 0 40px;

        height: 416px;

    }



    .home-about-num li {

        width: 33%;

        margin-top: 20px;

    }



    .home-about-num {

        margin-top: 30px;

    }



    .home-about-item {

        width: 50%;

    }



    .home-about-fig {

        padding: 74px 0 156px;

    }



    .home-partner-left .default-pagination {

        margin-top: 86px;

    }

}



@media (max-width: 768px) {

    .container-middle, .main {

        padding: 0 10px;

    }

}



@media(max-width:640px) {

    .container-middle, .main {

        width: auto;

        padding: 0 10px;

        width: 100% !important;

    }



    .new-product .home-des {

        width: 100%;

    }



    .new-product-cont::after {

        display: none;

    }



    .col-2 {

        float: none;

        width: 100%;

        margin-bottom: 30px;

    }



    .new-product-cont .m-pic {

        width: 100%;

        height: inherit;

        overflow: hidden;

    }



    .new-product-cont .m-cont {

        height: 180px;

    }



    .home-title {

        font-size: 26px;

    }



    .new-product {

        padding-bottom: 40px;

    }



    .new-product-cont i {

        margin-top: 0;

    }



    .footer-right .img {

        float: none;

        width: 100%;

    }



        .footer-right .img .img1 {

            float: left;

            margin: 0px 36px;

        }



    .foot-logo1 {

        text-align: center;

    }



    .footer-right .fr2 {

        float: none;

        width: 100%;

    }



    .home-about-item .m-des {

        height: 50px;

        margin: 10px 0;

    }



    .home-about-item {

        width: 50%;

        height: inherit;

        padding: 20px 10px;

    }



    .home-product-top .m-item:nth-child(odd) {

        border-left: none;

    }



    .home-product-top .m-item {

        width: 50%;

        margin-bottom: 20px;

        padding: 0 15px;

    }



    .home-product-top {

        margin-top: 20px;

    }



    .home-product-menu {

        display: none;

    }



        .home-product-menu.app {

            display: block;

        }



            .home-product-menu.app li {

                width: 100%;

            }



    .h-pro-item.it1 {

        width: 100%;

    }



    .h-pro-item {

        width: 50%;

        border: 1px solid #dedede63;

    }



        .h-pro-item a {

            height: inherit;

        }



    .home-partner-menu a {

        padding: 0 19px;

        font-size: 16px;

    }



    .home-partner-item .m-cont {

        position: static;

        width: 100%;

        height: inherit;

    }



    .home-partner-item .m-des {

        margin: 6px 0 5px;

        font-size: 14px;

    }



    .home-partner-item .m-tit {

        font-size: 20px;

    }



    .home-partner-left {

        width: 100%;

        position: static;

        height: inherit;

        padding: 20px 0 40px;

    }



    .home-partner-right {

        width: 100%;

        position: static;

        height: inherit;

    }



    .home-partner-left::after {

        display: none;

    }



    .home-partner-right {

        background-image: url(../images/bg05a.png);

        padding: 30px 40px 40px;

    }



    .home-partner-left .default-pagination {

        margin-top: 0;

        width: 100%;

        text-align: center;

        padding: 0;

        margin-top: 20px;

    }



    .home-partner-bottom {

        position: static;

        height: inherit;

    }



    .home-des {

        width: 100%;

    }



    .home-title {

        padding: 0;

        padding-bottom: 10px;

        line-height: 36px;

        font-size: 24px;

    }



    .home-partner {

        padding: 20px 0;

    }



    .home-about-num li {

        padding: 0 10px;

        width: 50%;

    }



    .home-about-fig {

        padding: 50px 0 60px;

    }



    .home-about-bot {

        padding-bottom: 20px;

    }



    .home-product {

        padding-bottom: 40px;

        padding-top: 20px;

    }



    .home-product-menu {

        margin-top: 10px;

    }



    .new-product-box {

        padding: 30px 0 10px;

    }



    .home-partner-right .m-des {

        font-size: 14px;

        line-height: 24px;

    }



    .home-partner-right .m-tit {

        font-size: 19px;

    }

    /* .home-about-num .m-num{font-size: 50px;} */

    .home-about-item .m-tit {

        font-size: 16px;

        margin-top: 0;

    }



    .home-product-top p {

        font-size: 14px;

    }



    .h-pro-item .m-tit {

        font-size: 16px;

    }



    .new-product .swiper-pagination {

        display: block;

    }



    .new-product .swiper-button-next, .new-product .swiper-button-prev {

        display: none;

    }



    .new-product .swiper-pagination-bullet {

        background: transparent;

        border: 1px solid #333;

    }



    .new-product .swiper-pagination-bullet-active {

        background: #0072bf;

        border-color: #0072bf;

    }



    .home-about-item .aft {

        opacity: 1;

    }



    .home-about-item .bef {

        opacity: 0;

    }



    .home-about-item i {

        border-color: #0072bf;

        color: #0072bf;

    }

    /* .home-about-item::before{width: 100%;} */

    .home-product-top .m-num {

        font-size: 30px;

    }

}



@media(max-width:375px) {

    .home-partner-menu a {

        padding: 0 15px;

    }



    .footer-right .img .img1 {

        margin: 0 27px;

    }

}



@media(max-width:360px) {

    .home-product-top .m-item {

        padding: 0 5px;

    }



    .label-list li {

        padding: 0 9px;

    }



    .h-pro-item .m-tit {

        font-size: 18px;

    }



    .home-partner-menu a {

        padding: 0 16px;

        font-size: 16px;

    }



    .footer-right .img .img1 {

        margin: 0px 24px;

    }

}



@media(max-width:320px) {

    .footer-right .img .img1 {

        margin: 0px 14px;

    }



    .home-about-num .m-num {

        font-size: 42px;

    }



    .home-product-menu a {

        padding: 0 11px;

    }



    .h-pro-item.it1 a {

        padding: 26px 25px;

    }



    .home-partner-menu a {

        padding: 0 11px;

    }

}

/*============ banner ============*/

.banner {

    background-size: cover;

    width: 100%;

}



.ny-banner-text {

    background: url(../images/ny-txt.png)no-repeat center left;

    padding: 154px 0 150px 30px;

}



    .ny-banner-text h2 {

        font-size: 36px;

        color: #fff;

        line-height: 40px;

    }



    .ny-banner-text h3 {

        font-size: 20px;

        color: #fff;

        line-height: 26px;

        margin-top: 10px;

    }

/*========== bread ===========*/

.bread {

    padding-top: 10px;

}



    .bread p {

        font-size: 14px;

        line-height: 20px;

        color: #666;

        padding-top: 20px;

    }



    .bread a {

        display: inline-block;

        transition: ease .5s;

    }



        .bread a:hover {

            color: #0072bf;

        }



    .bread span {

        display: inline-block;

        color: #dcdcdc;

    }

/*========= menu =============*/

.menu {

    padding-top: 10px;

}



    .menu li {

        display: inline-block;

        width: 14.4%;

    }



        .menu li a {

            display: inline-block;

            font-size: 16px;

            line-height: 30px;

            color: #333;

            transition: ease .5s;

            position: relative;

        }



        .menu li.on a, .menu li:hover a {

            color: #0072bf;

            border-bottom: 3px solid #0072bf;

        }



#menu {

    border-bottom: 1px solid #dcdcdc;

}

/*========= page======== */

.page {

    text-align: center;

    position: relative;

}



    .page a {

        display: inline-block !important;

        font-size: 18px;

        line-height: 38px;

        color: #3a3e3f;

        border-radius: 50%;

        transition: ease .5s;

        width: 38px;

        height: 38px;

        text-align: center;

    }



        .page a:hover, .page a.on {

            color: #fff;

            background: #0072bf;

        }



.page-prev {

    border: 1px solid #dfe3e5;

    position: absolute;

    left: 0;

    top: 0;

}



.page-next {

    border: 1px solid #dfe3e5;

    position: absolute;

    right: 0;

    top: 0;

}



    .page-next i, .page-prev i {

        color: #a3a7a9;

        font-weight: bold;

        line-height: 36px;

    }



    .page-next:hover i, .page-prev:hover i {

        color: #fff;

    }

/* =======news======= */

.news {

    padding-bottom: 65px;

}



.news-one {

    background: #f2f2f2;

    margin-top: 40px;

}



.news a {

    di splay: block;

}



.news-one-img {

    float: left;

    width: 32.75%;

}



.news-one-text {

    float: right;

    width: 67.25%;

    padding: 40px 45px 45px 45px;

}



.news-one-tit {

    border-bottom: 1px solid #c9c9c9;

    padding-bottom: 25px;

}



    .news-one-tit h3 {

        font-size: 20px;

        line-height: 30px;

        color: #333;

        float: left;

        transition: ease .5s;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        width: 80%;

    }



.news a:hover .news-one-tit h3 {

    color: #0072bf;

}



.news-one-tit span {

    display: inline-block;

    font-size: 14px;

    line-height: 24px;

    color: #666;

    float: right;

}



.news-one-p {

    padding-top: 25px;

}



    .news-one-p p {

        font-size: 14px;

        line-height: 24px;

        color: #666;

        width: 78%;

        float: left;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

        overflow: hidden;

    }



    .news-one-p i {

        display: inline-block;

        float: right;

        width: 24px;

        height: 24px;

        border: 2px solid #888;

        border-radius: 50%;

        font-size: 15px;

        text-align: center;

        line-height: 20px;

        transition: ease .5s;

    }



.news a:hover .news-one-p i {

    border-color: #0072bf;

    color: #0072bf;

    transform: translateX(10px);

}



.news-one-img img {

    width: 100%;

    transition: ease .5s;

}



.news ul {

}



.news li {

    width: 100%;

    background: #eeeeee;

    margin-top: 20px;

}



    .news li .news-one-text {

        width: 100%;

    }



    .news li .news-one-p p {

        width: 86%;

        -webkit-line-clamp: 2;

    }



.news .page {

    margin-top: 40px;

}

/*============= service ============*/

.service {

    padding-bottom: 60px;

}



.service-banner-txt {

    padding: 140px 0 143px 30px;

}



    .service-banner-txt h3 {

        margin-top: 5px;

    }



.service-one {

}



.service-one-tit {

    text-align: center;

    margin-top: 35px;

}



    .service-one-tit h3 {

        font-size: 30px;

        line-height: 34px;

        color: #333;

    }



    .service-one-tit p {

        font-size: 16px;

        line-height: 26px;

        color: #666;

        margin-top: 10px;

    }



.service-one-img {

    margin-top: 90px;

}



    .service-one-img .img {

        float: left;

        width: 50%;

    }



        .service-one-img .img:last-child {

            float: right;

            width: 45.92%;

            border-bottom: 2px solid #d5d5d5;

        }



    .service-one-img img {

        width: 100%;

    }



.service ul {

    margin-top: 85px;

}



.service li {

    position: relative;

    width: 52.5%;

    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

    padding: 70px 60px;

    height: 333px;

}



    .service li.service-left {

        float: left;

        margin-bottom: -68px;

    }



    .service li.service-right {

        float: right;

    }



    .service li span {

        display: inline-block;

        font-size: 60px;

        color: #c6c6c6;

        position: absolute;

        top: 20px;

        right: 20px;

        font-family: auto;

    }



    .service li img {

    }



    .service li .service-li-tit {

        font-size: 20px;

        line-height: 30px;

        color: #333;

        border-bottom: 1px solid #d5d5d5;

        padding-bottom: 32px;

    }



        .service li .service-li-tit img {

            display: inline-block;

            margin-right: 15px;

        }



    .service li p {

        font-size: 14px;

        line-height: 24px;

        color: #666;

        margin-top: 25px;

    }

/* ===========faq =============*/

.faq {

    padding-bottom: 65px;

}



.faq-box {

    margin-top: 40px;

}



    .faq-box .wt {

        padding: 25px 0;

        border-bottom: 1px solid #888;

    }



        .faq-box .wt:first-child {

            border-top: 1px solid #888;

        }



        .faq-box .wt .block h3 {

            float: left;

            font-size: 18px;

            line-height: 26px;

            color: #333;

            transition: ease .5s;

        }



        .faq-box .wt .block i {

            display: inline-block;

            float: right;

            font-size: 14px;

            color: #929292;

            text-align: right;

            line-height: 20px;

            width: 20px;

            height: 20px;

            position: relative;

            transition: ease .5s;

        }



        .faq-box .wt .block.active i {

            transform: translateX(-5px) translateY(8px);

        }



        .faq-box .wt .block i::before, .faq-box .wt .block i::after {

            content: '';

            background: #929292;

            position: absolute;

            top: 50%;

            transition: all .3s;

            left: 50%;

        }



        .faq-box .wt .block i::before {

            width: 18px;

            height: 2px;

            margin-left: -8px;

        }



        .faq-box .wt .block i::after {

            width: 2px;

            height: 18px;

            margin-top: -8px;

        }



        .faq-box .wt .block.active i::before {

            transform: translate(0, -7px) rotate(-45deg);

            background: #0072bf;

        }



        .faq-box .wt .block.active i::after {

            transform: translate(0, -7px) rotate(-45deg);

            background: #0072bf;

        }



        .faq-box .wt .block.active h3, .faq-box .wt:hover .block h3 {

            color: #0072bf;

        }



        .faq-box .wt .hide {

            display: none;

            margin-top: 10px;

        }



            .faq-box .wt .hide p {

                font-size: 14px;

                line-height: 26px;

                color: #666;

            }



            .faq-box .wt .hide.active {

                display: block;

            }



.faq .page {

    margin-top: 40px;

}

/* =======zhaopin========== */

.zhaopin {

    padding-bottom: 60px;

}



.zhaopin-box {

    margin-top: 30px;

}



    .zhaopin-box .wt {

        margin-top: 10px;

    }



        .zhaopin-box .wt .block h4 {

            float: right;

            font-size: 20px;

            color: #666;

            line-height: 50px;

            margin-right: 30px;

        }



        .zhaopin-box .wt .block h3 {

            float: left;

            font-size: 20px;

            color: #333;

            transition: ease .5s;

            line-height: 50px;

            margin-left: 30px;

        }



        .zhaopin-box .wt .block i {

            display: inline-block;

            float: left;

            font-size: 20px;

            color: #666;

            text-align: right;

            line-height: 50px;

            width: 50px;

            height: 50px;

            background: #dddddd;

            position: relative;

            transition: ease .5s;

        }



        .zhaopin-box .wt .block.active i {

            background-color: #099ef4;

        }



        .zhaopin-box .wt .block {

            background: #f8f8f8;

        }



            .zhaopin-box .wt .block.active {

                background-color: #0072bf;

            }



            .zhaopin-box .wt .block i::before, .zhaopin-box .wt .block i::after {

                content: '';

                background: #666;

                position: absolute;

                top: 50%;

                transition: all .3s;

                left: 50%;

            }



            .zhaopin-box .wt .block i::before {

                width: 20px;

                height: 2px;

                margin-left: -9px;

            }



            .zhaopin-box .wt .block i::after {

                width: 2px;

                height: 20px;

                margin-top: -9px;

            }



            .zhaopin-box .wt .block.active i::before {

                background: #fff;

            }



            .zhaopin-box .wt .block.active i::after {

                opacity: 0;

            }



            .zhaopin-box .wt .block.active h3, .zhaopin-box .wt .block.active h4 {

                color: #fff;

            }



        .zhaopin-box .wt .hide {

            display: none;

            background: #f8f8f8;

            padding: 56px 50px 60px 50px;

        }



            .zhaopin-box .wt .hide h5 {

                font-size: 16px;

                line-height: 28px;

                color: #333;

            }



.zhaopin-hide-one {

    float: left;

    width: 50%;

    padding-right: 40px;

}



    .zhaopin-hide-one p {

        font-size: 14px;

        line-height: 20px;

        color: #666;

        margin-top: 20px;

    }



    .zhaopin-hide-one a {

        display: block;

        width: 155px;

        height: 42px;

        line-height: 42px;

        font-size: 14px;

        color: #fff;

        text-align: center;

        background: #099ef4;

        border-radius: 5px;

        transition: ease .5s;

        margin-top: 35px;

    }



.zhaopin-hide-two {

    float: right;

    width: 50%;

    border-left: 1px solid #d5d5d5;

    padding-left: 35px;

}



    .zhaopin-hide-two p {

        font-size: 14px;

        line-height: 20px;

        color: #888;

        margin-top: 20px;

    }



.zhaopin-box .wt .hide.active {

    display: block;

}



.zhaopin-box .wt .hide:hover .zhaopin-hide-one a {

    transform: translateY(-10px);

}

/* ==========video=========== */

.video {

    padding: 25px 0 65px;

}

/*视频弹窗*/

.msg-box-bg {

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    display: none;

    z-index: 10001;

    background: rgba(0,0,0,0.5);

}



.msg-box {

    width: 860px;

    height: 524px;

    padding: 50px;

    background-color: #F3F3F3;

    position: absolute;

    left: 50%;

    margin-left: -430px;

    top: 0;

    margin-top: -262px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}



    .msg-box .close-box {

        width: 38px;

        height: 38px;

        font-size: 30px;

        color: #666;

        cursor: pointer;

        position: absolute;

        right: 10px;

        top: 10px;

        -webkit-transition: .5s;

        -ms-transition: .5s;

        -moz-transition: .5s;

        -o-transition: .5s;

        transition: .5s;

    }



        .msg-box .close-box:hover {

            -webkit-transform: rotate(90deg);

            -ms-transform: rotate(90deg);

            -moz-transform: rotate(90deg);

            -o-transform: rotate(90deg);

            transform: rotate(90deg);

        }

/*视频弹窗  -end*/

.video ul {

    margin: 0 -7px;

    position: relative;

}



    .video ul::before {

        content: "";

        position: absolute;

        width: 98.8%;

        height: 1px;

        background: #d2d2d2;

        bottom: 0;

        left: 7px;

    }



    .video ul.video-last::before {

        display: none;

    }



.video li {

    float: left;

    width: 33.3%;

    padding: 0 7px 15px;

    overflow: hidden;

    margin-top: 15px;

}



    .video li a {

        display: block;

        width: 100%;

        position: relative;

        transition: ease .5s;

    }



        .video li a .image {

            position: relative;

        }



            .video li a .image::before {

                content: "";

                position: absolute;

                width: 100%;

                height: 100%;

                background: rgba(0, 0, 0, .2) url(../images/bf.png)no-repeat center;

                top: -100%;

                left: 0;

                transition: ease .5s;

            }



    .video li:hover a .image::before {

        top: 0;

    }



    .video li img {

        width: 100%;

    }



    .video li h3 {

        position: absolute;

        width: 100%;

        height: 60px;

        background: rgba(0, 0, 0, .5);

        padding: 15px 30px;

        bottom: 0;

        left: 0;

    }



        .video li h3 span {

            font-size: 20px;

            line-height: 30px;

            color: #fff;

            float: left;

        }



            .video li h3 span:last-child {

                float: right;

                font-size: 16px;

                line-height: 30px;

                color: #ababab;

            }



.video .page {

    margin-top: 25px;

}

/* ==========contact=========== */

.contact {

}

/*contact-start*/

.sec-contact {

    padding: 40px 0 85px;

}



.support-title {

    padding: 60px 0 40px;

    text-align: center;

}



    .support-title h3 {

        font-size: 33px;

    }



    .support-title .hr {

        width: 30px;

        height: 2px;

        margin: 17px auto 0 auto;

    }



.contact-box {

    margin: 0 -10px;

}



    .contact-box li {

        float: left;

        width: 25%;

        padding: 0 10px;

        text-align: center;

    }



.coo-li {

    width: 100%;

    height: 200px;

    background: #fff;

    padding: 30px;

    -webkit-box-shadow: 0 0 20px 4px rgba(0,0,0,.1);

    box-shadow: 0 0 20px 4px rgba(0,0,0,.1);

}



.contact-box .icon {

    width: 44px;

    height: 44px;

    overflow: hidden;

    margin: 0 auto;

    text-align: center;

    line-height: 1;

    font-size: 44px;

    color: #0072bf;

}



.contact-box .tit {

    font-size: 20px;

    margin: 10px 0;

}



.contact-box .des {

    color: #777;

    word-break: break-all;

}



.contact-box a {

    color: #777;

    -webkit-transition: all.3s;

    -o-transition: all.3s;

    transition: all.3s;

}



    .contact-box a:hover {

        color: #0072bf;

    }



.contact-box em.ic-email {

    display: inline-block;

    width: 37px;

    height: 37px;

    background: url(../images/ic-email.png)no-repeat center;

}

/*contact-end*/

/*message-start*/

.sec-message {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding-bottom: 70px;

}



    .sec-message .support-title h3 {

        color: #fff

    }



    .sec-message .support-title .hr {

        background: #fff;

    }



.message-form {

    width: 1150px;

    margin: 0 auto;

}



    .message-form .col-3 {

        float: left;

        width: 33.3333%;

        padding: 0 20px;

    }



    .message-form .col-1 {

        float: left;

        width: 100%;

        padding: 0 20px;

    }



.input-box {

    margin-bottom: 30px;

}



    .input-box input, .input-box textarea {

        width: 100%;

        font-size: 14px;

        color: #666;

        padding: 15px 12px;

        line-height: 20px;

        background: #fff;

    }



.message-form textarea {

    height: 260px;

    resize: none;

}



.message-bot {

    text-align: center;

    margin-top: 6px;

}



.btn-submit {

    display: inline-block;

    font-size: 16px;

    line-height: 35px;

    padding: 0 47px;

    border: 2px solid #fff;

    border-radius: 20px;

    /* background: #d90e1e; */

    color: #fff;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



    .btn-submit:hover {

        background: #0072bf;

        border-color: #0072bf

    }

/*message-end*/

/*map-start*/

.address-box {

    padding: 68px 0 35px;

}



.address-item {

    width: 43%;

    padding: 0 45px;

}



    .address-item .tit {

        font-size: 20px;

        position: relative;

        line-height: 30px;

        font-weight: bold;

        padding-bottom: 5px;

    }



        .address-item .tit::before {

            content: "";

            position: absolute;

            width: 30px;

            height: 2px;

            background: #888;

            bottom: 0;

            left: 0;

        }



    .address-item .des {

        line-height: 26px;

        color: #666;

        margin-top: 20px;

    }



    .address-item i {

        display: inline-block;

        display: table-cell;

        vertical-align: middle;

        padding-right: 64px;

    }



        .address-item i.i-phone {

            width: 31px;

            height: 31px;

            background: url(../images/i-phone.png)no-repeat center left;

        }



        .address-item i.i-email {

            width: 34px;

            height: 32px;

            background: url(../images/i-email.png)no-repeat center left;

        }



        .address-item i.i-chuanzhen {

            width: 34px;

            height: 32px;

            background: url(../images/i-chuanzhen.png)no-repeat center left;

        }



        .address-item i.i-address {

            width: 34px;

            height: 34px;

            background: url(../images/i-address.png)no-repeat center left;

        }



    .address-item .des p {

        font-size: 14px;

        color: #333;

        line-height: 32px;

        height: 32px;

        display: table;

        margin-bottom: 25px;

    }



        .address-item .des p span {

            display: inline-block;

            font-size: 16px;

            color: #333;

        }



            .address-item .des p span.span-p {

                display: inline-block;

                font-size: 14px;

                color: #333;

                line-height: 32px;

                height: 32px;

                margin-left: 0;

            }



        .address-item .des p i.span-p {

            display: inline-block;

            font-style: normal;

        }

/*map-end*/

@media (max-width:1260px) {

    .subbanner .sub-cont {

        margin-left: -475px;

    }



    .message-form {

        width: 100%;

    }



        .message-form .col-3 {

            padding: 0 10px;

        }



        .message-form .col-1 {

            padding: 0 10px;

        }

}



@media (max-width: 1023px) {

    .subbanner .sub-cont {

        margin-left: -360px;

    }



    .coo-li {

        padding: 30px 10px;

    }



    .message-form .col-3 {

        padding: 0 5px;

    }



    .message-form .col-1 {

        padding: 0 5px;

    }



    .input-box {

        margin-bottom: 10px;

    }



    .address-item {

        width: 50%;

    }

}



@media (max-width: 767px) {

    .subbanner-pic img {

        height: 300px;

    }



    .subbanner .sub-cont {

        margin-left: 15px;

        left: 0;

        padding: 15px;

        width: 150px;

    }



    .subbanner .icon {

        font-size: 30px;

    }



    .sec-contact {

        padding-bottom: 40px;

    }



    .support-title {

        padding: 40px 0 30px;

    }



    .contact-box {

        margin: 0 -5px;

    }



        .contact-box li {

            width: 50%;

            padding: 0 5px;

            margin-bottom: 10px;

        }



    .coo-li {

        padding: 20px 10px;

        height: 180px;

    }



    .support-title h3 {

        font-size: 24px;

    }



    .sec-message {

        padding-bottom: 50px;

    }



    .message-form .col-3 {

        width: 100%;

        padding: 0;

    }



    .message-form .col-1 {

        padding: 0;

    }



    .message-form textarea {

        height: 180px;

    }



    .btn-submit {

        padding: 0 30px;

        height: 30px;

        line-height: 30px;

        font-size: 14px;

    }



    .address-box {

        padding: 40px 0 0;

    }



    .address-item {

        width: 100%;

        padding: 0;

        margin-bottom: 30px;

    }

}

/* =========new=========== */

.new {

    padding: 40px 0 60px;

}



.new-left {

    float: left;

    width: 74.75%;

}



.new-right {

    float: right;

    width: 21.25%;

}



.new-left-tit {

    border-bottom: 1px solid #c9c9c9;

    padding-bottom: 15px;

}



    .new-left-tit h2 {

        font-size: 20px;

        line-height: 30px;

        color: #333;

    }



    .new-left-tit p {

        font-size: 14px;

        color: #b6b6b6;

    }



        .new-left-tit p span {

            display: inline-block;

            padding-left: 18px;

            margin-right: 15px;

        }



            .new-left-tit p span:last-child {

                margin-right: 0;

            }



    .new-left-tit span.span-author {

        background: url(../images/span-author.png)no-repeat center left;

    }



    .new-left-tit span.span-tim {

        background: url(../images/span-tim.png)no-repeat center left;

    }



    .new-left-tit span.span-eye {

        background: url(../images/span-eye.png)no-repeat center left;

        padding-left: 28px;

    }



.new-left-con {

    border-bottom: 1px solid #d6d6d6;

    padding-bottom: 20px;

}



    .new-left-con p {

        font-size: 14px;

        line-height: 24px;

        color: #666;

        margin-top: 15px;

    }



    .new-left-con .img {

        margin: 30px 0;

    }



        .new-left-con .img img {

            width: 100%;

        }



.new-page {

    height: 38px;

    margin: 30px 10px;

}



    .new-page a {

        width: 16px;

        height: auto;

        border-radius: 0;

        border: none;

    }



        .new-page a i {

            width: 38px;

            height: 38px;

            border-radius: 50px;

            border: 1px solid #dfe3e5;

            display: inline-block;

            transition: ease .5s;

            float: left;

            margin-right: 10px;

        }



        .new-page a.page-next i {

            margin-right: 0;

            margin-left: 10px;

            float: right;

        }



    .new-page .page-next:hover i, .new-page .page-prev:hover i {

        background: #0072bf;

        color: #fff;

        border-color: #0072bf;

    }



    .new-page p {

        font-size: 14px;

        line-height: 38px;

        color: #333;

        display: inline-block;

        float: left;

        width: 83%;

        text-align: left;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 1;

        overflow: hidden;

    }



    .new-page .page-next p {

        float: right;

        text-align: right;

    }



    .new-page .new-page-all {

        display: inline-block;

        width: 16px;

        height: 16px;

        background: url(../images/i-new-pageall.png)no-repeat center;

        border-radius: 0;

        border: none;

        float: none;

    }



    .new-page a:hover, .new-page a.on {

        color: #0072bf;

        background: none;

    }



    .new-page .page-next, .new-page .page-prev {

        width: 36%;

    }



.new .share a {

    margin: 0;

    display: inline-block;

    transition: ease .5s;

    margin-right: 20px;

    text-decoration: none !important;

    font-size: 30px !important;

    line-height: 44px !important;

    text-decoration: none !important;

    padding-left: 0 !important;

    text-align: center;

    border-radius: 50%;

    color: #fff;

    width: 44px;

    height: 44px;

}



    .new .share a.bds_weixin {

        background: #3eb135;

    }



    .new .share a.bds_tsina {

        background: #d81e06;

    }



.new-share .share, .new-right-con h4 {

    margin-top: 20px;

    margin-left: 0;

    height: auto;

    float: none;

}



.new-share {

}



    .new-share h3, .new-right-con h4 {

        font-size: 20px;

        line-height: 28px;

        color: #333;

    }



.new-right-con {

}



    .new-right-con ul {

        margin-top: 15px;

    }



    .new-right-con li {

        border-top: 1px solid #cacaca;

        padding: 15px 0;

    }



        .new-right-con li a {

            display: block;

        }



        .new-right-con li h5 {

            font-size: 16px;

            line-height: 24px;

            color: #333;

            transition: ease .5s;

            display: -webkit-box;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 2;

            overflow: hidden;

        }



        .new-right-con li:hover h5 {

            color: #0072bf;

        }



        .new-right-con li span {

            display: block;

            font-size: 14px;

            line-height: 18px;

            color: #888;

        }



/* ============yanfa============ */

.yanfa-con1 {

    padding: 25px 0 60px;

}



.yanfa-tit {

    text-align: center;

}



    .yanfa-tit h3 {

        font-size: 30px;

        line-height: 60px;

        color: #333;

    }



    .yanfa-tit p {

        font-size: 16px;

        line-height: 26px;

        color: #666;

    }



.yanfa-list {

    margin-top: 40px;

}



.yanfa-one {

    margin-top: 20px;

}



    .yanfa-one .yanfa-img {

        float: left;

        width: 50%;

    }



        .yanfa-one .yanfa-img img {

            width: 100%;

        }



    .yanfa-one .yanfa-text {

        float: right;

        width: 50%;

        background: #f4f4f4;

        padding: 40px;

        height: 300px;

        overflow-y: auto;

    }



        .yanfa-one .yanfa-text::-webkit-scrollbar {

            width: 3px;

            background-color: #dcdbdb;

        }



        .yanfa-one .yanfa-text::-webkit-scrollbar-thumb {

            background-color: #0072bf;

            border-radius: 10px;

        }



    .yanfa-one.yanfa-one-right .yanfa-text {

        float: left;

    }



    .yanfa-one.yanfa-one-right .yanfa-img {

        float: right;

    }



    .yanfa-one .yanfa-text h3 {

        font-size: 20px;

        line-height: 30px;

        color: #0072bf;

        border-bottom: 2px solid #d4d4d4;

        margin-bottom: 20px;

    }



    .yanfa-one .yanfa-text span {

        display: inline-block;

        font-size: 20px;

        line-height: 31px;

        text-align: center;

        width: 31px;

        height: 31px;

        background: #0072bf;

        color: #fff;

        margin-right: 10px;

    }



    .yanfa-one .yanfa-text p {

        font-size: 14px;

        line-height: 24px;

        color: #666;

    }



    .yanfa-one .swiper-pagination {

        bottom: 20px;

    }



    .yanfa-one .swiper-pagination-bullet {

        background: none;

        opacity: 1;

        border: 1px solid #fff;

        width: 10px;

        height: 10px;

    }



    .yanfa-one .swiper-pagination-bullet-active {

        background-color: #0072bf;

        border-color: #0072bf;

    }



.yanfa-consult {

    background: url(../images/yanfa-ba1.png)no-repeat center;

    background-size: cover;

    width: 100%;

    padding: 60px 0 115px;

}



.yanfa-consult-con {

    margin-top: 60px;

}



.yanfa-consult-one {

    float: left;

    width: 50%;

    padding-left: 14.16%;

    border-right: 1px solid rgba(255,255,255,.5);

}



    .yanfa-consult-one:last-child {

        float: right;

        padding-left: 17.5%;

        border: none;

    }



    .yanfa-consult-one h3 {

        font-size: 16px;

        line-height: 16px;

        color: #fff;

        position: absolute;

        top: 0;

        left: 8.2%;

    }



    .yanfa-consult-one:last-child h3 {

        left: 16.6%;

    }



    .yanfa-consult-one .text {

        margin-top: 60px;

        position: relative;

    }



        .yanfa-consult-one .text:first-child {

            margin-top: 0;

        }



    .yanfa-consult-one span {

        display: inline-block;

        font-size: 60px;

        color: #fff;

        font-family: "HNLTP";

        position: relative;

        line-height: 45px;

        padding-right: 9%;

    }



        .yanfa-consult-one span::before {

            content: "";

            position: absolute;

            width: 19px;

            height: 3px;

            background: #fff;

            bottom: 0;

            right: 0;

            padding-right: 30px;

        }



.yanfa-consult .yanfa-tit h3 {

    color: #fff;

}



.yanfa-consult .yanfa-tit p {

    color: #fff;

}



/* ============pinzhi=========== */

.pinzhi {

    padding: 40px 0 60px;

}



.pinzhi-tit {

    text-align: center;

}



    .pinzhi-tit h3 {

        font-size: 30px;

        line-height: 34px;

        color: #333;

    }



    .pinzhi-tit p {

        font-size: 16px;

        line-height: 30px;

        color: #333

    }



.pinzhi-list {

    margin-top: 35px;

}



.pinzhi-odd, .pinzhi-even {

    position: relative;

}



.pinzhi-list .img {

    float: left;

    width: 50%;

    overflow: hidden;

}



.pinzhi-list .text {

    float: right;

    width: 50%;

    text-align: center;

    position: relative;

    padding: 60px 100px;

    height: 300px;

}



    .pinzhi-list .text::before {

        content: "";

        position: absolute;

        width: 2px;

        ;

        height: 27px;

        background: #dbdbdb;

        top: 10%;

        left: 50%;

        transition: ease .5s;

    }



    .pinzhi-list .text::after {

        content: "";

        position: absolute;

        width: 2px;

        ;

        height: 27px;

        background: #dbdbdb;

        bottom: 10%;

        left: 50%;

        transition: ease .5s;

    }



.pinzhi-list .img img {

    width: 100%;

    transition: ease .5s;

}



.pinzhi-odd:hover .img img, .pinzhi-even:hover .img img {

    transform: scale(1.04);

}



.pinzhi-list .text h2 {

    font-size: 20px;

    line-height: 30px;

    color: #333;

    transition: ease .5s;

}



.pinzhi-list .text p {

    font-size: 14px;

    line-height: 24px;

    color: #666;

    transition: ease .5s;

}



.pinzhi-list span {

    display: block;

    font-size: 30px;

    line-height: 78px;

    color: #333;

    font-family: "HNLTP";

    position: absolute;

    top: 38%;

    left: 46.8%;

    width: 78px;

    height: 78px;

    border-radius: 50%;

    background: #fff url(../images/pinzhi-odd.jpg)no-repeat center;

    text-align: center;

    transition: ease .5s;

}



.pinzhi-even .img {

    float: right;

}



.pinzhi-even .text {

    float: left;

}



.pinzhi-even span {

    background-image: url(../images/pinzhi-even.jpg);

}



.pinzhi-odd:hover span, .pinzhi-even:hover {

}



.pinzhi-odd:hover span {

    background-image: url(../images/pinzhi-odd1.jpg);

    color: #0072bf;

}



.pinzhi-even:hover span {

    background-image: url(../images/pinzhi-even1.jpg);

    color: #0072bf;

}



.pinzhi-odd:hover h2, .pinzhi-even:hover h2 {

    color: #0072bf;

}



.pinzhi-odd:hover .text::before, .pinzhi-odd:hover .text::after, .pinzhi-even:hover .text::before, .pinzhi-even:hover .text::after {

    background: #0072bf;

}

/* ===========produce=========== */

.produce {

}



.produce-tit {

    text-align: center;

}



    .produce-tit h3 {

        font-size: 30px;

        line-height: 60px;

        color: #333;

        font-weight: bold;

    }



    .produce-tit p {

        font-size: 16px;

        line-height: 26px;

        color: #666;

    }



.produce-one {

    padding: 40px 0 80px;

}



.produce-one-con {

    position: relative;

    margin-top: 30px;

}



.produce-one-img1, .produce-one-img1 img {

    width: 100%;

}



.produce-one-img2 {

    display: none;

}



    .produce-one-img2 img {

        width: 100%;

    }



.produce-one-txt {

    background: url(../images/produce-ba1.png)no-repeat center left;

    position: absolute;

    width: 35%;

    left: 0;

    top: 0;

    text-align: center;

    padding: 16% 80px 16.7%;

}



    .produce-one-txt h3 {

        font-size: 30px;

        line-height: 30px;

        color: #f2f2f2;

        font-weight: bold;

    }



    .produce-one-txt p {

        font-size: 18px;

        line-height: 28px;

        color: #f2f2f2;

        margin-top: 15px;

    }



.produce-two {

    background: #eff2f2;

    padding-top: 75px;

}



.produce-two-con {

    position: relative;

    margin-top: 45px;

    padding-bottom: 120px;

}



    .produce-two-con img {

        width: 100%;

        margin: 10px 0;

    }



    .produce-two-con span {

        display: inline-block;

        font-size: 20px;

        line-height: 20px;

        color: #0072bf;

        position: relative;

        margin-left: 160px;

        border-left: 4px solid #0072bf;

        padding-left: 15px;

    }



    .produce-two-con .swiper-pagination {

        width: 100%;

        margin-top: 55px;

    }



        .produce-two-con .swiper-pagination span {

            margin-left: 5px;

            padding: 0;

            border-radius: 50%;

            border: 1px solid #adadad;

            width: 12px;

            height: 12px;

            background: transparent;

            opacity: 1;

        }



    .produce-two-con .swiper-pagination-bullet-active {

        background: #0072bf !important;

        border-color: #0072bf !important;

    }



.produce-three {

    padding: 80px 0;

}



.produce-three-con {

    background: url(../images/produce-ba2.png)no-repeat center;

    width: 100%;

    background-size: cover;

    padding: 150px 80px 50px;

    margin-top: 60px;

}



.produce-three-txt1 {

    text-align: center;

}



    .produce-three-txt1 h3 {

        font-size: 16px;

        line-height: 26px;

        color: #f5f5f5;

        border-bottom: 3px solid #f5f5f5;

        padding-bottom: 10px;

    }



        .produce-three-txt1 h3 span {

            display: inline-block;

            font-size: 50px;

            line-height: 50px;

            color: #f5f5f5;

            font-weight: bold;

        }



    .produce-three-txt1 p {

        font-size: 16px;

        line-height: 26px;

        color: #f5f5f5;

        width: 80%;

        margin: 0 auto;

        margin-top: 10px;

    }



.produce-three .swiper-pagination-bullet {

    opacity: 1;

    background: transparent;

    border: 1px solid #a6a8aa;

    width: 12px;

    height: 12px;

}



.produce-three .swiper-pagination-bullet-active {

    background: #fff;

    border-color: #fff;

}



.produce-three .swiper-container {

    padding-bottom: 80px;

}



.produce-four-con1 {

    margin-top: 30px;

}



    .produce-four-con1 li {

        float: left;

        width: 25%;

        border-right: 1px solid #dbdbdb;

        text-align: center;

    }



        .produce-four-con1 li:last-child {

            border: none;

        }



        .produce-four-con1 li h3 {

            font-size: 14px;

            line-height: 24px;

            color: #666;

            position: relative;

        }



            .produce-four-con1 li h3 span {

                display: inline-block;

                font-size: 50px;

                line-height: 60px;

                color: #0072bf;

                font-weight: bold;

            }



        .produce-four-con1 li p {

            font-size: 16px;

            line-height: 24px;

            color: #666;

        }



        .produce-four-con1 li h3 i {

            display: inline-block;

            width: 22px;

            height: 25px;

            background: url(../images/produce-one.png)no-repeat center;

            margin-left: 5px;

            font-style: normal;

            position: absolute;

            top: 10px;

        }



            .produce-four-con1 li h3 i.produce-twoz {

                width: 38px;

                height: 25px;

                background-image: url(../images/produce-two.png);

            }



.produce-four-swip1 {

    position: relative;

    margin-top: 60px;

}



    .produce-four-swip1 .img {

        position: relative;

    }



        .produce-four-swip1 .img img {

            width: 100%;

        }



    .produce-four-swip1 .text {

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

    }



        .produce-four-swip1 .text h3 {

            display: inline-block;

            font-size: 18px;

            line-height: 24px;

            color: #fff;

            background: rgba(0,0,0,0.8);

            padding: 26px 0 26px 50px;

            height: 80px;

            width: 84%;

            text-overflow: ellipsis;

            overflow: hidden;

            white-space: nowrap;

            float: right;

        }



        .produce-four-swip1 .text span {

            display: inline-block;

            font-size: 20px;

            color: #fff;

            background: #0072bf;

            line-height: 24px;

            padding: 28px 54px;

        }



.produce-four-swip2 {

    position: relative;

    margin-top: 80px;

    margin-bottom: 120px;

}



    .produce-four-swip2 .img {

        overflow: hidden;

        width: 100%;

    }



        .produce-four-swip2 .img img {

            width: 100%;

            transition: ease .5s;

        }



    .produce-four-swip2 .swiper-slide:hover .img img {

        transform: scale(1.04);

    }



    .produce-four-swip2 .text {

        font-size: 20px;

        line-height: 24px;

        color: #333;

        width: 100%;

        text-align: center;

        border: 1px solid #dedede;

        padding: 20px 0;

    }



.produce-four .swiper-pagination-bullet {

    background: transparent;

    opacity: 1;

    border: 1px solid #aeaeae;

    margin-right: 15px;

    width: 12px;

    height: 12px;

}



    .produce-four .swiper-pagination-bullet:last-child {

        margin-right: 0;

    }



.produce-four .swiper-pagination-bullet-active {

    background: #0072bf;

    border-color: #0072bf;

}



.produce-four .swiper-pagination {

    width: 100%;

    margin-top: 30px;

}



.produce-fiv {

    padding-bottom: 80px;

}



.produce-fiv-menu {

    text-align: center;

    margin-top: 30px;

}



    .produce-fiv-menu ul {

        display: inline-block;

    }



    .produce-fiv-menu li {

        float: left;

        background: url(../images/produce-fiv-ba1.png)no-repeat center;

        width: 124px;

        height: 38px;

        text-align: center;

        margin-right: 30px;

    }



        .produce-fiv-menu li.on {

            background-image: url(../images/produce-fiv-ba2.png);

        }



        .produce-fiv-menu li:last-child {

            margin-right: 0;

        }



        .produce-fiv-menu li a {

            display: inline-block;

            font-size: 16px;

            line-height: 38px;

            color: #333;

            width: 100%;

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;

        }



        .produce-fiv-menu li.on a {

            color: #fff;

        }



.produce-fiv-con {

    margin-top: 40px;

}



.produce-fiv-con1 {

}



    .produce-fiv-con1.none {

        display: none;

    }



    .produce-fiv-con1 .img {

        float: left;

        width: 50%;

    }



        .produce-fiv-con1 .img img {

            width: 100%;

        }



    .produce-fiv-con1 .text {

        float: right;

        width: 50%;

        padding-left: 6%;

        padding-top: 25px;

        height: 300px;

        overflow-y: auto;

    }



        .produce-fiv-con1 .text::-webkit-scrollbar {

            width: 3px;

            background-color: #dcdbdb;

        }



        .produce-fiv-con1 .text::-webkit-scrollbar-thumb {

            background-color: #0072bf;

            border-radius: 10px;

        }



        .produce-fiv-con1 .text h2 {

            font-size: 20px;

            line-height: 26px;

            position: relative;

            padding-bottom: 10px;

            margin-bottom: 10px;

        }



            .produce-fiv-con1 .text h2::before {

                content: "";

                position: absolute;

                width: 80px;

                height: 1px;

                background: #005bac;

                bottom: 0;

                left: 0;

            }



        .produce-fiv-con1 .text p {

            font-size: 16px;

            line-height: 26px;

            color: #666;

        }

/* ==========solution========== */

.solution {

    padding-bottom: 60px;

}



.solution-banner-txt {

    background: none !important;

    text-align: center;

    padding: 140px 0 150px 30px;

    width: 100%;

}



    .solution-banner-txt h2 {

        position: relative;

        padding-bottom: 15px;

    }



        .solution-banner-txt h2::before {

            content: "";

            position: absolute;

            width: 50px;

            height: 2px;

            background: #fff;

            bottom: 0;

            left: 47.8%;

        }



.solution-bread h2 {

    font-size: 36px;

    color: #0072bf;

    line-height: 40px;

    float: left;

    margin-bottom: 20px;

}



.solution-bread p {

    float: right;

}



.solution-bread {

    border-bottom: 1px solid #d3d3d3;

    padding-bottom: 15px;

}



.solution-menu {

    float: left;

    width: 14.16%;

}



    .solution-menu li {

        border-bottom: 1px solid #d3d3d3;

    }



        .solution-menu li a {

            display: block;

            font-size: 18px;

            color: #333;

            width: 100%;

            line-height: 20px;

            padding: 15px 0;

            position: relative;

            padding-left: 15px;

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;

            transition: ease .5s;

        }



            .solution-menu li a::before {

                content: "";

                position: absolute;

                width: 3px;

                height: 3px;

                background: url(../images/solution-dot1.png)no-repeat center left;

                top: 46%;

                left: 0;

                transition: ease .5s;

            }



        .solution-menu li.on a, .solution-menu li:hover a {

            color: #0072bf;

        }



            .solution-menu li.on a::before, .solution-menu li:hover a::before {

                background-image: url(../images/solution-dot2.png);

            }



.solution-con {

    float: right;

    width: 81.66%;

    padding-top: 25px;

}



.solution-tit {

    text-align: center;

    margin-bottom: 60px;

}



    .solution-tit h3 {

        font-size: 24px;

        color: #333;

        line-height: 30px;

    }



    .solution-tit p {

        font-size: 14px;

        line-height: 24px;

        color: #666;

        margin-top: 10px;

    }



.solution-con1-one {

    margin-top: 40px;

}



.solution-con-tit {

    font-size: 20px;

    line-height: 30px;

    color: #0072bf;

}



.solution-con1-one ul {

    margin: 10px -20px 0;

}



.solution-con1-one li {

    float: left;

    width: 50%;

    padding: 0 20px;

    min-height: 144px;

}



    .solution-con1-one li div {

        border-radius: 10px;

        box-shadow: 5px 6px 20px 6px rgba(0, 0, 0, .05);

        border: 1px solid #eee;

        position: relative;

        padding: 35px 30px;

        min-height: 140px;

    }



    .solution-con1-one li:last-child {

        float: right;

    }



    .solution-con1-one li span {

        display: inline-block;

        font-size: 36px;

        color: #0072bf;

        font-weight: bold;

        font-style: italic;

        font-family: initial;

        position: absolute;

        right: 30px;

        top: -28px;

    }



    .solution-con1-one li p {

        font-size: 14px;

        line-height: 24px;

        color: #666;

        margin-top: 0;

    }



.solution-con1-one p {

    font-size: 14px;

    line-height: 24px;

    color: #666;

    margin-top: 15px;

}



.solution-con1-one .img {

    width: 65.3%;

    margin: 0 auto;

    overflow: hidden;

    margin-top: 30px;

}



    .solution-con1-one .img img {

        width: 100%;

    }



/* ===========product============= */

.products {

    padding-bottom: 60px;

}



.products-con {

}



    .products-con ul {

        margin: 0 -10px 40px;

        border-bottom: 1px solid#dedede;

    }



    .products-con li {

        float: left;

        width: 33.3%;

        padding: 0 10px;

    }



        .products-con li a {

            display: block;

        }



        .products-con li h3 {

            font-size: 20px;

            line-height: 24px;

            color: #333;

            border-bottom: 1px solid#dedede;

            padding-bottom: 10px;

            transition: ease .5s;

        }



            .products-con li h3 span {

                display: inline-block;

                white-space: nowrap;

                text-overflow: ellipsis;

                overflow: hidden;

                width: 80%;

            }



            .products-con li h3 i {

                display: inline-block;

                float: right;

                width: 24px;

                height: 24px;

                border: 2px solid #c1c1c1;

                border-radius: 50%;

                font-size: 15px;

                text-align: center;

                line-height: 20px;

                color: #c1c1c1;

                transition: all .6s;

            }



        .products-con li p {

            font-size: 14px;

            line-height: 24px;

            color: #666;

            margin-top: 5px;

            /* white-space: nowrap; */

            text-overflow: ellipsis;

            overflow: hidden;

            min-height: 48px;

            -webkit-line-clamp: 3;

            display: -webkit-box;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 2;

        }



        .products-con li .img {

            border: 1px solid #dedede;

        }



        .products-con li .products-txt {

            padding: 20px 0;

        }



        .products-con li .img img {

            width: 100%;

            transition: ease .5s;

        }



        .products-con li:hover .img img {

            transform: scale(1.04);

        }



        .products-con li:hover h3 i {

            border-color: #0072bf;

            color: #0072bf;

            transform: translateX(10px);

        }



        .products-con li:hover h3 {

            color: #0072bf;

        }



.products-bread, .solution-bread {

    padding-top: 30px;

}



/* ===========product-xq=========== */

.product-xq {

}



.productxq-banner {

    padding: 80px 0;

}



.appproductxq-banner {

    display: none;

}



.productxq-banner ul {

}



.productxq-banner li {

    float: left;

    width: 20%;

    border-right: 1px solid #c6c6c6;

    padding: 0 3%;

    text-align: center;

}



    .productxq-banner li:nth-child(3) {

        width: 26.5%;

    }



    .productxq-banner li:last-child {

        border: none;

        padding: 0 0 0 7%;

        width: 18.5%;

    }



    .productxq-banner li:first-child {

        padding: 0 6% 0 0;

        width: 15%;

    }



    .productxq-banner li h3 {

        font-size: 14px;

        line-height: 24px;

        color: #fff;

        position: relative;

    }



        .productxq-banner li h3 span {

            display: inline-block;

            font-size: 40px;

            color: #fff;

            font-family: "HNLTP";

            margin-right: 5px;

        }



    .productxq-banner li p {

        font-size: 16px;

        line-height: 24px;

        color: #fff;

        margin-top: 5px;

    }



    .productxq-banner li h3 i {

        display: inline-block;

        font-style: normal;

        position: absolute;

        top: -7px;

    }

/*  */

.spec-preview {

    overflow: hidden;

    float: left;

    width: 50.81%;

}



.spec-scroll {

    clear: both;

    overflow: hidden;

    width: 100%;

    position: absolute;

    bottom: 0;

}



    .spec-scroll .prev {

        float: left;

        background: url(../images/left.png) no-repeat center;

        background-size: 9px 17px;

    }



        .spec-scroll .prev:hover {

            background: url(../images/leftH.png) no-repeat center;

            background-size: 9px 17px;

        }



    .spec-scroll .next {

        float: right;

        background: url(../images/right.png) no-repeat center;

        background-size: 9px 17px;

    }



        .spec-scroll .next:hover {

            float: right;

            background: url(../images/rightH.png) no-repeat center;

            background-size: 9px 17px;

        }



    .spec-scroll .prev, .spec-scroll .next {

        width: 20px;

        height: 90px;

        cursor: pointer;

    }



    .spec-scroll .items {

        margin: auto;

        position: relative;

        height: 90px;

        width: 90.7%;

        overflow: hidden;

    }



        .spec-scroll .items ul {

            position: absolute;

            width: 100%;

            margin: 0 -5px;

        }



            .spec-scroll .items ul li {

                position: relative;

                float: left;

                padding: 0 5px;

                width: 25%;

                height: 90px;

            }



                .spec-scroll .items ul li div {

                    border: 1px solid #dedede;

                    text-align: center;

                }



                .spec-scroll .items ul li img {

                    width: 100%;

                    display: block;

                    height: 100%;

                }



                .spec-scroll .items ul li:after {

                    position: absolute;

                    content: '';

                    width: 91%;

                    height: 100%;

                    background: rgba(0,0,0,0.1);

                    display: none;

                    left: 4px;

                    top: 0px;

                    z-index: 3;

                }



                .spec-scroll .items ul li.hover:after {

                    display: block;

                }



.pro_left {

    overflow: hidden;

}



.jqzoom {

    width: 100%;

    height: 498px;

    float: left;

    border: none;

    position: relative;

    padding: 0px;

    cursor: pointer;

    margin: 0px;

    display: block;

    overflow: hidden;

    border: 1px solid #dedede;

}



    .jqzoom img {

        width: 100%;

        display: block;

    }



.zoomdiv {

    z-index: 100;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 485px;

    height: 476px;

    background: #ffffff;

    display: none;

    text-align: center;

    overflow: hidden;

}



.jqZoomPup {

    z-index: 10;

    visibility: hidden;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 200px !important;

    height: 200px !important;

    border: 1px solid #aaa;

    background: #ffffff;

    opacity: 0.5;

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    filter: alpha(Opacity=50);

}



.fang {

    background: white;

    margin-bottom: 30px;

}



.canshu {

    width: 45%;

    height: 498px;

    float: right;

    margin-left: 0;

    position: relative;

}



    .canshu .h1 {

        font-size: 20px;

        line-height: 20px;

        color: #333;

        text-align: left;

        padding-bottom: 10px;

        margin-bottom: 16px;

        border-bottom: solid 1px #cbcbcb;

    }



    .canshu p {

        line-height: 30px;

        color: #888;

        font-size: 14px;

    }



    .canshu .line {

        border-radius: 30px;

        display: block;

        float: left;

        width: 130px;

        height: 40px;

        text-align: center;

        line-height: 40px;

        font-weight: lighter;

        font-size: 14px;

        color: #fff;

        background: #0072bf;

    }



        .canshu .line:hover {

            color: #fff;

            font-weight: bold;

        }



.share {

    height: 38px;

    float: left;

    margin-left: 48px;

}



.canshu-txt h5 {

    font-size: 16px;

    line-height: 28px;

    color: #666;

    margin-bottom: 5px;

}



.canshu-txt {

    border-bottom: 1px solid #cbcbcb;

    padding-bottom: 10px;

    min-height: 175px;

    overflow: hidden;

    height: 220px;

    overflow-y: auto;

}



    .canshu-txt p span {

        display: inline-block;

        color: #0072bf;

        margin-right: 10px;

    }



.canshu-zx {

    margin-top: 30px;

}



    .canshu-zx .share {

        margin-left: 20px;

        width: 200px;

    }



        .canshu-zx .share .bdsharebuttonbox a {

            margin: 0;

            margin-left: 15px;

            line-height: 38px;

            height: 38px;

            color: #acacac;

        }



            .canshu-zx .share .bdsharebuttonbox a:hover {

                color: inherit;

                opacity: .8;

            }



    .canshu-zx p {

        font-size: 14px;

        line-height: 38px;

        color: #646464;

        float: left;

    }

/* .share i,.shop i{display: block;font-style: normal;float: left;font-size: 14px;color: #333;font-weight: lighter;line-height: 38px;}

.share a{display: block;float: left;margin: 0 !important;padding: 0 !important;width: 25px;height: 38px !important;margin-right: 10px !important;}

.share a.bds_weixin{background: url(../images/weixin.png) no-repeat center;}

.share a.bds_tsina{background: url(../images/weibo.png) no-repeat center;} */

.productxq-color {

    margin-top: 20px;

}



    .productxq-color p {

        float: left;

        font-size: 16px;

        line-height: 28px;

        color: #666;

    }



    .productxq-color a {

        display: inline-block;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        background: transparent;

        border: 1px solid #00000054; /* border: 1px solid; */

    }



        .productxq-color a.xq-pink {

            background-color: #f6b37f;

            border-color: #f6b37f;

        }



        .productxq-color a.xq-green {

            background-color: #8fc31f;

            border-color: #8fc31f;

        }



        .productxq-color a.xq-red {

            background-color: #e5004f;

            border-color: #e5004f;

        }



        .productxq-color a.xq-blue {

            background-color: #7ecef4;

            border-color: #7ecef4;

        }



        .productxq-color a.xq-white {

            background-color: #fff;

            border-color: #dfdfdf;

        }



.proinfo-top {

    height: 40px;

    background: #f3f3f3;

}



    .proinfo-top a {

        height: 40px;

        display: inline-block;

        margin-right: 3px;

        text-align: center;

        line-height: 40px;

        color: #5e5e5e;

        font-size: 14px;

        padding: 0 25px;

        position: relative;

    }



        .proinfo-top a::before {

            content: "";

            position: absolute;

            width: 1px;

            height: 14px;

            background: #bebebe;

            top: 14px;

            right: 0;

        }



        .proinfo-top a:last-child::before, .proinfo-top a.active::before {

            display: none;

        }



        .proinfo-top a.active {

            background: #0072bf;

            color: white;

        }



.proinfo-list {

    padding: 0px;

    background: white;

}



    .proinfo-list.none {

        display: none;

    }



    .proinfo-list img {

        width: 100%;

        display: block;

    }



.tuijian {

    padding: 35px 0 0 0;

}



.tuijian-tit {

    padding-bottom: 25px;

}



    .tuijian-tit h3 {

        font-size: 30px;

        color: #333;

        line-height: 30px;

        float: left;

    }



    .tuijian-tit h4 {

        font-size: 20px;

        color: #333;

        font-weight: bold;

        line-height: 30px;

        float: right;

        position: relative;

    }



        .tuijian-tit h4::before {

            content: "";

            position: absolute;

            width: 38px;

            height: 2px;

            background: #005064;

            top: 14px;

            left: -60px;

        }



.tuijian ul {

    border: none;

}

/* ==========about=========== */

.about {

}



.about-one {

    padding-top: 60px;

}



.about-tit {

}



    .about-tit h2 {

        font-size: 30px;

        color: #333;

        position: relative;

        float: left;

    }



    .about-tit h3 {

        font-size: 20px;

        line-height: 30px;

        color: #333;

        font-weight: bold;

        position: relative;

        float: right;

    }



        .about-tit h3::before {

            content: "";

            position: absolute;

            width: 38px;

            height: 2px;

            background: #005064;

            top: 14px;

            left: -60px;

        }



.about-one-left {

    float: left;

    width: 52.92%;

    margin-top: 25px;

    height: 390px;

    overflow-y: auto;

}



    .about-one-left::-webkit-scrollbar {

        width: 3px;

        background-color: #dcdbdb;

    }



    .about-one-left::-webkit-scrollbar-thumb {

        background-color: #0072bf;

        border-radius: 10px;

    }



    .about-one-left p {

        font-size: 14px;

        line-height: 30px;

        color: #666;

    }



.about-one-right {

    overflow: hidden;

    float: right;

    width: 43.33%;

    margin-bottom: -20px;

}



    .about-one-right img {

        width: 100%;

        transition: ease .5s;

    }



.about-one .about-tit h3 {

    float: left;

    margin-left: 50%;

}



.about-one .about-tit h2 {

    padding-bottom: 30px;

}



    .about-one .about-tit h2::before {

        content: "";

        position: absolute;

        width: 38px;

        height: 2px;

        background: #005064;

        bottom: 0;

        left: 0;

    }

/*  */

.about-two {

}



    .about-two .home-about-num .m-top span {

        background-image: url(../images/bg066.png);

    }



    .about-two .home-about-num li {

        padding: 0 45px;

    }



.about-two {

    background-size: cover;

    background: no-repeat center;

    padding: 130px 0 144px;

}

/*  */

.about-three {

    padding: 60px 0;

}



    .about-three ul {

        margin-top: 40px;

    }



    .about-three li {

        float: left;

        width: 51.66%;

        background: #9e9e9e2b;

        box-shadow: 10px 5px 40px 5px rgba(0, 0, 0, .05);

        text-align: center;

        padding: 65px 65px;

    }



        .about-three li:nth-child(even) {

            margin-left: -40px;

            margin-top: 40px;

        }



        .about-three li .img {

        }



            .about-three li .img img {

                transition: ease .5s;

            }



        .about-three li:hover .img img {

            transform: rotateY(180deg);

        }



        .about-three li h3 {

            font-size: 20px;

            line-height: 34px;

            color: #333;

            border-bottom: 1px solid #dedede;

            padding-bottom: 30px;

            margin-top: 10px;

        }



        .about-three li p {

            font-size: 14px;

            line-height: 34px;

            color: #666;

            margin-top: 30px;

        }

/*  */

.about-four {

    padding-top: 60px;

    background-size: cover;

    width: 100%;

    padding-bottom: 234px;

    height: 670px;

    overflow: hidden;

}



.about-four-swip {

    position: relative;

}



    .about-four-swip h3 {

        font-size: 20px;

        line-height: 30px;

        color: #333;

        text-align: center;

        opacity: 0;

        margin-top: 15px;

    }



    .about-four-swip .swiper-slide-active h3 {

        opacity: 1;

    }



    .about-four-swip .swiper-pagination {

        display: none;

    }



    .about-four-swip .swiper-container {

        padding-top: 78px;

    }



    .about-four-swip .swiper-slide-active {

        margin-top: -94px;

    }



        .about-four-swip .swiper-slide-active img {

            transform: scale(1.3) translateY(20px);

        }



    .about-four-swip .swiper-slide a {

        display: block;

    }



        .about-four-swip .swiper-slide a.none {

            display: none;

        }



        .about-four-swip .swiper-slide a img {

            width: 100%;

        }

/* .about-four-swip .swiper-slide{width: 188px !important;} */

/* .about-four-swip .swiper-slide.swiper-slide-active{width: 429px !important;} */

.jquery-lightbox-border-bottom-right, .jquery-lightbox-border-bottom-middle, .jquery-lightbox-border-bottom-left {

    bottom: -28px !important;

}



.jquery-lightbox-border-bottom-middle {

    margin-left: 6px !important;

}



.jquery-lightbox-background {

    background: #fff !important;

}



.about-four-swip .swiper-button-prev, .about-four-swip .swiper-button-next {

    width: 24px;

    height: 24px;

    border: 2px solid #c8c8c8;

    border-radius: 50%;

    position: absolute;

    bottom: 0%;

    margin-top: -40px;

    z-index: 10;

    cursor: pointer;

    transition: all .4s;

    text-align: center;

    background: none;

}



.about-four-swip .swiper-button-prev {

    transform: rotate(180deg);

}



    .about-four-swip .swiper-button-prev i, .about-four-swip .swiper-button-next i {

        font-size: 15px;

        color: #c8c8c8;

        transition: ease .5s;

    }



    .about-four-swip .swiper-button-prev:hover, .about-four-swip .swiper-button-next:hover {

        border-color: #0072bf;

        transform: translateX(10px);

    }



        .about-four-swip .swiper-button-prev:hover i, .about-four-swip .swiper-button-next:hover i {

            color: #0072bf;

        }



    .about-four-swip .swiper-button-prev:hover {

        transform: rotate(180deg) translateX(10px);

    }



.about-four-swip .swiper-button-prev {

    left: 33%;

}



.about-four-swip .swiper-button-next {

    right: 33%;

}



.home03-tiz {

    position: absolute;

    bottom: 7%;

    left: 57.5%;

    margin-left: -292.5px;

    width: 429px;

    height: 234px;

    z-index: 0;

}

/*  */

.about-fiv {

    padding-top: 60px;

}



#historySlide {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding-bottom: 45px;

    padding-top: 28px;

    border-bottom: 1px solid #d2d2d2;

}



    #historySlide .history-c {

        width: 100%;

        position: relative;

        margin-top: 30px;

    }



.history-c .swiper-slide {

    width: 100%;

}



#historySlide .history-c .year {

    font-size: 30px;

    color: #0072bf;

    display: block;

    line-height: 30px;

    height: 30px;

    border-bottom: 1px solid #d2d2d2;

    padding-bottom: 60px;

}



#historySlide .history-c .cont {

    position: relative;

    margin: 0;

}



#historySlide .history-c .des {

    font-size: 20px;

    line-height: 24px;

    color: #666;

    vertical-align: top;

    display: inline-block;

    /* margin-top: 10px; */

}



#historySlide .p-tit {

    font-size: 18px;

    line-height: 24px;

    color: #444;

    margin-bottom: 14px;

}



#historySlide .history-c .des p {

    font-size: 14px;

    line-height: 26px;

    color: #666;

    position: relative;

    margin-top: 20px;

}

/* #historySlide .history-c .des p::before{content: '';position: absolute;left: 0;top:50%;width:5px;height: 5px;border-radius: 50%;background: #006fc1;margin-top: -2.5px;} */

#historySlide .history-scroll {

    height: 140px;

    margin: 0 auto;

    background: url(../images/about-fiv-ba1.png)repeat-x;

    padding-top: 50px;

}



#historySlide .swiper-container {

}



.history-scroll .swiper-slide {

    float: left;

    width: 170px;

    height: 88px;

    background: url(../images/time-line.png) no-repeat top left;

    cursor: pointer;

    position: relative;

}



    .history-scroll .swiper-slide::before {

        content: "";

        position: absolute;

        width: 190px;

        height: 3px;

        background: #0072bf;

        left: -80px;

        bottom: 0;

        display: none;

    }



    .history-scroll .swiper-slide.active-nav::before {

        display: block;

    }



    .history-scroll .swiper-slide.active-nav, .history-scroll .swiper-slide.active-nav:hover {

        color: #006fc1;

        font-weight: bold;

    }



#historySlide .time-line {

    width: 170px;

    height: 60px;

    position: relative;

}



.history-scroll .dot {

    width: 14px;

    height: 14px;

    border-radius: 50%;

    position: absolute;

    top: 7px;

    left: 7px;

    opacity: 0;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



    .history-scroll .dot i, .history-scroll .dot em {

        display: block;

        background: #006fc1;

        width: 100%;

        height: 100%;

        border-radius: 50%;

    }



.history-scroll .swiper-slide.active-nav .dot {

    opacity: 1;

}



.history-scroll .daty {

    font-size: 16px;

    line-height: 32px;

    position: absolute;

    top: 37px;

    left: 16px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 10;

}



#historySlide .arrow-left, #historySlide .arrow-right {

    width: 24px;

    height: 24px;

    border: 2px solid #c8c8c8;

    border-radius: 50%;

    position: absolute;

    bottom: 0%;

    margin-top: -40px;

    z-index: 10;

    cursor: pointer;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    text-align: center;

}



    #historySlide .arrow-left i, #historySlide .arrow-right i {

        font-size: 15px;

        color: #c8c8c8;

    }



#historySlide .arrow-right {

    left: 48px;

}



#historySlide .arrow-left {

    left: 0;

    transform: rotate(180deg);

}



    #historySlide .arrow-left:hover, #historySlide .arrow-right:hover {

        border-color: #0072bf;

        transform: translateX(-10px);

    }



    #historySlide .arrow-left:hover {

        transform: rotate(180deg) translateX(-10px);

    }



        #historySlide .arrow-left:hover i, #historySlide .arrow-right:hover i {

            color: #0072bf;

        }



#historySlide .history-c .cont .cont-left {

    float: left;

    width: 51.25%;

    height: 230px;

    overflow-y: auto;

}



    #historySlide .history-c .cont .cont-left::-webkit-scrollbar {

        width: 3px;

        background-color: #dcdbdb;

    }



    #historySlide .history-c .cont .cont-left::-webkit-scrollbar-thumb {

        background-color: #0072bf;

        border-radius: 10px;

    }



#historySlide .history-c .cont .cont-right {

    float: right;

    width: 42.16%;

    overflow: hidden;

}



    #historySlide .history-c .cont .cont-right img {

        width: 100%;

        transition: ease .5s;

    }



#historySlide .history-scroll .swiper-container {

    padding: 0 80px;

}



#historySlide .history-c .cont .cont-right:hover img {

    transform: scale(1.04);

}

/*  */

.about-six {

    padding: 60px 0;

}



    .about-six .about-six-con .m-item img:nth-child(2) {

        display: none;

    }



    .about-six .about-six-con .m-item img {

        display: block;

        width: 100%;

    }



    .about-six .about-six-con .m-item:hover img:nth-child(2) {

        display: block;

    }



    .about-six .about-six-con .m-item:hover img:nth-child(1) {

        /* display: none; */

    }



    .about-six .default-pagination {

        margin-top: 5px;

    }



.about-six-con {

    margin-top: 30px;

    position: relative;

}



    .about-six-con .m-item {

        margin-bottom: 10px;

    }



    .about-six-con .swiper-pagination {

        width: 100%;

    }



    .about-six-con .swiper-pagination-bullet {

        width: 22px;

        height: 3px;

        border-radius: 0;

        background: #d1d1d1;

        margin: 0 5px;

        opacity: 1;

        transition: all .4s;

    }



    .about-six-con .swiper-pagination-bullet-active {

        background: #0072bf;

        width: 30px;

    }

/* 下拉 */

.navbar li.xiala {

    position: relative;

    transition: .5s;

}



.navbar .xia-menu {

    display: none;

}



.navbar li:hover .xia-menu {

    display: block;

}



.navbar .xia-menu {

    display: none;

    position: absolute;

    top: 99%;

    left: -220%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 10;

    width: 760px;

    height: auto;

    -webkit-box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

    overflow: hidden;

    -webkit-transition: all .36s ease;

    -o-transition: all .36s ease;

    transition: all .36s ease;

    /* padding: 0 10px; */

    background: #fafafa;

    padding: 50px 80px;

}



.navbar .xiala-item {

    padding: 0 10px;

    float: left;

    padding-right: 30px;

    width: 26%;

}



.navbar .xiala-item-img {

    float: right;

    width: 71.8%;

    padding-left: 80px;

    border-left: 1px solid #e5e5e5;

}



    .navbar .xiala-item-img img {

        width: 100%;

    }



.navbar .xiala-item li {

    float: none;

    width: 100%;

    margin: inherit !important;

    margin-bottom: 0 !important;

    padding-bottom: 0;

}



    .navbar .xiala-item li:last-child {

        border-bottom: none;

    }



    .navbar .xiala-item li a:hover {

        color: #0072bf;

    }



    .navbar .xiala-item li a {

        display: block;

        color: #333;

        font-size: 16px;

        transition: all .3s;

        margin-left: unset;

        height: 40px;

        line-height: 40px;

        border-bottom: none;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }



        .navbar .xiala-item li a::after {

            display: none;

        }



.anchor {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    padding: 15px 0;

    z-index: 490;

    background: #fff;

    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);

    text-align: center;

    display: none;

}



    .anchor li {

        display: inline-block;

        vertical-align: middle;

        margin: 0 5px;

    }



        .anchor li a {

            display: block;

            padding: 0 26px;

            font-size: 14px;

            line-height: 34px;

            text-align: center;

            color: #333;

            border: 1px solid #dfdfdf;

            border-radius: 20px;

            transition: all .3s;

        }



            .anchor li.on a, .anchor li a:hover {

                color: #0072bf;

                border-color: #0072bf;

            }

/*  */

.appsecond-nav {

    position: relative;

    display: none;

}



.bot {

    position: absolute;

    top: 48px;

    background: #fff;

    z-index: 10;

}



.se-bot {

    width: 100%;

    display: none;

}



.se-top {

    height: 48px;

    line-height: 48px;

    border-bottom: solid 1px #d8d8d8;

    position: relative;

}



.se-top1 {

    background: #fff;

    /* border-bottom: none !important; */

}



.se-top .se-a {

    color: #444;

    font-size: 16px;

    display: block;

    padding: 0px 20px;

}



.se-tig.P_tig {

    font-size: 16px;

    color: #333;

    text-align: center;

    transition: all .5s;

    line-height: 48px;

    width: 48px;

    height: 48px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 2;

}



.se-btop {

    height: 48px;

    line-height: 48px;

}



.se-a1 {

    color: #444;

    font-size: 16px;

    padding: 0px 20px;

    display: block;

}



    .se-a1.hover {

        color: #fff;

        background: #0072bf;

        border-bottom: solid 1px #d8d8d8;

    }



.se-tig.P_tig.open {

    transform: rotateZ(90deg);

    opacity: 1;

}

/*  */

.kffixed {

    position: fixed;

    bottom: 0;

    /* left: 16%; */

    z-index: 2000;

    width: 100%;

    height: 49px;

    overflow: hidden;

    display: none;

}



.kufuul {

    text-align: center;

    padding: 2px 0;

    width: 100%;

    height: 49px;

    position: absolute;

    bottom: 0;

    left: 0;

    display: inline-block;

}



.kefu {

    padding: 0;

}



    .kefu li {

        float: left;

        height: 45px;

        text-align: center;

        color: #fff;

        line-height: 45px;

        color: #fff;

        transition: all .4s;

    }



.kfzx-tigg {

    width: 49.5%;

    height: 45px;

    display: block;

    float: left;

    line-height: 45px;

    opacity: 1;

    transition: 1s opacity;

}



.kfzx-enter {

    opacity: 0

}



.kf-zx {

    display: block;

    width: 100%;

    height: 100%;

    color: #fff;

    line-height: 45px;

    text-align: center;

    background: rgba(0, 114, 191, 0.9);

}



    .kf-zx img {

        display: inline-block;

        vertical-align: middle;

        margin-right: 10px;

    }



.teldb {

    width: 49.5%;

    background: rgba(0,0,0,0.6);

    /*background: url(/mobile/mobilectm/images/teldb.png) no-repeat center rgba(0,0,0,0.6);*/

    background-size: contain;

    margin: 0 1px;

    position: relative;

    /*background-size: 28px;*/

}



    .teldb img {

        display: inline-block;

        vertical-align: middle;

        margin-right: 10px;

    }



    .teldb a {

        color: white;

    }



@media(max-width:1439px) {

}



@media(max-width:1250px) {

    .solution-con1-one li div {

        min-height: 168px;

    }



    .yanfa-one .yanfa-text {

        height: 287px;

    }



    .produce-four-swip1 .text h3 {

        width: 83.3%;

    }



    .produce-one-txt {

        padding: 16% 80px 16.3%;

    }



    .pinzhi-list .text {

        height: 287px;

    }



    .pinzhi-list span {

        left: 46.5%;

        top: 36%;

    }



    .spec-scroll .items {

        width: 89.7%;

    }



        .spec-scroll .items ul li:after {

            height: 94%;

        }



    .about-two .home-about-num li {

        padding: 0 41px;

    }

}



@media(max-width:1220px) {

}



@media(max-width:1170px) {

    .new-page p {

        width: 80%;

    }



    .news-one-p {

        padding-top: 16px;

    }



    .news-one-tit {

        padding-bottom: 16px;

    }



    .yanfa-one .yanfa-text {

        height: 250px;

    }



    .yanfa-consult-one:last-child h3 {

        left: 19.6%;

    }



    .yanfa-consult-one h3 {

        left: 9.2%;

    }



    .produce-four-swip1 .text h3 {

        width: 80.8%;

    }



    .produce-one-txt {

        padding: 16% 50px 14.9%;

    }



    .produce-fiv-con1 .text {

        height: 250px;

    }



    .pinzhi-list .text {

        height: 250px;

        padding: 100px 113px;

    }



    .pinzhi-list span {

        left: 46%;

        top: 34%;

    }



    .spec-scroll .items {

        width: 88.7%;

        height: 81px;

    }



        .spec-scroll .items ul li, .spec-scroll .prev, .spec-scroll .next {

            height: 81px;

        }



            .spec-scroll .items ul li:after {

                height: 89%;

            }



    .jqzoom {

        height: 400px;

    }



    .canshu .h1 {

        padding-bottom: 10px;

        margin-bottom: 10px;

    }



    .canshu {

        height: 400px;

    }



        .canshu p {

            line-height: 24px;

        }



    .productxq-color, .canshu-zx {

        margin-top: 10px;

    }



    .about-two .home-about-num li {

        padding: 0 28px;

    }



    #historySlide .history-c .des {

        margin-top: 0;

    }



    .about-one-left {

        height: 270px;

        padding-right: 10px;

    }



    .about-one-right {

        margin-bottom: -51px;

    }



    #historySlide .history-c .cont .cont-left {

        height: 220px;

    }



    .msg-box .close-box {

        width: 24px;

        height: 24px;

        font-size: 24px;

        top: 5px;

        right: 5px;

    }



    .msg-box {

        width: 600px;

        height: 365px;

        padding: 30px;

        left: 58%;

    }

}



@media(max-width:1025px) {

    .new-page p {

        width: 76%;

    }



    .news-one-img {

        padding: 30px 0 0 30px;

    }



    .news-one-p p {

        width: 86%;

    }



    .news-one-text {

        padding-bottom: 30px;

    }



    .video li h3 span {

        font-size: 18px;

    }



    .video li h3 {

        padding: 10px 20px;

        height: 50px;

    }



    .solution-con1-one li div {

        min-height: 216px;

    }



    .solution-bread h2 {

        font-size: 30px;

    }



    .yanfa-one .yanfa-text {

        height: 192px;

    }



    .yanfa-consult-one {

        padding-left: 0;

    }



        .yanfa-consult-one:last-child h3 {

            left: 25.6%;

        }



        .yanfa-consult-one:last-child span::before {

            right: -13px;

        }



    .yanfa-tit h3 {

        font-size: 24px;

        line-height: 40px;

    }



    .produce-one-txt {

        padding: 14% 30px 13.9%;

    }



        .produce-one-txt h3 {

            font-size: 24px;

        }



        .produce-one-txt p {

            font-size: 16px;

        }



    .produce-three-con {

        padding: 120px 50px 50px;

    }



    .produce-two-con span {

        margin-left: 90px;

        font-size: 18px;

    }



    .produce-four-swip1 .text h3 {

        padding: 26px 0 26px 10px;

        width: 82.3%;

    }



    .produce-four-swip1 .text span {

        padding: 28px 30px;

        font-size: 18px;

    }



    .produce-fiv-con1 .text {

        height: 192px;

    }



    .pinzhi-list span {

        width: 50px;

        height: 50px;

        line-height: 50px;

        font-size: 24px;

    }



    .pinzhi-list .text {

        height: 192px;

        padding: 60px 20px;

    }



        .pinzhi-list .text::before, .pinzhi-list .text::after {

            display: none;

        }



    .pinzhi-list span {

        left: 46.7%;

    }



    .pinzhi-tit h3 {

        font-size: 24px;

    }



    .service-one-tit h3 {

        font-size: 24px;

    }



    .home-title {

        font-size: 24px;

    }



    .new-product-cont .swiper-button-next {

        left: 26.85%;

    }



    .about-two {

        padding: 65px 0 78px;

    }



    .about-one-left {

        height: 214px;

    }



    .anchor {

        display: none !important;

    }



    #historySlide .history-c .cont .cont-left {

        height: 160px;

        padding-right: 10px;

    }



    #historySlide {

        padding-bottom: 30px;

    }



    .history-scroll .swiper-slide {

        height: 72px;

    }



    #historySlide .history-scroll {

        padding-top: 40px;

        height: 113px;

    }



    .about-three li {

        padding: 35px 45px;

    }



    .about-one {

        padding-top: 40px;

    }



    .spec-scroll {

        width: 113%;

        left: -123%;

    }



        .spec-scroll .items {

            width: 87%;

            height: 60px;

        }



    .canshu {

        height: 380px;

    }



    .jqzoom {

        height: 300px;

    }



    .spec-scroll .items ul li, .spec-scroll .prev, .spec-scroll .next {

        height: 60px;

    }



        .spec-scroll .items ul li:after {

            height: 96%;

            width: 88%;

        }



    .jqZoomPup {

        width: 160px !important;

        height: 160px !important;

    }



    .canshu .line {

        width: 100px;

        height: 30px;

        line-height: 30px;

    }



    .canshu-zx .share {

        width: 162px;

    }



        .canshu-zx .share .bdsharebuttonbox a {

            line-height: 30px;

            height: 30px;

        }



    .canshu-zx p {

        line-height: 30px !important;

    }



    .msg-box {

        left: 63%;

    }

}



@media(max-width:768px) {

    .ny-banner-text {

        background: url(../images/ny-txt.png)no-repeat center left 30px;

        padding: 145px 0 140px 60px;

    }



    .produce-one-txt {

        padding: 11% 30px 12.8%;

    }



    .produce-four-swip1 .text h3 {

        width: 81.8%;

    }



    .pinzhi-list .text {

        height: 187px;

    }



    .about-one-right {

        margin-bottom: -38px;

    }



    .about-one-left {

        height: 186px;

    }

}



@media(max-width:640px) {

    .new-left, .new-right {

        float: none;

        width: 100%;

    }



    .menu li {

        width: 120px;

        text-align: center;

    }



    .new-left-tit p {

        margin-top: 5px;

    }



    .new-left-con p {

        text-align: justify;

    }



    .new-left-tit h2 {

        font-size: 18px;

    }



    .new-page .page-next, .new-page .page-prev {

        width: 100%;

    }



    .new-page a {

        display: block !important;

        margin: 0 auto;

    }



        .new-page a i {

            width: 32px;

            height: 32px;

            line-height: 32px;

        }



    .new-page {

        height: auto;

        margin: 10px;

    }



        .new-page p, .new-page .page-next p {

            text-align: center;

            width: 25%;

            line-height: 32px;

        }



    .new .share a {

        width: 30px;

        height: 30px;

        font-size: 20px !important;

        line-height: 30px !important;

        float: none;

    }

   .pcshare{display:none}

   .appshare{display:block;}

    .new {

        padding: 30px 0 40px;

    }



    .ny-banner-text h2 {

        font-size: 22px;

        line-height: 24px;

    }



    .new-share h3, .new-right-con h4 {

        font-size: 18px;

    }



    .new-share .share, .new-right-con h4, .new-share h3 {

        text-align: center;

    }



    .new-share .share, .new-right-con h4, .new-share h3 {

        margin-top: 5px;

    }



    .ny-banner-text {

        background: url(../images/ny-txt.png)no-repeat center left 10px;

        padding: 100px 0 90px 22px;

    }



        .ny-banner-text h3 {

            font-size: 16px;

            margin-top: 5px;

        }



    .news-one-img {

        float: none;

        width: 100%;

        padding: 0;

    }



    .news-one-text {

        float: none;

        width: 100%;

        padding: 20px;

    }



    .news-one-tit h3 {

        font-size: 16px;

        width: 75%;

    }



    .news .page {

        margin-top: 20px;

    }



    .news {

        padding-bottom: 30px;

    }



    .page a {

        font-size: 16px;

        line-height: 32px;

        width: 32px;

        height: 32px;

    }



    .page-next i, .page-prev i {

        line-height: 30px;

    }



    .home-about-item .m-icon {

        width: 60px;

        height: 60px;

    }



    .zhaopin-hide-two, .zhaopin-hide-one {

        float: none;

        width: 100%;

        padding: 0;

        border: none;

    }



    .zhaopin-box .wt .hide {

        padding: 30px 20px;

    }



    .zhaopin-hide-two {

        margin-top: 20px;

    }



    .zhaopin-box .wt .block h3, .zhaopin-box .wt .block h4 {

        font-size: 16px;

        line-height: 40px;

    }



    .zhaopin-box .wt .block i {

        width: 40px;

        height: 40px;

    }



        .zhaopin-box .wt .block i::before {

            width: 16px;

            margin-left: -7px;

        }



        .zhaopin-box .wt .block i::after {

            height: 16px;

            margin-top: -7px;

        }



    .zhaopin {

        padding-bottom: 40px;

    }



    .zhaopin-hide-one a {

        width: 100px;

        height: 36px;

        line-height: 36px;

        margin-top: 20px;

    }



    .video li {

        width: 100%;

        float: none;

    }



        .video li h3 span {

            font-size: 16px;

        }



            .video li h3 span:last-child {

                font-size: 14px;

            }



    .video {

        padding-bottom: 40px;

    }



        .video .page {

            margin-top: 15px;

        }



    .solution-con, .solution-menu {

        width: 100%;

        float: none;

    }



    .solution-tit {

        margin-bottom: 20px;

    }



    .solution-con1-one {

        margin-top: 0;

    }



        .solution-con1-one li {

            float: none;

            width: 100%;

            margin-bottom: 20px;

        }



        .solution-con1-one .img {

            width: 75%;

        }



    .solution {

        padding-bottom: 40px;

    }



    .solution-banner-txt {

        padding: 100px 0 90px 0 !important;

    }



    .solution-bread h2, .solution-tit h3 {

        font-size: 18px;

        float: none;

    }



    .solution-bread p {

        float: none;

        overflow-x: auto;

        white-space: nowrap;

        padding-bottom: 5px;

    }



    .productxq-banner {

        padding: 10px 0;

    }



    .solution-menu li a, .solution-con-tit {

        font-size: 16px;

    }



    .solution-con1-one li div {

        min-height: 168px;

    }



    .solution-banner-txt h2::before {

        left: 43.8%;

    }



    .yanfa-tit h3 {

        font-size: 20px;

        line-height: 30px;

    }



    .yanfa-one .yanfa-text {

        height: auto;

        width: 100%;

        float: none;

        padding: 20px 10px;

    }



    .yanfa-one .yanfa-img {

        float: none;

        width: 100%;

    }



    .yanfa-con1 {

        padding: 25px 10px 40px;

    }



    .yanfa-consult-one {

        width: 50%;

        border: none;

    }



        .yanfa-consult-one .text {

            margin-top: 30px;

        }



        .yanfa-consult-one:last-child {

            padding: 0;

        }



    .yanfa-consult-con {

        margin-top: 30px;

    }



    .yanfa-consult {

        padding: 30px 0 20px;

    }



    #menu {

        overflow-x: auto;

        white-space: nowrap;

    }



    .yanfa-list {

        margin-top: 20px;

    }



    .yanfa-consult-one:last-child h3 {

        left: 18.6%;

    }



    .produce-one-txt {

        position: static;

        width: 100%;

    }



    .produce-tit p {

        font-size: 14px;

        text-align: justify;

        text-align-last: center;

    }



    .produce-tit h3 {

        font-size: 20px;

    }



    .produce-one {

        padding: 30px 0 40px;

    }



    .produce-two {

        padding-top: 30px;

    }



    .produce-two-con span {

        font-size: 15px;

        padding-left: 5px;

    }



    .produce-two-con {

        margin-top: 20px;

        padding-bottom: 60px;

    }



        .produce-two-con .swiper-pagination {

            margin-top: 20px;

        }



    .produce-three {

        padding: 30px 0;

    }



        .produce-three .swiper-container {

            padding-bottom: 50px;

        }



    .produce-three-con {

        padding: 80px 50px 50px;

        margin-top: 30px;

    }



    .produce-three-txt1 p {

        font-size: 14px;

        width: 100%;

    }



    .produce-three-txt1 h3 span {

        font-size: 30px;

        line-height: 30px;

    }



    .produce-four-con1 li {

        width: 50%;

        border: none;

        margin-bottom: 20px;

    }



    .produce-four-swip1 {

        margin-top: 10px;

    }



    .produce-four-con1 li h3 span {

        font-size: 32px;

        line-height: 40px;

    }



    .produce-four-swip1 .text h3 {

        width: 77.9%;

        font-size: 16px;

        height: 40px;

        line-height: 20px;

        padding: 10px 10px 0 10px;

    }



    .produce-four-swip1 .text span {

        padding: 10px;

        font-size: 16px;

        line-height: 20px;

    }



    .produce-four .swiper-pagination {

        margin-top: 10px;

    }



    .produce-four-swip2 {

        margin: 40px 0;

    }



        .produce-four-swip2 .text {

            font-size: 16px;

            padding: 10px 0;

        }



    .produce-fiv-con1 .img {

        float: none;

        width: 100%;

    }



    .produce-fiv-con1 .text {

        float: none;

        width: 100%;

        height: auto;

        padding-left: 0;

    }



    .produce-fiv-menu li {

        margin-right: 0;

        margin-bottom: 10px;

        margin-left: 35px;

    }



    .produce-fiv-con {

        margin-top: 20px;

    }



    .produce-fiv {

        padding-bottom: 40px;

    }



    .produce-fiv-con1 .text p {

        text-align: justify;

        font-size: 14px;

    }



    .produce-four .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

        margin-right: 5px;

    }



    .produce-three .swiper-pagination-bullet {

        margin: 0 3px;

        width: 10px;

        height: 10px;

    }



    .pinzhi-list .text, .pinzhi-list .img {

        float: none;

        width: 100%;

        height: auto;

    }



    .pinzhi-list span {

        left: 44%;

        top: 44.3%;

    }



    .pinzhi-odd:first-child span {

        top: 43.5%

    }



    .pinzhi-even:last-child span {

        top: 41%;

    }



    .pinzhi {

        padding: 30px 0 20px;

    }



    .pinzhi-tit h3 {

        font-size: 18px;

        line-height: 20px;

    }



    .pinzhi-tit p {

        font-size: 14px;

    }



    .pinzhi-list {

        margin-top: 20px;

    }



        .pinzhi-list .text h2 {

            font-size: 16px;

        }



        .pinzhi-list .text {

            padding: 60px 10px;

            min-height: 190px;

        }



    .service-one-tit h3 {

        font-size: 18px;

        line-height: 30px;

    }



    .service-one-tit p {

        font-size: 14px;

        text-align: justify;

        margin-top: 5px;

    }



    .service-one-img .img, .service-one-img .img:last-child {

        float: none;

        width: 100%;

    }



        .service-one-img .img:last-child {

            margin-top: 10px;

        }



    .service li {

        width: 100%;

        height: auto;

    }



        .service li.service-left {

            margin-bottom: 10px;

        }



    .service ul {

        margin-top: 25px;

    }



    .service {

        padding-bottom: 40px;

    }



    .service-one-img {

        margin-top: 20px;

    }



    .service li .service-li-tit {

        font-size: 16px;

    }



    .service li span {

        font-size: 36px;

    }



    .service li {

        padding: 50px 20px;

    }



    .service-one-tit {

        margin-top: 15px;

    }



    .products-con li {

        width: 50%;

    }



        .products-con li h3 {

            font-size: 16px;

            line-height: 20px;

        }



    .products {

        padding-bottom: 40px;

    }



    .swiper-button-next, .swiper-button-prev {

        height: 24px;

    }



    .new-product-cont .swiper-button-next {

        left: 52.85%;

    }



    .new-product-cont .swiper-button-prev {

        left: 40.57%;

        ;

    }



    .home-title {

        font-size: 18px;

        padding-bottom: 0;

        font-weight: bold;

    }



    .home-des {

        font-size: 14px;

    }



    .jqzoom {

        height: auto;

    }



    .spec-preview {

        float: none;

        width: 100%;

    }



    .canshu {

        float: none;

        width: 100%;

        margin-top: 20px;

    }



    .faq-box .wt .block h3 {

        font-size: 16px;

    }



    .faq-box .wt {

        padding: 15px 0;

    }



        .faq-box .wt .hide p {

            text-align: justify;

        }



    .faq {

        padding-bottom: 40px;

    }



        .faq .page {

            margin-top: 20px;

        }



    .tuijian-tit h3 {

        font-size: 18px;

    }



    .tuijian-tit h4 {

        font-size: 14px;

    }



        .tuijian-tit h4::before {

            width: 30px;

            left: -30px;

        }



    .about-tit h3 {

        font-size: 16px;

        line-height: 20px;

        float: right !important;

        margin-left: 0 !important;

    }



        .about-tit h3::before {

            width: 24px;

            top: 8px;

            left: -35px;

        }



    .about-tit h2 {

        font-size: 18px;

    }



    .about-one .about-tit h2 {

        padding-bottom: 5px;

    }



    .about-one-left, .about-one-right {

        float: none;

        width: 100%;

        height: auto;

        padding-right: 0;

    }



    .about-one-left {

        margin-top: 0;

    }



    .about-one-right {

        margin-bottom: -46px;

    }



    .home-about-num .m-hr {

        margin: 8px auto 8px auto;

    }



    .home-about-num .m-num {

        font-size: 30px;

    }



    .about-three li {

        float: none;

        width: 100%;

    }



        .about-three li:nth-child(even) {

            margin-left: 0;

            margin-top: 10px;

        }



    .about-three ul {

        margin-top: 20px;

    }



    .about-two {

        padding: 40px 0 85px;

    }



    #historySlide .history-c .cont .cont-left, #historySlide .history-c .cont .cont-right {

        float: none;

        width: 100%;

        height: auto;

        padding-right: 0;

    }



    #historySlide .swiper-container {

        padding-bottom: 35px;

    }



    #historySlide {

        padding-bottom: 20px;

        padding-top: 0;

    }



        #historySlide .history-c .des p, .about-one-left p {

            text-align: justify;

        }



    .about-six .about-six-con .m-item img:nth-child(2) {

        display: block;

    }



    .about-six .about-six-con .m-item img:first-child {

        /* display: none; */

    }



    .about-four-swip .swiper-slide a.none {

        display: block;

        text-align: center;

    }



    .about-four-swip .swiper-slide a:first-child {

        display: none;

    }



    .about-four-swip .swiper-slide-active img {

        transform: none;

    }



    .about-four-swip .swiper-slide a img {

        width: auto;

    }



    .about-four-swip .swiper-button-next, .about-four-swip .swiper-button-prev {

        display: none;

    }



    .about-four-swip .swiper-pagination {

        display: block;

        width: 100%;

        bottom: 20%;

    }



    .about-four-swip .swiper-container {

        padding-top: 120px;

    }



    .about-three li {

        padding: 30px 20px;

    }



    .about-three {

        padding: 30px 0 40px;

    }



    .home03-tiz {

        display: none !important;

        width: 100%;

    }



    .about-tit {

        margin-bottom: 10px;

    }



    .about-four-swip h3 {

        font-size: 16px;

        margin-top: 10px;

    }



    .about-four-swip .swiper-pagination-bullet {

        margin-right: 5px;

    }



        .about-four-swip .swiper-pagination-bullet:last-child {

            margin-right: 0;

        }



    .about-four-swip .swiper-pagination-bullet-active {

        background-color: #0072bf;

    }



    .about-four {

        padding-bottom: 0;

        height: 380px;

        padding-top: 40px;

    }



    .about-fiv {

        padding-top: 30px;

    }



    .about-six {

        padding: 40px 0 60px;

    }



    .bread {

        overflow-x: auto;

        white-space: nowrap;

    }



    .about-three li h3 {

        font-size: 16px;

    }



    .spec-scroll {

        width: 100%;

        left: 0;

    }



    .canshu {

        height: 400px;

    }



    .spec-scroll .items {

        height: 75px;

    }



        .spec-scroll .items ul li, .spec-scroll .prev, .spec-scroll .next {

            height: 75px;

        }



    .footer-right .con1 .bdsharebuttonbox a {

        float: none;

        margin-left: 0;

        margin-right: 30px;

    }



        .footer-right .con1 .bdsharebuttonbox a:last-child {

            margin-right: 0;

        }



    .footer-right .con1.share {

        margin-left: 0;

    }



    .proinfo-top {

        overflow-x: auto;

        white-space: nowrap;

    }



    #historySlide .history-c .year {

        font-size: 18px;

        padding-bottom: 20px;

        line-height: 20px;

    }



    .address-item i {

        padding-right: 45px;

    }



    .produce-one-txt h3 {

        font-size: 20px;

    }



    .pinzhi-list .text p {

        text-align: justify;

        text-align-last: left;

    }



    .yanfa-consult-one h3 {

        position: static;

        margin-top: 10px;

        font-size: 14px;

    }



    .yanfa-consult-one span {

        display: block;

        padding: 0;

        padding-bottom: 10px;

        font-size: 30px;

        line-height: 36px;

    }



    .yanfa-consult-one .text {

        text-align: center;

        min-height: 98px;

    }



    .yanfa-consult-one span::before {

        right: auto;

        left: 42%;

    }



    .yanfa-one .yanfa-text h3 {

        font-size: 18px;

    }



    .products-con ul {

        margin: 0 -5px 40px;

    }



    .products-con li {

        padding: 0 5px;

    }



    .new-product-cont .m-tit {

        font-size: 16px;

    }



    .home-product-menu a {

        font-size: 16px;

    }



    .spec-scroll .items ul li:after {

        height: 100%;

        width: 89%;

    }



    .appsecond-nav {

        display: block;

    }



    .solution-menu {

        display: none;

    }



    .msg-box {

        left: 116%;

        width: 300px;

        padding: 20px;

    }



        .msg-box .close-box {

            width: 18px;

            height: 18px;

            font-size: 18px;

            top: 2px;

            right: 2px;

        }



    .home-partner-left .m-item img:nth-child(2) {

        display: block;

    }



    .home-partner-left .m-item img:first-child {

        /* display: none; */

    }



    .video li a .image::before {

        top: 0;

    }



    .produce-fiv-menu ul {

        display: block;

        width: 283px;

        margin: 0 auto;

    }



    .produce-fiv-menu li:nth-child(odd) {

        margin-left: 0;

    }



    .kffixed {

        display: block;

    }



    .produce-four-con1 li h3 {

        font-size: 12px;

    }



        .produce-four-con1 li h3 i {

            background-size: 80%;

            top: 5px;

        }



    .products-bread, .solution-bread {

        padding-top: 10px;

    }



    .bread p {

        padding-top: 0;

    }



    .solution-bread h2 {

        margin-bottom: 0;

    }



    .home-banner.app .dis-table, .home-banner.app .dis-cell {

        display: block;

    }



    .banner-cont {

        width: 100%;

        padding: 0;

        padding-top: 50px;

    }



    .dis-image {

        display: block;

        padding: 0;

    }



    .banner-sub {

        font-size: 20px;

        width: 80%;

        margin: 0 auto;

        background-size: contain;

    }



    .banner-slogan {

        font-size: 30px;

    }



    .produce-one-img2 {

        display: block;

    }



    .produce-one-img1 {

        display: none;

    }



    .appproductxq-banner {

        display: block;

    }



        .appproductxq-banner img {

            width: 100%;

        }



    .productxq-banner {

        display: none;

    }

}



@media(max-width:375px) {

    .produce-four-swip1 .text h3 {

        width: 75.9%;

    }



    .pinzhi-list span {

        top: 41.5%;

    }



    .msg-box {

        left: 124%;

    }



    .pinzhi-odd:first-child span {

        top: 40.5%;

    }



    .pinzhi-even:last-child span {

        top: 39%;

    }



    .spec-scroll .items ul li:after {

        height: 89%;

        width: 88%;

    }

}



@media(max-width:360px) {

    .solution-banner-txt h2::before {

        left: 42.8%;

    }



    .produce-four-swip1 .text h3 {

        width: 74.9%;

    }



    .pinzhi-list span {

        top: 40%;

    }



    .new-product-cont .swiper-button-next {

        left: 32.85%;

    }



    .spec-scroll .items {

        width: 87.7%;

        height: 65px;

    }



        .spec-scroll .items ul li, .spec-scroll .prev, .spec-scroll .next {

            height: 65px;

        }



            .spec-scroll .items ul li:after {

                height: 98%;

            }



    .msg-box {

        left: 126%;

    }



    .spec-scroll .items ul li:after {

        height: 98%;

        width: 88%;

    }



    .pinzhi-odd:first-child span {

        top: 39.5%;

    }



    .pinzhi-even:last-child span {

        top: 37%;

    }

}



@media(max-width:320px) {

    .new-left-tit h2 {

        font-size: 16px;

    }



    .news-one-tit h3 {

        width: 70%;

    }



    .news-one-p p {

        width: 90%;

    }



    .home-about-item {

        width: 100%;

    }



    .contact-box .icon {

        width: 36px;

        height: 36px;

        font-size: 36px;

    }



    .contact-box i.ic-email {

        width: 36px;

        height: 36px;

        background-size: cover;

    }



    .contact-box .tit {

        font-size: 16px;

        margin: 5px 0;

    }



    .solution-banner-txt h2::before {

        left: 41.8%;

    }



    .produce-fiv-menu li {

        margin-left: 24px;

    }



    .produce-four-swip1 .text h3 {

        width: 71.9%;

    }



    .pinzhi-list span {

        top: 37%;

    }



    .pinzhi-odd:first-child span {

        top: 35.5%;

    }



    .pinzhi-even:last-child span {

        top: 32%;

    }



    .service-one-tit h3 {

        font-size: 16px;

    }



    .canshu {

        height: 375px;

    }



    .spec-scroll .items ul li, .spec-scroll .prev, .spec-scroll .next {

        height: 54px;

    }



    .spec-scroll .items {

        width: 85.7%;

        height: 54px;

    }



    .about-one-right {

        padding-bottom: -35px;

    }



    .msg-box {

        left: 137%;

    }



    .spec-scroll .items ul li:after {

        height: 98%;

        width: 87%;

    }

}



a.zz {

    display: none;

}



.color_pro_div {

    display: inline-grid;

    padding: 2px;

    margin: 0px 6px;

}



.border_btm {

    border: 1px solid #0072bf;

}





/* product-xq (2019.11.25改)*/

.proinfo-one {

    padding-top: 20px;

}



    .proinfo-one li {

        position: relative;

        height: 100%;

        margin-top: 60px;

    }



        .proinfo-one li:nth-child(even) .proinfo-one-txt {

            float: right;

            width: 43.87%;

            right: 40px;

        }



        .proinfo-one li:nth-child(even) .proinfo-one-img {

            float: left;

            width: 47.95%;

        }



.proinfo-one-txt {

    width: 43.87%;

    float: left;

    position: absolute;

    height: 100%;

}



    .proinfo-one-txt > div {

        position: absolute;

        width: 100%;

        height: 100%;

        display: table;

    }



        .proinfo-one-txt > div > div {

            display: table-cell;

            vertical-align: middle;

        }



.proinfo-one-tit {

    font-size: 36px;

    color: #0072bf;

    position: relative;

    padding-bottom: 22px;

    line-height: 36px;

    margin-bottom: 14px;

}



    .proinfo-one-tit::before {

        content: "";

        position: absolute;

        width: 40px;

        height: 2px;

        background: #0072bf;

        left: 0;

        bottom: 0;

    }



.proinfo-one-txt p {

    font-size: 18px;

    line-height: 30px;

    color: #666;

}



.proinfo-one-img {

    float: right;

    width: 47.95%;

    padding-right: 40px;

}



    .proinfo-one-img img {

        width: 100%;

        height: 270px;

    }



.proinfo-two {

    padding-top: 70px;

    padding-bottom: 40px;

    border-bottom: 1px solid #d6d6d6;

}



.proinfo-two-tit {

    font-size: 36px;

    color: #0072bf;

    text-align: center;

    position: relative;

    line-height: 36px;

}



    .proinfo-two-tit::before {

        content: "";

        position: absolute;

        width: 75px;

        height: 5px;

        background: url(../images/proinfo2-bef.png)no-repeat center left;

        left: 33.5%;

        top: 42%;

    }



    .proinfo-two-tit::after {

        content: "";

        position: absolute;

        width: 75px;

        height: 5px;

        background: url(../images/proinfo2-aft.png)no-repeat center right;

        right: 33.5%;

        top: 42%;

    }



.proinfo-two ul {

    margin: 46px -10px 0;

}



.proinfo-two li {

    float: left;

    width: 25%;

    padding: 0 10px;

}



    .proinfo-two li > div {

        width: 100%;

        margin-top: 14px;

    }



.proinfo-two-img {

    overflow: hidden;

}



    .proinfo-two-img img {

        width: 100%;

        transition: ease .5s;

        border-radius: 5px;

        height: 130px;

    }



.proinfo-two-txt {

    font-size: 20px;

    line-height: 30px;

    color: #333;

    text-align: center;

    margin-top: 10px;

    margin-bottom: 10px;

}



.proinfo-two li:hover .proinfo-two-img img {

    transform: scale(1.04);

}



.proinfo-two li:hover .proinfo-two-txt {

    color: #0072bf;

}



@media (max-width: 1250px) {

    .proinfo-one-img img {

        height: 258px;

    }



    .proinfo-two-img img {

        height: 124px;

    }

}



@media (max-width: 1170px) {

    .proinfo-one-img img {

        height: 221px;

    }



    .proinfo-two-img img {

        height: 107px;

    }



    .proinfo-two-tit::after {

        right: 30.5%;

    }



    .proinfo-two-tit::before {

        left: 30.5%;

    }

}



@media (max-width: 1025px) {

    .proinfo-one-img img {

        height: 164px;

    }



    .proinfo-two-img img {

        height: 80px;

    }



    .proinfo-one-tit, .proinfo-two-tit {

        font-size: 26px;

    }



        .proinfo-two-tit::after {

            right: 27.5%;

        }



        .proinfo-two-tit::before {

            left: 27.5%;

        }



    .proinfo-one-txt p {

        font-size: 16px;

    }

}



@media (max-width: 640px) {

    .proinfo-one-txt, .proinfo-one-img, .proinfo-one-txt > div, .proinfo-one li:nth-child(even) .proinfo-one-txt, .proinfo-one li:nth-child(even) .proinfo-one-img {

        position: static;

        width: 100%;

        float: none;

        padding: 0;

    }



        .proinfo-one-img img {

            height: auto;

        }



    .proinfo-one-img {

        margin-top: 15px;

    }



    .proinfo-two li {

        width: 50%;

    }



    .proinfo-two-img img {

        height: 105px;

    }



    .proinfo-one-tit, .proinfo-two-tit {

        font-size: 18px;

        line-height: 18px;

    }



    .proinfo-one-tit {

        padding-bottom: 15px;

        margin-bottom: 10px;

    }



    .proinfo-one li {

        margin-top: 30px;

    }



    .proinfo-two-tit::before {

        left: 18.5%;

    }



    .proinfo-two-tit::after {

        right: 18.5%;

    }



    .proinfo-two-txt {

        font-size: 17px;

        line-height: 20px;

        margin-bottom: 0;

    }



    .proinfo-two {

        padding-top: 40px;

        padding-bottom: 10px;

    }



        .proinfo-two ul {

            margin-top: 15px;

        }

}



@media (max-width: 375px) {

    .proinfo-two-tit::before {

        top: 40%;

        left: 16.5%;

    }



    .proinfo-two-tit::after {

        top: 40%;

        right: 16.5%;

    }

}



@media (max-width: 320px) {

    .proinfo-two-img img {

        height: 80px;

    }



    .proinfo-two-tit::before {

        left: 10.5%;

    }



    .proinfo-two-tit::after {

        right: 10.5%;

    }

}



.solution-menu-img {

    margin-top: 12px;

}



    .solution-menu-img a {

        display: block;

    }



    .solution-menu-img img {

        width: 100%;

    }



.cptd p {

    font-size: 16px;

    color: #666;

    /* margin: 4px 0px; */

}







.cptd::-webkit-scrollbar {

    width: 3px;

    background-color: #dcdbdb;

}



.cptd::-webkit-scrollbar-thumb {

    background-color: #0072bf;

    border-radius: 10px;

}





@media (max-width: 640px) {

    .home-banner.app .swiper-slide a {

        display: block;

        height: 520px;

    }

}

/*  ====================== 2020.4.30产品详情修改 ========================= */

.pri-menu{}

.pri-menu li a{padding: 18px 0;padding-left: 15px;}

.spec-scroll .items ul li.hover>div{border-color: #0072bf;}

.spec-scroll .items ul li:after{display: none;background: none;}

.productxq-color a{margin: 0 10px;}

.proinfo-one{padding-top: 40px;}

.lpri-tit{}

.lpri-tit h3{font-size: 24px;line-height: 34px;color: #0072bf;}

.lpri-tit span{display: block;width: 40px;height: 2px;background: #0072bf;margin: 15px 0 25px;}

.lpri1-ul{margin-top: 45px;}

.lpri1-ul ul{margin: -15px 0;}

.lpri1-ul li{float: left;width: 33.33%;margin: 15px 0;}

.lpri1-ul li span{display: inline-block;width: 89px;height: 89px;border-radius: 50%;float: left;transition: ease .5s;}

.lpri1-ul li span img{width: 100%;transition: ease .5s;}

.lpri1-ul li:hover img{transform: scale(1.04);}

.lpri1-p{padding-left: 110px;font-size: 18px;line-height: 30px;color: #222;position: absolute;height: 100%;width: 100%;}

.lpri1-p>div{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 40px 0 110px;}



.proinfo-two{border-bottom: none;padding-top: 45px;}

.lpri2-tab{overflow-x: auto;white-space: nowrap;margin-top: 30px;}

.lpri2-tab::-webkit-scrollbar {

 height: 2px;

 background-color: transparent;

}

.lpri2-tab::-webkit-scrollbar-thumb {

 background-color:#0072bf;

 border-radius: 10px;

}

.lpri2-tab table{width: 100%;min-width: 976px;}

.lpri2-tab tr{border: 1px solid #dcdcdc;width: 100%;}

.lpri2-tab td{border: 1px solid #dcdcdc;padding: 8px 30px;}

.lpri2-tab td span{display: inline-block;font-size: 16px;line-height: 34px;color: #333;}

.lpri2-tab td span:first-child{width: 27.45%;}

.lpri2-tab td span:last-child{width: 72.55%;}

.proinfo-three{}



.lpri3-img,.lpri-img{width: 100%;text-align: center;}

.lpri3-img{margin: 35px 0 40px;}

.lpri3-img img,.lpri-img img{display: inline-block;max-width: 100%;}

 .proinfo-four{padding-top: 20px;padding-bottom: 35px;}

.proinfo-four.proinfo-two li{width: 33.33%;}

.proinfo-four .proinfo-two-img img{height: auto;}

.lpri4-ul{margin-top: 35px;}

.lpri4-ul ul{margin-top: 0;}

.proinfo-fiv{border-bottom: 1px solid #d6d6d6;padding-bottom: 50px;}

.lpri5-tab{overflow-x: auto;white-space: nowrap;}

.lpri5-tab::-webkit-scrollbar {

 height: 2px;

 background-color: transparent;

}

.lpri5-tab::-webkit-scrollbar-thumb {

 background-color:#0072bf;

 border-radius: 10px;

}

.lpri5-tab table{width: 100%;min-width: 976px;}

.lpri5-tab tr{}

.lpri5-tab th{font-size: 16px;line-height: 30px;color: #333;border: 1px solid #dcdcdc;font-weight: normal;}

.lpri5-th-h{height: 50px;}

.lpri5-tab td{font-size: 16px;line-height: 34px;color: #333;border: 1px solid #dcdcdc;text-align: center;}

.canshu p{font-size: 16px;line-height: 30px;color: #666;}

.canshu h3{font-size: 16px;line-height: 32px;color: #666;}

.canshu h3 i{display: inline-block;font-style: normal;float: left;}

.canshu h3 span{display: block;color: #666;}

.canshu h3 p{float: left;}



.solution-bread h2.pri-breadh2{margin-bottom: 5px;}

.canshu .h1{padding-bottom: 22px;margin-bottom: 12px;}

.canshu-txt{padding-bottom: 34px;}

.canshu .line{height: 38px;line-height: 38px;}

.canshu-txt{max-height: 190px;border: none;padding-bottom: 0;}

.canshu-zx{border-top: 1px solid #cbcbcb;margin-top: 34px;padding-top: 10px;}

.productxq-banner{background-size: cover !important;}

.pro-swiper{display: none;position: relative;}

.pro-swiper .swiper-pagination{display: block;width: 100%;}

.pro-swiper img{width: 100%;}



@media (max-width: 1170px){

	.canshu-txt{max-height: 120px;}

}

@media (max-width: 1025px){

    .pcb{display:none;}

    .appb{display:block;}

	.canshu-zx .share .bdsharebuttonbox a{margin-left: 8px;}

	.productxq-color a{margin: 0 3px;}

	.lpri1-ul li span{width: 70px;height: 70px;}

	.lpri1-p{padding-left: 85px;}

	.lpri1-p>div{padding: 0 10px 0 85px;}

	.lpri1-p{font-size: 17px;}

	.lpri1-ul li{width: 50%;float: left;}

	.spec-scroll .items{height: 73px;}

	.spec-scroll .items ul li, .spec-scroll .prev, .spec-scroll .next{height: 72px;}

	.canshu{height: 395px;}

}

@media (max-width: 767px){

	.pri-menu{display: none;}

	.product-xq .appsecond-nav{display: block;}

	.solution-con{float: none;width: 100%;}

	.container-middle, .main{width: auto;}

	.productxq-banner li:first-child{padding: 0 1% 0 0;}

	.productxq-banner li:last-child{padding: 0 0 0 2%;}

	.products-bread .solution-bread{padding-top: 15px;}

	.products-bread{padding-top: 15px;}

	.pro-swiper{display: block;}

	.spec-preview,.spec-scroll{display: none !important;}

	.canshu{height: auto;}

	.canshu-txt{max-height: none;height: auto;padding-right: 0;}

.proinfo-four.proinfo-two li{width: 50%;}

.canshu-zx{margin-top: 20px;}

}

@media (max-width: 640px){

	.lpri-tit span{margin: 10px 0 15px;}

	.lpri1-ul li{width: 50%;text-align: center;}

	.lpri1-ul li span{margin: 0 auto 10px;float: none;}

	.lpri1-p{position: relative;padding: 0 5px;}

	.lpri1-p>div{position: static;padding: 0;}

}





/* ================== 发展历程 ==================== */

#historySlide .history-c .cont .cont-left{float: none;width: 100%;padding: 0 120px;height: auto;overflow-y: visible;}

#historySlide .arrow-left{left: 0;}

#historySlide .arrow-right{right: 0;left: auto;}

#historySlide .arrow-right,#historySlide .arrow-left{bottom: 50%;margin-top: 24px;}

#historySlide .history-c .year{float: left;border-bottom: none;padding-top: 41px;font-size: 50px;max-width: 40%;padding-right: 30px;}

#historySlide .history-c .des{display: block;float: left;border-left: 1px solid #d2d2d2;padding-left: 30px;max-width: 60%;height: 100px;}

#historySlide .history-c .des p::before{position: absolute;content: "";width: 8px;height: 8px;border-radius: 50%;background-color: #0072bf;left: 0;top: 8px;}

#historySlide .history-c .des p{padding-left: 16px;}

#historySlide .history-c .des h3{font-size: 28px;padding-left: 16px;margin-bottom: 10px;}



.cont-left-p{height: 144px;}

@media (max-width: 1170px){

	#historySlide .history-c .cont .cont-left{padding: 0 60px;}

}

@media (max-width: 1025px){

	#historySlide .history-c .year{font-size: 40px;}

	#historySlide .arrow-right{right: 10px;}

	#historySlide .arrow-left{left: 10px;}

	/* .about .main{width: 757px;} */

}

@media (max-width: 768px){

    .proinfo-top a{font-size:14px;padding: 0 10px;}

	#historySlide .history-c .des h3{font-size: 24px;}

	#historySlide .history-c .year{font-size: 30px;}

}

@media (max-width: 640px){

	#historySlide .history-c .year{float: none;font-size: 28px; width: 100%;text-align: center;margin-bottom: 10px; height: auto;line-height: 30px; max-width: none;padding: 0;}

	#historySlide .history-c .des{float: none;width: 100%;max-width: none;padding: 0;border: 0;}

	.cont-left-p{height: auto;}

	#historySlide .history-c .des p:first-child{margin-top: 0;}

	#historySlide .history-c .des h3{padding: 0;text-align: center;font-size: 17px;}

	#historySlide .arrow-right, #historySlide .arrow-left{bottom: 0;}

	#historySlide .history-c .cont .cont-left{padding: 0 0px;}

#historySlide .swiper-container{padding-bottom: 40px;}

	

}

#bsWXBox{box-sizing:content-box !important;}