* {
    margin: 0;
    padding: 0;
    font-family: "Poppins-Regular";
}

html {
    font-size: 62.5%;
    height: 100%;
}

a {
    text-decoration: none;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
}

body {
    width: 100%;
    max-width: 1920px;
    overflow-x: hidden;
    margin: 0 auto;
    background: #FFFFFF;
    font-family: Verdana;
}



ul>li {
    list-style: none;
}

img {
    max-width: 100%;
    -webkit-transition: all 550ms;-o-transition: all 550ms;-moz-transition: all 550ms;transition: all 550ms;
}
.acxz{
    color: #333333 !important;
}


@font-face {
    font-family: 'AktivGrotesk';
    src: url('../fonts/aktiv_grotesk_0-webfont.woff2') format('woff2'),
    url('../fonts/aktiv_grotesk_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AktivGrotesk-Bold';
    src: url('../fonts/aktivgrotesk-webfont.woff2') format('woff2'),
    url('../fonts/aktivgrotesk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/PoppinsRegular_0.eot');
    src: url('../fonts/PoppinsRegular_0.eot') format('embedded-opentype'),
    url('../fonts/PoppinsRegular_0.woff2') format('woff2'),
    url('../fonts/PoppinsRegular_0.woff') format('woff'),
    url('../fonts/PoppinsRegular_0.ttf') format('truetype'),
    url('../fonts/PoppinsRegular_0.svg#PoppinsRegular_0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/PoppinsBold_0.eot');
    src: url('../fonts/PoppinsBold_0.eot') format('embedded-opentype'),
    url('../fonts/PoppinsBold_0.woff2') format('woff2'),
    url('../fonts/PoppinsBold_0.woff') format('woff'),
    url('../fonts/PoppinsBold_0.ttf') format('truetype'),
    url('../fonts/PoppinsBold_0.svg#PoppinsBold_0') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: "iconfont"; /* Project id 3150703 */
    src: url('../fonts/iconfont.woff2?t=1645496351107') format('woff2'),
    url('../fonts/iconfont.woff?t=1645496351107') format('woff'),
    url('../fonts/iconfont.ttf?t=1645496351107') format('truetype');
    font-display: swap;
}

.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-tubiaozhizuomoban-149:before {content: "\e622";}.icon-biaoqian2:before {content: "\e614";}.icon-xiangshang:before {content: "\e664";}.icon-songhuozhong:before {content: "\e668";}.icon-fuwu:before {content: "\e603";}.icon-jijianfasong:before {content: "\e893";}.icon-maozi:before {content: "\e657";}.icon-icon-maozi:before {content: "\e602";}.icon-sousuo2:before {content: "\e635";}.icon-jiahao-:before {content: "\e66e";}.icon-yashemao:before {content: "\e60b";}.icon-jiantou:before {content: "\e62a";}.icon-quanqiufenbu:before {content: "\e711";}.icon-zuanshi:before {content: "\e728";}.icon-weixin:before {content: "\e62c";}.icon-guandao:before {content: "\e72b";}.icon-quotation:before {content: "\e61d";}.icon-wujiaoxing-mianxing:before {content: "\e700";}.icon-home:before {content: "\e624";}.icon-edit:before {content: "\e611";}.icon-facebook:before {content: "\e620";}.icon-pinterest:before {content: "\e8ab";}.icon-linkedin:before {content: "\e648";}.icon-youtube:before {content: "\e6d6";}.icon-twitter:before {content: "\e607";}.icon-bigger:before {content: "\e647";}.icon-left:before {content: "\e72c";}.icon-right:before {content: "\e72d";}.icon-up1:before {content: "\e72e";}.icon-bottom1:before {content: "\e72f";}.icon-left1:before {content: "\e730";}.icon-right1:before {content: "\e731";}.icon-up:before {content: "\e73e";}.icon-bottom:before {content: "\e73f";}.icon-instagram:before {content: "\e79d";}.icon-tumblr:before {content: "\e79e";}.icon-download:before {content: "\e7a0";}.icon-download1:before {content: "\e7a7";}.icon-search4:before {content: "\e7b2";}.icon-address:before {content: "\e7bc";}.icon-email:before {content: "\e7bd";}.icon-contact:before {content: "\e7be";}.icon-whatsapp:before {content: "\e7bf";}.icon-fax:before {content: "\e7c2";}.icon-mobile:before {content: "\e7c6";}.icon-phone:before {content: "\e7c8";}.icon-tel:before {content: "\e7c7";}.icon-phone1:before {content: "\e7cb";}.icon-skype:before {content: "\e7cc";}.icon-whatsapp1:before {content: "\e7c1";}.icon-address1:before {content: "\e7c3";}.icon-contact1:before {content: "\e7c4";}.icon-email1:before {content: "\e7c5";}.icon-skype1:before {content: "\e7c9";}.icon-fax1:before {content: "\e7ca";}.icon-qq:before {content: "\e7ce";}.icon-tel1:before {content: "\e7cd";}.icon-wechat:before {content: "\e7cf";}.icon-phone2:before {content: "\e7d0";}.icon-message:before {content: "\e7da";}.icon-calendar:before {content: "\e7e1";}.icon-calendar1:before {content: "\e7e3";}.icon-top:before {content: "\e7ed";}.icon-youbian:before {content: "\e60f";}.icon-jian2:before {content: "\e600";}.icon-jia2:before {content: "\e608";}.icon-vk:before {content: "\e735";}.icon-instagram1:before {content: "\e640";}.icon-up7:before {content: "\e722";}.icon-bottom7:before {content: "\e723";}.icon-left7:before {content: "\e724";}.icon-right7:before {content: "\e725";}.icon-sousuo4:before {content: "\e610";}.icon-sousuo:before {content: "\e616";}.icon-sousuo1:before {content: "\e65b";}





a {
    text-decoration: none;
    outline: none;
    tap-highlight-color: transparent;
    focus-ring-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    -moz-tap-highlight-color: transparent;
    -moz-focus-ring-color: transparent;
    -webkit-transition: all 350ms;
    -o-transition: all 350ms;
    -moz-transition: all 350ms;
    transition: all 350ms;
}



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

img {
    max-width: 100%;
    border: 0px solid #ccc;
}


.banner {
    position: relative;
    z-index: 2;
    line-height: 0;
    font-size: 0;
}

.banner .slick-arrow {
    position: absolute;
    z-index: 99;
    display: block !important;
    top: 50%;
    margin-top: -31px;
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.banner .slick-prev {
    left: 40px;

    cursor: pointer;
}
.banner .slick-prev>i{
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
}

.banner .slick-next {
    right: 40px;
    cursor: pointer;
}
.banner .slick-next>i{
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
}

.banner .slick-next:hover>i,
.banner .slick-prev:hover>i{
    color: #FFFFFF;
}
.banner .slick-dots {
    position: absolute;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: 26px;
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}

.banner .slick-dots li {
    margin: 0 11px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.banner .slick-dots li.slick-active a {
    cursor: pointer;
}

.banner .slick-dots a {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.banner.hide {
    display: none;
}

@media screen and (max-width: 959px) {
    .banner {
        display: block;
    }

    .banner.hide {
        display: block;
    }

    .banner .slick-arrow {
        /* display: none !important; */
    }

    .banner .slick-dots {
        bottom: 10px;
    }

    .banner .slick-dots li {
        margin: 0 5px;
    }

    .banner .slick-dots a {
        width: 10px;
        height: 10px;
    }
    .banner .slick-prev{
        left: 20px;
    }
    .banner .slick-next{
        right: 20px;
    }
    .banner .slick-prev>i,
    .banner .slick-next>i{
        width: 40px;
        height: 40px;
    }

    .banner2 {
        display: none;
    }
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

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

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,
.slick-slider .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 {
    top: 0;
    left: 0
}

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

.slick-track:after {
    clear: both
}

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

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

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

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

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

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

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots .slide-count {
    display: none;
}

.slick-slide {
    position: relative;
}

.slick-slide iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.slick-slide video {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 101%;
    min-height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    display: none \9;
    display: block \9\0;
}

@media screen and (max-width: 991px) {
    .slick-slide video {
        object-position: inherit;
        object-fit: inherit;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        left: 0;
        top: 0;
    }
}



.at-resp-share-element .at4-share-count-container {
    text-decoration: none;
    float: right;
    padding-right: 15px;
    line-height: 25px !important;
}

.at-resp-share-element .at-icon {
    width: 24px !important;
    height: 24px !important;
}

.at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}

.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
    margin-right: 3px !important;
}

.at-resp-share-element .at-icon {
    width: 24px !important;
    height: 24px !important;
}

.at-style-responsive .at-share-btn {
    padding: 0 !important;
    border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}

.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important;
    margin-right: 3px !important;
}

::selection {
    color: #fff;
    background: #829d94;
}

.table {
    width: 100%;
    overflow: auto;
}

.table table {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    background: #808080;
}

.table table tr td {
    padding: 5px;
    padding-top: 14px;
    padding-bottom: 12px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
}
.table table tr:nth-child(2n){
    background: #FFFFFF;
}
.table table tr:nth-child(2n-1) {
    background: #F2F2F2;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666666;
    opacity: 1;
}

:-o-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666666;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666666;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666666;
    opacity: 1;
}

.daohang>ul>li>a {
    width: auto;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #272727;
    line-height: 40px;
}

.banner-kuang {
    display: block;
    font-size: 0;
}


/**
  * Swiper 7.4.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
  * Copyright 2014-2021 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
  * Released on: December 24, 2021
  */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

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

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

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

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}


.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}


.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wufenggd>.mySwiper .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.wufenggd {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 39px;
}
.con-kuang-mid{
    margin-top: 49px;
    background: url(../images/bjindex.png) no-repeat;
    background-position: center;
}
.con-kuang-index{
    display: flex;
    justify-content: space-between;
    padding-top: 33px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 41px;
}
.con-kuang-left{
    max-width: 785px;
    margin-left: -230px;
}
.con-kuang-left>a{
    width: auto;
    height: auto;
    font-size: 25px;
    font-family: "AktivGrotesk-Bold",Verdana;
    color: #FFFFFF;
    line-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.con-kuang-left>a:hover{
    color: #999999;
}
.con-kuang-right>a{
    width: 355px;
    height: 66px;
    background: #333333;
    border-radius: 8px;
    font-size: 24px;
    font-family: "AktivGrotesk-Bold";
    color: #FFFFFF;
    line-height: 71px;
    display: block;
    text-align: center;
    position: relative;
    top: 25px;
}
.con-kuang-right>a:hover{
    background: #999999;
    color: #333333;
}
.container{
    position: fixed;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    top: 200px;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFFFFF;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    padding-left: 14px;
    padding-right: 14px;
    top: 50px;
    box-sizing: border-box;
    z-index: 99;
}

.container>.logo{
    position: absolute;left: 50%;top: 50%;
    /*transform: translate(-50%, -50%);*/
    transform: translate(-88%, -50%);
    width: 120px;height: 120px;border-radius: 100%;
    display: flex;align-items: center;justify-content: center;overflow: hidden;
    box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.3);
    z-index: 10;
    /* min-width: 120px; */
}
.snav{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}
.snav>ul{
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.snav>ul>li{
    border-radius: 4px;
}
.snav>ul>li:nth-child(4){
    margin-right:0px;
}
.snav>ul>li:nth-child(5){
    margin-left: 140px;
}
.snav>ul>li>a{
    width: auto;
    height: auto;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color:#272727;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 4px;
    padding-bottom: 3px;
    text-align: center;
    box-sizing: border-box;

}
.snav>ul>li:hover{
    background: #4E5758;
}
.snav>ul>li:hover>a{
    color: #FFFFFF;
    background: url(../images/maozi.png) center no-repeat;
}
.snav>ul>.active-dh{
    background: #4E5758;
}
.snav>ul>.active-dh>a {
    color: #FFFFFF;
    background: url(../images/maozi.png) center no-repeat;
}
.ssoukuang{
    width: 36px;
    height: 36px;
    background: #080404;
    border-radius: 4px;
    display: flex;align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ssoukuang>i{
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}
.ssoukuang{position: relative;}
.ssoukuang>form{
    position: absolute;
    width: 220px;
    right: 0px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 50px;
    background: #FFFFFF;
    z-index: 2;
}
.ssoukuang>form>input{
    border: 0px;
    height: 100%;
    outline: none;
}
.ssoukuang>form>i{
    position: absolute;
    right: 5px;
    z-index: 1;
}
.text-ssou{
    width: calc(100% - 30px);
    padding-left: 5px;
    box-sizing: border-box;
    background: transparent;
}
.text-sub{
    position: relative;
    z-index: 2;
    width: 30px;
    background: transparent;
    cursor: pointer;
}
.ssoukuang>form{
    height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: 0.5s;
}
.ssoukuang.dianji>form{
    height: 38px;
    border-radius: 5px;
    opacity: 1;
}
.m-mobilenav {
    display: none;
}
@media screen and (max-width:1100px) {.container>.logo{
    transform: translate(-83%, -50%);
}
}
   @media screen and (max-width:1050px) {.container>.logo{
    transform: translate(-80%, -50%);
} 
}
@media screen and (max-width: 988px) {
    .mbnav-wp_seach {
        width: 100%;
        margin: auto;
        position: absolute;
        z-index: 2;
    }
    .mbnav-wp_seach>form input{
        outline: none;
    }
    .mbnav-wp_seach>form>.box-form{
        display: flex;
        height: 100%;
        height: 40px;
        justify-content: space-between;
        background: #FFFFFF;
    }
    .mbnav-wp_seach>form>.box-form>.box-text{
        width: calc(100% - 30px);
        border: 0px;
        height: 100%;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .mbnav-wp_seach>form>.box-form>.box-submit{
        width: 30px;
        height: 100%;
        border: 0px;
        position: relative;
        z-index: 2;
        background: transparent;
        cursor: pointer;
    }
    .box-form>i{
        position: absolute;
        right: 10px;
        top: 10px;
    }


    .mbnav-list {
        margin-top: 20px;
    }

    .m-mobilenav {
        position: absolute;
        z-index: 11;
        padding-top: 25px;
        top: 0;
        left: 0;
        left: 85%;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .m-mobilenav .mbnav-btn {
        position: absolute;
        z-index: 2;
        top: 21px;
        left: 17px;
        width: 26px;
        -webkit-transition: all 550ms;
        -o-transition: all 550ms;
        -moz-transition: all 550ms;
        transition: all 550ms;
    }

    .m-mobilenav .mbnav-btn .line {
        width: 100%;
        height: 2px;
        background-color: #080404;
    }
    .m-mobilenav .mbnav-btn .line2 {
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .mbnav-btn.active .line{
        background: #FFFFFF;
    }
    .m-mobilenav .mbnav-btn .smalldaohangxuanzhong{
        background-color: #FFFFFF;
    }
    .m-mobilenav .mbnav-btn.active {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);

    }
    .m-mobilenav .mbnav-bd {
        position: absolute;
        left: 0;
        top: 0;
        width: 300px;
        height: 100%;
        top: 0;

        visibility: hidden;
        z-index: 1;
    }

    .m-mobilenav .mbnav-bd.show {
        visibility: visible;
    }

    .m-mobilenav .mbnav-bd.show .mbnav-wp {
        height: 100%;
        opacity: 1;

    }

    .m-mobilenav .mbnav-bd.show .mbnav-item>a {
        opacity: 1;
        color: #FFFFFF;
        -webkit-transform: scale(1) translate(0, 0);
        -moz-transform: scale(1) translate(0, 0);
        -ms-transform: scale(1) translate(0, 0);
        -o-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }

    .m-mobilenav .mbnav-wp {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        background-color: #333;
        top: 0;
        -webkit-transition: all 550ms;
        -o-transition: all 550ms;
        -moz-transition: all 550ms;
        transition: all 550ms;
        opacity: 0;
    }

    .m-mobilenav .mbnav-fix {
        position: absolute;
        left: 0;
        top: 60px;
        z-index: 1;
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        height: calc(100% - 60px);
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* overflow-y: scroll; */
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .m-mobilenav .mbnav-item {
        position: relative;
        padding-left: 44px;
        padding-right: 24px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .m-mobilenav .mbnav-item i {
        position: absolute;
        left: 13px;
        top: 12px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background-color: #333;
        font-size: 20px;
        font-size: 2rem;
        color: #fff;
        cursor: pointer;
    }

    .m-mobilenav .mbnav-item>a {
        display: block;
        line-height: 26px;
        font-size: 16px;
        font-size: 1.6rem;
        color: #FFFFFF;
        -webkit-transform: scale(1.1) translate(60px, -35px);
        -moz-transform: scale(1.1) translate(60px, -35px);
        -ms-transform: scale(1.1) translate(60px, -35px);
        -o-transform: scale(1.1) translate(60px, -35px);
        transform: scale(1.1) translate(60px, -35px);
        opacity: 0;
        -webkit-transition: 0.5s 0.1s;
        -o-transition: 0.5s 0.1s;
        -moz-transition: 0.5s 0.1s;
        transition: 0.5s 0.1s;
    }

    .m-mobilenav .mbnav-item>a.current:after {
        content: "";
        margin-left: 5px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        width: 6px;
        height: 6px;
        background-color: #fff;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 550ms;
        -o-transition: all 550ms;
        -moz-transition: all 550ms;
        transition: all 550ms;
    }

    .m-mobilenav .mbnav-item>a.active {
        color: #529dba;
    }

    .m-mobilenav .mbnav-item>a.active:after {
        background-color: #529dba;
    }

    .m-mobilenav .mbnav-item:nth-child(1)>a {
        -webkit-transition-delay: 250ms;
        -moz-transition-delay: 250ms;
        -o-transition-delay: 250ms;
        transition-delay: 250ms;
    }

    .m-mobilenav .mbnav-item:nth-child(2)>a {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        -o-transition-delay: 300ms;
        transition-delay: 300ms;
    }

    .m-mobilenav .mbnav-item:nth-child(3)>a {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        -o-transition-delay: 350ms;
        transition-delay: 350ms;
    }

    .m-mobilenav .mbnav-item:nth-child(4)>a {
        -webkit-transition-delay: 400ms;
        -moz-transition-delay: 400ms;
        -o-transition-delay: 400ms;
        transition-delay: 400ms;
    }

    .m-mobilenav .mbnav-item:nth-child(5)>a {
        -webkit-transition-delay: 450ms;
        -moz-transition-delay: 450ms;
        -o-transition-delay: 450ms;
        transition-delay: 450ms;
    }

    .m-mobilenav .mbnav-item:nth-child(6)>a {
        -webkit-transition-delay: 500ms;
        -moz-transition-delay: 500ms;
        -o-transition-delay: 500ms;
        transition-delay: 500ms;
    }

    .m-mobilenav .mbnav-item:nth-child(7)>a {
        -webkit-transition-delay: 550ms;
        -moz-transition-delay: 550ms;
        -o-transition-delay: 550ms;
        transition-delay: 550ms;
    }

    .m-mobilenav .mbsbnav-list {
        padding: 10px 0;
        display: none;
    }

    .m-mobilenav .mbsbnav-item {
        position: relative;
        padding-left: 20px;
        padding-right: 5px;
    }

    .m-mobilenav .mbsbnav-item i {
        left: 0;
        top: 6px;
        line-height: 24px;
    }

    .m-mobilenav .mbsbnav-item a {
        display: block;
        padding: 5px 5px;
        line-height: 24px;
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
    }

    .m-mobilenav .mbsbnav-item a.active {
        color: #529dba;
    }
    .box-form-tj{
        position: absolute;
        font-size: 20px !important;
        right: 5px;
        top: 8px;
        color: #043F71;

    }
}
@media screen and (max-width:700px) {
    .fdjnon{
        display: none;
    }
}




@media screen and (max-width:1700px) {
    .con-kuang-left{
        width: 700px;
        margin-left:-70px;
    }
}
@media screen and (max-width:1400px) {
    .con-kuang-index{width: 95%;}
    .con-kuang-left{width: 50%;margin-left:0px;}
}

@media screen and (max-width:1240px) {
    .wufenggd,.container{
        width: 95%;
    }
    .con-kuang-right > a{
        width: 300px;
    }
    .con-kuang-left > a{
        font-size: 24px;
    }
    .con-kuang-right > a{
        height: 60px;
        line-height: 65px;
        font-size: 22px;
    }
}
@media screen and (max-width:1080px) {
    .snav > ul > li > a{
        font-size: 14px;
    }
   
    
    .snav>ul>li>a {
    
    padding-left: 10px;
    padding-right: 10px;

}
}
@media screen and (max-width:988px) {
    .snav > ul{
        display: none;
    }
    .snav{
        justify-content: flex-end;
    }
    .container{
        top: 38px;
    }
}
@media screen and (max-width:768px) {
    .con-kuang-mid{
        margin-top: 30px;
        background-position: 0px;
    }
    .con-kuang-index{
        padding-top: 12px;
        padding-bottom: 20px;
    }
    .con-kuang-index{
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .con-kuang-left{
        width: 100%;
    }
    .con-kuang-right > a{
        position: unset;
        width: 200px;
        height: 40px;
        margin-top: 15px;
        font-size: 18px;
        line-height: 46px;
    }
    .con-kuang-left > a{
        font-size: 20px;
        line-height: 30px;
    }
}
@media screen and (max-width:520px) {
    .wufenggd{
        margin-top: 18px;
    }
    .con-kuang-mid{
        margin-top: 20px;
    }
}
@media screen and (max-width:425px) {
    .con-kuang-left > a{
        font-size: 18px;
    }
    .con-kuang-right > a{
        font-size: 14px;
        width: 140px;
    }
}

.js-title{
    width: auto;
    height: auto;
    display: block;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.js-neirong{
    width: auto;
    height: auto;
    font-size: 16px;
    display: block;
    font-weight: 400;
    color: #9E9E9E;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top:31px;
}
.jieshao-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.js-kuang{
    width: 23.66666666666667%;
    background: url(../images/patten_bg.png) no-repeat;
    background-size: cover;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 62px;
    box-sizing: border-box;
    border-bottom: 2px solid #333333;
    position: relative;
}
.js-kuang:hover{
    background: #333333;
    border-bottom: 2px solid #EE8864;
}
.js-kuang:hover>.hengxian{
    opacity: 0;
}
.js-kuang:hover>.js-title{
    color: #F4F4F4;
}
.js-kuang:hover>.js-neirong{
    color: #F4F4F4;
}
.jieshao-mid{
    margin-top: 50px;
}
.js-kuang>.hengxian{
    width: 58px;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.2;
    margin-top: 24px;
}
.js-kuang{
    padding-top: 37px;
    margin-bottom: 40px;
}
.js-kuang>i{
    font-size: 40px;
    width: 41px;
    height: 43px;
    color: #FFFFFF;
    display: block;
    margin-bottom: 22px;
}
.js-jiantou{
    width: 44px;
    height: 44px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333333;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%);
}
.js-kuang:hover>.js-jiantou{
    color: #FFFFFF;
    background: #EE8864;
}
.js-kuang:nth-child(2)>i{
    font-size: 50px;
    position: relative;
    top: -10px;
}
@media screen and (max-width:1240px) {
    .jieshao-kuang{
        width: 95%;
    }
    .js-neirong{
        margin-top: 26px;
    }
    .js-title{
        font-size: 20px;
    }
}
@media screen and (max-width:950px) {
    .js-kuang{
        width: 48%;
    }
}
@media screen and (max-width:768px) {
    .container{
        position: unset;
    }
    .container > .logo{
        top: 60px;
    }
    .container{
        width: 100%;
    }
    .snav{
        padding-top: 12px;
        margin-top: 0px;
    }
    .container > .logo{
        top: 50px;
        width: 100px;
        height: 100px;
    }
    .m-mobilenav .mbnav-btn.active{
        top: 50px;
    }
}
@media screen and (max-width:620px) {
    .js-kuang > i{
        font-size: 30px;
        height: 26px;
    }
    .js-kuang:nth-child(2) > i{
        font-size: 38px;
    }
    .js-kuang{
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .js-neirong{
        margin-top: 16px;
        font-size: 14px;
    }
    .jieshao-mid{
        margin-top: 30px;
    }
    .js-jiantou{
        width: 36px;
        height: 36px;
    }
}
@media screen and (max-width:560px) {
    .snav{
        display: none;
    }
    .container{
        height: 90px;
    }
    .container > .logo{
        top: 42px;
        width: 80px;
        height: 80px;
    }
    .ssoukuang {
        top: 20px;
    }
    .m-mobilenav .mbnav-btn{
        top: 40px;
    }
}
@media screen and (max-width:460px) {
    .js-kuang{
        width: 100%;
    }
}

.about-mid{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 61px;
}
.about-kuang-left{
    width: 44.16666666666667%;
    background: url(../images/about-bj.png) no-repeat;
    position: relative;
    height: 0px;
    padding-bottom: 50%;
}
.about-kuang-left>iframe{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 39px 38px 39px 40px;
    box-sizing: border-box;
}
iframe,video{
    border: 0;
}
.about-kuang-right{
    width: 50%;
    margin-top: 0px;
}
.about-kuang-right>.hengxian{
    width: 120px;
    height: 3px;
    background: #000000;
}
.ab-ku-r-title{
    width: auto;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 42px;
    font-family: 'AktivGrotesk-Bold';
    color: #333333;
    display: block;
    margin-bottom: 83px;
    position: relative;
    z-index: 2;
    /* padding-top: 10px; */
    height: 60px;
    padding-top: 10px;
    padding-left: 20px;
    box-sizing: border-box;
}
.ab-ku-r-title:hover{
    color: #4E5758;
}
.ab-ku-r-title::before{
    content: "";
    display: block;
    width: 120px;
    height: 100%;
    background: #D8D8D8;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
}
.ab-ku-r-neirong{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #7E7E7E;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 28px;
}
.ab-ku-r-neirong:hover{
    color: #333333;
}
.hzhb-kuang{
    background: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 22px;
    padding-right: 31px;
    box-sizing: border-box;
    margin-top: 38px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.hzhb-kuang>a{

    font-size: 0px;
}
.hzhb-kuang>a:nth-child(2){
    margin-left: 2%;
    margin-right: 2%;
}
.ab-view{
    width: 120px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
    background: #333333;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 73px;
    position: relative;
}
.ab-view::after{
    content: "";
    display: block;
    position: absolute;
    width: 120px;
    height: 1px;
    background: #4E5758;
    bottom: -5px;
    right: -10px;
}
.ab-view::before{
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    bottom: -10px;
    width: 1px;
    height: 40px;
    background: #4E5758;
}
.ab-view:hover{
    background: #4E5758;
}
@media screen and (max-width:1240px) {
    .about-mid{
        width: 95%;
    }
    .ab-ku-r-title{
        margin-bottom: 40px;
    }
    .ab-view{
        margin-top: 60px;
    }
    .hzhb-kuang > a{
        width: 32%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hzhb-kuang > a:nth-child(2){
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media screen and (max-width:1150px) {
    .ab-ku-r-title{font-size: 36px; margin-bottom: 30px;}
    .ab-view{margin-top: 30px;}

}
@media screen and (max-width:999px) {
    .ab-ku-r-title{
        height: auto;
        line-height: 35px;
        font-size: 30px;
        margin-bottom:18px;
    }
    .ab-ku-r-neirong{
        margin-top: 15px;
    }
    .ab-ku-r-neirong{
        font-size: 14px;
    }
    .hzhb-kuang{
        margin-top: 20px;
    }
    .ab-view{
        margin-top: 20px;
    }
}

.pro-ce-title{
    width: auto;
    height: auto;
    font-size: 42px;
    font-family: "AktivGrotesk-Bold";
    color: #333333;
    line-height: 46px;
    display: block;
    text-align: center;
    margin-top: 75px;
}
.pro-ce-title:hover{
    color: #4E5758;
}

.pro-kuang-img{
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 109.5693779904306%;
}
.pro-kuang-img>img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;right: 0;top: 0;bottom: 0;
}

.pro-ce-kuang{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 35px;
}

.pro-kuang{
    width: 32.65625%;
    margin-bottom: 31px;
    margin-left: 1%;
    position: relative;
    transition: 0.5s;
    overflow: hidden;
}
.pro-yinying{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;right: 0;bottom: 0;top: 0;
    background: rgba(47, 47, 47, 0.6);
    transition: 1s;
}
.pro-kuang>.pro-yinying{
    transition: 1s;
}
.pro-kuang:hover>.pro-yinying{
    width: 0%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 1s;
}
.pro-wenzi{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-top: 10px;
}
.pro-wenzi-title{
    width: auto;
    height: auto;
    display: block;
    font-size: 30px;
    font-family: "AktivGrotesk-Bold";
    color: #FFFFFF;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 9px;
}
.pro-wenzi-neirong{
    width: auto;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    display: block;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pro-wenzi-neirong:hover{

}
.pro-kuang>.pro-kuang-img>img{
    transition: 0.5s;
}
.pro-kuang:hover>.pro-kuang-img>img{
    transform: scale(1.1);
}

.pro-kuang.no-bianju{
    margin-left: 0px;
}
.pro-kuang:hover>.pro-wenzi{
    background: rgba(255,255,255,0.8);
    transition: 0.5s;
}
.pro-kuang>.pro-wenzi{transition: 0.5s;}
.pro-kuang>.pro-wenzi>a{transition: 0.5s;}
.pro-kuang:hover>.pro-wenzi{
    background: rgba(255,255,255,0.8);
    transition: 0.5s;
}
.pro-kuang:hover>.pro-wenzi>a,
.pro-kuang:hover>.pro-wenzi>h2>a{
    color: #000000;
    transition: 0.5s;
}

@media screen and (max-width:1400px) {
    .pro-wenzi-neirong{
        font-size: 16px;
    }
    .pro-wenzi-title{
        font-size: 24px;
        margin-bottom: 0px;
    }
}
@media screen and (max-width:998px) {
    .pro-ce-title{
        font-size: 34px;
        margin-top: 50px;
    }
    .pro-ce-kuang{
        margin-top: 20px;
        justify-content: space-between;
    }
    .pro-kuang{
        width: 49%;
        margin-left: 0px;
    }
}
@media screen and (max-width:768px) {
    .ab-ku-r-title{
        font-size: 24px;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .ab-ku-r-title::before{
        width: 100px;
    }
    .pro-ce-title{
        font-size: 24px;
    }
    .ab-view{
        font-size: 12px;
        width: 100px;
        height: 30px;
        line-height: 34px;
    }
    .ab-view::after{
        width: 100%;
    }
    .pro-wenzi-title{
        font-size: 16px;
    }
    .pro-wenzi-neirong{
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
    }
    .ab-ku-r-neirong{
        font-size: 12px;
        font-size: 1.2rem;
    }
    .about-kuang-left > iframe{
        padding: 20px;

    }
    .about-mid{
        flex-wrap: wrap;
    }
    .about-kuang-left{
        width: 456px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom:80%;
    }
    .about-kuang-right{
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    .ab-ku-r-title::before{
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .about-kuang-right > .hengxian{
        width: 80px;
        margin-left: auto;
        margin-right: auto;
    }
    .ab-view{
        margin-left: auto;
        margin-right: auto;
    }
    .about-mid{
        margin-top: 40px;
    }
    .ab-ku-r-title{
        font-size: 24px;
    }
    .pro-kuang{
        margin-bottom: 20px;
    }
    .la-title > .ab-view{
        margin-right: 0px;
    }
    .la-title>.ab-ku-r-title::before{
        margin-left: 0px;
    }

}
@media screen and (max-width:640px) {

}






.latest-index-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.la-title>.ab-ku-r-title{
    line-height: 51px;
    padding-left: 18px;
    margin-bottom: 0px;
}
.la-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.la-title>.ab-view{
    margin-top: 0px;
}
.la-maozi-img{
    display: block;
    font-size: 0;
    overflow: hidden;
}
.la-maozi-img>img{
    transition: 0.5s;
}
.la-maozi-img>img:hover{
    transform: scale(1.1);
}
.la-maozi-kuang{
    width: 32.5%;
    margin-left: 1.3%;
    transition: 0.5s;
}
.la-maozi-kuang:hover{
    box-shadow: 0px 2px 10px 0px rgba(4, 0, 0, 0.15);
}
.la-maozi-kuang.no-binaju{
    margin-left: 0px;
}
.lat-kuang{
    display: flex;
    justify-content: flex-start;
    margin-top: 59px;
}
.la-maozi-neirong{
    display: flex;
    justify-content: space-between;

}
.la-title > .ab-ku-r-title{
    width: calc(100% - 120px);
}
.la-maozi-left{
    background: #E3E3E3;
    width: 62px;
    display: block;
    text-align: center;
}
.la-maozi-right{
    width: calc(100% - 62px);
    background: #F7F7F7;
    padding-top: 23px;
    padding-left: 14px;
    padding-right: 20px;
    box-sizing: border-box;
}
.la-maozi-left>.day{
    width: auto;
    height: auto;
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    margin-top: 47px;
    margin-bottom: 6px;
}
.la-maozi-left>.math{
    width: auto;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 20px;
}
.la-mz-r-title{
    width: auto;
    height: auto;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px;
    min-height:60px;
}
.la-mz-r-neirong{
    width: auto;
    height: auto;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.la-mz-r-title:hover,
.la-mz-r-neirong:hover{
    color: #000000;
}
.la-mz-view{
    width: 120px;
    height: 30px;
    background: #000000;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
    margin-top: 13px;
    margin-bottom: 15px;
}
.la-maozi-right>a:hover{
}
.la-mz-view:hover{
    background: #666666;
}
@media screen and (max-width:1240px) {
    .latest-index-kuang{
        width: 95%;
    }
}
@media screen and (max-width:1140px) {
    .la-maozi-right{
        padding-right: 14px;
    }
    .la-mz-r-title{
        font-size: 16px;
        line-height: 26px;
	min-height:52px;
    }
    .la-mz-r-neirong{
        font-size: 14px;
        line-height: 24px;
    }

}
@media screen and (max-width:998px) {
    .la-maozi-right{
        width: calc(100% - 40px);
    }
}
@media screen and (max-width:850px) {
    .lat-kuang{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .la-maozi-kuang{
        width: 48%;
        margin-left: 0px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width:768px) {
    .lat-kuang{
        margin-top: 40px;
    }
    .la-mz-r-title{
        font-size: 14px;
        line-height: 24px;
    }
    .la-mz-r-neirong{
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width:620px) {
    .pro-kuang{
        width: 100%;
    }
    .ab-ku-r-title{
        font-size: 24px;
    }
    .la-title > .ab-ku-r-title{
        line-height: 34px;
    }
}
@media screen and (max-width:568px) {
    .la-maozi-kuang{
        width: 100%;
        max-width: 390px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .lat-kuang{
        justify-content: space-between;
    }
    .la-mz-r-title{
	min-height:0px;
	}
    .la-title > .ab-ku-r-title{
        padding-left: 12px;
    }
    .la-title > .ab-view{
        margin-right: 10px;
    }
}
.con-kuang-index.dibu{
}
.con-kuang-mid.dibu>.con-kuang-index{
    padding-bottom: 27px;
}

.con-kuang-mid.dibu{
    background: url(../images/bj-dibu.png) no-repeat;
    margin-top: 142px;
    background-position: center;
}
.con-kuang-mid.dibu>.con-kuang-index>.con-kuang-right{
    display: flex;
    align-items: center;

}
.con-kuang-mid.dibu>.con-kuang-index>.con-kuang-right>a{
    margin-top: 5px;
    line-height: 68px;
    position: relative;
    top: auto;
}
.con-kuang-mid.dibu>.con-kuang-index>.con-kuang-left{
    margin-top: 13px;
}
.con-kuang-mid.dibu>.con-kuang-index>.con-kuang-left>a{
    /*font-size: 32px;*/
     font-size: 20px;
    font-family: "AktivGrotesk-Bold";
    color: #FFFFFF;
    margin-top: 1px;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    display: block;
}
.con-kuang-mid.dibu>.con-kuang-index>.con-kuang-left>a:hover{
    color: #999999;
}

@media screen and (max-width:1280px) {
    .con-kuang-mid.dibu > .con-kuang-index > .con-kuang-left > a{
        /*font-size: 28px;*/
         font-size: 16px;
    }
    .con-kuang-mid.dibu{
        margin-top: 80px;
    }

}
@media screen and (max-width:900px) {
    .con-kuang-mid.dibu > .con-kuang-index > .con-kuang-left > a{
        /*font-size: 24px;*/
    }
    .con-kuang-mid.dibu{
        margin-top: 34px;
    }
    .con-kuang-right > a{
        width: 200px;
        font-size: 20px;
    }
}
@media screen and (max-width:768px) {
    .con-kuang-mid.dibu > .con-kuang-index > .con-kuang-right > a{
        line-height: 40px;
    }
    .con-kuang-mid.dibu{
        background-position: 0px;
        background-repeat: repeat;
    }
    .con-kuang-mid.dibu > .con-kuang-index > .con-kuang-left > a{
        /*font-size: 20px;*/
    }
    .con-kuang-mid.dibu > .con-kuang-index > .con-kuang-left{
        margin-top: 14px;
    }
    .con-kuang-mid.dibu{
    }
}

.dibu-index{
    background: #494A4B;
    padding-top: 39px;
    padding-bottom: 11px;
}
.dibu-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.db-kkuang{
    width: 26%;
}
.db-kkuang>p>.img{
    display: inline-block;
    font-size: 0;
}
.dibulogo{
    width: 85px;
    height: 85px;
    display: block;
    font-size: 0px;
    margin-bottom: 18px;
}
.db-kkuang>p{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #9E9E9E;
    line-height: 28px;
}
.db-kkuang>p>a{
    color: #9E9E9E;
}
.db-kkuang>p>a:hover{
    color: #000000;
}
.fxzj-dibu{
    display: flex;align-items: center;
    justify-content: flex-start;
    margin-top:10px;
}
.fxzj-dibu>a{
    width: 24px;
    height: 24px;
    background: #E0E0E0;
    border: 1px solid #BEBEBE;
    border-radius: 13px;
    color: #4E5758;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
}
.fxzj-dibu>a:hover{
    background: #080404;
    border: 1px solid #080404;
    border-radius: 13px;
    color: #FFFFFF;
}
.dibubottom{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #9E9E9E;
    text-align: center;
    line-height: 28px;
    margin-top: 10px;
}
.dibubottom>p>a{
    color: #9E9E9E;
}
.dibubottom>p>a:hover{
    color: #080404;
}
.dibu-index>.hengxian{
    width: 100%;
    height: 1px;
    background: #878787;
    margin-top: 35px;
    opacity: 0.3;
}
.dibu-kuang{
    display: flex;
    justify-content: space-between;
}

.db-kkuang-title{
    width: auto;
    height: auto;
    display: block;
    font-size: 20px;
    font-family: "AktivGrotesk-Bold";
    color: #FFFFFF;
    line-height: 60px;
}
.db-kkuang>a:hover{
    color: #000000 !important;
}
.db-kkuang{
    font-size: 16px;
    font-weight: 400;
    color: #9E9E9E;
    line-height: 36px;
}
.db-kkuang:nth-child(2){
    margin-left: 1.1%;
    width: 22%;
}
.db-kkuang:nth-child(2),
.db-kkuang:nth-child(3){
    margin-top: 16px;
}
.db-kkuang:nth-child(3){
    margin-left: 11px;
    width: 23%;
}
.db-kkuang:nth-child(2)>ul,
.db-kkuang:nth-child(3)>ul{
    margin-top: 23px;
}
.db-kkuang>ul>li>a{color: #9E9E9E;}
.db-kkuang>ul>li>a:hover{
    color: #000000;
}
.db-kkuang>ul>li>a{
    word-break:break-all;
}
.hzhb-dibu{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hzhb-dibu>a{
    max-width: 32%;
    width: 32%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0;
    margin-bottom: 12px;
}
.db-kkuang:nth-child(4){
    margin-top: 14px;
    width: 265px !important;
}
.db-kkuang:nth-child(4)>.hzhb-dibu{
    margin-top: 27px;
}
@media screen and (max-width:1240px) {
    .dibu-kuang,.dibubottom{
        width: 95%;
    }
    .db-kkuang{
        width: 22%;
        margin-left: 0px;
    }
    .db-kkuang:nth-child(1){
        width: 24%;
        margin-right: 2%;
    }
    .db-kkuang:nth-child(2){
        margin-left: 0px;
    }
}
@media screen and (max-width:998px) {
    .db-kkuang:nth-child(2),
    .db-kkuang:nth-child(3),
    .db-kkuang:nth-child(4){
        display: none;
    }
    .db-kkuang:nth-child(1){
        width: 100%;
        margin-right: 0px;
        display: flex;align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .dibulogo{
        display: block;
    }
    .db-kkuang > p{
        width: 100%;
        text-align: center;
    }
    .dibubottom,.dibu-index > .hengxian{
        display: none;
    }
    .dibu-index{
        padding-bottom: 30px;
    }
    .dibu-index{
        padding-top: 30px;
    }
}
@media screen and (max-width:768px) {
    .db-kkuang > p{
        font-size: 14px;
    }
    .fxzj-dibu > a{
        margin-right: 0px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .con-kuang-mid.dibu > .con-kuang-index > .con-kuang-right > a{
        margin-top: 20px;
    }
    .con-kuang-mid.dibu > .con-kuang-index{
        padding-bottom: 16px;
    }
}

/*-------------contact start---------------------------------------------------------------*/
.contact-pc {
    position: fixed;
    top: 42%;
    z-index: 999;
    right: 10px;
    /* margin-right: 14px; */
    right: 4px;
    /* width: 54px; */
}

.iconfontwhatsapp {
    color: #3AC34C;
    font-size: 20px;
}

.contact-pc li {
    position: relative;
    margin-bottom: 1px;
    width: 56px;
    height: 54px;
    border-radius: 5px;
    background: #F0F0F0;
}


.contact-pc li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.contact-pc li .iconfontbig,
.contact-pc li .iconfontbigweixn{
    font-size: 24px;
    display: block;
}

.iconfontbigtop {
    font-size: 26px;
    color: #FFFFFF;
}




.contact-pc li .ewm {
    position: absolute;
    top: 0;
    left: 125px;
    max-width: 120px;
    width: 120px;
    height: 120px;
}

.contact-pc li.ewm-box:hover .ewm {
    left: -125px;
}

.contact-pc li .ewm {
    position: absolute;
    top: 0;
    left: 125px;
    max-width: 120px;
    width: 120px;
    height: 120px;
}

.contact-pc li.ewm-box:hover .ewm {
    left: -125px;
}

.contact-pc li :hover {
    font-size: 26px;
    border-radius: 5px;
    transition: 0.5s;
    background: #080404;
    color: #FFFFFF;
}
.contact-pc li :hover>i{
    color: #FFFFFF;
}
.contact-phone {
    position: fixed;
    bottom: 0;
    height: 40px;
    left: 0;
    right: 0;
    display: none;
    z-index: 999;
}

.contact-phone li {
    width: 20%;
    height: 100%;
    float: left;
    position: relative;
    background: #666;

}


.contact-phone li:hover .iconfont {
    /* color: #fff; */
    color: #FFFFFF;
}


.contact-phone li a {
    display: block;
    heswiper-button-previght: 100%;
    width: 100%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.contact-phone li .ewm {
    position: absolute;
    bottom: 40px;
    right: 50%;
    margin-right: -50px;
    display: none;
    max-width: 100px;
    width: 100px;
    height: 100px;
    display: none;
}
.contact-pc li i{
    color: #666666;
}

.small-phone {
    display: none;
}

@media screen and (max-width:750px) {
    .contact-pc {
        display: none;
    }

    .copyright-mid{
        padding-bottom: 80px;
    }

    .small-phone {
        display: block;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 200;
    }

    .small-phone>li {
        display: block;

        background: #F2F5F8;
        width: 33.33333333333333%;
        float: left;
        text-align: center;
        padding: 9px 0px;
    }

    .small-phone>li>a>.iconfontwesp {
        font-size: 30px;
        color: #ACACAC;
    }

    .small-phone>li>a>.iconfontbigtop {
        font-size: 30px;
    }
    .small-phone>li>a>.iconfontbigweixn,
    .small-phone > li > a > .iconfontbigtop{
        font-size: 24px;
        color: #ACACAC;
    }
    .small-phone>li:hover {
        background: #080404;
    }
    .small-phone>li:hover>a>i{
        color: #FFFFFF;
    }

    .weixin>img {
        position: absolute;
        z-index: 100;
        top: -120px;
        left: 50%;
        right: 50%;
        display: none;
        transform: translate(-50%);
    }
}

/* contact end */


@media screen and (max-width:750px) {
    .dibu-index{
        padding-bottom: 80px;
    }
}

.erjicd{
    width: 100%;
    left: -14px;
    position: absolute;
    padding-top: 22px;
    /* margin-top: 22px; */
    overflow: hidden;
}

.snav>ul>li:hover>.erjicd{
    display: block;
}

.erjicd{
    display: none;
}
.erjicd>ul{
    width: 246px;
    background: #FFFFFF;
    padding-top: 12px;
    padding-bottom: 29px;
}
.erjicd>ul>li a:hover{
    color: #333333;
}
.erjicd>ul>li>a{
    width: auto;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    padding-top:5px;
      padding-bottom:5px;
      display:block;
    box-sizing: border-box;
}
.erjicd>ul>li{
    padding-left: 14px;
    padding-right: 14px;
}
.sanji-kuang{
    width: 472px;
    position: absolute;
    left: 246px;
    height: 100%;
    background: #F3F3F3;
    z-index: 10;
    top: 0;
    overflow: auto;
    margin-top: 22px;
}


.sanji{
    padding-bottom: 10px;
    overflow: auto;
}
.sanji{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 11px;
}
.sanji>li{
    width: 48%;
    padding-left: 17px;
    padding-right: 6px;
    box-sizing: border-box;
}
.sanji>li>a{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 42px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}
.sanji>li:hover>a{
    color: #333333;
}
.dangecd{
    position: absolute;
    width: 131px;
    width: 170px;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 40px;
    padding-top: 10px;
}
.dangecd1{
    width: 190px;
}
.snav>ul>li:hover>.dangecd{
    display: block;
}
.dangecd{
    display: none;
}
.dangecd>ul{
    margin-top: 4px;
    background: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 5px;
}
.dangecd>ul>li>a{
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    padding-left: 16px;
    padding-top:5px;
     padding-bottom:5px;
    padding-right: 16px;
    box-sizing: border-box;
        display: block;
}
.dangecd>ul>li>a:hover{
    color: #333333;
}

.banner-mid{
    position: relative;
    margin-top: 95px;
}
.crumbs-mid{
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: rgba(87, 87, 87, 0.8);
}
.crumbs-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 17px;
    padding-bottom: 13px;
}
.crumbs-kuang>span{
    width: auto;
    height: auto;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
}
.crumbs-kuang>div{
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 50%;
    margin-top: -10px;
}
.crumbs-kuang>div>span{
    border-bottom: 1px solid #FFFFFF;
}
.crumbs-kuang>div>a{
    color: #FFFFFF;
    transition: 0.5s;
}
.crumbs-kuang>div>a:hover{
    border-bottom: 1px solid #FFFFFF;
}
.crumbs-kuang>div>a.active{
    border-bottom: 1px solid #FFFFFF;
}
.products-mid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-flow: row-reverse;
    background: #FBFBFB;
}
.products-left{
    width: 23.33333333333333%;
}
.products-right{
    width: 73.5%;
}
.products-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
    margin-top: 77px;
}
.pro-left-title{
    width: auto;
    background: #FFFFFF;
    border-top: 4px solid #080404;
    padding-top: 7px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.pro-left-title>i{
    font-size: 36px;
    margin-right: 7px;
    box-sizing: border-box;
}
.pro-left-title>a{
    width: auto;
    height: auto;
    display: block;
    font-size: 22px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}
.pro-left-title>a:hover{
    color: #000000;
}
.pro-kuango>ul>li a{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height:48px;
    padding-top: 1px;
    display: inline-block;

    box-sizing: border-box;
    display: block;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.pro-kuango>ul{
    background: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    margin-top: 13px;
}
.pro-kuango>ul>li>ul,.pro-kuango>ul>li>ul>li>ul{
    display: none;
}
.pro-kuango>ul>li:last-child>p{
    border-bottom: 0px;
}
.pro-kuango>ul>li p{
    border-bottom: 1px solid #E6E6E6;
}
/* jian2 content: "\e600" */
/* .icon-jia2:before {content: "\e608";} */
.pro-kuango>ul>li>p,.pro-kuango>ul>li>ul>li>p{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}
.pro-kuango>ul>li>p:hover{
    background: #080404;
}
.pro-kuango>ul>li>p>i{cursor: pointer;}
.pro-kuango>ul>li>p:hover>a,
.pro-kuango>ul>li>p:hover>i{
    color: #FFFFFF;

}
.tag-lianjie{
    background: #FFFFFF;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.tag-lianjie>a{
    width: auto;
    height: auto;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}
/* .pro-kuango>ul>li>p:hover>i::before{
	content: "\e600";
} */
.active-li>p{
    background: #080404;
}
.active-li>ul>li .p2 a{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 42px;
    padding-left: 4%;
    padding-right: 2%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.active-li>ul>li>ul>li>a{
    padding-left: 10%;
    color: #666666;
    font-size: 15px;
}
.active-li>ul,.active-li2>ul{
    display: block !important;
    border-bottom: 1px solid #E6E6E6;
}
.active-li>p>a,
.active-li>p>i::before{
    content: "\e600";
    color: #FFFFFF !important;
}

/* .pro-kuango>ul>li>p::after{
	content: "\e608";
	font-family: "iconfont";
	position: absolute;
	right: 0px;
	font-size: 14px;
	top: 50%;
	transform: translate(-50%, -50%);
}
 */
.pro-kuangt{
    margin-top: 40px;
}
.pro-kuangt a:hover{
    color: #080404;
}
.pro-kuangt>.pro-left-title>i{
    font-size: 30px;
    margin-top: 5px;
}
.pro-kuangt>.pro-left-title{
    padding-bottom: 9px;
}
.pro-kuangt>.pro-left-title>a{
    margin-top: 2px;
}
.pro-title{
    width: auto;
    height: auto;
    font-size: 32px;
    font-weight: 400;
    color: #080404;
    line-height: 26px;
    font-family: "Poppins-Bold";
    margin-top: 4px;
    margin-bottom: 25px;
}
.pro-neirong{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.red-mor{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    color: #080404;
    line-height: 28px;
    margin-top: 15px;
    cursor: pointer;
}

.maozikuang{
    background: #FFFFFF;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1.4%;
    box-sizing: border-box;
    width: 32.1%;
    padding-bottom: 1.7%;
    transition: 0.5s;
    margin-bottom: 28px;
}
.maozikuang:hover{
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
}
.maozikuang:hover>p>a{
    background: #333333;
}
.maozikuang>a:hover{
    color: #333333;
}
.maoz-img{
    display: block;
    font-size: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    height: 0px;
    padding-bottom: 72%;
}
.maoz-img>img{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
}
.maoz-img>img:hover{
    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}
.maozi-name{
    width: auto;
    height: auto;
    font-size: 18px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    color: #333333;
    margin-top: 8px;
    margin-bottom: 4px;
}
.maozi-neiorng{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.maozikuang>p{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
}
.maozikuang>p>input{
    cursor: pointer;
    margin-right: 6.2%;
}
.maozikuang>p>a{
    display: block;
    width: 147px;
    height: 37px;
    background: #666666;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
}
.pro-kuang-k{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 17px;
}
.maozikuang{
    margin-left: 1.84%;
}
.maozikuang.no-bianju{
    margin-left: 0px;
}
.zhezhaoceng{
    position: fixed;
    z-index: 10;
    background: rgba(51, 51, 51, 0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.zhezhaokuang{
    max-width: 600px;
    width: 100%;
    position: relative;

}
.zhezhaokuang>form{
    padding: 32px 23px 45px 21px;
    box-sizing: border-box;
    width: 100%;
    background: #333333;
    border: 3px solid #FFFFFF;
    border-radius: 10px;
}
.zhezhaokuang>form>p textarea{
    width: 100%;
    outline: none;
    height: 120px;
    background: #FFFFFF;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
    padding-left: 13px;
    box-sizing: border-box;
    padding-top: 6px;
}
.zhezhaokuang>form>p{
    margin-bottom: 20px;
}
.zhezhaokuang>form input{
    outline: none;
}
.zhezhaokuang>form>p input{
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
    outline: none;

    padding-left: 12px;
    box-sizing: border-box;
}
.zhezhaokuang>form>p {
    position: relative;
}
.zhezhaokuang>form>p:nth-child(2)>input,
.zhezhaokuang>form>p:nth-child(3)>input,
.zhezhaokuang>form>p:nth-child(4)>input{
    padding-left: 24px;
}

.zhezhaokuang>form>p span{
    position: absolute;
    color: #FF0000;
    font-size: 20px;
    left: 13px;
    top: 5px;
}

.zhezhaokuang>form input::-webkit-input-placeholder,
.zhezhaokuang>form textarea::-webkit-input-placeholder{/* WebKit browsers */
    font-size: 16px;
    font-weight: 400;
    color: #AFAFAF;
}
.zhezhaokuang>form input:-o-placeholder,
.zhezhaokuang>form textarea:-o-placeholder{/* Mozilla Firefox 4 to 18 */
    font-size: 16px;
    font-weight: 400;
    color: #AFAFAF;}
.zhezhaokuang>form input::-moz-placeholder ,
.zhezhaokuang>form textarea::-moz-placeholder {/* Mozilla Firefox 19+ */
    font-size: 16px;
    font-weight: 400;
    color: #AFAFAF;}
.zhezhaokuang>form input:-ms-input-placeholder,
.zhezhaokuang>form textarea:-ms-input-placeholder{/* Internet Explorer 10+ */
    font-size: 16px;
    font-weight: 400;
    color: #AFAFAF;}

.yzm-kuang{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 2px;
    padding-top: 18px;
}
.yzm-kuang>p{
    position: relative;
}
.yzm-kuang>p>span{
    position: absolute;
    top: 8px;
    left: 12px;
    font-size: 20px;
    color: #FF0000;
}
.yzm-kuang>p>input{
    width: 165px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #B2B2B2;
    border-radius: 5px;
    padding-left: 20px;
    box-sizing: border-box;
}
.yzm-kuang>a{
    display: block;
    margin-left: 2.2%;
    display: block;
    font-size: 0;
}
.yzm-kuang>a:hover{
    cursor: pointer;
}
.yzm-kuang>input{
    width: 216px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 0;
    margin-left: 2.2%;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    cursor: pointer;
}
.guanbi{
    width: 35px;
    height: 35px;
    position: absolute;
    top: -28px;
    right: -30px;
    background: #FFFFFF;
    color: #666666;
    font-size: 30px;
    display: flex;align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}
/*-------------page-start--------------------------------------------------------------------*/
.page {
    clear: both;
    text-align: center;
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
    margin-top: 91px;
    margin-bottom: 129px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.page a {
    display: inline-block;
    vertical-align: top;
    color: #333333;
    min-width: 34px;
    min-height: 34px;
    margin: 0 6px 10px;
    width: 43px;
    height: 43px;

    border: 1px solid #666666;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 43px;
}

.page span {
  display: inline-block;
  color: #333333;
 
  font-size: 18px;
}
.page a.prev {
    min-width: 92px;
}

.page a.next {
    min-width: 59px;
    margin-left: 2px;
}

.page a:hover,
.page a.page-active {
    background: #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
}
.page a.no:hover{  color: #333;background: #fff !important;   border: 1px solid #666666;}

@media only screen and (max-width: 1219px) {
    .page a {
        font-size: 14px;
    }

    .page a.prev {
        min-width: 80px;
    }

    .page a.next {
        min-width: 60px;
    }
}

.page .add-form {
    display: inline-block;
    vertical-align: top;
    padding-right: 25px;
    margin-left: 8px;
    background: url(../images/atd.png) no-repeat right center;
}

.page .add-form .add-btn {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    width: 220px;
    min-width: 198px;
    margin-left: 6px;
    height: 45px;
    border: 0px;
    background: #333333;
    border: 1px solid #333333;
    border-radius: 23px;
    color: #FFFFFF;
    cursor: pointer;
}

.page .add-form .add-btn:hover {
    /* background-color: #fff; */
    background: transparent;
    color: #333333;
}


@media only screen and (max-width: 1219px) {
    .page .add-form {
        margin-left: 5px;
    }

    .page .add-form .add-btn {}
}


/*-------------page-end--------------------------------------------------------------------*/



@media screen and (max-width:1220px) {
    .crumbs-kuang,.products-kuang{
        width: 95%;
    }
    .pro-left-title > a{
        font-size: 20px;
    }
}
@media screen and (max-width:1080px) {
    .products-kuang{
        margin-top: 60px;
    }
    .pro-title{
        font-size: 30px;
        margin-bottom: 16px;
    }
    .products-left{
        width: 25%;
    }
    .pro-left-title{
        padding-left: 2%;
        padding-right: 2%;
    }

}
@media screen and (max-width:988px) {
    .products-kuang{
        flex-wrap: wrap;
    }
    .products-right{
        width: 100%;
    }
    .products-left{
        width: 100%;
    }
    .tag-lianjie>a{
        display: inline-block;
    }
    .pro-kuangt{
        margin-bottom: 40px;
    }
    .page>a{
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
    .page .add-form .add-btn{
        width: 220px;
        min-width: 220px;
        height: 34px;
        line-height: 34px;
    }
    .page{
        margin-top: 10px;
        margin-bottom: 80px;
    }
    .pro-left-title{
        justify-content: center;
    }
    .tag-lianjie{
        text-align: center;
    }
    .maozi-name{
        font-size: 16px;
    }
    .maozi-neiorng{
        font-size: 12px;
        line-height: 22px;
    }
    .maozikuang > p > a{
        width: 100px;
        font-size: 14px;
        font-size: 1.4rem;
        height: 30px;
        line-height: 30px;
    }
}
@media screen and (max-width:768px) {
    .crumbs-kuang>span{
        width: 100%;
        text-align: center;
    }
    .crumbs-kuang > div{
        text-align: center;
        width: 100%;
        max-width: unset;
    }
    .crumbs-kuang > div{
        font-size: 14px;
        line-height: 24px;
        margin-top: 4px;
    }
    .crumbs-kuang > span{
        font-size: 20px;
        line-height: 24px;
    }
    .crumbs-kuang{
        padding-top: 6px;
        padding-bottom: 10px;
    }
    .banner-kuang{
        display: none;
    }

    .banner-mid.index,
    .banner-mid.index>.banner-kuang{
        display: block;
        background: transparent;
        padding-top: 0;
    }
.banner-mid.index{
        margin-top: 0px;
}
    .crumbs-mid{
        position: unset;
    }
    /* .banner-mid{
		padding-top: 100px;
		background: url(../images/chejian.png) no-repeat ;
		background-size: cover;
		background-position: center;
	}
	.banner-mid.about{
		padding-top: 100px;
		background: url(../images/_500431882_.png) no-repeat ;
		background-size: cover;
		background-position: center;
	} */

    .products-kuang{
        margin-top: 30px;
    }
    .pro-title{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .pro-neirong{
        font-size: 12px;
        font-size: 1.2rem;
    }
    .red-mor{
        margin-top: 4px;
        font-size: 12px;
    }
    .pro-left-title > a{
        font-size: 16px;
    }
    .pro-left-title > i{
        font-size: 30px;
    }
    .pro-kuango > ul > li > p>a,
    .active-li > ul > li > a,
    .tag-lianjie > a{
        font-size: 14px;
    }
    .page{
        margin-bottom: 40px;
    }
    .banner-kuang {
        position: relative;

    }
    .top-top{
        position: unset;
        height: 100%;
    }
    .banner-kuang {
        position: relative;
        top: 60px;
    }
    .wufenggd{
    }

}
@media screen and (max-width:680px) {
    .zhezhaokuang{
        width: 85%;
    }
    .yzm-kuang{
        flex-wrap: wrap;
    }
    .yzm-kuang>p>input{
        width: 100%;
    }
    .yzm-kuang>p{
        width: calc(100% - 160px);
    }
    .yzm-kuang>input{
        margin-top: 20px;
        margin-left: auto;margin-right: auto;
    }
}
@media screen and (max-width:580px) {
    .pro-kuang-k{
        justify-content: space-between;
    }
    .maozikuang{
        width: 49%;
        margin-left: 0px;
    }

    .maozikuang{
        text-align: center;
        margin-bottom: 18px;
    }
    .maozikuang > p{
        justify-content: center;
    }
    .maozikuang > p > input{
        margin-right: 2%;
    }
    .banner .slick-arrow{
        top: 65%;
    }
}
@media screen and (max-width:500px) {
    .zhezhaokuang > form{
        padding: 20px 10px 20px 10px;
    }
    .guanbi{
        right: 0px;
        top: -37px;
    }
    .zhezhaokuang{
        width: 95%;
    }
}
@media screen and (max-width:350px) {
    .yzm-kuang{
        padding-top: 0px;
    }
    .yzm-kuang>a{
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }
    .yzm-kuang>a:hover{
        cursor: pointer;
    }
    .yzm-kuang > p{
        width: 100%;
    }
}


.pro-qh-left{
    width: 51.83333333333333%;
    margin-top: 70px;
}
.xiangqingleft img{
    -webkit-transition: all 0ms;-o-transition: all 0ms;-moz-transition: all 0ms;transition: all 0ms;
}

.pro-qh-right{
    width: 45.1%;
}
.pro-qh-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.pro-qh-right>h1{
    width: auto;
    height: auto;
    font-size: 28px;
    font-weight: 400;
    color: #333333;
    line-height: 48px;
    margin-bottom: 12px;
}
.pro-qh-mid{
    background: #FBFBFB;
}
.pro-qh-bjq{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    margin-top: 15px;
}
.pro-qh-bjq p{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
}
.pro-qh-bjq p strong{
    font-size: 22px;
    font-weight: 400;
    color: #666666;
    line-height: 48px;
}
.bjq-share{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    margin-bottom: 28px;
    margin-top: 23px;
}
.inquire-qh{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.inquire-qh>a{
    width: 182px;
    height: 44px;
    border: 1px solid #333333;
    background: #333333;
    display: block;
    text-align: center;
    line-height: 44px;
    border-radius: 5px;
}
.inquire-qh>.inq{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin-right: 2.6%;
}
.inquire-qh>.inq:hover{
    background: transparent;
    color: #333333;
}
.inquire-qh>.nex{
    background: #FBFBFB;
    border: 1px solid #666666;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}
.inquire-qh>.nex:hover{
    background: #333333;
    color: #FFFFFF;
}
.pict-tab>ul{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 54px;
}
.tab-kuang{
    background: #FFFFFF;
    padding-top: 50px;
}
.tab-kk{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;

}
.tab-kk{
    font-size: 16px;
    font-family: Poppins;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
}
.tab-kk>p{
    margin-top: 0px;
}
.pict-tab>ul{
    display: flex;
    align-items: center;justify-content: flex-start;
}
.pict-tab>ul>li{
    max-width: 275px;
    width: 100%;
    height: 49px;
    line-height: 45px;
    background: #666666;
    border-radius: 8px 8px 0px 0px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
    margin-right: 2.1%;
    cursor: pointer;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}
.tags-kuang{
    background: #FFFFFF;
}
.ttag-k{
    width: 1200px;
    margin-left: auto;margin-right: auto;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    padding-top: 78px;
    padding-bottom: 64px;
}
.ttag-k>a{
    color: #333333;
}
.ttag-k>a:hover{
    color: #000000;
}
.pict-tab>ul>.pic-tab-active{
    background: #333333;
}
.xgcp-kuang{
    width: 1200px;
    margin-left: auto;margin-right: auto;
    padding-bottom: 130px;
}
.xgcp-title{
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    color: #333333;
    font-family: "Poppins-Bold";
    line-height: 48px;
    margin-top: 61px;
}
.xgcp-title:hover{
    color: #666666;
}
.xgcp-kuang>.mySwiper>.swiper-wrapper{
    padding-left: 0.3%;
    padding-bottom: 10px;
    padding-top: 10px;
    box-sizing: border-box;
}
.xgcp-kuang>.mySwiper>.swiper-wrapper>.swiper-slide{
    flex-wrap: wrap;
    /* padding: 5%; */
    padding-top:14px;
    padding-left:2.8%;
    padding-right: 2.8%;
    padding-bottom: 19px;
    box-sizing: border-box;
}
.xgcp-kuang>.mySwiper>.swiper-wrapper>.swiper-slide:hover{
    background: #FFFFFF;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
}
.sw-img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0;
}
.sw-name{
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    display: block;
    text-align: left;
    margin-bottom: 1px;
    margin-top: 19px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sw-neirong{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    text-align: left;
}
.swiper-annu{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-top: 16px;
    margin-bottom: 28px;
}
.swiper-annu>.swiper-button-next,
.swiper-annu>.swiper-button-prev{
    width: auto;
    height: auto;
    margin-top: 0px;
}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after,
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{
    content: "";
}
.swiper-annu>.swiper-button-prev,
.swiper-annu>.swiper-button-next{
    left: auto;
    right: auto;
    position: unset;
}
.swiper-annu>.swiper-button-prev>i,
.swiper-annu>.swiper-button-next>i{
    width: 29px;
    height: 29px;
    border: 2px solid #666666;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    margin-right: 4px;
    color: #666666;
}
.swiper-annu>.swiper-button-prev>i:hover,
.swiper-annu>.swiper-button-next>i:hover{
    border: 2px solid #333333;
    color: #333333;
}

@media screen and (max-width:1220px) {
    .xgcp-kuang,
    .tab-kk,.ttag-k{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .xgcp-kuang{
        padding-bottom: 60px;
    }
    .xgcp-title{
        margin-top: 40px;
    }
    .ttag-k{
        padding-top: 20px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width:768px) {
    .sw-name{
        font-size: 14px;
        margin-top: 6px;
    }
    .sw-neirong{
        font-size: 12px;
        line-height: 24px;
    }
    .xgcp-kuang{
        padding-bottom: 30px;
    }
    .xgcp-title{
        font-size: 22px;
        line-height: 30px;
        margin-top: 20px;
    }
    .swiper-annu{
        margin-bottom: 10px;
    }
    .tab-kk,.ttag-k{
        font-size: 12px;
    }
}
@media screen and  {

}



@media screen and (max-width: 640px) { .m-clstext .box-img { float: none; margin-right: 0; width: 100%; } }

.m-prol { font-size: 0; letter-spacing: 0; margin-bottom: -28px; }

.m-prol .list-item { margin-right: 1.40187%; margin-bottom: 28px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 32.35981%; }

.m-prol .item-pic { border: solid 1px #d7d7d7; }

.m-prol .item-text { padding-top: 18px; text-align: center; }

.m-prol .item-title { height: 26px; line-height: 16px; font-size: 16px; font-size: 1.6rem; color: #555; text-overflow: ellipsis; white-space: nowrap; }

.m-prol .item-link { margin-top: 23px; }

.m-prol .item-link input { margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.m-prol .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; min-width: 116px; line-height: 24px; padding: 5px; font-size: 14px; font-size: 1.4rem; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 22px; border: solid 1px #333333; }

.m-prol .item-link a:hover { color: #fff; background-color: #E65D0E; }

@media screen and (max-width: 991px) { .m-prol .item-text { padding-top: 10px; }
    .m-prol .item-link { margin-top: 10px; }
    .m-prol .item-title { font-size: 14px; font-size: 1.4rem; }
    .m-prol .item-link input { margin-right: 5px; }
    .m-prol .item-link a { min-width: 100px; font-size: 12px; font-size: 1.2rem; border-radius: 10px; } }

@media screen and (max-width: 480px) { .m-prol .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

.m-prob1 .prob-pic { position: relative; z-index: 3;  }

.prob-pic-big-img img{
    border: 1px solid #A2A2A2;

}
.m-prob1 .prob-pic-big {
    width: 77.2%;
    background-color: red;
    position: relative;
    -moz-box-sizing: border-box; box-sizing: border-box;
    background-color: #fff;

}

.m-prob1 .prob-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; font-size: 0; overflow: hidden; z-index: 8; display: none; }

.m-prob1 .prob-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.m-prob1 .prob-video.show { display: block; }

.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }

.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.m-prob1 .zoomWrapperImage img { max-width: 1200px; }

.m-prob1 .prob-pic-small {
    padding-top: 20px;
    /* height: 479px; */
    padding-bottom: 52px;
    min-width: 117px;
    position: relative;
    padding-left: 24px; padding-right: 24px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}


.m-prob1 .prob-pic-btn { position: absolute; top: 50%; margin-top: -20px; display: block; line-height: 40px; font-size: 20px; font-size: 2rem; text-align: center; color: #676767; -moz-box-sizing: border-box; box-sizing: border-box;
    position: unset;
}

.m-prob1 .prob-pic-btn:hover { color: #333333; cursor: pointer;}

.m-prob1 .prob-pic-btn.prev { left: 0; }

.m-prob1 .prob-pic-btn.next {
    position: absolute;
    top: 480px;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 10px;
    right: 0;}

.m-prob1 .prob-pic-list { overflow: hidden; }

.m-prob1 .prob-pic-list ul { width: 10000%; overflow: hidden; }

.m-prob1 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.01903%; width: 0.235%; }

.m-prob1 .prob-pic-item .item-pic{
display: block;
font-size: 0px;
}
.m-prob1 .prob-pic-item .item-pic, .m-prob1 .prob-pic-item .item-video {
    /* border: 1px solid #eaeaea; background-color: #fff; */
    overflow: hidden;
	
    /* box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); */
}

.m-prob1 .prob-pic-item .item-pic:hover, .m-prob1 .prob-pic-item .item-video:hover { border-color: #E65D0E; }

.m-prob1 .prob-pic-item .item-pic:hover img, .m-prob1 .prob-pic-item .item-video:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); cursor: pointer;}

.m-prob1 .prob-pic-item .item-pic.active, .m-prob1 .prob-pic-item .item-video.active {border-color: #A2A2A2; }

.m-prob1 .prob-pic-item .item-video { position: relative; display: block; line-height: 0; font-size: 0; text-align: center; }

.m-prob1 .prob-info { padding-top: 35px; }

.m-prob1 .prob-info-title { position: relative; font-size: 20px; font-size: 2rem; font-weight: normal; }

.m-prob1 .prob-info-desc { margin-top: 8px; line-height: 28px; font-size: 16px; font-size: 1.6rem; color: #555555; }

.m-prob1 .prob-share { margin-top: 26px; letter-spacing: 0; }

.m-prob1 .prob-share .font { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 10px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #555; }

.m-prob1 .prob-share .img { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-color: #fff; height: 26px; }

.m-prob1 .prob-info-link { margin-top: 42px; margin-bottom: -16px; overflow: hidden; }

.m-prob1 .prob-info-link a { margin-bottom: 16px; margin-right: 16px; display: inline-block; padding: 5px 10px; min-width: 140px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 22px; background-color: #b7b7b7; }

.m-prob1 .prob-info-link a:first-child { min-width: 117px; }

.m-prob1 .prob-info-link a:last-child { margin-right: 0; }

.m-prob1 .prob-info-link a:hover { color: white; background-color: #E65D0E; border-color: #E65D0E; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
    .zoomPup { display: none !important; }
    .zoomWindow { display: none !important; }
    .zoomPreload { display: none !important; }
    .m-prob1 .prob-pic { float: none; margin: 0 auto; }
    .m-prob1 .prob-info { margin-top: 20px; width: 100%; height: auto; }
    .m-prob1 .prob-info-desc { padding-bottom: 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
    .m-prob1 .prob-info-desc p { min-height: 10px; } }

@media screen and (max-width: 950px) {
    .m-prob1 .prob-pic { width: 100%; max-width: 450px; margin-left: auto; margin-right: auto; display: none; }
    .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 3.14%; }
    .m-prob1 .prob-pic-item .item-pic:before { display: none !important; }
    .m-prob1 .prob-pic-item .item-pic>img{border: 1px solid #A2A2A2;}
    .m-prob1 .prob-info-link { margin-top: 20px; }
    .m-prob1 .prob-info-link a { min-width: 120px !important; margin-right: 30px; font-size: 14px; font-size: 1.4rem; }
    .m-prob1 .prob-info-title { font-size: 20px; font-size: 2rem; }
    .m-prob1 .prob-share { margin-top: 20px; }
    .m-prob1 .prob-info-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }
    .m-prob1 .prob-info-desc p, .m-prob1 .prob-info-desc span, .m-prob1 .prob-info-desc b { line-height: 24px; font-size: 14px; font-size: 1.4rem; }
    .m-prob1 .prob-info-desc .c-hsradio:before { top: 9px; } }

@media screen and (max-width: 480px) { .m-prob1 .prob-pic-list ul li { margin-right: .4; width: 4.8%; } }

.m-propic { display: none; }

@media screen and (max-width: 950px) {
    .m-propic { position: relative; padding-left: 35px; padding-right: 35px; display: block; overflow: hidden; }
    .m-propic .box-btn { position: absolute; z-index: 3; top: 50%; margin-top: -15px; display: block; width: 30px; height: 30px;
        line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #AAAAAA; text-align: center; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
    .m-propic .box-btn :hover{
        color: #E65D0E;
    }
    .m-propic .box-btn.prev { left: 0; }
    .m-propic .box-btn.next { right: 0; }
    .m-propic .box-bd { overflow: hidden; }
    .m-propic .box-list { width: 10000%; overflow: hidden; }
    .m-propic .list-item { position: relative; float: left; margin-right: .02%; width: .32%; }
    .m-propic .item-video, .m-propic .item-video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .m-propic .item-pic { border: 1px solid #A2A2A2; } }

@media screen and (max-width: 640px) { .m-propic .list-item { width: .49%; } }

@media screen and (max-width: 375px) { .m-propic .list-item { width: 1%; } }

.m-mpro { margin-top: 78px; }

.m-mpro .box-title { margin-bottom: 31px; overflow: hidden; text-align: center; }

.m-mpro .box-title div, .m-mpro .box-title p { position: relative; display: inline-block; *display: inline; *zoom: 1; }

.m-mpro .box-title div { padding-left: 12px; }

.m-mpro .box-title div:before { content: ""; position: absolute; right: 100%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 960px; height: 1px; background-color: #ccd8e9; }

.m-mpro .box-title p { padding-right: 12px; line-height: 34px; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #555; }

.m-mpro .box-title p:before { content: ""; position: absolute; left: 100%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 960px; height: 1px; background-color: #ccd8e9; }

.m-mpro .box-list { width: 10000%; overflow: hidden; }

.m-mpro .list-item { float: left; margin-right: 0.01402%; width: 0.3236%; }

.m-mpro .item-pic { border: solid 1px #d7d7d7; }

.m-mpro .item-text { padding-top: 18px; text-align: center; }

.m-mpro .item-title { height: 26px; line-height: 16px; font-size: 16px; font-size: 1.6rem; color: #555; text-overflow: ellipsis; white-space: nowrap; }

.m-mpro .item-link { margin-top: 23px; }

.m-mpro .item-link input { margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.m-mpro .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; min-width: 116px; line-height: 24px; padding: 5px; font-size: 14px; font-size: 1.4rem; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 22px; border: solid 1px #333333; }



.m-prob1 .prob-pic-list ul li{
    float: none;
}

.m-prob1 .prob-pic-list ul li>.prob-pic-item img{

    /*border: 1px solid #A2A2A2;*/
}
.m-prob1 .prob-pic-list ul li>.prob-pic-item{
    width: 115px;
    height: 82px;
    border: 1px solid #A2A2A2;
}
.m-prob1 .prob-pic-list ul{
    width: 119px;
    height: 273px;
    /* height: 10000%; */
    overflow: hidden;
}
.m-prob1 .prob-pic-small{
    padding-left: 0px;
    padding-right: 0px;
}
.m-prob1 .prob-pic-list ul li{
    margin-right: 0px;
    margin-bottom: 10px;
}
.prob-pic-btn.prev{
    margin-bottom: 4px;
}
.prob-pic-btn>i{
    font-size: 34px;
}
.prob-pic.c-fl>.prob-pic-big{
    float: right;
    margin-top: 8px;
}
.m-prob1 .prob-pic-list{
    width: 118px;
}
.prob-pic-small{
    width: 118px;
}
.m-prob1 .prob-pic-btn.next{
    top: 363px;
}



/* fangdajing start */
.zoomPad {
    position: relative;
    /* float:left; */
    /* z-index:99; */
    z-index: 10;
    cursor: crosshair;
}
.zoomPreload {-moz-opacity: 0.8;opacity: 0.8;filter: alpha(opacity=80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align: center;background-repeat: no-repeat;background-position: 43px 30px;z-index: 110;width: 90px;height: 43px;position: absolute;top: 0px;left: 0px;* width: 100px;* height: 49px;}
.zoomPup {overflow: hidden;background-color: #FFF;-moz-opacity: 0.6;opacity: 0.6;filter: alpha(opacity=60);z-index: 120;position: absolute;border: 1px solid #CCC;z-index: 101;cursor: crosshair;}.zoomOverlay {position: absolute;left: 0px;top: 0px;background: #FFF;/*opacity:0.5;*/z-index: 5000;width: 100%;height: 100%;display: none;z-index: 101;}.zoomWindow {position: absolute;left: 110%;top: 30px;background: #FFF;z-index: 6000;height: auto;z-index: 10000;z-index: 110;}
.zoomWrapper {position: relative;border: 1px solid #999;/* addd */overflow: hidden;z-index: 110;}.zoomWrapperTitle {display: block;background: #999;color: #FFF;height: 18px;line-height: 18px;width: 100%;overflow: hidden;text-align: center;font-size: 10px;position: absolute;top: 0px;left: 0px;z-index: 120;-moz-opacity: 0.6;opacity: 0.6;filter: alpha(opacity=60);}.zoomWrapperImage {display: block;position: relative;overflow: hidden;z-index: 110;}.zoomWrapperImage img {border: 0px;display: block;position: absolute;z-index: 101;}.zoomIframe {z-index: -1;filter: alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position: absolute;display: block;}
/* fangdajing end */

.pro-qh-right{
    margin-top: 68px;
}
.tab-kktu img{
    display: inline-block;
}
.tab-kktu div{
    width: 49.58333333333333%;
    font-size: 0;
    margin-bottom: 87px;
}
.tab-kktu{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 42px;
}
.m-prob1 .prob-pic-small{
}
.tab-kktu>div:nth-child(3),
.tab-kktu div:nth-child(4){
    margin-bottom: 39px;
}
.prob-pic-big{
    margin-left: 2.4%;
}

@media screen and (max-width:1220px) {
    .pro-qh-kuang,.pict-tab > ul,.tab-kktu{
        width: 95%;
    }

}
@media screen and (max-width:1180px) {
    .prob-pic-big{
        float: none;
    }
    .prob-pic.c-fl{
        display: flex;
        align-items: center;justify-content: space-between;
        flex-flow: row-reverse;
    }
    .pro-qh-right,.pro-qh-left{
        margin-top: 30px;
    }
    .pro-qh-right{
        width: 40%;
    }
    .pro-qh-left{
        width: 56%;
    }
}
@media screen and (max-width:950px) {
    .pro-qh-kuang{
        flex-wrap: wrap;
    }
    .pro-qh-right{
        width: 100%;
    }
    .m-prob1.m-prob{
        display: none;
    }

    .pro-qh-left{
        width: 100%;
    }
    .item-pic{
        font-size: 0px;

    }
    .pro-qh-right>h1{
        text-align: center;
    }
    .bjq-share,.inquire-qh{
        justify-content: center;
    }
    .bjq-share{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .pict-tab > ul{
        justify-content: center;
    }
    .pict-tab > ul > li{
        margin-left: 1%;
        margin-right: 1%;
    }


}
@media screen and (max-width:768px) {
    .pro-qh-right > h1{
        font-size: 20px;
        line-height: 30px;
    }
    .pro-qh-right{
        margin-top: 15px;
    }
    .pro-qh-bjq{
        font-size: 12px;
        font-size: 1.2rem;
    }
    .bjq-share{
        font-size: 14px;
    }
    .inquire-qh>a{
        width: 140px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .inquire-qh > .inq,
    .inquire-qh > .nex{
        font-size: 14px;
    }
    .pict-tab > ul > li{
        font-size: 14px;
        font-size: 1.4rem;
        max-width: 200px;
        height: 39px;
        line-height: 39px;

    }
    .tab-kuang{
        padding-top: 20px;
    }
    .table table tr td{
        padding-top: 6px;
        padding-right: 6px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
    }
    .swiper-annu{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .swiper-annu > .swiper-button-prev > i, .swiper-annu > .swiper-button-next > i{
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
    .tab-kktu{
        margin-top: 10px;
    }
    .tab-kktu div{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:580px) {
    .tab-kktu div{
        width: 100%;
    }
}
.video-kuang>ul{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 76px;

}
.video-kuang>ul>.vi-li{
    margin-left: 0px;
}
.video-kuang>ul>li{
    margin-left: 2.9%;
    width: 14.25%;
    height: 47px;
    text-align: center;
    line-height: 47px;
    background: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 6px;
    text-align: left;
    padding-left: 0.7%;
    padding-right: 0.8%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.video-kuang>ul>li>a{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    height: 100%;
    line-height: 43px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.video-kuang>ul>li>i{
    color: #666666;
    font-size: 18px;
}
.video-kuang>ul>li>ul{
    position: absolute;
    width:100%;
    top: 46px;
    left: -1px;
    background: #FFFFFF;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    z-index: 1000000;
}
.video-kuang>ul>li>ul>li>a{
    width: auto;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 38px;
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
}
.video-kuang>ul>li>ul>li>a:hover{
    background: #666666;
    color: #FFFFFF;
}
.video-kuang>ul>li:hover{
    background: #666666;
    color: #FFFFFF;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.video-kuang>ul>li:hover>a,
.video-kuang>ul>li:hover>i{
    color: #FFFFFF;
}
.video-kuang>ul>li>ul{
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
    opacity: 0;
}
.video-kuang>ul>li:hover>ul{
    height: auto;
    transition: 0.5s;
    opacity: 1;
}
.vide-mid{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 93px;

}
.video-img{
    display: block;
    font-size: 0;
}
.video-img:hover{
    cursor: pointer;
}
.vide-name{
    width: auto;
    height: auto;
    display: block;
    margin-top: 6px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #333333;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.v-mid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 38px;
}
.v-kuang{
    width: 48.68%;
    margin-bottom: 38px;
}
.v-name{
    width: auto;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    margin-top: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.vide-mid a:hover{
    color: #080404;
}
.vide-neirong>.page{
    margin-top: 54px;
}




@media screen and (max-width:1220px) {
    .video-kuang > ul,
    .vide-mid{
        width: 95%;
    }
    .vide-mid{
        margin-top: 60px;
    }
}
@media screen and (max-width:999px) {
    .video-kuang > ul{
        margin-top: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .vide-mid{
        margin-top: 30px;
    }
    .vide-neirong > .page{
        margin-top: 20px;
        margin-bottom: 80px;
    }

    .video-kuang > ul>li{
        width: 23%;
        margin-left: 1% !important;
        margin-right: 1% !important;
        margin-bottom: 20px;
    }
}
@media screen and (max-width:768px) {
    .video-kuang > ul > li > a{
        font-size: 12px;
        line-height: 34px;
    }
    .video-kuang > ul > li > i{
        font-size: 14px;
    }
    .video-kuang > ul > li > ul > li > a{
        font-size: 12px;
    }
    .video-kuang > ul > li{
        height: 36px;
    }
    .video-kuang > ul > li > ul{
        top: 32px;
    }
    .video-kuang > ul{
        margin-top: 30px;
    }
    .vide-name{
        font-size: 16px;
    }
    .v-name{
        font-size: 14px;
    }
    .v-kuang{
        margin-bottom: 18px;
    }
    .v-mid{
        margin-top: 20px;
    }
}
@media screen and (max-width:640px) {
    .video-kuang > ul>li{
        width: 30%;
    }
}
@media screen and (max-width:555px) {
    .v-kuang{
        width: 100%;
    }
    .vide-neirong > .page{
        margin-top: 10px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width:500px) {
    .video-kuang > ul>li{
        width: 48%;
    }
}

.cata-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 77px;
}
.ca-k-left{
    width: 17.4%;
    min-width: 209px;
    max-height: 258px;
}
.ca-k-left > a{
    display:block;
    font-size:0;
}
.ca-kkuang{
    margin: 6px 8px 6px 7px;
    background: #080404;
}
.ca-name{
    width: auto;
    display: block;
    font-size: 26px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 37px;
    padding-left: 8.9%;
    padding-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ca-img{
    margin-left: 9.1%;
    padding-top: 23px;
    margin-bottom: 20px;
    display: block;font-size: 0;
}
.ca-k-right{
    width: 75.16666666666667%;
    margin-right: 1.7%;
    margin-top: 37px;
    margin-left: 3%;
}
.ca-kuang{
    display: flex;
    justify-content: space-between;
    margin-bottom: 47px;
}
.ca-r-title{
    width: auto;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-bottom: 14px;
}
.ca-r-neirong{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    margin-bottom: 20px;
}

.ca-xiazai{
    width: 154px;
    height: 37px;
    background: #333333;
    border: 1px solid #080404;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;
    display: block;
    text-align: center;
	text-transform:uppercase;
}
.ca-xiazai:hover{
    background: transparent;
    border: 1px solid #080404;
    color: #080404;
}
@media screen  and (max-width:1220px) {
    .cata-kuang{
        width: 95%;
    }
    .ca-kuang{
        margin-bottom: 30px;
        align-items: center;
    }
    .ca-k-right{
        margin-right: 0px;
        margin-top: 0px;
    }
    .cata-kuang{
        margin-top: 50px;
    }
}
@media screen and (max-width:768px) {
    .ca-r-title{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .ca-r-neirong{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .ca-name{
        font-size: 22px;
    }
    .ca-xiazai{
        width: 120px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
}
@media screen and (max-width:520px) {
    .ca-kuang{
        flex-wrap: wrap;
    }
    .ca-k-left{
        margin-left: auto;
        margin-right: auto;
    }
    .ca-k-right{
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-left: 0;
    }

    .ca-xiazai{
        margin-left: auto;
        margin-right: auto;
    }
}

.cata-mid>.page{
    margin-top: 94px;
    margin-bottom: 125px;
}
@media screen and (max-width:1080px) {
    .cata-mid > .page{
        margin-top: 40px;
        margin-bottom: 60px;
    }
}

.ab-us-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 76px;
}

.ab-us-left{
    margin-top:5px;
}

.ab-us-left>p{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}

.ab-us-right{
    width: 48.56%;
   /*  position: relative;
    padding-top:37.49%; */
    margin-left: 3.3%;
    float: right;
}
.ab-us-right>iframe{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.swi-mid{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 82px;
    margin-bottom: 132px;
}

.swi-top{
    width: 100%;
    display: flex;
    margin-bottom: 31px;
}
.sw-title{
    width: auto;
    height: auto;
    font-size: 34px;
    font-weight: 600;
    color: #333333;
    line-height: 40px;
}
.swi-top>.swiper-annu{
    width: 90px;
    margin-top: 0px;
    right: 0px;
    display: flex;
    margin-left: auto;
    margin-right: 0px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0px;
}
.swi-top>.swiper-annu>.swiper-button-prev>i,
.swi-top>.swiper-annu>.swiper-button-next>i{
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.swi-kuang{
    margin-bottom:91px;
}
.swi-kuang>.certificate>.swiper-wrapper>.swiper-slide,
.swi-kuang>.comactivities>.swiper-wrapper>.swiper-slide,
.swi-kuang>.exhibiton>.swiper-wrapper>.swiper-slide,
.swi-kuang>.sample>.swiper-wrapper>.swiper-slide,
.swi-kuang>.equipment>.swiper-wrapper>.swiper-slide{
    flex-wrap: wrap;
}
.swi-kuang>.certificate>.swiper-wrapper>.swiper-slide>.pr-name{
    width: auto;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }#baguetteBox-overlay.visible { opacity: 1; }#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; }#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }.baguetteBox-button#next-button { right: 2%; display: block !important; }.baguetteBox-button#previous-button { left: 2%; display: block !important; }.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

.erjititle{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    margin-bottom: 33px;
}
.cer-img{
    position: relative;
    border-radius: 10px;
}
.cer-img-neirong{
    position: absolute;
    background: rgba(8, 4, 4, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 38px;
    padding-left:8.4%;
    padding-right:12%;
    text-align: left;
    box-sizing: border-box;


}
.cer-img-neirong{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    border-radius: 10px;
    line-height: 30px;

}
.cer-img-neirong>span{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden ;
}
.cer-img-neirong{
    opacity: 0;
    left: 0px;
    right: 100%;
    transition: 0.5s;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden ;
}
.cer-img:hover>.cer-img-neirong{
    opacity: 1;
    right: 0px;
}
.sandiv-name{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ab-data{
    width: 143px;
    height: 32px;
    background: #EEEEEE;
    border-radius: 16px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    margin-top: 8px;
}










@media screen and (max-width:1220px) {
    .ab-us-kuang,.swi-mid{
        width: 95%;
    }
    .cer-img-neirong{
        padding-top: 20px;
    }
}
@media screen and (max-width:1080px) {
    .cer-img-neirong{
        font-size: 12px;
    }
}
@media screen and (max-width:980px) {
    .sw-title{
        font-size: 30px;
    }
    .swi-mid{
        margin-bottom: 60px;
    }
    .swi-kuang > .certificate > .swiper-wrapper > .swiper-slide > .pr-name{
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .sandiv-name{
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .swi-top > .swiper-annu > .swiper-button-prev > i, .swi-top > .swiper-annu > .swiper-button-next > i{
        font-size: 14px;
        width: 32px;
        height: 32px;
    }
    .swi-mid{
        margin-top: 40px;
    }
    .swi-top{
        margin-bottom: 20px;
    }
    .swi-kuang{
        margin-bottom: 40px;
    }
}
@media screen and (max-width:810px) {
    /* .cer-img-neirong{
		display: none;
	} */
}
@media screen and (max-width:768px) {
    .swi-top{
        flex-wrap: wrap;
        margin-bottom: 10PX;
    }
    .ab-us-left > p{
        font-size: 12px;
    }
    .sw-title{
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
    .swi-top > .swiper-annu{
        width: 100%;
        justify-content: center;
    }
    .swi-top > .swiper-annu > .swiper-button-prev > i, .swi-top > .swiper-annu > .swiper-button-next > i{
        width: 26PX;
        height: 26PX;
    }
    .ab-us-kuang{
        margin-top: 30px;
    }
    .swi-kuang > .certificate > .swiper-wrapper > .swiper-slide > .pr-name{
        font-size: 14px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .erjititle{
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .sandiv-name{
        font-size: 12px;
        font-size: 1.2rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

}
@media screen and (max-width:590px) {
    .ab-us-right{
        width: 100%;
        /* padding-bottom: 39.6%; */
        margin-left: 0px;
        overflow: hidden;
        float: none;
    }
    .ab-us-left{
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    .swi-mid{
        margin-top: 30px;
    }
}

.abtwo-kuang{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 95px;
}
.abtwo-kuang-kuang{
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding-bottom: 68px;
}

.abtwo-k-right{
    width: 81.16666666666667%;
    margin-top: 8px;
}
.abtwo-k-right{
    display: flex;
    justify-content: space-between;
}
.a-k-r-l>a{
    display: block;
    font-size: 0;
}
.a-k-r-l{
    width:40.1%;
    margin-left: -1px;
}
.a-k-r-r{
    width: 55.4%;
}
.a-k-title{
    width: auto;
    height: auto;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 13px;
    margin-top: 21px;
    margin-left: -3px;
}
.a-k-neirog{
    display: block;
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.a-k-title:hover,
.a-k-neirog:hover{
    color: #000000;
}
.view-all{
    width: 108px;
    height: 28px;
    background: #333333;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    display: block;
    text-align: center;
    border: 1px solid #333333;
    margin-top: 31px;
}
.view-all:hover{
    background: transparent;
    color: #333333;
}
.a-k-r-l>a{
    display: block;
    font-size: 0;
    overflow: hidden;
}
.a-k-r-l>a>img:hover{

    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);

}
.abtwo-k-left{
    display: flex;
    justify-content: flex-start;
}
.ab-quan{
    width: 9px;
    height: 9px;
    background: #EEEEEE;
    border: 3px solid #666666;
    border-radius: 50%;
    margin-left: 5px;
    position: relative;
    z-index: 2;
    margin-top: 17px;
}
.ab-quan::before{
    content: "";
    position: absolute;
    top: 3px;
    left: 22px;
    width: 23px;
    height: 2px;
    background: #EEEEEE;
}
.ab-data{
    position: relative;
}
.ab-data::after{
    content: "";
    width: 3px;
    margin-top: -100px;
    padding-bottom:1000%;
    background: #EEEEEE;
    position: absolute;
    z-index: 1;
    right: -14px;
}
.abtwo-kuang>.page{
    margin-top: 108px;
    margin-bottom: 125px;
}
@media screen and (max-width:1220px) {
    .abtwo-kuang{
        margin-top: 60px;
    }
    .abtwo-kuang{
        width: 95%;
    }
    .abtwo-kuang > .page{
        margin-top: 40px;
        margin-bottom: 70px;
    }
}
@media screen and (max-width:1150px) {
    .abtwo-k-left{
        margin-right: 40px;
    }
    .abtwo-k-right{
        display: flex;
        align-items: center;
        margin-top: 0px;
    }
    .abtwo-kuang-kuang{
        padding-bottom: 30px;
    }
    .view-all{
        margin-top: 20px;
    }
    .a-k-title{
        margin-top: 6px;
        margin-bottom: 10px;
    }
    .a-k-r-r{
        width: 56%;
    }
    .a-k-r-l{
        margin-left: unset;
    }

    .a-k-title{

        margin-left: unset;
    }



}
@media screen and (max-width:1050px) {
    .a-k-title{
        font-size: 20px;
    }
    .a-k-neirog{
        font-size: 14px;
    }
}
@media screen and (max-width:880px) {
    .a-k-title{
        width: 100%;
    }
    .abtwo-kuang-kuang{
        justify-content: center;
    }
    .abtwo-k-right{
        width: 65%;
        flex-wrap: wrap;
    }
    .a-k-r-r{
        width: 100%;
        text-align: center;
    }

    .a-k-r-l{
        margin-bottom: 10px;
    }
    .a-k-r-l,
    .a-k-r-l>a{
        width: 100%;
        text-align: center;
        display: block;

    }
    .view-all{
        margin-left: auto;
        margin-right: auto;
    }

}
@media screen and (max-width:768px) {
    .abtwo-kuang-kuang{
        flex-wrap: wrap;
    }
    .abtwo-kuang{
        margin-top: 30px;
    }
    .abtwo-k-left{
        margin-right: 0px;
        justify-content: center;
        margin-bottom: 20px;
    }
    .ab-data{
        margin-top: 0px;
    }
    .ab-quan{
        margin-top: 8px;
    }
    .abtwo-k-left,
    .abtwo-k-right{
        width: 100%;
    }
    .ab-data::after,
    .ab-quan::before {
        display: none;
    }
}
@media screen and (max-width:425px) {
    .abtwo-kuang > .page{
        margin-top: 10px;
        margin-bottom: 50px;
    }
}


.ab-new-mid-left{
    width: calc(59.63541666666667% - 1px);
    border-right: 1px solid #A8A8A8;;
    padding-top: 76px;
}
.ab-new-mid-right{
    width: 40.36458333333333%;
    background: #F9F9F9;
    padding-left: 40px;
    box-sizing: border-box;
    overflow: hidden;
}
.ab-new-kuang{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../images/ab-title-bj.png) no-repeat;
    height: 83px;
}
.ab-neir-contact{
    margin-top: 8px;
}
.ab-neir-contact>strong{
    width: auto;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    display: block;
}
.ab-neir-contact img{
    font-size: 0px;
    display: inline-block;
    line-height: 0px;
}
.ab-new-kkuang{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 12px;
}
.ab-new-kkuang a>i,
.ab-new-kkuang span>i{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #666666;
    font-size: 18px;
    color: #666666;
    margin-right:10px;
}
.ab-new-kkuang a>i:hover{
    color: #333333;
    border: 2px solid #333333;
}
.ab-new-neirong{
    max-width: 717px;
    margin-left: auto;
    margin-right: 5.8%;
}
.ab-news-share{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin-right: 20px;
}
.ab-news-share>span{
    margin-right: 10px;
}
.ab-ab-kuang{
    margin-top: 26px;
}
.ab-ab-kuang>h1{
    width: auto;
    height: auto;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    line-height: 44px;
}
.ab-news-data{
    width: auto;
    font-size: 15px;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 30px;
    margin-top: 9px;
}
.ab-news-data>i{
    margin-right: 5px;
}

.ab-neir-contact a,
.ab-neir-contact p,
.ab-neir-contact span,
.ab-neir-contact em{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}
.ab-neir-contact h2{
    width: auto;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
}
.ab-neir-contact h3{
    width: auto;
    height: auto;
    font-size: 17px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
}
.ab-neir-contact a{
    color: #EE8864;
    font-weight:bold;
}
.ab-neir-contact a:hover{
    color: #333;
}
.tab-kk a{color: #EE8864;
    font-weight:bold;}
    
    .tab-kk a:hover{
    color: #333;
}
.tab-kk h2{
    width: auto;
    height: auto;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
}
.ab-new-r-title{
    width: auto;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 36px;
    margin-top: 68px;
    margin-bottom: 9px;
}
.ab-nr-kkuang>form{
    width: 301px;
    height: 43px;
    background: #FFFFFF;
    margin-left: 4px;
    border: 1px solid #A8A8A8;
}
.ab-nr-kkuang>form>p{
    height: 100%;
    border: 0;
}
.ab-nr-kkuang>form>p input{
    height: 100%;
    border: 0;
    outline: none;
}
.ab-nr-kkuang>form>p>.blog-text{
    width: calc(100% - 64px);
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}
.ab-nr-kkuang>form>p{
    position: relative;
    display: flex;
    align-items: center;
}
.ab-nr-kkuang>form>p>i{
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 18px;
    z-index: 1;
}

.ab-nr-kkuang>form>p>.blog-sub{
    background-color: transparent;
    width: 64px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.ab-nr-kkuang>form>p>i::after{
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    background: #666666;
    position: absolute;
    right: 0px;
    left: -23px;
    top: 0px;
    z-index: 222;
}
.ab-new-mid{
    display: flex;
    justify-content: space-between;
}
.ab-nr-kkuang{
    max-width: 377px;
}


.newxinwen-title{
    width: auto;
    height: auto;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 46px;
    margin-top: 70px;
    position: relative;
    margin-left: 1px;
    margin-bottom: 16px;
}
.newxinwen-title::after{
    position: absolute;
    width: 10000%;
    height: 1px;
    left: -2px;
    background: #A8A8A8;
    content: "";
    top: -32px;
}
.newxinwen-title:hover{
    color: #000000;
}
.concact-new-left{
    width: 41.9%;
}
.contcat-new-right{
    width: 56.5%;
}
.contact-data>i{
    margin-right: 5px;
}
.contact-data{
    width: auto;
    height: auto;
    font-size: 15px;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 30px;
    margin-top: 4px;
}
.contcat-new-right-neirong{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    margin-top: -3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.concact-new-left>a{
    display: block;
    font-size: 0;
    overflow: hidden;
}
.concact-new-left>a>img:hover{
    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}
.contcat-new-right-neirong:hover{
    color: #000000;
}
.contact-new{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    margin-left: 1px;
    margin-bottom: 17px;
}
.hot-maozi-img{
    display: block;
    font-size: 0;
    overflow: hidden;
}
.hot-maozi-img>img:hover{
    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}
.hot-maozi-name:hover{
    color: #000000;
}
.hot-maozi-name{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.hot-contact-kuang{
    margin-top: 70px;
    position: relative;
}
.hot-contact-kuang::after{
    content: "";
    position: absolute;
    top: -24px;
    width: 100000%;
    height: 1px;
    background: #A8A8A8;
}
.hot-contact-kuang>.hotkun{
    width: 100%;
    overflow: hidden;
    margin-bottom: 179px;
}
.hot-contact-kuang>.hotkun>.swiper-wrapper >.swiper-slide{
    flex-wrap: wrap;
    background: transparent;
}
.hot-co-kun{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.hot-con-k-title{
    width: auto;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 46px;
    margin-top: 2px;
}
.hot-con-k-title:hover{
    color: #000000;
}
.swiper-annu.hotkun{
    margin-top: 6px;
    margin-bottom: auto;
}
.swi-maozi{
    margin-bottom: 24px;
}

@media screen and (max-width:1400px) {
    .ab-nr-kkuang > form{
        margin-left: 0px;
    }
    .ab-new-mid-left{
        width: calc(68.63541666666667% - 1px);
        margin-left: 3%;
    }
    .ab-new-mid-right{
        padding-right: 2%;
        width: 38.36458333333333%;
        box-sizing: border-box;
    }
}
@media screen and (max-width:1080px) {
    .hot-contact-kuang > .hotkun{
        margin-bottom:100px;
    }
    .ab-nr-kkuang > form{
        width: 100%;
    }
}
@media screen and (max-width:980px) {
    .ab-new-neirong{
        margin-left: 0px;
        margin-right: 0px;
    }
    .ab-new-mid-left{
        width: 95%;
        margin-left: 0px;
    }
    .ab-new-mid{
        flex-wrap: wrap;
    }
    .ab-new-mid-left{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        border: 0px;
    }
    .ab-new-kuang{
        max-width: 717px;
        margin-left: auto;
        margin-right: auto;
    }
    .ab-ab-kuang{
        text-align: center;
    }
    .ab-new-neirong{
        max-width: unset;
    }
    .ab-new-mid-right{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .ab-nr-kkuang{
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .newxinwen-title::after,
    .hot-contact-kuang::after{
        left: 0px;
        width: 100%;
    }
    .concact-new-left{
        max-width: 158px;
    }
    .contact-new{
        display: flex;
        align-items: center;

    }
    .contcat-new-right{
        width:64%;
    }
}
@media screen and (max-width:768px) {
    .ab-new-mid-left{
        padding-top: 40px;
    }
    .ab-ab-kuang > h1{
        font-size: 20px;
    }
    .ab-ab-kuang{
        margin-top: 20px;
    }
    .ab-neir-contact a, .ab-neir-contact p, .ab-neir-contact span, .ab-neir-contact em{
        font-size: 12px;
        font-size: 1.2rem;
    }
    .contcat-new-right-neirong,
    .contact-data,
    .contact-data > i{
        font-size: 12px;
        font-size: 1.2rem;
    }
    .ab-new-r-title{
        margin-top: 40px;
        text-align: center;
    }
    .newxinwen-title{
        text-align: center;
    }
}
@media screen and (max-width:520px) {
    .ab-nr-kkuang{
        max-width: unset;
        width: 95%;
    }


}

.contact-us-kuang{
    width: 1200px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
    margin-left: auto;
    margin-right: auto;
    margin-top: 39px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.contact-us-left{
    width: 50%;
    padding-top: 42px;
    padding-left: 39px;
    box-sizing: border-box;
}
.contact-us-right{
    width: 45.08333333333333%;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
    padding-left: 2%;
    padding-right: 3.6%;
    box-sizing: border-box;
    margin-right: 3.54%;
    margin-top: 40px;
    padding-top:18px;
    padding-bottom: 29px;
}
.con-us-title{
    max-width: 400px;
    font-size: 40px;
    font-weight: 400;
    color: #333333;
    line-height: 56px;
}
.con-us-neirong{
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin-top: 13px;
}
.con-us-mid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 88px;
    padding-left: 7px;
    box-sizing: border-box;
}
.con-us-kuang{
    width: 48%;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 55px;
}
.con-us-kuang i{
    font-size: 24px;
    display: block;
    margin-bottom: 18px;
}
.con-us-kuang p,
.con-us-kuang a{
    color: #333333;
}
.con-us-kuang a{
    word-break:break-all;
}
.con-us-kuang a:hover{
    text-decoration: underline;
}
.con-us-kuang:nth-child(3){
    margin-bottom: 72px;
}
.con-us-kuang:nth-child(3)>p>i,
.con-us-kuang:nth-child(4) > p > i{
    margin-bottom: 10px;
}

.contact-us-right>form input,
.contact-us-right>form textarea{
    border: 0;
    outline: none;
    font-size: 14px;
}
.contact-us-right>form>p{
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 15px;
    position: relative;
    border-bottom: 1px solid #C9C9C9;
    box-sizing: border-box;
}
.contact-us-right>form>.tarea{
    height: 152px;
    padding-top: 4px;
    box-sizing: border-box;
}
.contact-us-right>form>.tarea>i{
    position: absolute;

}
.contact-us-right>form>.tarea>textarea{
    padding-left: 30px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.contact-us-right>form>p{
    margin-bottom: 29px;
    overflow: hidden;
}
.contact-us-right>form>p>input{
    height: 100%;
    padding-left: 6px;
    box-sizing: border-box;
}
.contact-us-right>form>p>span{
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    line-height: 20px;
    margin-right: 8px;
    position: absolute;
    top: 13px;
    left: 0;
}
.contact-us-right>form>p>i{
    color: #666666;
    font-size: 22px;
}


.contact-us-right>form input::-webkit-input-placeholder,
.contact-us-right>form textarea::-webkit-input-placeholder{/* WebKit browsers */
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;opacity: 1;}
.contact-us-right>form input:-o-placeholder,
.contact-us-right>form textarea:-o-placeholder{/* Mozilla Firefox 4 to 18 */
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;opacity: 1;}
.contact-us-right>form input::-moz-placeholder,
.contact-us-right>form textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;opacity: 1;}
.contact-us-right>form input:-ms-input-placeholder,
.contact-us-right>form textarea:-ms-input-placeholder{/* Internet Explorer 10+ */
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;opacity: 1;}
.yzm{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.yzm>p>span{
    position: absolute;
    top: 17px;
    width: 7px;
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    line-height: 20px;
}
.yzm>a{
    display: block;
    font-size: 0;
    width: 148px;
    height: 50px;
    background: #FFFFFF;
    margin-left: 26px;
}
.yzm>a:hover{
    cursor: pointer;
}
.yzm>p{
    position: relative;
    width: calc(100% - 210px);
    border-bottom: 1px solid #C9C9C9;
}
.yzm>p>input{
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
}
.contact-us-right > form > .tarea{
    margin-bottom: 18px;
    align-items: unset;
}
.contact-us-right > form > .tarea>span{
    top: 10px;
}

.sub-mit{
    width: 184px;
    display: block;
    height: 50px;
    background: #080404;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    margin-top: 33px;
    cursor: pointer;
	text-transform:uppercase;
}
.sub-mit:hover{
    background: #666666;
}
.con-us-kuang:nth-child(5){
    margin-bottom: 20px;
}
.con-us-kuang:last-child{
    margin-bottom: 20px;
}
.factor-office{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 106px;
}
.factor{
    width: 48.16666666666667%;
    border-bottom: 1px solid #828282;
    padding-bottom: 30px;
}
.fa-title{
    width: auto;
    height: auto;
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    margin-bottom: 13px;
}
.fa-neirong{
    width: auto;
    height: auto;
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
}
.ditu{
    margin-top: 79px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;height: 0px;
    overflow: hidden;
    padding-bottom: 26.1%;
    margin-bottom: 140px;
}
.ditu>iframe{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width:1240px) {
    .contact-us-kuang,.factor-office,.ditu{
        width: 95%;
    }
}
@media screen and (max-width:1150px) {
    .contact-us-left{
        padding-left: 34px;
    }
    .con-us-mid{
        margin-top: 40px;
    }
    .con-us-kuang{
        margin-bottom: 40px !important;
    }
    .contact-us-right{
        margin-right: 2%;
    }
}
@media screen and (max-width:960px) {
    .contact-us-left{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .contact-us-kuang{
        flex-wrap: wrap;
        padding-bottom: 40px;
    }

    .con-us-title,
    .con-us-neirong{
        max-width: unset;
        text-align: center;
    }
    .contact-us-right{
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
        margin-top: 10px;
    }
    .con-us-mid{
        margin-left: auto;margin-right: auto;
        padding-left: 0px;
    }
    .con-us-kuang{
        text-align: center;
        /* justify-content: flex-start; */
    }
    .con-us-kuang i{
        margin-bottom: 20px !important;
        /* margin-right: 10px; */
    }
    .fa-title{
        font-size: 22px;
        line-height: 30px;
    }
    .fa-neirong{
        font-size: 16px;
    }
    .factor-office{
        margin-top: 60px;
    }
    .ditu{
        margin-top: 40px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width:768px) {
    .contact-us-left{
        padding-top: 30px;
    }
    .con-us-title{
        line-height: 30px;
        font-size: 26px;
    }
    .con-us-mid{
    }
    .con-us-title,
    .con-us-neirong{
    }

    .factor-office{
        flex-wrap: wrap;
    }
    .factor{
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .sub-mit{
        width: 140px;

    }
    .con-us-mid{
        margin-left: 0px;
        max-width: unset;
    }
    .con-us-kuang{
        font-size: 14px;
    }
    .ditu{
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .factor{
        text-align: center;
    }
    .fa-neirong{
        font-size: 14px;
    }
    .con-us-title{
        font-size: 22px;
    }
    .con-us-neirong{
        font-size: 14px;
    }
}
@media screen and (max-width:425px) {
    .yzm{
        flex-wrap: wrap;
    }
    .yzm > p{
        width: calc(100%);
        margin-bottom: 20px;
    }
    .yzm > a{
        margin-left: 0px;
    }
    .yzm > a:hover{
        cursor: pointer;
    }
}



/* wufenggudong start */
/*Plugin CSS*/
.str_wrap {
    overflow:hidden;
    /* zoom:1; */
    width:100%;
    font-size:12px;
    line-height:16px;
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space:nowrap;
}

.str_wrap.str_active {
    /* background:#f1f1f1; */
}
.str_move {
    white-space:nowrap;
    position:absolute;
    top:0;
    left:0;
    cursor:move;
}
.str_move_clone {
    display:inline-block;
    /* display:inline;
	zoom:1; */
    vertical-align:top;
    position:absolute;
    left:100%;
    top:0;
}
.str_vertical .str_move_clone {
    left:0;
    top:100%;
}
.str_down .str_move_clone {
    left:0;
    bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
    white-space:normal;
    width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
    cursor:inherit;
}
.str_wrap img {
    max-width:none !important;
}
.wrap { padding: 10px;}
.dowebok { max-width: 1200px;  auto; font-size: 0;}
.dowebok img { margin-left: 39px; vertical-align: top;}
/* wufengudong end */

@media screen and (max-width:999px) {
    .crumbs-mid{
        position: unset;
    }
    .cer-img-neirong{
        width: 100%;
        opacity: 1;
    }
    .cer-img-neirong{
        padding: 4%;
        overflow:auto;
    }
}

@media screen and (max-width:768px) {
    .banner-kuang{
        display: block;
    }
    .crumbs-mid{
        position: unset;
    }
    .cer-img-neirong{
        display: none;
    }

}
.container{
    top: 34px;
}
.top-top{
    width: 100%;
    background: transparent;
    position: fixed;
    z-index: 10000;
    height: 130px;
}
@media screen and (max-width:999px) {
    .top-top{
        height: 0px;
    }
}
@media screen and (max-width:768px) {
    .top-top{
        position: unset;
        height: 100%;
    }
    .banner-kuang{
        position: unset;
    }
}
@media screen and (max-width:560px) {
    .top-top{
        position: unset;
        height: 100%;
    }
    .banner-kuang {
        top: 0;
    }
    .wufenggd{
    }
}

.xunpanc{
    padding-top:25px !important;
}
.xunpanc table{
    border: 1px solid #cccccc;
}
.xunpanc .head{
    height: 40px;font-size: 1.4rem;
}
.xunpanc .head td {
    background-color: #080404;
    width: 60%;
    color: #fff;
    padding-left: 12px;
}
.xunpanc .body tr{
    background-color: #fff; border-width: 1px; border-style: solid; height: 25px;
}
.xunpanc .body tr td{
    padding-left: 12px;font-size: 1.4rem;
}
.xunpanc .body a{
    color: #333333;
}
.xunpanc .body a:hover{
    text-decoration: underline;
}

.none-tips{
    font-size: 16px;
    margin-bottom: 20px;
}

.qihuankuang{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.qihuankuang>a{
    display: block;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
    border: 1px solid #666666;
    background: #666666;
    color: #FFFFFF;
    border-radius: 5px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    max-width: 200px;
    padding-left: 6px;
    padding-right: 6px;
}

.qihuankuang>a:hover{
    background: #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
}



.tanck-mid{
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.tanck-kuang{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
}
.guanbi{
    color: #000000;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 40px;
}










.m-ctusform *{
    box-sizing: border-box;
}

.m-ctusform .form-item{
    margin-bottom: 15px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.m-ctusform .form-select{
    flex: 0 0 auto;
    width: 106px;
    margin-right: 10px;
    line-height: 38px;
    height: 40px;
    padding: 0 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

.m-ctusform .form-control{
    flex: 1 1 auto;
}

.m-ctusform .form-text{
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #C9C9C9;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
}

.m-ctusform .form-fix{
    flex: 0 0 auto;
    margin-left: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.m-ctusform .form-btn{
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
}

.m-ctusform .jia{
    background-image: url('../images/jiahao.png');
}

.m-ctusform .jian{
    background-image: url('../images/jianhao2.png');
    display: none;
}

.m-ctusform{
        border-bottom: 1px solid #C9C9C9;
}
.m-ctusform .icon-tel1{
    
    font-size: 22px;
    padding: 0 10px;
    
    
}

.m-hvideomodal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
}
.m-hvideomodal iframe {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:80%;
	height:80%;
}
.about-kuang-left .j-videoshow{ position: relative; padding-top: 115.73033%; overflow: hidden; display:block;}
.about-kuang-left .j-videoshow img{ position: absolute; left: 0; top: 0; width: 100%;}
@media screen and (max-width:560px) {
    .slick-slide video{ display:none;}
    
}
.m-zhezhao {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000 \9;
}
.m-modal1 {
    display: none;
    position: fixed;
    z-index: 11;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -200px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 522px;
    height: 450px;
    padding: 45px 35px 35px;
    background-color: #f5f5f5;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.m-modal1 .box-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: black;
}
.m-modal1 .form-item1 input,.m-modal1 .form-item3 input,.m-modal1 .form-item1 .form-textss{
    margin-bottom: 20px;
    width: 97%;
    height: 35px;
    padding-left: 3%;
}
.m-modal1 .form-item1 .form-textss{
    height:80px;
}
.m-modal1 .form-item3{
    position: relative;
}
.m-modal1 .form-item3 input{
    width:60%;
}
.m-modal1 .form-item3 img{
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 35px;
}
.m-modal1 .form-item5 input{
    width:100%;
    height: 35px;
    background-color: black;
    color: #fff;
    border-radius: 20px;
}
.active-li3{
    background-color: #080404;
}
.active-li3 a{
    color: #fff !important;
}
.active-li2 .icon-jia2{
    cursor: pointer;
}
.zhezhaoceng{
    display:none !important;
}