@charset "utf-8";
/*base*/
*, :before, :after {margin: 0;padding: 0;box-sizing: border-box;}

body {min-width: 1200px;background: #ffffff}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, blockquot, filedset, input, nav, aside, header, article, section, figure, figcaption, video, audio {margin: 0;padding: 0;}

h1, h2, h3, h4, h5, h6, em, i {font-size: 1em;font-style: normal;font-weight: normal;}

ul, ol, li {list-style: none;}

fieldset, img {max-width: 100%;height: auto;border: 0 none;vertical-align: middle;}

/*table {border-collapse:separate;margin:20px 0 30px 0;}*/
input, select, textarea, button {font: 12px/20px Arial;outline: none;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;outline: 0px;}

:focus {outline: none;}

a {color: #333333;text-decoration: none;outline: none;cursor: pointer;}

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

a:active {text-decoration: none;}

@font-face {
  font-family: 'iconfont';  /* Project id 4728767 */
  src: url('//at.alicdn.com/t/c/font_4728767_rsxe2stt1ts.eot?t=1730278466586'); /* IE9 */
  src: url('//at.alicdn.com/t/c/font_4728767_rsxe2stt1ts.eot?t=1730278466586#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/c/font_4728767_rsxe2stt1ts.woff2?t=1730278466586') format('woff2'),
       url('//at.alicdn.com/t/c/font_4728767_rsxe2stt1ts.woff?t=1730278466586') format('woff'),
       url('//at.alicdn.com/t/c/font_4728767_rsxe2stt1ts.ttf?t=1730278466586') format('truetype'),
       url('//at.alicdn.com/t/c/font_4728767_rsxe2stt1ts.svg?t=1730278466586#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.clearfix:after {clear: both;content: '';display: block;height: 0;line-height: 0;}

.clearfix {zoom: 1;}

.clear {clear: both;}

.fl {float: left;}

.fr {float: right;}

body {font: 14px/20px "Microsoft YaHei", Arial;color: #333333;line-height: 1;}

.w {max-width: 1400px;width: 96%;margin: 0 auto;overflow: hidden}

@media (max-width: 840px) {
    body {min-width: 100%}

    .w {width: 100%;max-width: 100%}
}

/*base end*/

/*-----------------title_box---------------------*/

.head {width: 100%;height: 86px;background: #ffffff;}

.head-con {max-width: 1400px;width: 1400px;margin: 0 auto;height: 100%;}

.m-head-con {display: none;}

.head-logo {float: left;width: 190px;height: 100%;padding-top: 15px;text-align: center}

.head-logo img {width: 55%;}
.head-right{float: left;width: 66%;height: 100%;padding-left: 3%}
.head-hotline{padding-top:12px;text-align: right}
.head-hotline span{color: #DA0023;text-align: right;font-size: 14px;padding-right: 4px}
.head-hotline a{color: #DA0023;text-align: right;font-size: 24px}
.head-lis {width: 100%;height: 100%;line-height: 86px}

.head-lis > li {float: left;width: 14.285%;height: auto;position: relative;}

.head-lis > li > a {display: block;width: 100%;height: 100%;text-align: center;color: #333;font-size: 16px;overflow: hidden;position: relative;}



/*.head-lis > li:before {content: '';position: absolute;
    right: 0;top: 33px;width: 1px;height: 18px;background: #E4E4E4;opacity: 0.3;}*/

.head-lis > .head-li-en:before {display: none}

.downpanel {display: none;width: 120%;height: auto;position: absolute;left: -10%;top: 88px;z-index: 999;}

.m-downpanel {display: none;}

.downpanel > li {width: 100%;height: 50px;background: #ffffff;position: relative;border-top: 1px solid #E6E6E6;}

.downpanel a {color: #fff;}

.downpanel li a {display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #666666;font-size: 16px;
    overflow: hidden;position: relative;}

.head-tel {float: right}

.head-tel-icon {display: inline-block;margin-top: 16px;width: 60px;height: 60px;background: #DA0023;border-radius: 50%;text-align: center;line-height: 58px}

.head-tel .iconfont {color: #ffffff;font-size: 26px;}

.head-tel a {color: #DA0023;font-size: 24px}

@media (min-width: 840px) {
    .head-lis > .head-lis-active> a{color: #4167C8;}
    .head-lis > li:after{content: ' ';
        position: absolute;
        z-index: 2;
        bottom: 3px;
        left: 50%;
        display: block;
        width: 0;
        height: 2px;
        background: #4167C8;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        -webkit-transition: width .5s;
        -o-transition: width .5s;
        transition: width .5s;}
    .head-lis>.head-lis-active:after{width: 100%}
    .head-lis>li:hover>a{color: #4167C8;}
    .head-lis > li:hover:after{width: 100%}
    .down:hover .downpanel {display: block;}
    .downpanel li:hover {background: #CCE6FF;}
}

@media (max-width: 840px) {
    .title_box ,.head-hotline{display: none;}

    .head {position: fixed;top: 0;left: 0;z-index: 99;height: 50px;background: #FFffff;box-shadow: 0 2px 2px rgba(0,0,0,0.2);}

    .head-con {padding: 0;width: 100%;height: 50px;margin: 0 auto;}

    .head-tel, .head-logo {display: none}

    .m-head-con {display: block;width: 100%;height: 100%;overflow: hidden;padding-right: 60px;padding-left: 14px}

    .m-logo {float: left;width: 120px;margin-top: 8px}

    .m-head-call {float: right;color: #ee7700;font-size: 16px;line-height: 50px}
    .m-head-call i{padding-right: 6px}

    .m-head-call a {color: #ee7700;font-size: 16px}


    .head-logo {
        width: 18em;
        height: 4em;
        margin-top: 10px;
        margin-left: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translate(-50%);
    }
    .head-lis {display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 220px;
        height: 100vh;
        background-color: #167ADE;
        padding: 40px 0 50px;
        margin: 0 -10px;
        float: none;
        overflow: auto;}

    .head-lis li {float: none;border-bottom: none;}

    .head-lis li a {
        display: block;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: 16px;
        text-align: left;
        -webkit-transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
        -o-transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
        transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
        padding: 0 5px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin: 0 15px;
    }

    .head-lis-active {
        background: none;
    }

    /*导航遮罩*/
    .mask-layer {
        opacity: 0;
        display: block;
        background: rgba(0, 0, 0, 0.75);
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 99;
        -webkit-animation-name: fade-in;
        animation-name: fade-in;
        -webkit-animation-duration: 430ms;
        animation-duration: 430ms;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    /*动画*/
    /*hidden*/
    .head-lis {
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
        -o-transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
        transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
        -webkit-transform: translate(200px, 0);
        -ms-transform: translate(200px, 0);
        -o-transform: translate(200px, 0);
        transform: translate(200px, 0);
    }

    .head-lis li {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(100px, 0);
        -ms-transform: translate(100px, 0);
        -o-transform: translate(100px, 0);
        transform: translate(100px, 0);
        -webkit-transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
        -o-transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
        transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
        transition-delay: .05s;
    }

    .mask-layer {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s, visibility 0.3s;
        -o-transition: opacity 0.3s, visibility 0.3s;
        transition: opacity 0.3s, visibility 0.3s;
    }

    /*show*/
    body.open-nav .head-lis {
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    body.open-nav .head-lis li {
        width: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    body.open-nav .mask-layer {
        opacity: 1;
        visibility: visible;
    }

    /*动画*/
    /*tencent*/
    .nav-toggle {
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
        padding: 10px;
        background-image: none;
        border-radius: 4px;
        margin-top: 6px;
        border: 0;
        cursor: pointer;
        z-index: 1001;
    }

    .nav-toggle span {
        display: block;
        width: 20px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;
        background: #666666;
        border-radius: 3px;
        z-index: 1;
        -webkit-transform-origin: 20px;
        transform-origin: 20px;
        -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    }

    /*利用transform属性来改变横条的旋转角度*/
    .nav-toggle.toggle-animate span:nth-last-child(1) {
        opacity: 1;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*
     * 隐藏一个横条
     */
    .nav-toggle.toggle-animate span:nth-last-child(2) {
        opacity: 0;
    }

    /*
     * 改变另一个横条的旋转角度
     */
    .nav-toggle.toggle-animate span:nth-last-child(3) {
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /*渐显动画*/
    @keyframes fade-in {
        0% {
            opacity: 0;
            -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
            animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
        }
        76.92% {
            opacity: 1;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes fade-in {
        0% {
            opacity: 0;
        }
        76.92% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }

    .downpanel {
        display: none;
    }

    .m-downpanel {
        display: block;
    }

    .m-downpanel > li.down:hover .downpanel {
        display: none;
    }

    .m-downpanel li.mdrop {
        /*height: 2em;*/
    }

    .m-downpanel li.mdrop a {
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        padding-left: 10px;
        opacity: 0.7;
    }
}

/*-----------------轮播样式---------------------*/
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    direction:ltr;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.banner_content_item {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.arrow-left,.arrow-right {
    position: absolute;
    top: 50%;
    z-index: 30;
    transform: translateY(-50%);
    display: block;
    width: 46px;
    height: 70px;
    padding-top: 22.5px;
    background: rgba(0, 0, 0, .3);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

.arrow-left {
    left: 60px;
}
.arrow-right {
    right: 60px;
}

.arrow-left .iconfont,.arrow-right .iconfont {
    font-size: 24px;
    color: #FFFFFF;
}

.banner-swiper .swiper-slide > a {
    display: block;
    width: 100vw;
    height: auto;
}
.banner-swiper{
    height: auto !important;
}
.banner-swiper .swiper-wrapper{
    height: auto !important;
}
.banner-swiper .swiper-slide {
    height: auto !important;
}
.swiper-slide > a>img{
    display: inline-block;
    width: 100%;
    height: auto;
}
.page {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
@media (max-width: 840px){
    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
        bottom: 0px;
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 2px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2;
        cursor: pointer
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007aff
    }

    .banner-left,.banner-right{display: none}
    .page{bottom: 0}
}
    /* slick */
.pc-banner-slider{display: block}

.banner_content_item {position: relative;width: 100%;height: auto;overflow: hidden;}

.slick-slider {position: relative;display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: none;touch-action: none;-webkit-tap-highlight-color: transparent}
.m-banner-slider{display: none}
.slick-list {position: relative;overflow: hidden;display: block;margin: 0;padding: 0;height: 100%}

.slick-list:focus {outline: 0}

.slick-list.dragging {cursor: pointer;cursor: hand}

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}

.slick-track {position: relative;left: 0;top: 0;display: block;zoom: 1;height: 100%}

.slick-track:after, .slick-track:before {content: "";display: table}

.slick-track:after {clear: both}

.slick-loading .slick-track {visibility: hidden}

.slick-slide {float: left;height: 100%;min-height: 1px;display: none}

.slick-slide img {display: block;position: relative;left: 0;top: 0;width: 100%;}

.slick-slide.slick-loading img {display: none}

.slick-slide.dragging img {pointer-events: none}

.slick-initialized .slick-slide {display: block}

.slick-loading .slick-slide {visibility: hidden}

.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}

.slick-next, .slick-prev {position: absolute;top: 50%;z-index: 30;transform: translateY(-50%);display: block;width: 50px;height: 80px;color: transparent;background: rgba(0, 0, 0, .3);border-radius: 4px;text-align: center;
    border: none;outline: 0}

.slick-next:focus, .slick-prev:focus {outline: 0}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {opacity: .25}

.slick-next:before, .slick-prev:before {margin-left: -6px;font-family: slick;font-size: 60px;line-height: 80px;color: #fff;opacity: .85;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.slick-prev {left: 50px}

.slick-prev:before {font-family: "iconfont";content: "\e682"}

.slick-next {right: 50px}

.slick-next:before {font-family: "iconfont";content: "\e683"}

.slick-dots {position: absolute;bottom: 10px;list-style: none;display: block;text-align: center;padding: 0;width: 100%}

.slick-dots li {position: relative;display: inline-block;height: 20px;width: 20px;margin: 0 5px;padding: 0;cursor: pointer}

.slick-dots li button {border: 0;background: 0 0;display: block;height: 20px;width: 20px;outline: 0;line-height: 0;font-size: 0;color: transparent;padding: 5px;cursor: pointer}

.slick-dots li button:focus {outline: 0}

.slick-dots li button:before {position: absolute;top: 0;left: 0;content: "\2022";width: 20px;height: 20px;font-family: slick;font-size: 46px;line-height: 20px;text-align: center;color: #000;opacity: .25;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.slick-dots li.slick-active button:before {opacity: .75}

@media (max-width: 840px) {
    .banner_content_item {
        /*height: 20rem;*/
        padding-top: 50px;
    }

    .slick-next, .slick-prev {width: 40px;height: 60px;background: none}

    .slick-next:before, .slick-prev:before {font-size: 50px;line-height: 60px;margin-left: 0;color: #146BAE}
}

/*------------------首页，通用部分------------*/
.pc-banner-swiper{display: block}
.m-banner-swiper{display: none}
.title-box {position: relative;height: 160px;line-height: 160px;width: 100%;text-align: center;}

.title-en {color: #EEF3F7;font-size: 80px;letter-spacing: 4px;font-weight: bold}

.title-h {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0 auto;font-size: 38px;color: #146BAE;font-weight: bold}

.more-box {display: block;width: 160px;height: 48px;margin: 0px auto 60px;line-height: 46px;text-align: center;
    font-size: 16px;color: #FFFFFF;background: #176BAB;border: 2px solid #176BAB}

.more-box:hover {background: #ffffff;color: #176BAB}

/*-----------首页推荐产品start----------*/
.shop_box {width: 100%;height: auto;background: #ffffff;}

.index-p-ul {width: 100%;margin-bottom: 60px;}

.index-p-li {float: left;width: 25%}

.index-p-link {display: block;width: 100%;position: relative;}

.index-p-link img {width: 100%}

.index-p-link h3 {position: absolute;bottom: 20px;width: 100%;text-align: center;font-size: 26px;color: #FFFFFF}

.index-p-link .h3 {color: #176BAB}

/*------------------------首页，行业应用start---------------*/
.hy-box {background: #FFFFFF}

.hy-con {width: 100%;height: 600px;position: relative;overflow: hidden}

.hy-title {position: absolute;top: 60px;left: 50%;transform: translateX(-50%);z-index: 3;color: #146BAE;font-size: 40px;font-weight: bold}

.hy-bg img {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%}

.hy-bg img.active {z-index: 2}

.hy-slide {position: absolute;top: 0;left: 0;width: 100%;height: 600px;z-index: 2}

.hy-wrapper {position: relative;height: 600px;max-width: 1400px;width:1400px;margin: 0 auto;}

.hy-list {width: 100%;height: 100%;position: relative; }

.hy-list .hy-item {position: relative;text-align: center;margin: 0;transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}

.hy-list .hy-item > a {display: block}

.hy-img {width: 100%;height: 90px;display: inline-block;margin-bottom: 60px;}

.hy-img img {margin: 0 auto;left: 0;right: 0;width: 98px;height: 90px}

.hy-desc {position: absolute;bottom: -212px;width: 100%;z-index: 5;transition: 1s ease;}

.hy-desc .hy-icon {font-size: 70px;color: #ffffff}

.hy-desc .title {font-size: 18px;color: #fff;text-align: center;margin: 24px auto 0;}

.hy-desc .hy-plus {margin: 60px auto 100px;transition: 1s ease;}

.hy-desc .hy-plus .iconfont {font-size: 44px;color: #ffffff}

.hy-desc .hy-plus > div {margin-top: 20px; font-size: 16px;color: #ffffff}

.hy-cover {position: absolute;top: 101%;width: 100%;height: 100%;background: rgba(64, 215, 216, 0.5);transition: 0.5s ease;}

.hy-slide .slick-prev {left: -50px;}

.hy-slide .slick-next {right: -50px;}

.hy-item-active .hy-desc {bottom: 0;}

.hy-item-active .hy-cover {top: 0}

.hy-more {width: 100%;margin: 40px auto 25px;text-align: center}

.hy-prev, .hy-next {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 100px;text-align: center;background: rgba(0, 0, 0, .3);border-radius: 6px;line-height: 100px }

.hy-prev {left: -100px}

.hy-next {right: -100px}

.hy-prev .iconfont, .hy-next .iconfont {font-size: 42px;color: #ffffff}

/*------------------------首页，行业应用end---------------*/

/*------------------------首页，客户案例start---------------*/

.case_box {background: #ffffff}

.list-box {padding-top: 40px}

.case-link {margin-left: -3%;}

.case-link li {float: left;width: 30.3%;margin-left: 3%;margin-bottom: 60px;-webkit-transition: all .3s;-moz-transition: all .3s;
    -ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.case-pic {margin-right: 7%;}

.case-pic a {display: block;position: relative;padding-top: 100%;}

.case-pic a img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.case-info {position: relative;padding: 26px 30px;margin-left: 6%;margin-top: -50px;background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);-o-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.case-info:before {content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 4px;background-color: #176BAB;
    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.case-info h3 a {display: block;color: #333;font-size: 18px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 32px;}

.case-info h3 a:hover {color: #176BAB;}

.case-info p {color: #666;font-size: 16px;line-height: 30px;margin-top: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.case-info p:before {content: '';display: inline-block;vertical-align: middle;width: 10px;height: 10px;border: 1px solid #176BAB;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin-right: 8px;margin-top: -3px;
}

.case-more {position: absolute;right: 30px;top: 26px}

.case-more .iconfont {color: #176BAB;font-size: 24px }

.case-link li:hover {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}

.case-link li:hover .case-info:before {width: 100%;}

/*------------------------首页，客户案例end---------------*/

/* -----------------首页，关于上禾-------------------------*/
.about_box {position: relative;width: 100%;height: 762px;padding-top: 156px;background-size: cover;background-position: center;}

.about-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}

.about-bg img {width: 100%;height: 100%}

.about-left {float: left;width: 35%;padding-right: 20px}

.about-left h3 {margin-top: 20px;color: #ffffff;font-size: 50px;font-weight: 600}

.about-desc {font-size: 16px;line-height: 1.75;color: #ffffff;margin-top: 40px; }

.about-more {margin-top: 100px}

.more-btn {width: 160px;height: 50px;border: 1px solid #FFFFFF;display: inline-block;line-height: 48px;text-align: center;color: #fff;font-size: 16px}

.more-btn:hover {background: #176BAB;border-color: #176BAB}

.about-right {float: right;width: 58%;}

.about-item {float: left;position: relative;width: 50%;height: 264px;padding: 70px 36px;color: #ffffff;transition: .3s ease;cursor: pointer;
    border-width: 1px;
    border-style: solid;}

.about-item a {color: #ffffff}

.about-item1 {border-color: #d5d4d7 transparent transparent #d5d4d7;}

.about-item2 {border-color: #d5d4d7 #d5d4d7 transparent #d5d4d7;}

.about-item3 {border-color: #d5d4d7 transparent #d5d4d7 #d5d4d7;}

.about-item4 {border-color: #d5d4d7 #d5d4d7 #d5d4d7 #d5d4d7;}

.about-item h4 {font-size: 30px;margin-bottom: 20px}

.about-item p {font-size: 16px;line-height: 1.5}

.about-item .iconfont {position: absolute;right: 24px;top: 30px;font-size: 60px}

.about-item:hover {
    background: -webkit-linear-gradient(left, #6CCEEF, #268FD0);
    background: -moz-linear-gradient(left, #6CCEEF, #268FD0);
    background: -o-linear-gradient(left, #6CCEEF, #268FD0);
    background: -ms-linear-gradient(left, #6CCEEF, #268FD0);
    background: linear-gradient(left, #6CCEEF, #268FD0); }

/*--------------------------首页新闻动态news_box---------------*/
.news_box {width: 100%;background: #FFFFFF;}

.news_box .title-box {margin-top: 0px;}

.news-item {margin-top: 45px;}

.news-hot, .news-list {margin-left: -3%}

.news-hot > li, .news-list > li {float: left;margin-left: 3%;width: 47%}

.news-hot > li {
    padding: 20px;
    background-color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    -moz-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    -ms-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    -o-box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    box-shadow: 0 3px 15px rgba(37, 92, 79, .15);
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

.news-link {display: block;width: 100%;height: 100%}

.news-img {float: left;width: 200px;}

.news-img-box {position: relative;padding-top: 66.7%;overflow: hidden;}

.news-img-box > img { position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 10px}

.news-desc {overflow: hidden;padding: 6px 20px;}

.news-desc-title {color: #333;font-size: 18px;line-height: 28px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news-desc-p {line-height: 26px;height: 52px;margin-top: 10px;color: #666666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news-desc-time {color: #AAA;font-size: 16px;margin-top: 12px;}

.news-more {position: absolute;bottom: 0;right: 0;width: 42px;line-height: 42px;text-align: center;background-color: #176BAB;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}

.news-more .iconfont {color: #FFFFFF;font-size: 18px}

.news-desc:hover .news-desc-title {color: #176BAB }

.news-more:hover {width: 50px}

.news-list {margin-bottom: 60px;}

.news-list > li {margin-top: 40px;line-height: 34px }

.news-list li span {float: right;width: 90px;margin-left: 20px;color: #AAA;font-size: 16px;}

.news-list li a {display: block;overflow: hidden;color: #666;font-size: 18px;overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}

.news-list-icon {color: #176BAB;font-size: 18px}

.news-list > li:hover a {margin-left: 4px;color: #176BAB}

/*-------------首页，合作伙伴start-------------*/
.partner {width: 100%;padding-bottom: 60px;background: url("../images/partner.jpg");background-position: center;background-size: cover}

.m-partner {display: none;}

.partner .title-en {color: #727577}

.partner .title-h {color: #ffffff}

.partner-list {width: 100%;display: flex;flex-wrap: wrap;}

.partner-item {display: flex;align-items: center;width: 20%;height: 80px;margin-top: 30px;text-align: center;background: url("../images/hz-pc.jpg") no-repeat;background-size: 200px;
}

.partner-item1 {background-position: 20px 0px;}

.partner-item2 {background-position: 20px -80px;}

.partner-item3 {background-position: 20px -160px;}

.partner-item4 {background-position: 20px -240px;}

.partner-item5 {background-position: 20px -320px;}

.partner-item6 {background-position: 20px -400px;}

.partner-item7 {background-position: 20px -480px;}

.partner-item8 {background-position: 20px -556px;}

.partner-item9 {background-position: 20px -630px;}

.partner-item10 {background-position: 20px -710px;}

.partner-item11 {background-position: 20px -800px;}
.partner-item12 {background-position: 20px -880px;}
.partner-item13 {background-position: 20px -960px;}
.partner-item14 {background-position: 20px -1040px;}
.partner-item15{background-position: 20px -1120px;}
/*-------------首页，合作伙伴end-------------*/

/*首页m端样式*/
@media (max-width: 840px) {
    .pc-banner-swiper{display: none}
    .m-banner-swiper{display: block}
    .title-box {height: 100px;line-height: 100px;}

    .title-en {font-size: 40px;letter-spacing: 2px;}

    .title-h {font-size: 20px}

    .index-p-ul {margin-bottom: 20px}

    .more-box {margin: 30px auto;width: 120px;height: 38px;line-height: 36px;font-size: 14px}
    .pc-banner-slider{display: none}
    .m-banner-slider{display: block}

    .banner-slider .slick-next, .banner-slider .slick-prev {display: none !important;}

    .slick-dots li button:before {font-size: 34px}

    .index-p-li {width: 50%}

    .index-p-li1 {float: right}

    .index-p-link h3 {font-size: 18px;bottom: 12px;}

    .hy-con {height: auto}

    .hy-title {top: 20px;font-size: 20px;color: #FFffff}

    .hy-bg img {display: none;height: auto;position: relative;}

    .hy-bg img.active {display: block}
    .hy-slide{width: 100%;height: 25rem;}
    .hy-wrapper{height: 25rem;width: 100%;max-width: 100%}

    .hy-list .hy-item {background: rgba(0, 0, 0, 0.3)}

    .hy-desc {bottom: 24%;}
    .hy-desc .hy-icon{font-size: 60px}

    .hy-desc .title {font-size: 18px}

    .hy-desc .hy-plus {display: none}

    .hy-left {left: 12px}

    .hy-right {right: 12px}

    .list-box {padding-top: 12px}

    .case-link {margin-left: 0}

    .case-link li {width: 100%;padding: 0 15px;margin-left: 0;margin-bottom: 30px}

    .case-pic a img {border-radius: 20px}

    .case-info {padding: 14px;border-radius: 20px}

    .case-info h3 a {font-size: 14px;font-weight: bold}

    .case-more {top: 16px;right: 12px}

    .case-info p {margin-top: 2px;font-size: 13px}

    .about_box {height: auto;padding-top: 0}

    .about-left {width: 100%;padding: 20px;text-align: center;}

    .about-left h3 {font-size: 22px}

    .about-desc {font-size: 14px;margin-top: 20px;line-height: 26px}

    .about-more {display: none}

    .about-right {width: 100%;padding: 20px}

    .about-item {width: 49%;height: auto;margin-left: 1%;margin-bottom: 4px; padding: 30px 0;background: rgba(255, 255, 255, 0.5);text-align: center;border-width: 0}

    .about-item p {display: none}

    .about-item .iconfont {color: #008BCD;font-size: 50px;left: 0;right: 0}

    .about-item h4 {position: relative;font-size: 18px;margin-top: 60px}

    .about-item h4:after {content: '';position: absolute;width: 20px;height: 1px;background: #0074ba;bottom: -26px;left: 50%;margin-left: -10px;}

    .news-item {margin-top: 0}

    .news-hot, .news-list {margin-left: 0;padding: 0 12px}

    .news-hot > li {width: 100%;padding: 14px 2px;margin-left: 0;margin-bottom: 20px}

    .news-more {display: none}

    .news-img {width: 33%;padding-right: 3%}

    .news-desc {padding: 0;float: left;width: 67%}

    .news-desc-title {font-size: 14px;line-height: 1.5;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

    .news-desc-p {display: none}

    .news-desc-time {float: right;margin-top: 10px;margin-right: 8px;font-size: 14px}

    .news-list > li {margin-left: 0;width: 100%;margin-top: 10px}

    .news-list li a {font-size: 14px}

    .news-list li span {font-size: 14px;margin-left: 10px;width: auto}

    .partner {padding-bottom: 0}

    .partner-con {width: 100%;}

    .partner-list {display: none;}

    .m-partner {display: block;padding-bottom: 12px}

    .m-partner > img {width: 100%;}

}

/*---------------------首页end---------*/

/*--------------------产品列表开始-------------------*/

.m-banner {display: none}

.cp-banner {width: 100%;height: 360px;background: url("../images/bn2.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}

.cp-tab-m {display: none}

.cp-nav {margin-top: 20px;color: #F5F5F5;font-size: 14px;opacity:0.8;filter:alpha(opacity=80);}

.cp-nav a {color: #F5F5F5;}

.nav-title {font-size: 32px;color: #ffffff;margin-top: 68px;}

.nav-desc {font-size: 20px;color: #ffffff;margin-top: 28px;}

.nav-btn {margin-top: 48px}

.nav-btn a {display: inline-block;width: 140px;height: 45px;background: #ee7700;text-align: center;line-height: 44px;color: #ffffff;font-size: 16px}

.nav-btn .pc-nav-btn {display: block}

.nav-btn .m-nav-btn {display: none}

.cp-tab {width: 100%;height: 100px;background: #4d7dff;
    background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -webkit-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -o-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -ms-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: linear-gradient(to right, #4d7dff 0%, #ff6d28 100%);}

.cp-tab-li {float: left;width: 16%;text-align: center;}

.cp-tab-item {display: block;width: 100%;height: 100%;font-size: 22px;color: #FFffff;font-weight: normal;line-height: 100px}

.cp-tab-li:hover, .cp-tab-li.active {background-color: rgba(0, 0, 0, 0.4);}

.cp-kind {background: #ffffff}

.cp-kind .list:nth-child(odd) {padding: 60px 0;}

.cp-kind .list:nth-child(even) {background: #f5f5f5;padding: 50px 0;}

.cp-kind h3 {position: relative;width: 502px;height: 77px;padding: 17px 0px 0 12px;background: url("../images/pro-bg.png") no-repeat;background-size: contain;}

.cp-kind .cp-num {font-size: 42px;color: #1D1D1D;font-weight: bold}

.cp-kind .cp-desc {position: absolute;top: 40px;right: 40px;font-size: 18px;color: #1D1D1D;}

.cp-kind h3 a {font-size: 22px;color: #ffffff;margin-left: 16px;font-weight: bold;}

.cp-kind .look-more {margin-top: 38px;font-size: 18px;display: block;}

.cp-kind .look-more:hover {color: #fc752e;}

.cp-kind ul {margin-left: -1.8%;margin-top: 60px}

.cp-kind li {width: 23.2%;float: left;margin-left: 1.8%;margin-bottom: 30px; text-align: center;border-radius: 10px;transition: all .3s ease;}

.cp-kind li .img-box {position: relative;width: 100%;height: 0;padding-top: 100%;overflow: hidden;
    background:#2A68FB;
    background: -webkit-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -moz-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -o-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -ms-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: linear-gradient(-73deg, #2A68FB, #37A0FB);

}

.cp-kind li .img-box > a {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.cp-kind li img {width: 100%;height: 100%;}

.cp-kind .cp-title {padding: 20px 4px;}


.cp-title span {display: inline-block;width: 50px;height: 2px;background: #ED7700;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.cp-kind .cp-title-model {font-size: 18px;color: #333333}

.cp-kind .cp-title-text {font-size: 17px;color: #333333;margin-top: 10px;font-weight: 400;}

.cp-hover {position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background-color: rgba(29, 30, 49, 0.8);padding: 78px 10px 0;text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;}

.cp-hover-con {display: inline-block;text-align: center;max-width: 90%;min-width: 80%}

.cp-hover-con p {font-size: 17px;color: #ffffff;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;display: block;}

.cp-hover-btn {display: inline-block;padding-top: 20px}

.cp-hover-btn > a {display: block;margin-top: 12px;font-size: 16px;color: #ffffff;width: 140px;line-height: 44px;
    background: #4d7dff;font-weight: bold;text-align: center;}

.cp-hover-btn > .cp-hover-btn1 {background: #fc752e}

.cp-more-m {display: none}

.cp-kind .cp-wz {width: 100%;}

.cp-kind .cp-wz a {font-size: 16px;border: 1px dashed #dadada;padding: 10px;border-radius: 5px;margin-right: 40px;margin-bottom: 20px;display: inline-block;}

.cp-kind .cp-wz a:hover {background: #fc752e;background: -webkit-linear-gradient(left top, #fa8c35, #ff461f);background: -o-linear-gradient(bottom left, #fa8c35, #ff461f);background: -moz-linear-gradient(bottom left, #fa8c35, #ff461f);background: linear-gradient(to bottom left, #fa8c35, #ff461f);border: 1px solid transparent;color: #fff;}

@media screen and (min-width: 840px) {
    .cp-kind li:hover .cp-hover {top: 0;}

    .cp-kind li:hover .cp-title span {width: 100%}
}

@media screen and (max-width: 1440px) {
    /*.w {max-width: 1000px;}*/
    .cp-kind .text {font-size: 14px;line-height: 28px;}

    .cp-kind .list:nth-child(odd) {padding: 60px 0;}

    .cp-kind .label {font-size: 16px;}

    .cp-kind .look-more {width: 120px;height: 40px;background-size: 15px;background-position: 15px center;font-size: 16px;line-height: 38px;padding-left: 40px;}

    .cp-kind .cp-wz a, .cp-title li span a {font-size: 14px;}
}

/*--------------------产品列表结束-------------------*/

/*----------------二级产品列表页start-----------*/
.cp-sort {width: 100%;position: relative;margin-bottom: 30px;padding-top: 30px;}

.cp-sort:after {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 194px;
    -webkit-box-shadow: 0 5px 10px rgba(145, 150, 160, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(145, 150, 160, 0.2);
    -ms-box-shadow: 0 5px 10px rgba(145, 150, 160, 0.2);
    -o-box-shadow: 0 5px 10px rgba(145, 150, 160, 0.2);
    box-shadow: 0 5px 10px rgba(145, 150, 160, 0.2);
    border: 1px solid #FFEAEF \9;}

.cp-sort-li {float: left;width: 20%;text-align: center;position: relative;z-index: 2}

.cp-sort-img {width: 148px;height: 148px;margin: 0 auto;border: 3px solid #ffffff;border-radius: 50%;text-align: center;
    box-shadow: 0 2px 20px rgba(202, 202, 203, 0.3);
    background: #E7EBEE;
}

.cp-sort-li.active .cp-sort-img, .cp-sort-li:hover .cp-sort-img {
    background: #2A68FB;
    background: -webkit-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -moz-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -o-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -ms-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: linear-gradient(-73deg, #2A68FB, #37A0FB);
    box-shadow: 0 2px 20px rgba(77, 127, 243, 0.3);
}

.cp-sort-img img {width: 130px;height: 130px;margin-top: 5px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.cp-sort-li span {margin-top: 36px;display: block;}

.cp-sort-li span a {display: inline-block;color: #333;font-size: 20px;font-weight: bold;line-height: 1.1;}

.cp-sort ul li.active span a {color: #2A68FB}

.cp-sort-li:before {content: "";display: inline-block;position: absolute;left: 50%;top: 151px;width: 1px;height: 0;
    background-color: #2A68FB;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.cp-sort-li:after { display: none;content: "";position: absolute;left: 50%;bottom: -30px;width: 10px;height: 10px;border-radius: 50%;margin-left: -5px;
    background: #2A68FB;}

.cp-sort-li.active:before, .cp-sort-li:hover:before {height: 24px}

.cp-sort-li.active:after, .cp-sort-li:hover:after {display: block}

.cp-sort-li:hover .cp-sort-img img, .cp-sort-li.active .cp-sort-img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);
    -o-transform: scale(1.1);transform: scale(1.1);}

.cp-sort-li:hover span a {color: #2A68FB}

.m-select {display: none;}

.shopid_column_count {width: 100%;height: auto;margin-bottom: 40px;margin-top: 40px;padding-left: 4px;overflow: hidden;}

.shopid_column_count_list {float: left;height: 32px;margin-right: 2px;text-align: center;line-height: 30px;}

.shopid_column_count_list:last-child {margin-right: 0;}

.shopid_column_count_list_a.active {color: #fff;background: #4484FD;}

.shopid_column_count_list_a {display: block;width: 100%;height: 100%;padding: 0 20px;font-size: 14px;color: #333333;}

.shopid_column_count li.active {background: #4484FD;border: 1px solid #4484FD;}

.shopid_column_count li.active a {color: #fff;}

.shopid_column_count_list_a:hover {color: #fff;background: #4484FD;}

/*-------------------二级产品列表页end-------------*/

/*-----------------------产品列表页M端样式-------------*/
@media (max-width: 840px) {
    .cp-nav, .cp-more, .cp-num, .cp-desc {display: none}

    .cp-sort, .cp-tab {display: none}

    .product-banner {display: none}

    .cp-tab-m {display: block;height: 50px}

    .cp-tab-item {font-size: 16px;line-height: 50px}

    /*.cp-kind{padding-top: 50px}*/
    .cp-banner {margin-top: 50px;height: auto;background: none;}

    .m-banner {display: block;position: absolute;z-index: -1;width: 100%;top: 50px;left: 0;}

    .m-banner img {width: 100%;}

    .banner-con {padding: 12px;}

    .cp-banner h3 {font-size: 20px;margin-top: 12px}

    .cp-banner h4 {font-size: 14px;margin-top: 12px}

    .nav-btn {margin-top: 20px}

    .nav-btn a {width: 100px;height: 32px;line-height: 32px}

    .nav-btn .pc-nav-btn {display: none}

    .nav-btn .m-nav-btn {display: block}

    .cp-kind .list:nth-child(odd) {padding: 0}

    .cp-kind .cp-title {padding: 12px 0;}

    .cp-kind .cp-title-model {font-size: 14px;margin-bottom: -3px}

    .cp-kind .cp-title-text {font-size: 15px;margin-top: 3px}

    .cp-kind-title {width: 100%}

    .cp-kind h3 {background: none;width: 100%;height: auto;text-align: center}

    .cp-kind h3 a {margin-left: 0;color: #333333;display: inline-block;font-size: 20px}

    .cp-kind ul {margin-left: 0;padding: 0 12px;margin-top: 18px}

    .cp-kind li {width: 49%;margin-left: 0;min-height: 26.5rem;margin-bottom: 0px}

    .cp-kind li:nth-child(2n) {margin-left: 2%}

    .cp-kind .list:nth-child(even) {padding: 0}

    .cp-kind .cp-wz {display: none}

    .cp-wrapper-box {padding-top: 50px}

    .cp-list-ul {padding-top: 0}

    .cp-more-m {display: block}

    .cp-more-m a {display: block;width: 120px;height: 38px;margin: 0px auto 20px;line-height: 36px;text-align: center;font-size: 14px;color: #FFFFFF;background: #176BAB;border: 2px solid #176BAB;}

    .shopid_column_count {
        display: none;
    }

    .m-select {
        display: block;
        width: 100%;
        height: 40px;
        /*background: #37A0FB;*/
        margin: 0px auto 15px;
        position: relative;
        cursor: pointer;
        background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
        background: -webkit-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
        background: -o-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
        background: -ms-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
        background: linear-gradient(to right, #4d7dff 0%, #ff6d28 100%);

    }

    .m-select::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-left: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        top: 12px;
        right: 12px;
        position: absolute;
        transform: rotate(-46deg);
        transition: all .3s ease-in;
    }

    .m-select p {
        width: 100%;
        line-height: 40px;
        font-size: 16px;
        font-family: "microsoft yahei";
        color: #FFffff;
        padding: 0px 15px;
    }

    .m-select ul {
        width: 100%;
        display: block;
        font-size: 16px;
        background: #FFFFFF;
        position: absolute;
        top: 40px;
        left: 0px;
        z-index: 2;
        max-height: 0px;
        overflow: hidden;
        transition: max-height .3s ease-in;
    }

    .m-select ul li {
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding: 0px 15px;
        list-style: none;
        color: #666666;
        /*border-bottom: 1px solid #cccccc;*/
    }

    .m-select ul li.Selected {
        background: #167ade;
        color: #FFFFFF;
    }

    .m-select ul li:hover {
        background: #D0D0D0;
    }

    @-webkit-keyframes slide-down {
        0% {
            transform: scale(1, 0);
        }
        25% {
            transform: scale(1, 1.2);
        }
        50% {
            transform: scale(1, 0.85);
        }
        75% {
            transform: scale(1, 1.05);
        }
        100% {
            transform: scale(1, 1);
        }
    }

    .m-select.open ul {
        padding-bottom: 12px;
        max-height: 250px;
        transform-origin: 50% 0;
        -webkit-animation: slide-down .5s ease-in;
        transition: max-height .2s ease-in;
    }

    .m-select.open::after {
        transform: rotate(134deg);
        transition: all .3s ease-in;
        top: 18px;
    }

}

/*-------------------产品详情页start-------------*/
.product-con {width: 100%;min-width: 1300px;margin: 0 auto;padding: 40px 0 0 60px;overflow: hidden;margin-bottom: 38px}

.product-nav {margin: -10px 0 20px;font-size: 14px;color: #666666;}

.product-nav > a {color: #666666;}

.product-nav > .iconfont {font-size: 14px;}

.product-nav > .nav-active {color: #167ade;}

.imgbox {float: left;width: 435px;display: block;}

.m-imgbox {display: none}

.probox {position: relative;width: 100%;height: 0px;padding-top: 100%;margin-bottom: 12px}

.probox-img {position: absolute;width: 100%;height: 100%;top: 0;left: 0}

.probox img {width: 100%;height: 100%;vertical-align: top;background: #3A67CE;}

.minbox {overflow: hidden}

.minbox-li {float: left;width: 102px;height: 102px;margin-left: 8px;background: #3A67CE}

.minbox-li > div {background: #3A67CE}

.minbox-li:nth-child(1) {margin-left: 0}

.minbox-li img {width: 100%;height: 100%;}

.desc-text {float: left;position: relative;height: 460px;max-height: 460px;padding: 30px 0 20px;margin-left: 110px;}

.desc-text-name {font-size: 30px;color: #054D94;font-weight: bold}

.desc-text-name1 {color: #333;margin-top: 14px}

.desc-text-title {width: 100%;margin: 40px 0 20px;}

.desc-text-title > div {float: left;font-size: 18px;color: #054D94;font-weight: bold}

.desc-item {margin-top: 20px;font-size: 16px;color: #333333;}

.desc-item .iconfont {font-size: 18px;color: #F85513;padding-right: 8px}

.m-desc-call {display: none}

.desc-good li {float: left;width: 128px;height: 40px;margin-right: 36px;margin-top: 36px;text-align: center;line-height: 40px;color: #FFffff;font-size: 18px;border-radius: 5px;}

.desc-good .iconfont {display: none}

.desc-good1 {background:#FD5A0F;
    background: -webkit-linear-gradient(4deg, #D5370A, #FD5A0F);
    background: -moz-linear-gradient(4deg, #D5370A, #FD5A0F);
    background: -o-linear-gradient(4deg, #D5370A, #FD5A0F);
    background: -ms-linear-gradient(4deg,#D5370A, #FD5A0F);
    background: linear-gradient(4deg, #D5370A, #FD5A0F);
}

.desc-good2 {background:#147ADC;
    background: -webkit-linear-gradient(4deg, #147ADC, #1548BD);
    background: -moz-linear-gradient(4deg, #147ADC, #1548BD);
    background: -o-linear-gradient(4deg, #147ADC, #1548BD);
    background: -ms-linear-gradient(4deg,#147ADC, #1548BD);
    background: linear-gradient(4deg, #147ADC, #1548BD);
}

.m-desc-gap {display: none}

.desc-text-intro {font-size: 14px;line-height: 2;}

.desc-btn {height: 124px;overflow: hidden;padding-top: 20px;margin-top: 50px;border-top: 1px dashed #E5E5E5;}

.desc-zx {float: left;position: relative;}

.desc-zx-img {position: absolute;top: 0;left: 0;width: 100px;height: 100px;border-radius: 50%;padding: 5px;
    background: linear-gradient(-49deg, #D5370A, #FD5A0F);}

.desc-zx-img div {width: 100%;height: 100%;background: #FFffff;border-radius: 50%}

.desc-zx-img img {width: 100%;height: 100%;border-radius: 50%;}

.desc-zx-btn {width: 168px;height: 55px;line-height: 55px;border-radius: 55px;margin-left: 56px;margin-top: 24px;padding-left: 55px;
    background: linear-gradient(-49deg, #D5370A, #FD5A0F);}

.desc-zx-btn a {color: #FFffff;font-size: 18px}

.desc-zx-btn .iconfont {font-size: 20px}

.desc-call {float: left;margin-top: 30px;margin-left: 24px}

.desc-call span {font-size: 18px;color: #333333}

.desc-call a {font-size: 30px;color: #D5370A;font-weight: bold}

.content-box {width: 100%;background: #fff;}

.desc-title {width: 100%;height: 100px;
    background:#2A68FB;
    background: -webkit-linear-gradient(4deg, #147ADC, #1548BD);
    background: -moz-linear-gradient(4deg, #147ADC, #1548BD);
    background: -o-linear-gradient(4deg, #147ADC, #1548BD);
    background: -ms-linear-gradient(4deg, #147ADC, #1548BD);
    background: linear-gradient(4deg, #147ADC, #1548BD);
    }

.desc-title-ul {overflow: hidden}

.desc-title-ul-m {display: none}

.desc-title-ul-pc {display: block}

.desc-title-ul > li {float: left;width: 20%;line-height: 100px;height: 100%;text-align: center;font-size: 22px;color: #FFffff;cursor: pointer;}

.desc-title-ul > li:hover {
    background: #D1E9FF;color: #333333;
}

.desc-title-ul > li.active {background: #D1E9FF;color: #333333;}

.desc-con {float: left;width: 100%;padding: 20px 40px 0;margin-bottom: 40px;line-height: 1.75;color: #333333;}

.side-bar {float: right;width: 23%}

.desc-con-h {position: relative;font-size: 22px;margin-top: 30px;margin-bottom: 20px;font-weight: bold;}

.desc-con-h .iconfont {color: #034D8E;font-size: 20px;padding-right: 4px}

.desc-con p {font-size: 16px;line-height: 2;}

.desc-lis-img {width: 50%;margin: 10px auto;}

.desc-lis-img > img {width: 100%;height: 100%;}

.desc-con img {max-width: 100%;margin: 16px 0;}

.desc-con-list {font-size: 16px; display:none;}

.desc-con-list li {margin-bottom: 10px;margin-top: 10px;padding-left: 20px}

.desc-con-list li span {font-size: 16px;}

.desc-con-list li strong {font-size: 16px;line-height: 30px;color: #03338E;padding-right: 10px}
.parameterBtn{display: none}

table {
    width: 100%;
    /*margin-bottom: 40px;*/
}

table, th, td, tr {
    border: 1px solid #ddd;
    border-collapse: collapse;
    line-height: 30px;
    cellspacing: 0;
    font-size: 14px;
    color: #000;
    padding: 5px 10px;
}

tr:nth-child(2n-1) {
    background: #eeeeee;
}
@media (max-width: 1420px){
    .desc-text{margin-left: 40px}
}
@media (max-width: 840px) {
    tr > td:nth-child(1) {width: 80px}

    .imgbox {display: none}

    .m-imgbox {display: block;width: 80%;margin: 0 10%;padding-top: 60px;position: relative; text-align:center;}
    .m-imgbox .cp-left{left: -49px;background: none;top: 56%;}
    .m-imgbox .cp-right{right: -42px;background: none;top: 56%}
    .cp-left .iconfont,.cp-right .iconfont{color: #666666}
    .m-imgbox-item{
    background: -webkit-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -moz-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -o-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -ms-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: linear-gradient(-73deg, #2A68FB, #37A0FB);
}
    .m-imgbox-item > div {background: #3A67CE;border-radius: 0px}

    .m-imgbox-item img {border-radius: 0px}

    .product-con {min-width: 100%;padding: 0 12px;margin-bottom: 2px}

    .desc-item .iconfont {font-size: 12px;padding-right: 4px;vertical-align: middle;}

    .desc-text {width: 100%;height: auto;padding: 12px 0px 0;margin-left: 0}

    .desc-text-name {font-size: 15px;text-align: center}

    .desc-text-name1 {margin: 6px 0 12px;font-size: 15px}

    .desc-text-title {display: none}

    .desc-item {margin-top: 6px;font-size: 13px;line-height: 1.5}

    .m-desc-call {display:block;width: 100%;text-align: center}

    /*.m-desc-a {position: relative;display: block}

    .m-desc-call img {width: 100%;display: block;}

    .m-desc-p {position: absolute;left: 18px;top: 44%;font-size: 14px;color: #333333;margin-top: -.19rem;}

    .m-desc-p span {color: #F85513;letter-spacing: 1px}

    .m-desc-p span em {color: #F85513;font-size: 22px}*/

    .m-desc-btn{display: inline-block;margin-top:8px;font-size: 20px;color: #328AFB;font-weight: bold;overflow: hidden;}
    .m-desc-btn i{color: #333333;font-size: 22px;padding-right: 6px}
    .desc-good {margin-top: 10px}

    .desc-good li {width: 25%;height: 28px;margin: 0;border-radius: 0;font-size: 12px;line-height: 28px;background: none;color: #333333}

    /*.m-desc-gap{display: block;width: 100%;height: 6px;background: #e5e5e6}*/
    .desc-good .iconfont {display: inline-block;font-size: 14px;color: #F85513;padding-right: 2px}

    .desc-con {width: 100%;padding: 0px 12px;margin-bottom: 0}

    .desc-title-ul-pc {display: none}

    .desc-title-ul-m {display: block}

    .desc-title-ul > li:nth-child(5) {display: none}

    .desc-title {height: 40px;}

    .desc-title-ul > li {width: 25%;font-size: 16px;line-height: 40px}

    .desc-con-list {font-size: 14px; display:block}
	
	.columnSpace{display:none}

    .desc-con-list li {margin-bottom: 10px;margin-top: 10px;padding-left: 0px}

    .desc-con-list li strong {font-size: 16px}

    .desc-con-h {font-size: 16px;margin-top: 14px;margin-bottom: 14px}

    .desc-con p {font-size: 15px;line-height: 1.8}

    .desc-zx {display: none}

    .desc-btn {display: none;}
    #desc3{overflow: hidden;}
    .pro-tab{ width: 100%;height: 166px;overflow: hidden;transition: 1s;}
    .pro-tab.hgauto{width: 100%;height: auto !important;transition: 1s;}
    .parameterBtn{display:block;text-align: center;width: 100%;font-size: 14px;line-height:1.75;padding: 10px 0;color: #ee7700;}
    .parameterBtn i{font-size: 14px;color: #ee7700;margin-left: 0.1rem;position: relative;top: -0.03rem;}
}

/*-------------------产品详情页end-------------*/

/*---------------新闻动态页面----------------*/
.wrapper-box-news {padding-top: 60px;}

.subnav_news_box {background-image: url("../images/banner/pc-news.jpg");}

.m-news-img {display: none;}

.dongtai_title {width: 100%;margin: 0 auto;text-align: center}

.dongtai_title .iconfont {font-size: 24px;color: #FF6D28}

.dongtai_title span {font-size: 30px;color: #333333;padding: 0 14px;font-weight: bold}

.dongtai_title p {font-size: 16px;color: #666666;margin-top: 20px}

.dongtai-hot {margin-left: -4.83%;margin-top: 50px;margin-bottom: 50px;}

.dongtai-hot-li {float: left;width: 28.5%;margin-left: 4.83%}

.dongtai-hot-img {width: 100%;height: 0;padding-top: 66.7%;position: relative;}

.dongtai-hot-img a {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0}

.dongtai-hot-img img {width: 100%;height: 100%;}

.dongtai-hot-info {padding-top: 22px}

.dongtai-hot-title {display: inline-block;width: 100%;color: #333333;font-size: 18px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.dongtai-hot-time {margin-top: 6px}

.dongtai-hot-time .iconfont {font-size: 16px;}

.dongtai-hot-time span {margin-left: 6px;font-size: 16px;color: #666666}

.dongtai-call-box {position: relative;width: 99%;height: 144px;margin-bottom: 60px;margin-left: 1%;padding: 48px 0 0 248px;background: #FEEDE9;
    border: 1px solid #FFB806;
    box-shadow: -10px 12px 7px 0px rgba(223, 130, 148, 0.35);
    -webkit-box-shadow: -10px 12px 7px 0px rgba(223, 130, 148, 0.35);
    -moz-box-shadow: -10px 12px 7px 0px rgba(223, 130, 148, 0.35);
    -ms-box-shadow: -10px 12px 7px 0px rgba(223, 130, 148, 0.35);
    -o-box-shadow: -10px 12px 7px 0px rgba(223, 130, 148, 0.35);}

.dongtai-call-img {position: absolute;left: 56px;top: 12px;}

.dongtai-call-p {color: #ED2225;font-size: 16px}

.dongtai-call-text {margin-top: 10px}

.dongtai-call-text span {font-size: 16px;color: #333333}

.dongtai-call-text strong {font-size: 24px;color: #ED2225}

.dongtai-call-btn {position: absolute;bottom: 30px;right: 95px;width: 170px;height: 40px;text-align: center;font-size: 16px;
    line-height: 40px;background: #FF461F;
    background: -webkit-linear-gradient(left, #F20F02, #FF461F);
    background: -o-linear-gradient(left, #F20F02, #FF461F);
    background: -moz-linear-gradient(left, #F20F02, #FF461F);
    background: linear-gradient(left, #F20F02, #FF461F);}

.dongtai-call-btn a {color: #FFFFFF}

.dongtai-call-btn .iconfont {font-size: 16px}

.dongtai_box {width: 100%;height: auto;margin-top: 60px;}

.dongtai_box ul li {width: 100%;padding: 30px 25px;margin-bottom: 60px;background: #fff;border: 1px solid rgba(227, 227, 227, 1);
    box-shadow: -1px 6px 10px 0px rgba(9, 2, 4, 0.09);
    -webkit-box-shadow: -1px 6px 10px 0px rgba(9, 2, 4, 0.09);
    -moz-box-shadow: -1px 6px 10px 0px rgba(9, 2, 4, 0.09);
    -ms-box-shadow: -1px 6px 10px 0px rgba(9, 2, 4, 0.09);
    -o-box-shadow: -1px 6px 10px 0px rgba(9, 2, 4, 0.09);}

.dongtai_box_a {display: block;width: 100%;height: 100%;}

.dongtai_box_img {width: 15%;overflow: hidden;float: left;}

.dongtai_box_img > div {width: 100%;height: 0;padding-top: 66.7%;position: relative;}

.dongtai_box_img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    transition-duration: 0.6s;}

.dongtai_box ul li:hover .dongtai_box_img1 {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
}

.dongtai_box_con {position: relative;float: left;width: 65%;height: 100%;margin-left: 25px;}

.dongtai_box_bt {width: 90%;margin-bottom: 15px;margin-top: 10px;font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-weight: 500;}

.dongtai_box_text {font-size: 15px;color: #999;line-height: 2.0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.dongtai_box_time {float: right;position: relative;padding: 30px 20px 30px 40px;text-align: center;
    font-size: 18px;
    color: #333333;
}

.dongtai_box_time:before {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #E3E3E3}

.dongtai_box_time div {font-size: 32px;color: #EC1019}

.dongtai_box_time p {margin-top: 6px;font-size: 16px;color: #666666}

.m_dongtai_time {display: none}

@media (max-width: 840px) {
    .subnav_news_box {background: none}

    .wrapper-box-news {padding-top: 34px}

    .dongtai_title span {font-size: 20px}

    .dongtai_title .iconfont {font-size: 20px}

    .dongtai_title p {display: none}

    .dongtai-hot {padding: 0 12px;margin: 24px 0}

    .dongtai-hot-li {width: 80%;margin-left: 0;margin-bottom: 14px;-ms-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .dongtai-hot-img{width: 96%;margin: 0 auto;padding-top: 60%}

    .dongtai-hot-info {padding-top: 12px;font-size: 15px}

    .dongtai-hot-title {font-size: 16px}

    .dongtai-hot-time {display: none}

    .dongtai-hot-li.swiper-slide-active {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .dongtai-hot-img img {border-radius: 10px;}

    .dongtai-call-box {display: none}

    .dongtai_box {padding: 0 12px;margin-top: 12px}

    .dongtai_box ul li {padding: 20px 0;margin-bottom: 0;box-shadow: none;border-color: transparent transparent #dcdcdc transparent}

    .dongtai_box_img {width: 33%;padding-right: 3%}

    .dongtai_box_con {width: 67%;margin-left: 0;}

    .dongtai_box_bt {width: 100%;margin-top: 2px;font-size: 14px;white-space: normal;line-height: 1.5; text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .dongtai_box_bt b {font-weight: normal;font-size: 14px}

    .dongtai_box_text, .dongtai_box_time {display: none}

    .m_dongtai_time {display: block;color: #666666;font-size: 12px;float: right;padding-right: 8px}
}

/*---------------新闻动态页面end----------------*/

/*---------------------新闻详情页-------------*/
.news-box {background: #F0F1F5}

.news-left {float: left;width: 73.5%;}

.news-call-box {width: 100%;height: 96px; border-radius: 96px;margin-top: 62px;margin-bottom: 30px;padding: 0 30px;
    background:#FA9513;
    background: -webkit-linear-gradient(#FA9513,#FE7501);
    background: -o-linear-gradient(#FA9513, #FE7501);
    background: -moz-linear-gradient(#FA9513, #FE7501);
    background: linear-gradient(#FA9513, #FE7501);}

.news-call-box p {float: left;line-height: 96px;color: #ffffff;font-size: 16px}

.news-call-box p span {font-size: 30px;font-weight: bold}

.news-call-btn {float: right;position: relative;margin-top: 36px;width: 152px;height: 38px;background: #FFFFFF;box-shadow: 0px 6px 10px 0px #FE7903;border-radius: 10px;}

.news-call-btn a {display: inline-block;width: 100%;height: 100%;text-align: center;line-height: 38px;color: #DF6F40;font-size: 18px;font-weight: bold}

.news-call-btn img {position: absolute;top: -112px;left: 0}

.news-detail-box {padding: 20px 30px;background: #ffffff;margin-bottom: 20px}

.dongtaiid_box_text {margin: 20px auto;width: 100%;height: auto;position: relative;color: #333;overflow: hidden;line-height: 30px;font-size: 16px;}

.dongtaiid_box_text > p {width: 100%;padding-right: 2px;}

.dongtaiid_box_text_img {width: 100%;height: auto;position: relative;overflow: hidden;margin: 10px auto;text-align: center;}

.dongtaiid_box_text_img img {max-width: 960px;max-height: 1200px;position: relative;overflow: hidden;margin: 10px auto;}

.dongtaiid_box_text_img > p {color: #888;margin-top: -10px;font-size: 14px;}

.dongtaiid_box_bt {width: 100%;height: 52px;position: relative;overflow: hidden;line-height: 60px;text-align: center;font-size: 22px;font-weight: bold;}

.dongtaiid_box_line {width: 100%;height: 30px;color: #999;overflow: hidden;line-height: 24px;text-align: center;font-size: 14px;border-bottom: 1px dashed #ccc;
    margin: 0 auto 20px;padding-bottom: 31px;}

.news-right {float: right;width: 22%;margin-top: 60px}

.side-title {position: relative;width: 100%;padding-left: 20px;line-height: 52px;font-size: 20px;color: #1d1e31;font-weight: bold;background-color: #ffffff;}

.side-title:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;
    background: #4d7dff;
    background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -webkit-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -o-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -ms-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: linear-gradient(to right, #4d7dff 0%, #ff6d28 100%);}

.side-pro-item {width: 100%;margin: 12px 0;overflow: hidden;background: #FFffff}

.side-pro-item-pc {display: block}

.side-pro-item-m {display: none}

.side-img-box {position: relative;width: 100%;height: 0;padding-top: 100%;background: #3A67CE;}

.side-item-img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);}

.side-item-con {font-size: 16px;color: #3a3d63;line-height: 50px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    text-align: center;position: relative;z-index: 1;}

.side-item-con:before {position: absolute;left: 0;top: 0;z-index: -1;content: '';width: 100%;height: 2px;
    background: #4d7dff;
    background: -moz-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -webkit-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -o-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: -ms-linear-gradient(left, #4d7dff 0%, #ff6d28 100%);
    background: linear-gradient(to right, #4d7dff 0%, #ff6d28 100%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.news-link {
    text-decoration: underline;
    color: #167ADE;
}
@media (max-width: 1340px){
    .news-call-box{zoom: 0.9}
}
@media (min-width: 840px) {
    .side-pro-item:hover .side-item-img {-webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}

    .side-pro-item:hover .side-item-con:before {height: 100%;}

    .side-pro-item:hover .side-item-con p {color: #ffffff;}
}

@media (max-width: 840px) {
    .news-box {background: #ffffff}
    .news-call-box {display: none}

    .news-left {width: 100%;}

    .news-right {width: 100%;margin-top: 20px}

    .news-call-box {margin-top: 30px}

    .news-call-box p {line-height: 1}

    .news-detail-box {padding: 20px 12px}
    .news-detail-box img{height: auto !important;}

    .dongtaiid_box_bt {padding: 0;height: auto;line-height: 1.5;font-size: 18px;}

    .dongtaiid_box_line > span {display: none}

    .dongtaiid_box_text {line-height: 1.75;margin: 12px auto;padding: 0;font-size: 15px}

    .dongtaiid_box_text_img img {width: 100%;max-width: 750px;max-height: 1200px;position: relative;overflow: hidden;margin: 10px auto;}
    .side-title{font-size: 18px}
    .side-pro ul {padding: 0 12px;}

    .side-pro-item-pc {display: none}

    .side-pro-item-m {display: block;float: left;width: 49%;min-height: 13.5rem;margin-bottom: 0}

    .side-pro-item-m:nth-child(2n) {margin-left: 2%}

    .side-item-con {padding: 10px 0}

    .side-item-con-p {font-size: 14px;width: 100%;color: #333333;
        margin-top: 2px;
        white-space: normal;
        line-height: 1.5;
        text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;}

}

/*-------------------------新闻动态详情页end------------------*/

/*--------------------------关于上禾start-------------------------*/
.subnav_company_box {background: url("../images/gs-banner.jpg")}

.subnav_about_box {
    background-image: url("../images/s-about.png");
}

.about_box_info {overflow: hidden;margin-bottom: 100px;}

.about_box_info > img {float: left;width: 54%;padding-right: 30px;}

.about_box_info > div {float: left;width: 46%;font-size: 16px;color: #333333;line-height: 2.0;}

.about_box_info p {text-indent: 2em}

.about-gap span {display: inline-block;}

.about-gap1 {width: 65px;height: 3px;background: #F85513; }

.about-gap2 {width: 2px;height: 3px;background: #F85513; margin-left: 4px}

.about-call {display: block;margin-top: 20px;width: 220px;height: 60px;line-height: 60px;text-align: center;color: #FFffff;font-size: 20px;border-radius: 60px;
    background: #2A68FB;
    background: -moz-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -webkit-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -o-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -ms-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: linear-gradient(to bottom right, #2A68FB 0%, #37A0FB 100%);}

.about-call .iconfont {padding-right: 6px;font-size: 22px}

.about-call-m {display: none}

.sh-data-li {float: left;padding-top: 20px;width: 25%;height: 145px;border-right: 1px dashed #B7B7B7;text-align: center}

.sh-data-li-last {border-right: none}

.sh-data-num {font-size: 60px;color: #147ADB;}

.sh-data-unit {font-size: 16px;color: #147ADB;}

.sh-data-li p {font-size: 24px;color: #252525;line-height: 1.75}

.sh-sl {position: relative;width: 100%;height: 650px;padding: 60px 0;background: #225DAB}

.sl-bg > img {position: absolute;top: 0;right: 0;z-index: 1}

.sl-bg > .active {z-index: 2}

.sh-sl-con {position: absolute;z-index: 5;float: left;width: 50%;background: #FFffff}

.about-item .sh-sl-title {color: #147ADB;font-weight: bold}

.about-item .sh-sl-text {color: #333333}

.about-item:hover .sh-sl-title {color: #FFffff}

.about-item:hover .sh-sl-text {color: #FFffff}

.sh-cp {margin-left: -1%}

.sh-cp-li {float: left;width: 24%;margin-left: 1%;}

.sh-cp-li img {width: 100%;height: auto;}

.sh-fw {width: 100%;margin-top: 40px;border-bottom: 1px dashed #BFBFBF;overflow: hidden;}

.sh-fw2 {margin-top: 0;border-bottom: none;margin-bottom: 60px}

.sh-fw-li {float: left;width: 33%;text-align: center;padding-top: 46px;padding-bottom: 24px;border-right: 1px dashed #BFBFBF;}

.sh-fw > .sh-fw-li:last-child {border-right: none;}

.sh-fw-li > .iconfont {font-size: 100px;color: #147ADB;}

.sh-fw-li div {font-size: 18px;margin-top: 16px;color: #333333;font-weight: 400; }

.sh-honor {width: 100%;height:650px;background-image: url("../images/honor/honor-bg.jpg");background-size: cover;background-position: center;}

.sh-honor .sh-honor-en {color: #146BAE}

.sh-honor .sh-honor-h {color: #EBF0F5}

.sh-honor-box {width: 100%;padding: 0 50px;position: relative}

.honor-swiper {width: 100%;}
.honor-slick-item{padding-bottom: 50px;}
.honor-slick-item > div {padding: 0 15px;}

.honor-left {left: 0px;top: 40%}

.honor-right {right: 0px;top: 40%}

.swiper-img {width: 100%;}

.swiper-text {margin-top: 20px;height: 46px;font-size: 16px;color: #FFffff;text-align: center;}

.sh-zl {margin-left: -1%;margin-bottom: 60px}

.sh-zl-li {float: left;width: 24%;margin-left: 1%;border: 1px solid #B8B8B8;padding: 20px 26px 12px;text-align: center}

.sh-zl-li > img {width: 100%}

.sh-zl-li > div {margin-top: 12px;font-size: 16px;color: #333333}
.m-sh-zl{display: none}

@media (max-width: 840px) {
    .subnav_company_box {background: none}

    .about_box_info {margin-bottom: 30px}

    .about_box_info > img {width: 100%;padding: 0 12px;}

    .about_box_info > div {margin-top: 20px;width: 100%;padding: 0 12px;font-size: 14px;ine-height: 1.75}

    .about-call-m {display: block}

    .about-call-pc {display: none}

    .about-call {margin: 20px auto;width: 160px;height: 40px;line-height: 40px;font-size: 16px;}

    .about-call .iconfont {font-size: 16px}

    .sh-data-li {width: 50%;height: 120px;}

    .sh-data-li:nth-child(n+3) {border-top: 1px dashed #B7B7B7}

    .sh-data-li:nth-child(2) {border-right: none}

    .sh-data-num {font-size: 32px}

    .sh-data-li p {font-size: 16px}

    .sh-cp {margin-left: 0;padding: 0 12px;}

    .sh-cp-li {width: 49%;margin-left: 0%;margin-bottom: 10px }

    .sh-cp-li:nth-child(2) {margin-left: 2%}

    .sh-cp-last {float: right}

    .sh-fw {margin-top: 0}

    .sh-fw-li {padding-top: 20px}

    .sh-fw-li div {font-size: 16px}

    .sh-fw-li > .iconfont {font-size: 40px}

    .sh-sl {padding: 40px 12px;height: auto}

    .sl-bg {display: none}

    .sh-sl-con {width: 100%;position: inherit;}

    .sh-sl-con .about-item {margin-left: 0}

    .sh-sl-con .sh-sl-title {margin-top: 0;margin-bottom: 16px}

    .sh-sl-con .sh-sl-title:after {bottom: -9px}

    .sh-sl-con .sh-sl-text {display: block;font-size: 12px;padding: 0 4px;line-height: 1.75}

    .sh-sl-con .about-list:nth-child(1) {border-bottom: 1px dashed #cccccc}

    .sh-sl-con .about-item2 {border-left: 1px dashed #cccccc}

    .sh-sl-con .about-item3 {border-right: 1px dashed #cccccc}

    .sh-zl {margin-left: 0;width: 100%;padding: 0 20px}

    .sh-zl-li {margin-left: 0;border: none;padding: 0}

    .sh-zl-li > img {width: 80%;margin-left: 0%}
    .sh-honor{height: auto}
    .honor-slick-item{padding-bottom: 0}
    .honor-right,.honor-left{background: transparent}
    .sh-zl{display: none}
    .m-sh-zl{display: block;width: 100%;padding: 0 10% 30px;position: relative;}
    .zl-left{top: 45%;left: 10px;background: transparent}
    .zl-right{top: 45%;right: 10px;background: transparent}
    .zl-left .iconfont, .zl-right .iconfont{color: #333333;font-size: 20px}
}

/*--------------------------关于上禾end-------------------------*/

/*--------------------------客户案例详情页start-------------------------*/
.subnav_case_box {background-image: url("../images/case-banner.jpg")}

.al-bt {font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 20px}

.al-bt .iconfont {color: #064E94;font-size: 20px}

/*.al-desc-img {float: left;width: 45%}*/
.al-desc-text {margin-bottom: 30px}

.al-desc-text p {font-size: 16px;color: #333333;line-height: 1.8}

.al-img {width: 100%;text-align: center;margin-bottom: 12px}

.al-img > img {width: 60%}

/*--------------------------客户案例详情页end-------------------------*/

/*---------------------行业应用列表页start---------------*/
.subnav_apply_box {background-image: url("../images/apply/banner.jpg")}

.m-apply {display: none;}

.apply-item {display: block;width: 100%;margin-bottom: 40px;overflow: hidden}

.apply-item:nth-of-type(2n) .apply-text {float: left;width: 38%;margin-right: 12%;padding-top: 60px}

.apply-item:nth-of-type(2n+1) .apply-text {float: right;width: 38%;margin-left: 6%;padding-top: 60px}

.apply-text .title {font-size: 32px;color: #333333;}

.apply-text .desc {font-size: 14px;color: #666666;margin-top: 30px;line-height: 1.75}

.apply-text .more, .m-apply-con .more {margin-top: 22px;width: 136px;height: 40px;border-radius: 40px;text-align: center;font-size: 16px;
    color: #FFffff;line-height: 40px;
    background: #2A68FB;
    background: -moz-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -webkit-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -o-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -ms-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: linear-gradient(to bottom right, #2A68FB 0%, #37A0FB 100%);}

.apply-item:nth-of-type(2n) .apply-img {float: right;width: 50%;}

.apply-item:nth-of-type(2n+1) .apply-img {float: left;width: 50%;}

/*---------------------行业应用列表页end---------------*/

/*---------------------------行业应用详情页start---------------------/*/
.apply-box {width: 100%;background: #eef2f5}

.apply-nav {width: 100%;padding-top: 30px;border-bottom: 1px solid #cccccc;background: #fff;}

.apply-nav-item {line-height: 55px;float: left;width: 12.5%;text-align: center;transition: .3s ease;}

.apply-nav-item a {font-size: 16px;color: #595959;transition: .3s ease;}

.apply-nav-icon {width: 90px;height: 90px;margin: 0 auto;border: 2px solid #167ade;background: #ffffff;border-radius: 50%;text-align: center;line-height: 90px}

.apply-nav-icon .iconfont {font-size: 60px;color: #167ade}

.apply-nav-item p {margin-bottom: 24px}

.apply-nav-item.active .apply-nav-icon, .apply-nav-item:hover .apply-nav-icon {background: #167ade}

.apply-nav-item.active .iconfont, .apply-nav-item:hover .iconfont {color: #FFffff}

.apply-nav-item.active p, .apply-nav-item:hover p {color: #167ade}

.apply-con {width: 100%;padding-top: 40px}

.apply-con-left {float: left;width: 50%;border-top: 10px solid #167ADE;padding-top: 30px}

.apply-con-left h4 {font-size: 32px;color: #333333;font-weight: bold}

.apply-con-text {width: 100%;height: 280px;overflow: auto;font-size: 16px;color: #666666;margin-top: 30px;line-height: 1.75}

.apply-con-text::-webkit-scrollbar {width: 8px; /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}

.apply-con-text::-webkit-scrollbar-thumb { /*滚动条里面小方块*/border-radius: 8px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #167ADE;}

.apply-con-text::-webkit-scrollbar-track { /*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #EDEDED;}

.apply-con-rig {float: right;width: 45%}
.apply-con-rig-m{display: none}
.apply-cp {width: 100%;margin-top: 60px;padding: 40px;background: #FFFFFF}

.apply-cp h3 {color: #333333;font-size: 30px;font-weight: bold}

.apply-cp-gap {margin-bottom: 40px;margin-top: 8px }

.apply-cp-gap > span {display: inline-block;width: 100px;height: 3px;background: #064E94}

.apply-cp-gap > strong {display: inline-block;margin-left: 4px;margin-top: -2px;width: 6px;height: 6px;background: #064E94;border-radius: 50%}

.apply-ul {margin-left: -2%;}

.apply-li {float: left;width: 48%;margin-left: 2%;min-height: 329px;margin-bottom: 30px;padding: 20px;background: #EEF2F5;border-radius: 4px;overflow: hidden}

.apply-li > a {display: block;width: 100%;height: 100%}

.apply-li-img {float: left;width: 50%;}

.apply-li-img > div {position: relative;width: 100%;height: 0;padding-top: 100%;
    background: -webkit-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -moz-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -o-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -ms-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: linear-gradient(-73deg, #2A68FB, #37A0FB);}

.apply-li-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.apply-li-cp {float: left;width: 50%;padding-left: 20px;}

.apply-star {display: inline-block;margin-top: 2px;padding: 4px 12px;border: 1px solid #EE7700;border-radius: 14px;}

.apply-star > span {font-size: 16px;color: #EE7700;padding-right: 6px }

.apply-star > .iconfont {font-size: 16px;color: #EE7700 }

.apply-li-st {font-size: 22px;color: #084F95;margin-top: 12px;font-weight: bold;line-height: 1.75}

.apply-li-t {font-size: 18px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.apply-gap {margin-top: 12px;margin-bottom: 14px;width: 80%;height: 0px;border-top: 2px dashed #EE7700;}

.apply-good li {padding-left: 20px;font-size: 16px;color: #333333;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    background: url("../images/apply/apply-icon.png") 0 7px no-repeat;background-size: 12px;}

.apply-btn {display: block;margin-top: 20px; width: 140px;height: 32px;color: #FFffff;text-align: center;line-height: 32px;font-size: 16px;
    background: #2A68FB;border-radius: 14px;padding-left: 12px;
    background: -moz-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -webkit-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -o-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: -ms-linear-gradient(left top, #2A68FB 0%, #37A0FB 100%);
    background: linear-gradient(to bottom right, #2A68FB 0%, #37A0FB 100%);}

.apply-btn .iconfont {font-size: 16px}

.apply-case {margin-left: -1%;margin-bottom: 70px;overflow: hidden}

.apply-case-li {float: left;width: 24%;margin-left: 1%;}

.apply-case-li > a {display: block;width: 100%;height: 100%;}

.apply-case-img {position: relative;width: 100%;height: 0;padding-top: 100%;border-radius: 10px 10px 0 0;overflow: hidden;}

.apply-case-img > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.apply-case-desc {width: 100%;min-height: 72px;padding: 12px;text-align: center;color: #FFffff;font-size: 16px;line-height: 1.5;
    border-radius: 0px 0px 10px 10px;
    background: #2A68FB;background: -webkit-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -moz-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -o-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -ms-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: linear-gradient(-73deg, #2A68FB, #37A0FB);}

.apply-call {width: 100%;height: 190px; padding: 20px 0;margin-bottom: -40px;
    background: #2A68FB;background: -webkit-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -moz-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -o-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: -ms-linear-gradient(73deg, #2A68FB, #37A0FB);
    background: linear-gradient(-73deg, #2A68FB, #37A0FB);}

.apply-call-con {position: relative;width: 1000px;margin: 0 auto;text-align: center;color: #FFffff}

.apply-call-con p {font-size: 16px;line-height: 1.8}

.apply-call-con p span {font-size: 24px;font-weight: bold}

.apply-call-btn {display: inline-block;margin-top: 6px;width: 200px;height: 38px;text-align: center;color: #FFffff;font-size: 16px;line-height: 38px;
    background: #EE7800}

.apply-call-img {position: absolute;bottom: -15px;left: 0px}

@media (max-width: 840px) {
    .subnav_apply_box {background: none}

    .al-desc-text p {font-size: 14px}

    .list-apply {margin-top: -20px}

    .m-apply {display: block;padding: 0 12px;}

    .m-apply-item .title {font-size: 20px;color: #333333;font-weight: bold}

    .m-apply-con {width: 100%;padding: 12px 0;margin: 12px 0;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}

    .m-apply-con p {font-size: 16px;line-height: 1.75}

    .apply-nav-item {width: 25% }

    .apply-item {margin-bottom: 10px}

    .apply-item:nth-of-type(2n+1) .apply-text {float: left;width: 100%;margin-left: 0%;padding: 12px}

    .apply-item:nth-of-type(2n) .apply-text {float: left;width: 100%;margin-right: 0%;padding: 12px}

    .apply-item:nth-of-type(2n+1) .apply-img {float: left;width: 100%;}

    .apply-item:nth-of-type(2n) .apply-img {float: left;width: 100%;}

    .apply-text .title {font-size: 18px;font-weight: bold}

    .apply-text .desc {margin-top: 10px}

    .apply-text .more {display: none}

    .apply-nav {padding-top: 12px}

    .apply-nav-icon {width: 4.2rem;height: 4.2rem;line-height: 4.0rem}

    .apply-nav-icon .iconfont {font-size: 24px}

    .apply-nav-item {line-height: 1.6}

    .apply-nav-item p {margin-bottom: 12px;font-size: 14px}

    .apply-con {padding: 20px 12px 0;}

    .apply-con-left {width: 100%;padding-top: 20px}

    .apply-con-left h4 {font-size: 18px}

    .apply-con-text {margin-top: 16px;margin-bottom: 16px;padding-right: 10px;height:100px;font-size: 14px}

    .apply-con-rig {display: none}
    .apply-con-rig-m{width: 100%;display: block}

    .apply-call {height: 157px}

    .apply-call-con {width: 100%;}

    .apply-call-con > p:nth-child(1) {display: none}

    .apply-call-con p {font-size: 12px;padding-left: 108px}

    .apply-call-con p span {font-size: 18px}

    .apply-call-img {width: 138px;bottom: -20px}

    .apply-call-btn {width: 120px;height: 32px;line-height: 30px;font-size: 14px;margin-left: 112px;margin-top: 13px}

    .apply-cp {margin-top: 20px;padding: 12px;}

    .apply-cp h3 {font-size: 18px}

    .apply-cp-gap {margin-bottom: 12px;margin-top: 0}

    .apply-cp-gap > span {width: 80px}

    .apply-ul {margin-left: 0}

    .apply-li {margin-left: 0;width: 100%;padding: 12px;min-height: 0;margin-bottom: 12px}

    .apply-star, .apply-good {display: none}

    .apply-li-img {width: 40%}

    .apply-li-cp {padding-left: 10px;width: 60%}

    .apply-li-st {margin-top: 0px;font-size: 15px}

    .apply-li-t {line-height: 1.5;font-size: 14px;white-space: normal}

    .apply-btn {margin-top: 12px;font-size: 12px;width: 100px;height: 30px;line-height: 28px}

    .apply-case {margin-left: 0;margin-bottom: 20px}

    .apply-case-li {width: 49%;margin-left: 0;margin-bottom: 12px}

    .apply-case-li:nth-child(2n) {margin-left: 2%}

    .apply-case-desc {min-height: 0;padding: 10px 5px}

    .apply-case-desc > p {font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}

}

/*---------------------------行业应用详情页end---------------------*/

/*------------------------视频列表页start-------------------*/
.video-subnav {background-image: url("../images/banner/pc-video.jpg")}

.video-sort {padding: 68px 98px 88px;min-width: 1400px;overflow: hidden;}

.video-sort-li {float: left;width: 166px;height: 166px;margin-right: 350px;}

.video-sort-li:last-child {margin-right: 0}

.video-sort-a {background: #EBEEF9;padding: 12px;display: block;width: 100%;height: 100%;
    border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-moz-border-radius: 10px;}

.video-sort-li.active .video-sort-a {background: #147ADC }

.video-sort-a > div {display: block;width: 100%;height: 100%;background: #FFFFFF;border: 1px dashed #B6BBCB;text-align: center;line-height: 140px;
    border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-moz-border-radius: 10px;}

.video-sort-a .iconfont {font-size: 80px;color: #147ADC}

.video-sort-name {width: 100%;font-size: 24px;color: #333333;display: inline-block;text-align: center;margin-top: 10px}

.video-ul {margin-left: -4%;overflow: hidden}

.video-li {float: left;width: 46%;height: 215px;margin-left: 4%;overflow: hidden;
    background: #EBEEF9;margin-bottom: 30px;padding: 20px 20px 50px;box-sizing: border-box}

.video-li .video-img {float: left;width: 160px;height: 160px;text-align: center}

.video-img div {font-size: 14px;color: #666666;margin-top: 8px}

.video-li .video-text {float: left;width: 74%;padding-left: 20px;padding-top: 20px}

.video-text h4 {color: #333333;font-size: 18px;margin-bottom: 14px;font-weight: bold}

.video-text p {color: #333333;font-size: 16px;margin-bottom: 28px;line-height: 1.4}

.video-text div {color: #666666;font-size: 14px;}

.video-more {display: inline-block;width: 100%;margin-top: 20px}

.video-install-head {width: 100%;height: 200px;position: relative;padding-top: 40px;margin-bottom: 120px;
    background: #3D69F3;
    background: -webkit-linear-gradient(left, #3869F8, #CF6C5D);
    background: -o-linear-gradient(left, #3869F8, #CF6C5D);
    background: -moz-linear-gradient(left, #3869F8, #CF6C5D);
    background: linear-gradient(left, #3869F8, #CF6C5D);}

.video-install-img {position: absolute;top: -24px;left: 100px;width: 320px}

.video-install-nav {margin-left: 40%;padding-left: 40px;width: 42%;height: 120px;background: #FFFFFF;border-left: 8px solid #41B0FF;}

.video-install-left {float: left;width: 64%;}

.video-install-left p {margin-top: 20px;margin-bottom: 8px;color: #333333;font-size: 40px;}

.video-install-left div {color: #666666;font-size: 16px;}

.video-install-rig {float: left;}

.video-install-rig div {margin-top: 25px;width: 54px;height: 54px;background: #FFD800}

.video-install-rig .iconfont {color: #333333;font-size: 60px}

.video-text .video-install-text {color: #147ADB;}
@media (max-width: 1450px){
    .video-ul{zoom: 0.83}
    .video-sort{zoom: 0.83}
}
@media (max-width: 840px) {
    .video-subnav {background: none}

    .video-sort {padding: 40px 12px 60px;min-width: 0;}

    .video-sort-li {width: 30%;height: 10rem;margin-right: 5%}

    .video-sort-li:last-child {margin-right: 0}

    .video-sort-a > div {line-height: 7.5rem}

    .video-sort-a .iconfont {font-size: 44px}

    .video-sort-name {font-size: 18px }

    .video-ul {margin-left: 0;padding: 0 12px}

    .video-li {width: 100%;height: auto;margin-left: 0;padding: 12px;margin-bottom: 24px}

    .video-li .video-img {width: 30%;height: auto;}

    .video-img a {display: inline-block;width: 100%;height: 100%;}

    .video-img div {font-size: 12px}

    .video-li .video-text {width: 70%;padding-top: 4px;padding-left: 16px}

    .video-text h4 {font-size: 14px;line-height: 1.5;margin-bottom: 4px}

    .video-text p {font-size: 14px;margin-bottom: 2px;}

    .video-text div, .video-more, .video-install-img {display: none}

    .video-install-head {margin-bottom: 30px}

    .video-install-nav {margin-left: 6%;width: 88%;padding-left: 16px}

    .video-install-left {width: 75%}

    .video-install-left p {font-size: 20px}

    /*客户案例m端*/
    .subnav_case_box {background: none}

    .case-list {padding-top: 20px}
}

/*------------------------视频列表页end-------------------*/

/*--------------------------联系我们start---------------------*/
.subnav_connect_box {background-image: url("../images/banner/pc-call.jpg");}

.wrapper-box {background: #ffffff;}

.wrapper-con {width: 1200px;min-width: 1200px;margin: 0 auto;padding: 60px 0 44px;}

.connect-detail {margin-left: -7%;overflow: hidden;}

.connect-li {float: left;margin-left: 7%;margin-bottom: 30px;width: 18%;text-align: center;}

.connect-icon {margin: 0 auto;width: 152px;height: 152px;background: #4e98e1;border-radius: 50%;padding: 10px}

.connect-icon > div {width: 100%;height: 100%;background: #064E94;border-radius: 50%;line-height: 132px}

.connect-icon .iconfont {font-size: 90px;color: #FFffff;}

.connect-icon .connect-li-wx {width: 61%}

.connect-title {margin-top: 20px;font-size: 24px;color: #333333;font-weight: bold;}

.connect-num {margin-top: 18px;font-size: 22px;font-weight: 300;color: #064E94;margin-bottom: 30px;font-weight: bold }

.connect-num a {color: #064E94;font-weight: bold;font-size: 24px;}

.connect-con {width: 100%;text-align: center;margin: 40px 0 -20px;}

.connect-con-h {font-size: 40px;color: #333333;font-weight: bold;margin-bottom: 6px}

.connect-con-h > span {color: #064E94;padding-right: 20px}

.connect-con-desc, .connect-con-xinxi {margin-top: 10px;font-size: 16px;color: #666666;line-height: 1.75 }

.connect-con-map {width: 100%;max-width: 1920px;height: 500px;overflow: hidden;}

@media (max-width: 840px) {
    .subnav_connect_box {background: none}

    .wrapper-con {width: 100%;min-width: 100%;padding: 20px 0px;}

    .connect-detail {margin-left: 0;padding: 0 12px}

    .connect-li {margin-left: 0;width: 48%;margin-right: 4%;margin-bottom: 0}

    .connect-li-m {display: block}

    .connect-li:nth-child(2n) {margin-right: 0}

    .connect-icon {width: 7rem;height: 7rem;padding: 6px}

    .connect-icon > div {line-height: 56px}

    .connect-icon .iconfont {font-size: 4rem}

    .connect-title, .connect-num {font-size: 16px;margin-top: 8px}

    .connect-con-h {font-size: 20px;}

    .connect-con-desc {font-size: 14px;padding: 0 12px}

    .connect-num {word-wrap: break-word;margin-bottom: 20px}

    .connect-num {font-size: 16px}

    .connect-num a {font-size: 18px}

    .connect-con {margin: 20px 0 -10px}
}

/*--------------------------联系我们end---------------------*/

/*-------------------------上一篇，下一篇----------------*/
.link-box {margin-top: 40px;width: 100%;border-top: 1px dashed #ccc;}

.link-box li {width: 100%;height: 40px;font-size: 16px;padding: 20px 20px;color: #333333}

.link-box li .iconfont {color: #333333;font-size: 18px;vertical-align: middle;padding-right: 10px}

.link-box li:hover a {color: #167ade; }

/*--------------------------分页----------------------*/
.pagination-wrapper {margin: 0px 0 40px;}

.pagination {display: flex;justify-content: center;align-items: center;height: 34px;text-align: center;}

.pagination li {margin-right: 7px;list-style: none;}

.pagination li a {display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}

.pagination li a:hover {background: #f5f5f5;color: #167ade;}

.pagination li.thisclass {background: #167ade;color: #fff;padding: 0 12px;line-height: 32px;}

.pagination li.thisclass a, .pagination li.thisclass a:hover {background: transparent;border-color: #167ade;color: #fff;cursor: default;
}

/*-------------------------相关新闻，相关案例------------------*/
.rele-gap {width: 100%;height: 10px;background: #f5f5f5}

.rele-news, .rele-case {position: relative;overflow: hidden;background: #ffffff;padding-top: 40px;padding-bottom: 20px}

.rele-tit {margin-bottom: 30px}

.rele-tit strong {font-size: 24px;color: #333333;}

.rele-news ul {clear: both;overflow: hidden;margin-left: -3%;}

.rele-li {float: left;width: 47%;margin-left: 3%;height: 30px;line-height: 30px;margin-bottom: 20px;font-size: 16px}

.rele-li > a { float: left;width: 83%; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.rele-li .iconfont {color: #3A67CE;font-size: 18px;margin-right: 6px}

.rele-li > span {float: right;color: #aaaaaa}

.rele-li:hover a {margin-left: 4px;color: #3A67CE}

.rele-more {float: right;color: #3A67CE;font-size: 16px;line-height: 40px;padding-right: 20px}

.rele-line {
    position: absolute;
    left: 0;
    top: 36px;
    width: 100%;
    height: 2px;
    background-color: #A6B7DE;
    /*z-index: -1;*/
}

.rele-news-box {
    max-width: 1200px;
    margin: 0 auto;
    width: 98%;
}

@media (max-width: 840px) {
    .pagination li a {font-size: 14px}

    .link-box {margin-top: 20px;}

    .link-box li {height: auto;padding: 10px 0 0;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

    .rele-news, .rele-case { padding: 20px 12px;margin-top: 0px}

    .rele-news ul {margin-left: 0}
    .rele-tit{line-height: 1.5;margin-bottom: 20px}

    .rele-tit strong {font-size: 18px}

    .rele-li {width: 100%;margin-left: 0;margin-bottom: 12px;font-size: 14px}

    .rele-li .iconfont {font-size: 16px}

    .rele-li > a {width: 100%}

    .rele-li > span {display: none}

    .al-bt, .al-bt .iconfont {font-size: 16px}

    .rele-more {line-height: 24px;padding-right: 0;font-size: 14px}

    .pagination-wrapper {margin-top: 20px;margin-bottom: 20px}
}

/*------------------footer_box---------------------*/

.footer_box {width: 100%;padding-top: 40px;background: #0B1E4D;overflow: hidden}

.footer-left {float: left;color: #FFFFFF;margin-right: 20px;margin-left: 100px}

.footer-left-icon i {font-size: 40px;}

.footer-msg {margin-top: 36px}

.footer-msg li {margin-bottom: 20px}

.footer-msg li div {font-size: 14px;margin-bottom: 10px}

.footer-msg li a {font-size: 16px;color: #ffffff}
.m-zz{display: none}
.footer-center {float: left;padding-left: 48px;border-left: 1px solid #7B859A}

.footer-center-item {float: left;margin-right: 60px}

.footer-center-h {font-size: 16px;color: #ffffff;margin-bottom: 30px}

.footer-p li {line-height: 1.8}

.footer-p li a {font-size: 14px;color: #838CA0}

.footer-right {float: right;margin-right: 100px;overflow: hidden}

.footer-er {float: left;margin-right: 20px;text-align: center}

.footer-er p {font-size: 14px;color: #838CA0;line-height: 1.75;text-align: center}

.footer-er img {width: 110px}

.footer_box_bott_p {margin: 60px auto 0;padding: 20px 0;line-height: 1.75;text-align: center;font-size: 14px;color: #838B9F;border-top: 1px solid #535353;}

.footer_box_bott_p a {color: #838B9F;}
.copyInfo{display: none}
@media (max-width: 1460px){
    .footer-center-item {float: left;margin-right: 40px}
}

/*-------------------------返回顶部-------------*/

.fixed-box {position: fixed;right: 40px;bottom: 23%;z-index: 999;width: 80px;height: 80px;border-radius: 50%;background: #167ade;text-align: center;
}

.fixed-bottom, .fixed-list {display: none;}

.fixed-tel-icon {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;}

.fixed-tel-icon img {width: 30px;}
@media (max-width: 1360px){
    .footer-left{margin-left: 0}
    .footer-right{margin-right: 0}
}
@media (max-width: 900px) {
    .fixed-box {position: fixed;right: 14px;bottom: 8%;width: 40px;height: 40px;z-index: 999;}

    .fixed-tel-icon span {display: none;}

    .fixed-tel-icon img {width: 16px;margin-bottom: 0px;}

    .footer_box {padding-top: 0;padding-bottom: 48px}

    .footer-center, .footer-left-icon, .footer-center-h {display: none;}
    .m-zz{display: block}
    .footer-left {width: 100%;text-align: center;margin: 0}

    .footer-right {margin-right: 18px}

    .footer_box_bott_p {margin-top: 10px;font-size: 12px; margin-bottom:30px;}

    /*.footer_box_bott_p > div {display: none}*/

    .fixed-bottom {position: fixed;bottom: 0;left: 0;z-index: 3;width: 100%;height: 48px;display: flex;justify-content: space-around;
        background:#167ade;border-radius: 16px 16px 0 0;
        }
    .fixed-left{flex: 1;display: flex}
    .fixed-left li{flex: 1;text-align: center}

    .fixed-desc {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;text-align: center;}
    .fixed-text{color: #ffffff;font-size: 12px}
    .wx img{width: 19px;padding-bottom: 4px}
    .fixed-tel{flex: 1;width: 100%;margin-bottom:2px;border: 2px solid #ffffff;border-radius: 40px; margin-top:2px;
        background:#FA9513;
        background: -webkit-linear-gradient(#3A67CE,#3A67CE);
        background: -o-linear-gradient(#3A67CE, #3A67CE);
        background: -moz-linear-gradient(#3A67CE, #3A67CE);
        background: linear-gradient(#3A67CE, #3A67CE);}
    .fixed-tel a{display:block;color: #ffffff;line-height: 41px;text-align: center}
    .fixed-tel img{width: 22px}
    .fixed-img {width: 20px;}

    .fixed-icon {color: #ffffff;margin-top: 2px;margin-bottom: 4px}

    .fixed-list {display: none;position: fixed;bottom: 50px;left: 16%;width: 146px;z-index: 2147483648;background: #ffffff;border-radius: 4px;box-shadow: 0 2px 4px 1px rgba(204, 230, 255, .6);
        text-align: center;
    }

    .fixed-item {padding: 0 12px;height: 38px;line-height: 38px;border-bottom: 1px solid #cecece;}

    .fixed-item > a {font-size: 14px;}


    .fixed-rig{flex: 1}


    .copyInfo{display:block;position: fixed; left: 0; right: 0; top: 0; bottom: 100%;z-index: 99999;background: rgba(0, 0, 0, 0.6); overflow: hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
    .copyInfo p{position: absolute; left: 10%;right:10%; top: 50%; width: 80%; background: rgba(255, 255, 255, 0.9); -webkit-border-radius: 10px;border-radius: 10px; padding: 30px 20px;margin-top: -75px; color: #333;font-size: 16px; line-height: 2; text-align: center; }
    .copyInfo p .closes{position: absolute; top: 8px;right:8px; width: 21px; height: 21px;line-height: 16px; border: 0.026rem solid #333; -webkit-border-radius: 50%;border-radius: 50%; font-size: 20px; color: #333; text-align: center;}
    .copy-open{bottom: 0;}

}

.nav-link {max-width: 1400px;margin: 0 auto;padding-top: 20px}

#box_fangan_sub1 {
  width: 1200px;
  float: none;
  margin: 0 auto;
}

.feedback {
    width: 200px;
    position: fixed;
    left: 10px;
	margin-bottom:15%;
    bottom: -9999px;
    box-shadow: 0 20px 40px 8px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    border-radius: 10px 10px 0 0;
	background: #fff;
	z-index:9999;
}

.feedback .feedbackHeader {
    height: 40px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    text-indent: 20px;
    font-weight: normal;
    cursor: pointer;
	font-size:16px;
}

.feedback .eMailIco {
    background: no-repeat #252c33;
    background-size: 16px auto;
}

.feedbackForm {
    padding: 16px 12px 40px 16px;
}

.feedbackForm .tips {
    color: #222d38;
    padding-bottom: 20px;
	font-size:14px;
	line-height: 20px;
}

.feedbackForm .line {
    margin-bottom: 16px;
}

.feedbackForm .line input, .feedbackForm .line textarea {
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: solid 1px #ccc;
    color: #222d38;
    display: block;
}

.feedbackForm textarea {
    resize: none;
    height: 78px;
    padding: 11px;
    line-height: 20px;
}

.feedbackForm .line input {
    height: 40px;
    line-height: 40px;
    padding: 0 11px;
}

.feedbackForm .btn {
    background: #75a9ee;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    line-height: 40px;
    color: #ffffff;
    cursor: pointer;
}
@media (max-width: 840px) {
.feedback {
    display: none;
}
}