@charset "UTF-8";
@font-face {
            font-family: 'iconfont';
            /* Project id 2667192 */
            src: url('//at.alicdn.com/t/font_2667192_5vqca1mesam.woff2?t=1630913926310') format('woff2'), url('//at.alicdn.com/t/font_2667192_5vqca1mesam.woff?t=1630913926310') format('woff'), url('//at.alicdn.com/t/font_2667192_5vqca1mesam.ttf?t=1630913926310') format('truetype');
        }

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

        .container {
            width: 1300px;
            margin: 0 auto
        }

        @media screen and (max-width:1440px) {
            .container {
                width: auto;
                margin: 0 4rem
            }
        }

        @media screen and (max-width:1280px) {
            .container {
                margin: 0 2rem
            }
        }

        @media screen and (max-width:600px) {
            .container {
                margin: 0 1rem
            }
        }

        .header-top-column {
            padding: 12px 44px 12px 34px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            background: #fff
        }

        .header-sec .fixed-nav {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 80;
            border-top: none;
            box-shadow: 0 2px 10px -6px rgba(6, 37, 65, .8);
            z-index: 100
        }

        .header-topL {
            -ms-flex: none;
            flex: none
        }

        .header-topR {
            -ms-flex: none;
            flex: none;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center
        }

        .header-hidden {
            font-size: 0;
            display: none;
            height: 70px
        }

        .header-show {
            display: block
        }

        .header-info {
            display: inline-block;
            margin-right: 25px;
            font-size: 14px;
            line-height: 16px
        }

        .header-info .iconfont {
            padding-right: 8px;
            font-size: 16px;
            color: #f65e17
        }

        .header-follow-tit {
            -ms-flex: none;
            flex: none;
            font-size: 14px;
            line-height: 16px
        }

        .header-follow-line {
            display: block;
            -ms-flex: none;
            flex: none;
            margin-left: 16px;
            width: 35px;
            height: 1px;
            font-size: 0;
            background: #f65e17
        }

        .header-sns {
            -ms-flex: none;
            flex: none
        }

        .header-sns .iconfont {
            display: inline-block;
            margin-left: 16px;
            color: #666;
            font-size: 16px
        }

        .header-sns .iconfont:hover {
            color: #f65e17
        }

        .header-nav-column {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-align: center;
            align-items: center;
            border-top: 1px solid #e8e8e9;
            background: #fff
        }

        .header-nav-logo {
            display: block;
            -ms-flex: none;
            flex: none;
            width: 280px;
            height: 70px;
            line-height: 70px;
            text-align: center
        }

        .header-nav-logo img {
            display: inline-block
        }

        .header-search {
            display: block;
            -ms-flex: none;
            flex: none;
            width: 70px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            border-left: 1px solid #e8e8e9
        }

        .header-search .iconfont {
            font-size: 20px;
            color: #333;
            transition: all .3s
        }

        .header-search:hover .iconfont {
            color: #f65e17
        }

        .header-form {
            display: block;
            -ms-flex: none;
            flex: none;
            width: 176px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 18px;
            font-weight: 500;
            background: #f65e17;
            color: #fff
        }

        .header-right-sec {
            -ms-flex: none;
            flex: none;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -ms-flex-align: center;
            align-items: center
        }

        .nav-show-btn {
            display: none;
            margin-left: 24px;
            cursor: pointer
        }

        .nav-close-btn {
            display: none;
            position: fixed;
            top: 16px;
            right: 8px;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            z-index: 10000;
            cursor: pointer
        }

        .nav-show-btn i {
            font-size: 28px;
            color: #333
        }

        .nav-close-btn i {
            font-size: 24px;
            color: #333
        }

        .menu-main-container {
            -ms-flex: 1;
            flex: 1
        }

        #menu-main {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        #menu-main>li {
            position: relative;
            -ms-flex: none;
            flex: none;
            width: 14.2%;
            height: 70px;
            line-height: 70px;
            border-left: 1px solid #e8e8e9
        }

        #menu-main>li>a {
            display: block;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            color: #333;
            z-index: 0
        }

        #menu-main>li>a:hover {
            color: #f65e17
        }

        #menu-main .sub-menu {
            display: none;
            position: absolute;
            left: 50%;
            top: 68px;
            min-width: 194px;
            padding: 22px 0 24px;
            transform: translateX(-50%);
            background-color: #fff;
            box-shadow: 0 8px 25px -8px rgba(0, 0, 0, .3);
            border-radius: 4px;
            z-index: 1000
        }

        #menu-main .sub-menu>li {
            white-space: nowrap;
            transition: all .3s
        }

        #menu-main .sub-menu .current-product-ancestor>a,
        #menu-main>.current-menu-ancestor>a,
        #menu-main>.current-menu-item>a,
        #menu-main>.current-menu-parent>a,
        #menu-main>.current-product-ancestor>a,
        #menu-main>li:hover>a {
            color: #f65e17
        }

        #menu-main .sub-menu .current-menu-item>a,
        #menu-main .sub-menu .current-post-ancestor a,
        #menu-main .sub-menu>li a:hover {
            color: #f65e17
        }

        #menu-main .sub-menu>li a {
            display: block;
            padding: 8px 34px;
            font-size: 15px;
            line-height: 20px
        }

        #menu-main #menu-item-116 {
            position: static
        }

        #menu-item-116>.sub-menu {
            width: 100%;
            padding: 0;
            height: auto;
            top: 70px;
            z-index: 200;
            box-shadow: none;
            background: 0 0
        }

        #pro-menu-auto {
            position: relative;
            padding: 40px 0 42px 0;
            background: #fff;
            border-radius: 8px;
            background: #fff;
            border: 2px solid #f65e17
        }

        #pro-menu-auto>li {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        #pro-menu-auto>li>a {
            display: block;
            padding: 8px 12px 8px 50px;
            -ms-flex: none;
            flex: none;
            position: relative;
            width: 25%;
            font-size: 16px;
            line-height: 22px;
            font-weight: 500;
            border-right: 2px solid #e9e9e9
        }

        #pro-menu-auto>li>a::after {
            position: absolute;
            right: -10px;
            top: 50%;
            transform: translateY(-50%);
            display: block;
            content: '';
            width: 0;
            height: 0;
            border: 4px solid;
            border-color: transparent transparent transparent #f65e17;
            opacity: 0
        }

        #pro-menu-auto>.active>a,
        #pro-menu-auto>.current-menu-item>a,
        #pro-menu-auto>.current-menu-parent>a,
        #pro-menu-auto>.current-pro_cat-ancestor>a,
        #pro-menu-auto>li>a:hover {
            color: #f65e17;
            border-right-color: #f65e17
        }

        #pro-menu-auto>.active>a::after,
        #pro-menu-auto>.current-menu-item>a::after,
        #pro-menu-auto>.current-menu-parent>a::after,
        #pro-menu-auto>.current-pro_cat-ancestor>a::after,
        #pro-menu-auto>li>a:hover::after {
            opacity: 1
        }

        #pro-menu-auto .sub-menu {
            display: none;
            -ms-flex: none;
            flex: none;
            left: 25%;
            width: 25%;
            height: calc(100% - 82px);
            top: 40px;
            padding: 0;
            box-shadow: none;
            transform: none;
            border-radius: 0;
            border-right: 2px solid #e9e9e9;
            background: 0 0
        }

        #get-search {
            position: fixed;
            padding: 0 8px;
            width: 1200px;
            top: 0;
            left: 50%;
            transform: translateX(-50%)
        }

        .get-search .mfp-close {
            display: none
        }

        #searchform {
            margin-top: 32px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        #s {
            display: block;
            -ms-flex: 1;
            flex: 1;
            padding: 9px 0;
            text-indent: 16px;
            font-size: 14px;
            line-height: 20px;
            color: #333;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background-color: #fff;
            border: 1px solid #ddd
        }

        #submit {
            display: block;
            -ms-flex: none;
            flex: none;
            width: 82px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 18px;
            background-color: #f65e17;
            color: #fff;
            letter-spacing: 3px;
            transition: all .3s
        }

        #submit:hover {
            font-size: 17px
        }

        .mfp-form-tit {
            margin-bottom: 26px;
            font-size: 24px;
            line-height: 30px;
            color: #333
        }

        .get-form {
            position: relative;
            padding: 42px 32px 26px;
            margin: 0 auto;
            width: auto;
            max-width: 650px;
            background: #f8f8f8
        }

        .xz-form-sec4 {
            height: 315px
        }

        #pro-menu-auto .sub-menu .menu-img1 {
            position: absolute;
            right: -288px;
            top: 0;
            width: 242px;
            height: 100%
        }

        #pro-menu-auto .sub-menu .menu-img2 {
            position: absolute;
            right: -570px;
            top: 0;
            width: 242px;
            height: 100%
        }

        #pro-menu-auto .sub-menu .menu-img1 a,
        #pro-menu-auto .sub-menu .menu-img2 a {
            padding: 0;
            width: 100%;
            height: 100%;
            border-radius: 4px
        }

        #pro-menu-auto .sub-menu .menu-img1 a::after,
        #pro-menu-auto .sub-menu .menu-img2 a::after {
            display: block;
            position: absolute;
            width: 100%;
            height: 112px;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
            content: ''
        }

        .menu-item-img {
            position: absolute;
            left: 0;
            width: 100%;
            padding: 0 22px;
            bottom: 16px;
            font-size: 16px;
            line-height: 22px;
            white-space: normal;
            font-weight: 700;
            color: #fff;
            z-index: 5
        }

        .slick-loading .slick-list {
            background: #fff
        }

        .slick-next,
        .slick-prev {
            position: absolute;
            display: block;
            height: 20px;
            width: 20px;
            line-height: 0;
            font-size: 0;
            cursor: pointer;
            background: 0 0;
            color: transparent;
            top: 50%;
            transform: translate(0, -50%);
            padding: 0;
            border: none;
            outline: 0
        }

        .slick-next:focus,
        .slick-next:hover,
        .slick-prev:focus,
        .slick-prev:hover {
            outline: 0;
            background: 0 0;
            color: transparent
        }

        .slick-next:focus:before,
        .slick-next:hover:before,
        .slick-prev:focus:before,
        .slick-prev:hover:before {
            opacity: 1
        }

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

        .slick-next:before,
        .slick-prev:before {
            font-size: 20px;
            line-height: 1;
            color: #fff;
            opacity: .75;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .slick-prev {
            left: -25px
        }

        [dir=rtl] .slick-prev {
            left: auto;
            right: -25px
        }

        .slick-prev:before {
            content: "←"
        }

        [dir=rtl] .slick-prev:before {
            content: "→"
        }

        .slick-next {
            right: -25px
        }

        [dir=rtl] .slick-next {
            left: -25px;
            right: auto
        }

        .slick-next:before {
            content: "→"
        }

        [dir=rtl] .slick-next:before {
            content: "←"
        }

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

        .slick-list {
            position: relative;
            overflow: hidden;
            display: block;
            margin: 0;
            padding: 0
        }

        .slick-list:focus {
            outline: 0
        }

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

        .slick-slider .slick-list,
        .slick-slider .slick-track {
            transform: translate3d(0, 0, 0)
        }

        .slick-track {
            position: relative;
            left: 0;
            top: 0;
            display: block;
            margin-left: auto;
            margin-right: auto
        }

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

        .slick-track:after {
            clear: both
        }

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

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

        [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-loading .slick-slide {
            visibility: hidden
        }

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

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

        .xz-banner-li,
        .xz-home-banner {
            position: relative
        }

        .xz-banner-li::after {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            background: rgba(0, 0, 0, .05)
        }

        .xz-banner-info {
            position: absolute;
            left: 50%;
            top: 45%;
            transform: translate(-50%, -45%);
            max-width: 820px;
            text-align: center;
            z-index: 20
        }

        .xz-banner-info h3 {
            font-size: 64px;
            line-height: 74px;
            font-weight: 700;
            color: #fff;
            opacity: 0;
            transform: translateX(20px);
            transition: all .6s .8s ease
        }

        .xz-banner-info h2 {
            font-size: 76px;
            line-height: 90px;
            font-weight: 300;
            color: #fff;
            opacity: 0;
            transform: translateX(20px);
            transition: all .6s 1.2s ease
        }

        .xz-banner-info p:nth-of-type(1) {
            margin-top: 28px;
            font-size: 16px;
            line-height: 20px;
            color: #fff;
            opacity: 0;
            transform: translateX(20px);
            transition: all .6s 1.6s ease
        }

        .xz-banner-btns {
            margin-top: 50px;
            opacity: 0;
            transform: translateX(20px);
            transition: all .6s 2s ease
        }

        .xz-banner-btn {
            display: inline-block;
            width: 180px;
            height: 48px;
            line-height: 48px;
            text-align: center;
            font-size: 16px;
            font-weight: 700;
            border-radius: 24px
        }

        .xz-banner-btn1 {
            margin-right: 20px;
            color: #fff;
            background: #f65e17
        }

        .xz-banner-btn2 {
            color: #f65e17;
            border: 1px solid #f65e17
        }

        .xz-banner-btn:hover {
            transform: translateY(-4px)
        }

        .xz-banner-btn:active {
            transform: scale(.95)
        }

        .slick-current .xz-banner-btns,
        .slick-current .xz-banner-info h2,
        .slick-current .xz-banner-info h3,
        .slick-current .xz-banner-info p {
            transform: translateX(0);
            opacity: 1
        }

        .xz-banner-ul .slick-dots {
            position: absolute;
            right: 60px;
            top: 45%;
            transform: translateY(-45%)
        }

        .xz-banner-ul .slick-dots li {
            margin-top: 4px;
            text-align: right
        }

        .xz-banner-ul .slick-dots button {
            font-size: 0;
            width: 18px;
            height: 2px;
            background: #f65e17;
            transition: all .3s;
            border-radius: 2px
        }

        .xz-banner-ul .slick-dots .slick-active button {
            width: 36px;
            height: 4px
        }

        @media screen and (max-width:1650px) {
            .xz-banner-info h3 {
                font-size: 56px;
                line-height: 64px
            }

            .xz-banner-info h2 {
                font-size: 68px;
                line-height: 76px
            }
        }

        @media screen and (max-width:1520px) {
            .xz-banner-btn {
                width: 170px;
                height: 42px;
                line-height: 42px;
                font-size: 15px
            }

            .xz-banner-info h3 {
                font-size: 42px;
                line-height: 48px
            }

            .xz-banner-info h2 {
                font-size: 58px;
                line-height: 64px
            }

            .xz-banner-btn {
                font-size: 14px
            }
        }

        @media screen and (max-width:1440px) {
            .xz-banner-info h3 {
                font-size: 32px;
                line-height: 40px
            }

            .xz-banner-info h2 {
                font-size: 46px;
                line-height: 52px
            }

            .xz-banner-btns {
                margin-top: 40px
            }
        }

        @media screen and (max-width:1280px) {
            .xz-banner-info {
                max-width: none;
                width: 75%
            }

            .xz-banner-btn {
                width: 142px;
                height: 36px;
                line-height: 36px
            }

            .xz-banner-ul .slick-dots {
                right: 32px
            }

            .xz-banner-info h3 {
                display: none
            }

            .xz-banner-info h2 {
                font-size: 40px;
                line-height: 46px
            }
        }

        @media screen and (max-width:1024px) {
            .xz-banner-btn {
                width: 124px;
                height: 32px;
                line-height: 32px;
                font-size: 12px
            }

            .xz-banner-info p:nth-of-type(1) {
                margin-top: 20px;
                font-size: 15px
            }

            .xz-banner-btns {
                margin-top: 28px
            }

            .xz-banner-info {
                width: 85%
            }

            .xz-banner-info h2 {
                font-size: 34px;
                line-height: 40px
            }
        }

        @media screen and (max-width:800px) {
            .xz-banner-info p:nth-of-type(1) {
                display: none
            }

            .xz-banner-info h2 {
                font-size: 30px
            }
        }

        @media screen and (max-width:600px) {
            .xz-banner-btns {
                display: none
            }

            .xz-banner-info h2 {
                font-size: 20px;
                line-height: 26px
            }

            .xz-banner-ul .slick-dots {
                right: 16px
            }

            .xz-banner-ul .slick-dots button {
                width: 12px
            }

            .xz-banner-ul .slick-dots .slick-active button {
                width: 20px
            }

            .xz-banner-ul .slick-dots li {
                height: 12px
            }
        }

        @media screen and (max-width:1520px) {
            .header-form {
                width: 140px
            }
        }

        @media screen and (max-width:1440px) {
            #pro-menu-auto .sub-menu .menu-img1 {
                right: -260px;
                width: 220px
            }

            #pro-menu-auto .sub-menu .menu-img2 {
                right: -508px;
                width: 220px
            }
        }

        @media screen and (max-width:1280px) {
            #get-search {
                width: 100%;
                padding: 0 2rem;
                left: 0;
                transform: none
            }

            .header-form {
                width: 114px;
                font-size: 16px
            }

            .header-search {
                width: 54px
            }

            .header-top-column {
                padding: 12px 32px 12px 32px
            }

            #menu-main>li>a {
                font-size: 15px
            }

            .header-nav-logo {
                text-align: left;
                width: 240px;
                padding: 0 0 0 32px
            }

            .header-nav-logo img {
                width: 170px
            }

            #pro-menu-auto .sub-menu {
                width: 24%
            }

            #pro-menu-auto .sub-menu .menu-img1 {
                right: -232px;
                width: 200px
            }

            #pro-menu-auto .sub-menu .menu-img2 {
                right: -458px;
                width: 200px
            }

            .menu-item-img {
                font-size: 15px
            }

            #pro-menu-auto .sub-menu .menu-img1 a::after,
            #pro-menu-auto .sub-menu .menu-img2 a::after {
                height: 88px
            }
        }

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

            .header-form,
            .header-top-column {
                display: none
            }

            .menu-main-container {
                display: block;
                position: fixed;
                width: 60%;
                height: 100%;
                padding-top: 15%;
                top: 0;
                right: -60%;
                float: none;
                overflow-y: scroll;
                overflow-x: hidden;
                background-color: #f8f8f8;
                z-index: 9999;
                transition: right .3s
            }

            #menu-main {
                display: block;
                padding: 0;
                color: #232323
            }

            #menu-main .sub-menu li a {
                text-align: left;
                display: block;
                padding: 5px 10px;
                font-size: 14px
            }

            #menu-main>li {
                width: 100%;
                height: auto;
                line-height: 18px
            }

            #menu-main>li>a {
                display: block;
                padding: 0 24px 4px 10px;
                text-align: left;
                color: #333
            }

            #menu-main>li {
                margin: 12px 0 0;
                position: relative;
                padding: 0 8px
            }

            #menu-main #menu-item-218 {
                position: relative
            }

            #menu-main>.close-menu:after {
                content: '+';
                display: block;
                position: absolute;
                right: 8px;
                top: -4px;
                width: 34px;
                height: 26px;
                line-height: 26px;
                font-size: 20px;
                font-weight: 700;
                text-align: center
            }

            #menu-main>.open-menu:after {
                content: '-';
                font-size: 22px;
                text-align: center
            }

            .show-m-menu {
                right: 0
            }

            .nav-show-btn {
                display: block
            }

            #menu-main .sub-menu {
                padding: 15px 0;
                position: static;
                box-shadow: none;
                transform: none
            }

            #menu-main .sub-menu>li {
                margin: 0;
                white-space: normal
            }

            #menu-main .has-child>a::after {
                display: none
            }

            #pro-menu-auto>.menu-item {
                margin: 0
            }

            #pro-menu-auto .sub-menu {
                padding: 6px 0
            }

            .header-right-sec {
                padding-right: 32px
            }

            .header-search {
                border-left: none
            }

            .header-search {
                width: auto
            }

            .header-search .iconfont {
                font-size: 28px
            }

            #pro-menu-auto .sub-menu {
                display: none
            }

            #pro-menu-auto>li>a {
                width: 100%
            }

            #pro-menu-auto>li>a {
                border-right: none
            }

            #pro-menu-auto>li>a::after {
                display: none
            }

            #pro-menu-auto {
                display: block;
                margin: 0;
                padding: 16px 0;
                border: none
            }

            #pro-menu-auto .sub-menu {
                width: 100%
            }

            #pro-menu-auto .sub-menu .menu-img1 {
                display: none
            }

            #pro-menu-auto .sub-menu .menu-img2 {
                display: none
            }

            #menu-main #menu-item-116 {
                position: relative
            }

            #menu-item-116 .sub-menu {
                padding: 0
            }
        }

        @media screen and (max-width:800px) {
            #submit {
                width: 64px
            }

            .header-nav-logo,
            .header-search {
                height: 58px;
                line-height: 58px
            }

            .header-hidden {
                height: 60px
            }
        }

        @media screen and (max-width:600px) {
            #get-search {
                padding: 0 1rem
            }

            .header-nav-logo {
                padding: 0 0 0 16px
            }

            .header-right-sec {
                padding-right: 16px
            }

            .header-nav-logo,
            .header-search {
                height: 50px;
                line-height: 50px
            }

            .header-nav-logo img {
                width: 150px
            }

            .header-search .iconfont {
                font-size: 24px
            }

            .nav-show-btn i {
                font-size: 25px
            }

            .nav-show-btn {
                margin-left: 20px
            }

            #menu-main {
                margin-top: 26px
            }

            .nav-close-btn {
                right: 2px
            }

            .nav-close-btn i {
                font-size: 20px
            }

            #pro-menu-auto {
                border-radius: 4px
            }

            .header-hidden {
                height: 50px
            }
        }
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.db{display:block;overflow:hidden}.slick-list,.slick-track{min-width:100%}::-webkit-input-placeholder{font-size:16px;color:#666}:-moz-placeholder{font-size:16px;color:#666}::-moz-placeholder{font-size:16px;color:#666}:-ms-input-placeholder{font-size:16px;color:#666}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}::selection{color:#fff;background:#f65e17;text-shadow:none}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}.db{display:block;overflow:hidden}.slick-list,.slick-track{min-width:100%}::-webkit-input-placeholder{font-size:16px;color:#666}:-moz-placeholder{font-size:16px;color:#666}::-moz-placeholder{font-size:16px;color:#666}:-ms-input-placeholder{font-size:16px;color:#666}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}::selection{color:#fff;background:#f65e17;text-shadow:none}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}*{box-sizing:border-box}html{font-family:Roboto,Arial,sans-serif}body,html{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;height:100%}body{color:#666;font-weight:400}a,blockquote,body,button,code,dd,div,dl,dt,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,label,li,main,ol,p,pre,q,section,span,table,td,textarea,th,tr,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}ol,ul{list-style:none}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}a{cursor:pointer;text-decoration:none;color:inherit;transition:all .3s}textarea{display:block;width:100%;max-width:100%;border:1px solid #000;border-radius:0;-webkit-appearance:none;-moz-appearance:none}i{font-style:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none;-moz-appearance:none;cursor:pointer}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}:focus{outline:0}table{width:100%;border-collapse:collapse;border-spacing:0;white-space:nowrap}button,input,select,textarea{outline:0;border:0;-webkit-appearance:none;font-family:Roboto,Arial,sans-serif}.clearfix:after{visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0}@font-face {font-family: 'iconfont';  /* Project id 2667192 */src: url('//at.alicdn.com/t/font_2667192_5vqca1mesam.woff2?t=1630913926310') format('woff2'),url('//at.alicdn.com/t/font_2667192_5vqca1mesam.woff?t=1630913926310') format('woff'),url('//at.alicdn.com/t/font_2667192_5vqca1mesam.ttf?t=1630913926310') format('truetype');}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.container{width:1300px;margin:0 auto}@media screen and (max-width:1440px){.container{width:auto;margin:0 4rem}}@media screen and (max-width:1280px){.container{margin:0 2rem}}@media screen and (max-width:600px){.container{margin:0 1rem}}.header-top-column{padding:12px 44px 12px 34px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background:#fff}.header-sec .fixed-nav{position:fixed;left:0;top:0;width:100%;z-index:80;border-top:none;box-shadow:0 2px 10px -6px rgba(6,37,65,.8);z-index:100}.header-topL{-ms-flex:none;flex:none}.header-topR{-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.header-hidden{font-size:0;display:none;height:70px}.header-show{display:block}.header-info{display:inline-block;margin-right:25px;font-size:14px;line-height:16px}.header-info .iconfont{padding-right:8px;font-size:16px;color:#f65e17}.header-follow-tit{-ms-flex:none;flex:none;font-size:14px;line-height:16px}.header-follow-line{display:block;-ms-flex:none;flex:none;margin-left:16px;width:35px;height:1px;font-size:0;background:#f65e17}.header-sns{-ms-flex:none;flex:none}.header-sns .iconfont{display:inline-block;margin-left:16px;color:#666;font-size:16px}.header-sns .iconfont:hover{color:#f65e17}.header-nav-column{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-top:1px solid #e8e8e9;background:#fff}.header-nav-logo{display:block;-ms-flex:none;flex:none;width:280px;height:70px;line-height:70px;text-align:center}.header-nav-logo img{display:inline-block}.header-search{display:block;-ms-flex:none;flex:none;width:70px;height:70px;line-height:70px;text-align:center;border-left:1px solid #e8e8e9}.header-search .iconfont{font-size:20px;color:#333;transition:all .3s}.header-search:hover .iconfont{color:#f65e17}.header-form{display:block;-ms-flex:none;flex:none;width:176px;height:70px;line-height:70px;text-align:center;font-size:18px;font-weight:500;background:#f65e17;color:#fff}.header-right-sec{-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.nav-show-btn{display:none;margin-left:24px;cursor:pointer}.nav-close-btn{display:none;position:fixed;top:16px;right:8px;width:40px;height:40px;text-align:center;line-height:40px;z-index:10000;cursor:pointer}.nav-show-btn i{font-size:28px;color:#333}.nav-close-btn i{font-size:24px;color:#333}.menu-main-container{-ms-flex:1;flex:1}#menu-main{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}#menu-main>li{position:relative;-ms-flex:none;flex:none;width:14.2%;height:70px;line-height:70px;border-left:1px solid #e8e8e9}#menu-main>li>a{display:block;text-align:center;font-size:16px;font-weight:500;color:#333;z-index:0}#menu-main>li>a:hover{color:#f65e17}#menu-main .sub-menu{display:none;position:absolute;left:50%;top:68px;min-width:194px;padding:22px 0 24px;transform:translateX(-50%);background-color:#fff;box-shadow:0 8px 25px -8px rgba(0,0,0,.3);border-radius:4px;z-index:1000}#menu-main .sub-menu>li{white-space:nowrap;transition:all .3s}#menu-main .sub-menu .current-product-ancestor>a,#menu-main>.current-menu-ancestor>a,#menu-main>.current-menu-item>a,#menu-main>.current-menu-parent>a,#menu-main>.current-product-ancestor>a,#menu-main>li:hover>a{color:#f65e17}#menu-main .sub-menu .current-menu-item>a,#menu-main .sub-menu .current-post-ancestor a,#menu-main .sub-menu>li a:hover{color:#f65e17}#menu-main .sub-menu>li a{display:block;padding:8px 34px;font-size:15px;line-height:20px}#menu-main #menu-item-116{position:static}#menu-item-116>.sub-menu{width:100%;padding:0;height:auto;top:70px;z-index:200;box-shadow:none;background:0 0}#pro-menu-auto{position:relative;padding:40px 0 42px 0;background:#fff;border-radius:8px;background:#fff;border:2px solid #f65e17}#pro-menu-auto>li{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start}#pro-menu-auto>li>a{display:block;padding:8px 12px 8px 50px;-ms-flex:none;flex:none;position:relative;width:25%;font-size:16px;line-height:22px;font-weight:500;border-right:2px solid #e9e9e9}#pro-menu-auto>li>a::after{position:absolute;right:-10px;top:50%;transform:translateY(-50%);display:block;content:'';width:0;height:0;border:4px solid;border-color:transparent transparent transparent #f65e17;opacity:0}#pro-menu-auto>.active>a,#pro-menu-auto>.current-menu-item>a,#pro-menu-auto>.current-menu-parent>a,#pro-menu-auto>.current-pro_cat-ancestor>a,#pro-menu-auto>li>a:hover{color:#f65e17;border-right-color:#f65e17}#pro-menu-auto>.active>a::after,#pro-menu-auto>.current-menu-item>a::after,#pro-menu-auto>.current-menu-parent>a::after,#pro-menu-auto>.current-pro_cat-ancestor>a::after,#pro-menu-auto>li>a:hover::after{opacity:1}#pro-menu-auto .sub-menu{display:none;-ms-flex:none;flex:none;left:25%;width:25%;height:calc(100% - 82px);top:40px;padding:0;box-shadow:none;transform:none;border-radius:0;border-right:2px solid #e9e9e9;background:0 0}#get-search{position:fixed;padding:0 8px;width:1200px;top:0;left:50%;transform:translateX(-50%)}.get-search .mfp-close{display:none}#searchform{margin-top:32px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}#s{display:block;-ms-flex:1;flex:1;padding:9px 0;text-indent:16px;font-size:14px;line-height:20px;color:#333;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ddd}#submit{display:block;-ms-flex:none;flex:none;width:82px;height:40px;line-height:40px;text-align:center;font-size:18px;background-color:#f65e17;color:#fff;letter-spacing:3px;transition:all .3s}#submit:hover{font-size:17px}.mfp-form-tit{margin-bottom:26px;font-size:24px;line-height:30px;color:#333}.get-form{position:relative;padding:42px 32px 26px;margin:0 auto;width:auto;max-width:650px;background:#f8f8f8}.xz-form-sec4{height:315px}#pro-menu-auto .sub-menu .menu-img1{position:absolute;right:-288px;top:0;width:242px;height:100%}#pro-menu-auto .sub-menu .menu-img2{position:absolute;right:-570px;top:0;width:450px;height:100%}#pro-menu-auto .sub-menu .menu-img1 a,#pro-menu-auto .sub-menu .menu-img2 a{padding:0;width:100%;height:100%;border-radius:4px}#pro-menu-auto .sub-menu .menu-img1 a::after,#pro-menu-auto .sub-menu .menu-img2 a::after{display:block;position:absolute;width:100%;height:112px;bottom:0;left:0;background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));content:''}.menu-item-img{position:absolute;left:0;width:100%;padding:0 22px;bottom:16px;font-size:16px;line-height:22px;white-space:normal;font-weight:700;color:#fff;z-index:5}.header-nav-column{border-bottom:1px solid #e8e8e9}#breadcrumbs{max-width:80%;margin-top:50px;font-size:16px;line-height:20px;font-weight:300;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#breadcrumbs a:hover{color:#f65e17}#breadcrumbs::before{display:inline-block;padding-right:6px;font-family:iconfont;font-size:16px;line-height:20px;content:'\eb0f';color:#f65e17}@media screen and (max-width:1520px){.header-form{width:140px}}@media screen and (max-width:1440px){#pro-menu-auto .sub-menu .menu-img1{right:-260px;width:220px}#pro-menu-auto .sub-menu .menu-img2{right:-508px;width:220px}}@media screen and (max-width:1280px){#get-search{width:100%;padding:0 2rem;left:0;transform:none}.header-form{width:114px;font-size:16px}.header-search{width:54px}.header-top-column{padding:12px 32px 12px 32px}#menu-main>li>a{font-size:15px}.header-nav-logo{text-align:left;width:240px;padding:0 0 0 32px}.header-nav-logo img{width:170px}#pro-menu-auto .sub-menu{width:24%}#pro-menu-auto .sub-menu .menu-img1{right:-232px;width:200px}#pro-menu-auto .sub-menu .menu-img2{right:-458px;width:200px}.menu-item-img{font-size:15px}#pro-menu-auto .sub-menu .menu-img1 a::after,#pro-menu-auto .sub-menu .menu-img2 a::after{height:88px}}@media screen and (max-width:1024px){.header-form,.header-top-column{display:none}.menu-main-container{display:block;position:fixed;width:60%;height:100%;padding-top:15%;top:0;right:-60%;float:none;overflow-y:scroll;overflow-x:hidden;background-color:#f8f8f8;z-index:9999;transition:right .3s}#menu-main{display:block;padding:0;color:#232323}#menu-main .sub-menu li a{text-align:left;display:block;padding:5px 10px;font-size:14px}#menu-main>li{width:100%;height:auto;line-height:18px}#menu-main>li>a{display:block;padding:0 24px 4px 10px;text-align:left;color:#333}#menu-main>li{margin:12px 0 0;position:relative;padding:0 8px}#menu-main #menu-item-218{position:relative}#menu-main>.close-menu:after{content:'+';display:block;position:absolute;right:8px;top:-4px;width:34px;height:26px;line-height:26px;font-size:20px;font-weight:700;text-align:center}#menu-main>.open-menu:after{content:'-';font-size:22px;text-align:center}.show-m-menu{right:0}.nav-show-btn{display:block}#menu-main .sub-menu{padding:15px 0;position:static;box-shadow:none;transform:none}#menu-main .sub-menu>li{margin:0;white-space:normal}#menu-main .has-child>a::after{display:none}#pro-menu-auto>.menu-item{margin:0}#pro-menu-auto .sub-menu{padding:6px 0}.header-right-sec{padding-right:32px}.header-search{border-left:none}.header-search{width:auto}.header-search .iconfont{font-size:28px}#pro-menu-auto .sub-menu{display:none}#pro-menu-auto>li>a{width:100%}#pro-menu-auto>li>a{border-right:none}#pro-menu-auto>li>a::after{display:none}#pro-menu-auto{display:block;margin:0;padding:16px 0;border:none}#pro-menu-auto .sub-menu{width:100%}#pro-menu-auto .sub-menu .menu-img1{display:none}#pro-menu-auto .sub-menu .menu-img2{display:none}#menu-main #menu-item-116{position:relative}#menu-item-116 .sub-menu{padding:0}}@media screen and (max-width:800px){#submit{width:64px}.header-nav-logo,.header-search{height:58px;line-height:58px}.header-hidden{height:60px}}@media screen and (max-width:600px){#get-search{padding:0 1rem}.header-nav-logo{padding:0 0 0 16px}.header-right-sec{padding-right:16px}.header-nav-logo,.header-search{height:50px;line-height:50px}.header-nav-logo img{width:150px}.header-search .iconfont{font-size:24px}.nav-show-btn i{font-size:25px}.nav-show-btn{margin-left:20px}#menu-main{margin-top:26px}.nav-close-btn{right:2px}.nav-close-btn i{font-size:20px}#pro-menu-auto{border-radius:4px}.header-hidden{height:50px}}@media screen and (max-width:1024px){#breadcrumbs{margin-top:34px;font-size:15px}#breadcrumbs::before{font-size:14px}}@media screen and (max-width:800px){#breadcrumbs{font-size:14px}}@media screen and (max-width:600px){#breadcrumbs{margin-top:18px}}

.db{display:block;overflow:hidden}.slick-list,.slick-track{min-width:100%}::-webkit-input-placeholder{font-size:16px;color:#666}:-moz-placeholder{font-size:16px;color:#666}::-moz-placeholder{font-size:16px;color:#666}:-ms-input-placeholder{font-size:16px;color:#666}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}::selection{color:#fff;background:#f65e17;text-shadow:none}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}.db{display:block;overflow:hidden}.slick-list,.slick-track{min-width:100%}::-webkit-input-placeholder{font-size:16px;color:#666}:-moz-placeholder{font-size:16px;color:#666}::-moz-placeholder{font-size:16px;color:#666}:-ms-input-placeholder{font-size:16px;color:#666}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}::selection{color:#fff;background:#f65e17;text-shadow:none}::-moz-selection{color:#fff;background:#f65e17;text-shadow:none}*{box-sizing:border-box}html{font-family:Roboto,Arial,sans-serif}body,html{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;height:100%}body{color:#666;font-weight:400}a,blockquote,body,button,code,dd,div,dl,dt,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,label,li,main,ol,p,pre,q,section,span,table,td,textarea,th,tr,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}ol,ul{list-style:none}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}a{cursor:pointer;text-decoration:none;color:inherit;transition:all .3s}textarea{display:block;width:100%;max-width:100%;border:1px solid #000;border-radius:0;-webkit-appearance:none;-moz-appearance:none}i{font-style:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none;-moz-appearance:none;cursor:pointer}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}:focus{outline:0}table{width:100%;border-collapse:collapse;border-spacing:0;white-space:nowrap}button,input,select,textarea{outline:0;border:0;-webkit-appearance:none;font-family:Roboto,Arial,sans-serif}.clearfix:after{visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0}@font-face {font-family: 'iconfont';  /* Project id 2667192 */src: url('//at.alicdn.com/t/font_2667192_5vqca1mesam.woff2?t=1630913926310') format('woff2'),url('//at.alicdn.com/t/font_2667192_5vqca1mesam.woff?t=1630913926310') format('woff'),url('//at.alicdn.com/t/font_2667192_5vqca1mesam.ttf?t=1630913926310') format('truetype');}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.container{width:1300px;margin:0 auto}@media screen and (max-width:1440px){.container{width:auto;margin:0 4rem}}@media screen and (max-width:1280px){.container{margin:0 2rem}}@media screen and (max-width:600px){.container{margin:0 1rem}}.header-top-column{padding:12px 44px 12px 34px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background:#fff}.header-sec .fixed-nav{position:fixed;left:0;top:0;width:100%;z-index:80;border-top:none;box-shadow:0 2px 10px -6px rgba(6,37,65,.8);z-index:100}.header-topL{-ms-flex:none;flex:none}.header-topR{-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.header-hidden{font-size:0;display:none;height:70px}.header-show{display:block}.header-info{display:inline-block;margin-right:25px;font-size:14px;line-height:16px}.header-info .iconfont{padding-right:8px;font-size:16px;color:#f65e17}.header-follow-tit{-ms-flex:none;flex:none;font-size:14px;line-height:16px}.header-follow-line{display:block;-ms-flex:none;flex:none;margin-left:16px;width:35px;height:1px;font-size:0;background:#f65e17}.header-sns{-ms-flex:none;flex:none}.header-sns .iconfont{display:inline-block;margin-left:16px;color:#666;font-size:16px}.header-sns .iconfont:hover{color:#f65e17}.header-nav-column{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-top:1px solid #e8e8e9;background:#fff}.header-nav-logo{display:block;-ms-flex:none;flex:none;width:280px;height:70px;line-height:70px;text-align:center}.header-nav-logo img{display:inline-block}.header-search{display:block;-ms-flex:none;flex:none;width:70px;height:70px;line-height:70px;text-align:center;border-left:1px solid #e8e8e9}.header-search .iconfont{font-size:20px;color:#333;transition:all .3s}.header-search:hover .iconfont{color:#f65e17}.header-form{display:block;-ms-flex:none;flex:none;width:176px;height:70px;line-height:70px;text-align:center;font-size:18px;font-weight:500;background:#f65e17;color:#fff}.header-right-sec{-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.nav-show-btn{display:none;margin-left:24px;cursor:pointer}.nav-close-btn{display:none;position:fixed;top:16px;right:8px;width:40px;height:40px;text-align:center;line-height:40px;z-index:10000;cursor:pointer}.nav-show-btn i{font-size:28px;color:#333}.nav-close-btn i{font-size:24px;color:#333}.menu-main-container{-ms-flex:1;flex:1}#menu-main{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}#menu-main>li{position:relative;-ms-flex:none;flex:none;width:14.2%;height:70px;line-height:70px;border-left:1px solid #e8e8e9}#menu-main>li>a{display:block;text-align:center;font-size:16px;font-weight:500;color:#333;z-index:0}#menu-main>li>a:hover{color:#f65e17}#menu-main .sub-menu{display:none;position:absolute;left:50%;top:68px;min-width:194px;padding:22px 0 24px;transform:translateX(-50%);background-color:#fff;box-shadow:0 8px 25px -8px rgba(0,0,0,.3);border-radius:4px;z-index:1000}#menu-main .sub-menu>li{white-space:nowrap;transition:all .3s}#menu-main .sub-menu .current-product-ancestor>a,#menu-main>.current-menu-ancestor>a,#menu-main>.current-menu-item>a,#menu-main>.current-menu-parent>a,#menu-main>.current-product-ancestor>a,#menu-main>li:hover>a{color:#f65e17}#menu-main .sub-menu .current-menu-item>a,#menu-main .sub-menu .current-post-ancestor a,#menu-main .sub-menu>li a:hover{color:#f65e17}#menu-main .sub-menu>li a{display:block;padding:8px 34px;font-size:15px;line-height:20px}#menu-main #menu-item-116{position:static}#menu-item-116>.sub-menu{width:100%;padding:0;height:auto;top:70px;z-index:200;box-shadow:none;background:0 0}#pro-menu-auto{position:relative;padding:40px 0 42px 0;background:#fff;border-radius:8px;background:#fff;border:2px solid #f65e17}#pro-menu-auto>li{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start}#pro-menu-auto>li>a{display:block;padding:8px 12px 8px 50px;-ms-flex:none;flex:none;position:relative;width:25%;font-size:16px;line-height:22px;font-weight:500;border-right:2px solid #e9e9e9}#pro-menu-auto>li>a::after{position:absolute;right:-10px;top:50%;transform:translateY(-50%);display:block;content:'';width:0;height:0;border:4px solid;border-color:transparent transparent transparent #f65e17;opacity:0}#pro-menu-auto>.active>a,#pro-menu-auto>.current-menu-item>a,#pro-menu-auto>.current-menu-parent>a,#pro-menu-auto>.current-pro_cat-ancestor>a,#pro-menu-auto>li>a:hover{color:#f65e17;border-right-color:#f65e17}#pro-menu-auto>.active>a::after,#pro-menu-auto>.current-menu-item>a::after,#pro-menu-auto>.current-menu-parent>a::after,#pro-menu-auto>.current-pro_cat-ancestor>a::after,#pro-menu-auto>li>a:hover::after{opacity:1}#pro-menu-auto .sub-menu{display:none;-ms-flex:none;flex:none;left:25%;width:25%;height:calc(100% - 82px);top:40px;padding:0;box-shadow:none;transform:none;border-radius:0;border-right:2px solid #e9e9e9;background:0 0}#get-search{position:fixed;padding:0 8px;width:1200px;top:0;left:50%;transform:translateX(-50%)}.get-search .mfp-close{display:none}#searchform{margin-top:32px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between}#s{display:block;-ms-flex:1;flex:1;padding:9px 0;text-indent:16px;font-size:14px;line-height:20px;color:#333;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ddd}#submit{display:block;-ms-flex:none;flex:none;width:82px;height:40px;line-height:40px;text-align:center;font-size:18px;background-color:#f65e17;color:#fff;letter-spacing:3px;transition:all .3s}#submit:hover{font-size:17px}.mfp-form-tit{margin-bottom:26px;font-size:24px;line-height:30px;color:#333}.get-form{position:relative;padding:42px 32px 26px;margin:0 auto;width:auto;max-width:650px;background:#f8f8f8}.xz-form-sec4{height:315px}#pro-menu-auto .sub-menu .menu-img1{position:absolute;right:-288px;top:0;width:242px;height:100%}#pro-menu-auto .sub-menu .menu-img2{position:absolute;right:-570px;top:0;width:450px;height:100%}#pro-menu-auto .sub-menu .menu-img1 a,#pro-menu-auto .sub-menu .menu-img2 a{padding:0;width:100%;height:100%;border-radius:4px}#pro-menu-auto .sub-menu .menu-img1 a::after,#pro-menu-auto .sub-menu .menu-img2 a::after{display:block;position:absolute;width:100%;height:112px;bottom:0;left:0;background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));content:''}.menu-item-img{position:absolute;left:0;width:100%;padding:0 22px;bottom:16px;font-size:16px;line-height:22px;white-space:normal;font-weight:700;color:#fff;z-index:5}.topbanner-x{position:relative;background:#f8f8f8}.topbanner-img{display:block;width:100%;height:300px}.topbanner-info{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.58)}.topbanner-info .container{position:relative;top:50%;transform:translateY(-50%)}.topbanner-show{text-align:center}.page-tit{font-size:40px;font-weight:700;line-height:46px;color:#fff}#breadcrumbs{max-width:80%;margin:12px auto 0;font-size:16px;line-height:20px;font-weight:300;color:#fff}#breadcrumbs a:hover{color:#f65e17}#breadcrumbs::before{display:inline-block;padding-right:6px;font-family:iconfont;font-size:16px;line-height:20px;content:'\eb0f';color:#f65e17}@media screen and (max-width:1520px){.header-form{width:140px}}@media screen and (max-width:1440px){#pro-menu-auto .sub-menu .menu-img1{right:-260px;width:220px}#pro-menu-auto .sub-menu .menu-img2{right:-508px;width:450px}}@media screen and (max-width:1280px){#get-search{width:100%;padding:0 2rem;left:0;transform:none}.header-form{width:114px;font-size:16px}.header-search{width:54px}.header-top-column{padding:12px 32px 12px 32px}#menu-main>li>a{font-size:15px}.header-nav-logo{text-align:left;width:240px;padding:0 0 0 32px}.header-nav-logo img{width:170px}#pro-menu-auto .sub-menu{width:24%}#pro-menu-auto .sub-menu .menu-img1{right:-232px;width:200px}#pro-menu-auto .sub-menu .menu-img2{right:-458px;width:200px}.menu-item-img{font-size:15px}#pro-menu-auto .sub-menu .menu-img1 a::after,#pro-menu-auto .sub-menu .menu-img2 a::after{height:88px}}@media screen and (max-width:1024px){.header-form,.header-top-column{display:none}.menu-main-container{display:block;position:fixed;width:60%;height:100%;padding-top:15%;top:0;right:-60%;float:none;overflow-y:scroll;overflow-x:hidden;background-color:#f8f8f8;z-index:9999;transition:right .3s}#menu-main{display:block;padding:0;color:#232323}#menu-main .sub-menu li a{text-align:left;display:block;padding:5px 10px;font-size:14px}#menu-main>li{width:100%;height:auto;line-height:18px}#menu-main>li>a{display:block;padding:0 24px 4px 10px;text-align:left;color:#333}#menu-main>li{margin:12px 0 0;position:relative;padding:0 8px}#menu-main #menu-item-218{position:relative}#menu-main>.close-menu:after{content:'+';display:block;position:absolute;right:8px;top:-4px;width:34px;height:26px;line-height:26px;font-size:20px;font-weight:700;text-align:center}#menu-main>.open-menu:after{content:'-';font-size:22px;text-align:center}.show-m-menu{right:0}.nav-show-btn{display:block}#menu-main .sub-menu{padding:15px 0;position:static;box-shadow:none;transform:none}#menu-main .sub-menu>li{margin:0;white-space:normal}#menu-main .has-child>a::after{display:none}#pro-menu-auto>.menu-item{margin:0}#pro-menu-auto .sub-menu{padding:6px 0}.header-right-sec{padding-right:32px}.header-search{border-left:none}.header-search{width:auto}.header-search .iconfont{font-size:28px}#pro-menu-auto .sub-menu{display:none}#pro-menu-auto>li>a{width:100%}#pro-menu-auto>li>a{border-right:none}#pro-menu-auto>li>a::after{display:none}#pro-menu-auto{display:block;margin:0;padding:16px 0;border:none}#pro-menu-auto .sub-menu{width:100%}#pro-menu-auto .sub-menu .menu-img1{display:none}#pro-menu-auto .sub-menu .menu-img2{display:none}#menu-main #menu-item-116{position:relative}#menu-item-116 .sub-menu{padding:0}}@media screen and (max-width:800px){#submit{width:64px}.header-nav-logo,.header-search{height:58px;line-height:58px}.header-hidden{height:60px}}@media screen and (max-width:600px){#get-search{padding:0 1rem}.header-nav-logo{padding:0 0 0 16px}.header-right-sec{padding-right:16px}.header-nav-logo,.header-search{height:50px;line-height:50px}.header-nav-logo img{width:150px}.header-search .iconfont{font-size:24px}.nav-show-btn i{font-size:25px}.nav-show-btn{margin-left:20px}#menu-main{margin-top:26px}.nav-close-btn{right:2px}.nav-close-btn i{font-size:20px}#pro-menu-auto{border-radius:4px}.header-hidden{height:50px}}@media screen and (max-width:1280px){.topbanner-img{height:220px}.page-tit{font-size:36px;line-height:40px}}@media screen and (max-width:1024px){.topbanner-img{height:180px}.page-tit{font-size:32px}#breadcrumbs{margin:6px auto 0}}@media screen and (max-width:800px){#breadcrumbs{display:none}.page-tit{font-size:28px;line-height:32px}}@media screen and (max-width:600px){.topbanner-img{height:120px}.page-tit{font-size:20px;line-height:24px}}


/*** page
-------------------------------------------------------------- ****/
.pageBox {text-align: center;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;}
.pageBox a:hover,.pageBox a:active{background:#f65e17;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #f65e17;border: 1px solid #f65e17;text-decoration: none;}
.pageBox a.cur {color: #fff;}

.pageBox .disabled {width: 79px;}
.pageBox b {border:1px solid #ddd;display:inline-block;margin-right:6px;background:#f65e17;color: #FFFFFF;width:34px;height:34px;font:bold 14px/34px arial;}

.tp1,.pc{padding:20px 0;}
.tp1 img{  width:100%;}
.pc1,.pc2,.pcl,.pcr{float:left;}
.pc,.pct,.pcb{overflow:hidden;height: auto;}
.pc1{width:66.66667%;}
.pc2{width:33.33333%}
.pc3{width:100%}
.pcl{width:75%}
.pcr{width:25%}
.pc1 img,.pc2 img,.pc3 img{width:100%}