/* CSS Reset */
        
        html {
            -webkit-text-size-adjust: none;
        }
        
        body {
            overflow-x: hidden;
            margin: 0;
            padding: 0;
            /* font-family: 'Montserrat-Light', PingFang SC, Microsoft Yahei, Helvetica Neue, Arial; */
            font-family: "思源黑体", "Montserrat";
        }
        
        img {
            max-width: 100%;
            max-height: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            width: 100%;
            height: auto;
        }
        
        header,
        nav,
        section,
        article,
        aside,
        footer {
            display: block;
        }
        
        a {
            text-decoration: none;
            color: #222;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        a * {
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .fullscreen,
        .fullscreen body {
            height: 100%;
            overflow: hidden
        }
        
        .alltransition {
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease;
        }
        
        .table {
            display: table;
            width: 100%;
            height: 100%;
        }
        
        .table-cell {
            display: table-cell;
            vertical-align: middle;
        }
        
        .pcshow {
            display: block;
        }
        
        .mbshow {
            display: none!important;
        }
        
        .left {
            float: left;
        }
        
        .right {
            float: right;
        }
        
        .clear {
            clear: both;
        }
        
        .img {
            position: relative;
            overflow: hidden;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            background-color: #000;
        }
        
        .img-center {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            display: block;
            width: auto!important;
            height: auto!important;
            z-index: 1;
        }
        
        .img-block {
            display: block;
            width: 100%;
            height: auto;
        }
        
        .img-inline {
            display: inline-block;
            width: auto;
            height: auto;
        }
        
         ::-webkit-scrollbar {
            height: 4px;
            width: 5px;
            background: #dbdedf;
        }
        
         ::-webkit-scrollbar-button {
            height: 0;
            width: 5px;
            background: #dbdedf;
        }
        
         ::-webkit-scrollbar-thumb {
            background-color: #003281;
            box-shadow: inset 1px 1px 0 #003281, inset 0 -1px 0 #003281;
        }
        
        input,
        select,
        textarea {
            -webkit-appearance: none;
            border-radius: 0;
            outline: none;
        }
        
        input[type="button"],
        input[type="submit"],
        input[type="reset"],
        input[type="text"],
        input[type="password"] {
            -webkit-appearance: none;
        }
        
        input,
        select,
        textarea {
            font-family: 'Montserrat-Light', PingFang SC, Microsoft Yahei, Helvetica Neue, Arial;
        }
        /* header */
        
        .ywk-header {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 900;
            width: 100%;
            transition: all .4s ease;
        }
        
        .ywk-header .ywk-content {
            width: 92%;
            margin: auto;
            position: relative;
            overflow: hidden;
            z-index: 999;
        }
        
        .ywk-header .ywk-content::after {
            content: '';
            width: 100%;
            height: 1px;
            background: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
            opacity: .2;
        }
        
        .ywk-logo {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -27px;
            width: auto;
            height: 54px;
            z-index: 11;
            display: block;
        }
        
        .ywk-logo a {
            display: block;
            overflow: hidden;
            float: left;
            width: 115px;
            height: 54px;
        }
        
        .ywk-logo img.default {
            display: block;
        }
        
        .ywk-logo img.hover {
            display: none;
        }
        
        .ywk-stock-code {
            position: relative;
            float: left;
            width: 115px;
            padding: 13px 20px 13px 20px;
            margin-left: 20px;
            text-transform: uppercase;
            font-size: 12px;
            color: #fff;
            opacity: .6;
            line-height: 18px;
        }
        
        .ywk-stock-code::before {
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
            opacity: .2;
        }
        
        .ywk-header .ywk-content nav {
            display: block;
            margin: auto;
            text-align: center;
        }
        
        .ywk-header-nav {
            font-size: 0;
            font-family: "思源黑体", "Montserrat";
        }
        
        .ywk-header-nav li {
            font-family: "思源黑体", "Montserrat";
            display: inline-block;
            position: relative;
            padding: 40px 25px;
            font-size: 0;
        }
        
        .ywk-header-nav li a {
            display: inline-block;
            color: #fff;
            position: relative;
            font-size: 16px;
            text-transform: uppercase;
            opacity: .8;
        }
        
        .ywk-header-nav li a::after {
            content: '';
            width: 0px;
            height: 1px;
            background: #fff;
            position: absolute;
            bottom: -40px;
            left: 50%;
            transition: all .4s ease;
        }
        
        .ywk-header-right {
            position: absolute;
            right: 0;
            top: 0;
            width: 500px;
            height: 100%;
            text-align: right;
        }
        
        .ywk-header-right a {
            display: block;
            opacity: .8;
            text-align: left;
            height: 100%;
            line-height: 98px;
            font-size: 0;
        }
        
        .ywk-header-right a:hover {
            opacity: 1;
        }
        
        .ywk-header-right a i {
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 20px;
            margin-right: 8px;
        }
        
        .ywk-header-right a span {
            display: inline-block;
            vertical-align: middle;
            text-transform: uppercase;
            font-size: 14px;
            color: #fff;
        }
        
        .ywk-header-right-search,
        .ywk-header-right-language {
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }
        
        .ywk-header-right-search i {
            background: url('/html/template/default/static/image/ss1.png') center no-repeat;
        }
        
        .ywk-header-right-language i {
            background: url('/html/template/default/static/image/ee1.png') center no-repeat;
        }
        
        .ywk-header-right-language {
            margin-left: 30px;
        }
        
        .ywk-header-right-link {
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
            font-size: 0;
        }
        
        .ywk-header-right-link a {
            display: inline-block;
            vertical-align: middle;
            line-height: 98px;
            color: #fff;
            font-size: 12px;
            margin-right: 20px;
            text-transform: uppercase;
            position: relative;
        }
        
        .ywk-header-right-link a::after {
            content: '';
            width: 0px;
            height: 1px;
            background: #fff;
            position: absolute;
            bottom: 0;
            left: 50%;
            transition: all .4s ease;
        }
        
        .ywk-header-nav-show {
            position: absolute;
            left: 0;
            top: 0px;
            width: 100%;
            height: auto;
            z-index: 900;
        }
        
        .ywk-header-nav-show .ywk-content {
            width: 100%;
            padding: 0;
            margin-top: 98px;
            overflow: visible;
            background: none;
        }
        
        .ywk-header-nav-show .ywk-content::after {
            display: none;
        }
        
        .ywk-header-nav-show-content {
            background: #f5f7fa;
            width: 100%;
            height: auto;
            z-index: 1;
            position: absolute;
            left: 0;
            overflow: hidden;
            transition: all .4s ease;
        }
        
        .ywk-header-nav-show-content::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            top: 0;
            background: #000;
            opacity: .1;
            z-index: 50;
        }
        /* .ywk-header-nav-show-content{box-shadow: 0px 20px 60px 0px rgba(10, 24, 51, 0.08);} */
        
        .ywk-header-nav-show-content.Hide {
            opacity: 0;
            z-index: -1;
            height: 0px;
            box-shadow: none
        }
        
        .ywk-header-nav-left {
            float: left;
            width: 28%;
            padding: 2% 1% 2% 12%;
            box-sizing: border-box;
            position: relative;
            z-index: 10;
        }
        
        .ywk-header-nav-list {
            position: relative;
        }
        
        .ywk-header-nav-list li {
            list-style: none;
            margin: 0;
            padding: 10px 0;
            position: relative;
        }
        
        .ywk-header-nav-list li::before {
            content: '';
            position: absolute;
            right: -60px;
            top: 20px;
            width: 50px;
            height: 3px;
            background: #003282;
            display: none;
        }
        
        .ywk-header-nav-list li.cur::before {
            display: block;
        }
        
        .ywk-header-nav-list li i {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 30px;
            height: 30px;
            margin-right: 10px;
        }
        
        .ywk-header-nav-list li i * {
            fill: #a1a6b2!important;
        }
        
        .ywk-header-nav-list li span {
            display: inline-block;
            vertical-align: middle;
            color: #a1a6b2;
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .ywk-header-nav-list li a:hover i * {
            fill: #003281!important;
        }
        
        .ywk-header-nav-list li a:hover span {
            color: #003281;
        }
        
        .ywk-header-nav-list li.cur i * {
            fill: #003281!important;
        }
        
        .ywk-header-nav-list li.cur span {
            color: #003281;
        }
        
        .ywk-header-nav-right {
            float: left;
            width: 72%;
            padding: 2% 0 2% 0;
            box-sizing: border-box;
            overflow: hidden;
        }
        
        .ywk-header-nav-right::before {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 71%;
            height: 100%;
            background: #fff;
        }
        
        .ywk-nav-swiper {
            position: relative;
        }
        
        .ywk-nav-two {
            position: relative;
        }
        
        .ywk-nav-two-left {
            position: relative;
            float: left;
            width: 25%;
            overflow: hidden;
        }
        
        .ywk-nav-two-left li {
            list-style: none;
            margin: 0;
            padding: 10px 0 10px 100px;
            position: relative;
        }
        
        .ywk-nav-two-left li a {
            display: inline-block;
            vertical-align: middle;
            color: #a1a6b2;
            font-size: 14px;
            text-transform: uppercase;
            position: relative;
        }
        
        .ywk-nav-two-left li.cur a {
            color: #003281;
        }
        /* .ywk-nav-two-left li.cur::before {content: '';position: absolute;left:0px;top:20px;width: 50px;height: 3px;background: #003282;} */
        
        .ywk-nav-two-right-swiper {
            position: relative;
            float: left;
            width: 73%;
            overflow: hidden;
            padding: 1% 0;
            margin-left: 2%;
        }
        
        .nav-slide-item {
            overflow: hidden;
            margin-left: 5%;
            width: 95%;
        }
        
        .nav-slide-item .img {
            position: relative;
            opacity: .5;
            background-color: #f5f7fa;
        }
        
        .nav-slide-item .nav-title {
            text-align: center;
            padding-top: 20px;
            overflow: hidden;
            color: #a1a7b3;
            font-size: 18px;
            position: relative;
            text-transform: uppercase;
        }
        
        .nav-slide-item .nav-title::before {
            content: '';
            width: 0px;
            height: 3px;
            background: #003282;
            position: absolute;
            left: 50%;
            top: 0;
            transition: all .4s ease;
        }
        
        .ywk-nav-two-right-swiper .swiper-slide.cur .nav-slide-item .nav-title {
            color: #003281;
        }
        
        .ywk-nav-two-right-swiper .swiper-slide.cur .nav-slide-item .nav-title::before {
            width: 100%;
            left: 0;
        }
        
        .ywk-nav-two-right-swiper .swiper-slide.cur .img {
            opacity: 1;
        }
        
        .ywk-nav-two-left ul {
            list-style: none;
            padding: 10px 0 0 0;
            margin: 0;
        }
        
        .ywk-nav-two-left ul a {
            color: #a1a7b2!important;
            font-size: 14px!important;
            font-family: 'Montserrat-Light'!important;
            padding-bottom: 5px;
            text-transform: capitalize;
            display: block;
        }
        
        .ywk-nav-two-left ul a.cur {
            color: #003281!important;
        }
        
        .ywk-nav-two-right-swiper-item .img img.img-center {
            max-width: 80%;
            max-height: 80%;
        }
        
        .ywk-header-nav-show-search {
            overflow: hidden;
            text-align: center;
            width: 40%;
            margin: 5% auto;
            position: relative;
        }
        
        .ywk-header-nav-show-search .input {
            background: #fff;
            padding: 25px;
            display: block;
            border: none;
            outline: none;
            width: 100%;
            font-size: 14px;
            border: 1px solid #ccc;
        }
        
        .ywk-header-nav-show-search .submit {
            background: url('/html/template/default/static/image/ss1.png') center no-repeat #003281;
            display: block;
            position: absolute;
            width: 13%;
            height: 100%;
            outline: none;
            cursor: pointer;
            font-size: 18px;
            right: 0;
            top: 0;
            z-index: 3;
            border: none;
        }
        
        .ywk-header-nav-show-search input.submit:hover {
            background: url('/html/template/default/static/image/ss1.png') center no-repeat #f29700;
        }
        
        #language.ywk-header-nav-show-content {
            background: #fff;
            width: 140px;
            height: auto;
            left: auto;
            right: 20px;
            overflow: hidden;
        }
        
        #language.ywk-header-nav-show-content.Hide {
            opacity: 0;
            z-index: -1;
            height: 0px;
            box-shadow: none
        }
        
        .ywk-header-nav-show-language {
            position: relative;
            overflow: hidden;
            padding: 0;
        }
        
        .ywk-header-nav-show-language a {
            display: block;
            text-align: center;
            font-size: 14px;
            padding: 10px 0;
            border-bottom: 1px solid #ccc;
        }
        
        .ywk-header-nav-show-language a:hover {
            color: #fff;
            background: #003281;
        }
        
        .ywk-header-nav-show-about {
            overflow: hidden;
            text-align: center;
            width: 70%;
            margin: 1.5% auto 1.5% auto;
            position: relative;
            font-size: 0;
        }
        
        .ywk-header-nav-show-about a {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            width: 16%;
            padding: 20px;
            margin: 1% 2%;
            text-align: left;
            overflow: hidden;
        }
        
        .ywk-header-nav-show-about a::after,
        .ywk-header-nav-show-about a::before {
            content: '';
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            height: 1px;
            background: #e6e6e6;
        }
        
        .ywk-header-nav-show-about a::before {
            width: 0px;
            background: #003281;
            transition: all .4s ease;
            z-index: 2;
        }
        
        .ywk-header-nav-show-about a i {
            width: 12px;
            height: 12px;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -6px;
            background: url('/html/template/default/static/image/jt3.png');
        }
        
        .ywk-header-nav-show-about a span {
            font-size: 14px;
            color: #a1a6b2;
            text-transform: uppercase;
        }
        
        .ywk-header-nav-show-about a span::after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            right: -50px;
            top: 50%;
            margin-top: -6px;
            background: url('/html/template/default/static/image/jt1.png');
            transition: all .4s ease;
        }
        
        .ywk-header-nav-show-about a:hover span {
            color: #003281;
        }
        
        .ywk-header-nav-show-about a:hover::before {
            width: 100%;
        }
        
        .ywk-header-nav-show-about a:hover {
            padding: 20px 40px 20px 0px;
        }
        
        .ywk-header-nav-show-about a:hover span::after {
            left: auto;
            right: 0;
            background: url('/html/template/default/static/image/jt4.png');
        }
        
        .ywk-header-nav-show-about a:hover i {
            left: -50px;
        }
        
        #about.ywk-header-nav-show-content,
        #search.ywk-header-nav-show-content {
            background: #fff;
        }
        /* scroll - top - down - cur - on -hover */
        
        .ywk-header:hover,
        .ywk-header.scroll-down,
        .ywk-header.scroll-top {
            background: #fff;
        }
        
        .ywk-header:hover .ywk-logo img.default,
        .ywk-header.scroll-down .ywk-logo img.default,
        .ywk-header.scroll-top .ywk-logo img.default {
            display: none;
        }
        
        .ywk-header:hover .ywk-logo img.hover,
        .ywk-header.scroll-down .ywk-logo img.hover,
        .ywk-header.scroll-top .ywk-logo img.hover {
            display: block;
        }
        
        .ywk-header:hover .ywk-stock-code,
        .ywk-header.scroll-down .ywk-stock-code,
        .ywk-header.scroll-top .ywk-stock-code {
            color: #1e2d45;
        }
        
        .ywk-header:hover .ywk-stock-code::before,
        .ywk-header.scroll-down .ywk-stock-code::before,
        .ywk-header.scroll-top .ywk-stock-code::before {
            background: #1e2d45;
        }
        
        .ywk-header:hover .ywk-header-nav li a,
        .ywk-header.scroll-down .ywk-header-nav li a,
        .ywk-header.scroll-top .ywk-header-nav li a {
            color: #1e2d45;
        }
        
        .ywk-header:hover .ywk-header-nav li a::after,
        .ywk-header.scroll-down .ywk-header-nav li a::after,
        .ywk-header.scroll-top .ywk-header-nav li a::after {
            background: #003281;
        }
        
        .ywk-header:hover .ywk-header-nav li a:hover,
        .ywk-header.scroll-down .ywk-header-nav li.cur a,
        .ywk-header.scroll-top .ywk-header-nav li.cur a {
            color: #003281;
            opacity: 1;
        }
        
        .ywk-header:hover .ywk-header-nav li.cur a {
            color: #003281;
        }
        
        .ywk-header:hover .ywk-header-nav li.cur a::after {
            width: 100%;
            background: #003281;
            left: 0;
        }
        
        .ywk-header-nav li.on a {
            color: #fff;
        }
        
        .ywk-header-nav li.on a::after {
            width: 100%;
            background: #fff;
            left: 0;
        }
        
        .ywk-header:hover .ywk-header-nav li.on a,
        .ywk-header.scroll-down .ywk-header-nav li.on a,
        .ywk-header.scroll-top .ywk-header-nav li.on a {
            color: #003281;
            opacity: 1;
        }
        
        .ywk-header:hover .ywk-header-right-link a,
        .ywk-header.scroll-down .ywk-header-right-link a,
        .ywk-header.scroll-top .ywk-header-right-link a {
            color: #1e2d45;
        }
        
        .ywk-header:hover .ywk-header-right-link a::after,
        .ywk-header.scroll-down .ywk-header-right-link a::after,
        .ywk-header.scroll-top .ywk-header-right-link a::after {
            background: #fff;
        }
        
        .ywk-header:hover .ywk-header-right-link a:hover,
        .ywk-header.scroll-down .ywk-header-right-link a:hover,
        .ywk-header.scroll-top .ywk-header-right-link a:hover {
            color: #003281;
            opacity: 1;
        }
        
        .ywk-header:hover .ywk-header-right-link a:hover::after,
        .ywk-header.scroll-down .ywk-header-right-link a:hover::after,
        .ywk-header.scroll-top .ywk-header-right-link a:hover::after {
            width: 100%;
            background: #003281;
            left: 0;
        }
        
        .ywk-header-right-link a.on {
            color: #fff;
            opacity: 1;
        }
        
        .ywk-header-right-link a.on::after {
            width: 100%;
            background: #fff;
            left: 0;
        }
        
        .ywk-header:hover .ywk-header-right-link a.on,
        .ywk-header.scroll-down .ywk-header-right-link a.on,
        .ywk-header.scroll-top .ywk-header-right-link a.on {
            color: #003281;
            opacity: 1;
        }
        
        .ywk-header:hover .ywk-header-right-link a.on::after,
        .ywk-header.scroll-down .ywk-header-right-link a.on::after,
        .ywk-header.scroll-top .ywk-header-right-link a.on::after {
            width: 100%;
            background: #003281;
            left: 0;
        }
        
        .ywk-header:hover .ywk-header-right a span,
        .ywk-header.scroll-down .ywk-header-right a span,
        .ywk-header.scroll-top .ywk-header-right a span {
            color: #1e2d45;
        }
        
        .ywk-header:hover .ywk-header-right a:hover span,
        .ywk-header.scroll-down .ywk-header-right a:hover span,
        .ywk-header.scroll-top .ywk-header-right a:hover span {
            color: #003281;
            opacity: 1;
        }
        
        .ywk-header:hover .ywk-header-right-search i,
        .ywk-header.scroll-down .ywk-header-right-search i,
        .ywk-header.scroll-top .ywk-header-right-search i {
            background: url('/html/template/default/static/image/ss2.png') center no-repeat;
            opacity: .7;
        }
        
        .ywk-header:hover .ywk-header-right-language i,
        .ywk-header.scroll-down .ywk-header-right-language i,
        .ywk-header.scroll-top .ywk-header-right-language i {
            background: url('/html/template/default/static/image/ee2.png') center no-repeat;
            opacity: .7;
        }
        
        .ywk-header:hover .ywk-header-right-search a:hover i,
        .ywk-header.scroll-down .ywk-header-right-search a:hover i,
        .ywk-header.scroll-top .ywk-header-right-search a:hover i {
            background: url('/html/template/default/static/image/ss3.png') center no-repeat;
            opacity: 1;
        }
        
        .ywk-header:hover .ywk-header-right-language a:hover i,
        .ywk-header.scroll-down .ywk-header-right-language a:hover i,
        .ywk-header.scroll-top .ywk-header-right-language a:hover i {
            background: url('/html/template/default/static/image/ee3.png') center no-repeat;
            opacity: 1;
        }
        
        .navblack .ywk-header .ywk-logo img.default {
            /* display: none; */
        }
        
        .navblack .ywk-header .ywk-logo img.hover {
            display: block;
        }
        
        .navblack .ywk-header .ywk-stock-code {
            color: #1e2d45;
        }
        
        .navblack .ywk-header .ywk-stock-code::before {
            background: #676f82;
        }
        /* .navblack .ywk-header .ywk-header-nav li a {
            color: #1e2d45;
        } */
        
        .navblack .ywk-header .ywk-header-nav li a::after {
            background: #003281;
        }
        
        .navblack .ywk-header .ywk-header-nav li.cur a {
            color: #003281;
        }
        
        .navblack .ywk-header .ywk-header-right a span {
            color: #1e2d45;
        }
        
        .navblack .ywk-header .ywk-header-right-link a {
            color: #1e2d45;
        }
        
        .navblack .ywk-header .ywk-content::after {
            background: #676f82;
            opacity: 0;
        }
        
        .navblack .ywk-header.scroll-top .ywk-content::after,
        .navblack .ywk-header.scroll-down .ywk-content::after {
            opacity: 0;
        }
        
        .navblack .ywk-header .ywk-header-right-language i {
            background: url('/html/template/default/static/image/ee2.png') center no-repeat;
        }
        
        .navblack .ywk-header .ywk-header-right-search i {
            background: url('/html/template/default/static/image/ss2.png') center no-repeat;
        }
        
        .navblack .ywk-header::after {
            content: '';
            width: 100%;
            opacity: .1;
            height: 1px;
            background: #000;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .ywk-header-nav-show-mark {
            width: 100%;
            height: 100%;
            position: fixed;
            left: 0;
            top: 0px;
            z-index: -1;
            background: rgba(0, 0, 0, .3);
            opacity: 0;
            transition: all .4s ease;
        }
        
        .ywk-header-nav-show-mark.cur {
            z-index: 20;
            opacity: 1;
        }
        
        .ywk-header.scroll-top::after,
        .ywk-header.scroll-down::after {
            content: '';
            width: 100%;
            height: 1px;
            background: #000;
            opacity: .1;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .ywk-header.scroll-top .ywk-header-nav-show-content::before,
        .ywk-header.scroll-down .ywk-header-nav-show-content::before {
            display: none;
        }
        
        .navblack .ywk-header-nav-show-content::before,
        .navblack .ywk-header-nav-show-content::before {
            display: none;
        }
        /* nav */
        
        .ywk-menu-toggle {
            display: none;
            width: 50px;
            height: 50px;
            position: fixed;
            right: 0px;
            top: 0px;
            z-index: 9999;
        }
        
        .ywk-menu-toggle span.hamburger,
        .ywk-menu-toggle span.hamburger:after,
        .ywk-menu-toggle span.hamburger:before {
            content: "";
            display: block;
            width: 24px;
            height: 2px;
            background: #fff;
            position: absolute;
            top: 50%;
            margin-top: -1px;
            left: 50%;
            margin-left: -12px;
            -webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
            transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
            -webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
            transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
            transition-delay: 0.15s;
        }
        
        .ywk-menu-toggle span.hamburger:after {
            margin-top: -7px;
            top: 0;
            transition-delay: 0.27s;
        }
        
        .ywk-menu-toggle span.hamburger:before {
            margin-top: 7px;
            top: 0;
            transition-delay: 0.2s;
        }
        
        .ywk-menu-toggle span.cross:before,
        .ywk-menu-toggle span.cross:after {
            content: "";
            display: block;
            width: 24px;
            height: 2px;
            background: #000;
            position: absolute;
            top: 50%;
            margin-top: -1.5px;
            left: 50%;
            margin-left: -12px;
            -webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
            transform: translateY(-70px) translateX(-70px) rotate(45deg);
            transition-delay: 0.12s;
        }
        
        .ywk-menu-toggle span.cross:after {
            transition-delay: 0s;
            -webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
            transform: translateY(70px) translateX(-70px) rotate(-45deg);
        }
        
        .ywk-menu-toggle span.cross:after {
            -webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
            transform: translateY(-70px) translateX(70px) rotate(-45deg);
        }
        
        .no-touch .ywk-menu-toggle span.hamburger,
        .no-touch .ywk-menu-toggle span.hamburger:after,
        .no-touch .ywk-menu-toggle span.hamburger:before {
            -webkit-transform: translateX(70px);
            transform: translateX(70px);
            transition-delay: 0.12s;
            background: #fff;
        }
        
        .no-touch .menu-toggle span.hamburger:after {
            transition-delay: 0s;
        }
        
        .no-touch .menu-toggle span.hamburger:before {
            transition-delay: 0.07s;
        }
        
        .no-touch .ywk-menu-toggle span.cross:before {
            transition-delay: 0.12s;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .no-touch .ywk-menu-toggle span.cross:after {
            transition-delay: 0.24s;
            -webkit-transform: rotate(-45deg) !important;
            transform: rotate(-45deg) !important;
        }
        
        .ywk-header.scroll-down .ywk-menu-toggle span.hamburger,
        .ywk-header:hover .ywk-menu-toggle span.hamburger,
        .ywk-header.scroll-down .ywk-menu-toggle span.hamburger:after,
        .ywk-header:hover .ywk-menu-toggle span.hamburger:after,
        .ywk-header.scroll-down .ywk-menu-toggle span.hamburger:before,
        .ywk-header:hover .ywk-menu-toggle span.hamburger:before,
        .ywk-header.scroll-top .ywk-menu-toggle span.hamburger,
        .ywk-header.scroll-top .ywk-menu-toggle span.hamburger:after,
        .ywk-header.scroll-top .ywk-menu-toggle span.hamburger:before {
            background: #000;
        }
        
        .no-touch body,
        .no-touch html {
            overflow: hidden;
        }
        
        .no-touch .ywk-header {
            background: #fff;
        }
        
        .no-touch .ywk-header .ywk-logo img.default {
            display: none;
        }
        
        .no-touch .ywk-header .ywk-logo img.hover {
            display: block;
        }
        
        .no-touch .ywk-header-right-search i {
            background: url(/html/template/default/static/image/ss2.png) center no-repeat;
            opacity: 1;
        }
        
        .no-touch .ywk-header-right-language i {
            background: url(/html/template/default/static/image/ee2.png) center no-repeat;
            opacity: 1;
        }
        
        .mobile-nav {
            position: fixed;
            overflow: hidden;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 31;
            padding-top: 20%;
            background: rgba(0, 0, 0, .9);
            box-sizing: border-box;
            transition: all .4s ease;
            display: block;
            transform: translateX(100%);
        }
        
        .mobile-nav ul {
            position: relative;
            width: 80%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: scroll;
            margin: 0 auto;
            padding: 0;
            list-style: none;
        }
        
        .mobile-nav ul::-webkit-scrollbar {
            width: 0px;
        }
        
        .mobile-nav li {
            list-style: none;
            margin: 0;
            padding: 20px 0;
            text-align: left;
            border-bottom: 1px solid rgba(255, 255, 255, .2);
        }
        
        .mobile-nav li a {
            display: block;
            color: #fff;
            opacity: .5;
            font-size: 16px;
            background: url('/html/template/default/static/image/jt3.png') right center no-repeat;
            background-size: auto 50%;
        }
        
        .mobile-nav li a.cur {
            opacity: 1;
            background: url('/html/template/default/static/image/jt2.png') right center no-repeat;
            background-size: auto 50%;
        }
        
        .mobile-nav li ul {
            list-style: none;
            margin: 0;
            padding: 20px 0;
        }
        
        .mobile-nav li ul.mchildren {
            display: none;
            padding-left: 5%;
        }
        
        .mobile-nav li ul li {
            list-style: none;
            margin: 0;
            padding: 10px 0;
        }
        
        .mobile-nav li ul li:last-child {
            border: none;
        }
        
        .mobile-nav li ul li a {
            font-family: 'Montserrat-Light';
            font-size: 14px;
        }
        
        .mobile-nav.is-visible {
            transform: translateX(0px);
            display: block;
        }
        
        .mobile-nav li ul li ul.three-children {
            display: none;
            list-style: none;
            margin: 0;
            padding: 10px 0;
            width: 100%;
        }
        
        .mobile-nav li ul li ul.three-children.cur {
            display: block;
        }
        
        .mobile-nav li ul li ul.three-children a {
            font-family: 'Montserrat-Light';
            font-size: 12px;
            padding: 10px 0;
            display: block;
            border-bottom: 1px solid rgba(255, 255, 255, .2);
            background: none;
        }
        
        .mobile-nav li ul li ul.three-children a:last-child {
            border: none;
        }
        
        .navblack .ywk-menu-toggle span.hamburger,
        .navblack .ywk-menu-toggle span.hamburger:after,
        .navblack .ywk-menu-toggle span.hamburger:before {
            background: #000;
        }
        
        .cd-nav-trigger {
            display: block;
            overflow: hidden;
            height: 50px;
        }
        /* footer */
        
        .ywk-footer {
            background: #111924 url('../image/footer.jpg') center no-repeat;
            background-size: cover;
            padding-top: 80px;
            overflow: hidden;
            color: #000;
        }
        
        .ywk-footer .ywk-content {
            width: 75%;
        }
        
        .ywk-footer .ywk-content-top {
            position: relative;
            overflow: hidden;
            padding-bottom: 40px;
            border-bottom: 1px solid #29303a;
        }
        
        .ywk-footer a:hover {
            color: #fff;
        }
        
        .ywk-content-top-logo {
            width: 115px;
        }
        
        .ywk-content-top-email-subscription {
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .email-address-input {
            border: 1px solid #414750;
            background: none;
            width: 250px;
            height: 45px;
            line-height: 45px;
            box-sizing: border-box;
            padding: 0 4%;
            color: #ccc;
            display: inline-block;
            vertical-align: middle;
        }
        
        .email-address-input:focus {
            border: 1px solid #ccc;
        }
        
        .subscription {
            border: 1px solid #414750;
            background: none;
            width: 110px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            color: #60656b;
            font-size: 12px;
            cursor: pointer;
            box-sizing: border-box;
            display: inline-block;
            vertical-align: middle;
            transition: all .6s;
        }
        
        .subscription:hover {
            background: #fff;
            color: #000;
        }
        
        .ywk-content-center {
            color: #6c7178;
            clear: both;
            overflow: hidden;
            padding: 50px 0 20px 0;
            position: relative;
        }
        
        .ywk-content-center ul {
            list-style: none;
            margin: 0;
            padding: 0;
            float: left;
            min-width: 20%;
        }
        
        .ywk-content-center ul:last-child {
            min-width: auto;
        }
        
        .ywk-content-center ul strong {
            font-weight: normal;
            font-size: 18px;
            text-transform: uppercase;
            color: #fff;
            padding-bottom: 10px;
            display: block;
        }
        
        .ywk-content-center ul li {
            list-style: none;
            margin: 0;
            padding: 4px 0;
        }
        
        .ywk-content-center ul li a {
            color: #6c7178;
            font-size: 14px;
        }
        
        .ywk-content-bottom {
            color: #6c7178;
            border-top: 1px solid #29303a;
            padding: 30px 0;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-content-bottom a {
            font-size: 12px;
            display: inline-block;
            vertical-align: middle;
            color: #6c7178;
        }
        
        .ywk-content-copy {
            font-size: 12px;
            float: left;
            width: 50%;
        }
        
        .ywk-content-copy span {
            display: inline-block;
            vertical-align: middle;
        }
        
        .ywk-content-link {
            width: 40%;
            text-align: right;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -10px;
        }
        
        .ywk-content-link a {
            margin-left: 20px;
        }
        
        .ywk-content-social {
            text-align: right;
            clear: both;
            overflow: hidden;
            padding: 20px 0;
            position: relative;
        }
        
        .ywk-content-social a {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            width: 22px;
            height: 22px;
            opacity: .5;
        }
        
        .ywk-content-social a:hover {
            opacity: 1;
        }
        
        .ywk-content-social a.f1 {
            background: url('/html/template/default/static/image/f1.png') center no-repeat;
        }
        
        .ywk-content-social a.f2 {
            background: url('/html/template/default/static/image/f2.png') center no-repeat;
        }
        
        .ywk-content-social a.f3 {
            background: url('/html/template/default/static/image/f3.png') center no-repeat;
        }
        
        .ywk-content-social a.f4 {
            background: url('/html/template/default/static/image/f4.png') center no-repeat;
        }
        
        .ywk-content-social a.f5 {
            background: url('/html/template/default/static/image/f5.png') center no-repeat;
        }
        
        .ywk-content-social-ewm {
            width: 100px;
            height: 100px;
            background: #fff;
            padding: 10px;
            z-index: 10;
            position: absolute;
            right: 0;
            bottom: 0;
            display: none;
        }
        /* index */
        
        .ywk-index-banner {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .ywk-index-banner .swiper-slide {
            background: #000;
        }
        
        .ywk-index-banner .ywk-index-banner-container {
            position: relative;
            overflow: hidden;
            width: 100%;
        }
        
        .ywk-index-banner .text {
            position: absolute;
            width: 90%;
            top: 34%;
            left: 8%;
            z-index: 10;
            color: #fff;
        }
        
        .ywk-index-banner .text * {
            position: relative;
            z-index: 10;
        }
        
        .ywk-index-banner .text::before,
        .ywk-index-banner .text.bigtriangle::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: -20px;
            top: -10px;
            z-index: 1;
        }
        /* .ywk-index-banner .text::before {background: url('/html/template/default/static/image/sc2.png') left top no-repeat;} */
        
        .ywk-index-banner .text.bigtriangle::before {
            background: url('/html/template/default/static/image/sc.png') left top no-repeat;
            left: -40px;
            top: -40px;
        }
        
        .ywk-index-banner .text .title-1 {
            font-size: 140px;
            line-height: 120px;
            color: #fff;
            transform: translateY(200px);
            opacity: 0;
            transition: all 0.2s;
        }
        
        .ywk-index-banner .text .title-1 h1 {
            font-size: 140px;
            line-height: 120px;
            text-transform: uppercase;
            display: none;
        }
        
        .ywk-index-banner .text .title-2 {
            position: relative;
            font-size: 80px;
            text-transform: uppercase;
            transform: translateY(200px);
            opacity: 0;
            transition: all 0.5s;
        }
        
        .ywk-index-banner .text .line-3 {
            transform: translateY(200px);
            opacity: 0;
            transition: all 0.7s;
        }
        
        .ywk-index-banner .text .line-3 i {
            display: block;
            margin: 30px 0;
            width: 80px;
            height: 4px;
            background: #fff;
        }
        
        .ywk-index-banner .text .text-4 {
            max-width: 35%;
            font-size: 18px;
            line-height: 30px;
            color: #ccc;
            transform: translateY(200px);
            opacity: 0;
            transition: all 0.9s;
        }
        
        .ywk-index-banner .text .viewmore {
            transform: translateY(200px);
            opacity: 0;
            transition: all 1.2s;
        }
        
        .ywk-index-banner .video {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 9;
        }
        
        .ywk-index-banner .video video {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .ywk-index-banner .swiper-slide-active .text .title-1,
        .ywk-index-banner .swiper-slide-active .text .title-2,
        .ywk-index-banner .swiper-slide-active .text .line-3,
        .ywk-index-banner .swiper-slide-active .text .text-4,
        .ywk-index-banner .swiper-slide-active .text .viewmore {
            transform: translateY(0px);
            opacity: 1;
        }
        
        .ywk-index-banner .swiper-slide-active .img {
            animation: bigimgani 5000ms infinite ease-out;
        }
        
        .ywk-index-banner .ywk-index-banner-pagination {
            width: auto;
            left: auto;
            right: 4%;
            bottom: 5%;
            text-align: right;
        }
        
        .ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet {
            background: none;
            border-radius: 0;
            width: 20px;
            height: 30px;
            transition: all .4s ease;
            margin: 0;
            position: relative;
            opacity: 1;
        }
        
        .ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet::before {
            content: '';
            width: 1px;
            height: 20px;
            margin: auto;
            position: absolute;
            left: 50%;
            bottom: 0;
            background: #fff;
            opacity: .5;
            transition: all .4s ease;
        }
        
        .ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet-active::before {
            height: 30px;
            opacity: 1;
        }
        
        .ywk-index-banner-scroll {
            width: 40px;
            height: 39px;
            position: absolute;
            left: 4%;
            bottom: 5%;
            z-index: 20;
        }
        
        .ywk-index-banner-scroll i {
            width: 8px;
            height: 45px;
            background: url('/html/template/default/static/image/dj.png') center no-repeat;
            position: absolute;
            left: 50%;
            margin-left: -4px;
            top: -30px;
        }
        
        .ywk-index-banner-scroll span {
            display: block;
            width: 40px;
            height: 39px;
            background: url('/html/template/default/static/image/yy.png') center no-repeat;
        }
        
        .ywk-index-banner-scroll i {
            animation: tbupdonw1 2000ms infinite ease;
        }
        
        @keyframes tbupdonw1 {
            0% {
                top: -30px;
            }
            50% {
                top: -20px;
            }
            100% {
                top: -30px;
            }
        }
        
        .ywk-index-banner .ywk-index-banner-container.left .text {
            width: 90%;
            top: 34%;
            left: 8%;
        }
        
        .ywk-index-banner .ywk-index-banner-container.center .text {
            width: 90%;
            top: 34%;
            left: 5%;
            text-align: center;
        }
        
        .ywk-index-banner .ywk-index-banner-container.center .text .line-3 {
            margin: 30px auto;
        }
        
        .ywk-index-banner .ywk-index-banner-container.center .text .line-3 i {
            display: inline-block;
        }
        
        .ywk-index-banner .ywk-index-banner-container.center .text .text-4 {
            margin: auto;
        }
        
        .ywk-index-banner .ywk-index-banner-container.center .text::before {
            display: none;
        }
        
        .ywk-index-banner .ywk-index-banner-container.center .text .title-2 {
            display: inline-block;
            background: url('/html/template/default/static/image/sc2.png') left top no-repeat;
            padding-left: 10px;
            margin-left: -10px;
        }
        
        .ywk-index-banner .ywk-index-banner-container.center .viewmore a {
            margin: auto;
            text-align: left;
        }
        
        .ywk-index-banner .ywk-index-banner-container.right .text {
            width: 90%;
            top: 34%;
            left: auto;
            right: 8%;
            text-align: right;
        }
        
        .ywk-index-banner .ywk-index-banner-container.right .text .line-3 i {
            display: inline-block;
        }
        
        .ywk-index-banner .ywk-index-banner-container.right .text .text-4 {
            text-align: right;
            float: right;
        }
        
        .ywk-index-banner .ywk-index-banner-container.right .viewmore {
            clear: both;
        }
        
        .ywk-index-banner .ywk-index-banner-container.right .viewmore a {
            display: inline-block;
            margin-top: 40px;
            text-align: left;
        }
        
        .ywk-index-banner .ywk-index-banner-container.none .text {
            display: none;
        }
        
        .viewmore {
            margin-top: 50px;
            overflow: hidden;
        }
        
        .viewmore a {
            display: block;
            width: 160px;
            height: 50px;
            line-height: 50px;
            border: 1px solid #fff;
            padding: 0 0px 0 35px;
            overflow: hidden;
        }
        
        .viewmore span {
            font-size: 12px;
            color: #fff;
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
            text-transform: uppercase;
        }
        
        .viewmore i {
            background: url('/html/template/default/static/image/jtr1.png');
            width: 24px;
            height: 8px;
            display: inline-block;
            vertical-align: middle;
        }
        
        .viewmore a:hover {
            background: #fff;
        }
        
        .viewmore a:hover span {
            color: #000;
        }
        
        .viewmore a:hover i {
            background: url('/html/template/default/static/image/jtr2.png');
        }
        
        .ywk-title {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-title h2 {
            position: relative;
            font-size: 45px;
            line-height: 70px;
            margin: 10px;
            color: #1e2d45;
            text-transform: uppercase;
        }
        
        .ywk-title h2::before {
            content: '';
            position: absolute;
            background: url('/html/template/default/static/image/title1.png');
            width: 44px;
            height: 44px;
            left: -10px;
            top: -5px;
        }
        
        .ywk-title h2::after {
            content: '';
            width: 10px;
            height: 10px;
            background: #003282;
            border-radius: 100%;
            display: inline-block;
            vertical-align: bottom;
            margin-bottom: 10px;
            margin-left: 5px;
        }
        
        .ywk-content {
            width: 92%;
            margin: auto;
            position: relative;
            overflow: hidden;
        }
        
        .vjs-tech,
        .video-dimensions,
        #video_html5_api,
        .vjs-paused,
        .vjs-controls-disabled {
            height: 100%!important;
        }
        /* index - product */
        
        .ywk-index-product {
            padding: 7% 0 5% 0;
            overflow: hidden;
            background: url('/html/template/default/static/image/ipbg.jpg') center top no-repeat;
        }
        
        .ywk-content-top {
            position: relative;
        }
        
        .ywk-content-top-right {
            position: absolute;
            right: 0;
            top: 20px;
            width: 350px;
        }
        
        .ywk-content-top-swiper-leftright {
            position: relative;
            float: right;
            width: 185px;
            height: 50px;
            border: 1px solid #e2e3e5;
        }
        
        .ywk-content-top-swiper-leftright::before {
            content: '';
            width: 1px;
            height: 24px;
            background: #e2e3e5;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -12px;
        }
        
        .ywk-content-top .swiper-product-next,
        .ywk-content-top .swiper-product-prev {
            position: absolute;
            top: 50%;
            margin-top: -25px;
            width: 50%;
            height: 50px;
            cursor: pointer;
            opacity: .5;
            outline: none;
        }
        
        .ywk-content-top .swiper-product-next:hover,
        .ywk-content-top .swiper-product-prev:hover {
            opacity: 1;
        }
        
        .ywk-content-top .swiper-product-prev {
            left: 0;
            background: url('/html/template/default/static/image/left1.png') center no-repeat;
        }
        
        .ywk-content-top .swiper-product-next {
            right: 0;
            background: url('/html/template/default/static/image/right1.png') center no-repeat;
        }
        
        .swiper-product-pagination {
            width: 50%;
            position: absolute;
            left: 0;
            top: 15px;
        }
        
        .swiper-product-pagination {
            font-size: 18px;
            color: #b8becc;
        }
        
        .swiper-product-pagination span.swiper-pagination-total {
            color: #b8becc;
        }
        
        .swiper-product-pagination span.swiper-pagination-current {
            color: #003281;
        }
        
        .ywk-index-product-type {
            padding: 3% 0 0 0;
            overflow: hidden;
        }
        
        .ywk-index-product-type-item {
            width: 100%;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-index-product-type-item .top {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 10%;
            overflow: hidden;
            box-sizing: border-box;
            z-index: 10;
            color: #fff;
        }
        
        .ywk-index-product-type-item .title-1 {
            font-size: 30px;
            position: relative;
            text-transform: uppercase;
            opacity: .8;
        }
        
        .ywk-index-product-type-item .title-1::before {
            content: '';
            width: 20px;
            height: 3px;
            background: #fff;
            margin-bottom: 20px;
            display: block;
            transition: all .4s ease;
        }
        
        .ywk-index-product-type-item .menu-2 {
            padding-right: 6%;
            margin-top: 80px;
            overflow: hidden;
            opacity: 0;
        }
        
        .ywk-index-product-type-item .menu-2 li {
            display: block;
            padding: 3px 0;
            margin: 0;
            list-style: none;
            clear: both;
        }
        
        .ywk-index-product-type-item .menu-2 a {
            color: #fff;
            font-size: 14px;
            position: relative;
            display: inline-block;
        }
        
        .ywk-index-product-type-item .menu-2 a::after {
            content: '';
            width: 0px;
            height: 1px;
            background: #003282;
            position: absolute;
            bottom: -3px;
            left: 0;
            transition: all .4s ease;
        }
        
        .ywk-index-product-type-item .menu-2 a:hover {
            color: #003282;
        }
        
        .ywk-index-product-type-item .menu-2 a:hover::after {
            width: 100%;
        }
        
        .ywk-index-product-type-item .learnmore-3 {
            overflow: hidden;
            padding: 15px 0;
            position: absolute;
            left: 10%;
            bottom: 5%;
            width: 80%;
            opacity: 0;
        }
        
        .ywk-index-product-type-item .learnmore-3::after {
            content: '';
            width: 0px;
            height: 1px;
            background: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            transition: all .4s ease;
        }
        
        .ywk-index-product-type-item .learnmore-3 a {
            display: block;
        }
        
        .ywk-index-product-type-item .learnmore-3 span {
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .ywk-index-product-type-item .learnmore-3 i {
            width: 24px;
            height: 8px;
            background: url('/html/template/default/static/image/jtr1.png') no-repeat;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -4px;
        }
        
        .ywk-index-product-type-item .learnmore-3 a:hover span {
            color: #003282;
        }
        
        .ywk-index-product-type-item:hover .title-1 {
            opacity: 1;
        }
        
        .ywk-index-product-type-item:hover .menu-2 {
            font-size: 14px;
            line-height: 1.6;
            opacity: 1;
            margin-top: 60px;
        }
        
        .ywk-index-product-type-item:hover .learnmore-3 {
            opacity: 1;
            bottom: 10%;
        }
        
        .ywk-index-product-type-item:hover .learnmore-3::after {
            width: 100%;
        }
        
        .ywk-index-product-type-item:hover .img {
            opacity: .6;
            transform: scale(1.1);
        }
        
        .ywk-index-product-type-item:hover {
            background: #000;
        }
        
        .ywk-index-product-type-item * {
            transition: all .4s ease;
        }
        /* index - milestone  */
        
        .ywk-index-milestone {
            padding: 7% 0;
            overflow: hidden;
            background: url('/html/template/default/static/image/imbg.jpg') center top no-repeat #f1f4fa;
            background-size: cover;
        }
        
        .ywk-index-milestone .ywk-content-top {
            text-align: center;
        }
        
        .ywk-index-milestone .ywk-title {
            margin: auto;
            display: inline-block;
        }
        
        .ywk-content-milestone {
            padding-top: 5%;
            overflow: hidden;
        }
        
        .ywk-content-milestone-swiper {
            width: 80%;
            margin: auto;
        }
        
        .ywk-content-milestone-swiper-item {
            position: relative;
            padding: 1px 10%;
        }
        
        .ywk-content-milestone-swiper-item .img {
            width: 40%;
            background-color: transparent;
            box-sizing: border-box;
            border: 1px solid #c0c6cf;
        }
        
        .ywk-content-milestone-swiper-item .text {
            position: absolute;
            width: 40%;
            right: 15%;
            height: 100%;
            top: 0;
        }
        
        .ywk-content-milestone-swiper-item .text .title-1 {
            font-size: 30px;
            color: #1e2d45;
            text-transform: uppercase;
        }
        
        .ywk-content-milestone-swiper-item .text .text-2 {
            font-size: 14px;
            line-height: 26px;
            color: #1e2d45;
            padding: 20px 0 0 0;
        }
        
        .ywk-content-milestone-swiper-item .text .num-3 {
            position: absolute;
            left: 0;
            top: 50%;
            z-index: -1;
            font-size: 400px;
            color: #fff;
            background-image: linear-gradient(to bottom, #ffffff, #f2f5fa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-left: -10px;
            text-shadow: 0px 0px 10px rgba(255, 255, 255, .5);
            transform: translateY(-50%);
        }
        
        .swiper-milestone-next,
        .swiper-milestone-prev {
            width: 45px;
            height: 45px;
            border-radius: 100%;
            border: 1px solid #d0d4dd;
            position: absolute;
            top: 50%;
            margin-top: -22.5px;
            cursor: pointer;
            z-index: 20;
        }
        
        .swiper-milestone-next {
            background: url('/html/template/default/static/image/right2.png') center no-repeat;
            right: 0;
        }
        
        .swiper-milestone-prev {
            background: url('/html/template/default/static/image/left2.png') center no-repeat;
            left: 0;
        }
        
        .swiper-milestone-next:hover,
        .swiper-milestone-prev:hover {
            border: 1px solid #1e2d45;
        }
        
        .ywk-year-milestone {
            margin-top: 7%;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-year-milestone::after {
            content: '';
            width: 100%;
            height: 1px;
            background: #c5cad4;
            position: absolute;
            left: 0;
            top: 4px;
        }
        
        .ywk-year-milestone-swiper {
            width: 80%;
            overflow: hidden;
            margin: auto;
            text-align: center;
        }
        
        .ywk-year-milestone-swiper .swiper-slide {
            cursor: pointer;
        }
        
        .ywk-year-milestone-swiper i {
            width: 8px;
            height: 8px;
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -4px;
            z-index: 1;
            background: #c0c6cf;
        }
        
        .ywk-year-milestone-swiper span {
            font-size: 20px;
            display: block;
            padding-top: 30px;
            margin: auto;
            color: #98a0ad;
        }
        
        .ywk-year-milestone-swiper .swiper-slide-thumb-active span {
            color: #003281;
        }
        
        .ywk-year-milestone-swiper .swiper-slide-thumb-active i {
            background: #003281;
        }
        
        .ywk-year-milestone-swiper i::after {
            content: '';
            width: 0px;
            height: 1px;
            background: #000;
            position: absolute;
            left: 4px;
            top: 4px;
            z-index: 3;
        }
        
        .ywk-year-milestone-swiper .swiper-slide-thumb-active i::after {
            animation: width130 3500ms infinite ease;
        }
        
        @keyframes width130 {
            0% {
                width: 0px;
            }
            100% {
                width: 130px;
            }
        }
        /* index - globalfootprint  */
        
        .ywk-index-globalfootprint {
            padding: 7% 0 2% 0;
            overflow: hidden;
            background: url('/html/template/default/static/image/globalfootprint.jpg') center top no-repeat #0a1019;
            background-size: cover;
        }
        
        .ywk-index-globalfootprint .ywk-content-top {
            text-align: center;
        }
        
        .ywk-index-globalfootprint .ywk-content-top .ywk-title {
            display: inline-block;
        }
        
        .ywk-index-globalfootprint .ywk-content-top .ywk-title h2 {
            color: #fff;
        }
        
        .ywk-index-globalfootprint .ywk-content-top .ywk-title h2::before {
            background: url('/html/template/default/static/image/title2.png');
        }
        
        .ywk-text {
            font-size: 16px;
            color: #fff;
            opacity: .6;
            line-height: 26px;
            width: 65%;
            margin: .5% auto 4% auto;
        }
        
        .ywk-globalfootprint-item {
            width: 86%;
            margin: 3% auto auto auto;
            overflow: hidden;
        }
        
        .ywk-globalfootprint-item li {
            position: relative;
            float: left;
            width: 25%;
            box-sizing: border-box;
            padding: 1.3% 2% 1.5% 2%;
            color: #fff;
            overflow: hidden;
            list-style: none;
            margin: 0;
            text-align: left;
            border-top: 1px solid rgba(255, 255, 255, .2);
            border-right: 1px solid rgba(255, 255, 255, .2);
            border-bottom: 1px solid rgba(255, 255, 255, .2);
            transition: all .4s ease;
        }
        
        .ywk-globalfootprint-item li:first-child {
            border-left: 1px solid rgba(255, 255, 255, .2);
        }
        
        .ywk-globalfootprint-item li i {
            width: 35px;
            height: 35px;
            position: absolute;
            right: 15%;
            top: 24%;
        }
        
        .ywk-globalfootprint-item li h3 {
            margin: 0;
            position: relative;
            font-weight: normal;
        }
        
        .ywk-globalfootprint-item li h3 strong {
            font-size: 44px;
            font-weight: normal;
        }
        
        .ywk-globalfootprint-item li h3 strong em {
            font-style: normal;
        }
        
        .ywk-globalfootprint-item li h3 span {
            font-size: 20px;
            padding-left: 10px;
            text-transform: uppercase;
            font-weight: normal;
        }
        
        .ywk-globalfootprint-item li h3 sup {
            font-size: 30px;
            line-height: 30px;
            font-weight: normal;
            display: inline-block;
            vertical-align: super;
            margin: 0px 0 0 5px;
        }
        
        .ywk-globalfootprint-item li p {
            display: block;
            font-size: 15px;
            opacity: .6;
            margin: 10px 0 0 0;
        }
        
        .ywk-globalfootprint-item li:hover {
            background: rgba(0, 50, 130, .8);
        }
        
        .ywk-content-globalfootprint {
            margin-top: 3%;
            position: relative;
        }
        
        .ywk-content-globalfootprint .img {
            background-color: transparent;
        }
        
        .ywk-map-line {
            width: 1200px;
            margin: auto;
            position: relative;
        }
        
        .ywk-map-line .points {
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 1;
        }
        
        .ywk-map-line .points .yuand {
            position: absolute;
            top: 50%;
            left: -30px;
            margin-top: -25px;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            transform: scale(.1);
            background: rgba(255, 255, 255, .1);
        }
        
        .ywk-map-line .points .yuand i {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #fff;
            margin: 20px;
        }
        
        .ywk-map-line .points .yuand::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -15px 0 0 -15px;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            background: rgba(255, 255, 255, .1);
        }
        
        .ywk-map-line .points span {
            display: block;
            font-size: 12px;
            color: #fff;
            opacity: .4;
            padding: 13px;
            display: none;
        }
        
        .ywk-map-line .points.cur .yuand {
            background: rgba(243, 151, 0, .2);
        }
        
        .ywk-map-line .points.cur .yuand::before {
            background: rgba(243, 151, 0, .2);
        }
        
        .ywk-map-line .points.cur .yuand i {
            background: #003282;
        }
        
        .ywk-map-line .points.cur span {
            color: #003282;
            opacity: 1;
        }
        
        .ywk-map-line .points .yuand {
            animation: yuanfangda 1500ms infinite ease;
        }
        
        .ywk-map-line .points1 .yuand {
            animation: yuanfangda 2200ms infinite ease;
        }
        
        .ywk-map-line .points2 .yuand {
            animation: yuanfangda 2300ms infinite ease;
        }
        
        .ywk-map-line .points4 .yuand {
            animation: yuanfangda 2200ms infinite ease;
        }
        
        .ywk-map-line .points6 .yuand {
            animation: yuanfangda 2300ms infinite ease;
        }
        
        .ywk-map-line .points8 .yuand {
            animation: yuanfangda 2100ms infinite ease;
        }
        
        .ywk-map-line .points10 .yuand {
            animation: yuanfangda 1400ms infinite ease;
        }
        
        .ywk-map-line .points12 .yuand {
            animation: yuanfangda 2600ms infinite ease;
        }
        
        .ywk-map-line .points13 .yuand {
            animation: yuanfangda 1100ms infinite ease;
        }
        
        .ywk-map-line .points17 .yuand {
            animation: yuanfangda 1200ms infinite ease;
        }
        
        .ywk-map-line .points18 .yuand {
            animation: yuanfangda 2100ms infinite ease;
        }
        
        .ywk-map-line .points20 .yuand {
            animation: yuanfangda 1400ms infinite ease;
        }
        
        .ywk-map-line .points22 .yuand {
            animation: yuanfangda 2600ms infinite ease;
        }
        
        .ywk-map-line .points24 .yuand {
            animation: yuanfangda 1300ms infinite ease;
        }
        
        @keyframes yuanfangda {
            0% {
                transform: scale(0.1);
                opacity: 1;
            }
            100% {
                transform: scale(1.2);
                opacity: 0;
            }
        }
        
        .points1 {
            margin: -60px 0 0 -45px;
        }
        
        .points2 {
            margin: -140px 0 0 -405px;
        }
        
        .points3 {
            margin: -95px 0 0 -400px;
        }
        
        .points4 {
            margin: -145px 0 0 -310px;
        }
        
        .points5 {
            margin: -115px 0 0 -350px;
        }
        
        .points6 {
            margin: -170px 0 0 -120px;
        }
        
        .points7 {
            margin: -35px 0 0 -135px;
        }
        
        .points8 {
            margin: 130px 0 0 -300px;
        }
        
        .points9 {
            margin: -90px 0 0 70px;
        }
        
        .points10 {
            margin: 0px 0 0 -30px;
        }
        
        .points11 {
            margin: 120px 0 0 30px;
        }
        
        .points12 {
            margin: 185px 0px 0 170px;
        }
        
        .points13 {
            margin: -155px 0px 0 390px;
        }
        
        .points14 {
            margin: -80px 0px 0 440px;
        }
        
        .points15 {
            margin: 62px 0px 0 530px;
        }
        
        .points16 {
            margin: 102px 0px 0 580px;
        }
        
        .points17 {
            margin: -95px 0px 0 -180px;
        }
        
        .points18 {
            margin: -25px 0px 0 -280px;
        }
        
        .points19 {
            margin: -10px 0px 0 -360px;
        }
        
        .points20 {
            margin: 60px 0px 0 -300px;
        }
        
        .points21 {
            margin: -190px 0px 0 10px;
        }
        
        .points22 {
            margin: -190px 0px 0 310px;
        }
        
        .points23 {
            margin: -20px 0px 0 450px;
        }
        
        .points24 {
            margin: 170px 0px 0 550px;
        }
        /* index - customers  */
        
        .ywk-index-customers {
            padding: 7% 0 2% 0;
            overflow: hidden;
            background: url('/html/template/default/static/image/customers.jpg') center top no-repeat #0a1019;
            background-size: cover;
        }
        
        .ywk-index-customers .ywk-content-top {
            text-align: center;
        }
        
        .ywk-index-customers .ywk-content-top .ywk-title {
            display: inline-block;
        }
        
        .ywk-index-customers .ywk-text {
            color: #1e2d45;
            opacity: .8;
        }
        
        .ywk-content-customers {
            margin: 3% auto;
            position: relative;
            overflow: hidden;
        }
        
        .ywk-content-customers-swiper {
            position: relative;
            overflow: hidden;
            padding-bottom: 5%;
            width: 82%;
            margin: auto;
        }
        
        .ywk-content-customers-swiper .img {
            position: relative;
            background: rgba(255, 255, 255, .5);
            width: 100%;
            transition: all .4s ease;
        }
        
        .ywk-content-customers-swiper .img:hover {
            background: rgba(255, 255, 255, 1);
        }
        
        .ywk-content-customers-swiper .swiper-pagination-customers {
            bottom: 0;
        }
        
        .ywk-content-customers-swiper .swiper-pagination-customers span {
            font-size: 16px;
            color: #003281;
            width: 20px;
            height: auto;
            border-bottom: 2px solid #003281;
        }
        
        .ywk-content-customers-swiper .swiper-pagination-customers span.swiper-pagination-bullet {
            margin: 0 10px;
            border-radius: 0;
            background: none;
            padding-bottom: 5px;
        }
        
        .ywk-content-customers-swiper .swiper-pagination-customers span.swiper-pagination-bullet-active {
            color: #003282;
            border-bottom: 2px solid #003282;
        }
        /* product */
        
        .ywk-page-banner {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
        .ywk-page-banner .img {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            animation: bgimgain 3000ms 1 ease-out;
        }
        
        @keyframes bgimgain {
            0% {
                transform: scale(1.05);
            }
            100% {
                transform: scale(1.0);
            }
        }
        
        .ywk-page-banner .banner-title.bottom35 {
            bottom: 35%;
        }
        
        .ywk-page-banner .ywk-index-banner-scroll {
            right: 5%;
            left: auto;
            bottom: 10%;
        }
        
        .banner-title {
            position: absolute;
            left: 5%;
            bottom: 12%;
            z-index: 10;
            padding: 10px 0 0 20px;
            overflow: hidden;
            background: url('/html/template/default/static/image/sc2.png') left top no-repeat;
        }
        
        .banner-title h2 {
            position: relative;
            font-size: 60px;
            line-height: 100px;
            margin: 0;
            color: #fff;
            text-transform: uppercase;
        }
        
        .banner-nav-type {
            bottom: 0;
            left: 0;
            width: 100%;
            height: auto;
            z-index: 5;
            position: absolute;
            background: rgba(255, 255, 255, .15);
            backdrop-filter: blur(5px);
        }
        
        .banner-nav-type::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            right: 0;
            top: 0;
            background: #fff;
            opacity: .2;
        }
        
        .nav-type {
            position: relative;
            font-size: 0;
            text-align: center;
            overflow: hidden;
            /*background: url('/html/template/default/static/upload/nav-mark.png');*/
            padding-bottom: 60px;
        }
        
        .nav-type::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: #fff;
            opacity: .2;
        }
        
        .nav-type li {
            width: 14.285%;
            float: left;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        .nav-type li::after {
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            background: rgba(255, 255, 255, .2);
            display: none;
        }
        
        .nav-type li:last-child::after {
            display: none;
        }
        
        .nav-type a {
            width: 100%;
            height: 100%;
            overflow: hidden;
            padding: 15% 0;
            background: url('/html/template/default/static/image/tiao.png') 300px 400px no-repeat;
            position: relative;
            display: block;
            box-sizing: border-box;
            z-index: 10;
            position: relative;
        }
        
        .nav-type a::before {
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            background: rgba(255, 255, 255, .2);
        }
        
        .nav-type li:last-child a::before {
            display: none;
        }
        
        .nav-type a i {
            display: block;
            width: 55px;
            height: 55px;
            position: relative;
            margin: auto;
        }
        
        .nav-type a i img,
        .nav-type a i svg {
            max-width: 80%;
            max-height: 80%;
            opacity: .8;
        }
        
        .nav-type a i * {
            fill: #ffffff!important;
        }
        
        .nav-type a h4 {
            position: relative;
            font-size: 18px;
            color: #fff;
            margin: 0;
            font-weight: normal;
            z-index: 5;
            text-transform: uppercase;
            opacity: .8;
        }
        
        .nav-type a:hover {
            background: #003281 url('/html/template/default/static/image/tiao.png') 100px -50px no-repeat;
        }
        
        .nav-type li.cur a {
            background: #003281 url('/html/template/default/static/image/tiao.png') 100px -50px no-repeat;
        }
        
        .nav-type li.cur a h4 {
            opacity: 1;
        }
        
        .nav-type li.cur a i * {
            opacity: 1;
        }
        /* .nav-type-two {overflow: hidden;padding:30px 0;position: relative;background: url('/html/template/default/static/upload/nav-mark.png');}
.nav-type-show {display: none;overflow: hidden;opacity: 0;position: absolute;left:5%;top: 0;width: 90%;height: 100%;z-index: 11;}
.nav-type-show.cur {display: block;opacity: 1;}
.nav-type-show a{display: inline-block;vertical-align: middle;line-height: 60px;color: #fff;text-transform: uppercase;margin-right:2%;opacity: .6; position: relative;font-size: 13px;}
.nav-type-show a:hover::after {width: 100%;}
.nav-type-show a:hover {opacity:1;}
.nav-type-show a.cur {color: #003282;opacity:1;}
.nav-type-show a::after {content: '';width: 0px;height: 1px;position: absolute;bottom: 15px;left: 0;background: #fff;transition:all .4s ease;}
.nav-type-show a.cur::after {width: 100%;background: #003282;} */
        
        .nav-type-two-show {
            position: absolute;
            left: 0;
            width: 100%;
            overflow: hidden;
            z-index: 33;
            bottom: 0;
            height: 60px;
            display: none;
        }
        
        .nav-type-two-show::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            right: 0;
            top: 0;
            background: #fff;
            opacity: .2;
        }
        
        .nav-type-two-show .nav-type-two {
            width: 90%;
            height: 100%;
            padding: 0;
            background: none;
            position: relative;
            text-align: left;
            margin: auto;
        }
        
        .nav-type-two-show .nav-type-two a {
            width: auto;
            height: auto;
            background: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 60px;
            color: #fff;
            margin-right: 2%;
            opacity: .6;
            position: relative;
            font-size: 13px;
            padding: 0;
            background: none;
            font-weight: bold;
        }
        
        .nav-type-two-show .nav-type-two a::before {
            display: none;
        }
        
        .nav-type-two-show .nav-type-two a.cur,
        .nav-type li.cur .nav-type-two-show .nav-type-two a {
            background: none;
        }
        
        .nav-type-two-show .nav-type-two a.cur {
            color: #003282;
            opacity: 1;
        }
        
        .nav-type-two-show .nav-type-two a:hover {
            opacity: 1;
        }
        
        .nav-type-two-show .nav-type-two a::after {
            content: '';
            width: 0px;
            height: 1px;
            position: absolute;
            bottom: 15px;
            left: 0;
            background: #fff;
            transition: all .4s ease;
        }
        
        .nav-type-two-show .nav-type-two a.cur::after {
            width: 100%;
            background: #003282;
        }
        
        .nav-type-two-show .nav-type-two a:hover::after {
            width: 100%;
        }
        
        .nav-type li.cur .nav-type-two-show {
            display: block;
        }
        
        .ywk-page {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-page.boxkuai::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            background: #f5f7fa;
        }
        
        .ywk-page-content {
            position: relative;
            overflow: hidden;
            z-index: 10;
        }
        
        .ywk-product-content {
            padding: 6% 0;
            overflow: hidden;
            width: 88%;
            margin: auto;
            position: relative;
        }
        
        .ywk-left {
            float: left;
            width: 38%;
            padding: 0 0 0 7%;
            position: relative;
        }
        
        .ywk-introduce {
            font-size: 18px;
            line-height: 30px;
            color: #1e2d45;
            overflow: hidden;
            text-align: justify;
        }
        
        .ywk-introduce-line {
            color: #003281;
            font-size: 16px;
            line-height: 26px;
            padding: 20px 0;
            overflow: hidden;
            text-align: justify;
        }
        
        .ywk-introduce-line p {
            text-decoration: underline;
        }
        
        .ywk-introduce-item {
            overflow: hidden;
        }
        
        .ywk-introduce-item li {
            list-style: none;
            float: left;
            overflow: hidden;
            margin-right: 10%;
        }
        
        .ywk-introduce-item li h4 {
            font-weight: normal;
            color: #003282;
            margin: 5px 0;
        }
        
        .ywk-introduce-item li h4 strong {
            font-weight: normal;
            font-size: 30px;
        }
        
        .ywk-introduce-item li h4 span {
            font-size: 20px;
        }
        
        .ywk-introduce-item li p {
            display: block;
            font-size: 14px;
            color: #666e80;
            margin: 5px 0;
        }
        
        .ywk-right {
            width: 50%;
            float: right;
        }
        
        .ywk-right-video {
            position: relative;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        
        .ywk-play {
            width: 76px;
            height: 76px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -33px 0 0 -33px;
            border: 3px solid #fff;
            border-radius: 100%;
            z-index: 10;
            cursor: pointer;
            transition: all .4s ease;
        }
        
        .ywk-play:hover {
            border: 3px solid #003282;
        }
        
        .ywk-play i {
            display: block;
            width: 17px;
            height: 23px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -11.5px 0 0 -7.5px;
            background: url('/html/template/default/static/image/play.png') center no-repeat;
        }
        
        .ywk-product {
            padding: 6% 0;
            overflow: hidden;
            width: 88%;
            margin: auto;
        }
        
        .ywk-product .ywk-content-top {
            text-align: center;
        }
        
        .ywk-product .ywk-content-top .ywk-title {
            display: inline-block;
        }
        
        .ywk-product-nav {
            text-align: center;
            margin-top: 30px;
            overflow: hidden;
            font-size: 0;
        }
        
        .ywk-product-nav a {
            text-transform: uppercase;
            font-size: 18px;
            color: #9498a0;
            line-height: 60px;
            padding: 0 40px;
            display: inline-block;
            vertical-align: middle;
            box-sizing: border-box;
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
        }
        
        .ywk-product-nav a:first-child {
            border-left: 1px solid #e5e5e5;
        }
        
        .ywk-product-nav a.cur {
            color: #fff;
            background: #003281 url('/html/template/default/static/image/tiao.png') 20% 20% no-repeat;
        }
        
        .ywk-product-nav a:hover {
            color: #003281;
        }
        
        .ywk-product-nav a.cur:hover {
            color: #fff;
        }
        
        .ywk-product-list {
            padding: 3% 0 0 0;
            overflow: hidden;
        }
        
        .ywk-product-item {
            float: left;
            width: 49%;
            margin-bottom: 1%;
            margin-right: 1%;
            overflow: hidden;
        }
        
        .ywk-product-item a {
            display: block;
            position: relative;
        }
        
        .ywk-product-item .text {
            width: 40%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            left: 0;
            z-index: 2;
            padding-left: 10%;
        }
        
        .ywk-product-item .title-1 {
            font-size: 26px;
            color: #1e2d45;
            position: relative;
            overflow: hidden;
            padding-bottom: 7%;
            padding-top: 5px;
        }
        
        .ywk-product-item .title-1::after,
        .ywk-product-item .title-1::before {
            content: '';
            width: 100%;
            height: 2px;
            background: #dadddf;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .ywk-product-item .title-1::before {
            width: 20%;
            z-index: 3;
            background: #003282;
            transition: all .4s ease;
        }
        
        .ywk-product-item .title-1::after {
            width: 100%;
        }
        
        .ywk-product-item .text-2 {
            font-size: 14px;
            line-height: 26px;
            color: #666e80;
            padding: 6% 0;
            overflow: hidden;
        }
        
        .ywk-product-item .more-3 {
            position: relative;
            padding-top: 7%;
            padding-bottom: 5px;
            overflow: hidden;
            display: inline-block;
        }
        
        .ywk-product-item .more-3::after {
            content: '';
            width: 0px;
            height: 1px;
            background: #c6d1e3;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all .4s ease;
        }
        
        .ywk-product-item .more-3 span {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            color: #a1a6b2;
            margin-right: 10px;
        }
        
        .ywk-product-item .more-3 i {
            display: inline-block;
            vertical-align: middle;
            background: url('/html/template/default/static/image/right2.png') center no-repeat;
            width: 17px;
            height: 7px;
            opacity: .4;
        }
        
        .ywk-product-item .img {
            background-color: #f5f7fa;
        }
        
        .ywk-product-item .img img {
            opacity: 0;
        }
        
        .ywk-product-item .product-pic {
            width: 50%;
            height: 100%;
            overflow: hidden;
            position: absolute;
            right: 0;
        }
        
        .ywk-product-item a:hover .title-1 {
            padding-left: 10px;
            background: url('/html/template/default/static/image/bt1.png') left top no-repeat;
            color: #003281;
        }
        
        .ywk-product-item a:hover .title-1::before {
            width: 100%;
        }
        
        .ywk-product-item a:hover .text-2 {
            color: #666e80;
        }
        
        .ywk-product-item a:hover .more-3 span {
            color: #1e2d45;
        }
        
        .ywk-product-item a:hover .more-3 i {
            opacity: 1;
        }
        
        .ywk-product-item a:hover .more-3::after {
            width: 100%;
        }
        
        .ywk-product-item a:hover .product-pic img.img-center {
            transform: scale(1.05);
        }
        
        .ywk-product-detail {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-product-detail-top {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-product-detail-path {
            padding: 20px 0;
            font-size: 12px;
            color: #666e80;
            position: absolute;
            left: 4%;
            top: 98px;
            z-index: 10;
            width: 92%;
        }
        
        .ywk-product-detail-path a {
            font-size: 12px;
            color: #666e80;
        }
        
        .ywk-product-detail-path a.cur {
            color: #003281;
        }
        
        .ywk-product-detail-path a:hover {
            color: #003281;
        }
        
        .ywk-product-detail-text {
            position: absolute;
            width: 88%;
            left: 9%;
            top: 50%;
            z-index: 5;
            padding-top: 4.8%;
            overflow: hidden;
            transform: translateY(-50%);
        }
        
        .ywk-product-detail-text .xinghao-1 {
            color: #003282;
            font-size: 40px;
        }
        
        .ywk-product-detail-text .title-2 {
            color: #003281;
            font-size: 90px;
            text-transform: uppercase;
            width: 36%;
        }
        
        .ywk-product-detail-text .line-3 {
            width: 50px;
            height: 4px;
            background: #003281;
            margin: 20px 0;
        }
        
        .ywk-product-detail-text .text-4 {
            color: #666e80;
            font-size: 16px;
            line-height: 28px;
            padding-top: .3%;
            overflow: auto;
            width: 36%;
            max-height: 220px;
        }
        
        .ywk-product-detail-text .text-4::-webkit-scrollbar {
            height: 4px;
            width: 2px;
            background: #dbdedf;
        }
        
        .ywk-product-detail-text .text-4 p {
            margin: 0;
            padding: 0;
            font-size: 16px;
            line-height: 28px;
        }
        
        .ywk-product-detail-text .text-4 * {
            margin: 0;
            padding: 0;
            font-size: 16px;
            line-height: 28px;
        }
        
        .ywk-product-detail-pic {
            position: absolute;
            width: 50%;
            right: 5%;
            top: 10%;
            overflow: hidden;
            z-index: 8;
        }
        
        .ywk-product-detail-pic .pic {
            position: relative;
        }
        
        .bigtitle-bg {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            width: 90%;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .bigtitle-bg strong {
            font-weight: normal;
            font-size: 290px;
            line-height: 250px;
            text-transform: uppercase;
            background-image: linear-gradient(to bottom, #eef2f4, #1e2d45);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            opacity: .1;
        }
        
        .ywk-product-detail-features {
            overflow: hidden;
            position: relative;
        }
        
        .ywk-product-detail-main {
            position: absolute;
            overflow: hidden;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 5;
        }
        
        .ywk-product-detail-features .ywk-content-top {
            text-align: center;
            padding-top: 10%;
            overflow: hidden;
        }
        
        .ywk-product-detail-features .ywk-title {
            display: inline-block;
        }
        
        .ywk-product-detail-features .ywk-title h2 {
            color: #fff;
        }
        
        .ywk-product-detail-features .ywk-title h2::before {
            background: url('/html/template/default/static/image/title2.png');
        }
        
        .ywk-features-swiper {
            padding: 3% 0 5% 0;
            overflow: hidden;
            width: 80%;
            margin: 0 auto;
        }
        
        .features-item {
            position: relative;
            background: rgba(255, 255, 255, .05) url('/html/template/default/static/image/tiao.png') 1000px 1000px no-repeat;
            overflow: hidden;
            transition: all .4s ease;
            backdrop-filter: blur(3px);
        }
        
        .features-item .text {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding: 5% 15%;
            overflow: hidden;
            box-sizing: border-box;
            text-align: center;
            color: #fff;
        }
        
        .features-item i {
            display: block;
            width: 60px;
            height: 60px;
            margin: 10px auto;
            position: relative;
        }
        
        .features-item .title-1 {
            font-weight: bold;
            position: relative;
            font-size: 18px;
        }
        
        .features-item .title-1::after {
            content: '';
            width: 40px;
            height: 2px;
            display: block;
            margin: 20px auto;
            background: #003282;
        }
        
        .features-item strong {
            display: block;
            font-weight: normal;
            font-size: 15px;
            line-height: 25px;
            margin-top: 20px;
            opacity: .6;
        }
        
        .features-item .img {
            background-color: transparent;
        }
        
        .features-item:hover {
            margin-top: -20px;
            background: #013281 url('/html/template/default/static/image/tiao.png') 200px 150px no-repeat;
        }
        
        .features-item:hover strong {
            opacity: 1;
        }
        
        .ywk-features-swiper .swiper-pagination-features {
            bottom: 0;
        }
        
        .ywk-features-swiper .swiper-pagination-features span {
            font-size: 16px;
            color: #fff;
            width: 30px;
            height: auto;
            border-bottom: 2px solid #fff;
        }
        
        .ywk-features-swiper .swiper-pagination-features span.swiper-pagination-bullet {
            margin: 0 10px;
            border-radius: 0;
            background: none;
            padding-bottom: 5px;
        }
        
        .ywk-features-swiper .swiper-pagination-features span.swiper-pagination-bullet-active {
            color: #003282;
            border-bottom: 2px solid #003282;
        }
        
        .swiper-features-next,
        .swiper-features-prev {
            position: absolute;
            top: 50%;
            margin-top: 13px;
            width: 30px;
            height: 57px;
            cursor: pointer;
            opacity: .5;
            outline: none;
        }
        
        .swiper-features-next:hover,
        .swiper-features-prev:hover {
            opacity: 1;
        }
        
        .swiper-features-prev {
            left: 6%;
            background: url('/html/template/default/static/image/left3.png') center no-repeat;
            background-size: 100%;
        }
        
        .swiper-features-next {
            right: 6%;
            background: url('/html/template/default/static/image/right3.png') center no-repeat;
            background-size: 100%;
        }
        
        .ywk-product-detail-applications {
            overflow: hidden;
            padding: 8% 0 5% 0;
            background: url('/html/template/default/static/image/applications.jpg') center no-repeat;
            background-size: cover;
        }
        
        .ywk-applications-content {
            margin-left: 10%;
            width: 90%;
            position: relative;
            overflow: hidden;
        }
        
        .ywk-applications-swiper {
            padding: 3% 0 5% 0;
            overflow: hidden;
            cursor: url(https://www.envicool.net/static/upload/hmous.cur), default!important;
        }
        
        .ywk-applications-swiper .text {
            position: absolute;
            bottom: 10%;
            left: 10%;
            z-index: 2;
            font-size: 24px;
            color: #fff;
        }
        
        .ywk-applications-swiper .swiper-slide .img {
            overflow: hidden;
        }
        
        .ywk-applications-swiper .swiper-slide .pic {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-color: #000;
            transition: all .4s ease;
        }
        
        .ywk-applications-swiper .swiper-slide:hover .img .pic {
            transform: scale(1.1);
        }
        
        .ywk-applications-swiper .ywk-progressbar {
            bottom: 2%;
            top: auto;
            height: 2px;
            background: #d8dcde;
            width: 80%;
        }
        
        .ywk-applications-swiper .ywk-progressbar span {
            background: #003281;
        }
        
        .swiper-pagination-num {
            font-size: 20px;
            position: absolute;
            bottom: 5px;
            right: 15%;
            color: #a1a6b2;
        }
        
        .swiper-pagination-num span {
            font-size: 20px;
        }
        
        .swiper-pagination-num #current1 {
            color: #003281;
        }
        
        .ywk-product-detail-parameter {
            padding: 5% 0;
            overflow: hidden;
            background: url('/html/template/default/static/image/parameter1.jpg') center no-repeat;
            background-size: cover;
        }
        
        .ywk-product-detail-parameter .pic {
            float: left;
            width: 50%;
            position: relative;
        }
        
        .ywk-parameter-content {
            overflow: hidden;
            position: relative;
            width: 40%;
            margin-top: 3%;
        }
        
        .ywk-parameter-content .title-1 {
            font-size: 60px;
            color: #003281;
            padding-bottom: 30px;
            margin-bottom: 30px;
            border-bottom: 3px solid #003281;
            text-transform: uppercase;
        }
        
        .ywk-parameter-content .parameter-2 {
            overflow: hidden;
            height: 580px;
            overflow-x: hidden;
            overflow-y: auto;
        }
        
        .ywk-parameter-content .parameter-2::-webkit-scrollbar {
            width: 2px;
        }
        
        .ywk-parameter-content .parameter-2 ul {
            list-style: none;
            padding: 0;
            margin: 0;
            padding-right: 5%;
        }
        
        .ywk-parameter-content .parameter-2 ul * {
            transition: all .4s ease;
        }
        
        .ywk-parameter-content .parameter-2 ul li {
            list-style: none;
            padding: 20px 0;
            margin: 0;
            border-bottom: 1px solid #e5e5e5;
            float: left;
            width: 45%;
            margin-right: 5%;
        }
        
        .ywk-parameter-content .parameter-2 ul li span {
            color: #666e80;
            font-size: 14px;
            display: block;
        }
        
        .ywk-parameter-content .parameter-2 ul li strong {
            font-weight: normal;
            font-size: 14px;
            margin: 5px 0;
            color: #1e2d45;
            display: block;
        }
        
        .ywk-parameter-content .parameter-2 ul h6 {
            font-weight: normal;
            margin: 0px;
            padding: 25px 0;
            font-size: 14px;
            display: block;
            clear: both;
            color: #1e2d45;
            width: 95%;
            border-bottom: 1px solid #e5e5e5;
        }
        
        .ywk-parameter-content .parameter-2 ul li:hover {
            border-bottom: 1px solid #003282;
        }
        
        .ywk-parameter-content .parameter-2 ul li:hover strong {
            color: #003282;
        }
        /* solutions */
        
        .ywk-solutions-content {
            overflow: hidden;
        }
        
        .ywk-solutions-content .ywk-content-top {
            text-align: center;
        }
        
        .ywk-solutions-content .ywk-content-top .ywk-title {
            display: inline-block;
        }
        
        .ywk-solutions-content .ywk-content-top .ywk-text {
            font-size: 30px;
            text-transform: uppercase;
            padding-bottom: 20px;
            color: #1e2d45;
            width: 100%;
            opacity: 1;
            margin: 20px auto auto;
        }
        
        .ywk-data-center {
            background: url('/html/template/default/static/image/bg2.jpg');
            padding: 7% 0 3% 0;
            overflow: hidden;
        }
        
        .ywk-content-data-center {
            margin: 3% auto;
            overflow: hidden;
            width: 90%;
            position: relative;
        }
        
        .ywk-content-data-center .leftpic-1 {
            width: 47.5%;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-content-data-center .textright-2 {
            position: absolute;
            width: 43%;
            right: 5%;
            top: 0;
            height: 100%;
        }
        
        .ywk-content-data-center .textright-2 .title-1 {
            font-size: 40px;
            text-transform: uppercase;
            padding-bottom: 20px;
            color: #1e2d45;
        }
        
        .ywk-content-data-center .textright-2 .title-1 strong {
            color: #003281;
            font-weight: normal;
        }
        
        .ywk-content-data-center .textright-2 .text-2 {
            font-size: 16px;
            line-height: 26px;
            color: #666e80;
            text-align: justify;
            width: 84%;
        }
        
        .ywk-content-data-center-solution {
            margin: 5% auto;
            overflow: hidden;
            width: 90%;
            position: relative;
            clear: both;
        }
        
        .ywk-data-center-item {
            position: relative;
            overflow: hidden;
            float: left;
            width: 33.333%;
            margin: 0;
            background: #000;
        }
        
        .ywk-data-center-item * {
            transition: all .4s ease;
        }
        
        .ywk-data-center-item .text {
            position: absolute;
            width: 90%;
            left: 5%;
            bottom: 5%;
            z-index: 1;
            transform: translateY(80px);
        }
        
        .ywk-data-center-item .text .title-1 {
            font-size: 30px;
            text-transform: uppercase;
            color: #fff;
            position: relative;
        }
        
        .ywk-data-center-item .text .title-1::after {
            content: '';
            display: block;
            width: 0px;
            height: 2px;
            margin: 20px 0;
            background: #003282;
            transition: all .4s ease;
        }
        
        .ywk-data-center-item .text .text-2 {
            font-size: 14px;
            color: #b1b2b2;
            line-height: 24px;
            opacity: 0;
            min-height: 40px;
        }
        
        .ywk-data-center-item:hover .title-1 {
            color: #003282;
        }
        
        .ywk-data-center-item:hover .text {
            transform: translateY(0px);
        }
        
        .ywk-data-center-item:hover .title-1::after {
            width: 40px;
        }
        
        .ywk-data-center-item:hover .text-2 {
            opacity: 1;
        }
        
        .ywk-data-center-item:hover .img {
            opacity: .4;
        }
        
        .ywk-application-scenarios {
            padding: 7% 0 0 0;
            overflow: hidden;
            background: #f5f7fa;
        }
        
        .ywk-application-scenarios .ywk-title {
            margin-left: 5%;
        }
        
        .ywk-application-scenarios-center {
            overflow: hidden;
        }
        
        .ywk-application-scenarios-item {
            position: relative;
            overflow: hidden;
            clear: both;
            margin: 7% 0;
        }
        
        .ywk-application-scenarios-item.fr .img {
            float: right;
            width: 70%;
        }
        
        .ywk-application-scenarios-item.fl .img {
            float: left;
            width: 70%;
        }
        
        .ywk-application-scenarios-item .text {
            position: absolute;
            left: 0;
            top: 15%;
            width: 40%;
            background: #fff;
            overflow: hidden;
            z-index: 5;
            box-sizing: border-box;
        }
        
        .ywk-application-scenarios-item.fl .text {
            left: auto;
            right: 0;
        }
        
        .ywk-application-scenarios-item .text .text-center {
            position: absolute;
            width: 77%;
            height: 100%;
            left: 13%;
            top: 0;
            overflow: hidden;
        }
        
        .ywk-application-scenarios-item .text .num-1 {
            font-size: 24px;
            color: #a1a7b2;
        }
        
        .ywk-application-scenarios-item .text .name-2 {
            font-size: 30px;
            color: #003281;
            text-transform: uppercase;
        }
        
        .ywk-application-scenarios-item .text .item-3 {
            font-size: 14px;
            color: #666e80;
            line-height: 24px;
            margin: 30px 0 50px 0;
            padding-left: 10px;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-application-scenarios-item .text .item-3::before {
            content: '';
            width: 2px;
            height: 100%;
            background: #003281;
            position: absolute;
            left: 0;
            top: 0;
        }
        
        .ywk-application-scenarios-item .text .item-3 li {
            list-style: none;
            margin: 0;
            font-size: 14px;
            color: #666e80;
            line-height: 24px;
            position: relative;
            padding-left: 10px;
        }
        
        .ywk-application-scenarios-item .text .item-3 li::before {
            content: '';
            width: 3px;
            height: 3px;
            background: #ccc;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -1px;
        }
        
        .ywk-application-scenarios-item .img {
            position: relative;
        }
        
        .ywk-application-scenarios-item .img a {
            display: block;
        }
        
        .readmore {
            overflow: hidden;
            clear: both;
        }
        
        .readmore a {
            display: block;
            border: 1px solid #003281;
            width: 200px;
            height: 52px;
            text-align: center;
        }
        
        .readmore span {
            font-size: 14px;
            line-height: 52px;
            color: #003281;
            display: inline-block;
            vertical-align: middle;
            text-transform: uppercase;
            margin-right: 10px;
        }
        
        .readmore i {
            display: inline-block;
            vertical-align: middle;
            background: url('/html/template/default/static/image/right4.png') no-repeat;
            width: 24px;
            height: 8px;
        }
        
        .readmore a:hover {
            background: #003281;
            border: 1px solid #003281;
        }
        
        .readmore a:hover span {
            color: #fff;
        }
        
        .readmore a:hover i {
            background: url('/html/template/default/static/image/right5.png') no-repeat;
        }
        
        .ywk-reference-video {
            padding: 7% 0;
            width: 90%;
            margin: auto;
            overflow: hidden;
        }
        
        .ywk-reference-video .ywk-text {
            color: #666e80;
            opacity: 1;
            text-align: left;
            width: 100%;
        }
        
        .ywk-reference-video-center {
            overflow: hidden;
            position: relative;
        }
        
        .ywk-reference-video-center .video {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0;
        }
        
        .ywk-reference-video-center .video video {
            width: auto;
            height: 100%;
            display: block;
            margin: auto;
        }
        
        .ywk-reference-video-center.cur .video {
            opacity: 1;
        }
        
        .ywk-reference-video-center.cur .ywk-play {
            display: none;
        }
        
        .ywk-reference-video-center .ywk-close.ywk-close-video {
            right: 0px;
            top: 0px;
            background: url(/html/template/default/static/image/xx.png) center no-repeat #fff;
            z-index: 10;
            display: none;
        }
        
        .ywk-reference-video-center .ywk-close.ywk-close-video:hover {
            transform: none;
        }
        
        .ywk-reference-video-center.cur .ywk-close.ywk-close-video {
            display: block;
        }
        
        .ywk-reference {
            padding: 7% 0;
            overflow: hidden;
            background: #f5f7fa;
        }
        
        .ywk-reference .ywk-content-top {
            width: 90%;
            margin: auto;
            text-align: left;
        }
        
        .ywk-reference .ywk-content-top .ywk-text {
            color: #666e80;
            opacity: 1;
            text-align: left;
            width: 100%;
        }
        
        .ywk-reference-content {
            overflow: hidden;
            position: relative;
            margin-left: 5%;
            width: 95%;
            margin-top: 5%;
        }
        
        .ywk-reference-item {
            position: relative;
            overflow: visible;
        }
        
        .ywk-reference-item .img {
            opacity: .4;
        }
        
        .ywk-reference-item .text {
            display: none;
        }
        
        .ywk-reference-text {
            position: absolute;
            right: 10%;
            top: 50%;
            transform: translateY(-50%);
            width: 35%;
            background: #fff;
            overflow: hidden;
            z-index: 15;
        }
        
        .ywk-reference-text::after {
            content: '';
            width: 3px;
            height: 100%;
            background: #003281;
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .ywk-reference-text .text-center {
            position: absolute;
            width: 77%;
            height: 100%;
            left: 13%;
            top: 0;
            overflow: hidden;
        }
        
        .ywk-reference-text .text-1 {
            font-size: 16px;
            color: #a1a7b2;
            padding-bottom: 10px;
        }
        
        .ywk-reference-text .title-2 {
            font-size: 40px;
            color: #1e2d45;
            text-transform: uppercase;
            margin-bottom: 80px;
        }
        
        .ywk-reference-swiper .swiper-slide-active .img {
            opacity: 1;
        }
        
        .ywk-reference-text .swiper-pagination {
            position: absolute;
            right: 10%;
            bottom: 10%;
            z-index: 10;
        }
        
        .ywk-reference-text .reference-swiper-prev,
        .ywk-reference-text .reference-swiper-next {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 13px;
            opacity: .5;
            cursor: pointer;
        }
        
        .ywk-reference-text .reference-swiper-prev:hover,
        .ywk-reference-text .reference-swiper-next:hover {
            opacity: 1;
        }
        
        .ywk-reference-text .reference-swiper-prev {
            background: url('/html/template/default/static/image/left6.png') center no-repeat;
        }
        
        .ywk-reference-text .reference-swiper-next {
            background: url('/html/template/default/static/image/right6.png') center no-repeat;
        }
        
        .ywk-reference-text .reference-pagination {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px;
            color: #b8becc;
            font-size: 20px;
        }
        
        .ywk-reference-text .reference-pagination span {
            color: #b8becc;
            font-size: 20px;
        }
        
        .ywk-reference-text .reference-pagination #current1 {
            color: #003281;
        }
        
        .ywk-more {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -45px;
        }
        
        .ywk-more a {
            width: 160px;
            height: 75px;
            display: block;
            text-align: center;
            background: #003282;
            padding-top: 20px;
        }
        
        .ywk-more a span {
            display: block;
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
            padding: 10px 0;
        }
        
        .ywk-more a i {
            display: block;
            background: url('/html/template/default/static/image/more1.png');
            width: 68px;
            height: 8px;
            margin: auto;
        }
        
        .ywk-more a:hover {
            background: #003281;
        }
        
        .ywk-product-detail-path.white {
            color: #bbbcbd;
        }
        
        .ywk-product-detail-path.white a {
            color: #bbbcbd;
        }
        
        .ywk-product-detail-path.white a.cur {
            color: #fff;
        }
        
        .ywk-solutions-roomcooling {
            width: 90%;
            margin: auto;
            position: relative;
            overflow: hidden;
            padding-top: 10%;
        }
        
        .ywk-solutions-roomcooling::after {
            content: '';
            width: 70%;
            height: 85%;
            background: #f5f7fa;
            position: absolute;
            right: 0;
            bottom: 0;
        }
        
        .ywk-solutions-roomcooling .img {
            float: left;
            width: 45%;
            z-index: 5;
        }
        
        .ywk-solutions-roomcooling .text {
            float: left;
            width: 40%;
            position: relative;
            z-index: 5;
            padding: 5% 5% 0 5%;
            overflow: hidden;
        }
        
        .ywk-solutions-roomcooling .title-1 {
            font-size: 40px;
            color: #1e2d45;
            text-transform: uppercase;
        }
        
        .ywk-solutions-roomcooling .title-1::after {
            content: '';
            width: 40px;
            height: 2px;
            background: #003282;
            display: block;
            margin: 30px 0;
        }
        
        .ywk-solutions-roomcooling .text-2 {
            font-size: 16px;
            color: #666e80;
            line-height: 30px;
        }
        
        .ywk-solutions-roomcooling-list {
            width: 90%;
            margin: auto;
            position: relative;
            overflow: hidden;
            padding: 0 0 6% 0;
        }
        
        .ywk-solutions-roomcooling-item {
            width: 85%;
            margin: auto;
            position: relative;
            overflow: hidden;
            clear: both;
        }
        
        .ywk-roomcooling-item {
            overflow: hidden;
            clear: both;
            margin-top: 12%;
        }
        
        .ywk-roomcooling-item-left {
            float: left;
            width: 40%;
            overflow: hidden;
            margin-top: 5%;
        }
        
        .ywk-roomcooling-item-left .title-1 {
            font-size: 40px;
            color: #1e2d45;
            text-transform: uppercase;
            border-bottom: 2px solid #e8eaec;
            padding-bottom: 25px;
        }
        
        .ywk-roomcooling-item-left .items-2 {
            padding: 30px 0;
            overflow: hidden;
        }
        
        .ywk-roomcooling-item-left .items-2 ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .ywk-roomcooling-item-left .items-2 li {
            list-style: none;
            margin: 10px 0;
            padding: 0 0 0 20px;
            font-size: 14px;
            color: #666e80;
            line-height: 24px;
            position: relative;
        }
        
        .ywk-roomcooling-item-left .items-2 li::before {
            content: '';
            background: url('/html/template/default/static/image/li1.png') no-repeat;
            width: 9px;
            height: 9px;
            position: absolute;
            left: 0;
            top: 8px;
        }
        
        .ywk-roomcooling-item-left .items-2 li.cur {
            color: #003281;
        }
        
        .ywk-roomcooling-item-left .items-2 li.cur::before {
            background: url('/html/template/default/static/image/li.png') no-repeat;
        }
        
        .ywk-roomcooling-item-left .readmore a {
            border: 1px solid #a1a6b2;
        }
        
        .ywk-roomcooling-item-left .readmore span {
            color: #a1a6b2;
        }
        
        .ywk-roomcooling-item-left .readmore i {
            background: url(/html/template/default/static/image/right41.png) no-repeat;
        }
        
        .ywk-roomcooling-item-right {
            float: right;
            width: 50%;
            overflow: hidden;
            background: url('/html/template/default/static/image/aircooled.jpg') center no-repeat;
            background-size: cover;
        }
        
        .ywk-roomcooling-item-swiper {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-roomcooling-item-swiper .img {
            position: relative;
            overflow: hidden;
            background-color: transparent;
        }
        
        .ywk-roomcooling-item-swiper .img img.img-center {
            max-width: 80%;
            max-height: 80%;
        }
        
        .ywk-roomcooling-item.fr .ywk-roomcooling-item-left {
            float: right;
        }
        
        .ywk-roomcooling-item.fr .ywk-roomcooling-item-right {
            float: left;
        }
        
        .ywk-popup-windows {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            transform: translateY(-120%);
            transition: all .4s ease;
        }
        
        .ywk-popup-windows.cur {
            transform: translateY(0);
        }
        
        .ywk-popup-content {
            position: absolute;
            width: 70%;
            z-index: 10;
            left: 15%;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .ywk-popup-mark {
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background: rgba(0, 0, 0, .6);
        }
        
        .ywk-popup-windows-content {
            width: 100%;
            margin: auto;
            background: #fff;
            padding: 5% 5% 3% 5%;
            box-sizing: border-box;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-popup-reference-swiper {
            position: relative;
            overflow: hidden;
            float: left;
            width: 60%;
            padding-bottom: 30px;
        }
        
        .ywk-popup-reference-swiper .ywk-popup-pagination {
            bottom: 0px;
            position: absolute;
        }
        
        .ywk-popup-reference-swiper .ywk-popup-pagination span {
            width: 6px;
            height: 6px;
            border-radius: 0px;
            background: #cccccc;
            opacity: 1;
            margin: 0 10px 0 0!important;
        }
        
        .ywk-popup-reference-swiper .ywk-popup-pagination span.swiper-pagination-bullet-active {
            background: #003281;
        }
        
        .ywk-popup-reference-swiper .swiper-popup-next,
        .ywk-popup-reference-swiper .swiper-popup-prev {
            width: 70px;
            height: 70px;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 10;
            cursor: pointer;
        }
        
        .ywk-popup-reference-swiper .swiper-popup-prev {
            right: 70px;
            background: url('/html/template/default/static/image/left7.png') center no-repeat #f0f5f7;
        }
        
        .ywk-popup-reference-swiper .swiper-popup-next {
            background: url('/html/template/default/static/image/right7.png') center no-repeat #003281;
        }
        
        .ywk-popup-reference-swiper .swiper-popup-next:hover {
            background: url('/html/template/default/static/image/right7.png') center no-repeat #f29702;
        }
        
        .ywk-popup-reference-swiper .swiper-popup-prev:hover {
            background: url('/html/template/default/static/image/left7.png') center no-repeat #ccc;
        }
        
        .ywk-popup-reference-right {
            position: relative;
            overflow: hidden;
            float: left;
            width: 35%;
            padding: 3% 0 0 5%;
        }
        
        .ywk-popup-reference-right-content {
            position: relative;
            padding-right: 2%;
            overflow: auto;
        }
        
        .ywk-popup-reference-right-content .title-1 {
            font-size: 30px;
            color: #1e2d45;
            position: relative;
            text-transform: uppercase;
        }
        
        .ywk-popup-reference-right-content .title-1::after {
            content: '';
            width: 30px;
            height: 3px;
            background: #003282;
            display: block;
            margin: 30px 0;
        }
        
        .ywk-popup-reference-right-content .text-2 {
            font-size: 14px;
            color: #666e80;
            line-height: 24px;
        }
        
        .ywk-close {
            position: absolute;
            width: 50px;
            height: 50px;
            background: url('/html/template/default/static/image/xx.png') center no-repeat;
            right: 2%;
            top: 3%;
            cursor: pointer;
            transition: all .4s ease;
            z-index: 99;
        }
        
        .ywk-close:hover {
            transform: rotate(180deg);
        }
        
        .ywk-popup-content-video {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            left: 0;
            top: 0;
        }
        
        .ywk-popup-content-video .ywk-popup-windows-content {
            height: 100%;
            padding: 0;
            background: #000;
        }
        
        .ywk-popup-windows-video,
        .ywk-popup-windows-video .video {
            width: 100%;
            height: 100%;
        }
        
        .ywk-popup-content-video .ywk-close {
            background: url('/html/template/default/static/image/xx.png') center no-repeat #fff;
            right: 0;
            top: 0;
        }
        
        .ywk-popup-content-video video {
            width: auto;
            height: 100%;
            margin: auto;
            display: block;
        }
        /* references */
        
        .ywk-references {
            width: 100%;
            position: relative;
            overflow: hidden;
            padding: 5% 0;
        }
        
        .ywk-references-content {
            width: 90%;
            margin: auto;
        }
        
        .ywk-references-item {
            overflow: hidden;
            padding: 5% 0 5% 0;
            position: relative;
            margin-bottom: 2%;
        }
        
        .ywk-references-item .img {
            float: left;
            width: 65%;
            z-index: 5;
            position: relative;
        }
        
        .ywk-references-item .text {
            width: 25%;
            z-index: 5;
            position: absolute;
            right: 5%;
            top: 18%;
        }
        
        .ywk-references-item .text .title-1 {
            font-size: 40px;
            color: #1e2d45;
            position: relative;
            text-transform: uppercase;
        }
        
        .ywk-references-item .text .title-1::after {
            content: '';
            width: 80px;
            height: 3px;
            background: #003282;
            display: block;
            margin: 30px 0;
        }
        
        .ywk-references-item .text .text-2 {
            font-size: 16px;
            color: #666e80;
            line-height: 26px;
        }
        
        .ywk-references-item .text .text-2 ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .ywk-references-item .text .text-2 li {
            list-style: none;
            margin: 10px 0;
            padding: 0 0 0 20px;
            font-size: 14px;
            color: #666e80;
            line-height: 24px;
            position: relative;
        }
        
        .ywk-references-item .text .text-2 li::before {
            content: '';
            background: url('/html/template/default/static/image/li1.png') no-repeat;
            width: 9px;
            height: 9px;
            position: absolute;
            left: 0;
            top: 8px;
        }
        
        .ywk-references-item .text .viewmore {
            font-size: 0;
            margin-top: 70px;
        }
        
        .ywk-references-item .text .viewmore a {
            background: #003281;
            border: 1px solid #003281;
            width: 130px;
        }
        
        .ywk-references-item .text .viewmore a:hover {
            background: #003282;
            border: 1px solid #003282;
        }
        
        .ywk-references-item .text .viewmore a:hover span {
            color: #fff;
        }
        
        .ywk-references-item .text .viewmore a:hover i {
            background: url(/html/template/default/static/image/jtr1.png);
        }
        
        .ywk-references-item .textbg {
            width: 60%;
            height: 80%;
            right: 0;
            top: 0;
            background: #f6f8fb;
            position: absolute;
            z-index: 1;
        }
        
        .ywk-references-item.fr .img {
            float: right;
        }
        
        .ywk-references-item.fr .text {
            left: 5%;
            top: 18%;
            right: auto;
        }
        
        .ywk-references-item.fr .textbg {
            left: 0;
            right: auto;
        }
        
        .ywk-allmore {
            margin: 3% auto;
            overflow: hidden;
            clear: both;
        }
        
        .ywk-allmore span {
            display: inline-block;
            vertical-align: middle;
            line-height: 100px;
            color: #003281;
            font-size: 30px;
            text-transform: uppercase;
        }
        
        .ywk-allmore i {
            display: block;
            width: 44px;
            height: 13px;
            position: absolute;
            right: 10%;
            top: 50%;
            margin-top: -6.5px;
            background: url('/html/template/default/static/image/right10.png');
        }
        
        .ywk-allmore a {
            display: block;
            overflow: hidden;
            width: 360px;
            height: 100px;
            padding: 0 3%;
            border: 2px solid #003281;
            position: relative;
            margin: auto;
        }
        
        .ywk-allmore a:hover {
            background: #003281;
        }
        
        .ywk-allmore a:hover span {
            color: #fff;
        }
        
        .ywk-allmore a:hover i {
            background: url('/html/template/default/static/image/right9.png');
        }
        
        .ywk-references-nav {
            text-align: center;
            font-size: 0;
            overflow: hidden;
        }
        
        .ywk-references-nav a {
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            display: inline-block;
            vertical-align: middle;
            padding: 10px 0;
            background: #fff url('/html/template/default/static/image/tiao.png') 1% 1% no-repeat;
        }
        
        .ywk-references-nav a:first-child {
            border-left: 1px solid #e5e5e5;
        }
        
        .ywk-references-nav i {
            display: block;
            margin: auto;
            position: relative;
            width: 50px;
            height: 50px;
        }
        
        .ywk-references-nav svg {
            max-width: 40px;
            max-height: 30px;
            fill: #777F8D!important;
        }
        
        .ywk-references-nav svg * {
            fill: #777F8D!important;
        }
        
        .ywk-references-nav strong {
            font-weight: normal;
            font-size: 20px;
            color: #9498a0;
            display: block;
            margin: 0;
            padding: 0 0 5px 0;
            text-transform: uppercase;
        }
        
        .ywk-references-nav.num7 a {
            width: 11%;
        }
        
        .ywk-references-nav a.cur {
            background: #003282 url('/html/template/default/static/image/tiao.png') 10% 10% no-repeat;
        }
        
        .ywk-references-nav a.cur strong,
        .ywk-references-nav a.cur:hover strong {
            color: #fff;
        }
        
        .ywk-references-nav a.cur svg,
        .ywk-references-nav a.cur svg * {
            fill: #ffffff!important;
        }
        
        .ywk-references-nav a:hover strong {
            color: #003281;
        }
        
        .ywk-references-nav a:hover svg,
        .ywk-references-nav a:hover svg * {
            fill: #003281!important;
        }
        
        .ywk-references-nav a.cur:hover svg,
        .ywk-references-nav a.cur:hover svg * {
            fill: #fff!important;
        }
        
        .ywk-references-list {
            width: 90%;
            margin: auto;
            padding: 0 0 2% 0;
            overflow: hidden;
        }
        
        .ywk-references-list-item {
            position: relative;
            overflow: hidden;
            float: left;
            width: 45%;
            margin: 0 3% 0 1%;
        }
        
        .ywk-references-list-item.mr0 {
            margin: 0 0 0 5%;
        }
        
        .ywk-references-list-item .img {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-references-list-item .img .pic {
            position: relative;
            overflow: hidden;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .ywk-references-list-item .text {
            padding: 30px 0 20px 0;
            position: relative;
            overflow: hidden;
            margin-bottom: 5%;
        }
        
        .ywk-references-list-item .text::after {
            content: '';
            width: 0px;
            height: 1px;
            position: absolute;
            bottom: 0;
            background: #003282;
            transition: all .4s ease;
        }
        
        .ywk-references-list-item .text .tpath-1 {
            color: #a1a7b2;
            font-size: 14px;
            padding-bottom: 10px;
        }
        
        .ywk-references-list-item .text .title-2 {
            color: #1e2d45;
            font-size: 24px;
            padding: 0px 0 0px 20px;
            text-transform: uppercase;
            position: relative;
            transition: all .4s ease;
        }
        
        .ywk-references-list-item .text .title-2::before,
        .ywk-references-list-item .text .title-2::after {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            top: 50%;
            margin-top: -6px;
            transition: all .4s ease;
        }
        
        .ywk-references-list-item .text .title-2::before {
            background: url('/html/template/default/static/image/jt1.png');
            left: 0;
        }
        
        .ywk-references-list-item .text .title-2::after {
            background: url('/html/template/default/static/image/jt2.png');
            right: -50px;
        }
        
        .ywk-references-list-item a:hover .title-2 {
            color: #003282;
            padding: 0px 0 0px 0px;
        }
        
        .ywk-references-list-item a:hover .text .title-2::before {
            left: -50px;
        }
        
        .ywk-references-list-item a:hover .text .title-2::after {
            right: 0px;
        }
        
        .ywk-references-list-item a:hover .text::after {
            width: 100%;
        }
        
        .ywk-references-list-item a:hover .img .pic {
            transform: scale(1.05);
        }
        
        .ywk-pageturn {
            text-align: center;
            margin: 0px auto 100px auto;
            clear: both;
            overflow: hidden;
            font-size: 0;
        }
        
        .ywk-pageturn a {
            display: inline-block;
            vertical-align: middle;
            border-top: 1px solid #edeff2;
            border-bottom: 1px solid #edeff2;
            color: #b8becc;
            width: 45px;
            font-size: 18px;
            padding: 13px 0;
            background: #fff;
            box-sizing: border-box;
        }
        
        .ywk-pageturn a.on {
            color: #fff;
            background: #003281;
        }
        
        .ywk-pageturn a.prev {
            padding: 13px 20px;
            width: auto;
            border-left: 1px solid #edeff2;
            background: #edeff2;
            text-transform: capitalize;
        }
        
        .ywk-pageturn a.next {
            padding: 13px 20px;
            width: auto;
            border-right: 1px solid #edeff2;
            background: #edeff2;
            text-transform: capitalize;
        }
        
        .ywk-pageturn a:hover {
            color: #666;
            background: #ccc;
        }
        /* about */
        
        .ywk-about {
            background: url(/html/template/default/static/image/bg2.jpg);
            margin: auto;
            overflow: hidden;
        }
        
        .ywk-envicool-introduction {
            position: relative;
            overflow: hidden;
            padding: 7% 0;
        }
        
        .ywk-envicool-introduction .ywk-left {
            margin: 4% 5% 0 5%;
            width: 30%;
        }
        
        .ywk-envicool-introduction .ywk-title {
            margin-left: -12px;
        }
        
        .ywk-envicool-introduction .ywk-stockcode {
            color: #1e2d45;
            font-size: 26px;
            line-height: 30px;
            padding: 15px 0 0 0;
        }
        
        .ywk-envicool-introduction .ywk-lines {
            background: url('/html/template/default/static/image/lines.png');
            width: 99px;
            height: 18px;
            margin: 40px 0;
        }
        
        .ywk-envicool-introduction .ywk-introduction {
            clear: both;
            font-size: 17px;
            line-height: 24px;
            color: #666e80;
        }
        
        .ywk-envicool-introduction .pic {
            position: absolute;
            bottom: 15%;
            right: 0;
            width: 50%;
        }
        
        .ywk-play-video {
            margin-top: 50px;
            overflow: hidden;
        }
        
        .ywk-play-video a {
            display: block;
            width: 200px;
            height: 50px;
            line-height: 50px;
            border: 1px solid #003281;
            text-align: center;
            overflow: hidden;
            font-size: 0;
        }
        
        .ywk-play-video a span {
            font-size: 14px;
            color: #003281;
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
            text-transform: uppercase;
        }
        
        .ywk-play-video a i {
            background: url('/html/template/default/static/image/play1.png');
            width: 12px;
            height: 14px;
            display: inline-block;
            vertical-align: middle;
        }
        
        .ywk-play-video a:hover {
            background: #003281;
        }
        
        .ywk-play-video a:hover span {
            color: #fff;
        }
        
        .ywk-play-video a:hover i {
            background: url('/html/template/default/static/image/play2.png');
        }
        
        .ywk-about-data {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-about-content {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-about-data .data {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 25%;
            z-index: 3;
            font-size: 0;
            text-align: center;
        }
        
        .ywk-about-data .data li {
            position: relative;
            min-width: 20%;
            box-sizing: border-box;
            padding: 1.3% 3% 1.5% 2%;
            color: #fff;
            overflow: hidden;
            list-style: none;
            margin: 0;
            text-align: left;
            transition: all .4s ease;
            display: inline-block;
        }
        
        .ywk-about-data .data li::after {
            content: '';
            width: 1px;
            height: 100%;
            background: #fff;
            position: absolute;
            right: 3%;
            top: 0;
            opacity: .1;
        }
        
        .ywk-about-data .data li:last-child::after {
            display: none
        }
        
        .ywk-about-data .data li i {
            width: 35px;
            height: 35px;
            position: absolute;
            right: 15%;
            top: 24%;
        }
        
        .ywk-about-data .data li i svg,
        .ywk-about-data .data li i * {
            fill: #fff!important;
        }
        
        .ywk-about-data .data li h3 {
            margin: 0;
            position: relative;
            font-weight: normal;
        }
        
        .ywk-about-data .data li h3 strong {
            font-size: 44px;
            font-weight: normal;
        }
        
        .ywk-about-data .data li h3 strong em {
            font-style: normal;
        }
        
        .ywk-about-data .data li h3 span {
            font-size: 20px;
            padding-left: 10px;
            text-transform: uppercase;
            font-weight: normal;
        }
        
        .ywk-about-data .data li h3 sup {
            font-size: 30px;
            line-height: 30px;
            font-weight: normal;
            display: inline-block;
            vertical-align: super;
            margin: 0px 0 0 5px;
        }
        
        .ywk-about-data .data li p {
            display: block;
            font-size: 15px;
            opacity: .6;
            margin: 10px 0 0 0;
        }
        /*  .ywk-about-data .data li:hover h3 strong,
 .ywk-about-data .data li:hover h3 span,
 .ywk-about-data .data li:hover h3 sup,
 .ywk-about-data .data li:hover p {
     color: #003282;
     opacity: 1;
 }
 
 .ywk-about-data .data li:hover i svg,
 .ywk-about-data .data li:hover i * {
     fill: #003282!important;
 } */
        
        .ywk-about-product {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-about-product .about-product {
            position: absolute;
            left: 25%;
            top: 50%;
            width: 50%;
            z-index: 3;
            transform: translateY(-50%);
        }
        
        .ywk-about-product .product-item-li {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 4;
        }
        
        .ywk-about-product .item-li {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 5;
            width: 44%;
            padding-left: 80px;
        }
        
        .ywk-about-product .item-li a {
            display: block;
        }
        
        .ywk-about-product .dot-0 {
            position: absolute;
            z-index: 5;
            width: 4px;
            height: 4px;
            border: 4px solid #939cad;
            border-radius: 100%;
            background: #dfe5f2;
        }
        
        .ywk-about-product .icon-1 {
            position: absolute;
            left: 0;
            top: -20px;
        }
        
        .ywk-about-product .icon-1 i {
            width: 60px;
            height: 60px;
            position: relative;
            margin: auto;
            background: rgba(30, 45, 69, .5);
            border-radius: 100%;
            display: block;
            opacity: .8;
        }
        
        .ywk-about-product .icon-1 svg {
            max-width: 50%;
            max-height: 50%;
            fill: #fff!important;
        }
        
        .ywk-about-product .icon-1 svg * {
            fill: #fff!important;
        }
        
        .ywk-about-product .title-2 {
            font-size: 20px;
            color: #1e2d45;
            text-transform: uppercase;
            position: relative;
            padding-bottom: 10px;
            display: inline-block;
        }
        
        .ywk-about-product .title-2::after {
            content: '';
            width: 0px;
            height: 1px;
            background: #003281;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all .4s ease;
        }
        
        .ywk-about-product .text-3 {
            font-size: 12px;
            color: #666e80;
            padding: 10px 0;
            line-height: 24px;
            display: none;
            clear: both;
        }
        
        .ywk-about-product .pic {
            position: relative;
        }
        
        .ywk-about-product .item-li a:hover .title-2,
        .ywk-about-product .item-li.cur a .title-2 {
            color: #003281;
            background: url('/html/template/default/static/image/lsj.png') left top no-repeat;
            padding-left: 5px;
        }
        
        .ywk-about-product .item-li a:hover .title-2::after,
        .ywk-about-product .item-li.cur a .title-2::after {
            width: 100%;
        }
        
        .ywk-about-product .item-li a:hover .text-3,
        .ywk-about-product .item-li.cur a .text-3 {
            display: block;
        }
        
        .ywk-about-product .item-li a:hover .icon-1 i,
        .ywk-about-product .item-li.cur a .icon-1 i {
            background: #003281;
            opacity: 1
        }
        
        .ywk-about-product .item-li a:hover .dot-0,
        .ywk-about-product .item-li.cur a .dot-0 {
            border: 4px solid #003281;
        }
        
        .ywk-about-product .item-li:nth-child(1) .dot-0 {
            left: -12px;
            top: 60px;
        }
        
        .ywk-about-product .item-li:nth-child(2) .dot-0 {
            left: -42px;
            top: 30px;
        }
        
        .ywk-about-product .item-li:nth-child(3) .dot-0 {
            left: -42px;
            top: -20px;
        }
        
        .ywk-about-product .item-li:nth-child(4) .dot-0 {
            left: 50%;
            top: -40px;
            margin-left: 34px;
        }
        
        .ywk-about-product .item-li:nth-child(5) .dot-0 {
            top: -35px;
            right: -40px;
        }
        
        .ywk-about-product .item-li:nth-child(6) .dot-0 {
            right: -45px;
            top: 25px;
        }
        
        .ywk-about-product .item-li:nth-child(7) .dot-0 {
            right: -32px;
            top: 55px;
        }
        
        .ywk-about-product .about-product.product7 .item-li.fl {
            left: 50%;
            top: 50%;
            padding-right: 80px;
            padding-left: 0;
            text-align: right;
        }
        
        .ywk-about-product .about-product.product7 .item-li.fl .dot-0 {
            left: auto;
        }
        
        .ywk-about-product .about-product.product7 .item-li.fl .icon-1 {
            left: auto;
            right: 0;
        }
        
        .ywk-about-product .about-product.product7 .item-li.fl .title-2 {
            padding-right: 5px;
            padding-left: 0;
            text-align: right;
            background: url('/html/template/default/static/image/rsj.png') 150% top no-repeat;
        }
        
        .ywk-about-product .about-product.product7 .item-li.fl .title-2::after {
            right: 0;
            left: auto;
        }
        
        .ywk-about-product .about-product.product7 .item-li.fl .text-3 {
            text-align: right;
        }
        
        .ywk-about-product .about-product.product7 .item-li.fl a:hover .title-2 {
            background: url('/html/template/default/static/image/rsj.png') right top no-repeat;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit1 {
            left: auto;
            right: 50%;
            top: 50%;
            margin-right: -610px;
            margin-top: -290px;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit2 {
            left: auto;
            right: 50%;
            top: 50%;
            margin-right: -775px;
            margin-top: -100px;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit3 {
            left: auto;
            right: 50%;
            top: 50%;
            margin-right: -725px;
            margin-top: 175px;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit4 {
            left: auto;
            right: 50%;
            top: 50%;
            margin-right: -22%;
            margin-top: 280px;
            text-align: center;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit4 .icon-1 {
            left: auto;
            top: auto;
            position: relative;
            margin-bottom: 10px;
            ;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit4 a:hover .title-2 {
            background: none;
            padding-left: 0px;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit4 .title-2::after {
            left: 50%;
            transform: translateX(-50%);
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit5 {
            left: 50%;
            top: 50%;
            margin-left: -725px;
            margin-top: 175px;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit6 {
            left: 50%;
            top: 50%;
            margin-left: -775px;
            margin-top: -100px;
        }
        
        .ywk-about-product .about-product.product7 .item-li.pit7 {
            left: 50%;
            top: 50%;
            margin-left: -610px;
            margin-top: -290px;
        }
        
        .about-product-swiper {
            width: 250px;
            height: 250px;
            margin: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        
        .about-product-swiper .swiper-slide {
            opacity: 0!important;
        }
        
        .about-product-swiper .swiper-slide-active {
            opacity: 1!important;
        }
        
        .ywk-core-advantages {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 5;
        }
        
        .ywk-core-advantages .ywk-title {
            position: absolute;
            left: 5%;
            top: 20%;
        }
        
        .ywk-core-advantages .ywk-title h2 {
            color: #fff;
        }
        
        .ywk-core-advantages .ywk-title h2::before {
            background: url('/html/template/default/static/image/title2.png');
        }
        
        .ywk-core-advantages-item {
            position: absolute;
            left: 5%;
            bottom: 10%;
            width: 90%;
        }
        
        .ywk-core-advantages-item a {
            display: block;
            width: 11%;
            background: #fff url('/html/template/default/static/image/tiao.png') -300% 10% no-repeat;
            float: left;
            padding: 1.5% 2.5%;
            overflow: hidden;
            margin-right: 1%;
        }
        
        .ywk-core-advantages-item i {
            position: relative;
            width: 50px;
            height: 50px;
            margin: 0;
            display: block;
        }
        
        .ywk-core-advantages-item i svg {
            width: 50px;
            height: 50px;
        }
        
        .ywk-core-advantages-item i * {
            fill: #1e2d45!important;
        }
        
        .ywk-core-advantages-item strong {
            font-size: 24px;
            color: #1e2d45;
            font-weight: normal;
            clear: both;
            padding: 15px 0 10px 0;
            display: block;
        }
        
        .ywk-core-advantages-item p {
            display: block;
            font-size: 14px;
            color: #5a6373;
            margin: 0;
        }
        
        .ywk-core-advantages-item a:hover {
            background: #003281 url('/html/template/default/static/image/tiao.png') -200% 10% no-repeat;
        }
        
        .ywk-core-advantages-item a:hover strong,
        .ywk-core-advantages-item a:hover p {
            color: #fff;
        }
        
        .ywk-core-advantages-item a:hover i * {
            fill: #fff!important;
        }
        
        .ywk-core-advantages-item a.cur {
            background: #003281 url('/html/template/default/static/image/tiao.png') -75% 10% no-repeat;
        }
        
        .ywk-core-advantages-item a.cur strong,
        .ywk-core-advantages-item a.cur p {
            color: #fff;
        }
        
        .ywk-core-advantages-item a.cur i * {
            fill: #fff!important;
        }
        
        .ywk-about-culture {
            overflow: hidden;
            padding: 7% 0;
            width: 80%;
            margin: auto;
        }
        
        .ywk-culture-left {
            float: left;
            width: 58%;
            position: relative;
            overflow: hidden;
        }
        
        .ywk-culture-swiper {
            position: relative;
            margin-top: 50px;
        }
        
        .ywk-culture-swiper .pic {
            position: absolute;
            width: 38%;
            right: 0px;
            bottom: 0px;
            z-index: 3;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .ywk-culture-swiper .img {
            position: relative;
            width: 80%;
            margin: 0;
            margin-bottom: 60px;
            transform: translateX(-100%);
            opacity: 0;
            transition: all 1s ease-in-out;
        }
        
        .ywk-culture-swiper .pic {
            transform: translateX(-100%);
            opacity: 0;
            transition: all 1s ease-in-out .8s;
        }
        
        .ywk-culture-swiper .swiper-slide-active .pic {
            transform: translateX(0);
            opacity: 1;
        }
        
        .ywk-culture-swiper .swiper-slide-active .img {
            transform: translateX(0);
            opacity: 1;
        }
        
        .swiper-pagination-culture {
            text-align: left;
            bottom: 30px!important;
        }
        
        .swiper-pagination-culture span.swiper-pagination-bullet {
            border-radius: 0;
            background: #cfd2da;
            margin: 0 10px 0 0px!important;
            opacity: 1;
        }
        
        .swiper-pagination-culture span.swiper-pagination-bullet-active {
            background: #003282;
        }
        
        .ywk-culture-right {
            position: relative;
            overflow: hidden;
            margin-top: 4%;
            width: 35%;
            float: right;
        }
        
        .ywk-culture-right li {
            position: relative;
            margin: 0;
            padding: 30px 0;
            list-style: none;
            border-bottom: 1px solid #e1e1e5;
        }
        
        .ywk-culture-right strong {
            font-weight: normal;
            color: #003281;
            font-size: 30px;
            margin: 0;
            display: block;
            text-transform: uppercase;
        }
        
        .ywk-culture-right p {
            display: block;
            padding: 1px 0;
            overflow: hidden;
            margin: 5px 0;
            color: #666e80;
            font-size: 16px;
        }
        
        .ywk-culture-right i {
            font-style: normal;
            color: #b8becc;
            font-size: 20px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -28px;
        }
        
        .ywk-about-dthicscompliance {
            margin: auto;
            width: 80%;
            position: relative;
            overflow: hidden;
            padding: 8% 0;
            text-align: center;
        }
        
        .ywk-about-dthicscompliance .ywk-title {
            display: inline-block;
        }
        
        .ywk-dthicscompliance {
            margin: auto;
            text-align: left;
            padding-top: 5%;
            overflow: hidden;
        }
        
        .ywk-dthicscompliance .viewmore {
            font-size: 0;
            margin-top: 70px;
        }
        
        .ywk-dthicscompliance .viewmore a {
            background: #003281;
            border: 1px solid #003281;
            width: 170px;
            height: 60px;
            line-height: 60px;
        }
        
        .ywk-dthicscompliance .viewmore a span {
            font-size: 14px;
        }
        
        .ywk-dthicscompliance .viewmore a:hover {
            background: #003282;
            border: 1px solid #003282;
        }
        
        .ywk-dthicscompliance .viewmore a:hover span {
            color: #fff;
        }
        
        .ywk-dthicscompliance .viewmore a:hover i {
            background: url(/html/template/default/static/image/jtr1.png);
        }
        
        .ywk-dthicscompliance-swiper {
            overflow: hidden;
        }
        
        .ywk-dthicscompliance-swiper .text {
            float: left;
            width: 42%;
        }
        
        .ywk-dthicscompliance-swiper .num-0 {
            color: #a1a7b2;
            font-size: 20px;
            padding-bottom: 15px;
            ;
        }
        
        .ywk-dthicscompliance-swiper .num-0 strong {
            color: #1e2d45;
            font-size: 36px;
            font-weight: normal;
        }
        
        .ywk-dthicscompliance-swiper .num-0 span {
            color: #a1a7b2;
            font-size: 20px;
        }
        
        .ywk-dthicscompliance-swiper .title-1 {
            color: #1e2d45;
            font-size: 40px;
            position: relative;
            text-transform: uppercase;
        }
        
        .ywk-dthicscompliance-swiper .title-1::after {
            content: '';
            width: 50px;
            height: 3px;
            background: #003282;
            display: block;
            margin: 30px 0;
        }
        
        .ywk-dthicscompliance-swiper .text-2 {
            color: #666f80;
            font-size: 16px;
            line-height: 26px;
        }
        
        .ywk-dthicscompliance-swiper .img {
            float: right;
            width: 50%;
            position: relative;
        }
        
        .ywk-dthicscompliance-nav {
            margin-top: 70px;
            position: relative;
            overflow: hidden;
            text-align: left;
        }
        
        .ywk-dthicscompliance-nav .item-4 {
            color: #a1a7b2;
            cursor: pointer;
        }
        
        .ywk-dthicscompliance-nav .item-4::before,
        .ywk-dthicscompliance-nav .item-4::after {
            content: '';
            width: 100%;
            height: 2px;
            background: #e5e5e5;
            position: absolute;
            left: 0;
            top: 0;
        }
        
        .ywk-dthicscompliance-nav .item-4::after {
            z-index: 3;
            width: 0px;
            background: #003281;
        }
        
        .ywk-dthicscompliance-nav .item-4 .num-6 {
            font-size: 18px;
            padding: 20px 0 10px 0;
        }
        
        .ywk-dthicscompliance-nav .item-4 .title-6 {
            font-size: 18px;
            text-transform: uppercase;
        }
        
        .ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4::after {
            width: 100%;
        }
        
        .ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4 {
            color: #003281;
        }
        
        .ywk-border-top4 {
            border-top: 4px solid #ededed;
        }
        
        .ywk-about-certifications-awards {
            position: relative;
            padding: 9% 0;
            overflow: hidden;
        }
        
        .ywk-about-certifications-awards .ywk-content-top {
            position: relative;
            width: 80%;
            margin: auto;
        }
        
        .ywk-about-certifications-awards .ywk-content-top .ywk-title {
            display: inline-block;
        }
        
        .ywk-about-certifications-awards .ywk-content-top .ywk-title h2 {
            color: #fff;
        }
        
        .ywk-about-certifications-awards .ywk-content-top .ywk-title h2::before {
            background: url('/html/template/default/static/image/title2.png');
        }
        
        .ywk-about-certifications-awards .ywk-content-top .ywk-text {
            width: 40%;
            margin: .5% 0 4% 10px;
        }
        
        .ywk-certifications-awards-nav {
            position: absolute;
            right: 0;
            top: 50%;
            text-align: right;
            font-size: 0;
            margin-top: -35px;
        }
        
        .ywk-certifications-awards-nav a {
            display: inline-block;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, .2);
            width: 200px;
            height: 90px;
            box-sizing: border-box;
            overflow: hidden;
        }
        
        .ywk-certifications-awards-nav i {
            display: block;
            width: 40px;
            height: 30px;
            margin: 15px auto 10px auto;
            position: relative;
        }
        
        .ywk-certifications-awards-nav i * {
            fill: #9cadc9!important;
        }
        
        .ywk-certifications-awards-nav strong {
            color: #9cadc9;
            font-size: 20px;
            text-transform: uppercase;
            font-weight: normal;
            margin: 0;
        }
        
        .ywk-certifications-awards-nav a.cur strong {
            color: #ffffff;
        }
        
        .ywk-certifications-awards-nav a.cur i * {
            fill: #f6f9ff!important;
        }
        
        .ywk-certifications-awards-nav a.cur {
            border: 1px solid #ffffff;
        }
        
        .ywk-certifications-awards {
            position: relative;
            width: 80%;
            margin: 5% auto auto auto;
        }
        
        .ywk-certifications-awards .text {
            display: none;
            text-align: center;
            color: #fff;
            padding-top: 20px;
            font-size: 20px;
            text-transform: uppercase;
        }
        
        .ywk-certifications-awards-swiper .awards-img {
            transform: scale(0.7);
            transition: all .4s ease;
            background: #fff;
            overflow: hidden;
        }
        
        .ywk-certifications-awards-swiper .awards-img img {
            opacity: .3;
        }
        
        .ywk-certifications-awards-swiper .swiper-slide-active .awards-img {
            transform: scale(1.1);
        }
        
        .ywk-certifications-awards-swiper .swiper-slide-active .awards-img img {
            opacity: 1;
        }
        
        .ywk-certifications-awards-swiper .swiper-slide-active .text {
            display: block;
        }
        
        .ywk-certifications-awards-swiper .swiper-awards-next,
        .ywk-certifications-awards-swiper .swiper-awards-prev {
            color: #fff;
            outline: none;
            width: 25px;
            height: 45px;
            margin-top: -40px;
        }
        
        .ywk-certifications-awards-swiper .swiper-button-next:after,
        .ywk-certifications-awards-swiper .swiper-button-prev:after {
            font-size: 30px;
            opacity: .5;
        }
        
        .ywk-certifications-awards-swiper .swiper-button-next:hover:after,
        .ywk-certifications-awards-swiper .swiper-button-prev:hover:after {
            opacity: 1;
        }
        
        .ywk-certifications-awards-swiper .swiper-awards-next {
            left: auto;
            right: 50%;
            margin-right: -335px;
        }
        
        .ywk-certifications-awards-swiper .swiper-awards-prev {
            left: 50%;
            margin-left: -335px;
        }
        
        .ywk-certifications-awards-swiper .swiper-slide-prev {
            margin-left: -3%;
            margin-right: 3%;
        }
        
        .ywk-certifications-awards-swiper .swiper-slide-next {
            margin-right: -3%;
            margin-left: 3%;
        }
        
        .ywk-about-events {
            position: relative;
            padding: 9% 0 0 0;
            overflow: hidden;
        }
        
        .ywk-about-events .ywk-content-top {
            position: relative;
            width: 80%;
            margin: auto;
        }
        
        .ywk-about-events .ywk-content-top .ywk-title {
            margin-left: -10px;
        }
        
        .ywk-events-nav {
            border-top: 1px solid #dcdfe5;
            border-bottom: 1px solid #dcdfe5;
            border-left: 1px solid #dcdfe5;
            overflow: hidden;
            width: 60%;
            margin: 20px 0 0 0px;
        }
        
        .ywk-events-nav a {
            display: block;
            float: left;
            width: 20%;
            border-right: 1px solid #dcdfe5;
            font-size: 18px;
            color: #8e94a0;
            padding: 20px 0;
            text-align: center;
            text-transform: uppercase;
            box-sizing: border-box;
        }
        
        .ywk-events-nav a.cur {
            background: url('/html/template/default/static/image/tiao.png') -30% 50% no-repeat #003281;
            color: #fff;
        }
        
        .ywk-about-events .viewmore {
            margin: 0;
            position: absolute;
            right: 0;
            bottom: 0;
        }
        
        .ywk-about-events .viewmore a {
            border: 1px solid #003281;
            font-size: 0;
            height: 60px;
            line-height: 60px;
            width: 140px;
        }
        
        .ywk-about-events .viewmore span {
            color: #003281;
            font-size: 14px;
        }
        
        .ywk-about-events .viewmore i {
            background: url('/html/template/default/static/image/jtr3.png');
        }
        
        .ywk-about-events .viewmore a:hover {
            background: #003281;
        }
        
        .ywk-about-events .viewmore a:hover span {
            color: #fff;
        }
        
        .ywk-about-events .viewmore a:hover i {
            background: url('/html/template/default/static/image/jtr1.png');
        }
        
        .ywk-events-content {
            position: relative;
            width: 80%;
            margin: 60px auto auto auto;
            overflow: hidden;
        }
        
        .ywk-events-list {
            overflow: hidden;
            position: relative;
        }
        
        .ywk-events-left {
            float: left;
            width: 55%;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-events-left .text {
            position: absolute;
            left: 5%;
            bottom: 5%;
            width: 90%;
            z-index: 3;
            color: #fff;
        }
        
        .ywk-events-left .text span {
            font-size: 12px;
        }
        
        .ywk-events-left .text h5 {
            font-size: 16px;
            margin: 0;
            font-weight: normal;
            padding: 10px 0;
        }
        
        .ywk-events-left .img img.img-center {
            opacity: 0;
        }
        
        .ywk-events-left a:hover .img {
            transform: scale(1.1);
        }
        
        .ywk-events-right {
            float: right;
            width: 43%;
            overflow: hidden;
            position: relative;
            margin-top: 1%;
        }
        
        .ywk-events-item {
            padding: 0 0 0 10%;
            overflow: hidden;
        }
        
        .ywk-events-item a {
            display: block;
            overflow: hidden;
            border-bottom: 1px solid #dcdfe5;
            padding: 20px 0;
        }
        
        .ywk-events-item p {
            color: #a1a6b2;
            font-size: 12px;
            margin: 0;
        }
        
        .ywk-events-item h5 {
            font-size: 16px;
            margin: 0;
            font-weight: normal;
            padding: 10px 0;
            line-height: 26px;
            color: #667080;
        }
        
        .ywk-events-item .more {
            position: relative;
            overflow: hidden;
            font-size: 0;
            display: block;
            margin: 10px 0 15px 0;
        }
        
        .ywk-events-item .more span {
            color: #a1a7b2;
            font-size: 14px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }
        
        .ywk-events-item .more i {
            background: url('https://www.envicool.net/static/images/right2') center no-repeat;
            width: 17px;
            height: 7px;
            display: inline-block;
            vertical-align: middle;
            opacity: .3;
        }
        
        .ywk-events-item a:hover h5 {
            color: #003281;
        }
        
        .ywk-events-item a:hover .more span {
            color: #f29702;
        }
        
        .ywk-events-item a:hover .more i {
            background: url('https://www.envicool.net/static/images/right22') center no-repeat;
            opacity: 1;
        }
        
        .ywk-position-index10 {
            position: relative;
            z-index: 10;
        }
        
        .ywk-affiliated-companies {
            position: relative;
            background: url('/html/template/default/static/image/map.png') left top no-repeat;
            overflow: hidden;
        }
        
        .ywk-about-affiliated-companies {
            position: relative;
            padding: 20% 0 9% 0;
            overflow: hidden;
            width: 80%;
            margin: auto;
        }
        
        .ywk-affiliated-content {
            position: relative;
            overflow: hidden;
            padding: 0;
        }
        
        .ywk-affiliated-right {
            position: absolute;
            right: 5%;
            top: 10%;
            z-index: 3;
            width: 20%;
        }
        
        .ywk-affiliated-nav {
            position: relative;
            overflow-x: hidden;
            overflow-y: auto;
            max-height: 470px;
            width: 95%;
            padding-right: 5%;
        }
        
        .ywk-affiliated-nav::-webkit-scrollbar {
            width: 2px;
        }
        
        .ywk-affiliated-nav::-webkit-scrollbar-thumb {
            background-color: #999;
            box-shadow: inset 1px 1px 0 #999, inset 0 -1px 0 #999;
        }
        
        .ywk-affiliated-nav a {
            display: block;
            position: relative;
            padding: 20px 0;
            overflow: hidden;
        }
        
        .ywk-affiliated-nav a::after,
        .ywk-affiliated-nav a::before {
            content: '';
            width: 100%;
            height: 1px;
            background: #ccc;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .ywk-affiliated-nav a::before {
            width: 0px;
            z-index: 3;
            transition: all .4s ease;
        }
        
        .ywk-affiliated-nav span {
            color: #666e80;
            font-size: 24px;
        }
        
        .ywk-affiliated-nav i {
            display: block;
            background: url('/html/template/default/static/image/right1.png');
            width: 8px;
            height: 16px;
            right: 0;
            position: absolute;
            top: 50%;
            margin-top: -8px;
            opacity: .5;
        }
        
        .ywk-affiliated-nav a.cur span {
            color: #003282;
        }
        
        .ywk-affiliated-nav a.cur i {
            background: url('/html/template/default/static/image/right11.png');
            opacity: 1;
        }
        
        .ywk-affiliated-nav a.cur::before {
            width: 100%;
            background: #003282;
        }
        
        .ywk-affiliated-left {
            width: 25%;
            overflow: hidden;
            background: rgba(255, 255, 255, .7);
            box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
            position: absolute;
            left: 0;
            top: 10%;
        }
        
        .ywk-affiliated-left * {
            transition: all .4s ease;
        }
        
        .ywk-affiliated-left-swiper {
            position: relative;
        }
        
        .companies-item {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-bottom: 71px;
        }
        
        .companies-item .text {
            padding: 8%;
            overflow: hidden;
        }
        
        .companies-item .title-1 {
            font-size: 20px;
            color: #1e2d45;
            text-transform: uppercase;
        }
        
        .companies-item .line-2 {
            background: url('/html/template/default/static/image/line2.png');
            width: 36px;
            height: 8px;
            margin: 20px 0;
        }
        
        .companies-item .add-3 {
            font-size: 12px;
            color: #666e80;
            line-height: 22px;
            padding-bottom: 20px;
            ;
        }
        
        .ywk-pagetrun-swiper {
            position: absolute;
            border-top: 1px solid #e1e2e5;
            font-size: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 10;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-prev,
        .ywk-pagetrun-swiper .swiper-affiliated-next {
            height: 70px;
            width: 25%;
            display: inline-block;
            vertical-align: middle;
            box-sizing: border-box;
            cursor: pointer;
            outline: none;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-prev:hover {
            background: url('/html/template/default/static/image/left4.png') center no-repeat;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-next:hover {
            background: url('/html/template/default/static/image/right4.png') center no-repeat;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-prev {
            border-right: 1px solid #e1e2e5;
            background: url('/html/template/default/static/image/left41.png') center no-repeat;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-next {
            border-left: 1px solid #e1e2e5;
            background: url('/html/template/default/static/image/right41.png') center no-repeat;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-num {
            color: #b8becc;
            width: 50%;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            font-size: 20px;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-num strong {
            color: #003281;
            font-weight: normal;
            margin: 0;
        }
        
        .ywk-pagetrun-swiper .swiper-affiliated-num span {
            margin: 0;
            color: #b8becc;
        }
        
        .ywk-affiliated-point {
            position: relative;
            width: 50%;
            height: 700px;
            z-index: 5;
            margin: auto;
        }
        
        .ywk-affiliated-point-list {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
        
        .ywk-affiliated-point-list a {
            position: absolute;
            display: block;
            left: 50%;
            top: 50%;
        }
        
        .ywk-affiliated-point-list span {
            font-size: 12px;
            color: #7d8db1;
            display: block;
        }
        
        .ywk-affiliated-point-list i {
            width: 10px;
            height: 10px;
            border-radius: 100%;
            position: absolute;
            background: #8aa8e6;
            left: 50%;
            top: -20px;
            margin-left: -5px;
        }
        
        .ywk-affiliated-point-list i::before,
        .ywk-affiliated-point-list i::after {
            content: '';
            border-radius: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            background: #8aa8e6;
        }
        
        .ywk-affiliated-point-list i::before {
            width: 30px;
            height: 30px;
            margin: -15px 0 0 -15px;
            opacity: .2;
        }
        
        .ywk-affiliated-point-list i::after {
            width: 55px;
            height: 55px;
            margin: -27.5px 0 0 -27.5px;
            opacity: .2;
        }
        
        .ywk-affiliated-point-list i::before {
            transform: scale(0.1);
            animation: fangda1 2000ms infinite ease;
        }
        
        .ywk-affiliated-point-list i::after {
            transform: scale(0.1);
            animation: fangda1 1500ms infinite ease;
        }
        
        @keyframes fangda1 {
            0% {
                transform: scale(0.1);
                opacity: 1;
            }
            100% {
                transform: scale(1.0);
                opacity: 0;
            }
        }
        
        .ywk-affiliated-point-list a.ldrt i {
            left: 0;
            top: 3px;
            margin-left: -15px;
        }
        
        .ywk-affiliated-point-list a.rdlt i {
            left: auto;
            right: 0;
            top: 3px;
            margin-right: -15px;
        }
        
        .ywk-affiliated-point-list a.pld1 {
            margin: 20px 0 0 110px;
        }
        
        .ywk-affiliated-point-list a.pld2 {
            margin: -5px 0 0 150px;
        }
        
        .ywk-affiliated-point-list a.pld3 {
            margin: -290px 0 0 20px;
        }
        
        .ywk-affiliated-point-list a.pld4 {
            margin: 190px 0 0 0px;
        }
        
        .ywk-affiliated-point-list a.pld5 {
            margin: 255px 0 0 -45px;
        }
        
        .ywk-affiliated-point-list a.pld6 {
            margin: -240px 0 0 -10px;
        }
        
        .ywk-affiliated-point-list a.pld7 {
            margin: 220px 0 0 -130px;
        }
        
        .ywk-affiliated-point-list a.cur i,
        .ywk-affiliated-point-list a.cur i::before,
        .ywk-affiliated-point-list a.cur i::after {
            background: #f29700;
        }
        
        .ywk-affiliated-point-list a.cur span,
        .ywk-affiliated-point-list a:hover span {
            color: #f29700;
        }
        
        .ywk-affiliated-point-list a:hover {
            z-index: 10;
        }
        
        .ywk-page-content.mt-100 {
            margin-top: -10%;
            z-index: 1;
        }
        /* factory */
        
        .ywk-factory {
            position: relative;
            padding: 5% 0;
            overflow: hidden;
        }
        
        .ywk-factory-masonry {
            width: 80%;
            margin: auto;
            position: relative;
            column-count: 3;
            column-gap: 0;
        }
        
        .ywk-factory-masonry .item {
            break-inside: avoid;
            box-sizing: border-box;
            padding: 10px;
        }
        
        .ywk-factory-masonry .item a {
            display: block;
            position: relative;
            overflow: hidden;
        }
        
        .ywk-factory-masonry .toptxt {
            position: absolute;
            left: 0;
            top: 50%;
            z-index: 10;
            width: 100%;
            text-align: center;
            transform: translateY(-50%);
            opacity: 0;
        }
        
        .ywk-factory-masonry .toptxt i {
            display: block;
            width: 55px;
            height: 55px;
            border-radius: 100%;
            background: #f29700 url('../image/add.png') center no-repeat;
            margin: auto;
        }
        
        .ywk-factory-masonry .toptxt h4 {
            margin: 10px auto;
            text-align: center;
            font-size: 20px;
            color: #fff;
            text-transform: uppercase;
        }
        
        .ywk-factory-masonry .img {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-factory-masonry .img::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            background-image: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
        }
        
        .ywk-factory-masonry .item a:hover .toptxt {
            opacity: 1;
        }
        
        .ywk-factory-masonry .item a:hover .img img {
            opacity: .6;
        }
        
        .ywk-factory-withus {
            width: 80%;
            margin: auto;
            position: relative;
            ;
            padding: 1% 0 8% 0;
        }
        
        .ywk-factory-withus-form {
            padding-top: 5%;
            overflow: hidden;
        }
        
        .ywk-factory-withus-form li {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 45%;
            margin-right: 5%;
            float: left;
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        .ywk-factory-withus-form li h6 {
            font-size: 14px;
            color: #26334c;
            margin: 10px 0;
            display: block;
            font-weight: normal;
        }
        
        .ywk-factory-withus-form li input {
            border: none;
            background: none;
            font-size: 14px;
            border-bottom: 1px solid #e5e5e5;
            width: 100%;
            padding: 15px 0 25px 0;
            box-sizing: border-box;
        }
        
        .ywk-factory-withus-form li input:focus {
            border-bottom: 1px solid #26334c;
        }
        
        .ywk-factory-withus-form li textarea {
            border: none;
            background: none;
            font-size: 14px;
            border-bottom: 1px solid #e5e5e5;
            width: 100%;
            padding: 15px 0 25px 0;
            box-sizing: border-box;
            min-height: 100px;
        }
        
        .ywk-factory-withus-form li textarea:focus {
            border-bottom: 1px solid #26334c;
        }
        
        .ywk-factory-withus-form .submit {
            clear: both;
            overflow: hidden;
        }
        
        .ywk-factory-withus-form .submit input {
            background: #003281;
            width: 30%;
            height: 60px;
            text-align: center;
            color: #fff;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        
        .ywk-factory-withus-form .submit input:hover {
            background: #003282;
        }
        
        .galleryOverlay {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            opacity: 0;
            z-index: 100000;
            background-color: rgba(0, 0, 0, .7);
            overflow: hidden;
            display: none;
            -moz-transition: opacity 0.5s ease;
            -webkit-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
        }
        
        .galleryOverlay.visible {
            opacity: 1;
        }
        
        .gallerySlider {
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
            white-space: nowrap;
            position: absolute;
        }
        
        .gallerySlider .placeholder {
            background: url("https://www.envicool.net/static/images/loading.gif") no-repeat center center;
            height: 100%;
            line-height: 1px;
            text-align: center;
            width: 100%;
            display: inline-block;
        }
        
        .gallerySlider .placeholder:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px;
        }
        
        .gallerySlider .placeholder img {
            display: inline-block;
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
            width: auto;
        }
        
        .prevArrow,
        .nextArrow {
            border: none;
            text-decoration: none;
            opacity: 0.5;
            cursor: pointer;
            position: absolute;
            width: 50%;
            height: 100%;
            top: 0;
            margin-top: 0px;
        }
        
        .prevArrow:hover,
        .nextArrow:hover {
            opacity: 1;
        }
        
        .prevArrow {
            background-position: left top;
            left: 0;
        }
        
        .nextArrow {
            background-position: right top;
            right: 0;
        }
        
        .pagelimit {
            position: absolute;
            bottom: 20px;
            left: 50%;
            margin-left: -18px;
            color: #fff;
            font-size: 18px;
        }
        
        .closed {
            cursor: pointer;
            position: absolute;
            width: 40px;
            height: 40px;
            right: 2%;
            top: 3%;
            background: url(/html/template/default/static/image/xxx.png) no-repeat;
            transition-duration: 0.5s;
        }
        
        .closed:hover {
            opacity: 0.5;
        }
        /* news */
        
        .ywk-references.ptb4 {
            padding: 3% 0;
        }
        
        .ywk-news-content {
            width: 80%;
            margin: auto;
            position: relative;
            padding: 0 0 3% 0;
            overflow: hidden;
        }
        
        .ywk-news-item {
            float: left;
            width: 31%;
            margin: 0 2.2% 2.2% 0;
            overflow: hidden;
        }
        
        .ywk-news-item a {
            display: block;
            overflow: hidden;
            border: 1px solid #e6e6e6;
            box-sizing: border-box;
            background: url('/html/template/default/static/image/tiao.png') 500% 200% no-repeat;
        }
        
        .ywk-news-item .img {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-news-item .img .pic {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
        
        .ywk-news-item .img .pic img.img-center {
            opacity: 0;
        }
        
        .ywk-news-item .text {
            padding: 6% 8%;
            overflow: hidden;
        }
        
        .ywk-news-item .data-1 {
            font-size: 12px;
            color: #666e80;
        }
        
        .ywk-news-item .title-2 {
            font-size: 20px;
            color: #1e2d45;
            line-height: 30px;
            font-weight: 700;
            padding: 10px 0;
            min-height: 100px;
        }
        
        .ywk-news-item .more {
            position: relative;
            overflow: hidden;
            font-size: 0;
            display: block;
            /* margin-top: 30px; */
        }
        
        .ywk-news-item .more span {
            color: #666e80;
            font-size: 14px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }
        
        .ywk-news-item .more i {
            background: url('https://www.envicool.net/static/images/right2') center no-repeat;
            width: 17px;
            height: 7px;
            display: inline-block;
            vertical-align: middle;
            opacity: .8;
        }
        
        .ywk-news-item a:hover .more span {
            color: #fff;
        }
        
        .ywk-news-item a:hover .more i {
            background: url('https://www.envicool.net/static/images/right22') center no-repeat;
            opacity: 1;
        }
        
        .ywk-news-item a:hover {
            background: #003281 url('/html/template/default/static/image/tiao.png') 300% 200% no-repeat;
        }
        
        .ywk-news-item a:hover .title-2,
        .ywk-news-item a:hover .data-1 {
            color: #fff;
        }
        
        .ywk-news-item a:hover .img .pic {
            transform: scale(1.1);
        }
        
        .ywk-news-path {
            margin-top: 98px;
            overflow: hidden;
            background: #f5f7fa;
        }
        
        .ywk-news-path-content {
            font-size: 0;
            padding: 15px 0;
            overflow: hidden;
            width: 57%;
            margin: auto;
            font-size: 12px;
            color: #b8becc;
            line-height: 24px;
            /* margin-left: 15%; */
        }
        
        .ywk-news-path-content a {
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            color: #b8becc;
            line-height: 24px;
        }
        
        .ywk-news-path-content a.cur {
            color: #666e80;
        }
        
        .ywk-news-path-content a:hover {
            color: #003281;
        }
        
        .ywk-news-path-content span {
            font-size: 12px;
            color: #b8becc;
            line-height: 24px;
            display: inline-block;
            vertical-align: middle;
            padding: 0 3px;
        }
        
        .ywk-news-detail {
            overflow: hidden;
            padding: 5% 0 3% 0;
            position: relative;
            width: 57%;
            margin: auto;
        }
        
        .ywk-news-detail-top {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-news-detail-top::after,
        .ywk-news-detail-top::before {
            content: '';
            height: 2px;
            background: #e6e6e6;
            left: 0;
            bottom: 0;
            position: absolute;
        }
        
        .ywk-news-detail-top::after {
            width: 100%;
        }
        
        .ywk-news-detail-top::before {
            width: 7%;
            background: #003281;
            z-index: 12;
        }
        
        .ywk-news-detail-top .type-1 {
            clear: both;
            overflow: hidden;
        }
        
        .ywk-news-detail-top .type-1 h5 {
            font-size: 12px;
            color: #fff;
            background: #003282;
            display: inline-block;
            padding: 8px 20px;
            font-weight: normal;
        }
        
        .ywk-news-detail-top .title-2 {
            overflow: hidden;
        }
        
        .ywk-news-detail-top .title-2 h1 {
            font-weight: normal;
            font-size: 40px;
            color: #1e2d45;
            margin: 0;
        }
        
        .ywk-news-detail-top .data-3 {
            font-size: 14px;
            color: #666e80;
            padding-bottom: 30px;
            padding-top: 25px;
        }
        
        .ywk-news-detail-center {
            padding: 3% 0;
            overflow: hidden;
            font-size: 16px;
            line-height: 26px;
            color: #666e80;
        }
        
        .ywk-news-detail-center img {
            display: inline-block;
            width: auto;
            max-width: 100%;
        }
        
        .ywk-news-detail-bottom {
            position: relative;
            overflow: hidden;
            width: 57%;
            margin: auto;
            margin-bottom: 3%;
            box-shadow: 0px 8px 60px 0px rgba(10, 15, 26, 0.08);
            background: #fff;
        }
        
        .ywk-news-detail-pageturn {
            padding: 30px 3%;
            overflow: hidden;
        }
        
        .ywk-news-detail-pageturn a {
            font-size: 14px;
            color: #666e80;
            text-transform: uppercase;
        }
        
        .ywk-news-detail-pageturn a.return {
            background: url('/html/template/default/static/image/return.png');
            width: 20px;
            height: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -10px 0 0 -10px;
        }
        
        .ywk-news-detail-pageturn a.prev {
            float: left;
        }
        
        .ywk-news-detail-pageturn a.next {
            float: right;
            text-align: right;
        }
        
        .ywk-news-detail-pageturn i {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 8px;
        }
        
        .ywk-news-detail-pageturn span {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            color: #666e80;
            margin: 0 10px;
        }
        
        .ywk-news-detail-pageturn a.prev i {
            background: url('/html/template/default/static/image/left41.png') center no-repeat;
        }
        
        .ywk-news-detail-pageturn a.next i {
            background: url('/html/template/default/static/image/right41.png') center no-repeat;
        }
        
        .ywk-news-detail-pageturn a:hover span {
            color: #003281;
        }
        
        .ywk-news-detail-pageturn a.prev:hover i {
            background: url('/html/template/default/static/image/left4.png') center no-repeat;
        }
        
        .ywk-news-detail-pageturn a.next:hover i {
            background: url('/html/template/default/static/image/right4.png') center no-repeat;
        }
        
        .ywk-news-other-news {
            overflow: hidden;
            padding: 5% 0;
        }
        
        .ywk-news-other-news .ywk-content-top {
            text-align: center;
        }
        
        .ywk-news-other-news .ywk-content-top .ywk-title {
            display: inline-block;
        }
        
        .ywk-news-recommend-swiper {
            position: relative;
            overflow: hidden;
            width: 80%;
            margin: 2% auto;
        }
        
        .ywk-news-recommend-swiper .ywk-news-item {
            float: none;
            width: 100%;
            margin: 0;
        }
        /* contact */
        
        .ywk-contact {
            position: relative;
            overflow: hidden;
            background: #f5f7fa;
        }
        
        .ywk-contact-left {
            overflow: hidden;
            padding: 10% 5% 5% 5%;
            float: left;
            width: 50%;
            box-sizing: border-box;
        }
        
        .ywk-contact-left .title-1,
        .ywk-contact-left .add-2,
        .ywk-contact-left .item-3,
        .ywk-contact-left .item-3 li,
        .ywk-contact-left .email-4 {
            position: relative;
        }
        
        .ywk-contact-left .add-2,
        .ywk-contact-left .email-4,
        .ywk-contact-left .item-3 li {
            padding: 35px 0 35px 70px;
        }
        
        .ywk-contact-left .title-1 {
            font-size: 44px;
            color: #003281;
            border-bottom: 2px solid #003282;
            padding-bottom: 20px;
        }
        
        .ywk-contact-left .add-2 {
            overflow: hidden;
            border-bottom: 1px solid #dcdee1;
        }
        
        .ywk-contact-left .add-2 i {
            transition: all .4s ease;
        }
        
        .ywk-contact-left .add-2:hover i {
            border: 1px solid #003281;
            background: #003281;
        }
        
        .ywk-contact-left .add-2:hover i * {
            fill: #fff!important;
        }
        
        .ywk-contact-left .item-3 {
            border-bottom: 1px solid #dcdee1;
            overflow: hidden;
            padding-bottom: 30px;
        }
        
        .ywk-contact-left .item-3 li {
            list-style: none;
            float: left;
            width: 45%;
            box-sizing: border-box;
            overflow: hidden;
            transition: all .4s ease;
        }
        
        .ywk-contact-left .item-3 li:nth-child(3) {
            padding: 5px 0 5px 70px;
        }
        
        .ywk-contact-left .item-3 li:nth-child(4) {
            padding: 5px 0 5px 70px;
        }
        
        .ywk-contact-left .email-4 {
            overflow: hidden;
        }
        
        .ywk-contact-left .email-4 i {
            transition: all .4s ease;
        }
        
        .ywk-contact-left .email-4:hover i {
            border: 1px solid #003281;
            background: #003281;
        }
        
        .ywk-contact-left .email-4:hover i * {
            fill: #fff!important;
        }
        
        .ywk-contact-left i {
            position: absolute;
            width: 45px;
            height: 45px;
            border: 1px solid #cacfd6;
            display: block;
            left: 0;
            top: 50%;
            margin-top: -22.5px;
            transition: all .4s ease;
        }
        
        .ywk-contact-left i img,
        .ywk-contact-left i svg {
            max-width: 50%;
        }
        
        .ywk-contact-left span {
            display: block;
            margin: 0;
            font-size: 14px;
            color: #8a8e99;
            padding-bottom: 7px;
        }
        
        .ywk-contact-left p {
            display: block;
            margin: 0;
            font-size: 14px;
            color: #666e80;
        }
        
        .ywk-contact-left h3 {
            display: block;
            margin: 0;
            font-weight: normal;
            font-size: 20px;
            color: #666e80;
        }
        
        .ywk-contact-left a {
            display: block;
            font-size: 20px;
            color: #666e80;
        }
        
        .ywk-contact-left .item-3 li:hover a {
            color: #003281;
        }
        
        .ywk-contact-left .item-3 li:hover i * {
            fill: #fff!important;
        }
        
        .ywk-contact-left .item-3 li:hover i {
            background: #003281;
            border: 1px solid #003281;
        }
        
        .ywk-contact-right {
            position: relative;
            overflow: hidden;
        }
        
        .ywk-message {
            overflow: hidden;
            padding: 10% 0;
            background: url('/html/template/default/static/image/message.jpg') center no-repeat;
            background-size: cover;
        }
        
        .ywk-message-content {
            width: 80%;
            margin: auto;
        }
        
        .ywk-message-content .ywk-contact-top {
            text-align: center;
        }
        
        .ywk-message-content .ywk-contact-top .ywk-title {
            display: inline-block;
        }
        
        .ywk-network {
            background: #f5f7fa;
            overflow: hidden;
            padding: 7% 0 3% 0;
        }
        
        .ywk-network-content {
            text-align: center;
        }
        
        .ywk-network-content .ywk-title {
            display: inline-block;
        }
        
        .ywk-network-list {
            position: relative;
            padding: 3% 0;
            overflow: hidden;
            width: 80%;
            margin: auto;
        }
        
        .ywk-network-list * {
            transition: all .4s ease;
        }
        
        .network-item {
            position: relative;
            overflow: hidden;
            float: left;
            width: 31%;
            margin: 0 2.3% 2.3% 0;
        }
        
        .network-item .text {
            position: absolute;
            background: #ffffff url('/html/template/default/static/image/tiao.png') 500% 650% no-repeat;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 11;
            text-align: left;
            box-sizing: border-box;
            padding: 10%;
            overflow: hidden;
            font-size: 14px;
            color: #8a8e99;
            line-height: 24px;
        }
        
        .network-item .text .addname-1 {
            font-size: 30px;
            color: #1e2d45;
            position: relative;
            line-height: 34px;
        }
        
        .network-item .text .addname-1::after {
            content: '';
            width: 40px;
            height: 3px;
            display: block;
            margin: 30px 0;
            background: #003282;
        }
        
        .network-item .text i {
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            left: 0;
            top: 2px;
        }
        
        .network-item .text i * {
            fill: #8a8e99!important;
        }
        
        .network-item .text p {
            display: block;
            margin: 0;
        }
        
        .network-item .text .add-2,
        .network-item .text .tel-3,
        .network-item .text .email-4 {
            padding: 0px 0 0px 30px;
            position: relative;
            overflow: hidden;
            margin-bottom: 10px;
        }
        
        .network-item .text .add-2 {
            min-height: 80px;
        }
        
        .network-item:hover .text {
            background: #003281 url('/html/template/default/static/image/tiao.png') 350% 1100% no-repeat;
        }
        
        .network-item:hover .text .addname-1 {
            color: #fff;
        }
        
        .network-item:hover .text p {
            color: #fff;
            opacity: .6;
        }
        
        .network-item:hover .text i * {
            fill: #94a9ca!important;
        }
        
        .network-item:hover {
            box-shadow: 0px 10px 50px 0px rgba(0, 13, 38, 0.1);
        }
        /* search */
        
        .ywk-search {
            overflow: hidden;
            padding: 7% 0;
        }
        
        .ywk-search-content {
            width: 80%;
            margin: auto;
            overflow: hidden;
        }
        
        .ywk-search-input {
            position: relative;
            width: 30%;
            overflow: hidden;
        }
        
        .ywk-search-input input.input {
            background: #f5f7fa;
            padding: 25px;
            display: block;
            border: none;
            outline: none;
            width: 100%;
            font-size: 14px;
        }
        
        .ywk-search-input input.submit {
            background: url('/html/template/default/static/image/ss1.png') center no-repeat #003281;
            display: block;
            position: absolute;
            width: 13%;
            height: 100%;
            outline: none;
            cursor: pointer;
            font-size: 18px;
            right: 0;
            top: 0;
            z-index: 3;
            border: none;
        }
        
        .ywk-search-input input.submit:hover {
            background: url('/html/template/default/static/image/ss1.png') center no-repeat #f29700;
        }
        
        .ywk-search-type {
            padding-top: 60px;
            overflow: hidden;
            position: relative;
        }
        
        .ywk-search-type::after {
            content: '';
            width: 100%;
            height: 1px;
            background: #edeffa;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .ywk-search-type a {
            font-size: 18px;
            color: #666e80;
            text-transform: uppercase;
            margin-right: 40px;
            position: relative;
            padding: 30px 0;
            display: inline-block;
            vertical-align: middle;
            z-index: 5;
            ;
        }
        
        .ywk-search-type a.cur {
            color: #003281;
        }
        
        .ywk-search-type a.cur::after {
            content: '';
            width: 100%;
            height: 1px;
            background: #003281;
            position: absolute;
            left: 0;
            bottom: 0;
        }
        
        .ywk-search-type a:hover {
            color: #003281;
        }
        
        .ywk-search-results {
            padding: 2% 0;
            overflow: hidden;
            color: #666e80;
            font-size: 14px;
        }
        
        .ywk-search-results strong {
            font-weight: normal;
            color: #f29700;
        }
        
        .ywk-search-list {
            padding: 1% 0 2% 0;
            overflow: hidden;
        }
        
        .ywk-solutions-item {
            float: left;
            width: 48%;
            margin: 0 2% 2% 0;
            overflow: hidden;
        }
        
        .ywk-solutions-item a {
            display: block;
            overflow: hidden;
        }
        
        .ywk-solutions-item .img .pic {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .ywk-solutions-item .text {
            padding: 3% 0;
            overflow: hidden;
        }
        
        .ywk-solutions-item .title-1 {
            font-size: 24px;
            color: #666e80;
            padding-bottom: 10px;
            text-transform: uppercase;
        }
        
        .ywk-solutions-item .text-2 {
            font-size: 14px;
            color: #666e80;
            line-height: 24px;
        }
        
        .ywk-solutions-item a:hover .title-1 {
            color: #003281;
        }
        
        .ywk-solutions-item a:hover .img .pic {
            transform: scale(1.1);
        }
        /* other */
        
        .ywk-culture-nav a,
        .ywk-globalfootprint-item li p,
        .ywk-references-nav strong,
        .ywk-about-data .data li p,
        .ywk-references-list-item .text .title-2,
        .ywk-references-list-item .text .tpath-1,
        .ywk-solutions-item .title-1,
        .nav-title,
        .ywk-applications-swiper .text,
        .ywk-references-nav strong,
        .ywk-dthicscompliance-nav .item-4 .title-6,
        .ywk-events-left .text h5,
        .nav-type a h4 {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        
        .ywk-news-top-item .text .text-2,
        .ywk-solutions-item .text-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .ywk-news-item .title-2 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        /* fonts */
        
        .ywk-header-nav li a,
        .ywk-stock-code,
        .ywk-header-right a span,
        .viewmore span,
        .ywk-index-product-type-item .learnmore-3 span,
        .ywk-content-center ul strong,
        .ywk-introduce-line,
        .ywk-parameter-content .parameter-2 ul li strong,
        .ywk-parameter-content .parameter-2 ul h6,
        .readmore span,
        .ywk-more a span,
        .ywk-roomcooling-item-left .items-2 li.cur,
        .ywk-header-right-link a,
        .ywk-play-video a span,
        .ywk-events-left .text h5,
        .ywk-header-nav-list li span,
        .ywk-nav-two-left li a,
        .ywk-nav-two-right-swiper-item .nav-title,
        .nav-slide-item .nav-title,
        .ywk-header-nav-show-about a span,
        .mobile-nav li a,
        .ywk-factory-withus-form .submit input {
            font-family: 'Montserrat-Bold';
        }
        
        .ywk-globalfootprint-item li h3 span,
        .ywk-globalfootprint-item li h3 sup,
        .ywk-globalfootprint-item li h3 strong,
        .swiper-pagination-customers span,
        .features-item em,
        .ywk-features-swiper .swiper-pagination-features span,
        .ywk-reference-text .reference-pagination,
        .ywk-reference-text .reference-pagination span,
        .ywk-pageturn a,
        .ywk-about-data .data li h3 strong,
        .ywk-dthicscompliance-swiper .num-0 strong,
        .ywk-dthicscompliance-swiper .num-0 span,
        .ywk-dthicscompliance-nav .item-4 .num-6,
        .ywk-pagetrun-swiper .swiper-affiliated-num,
        .ywk-affiliated-nav span,
        .ywk-search-type a,
        .ywk-certifications-awards .text,
        .ywk-solutions-content .ywk-content-top .ywk-text {
            font-family: 'D-DINCondensed';
        }
        
        .ywk-index-banner .text .title-1,
        .ywk-index-banner .text .title-2,
        .ywk-index-product-type-item .title-1,
        .swiper-product-pagination span,
        .ywk-content-milestone-swiper-item .text .title-1,
        .ywk-content-milestone-swiper-item .text .num-3,
        .ywk-year-milestone-swiper span,
        .nav-type a h4,
        .ywk-introduce-item li h4 strong,
        .ywk-introduce-item li h4 span,
        .ywk-product-nav a,
        .ywk-product-item .title-1,
        .ywk-product-detail-text .title-2,
        .ywk-product-detail-text .xinghao-1,
        .bigtitle-bg,
        .swiper-pagination-num,
        .ywk-applications-swiper .text,
        .ywk-parameter-content .title-1,
        .ywk-content-data-center .textright-2 .title-1,
        .ywk-data-center-item .text .title-1,
        .ywk-application-scenarios-item .text .name-2,
        .ywk-application-scenarios-item .text .num-1,
        .ywk-reference-text .title-2,
        .ywk-solutions-roomcooling .title-1,
        .ywk-roomcooling-item-left .title-1,
        .ywk-popup-reference-right-content .title-1,
        .ywk-references-item .text .title-1,
        .ywk-allmore span,
        .ywk-references-nav strong,
        .ywk-references-list-item .text .title-2,
        .ywk-envicool-introduction .ywk-stockcode,
        .ywk-about-product .title-2,
        .ywk-core-advantages-item strong,
        .ywk-culture-right strong,
        .ywk-culture-right i,
        .ywk-dthicscompliance-swiper .title-1,
        .ywk-dthicscompliance-nav .item-4 .title-6,
        .ywk-certifications-awards-nav strong,
        .ywk-events-nav a,
        .companies-item .title-1,
        .ywk-factory-masonry .toptxt h4,
        .ywk-news-item .title-2,
        .ywk-news-detail-top .title-2 h1,
        .ywk-contact-left .title-1,
        .ywk-contact-left h3,
        .network-item .text .addname-1,
        .ywk-solutions-item .title-1,
        .ywk-title h2,
        .banner-title h2 {
            font-family: 'd-din-condensed-bold';
        }
        
        @font-face {
            font-family: 'Montserrat-Regular';
            src: url('https://www.envicool.net/static/css/fonts/Montserrat-Regular.eot');
            src: local('?'), url('/html/template/default/static/font/Montserrat-Regular.woff') format('woff'), url('/html/template/default/static/font/Montserrat-Regular.ttf') format('truetype'), url('https://www.envicool.net/static/fonts/Montserrat-Regular.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'Montserrat-Extra-Bold';
            src: url('/html/template/default/static/font/Montserrat-Extra-Bold.eot');
            src: local('?'), url('/html/template/default/static/font/Montserrat-Extra-Bold.woff') format('woff'), url('/html/template/default/static/font/Montserrat-Extra-Bold.ttf') format('truetype'), url('https://www.envicool.net/static/fonts/Montserrat-Extra-Bold.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'Montserrat-Light';
            src: url('/html/template/default/static/font/Montserrat-Light.eot');
            src: local('?'), url('/html/template/default/static/font/Montserrat-Light.woff') format('woff'), url('https://www.envicool.net/static/fonts/Montserrat-Light.ttf') format('truetype'), url('https://www.envicool.net/static/fonts/Montserrat-Light.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'Montserrat-Bold';
            src: url('/html/template/default/static/font/Montserrat-Bold.eot');
            src: local('?'), url('/html/template/default/static/font/Montserrat-Bold.woff') format('woff'), url('/html/template/default/static/font/Montserrat-Bold.ttf') format('truetype'), url('https://www.envicool.net/static/fonts/Montserrat-Bold.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'MyriadPro-Regular';
            src: url('/html/template/default/static/font/MyriadPro-Regular.eot');
            src: local('?'), url('/html/template/default/static/font/MyriadPro-Regular.woff') format('woff'), url('/html/template/default/static/font/MyriadPro-Regular.ttf') format('truetype'), url('https://www.envicool.net/static/fonts/MyriadPro-Regular.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'd-din-condensed-bold';
            src: url('/html/template/default/static/font/d-din.condensed-bold.eot');
            src: local('?'), url('/html/template/default/static/font/d-din.condensed-bold.woff') format('woff'), url('/html/template/default/static/font/d-din.condensed-bold.ttf') format('truetype'), url('https://www.envicool.net/static/fonts/d-din.condensed-bold.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'D-DINCondensed';
            src: url('/html/template/default/static/font/D-DINCondensed.eot');
            src: local('?'), url('/html/template/default/static/font/D-DINCondensed.woff') format('woff'), url('/html/template/default/static/font/D-DINCondensed.ttf') format('truetype'), url('https://www.envicool.net/static/fonts/D-DINCondensed.svg') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        
        @media screen and (max-width: 5120px) {
            .ywk-parameter-content {
                margin-top: 8%;
            }
            .ywk-about-product .about-product.product7 .item-li.pit1 {
                margin-right: -820px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit2 {
                margin-right: -945px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit3 {
                margin-right: -905px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit4 {
                margin-top: 340px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit5 {
                margin-left: -905px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit6 {
                margin-left: -940px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit7 {
                margin-left: -830px;
            }
            .ywk-affiliated-companies {
                background: url(/html/template/default/static/image/map.png) 25% 32% no-repeat;
            }
        }
        
        @media screen and (max-width: 3840px) {}
        
        @media screen and (max-width: 2560px) {}
        
        @media screen and (max-width: 2048px) {
            .ywk-parameter-content {
                margin-top: 3%;
            }
        }
        
        @media screen and (max-width: 1920px) {
            .ywk-about-product .about-product.product7 .item-li.pit1 {
                margin-right: -610px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit2 {
                margin-right: -775px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit3 {
                margin-right: -725px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit4 {
                margin-top: 280px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit5 {
                margin-left: -725px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit6 {
                margin-left: -775px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit7 {
                margin-left: -610px;
            }
            .ywk-affiliated-companies {
                background: url(/html/template/default/static/image/map.png) left top no-repeat;
            }
        }
        
        @media screen and (max-width: 1680px) {
            .ywk-logo a {
                width: 100px;
                height: 50px;
            }
            .ywk-header-nav li {
                padding: 30px 15px;
            }
            .ywk-header-right-link a,
            .ywk-header-right a {
                line-height: 75px;
            }
            .ywk-header-right-link a {
                margin-right: 10px;
            }
            .ywk-header-right-language {
                margin-left: 10px;
            }
            .ywk-header-nav-show .ywk-content {
                margin-top: 75px;
            }
            .ywk-header-nav-left {
                width: 23%;
                padding: 2% 1% 2% 4%;
            }
            .ywk-header-nav-right {
                width: 77%;
            }
            .ywk-header-nav-right::before {
                width: 75%;
            }
            .ywk-nav-two-left li {
                padding: 10px 0 10px 70px;
            }
            .ywk-index-banner .text {
                top: 30%;
            }
            .ywk-index-banner .text .line-3 {
                margin: 15px 0;
                width: 80px;
                height: 2px;
            }
            .viewmore {
                margin-top: 30px;
            }
            .viewmore a {
                width: auto;
                height: 40px;
                line-height: 40px;
                padding: 0;
                padding: 0 30px;
                display: inline-block;
                font-size: 0;
            }
            .viewmore span {
                margin-right: 10px;
            }
            .title-canvas-en {
                width: 400px;
            }
            .ywk-content-top-swiper-leftright {
                width: 125px;
                height: 40px;
            }
            .ywk-content-top .swiper-product-next,
            .ywk-content-top .swiper-product-prev {
                width: 40px;
                height: 40px;
                margin-top: -20px;
            }
            .swiper-product-pagination {
                top: 50%;
                margin-top: -10px;
            }
            .ywk-content-top-right {
                width: 250px;
            }
            .ywk-year-milestone-swiper span {
                font-family: 'D-DINCondensed';
            }
            .ywk-year-milestone {
                margin-top: 5%;
            }
            .ywk-globalfootprint-item li i {
                width: 30px;
                height: 30px;
            }
            .ywk-map-line {
                width: 100%;
            }
            .ywk-content-globalfootprint {
                margin-top: 10%;
            }
            .ywk-content-globalfootprint .img {
                width: 90%;
                margin: auto;
            }
            .ywk-footer .ywk-content {
                width: 80%;
            }
            .ywk-content-customers-swiper {
                width: 87%;
            }
            .ywk-application-scenarios-item .img {
                width: 80%;
            }
            .readmore a {
                width: auto;
                height: 42px;
                padding: 0 20px;
                display: inline-block;
            }
            .readmore span {
                font-size: 12px;
                line-height: 42px;
            }
            .ywk-application-scenarios-item .text .item-3 {
                font-size: 12px;
                line-height: 20px;
                margin: 20px 0 30px 0;
            }
            .ywk-application-scenarios-item .text .text-center,
            .ywk-popup-content {
                width: 80%;
                left: 10%;
            }
            .ywk-reference-text .title-2 {
                font-size: 30px;
                margin-bottom: 60px;
            }
            .ywk-popup-windows-content {
                padding: 3%;
            }
            .nav-type-show a {
                line-height: 50px;
            }
            .nav-type-two {
                padding: 25px 0;
            }
            .ywk-left {
                width: 45%;
                padding: 0;
            }
            .ywk-product-detail-path {
                top: 78px;
            }
            .ywk-product-item .product-pic img.img-center {
                max-width: 80%;
                max-height: 80%;
            }
            .ywk-product-detail-text {
                width: 90%;
                left: 10%;
                padding-top: 1%;
            }
            .ywk-product-detail-text .line-3 {
                margin: 10px 0;
            }
            .ywk-parameter-content {
                width: 40%;
                margin-top: 3%;
            }
            .ywk-parameter-content .title-1 {
                padding-bottom: 10px;
                margin-bottom: 20px;
            }
            .ywk-product-detail-parameter .pic img.img-center {
                max-height: 80%;
                max-width: 80%;
            }
            .ywk-parameter-content .parameter-2 ul li {
                padding: 10px 0;
                width: 47%;
                margin-right: 3%;
            }
            .ywk-parameter-content .parameter-2 {
                height: 450px;
            }
            .ywk-parameter-content .parameter-2 ul h6 {
                padding: 15px 0;
            }
            .ywk-references-item .text .title-1::after,
            .ywk-envicool-introduction .ywk-lines {
                margin: 20px 0;
            }
            .ywk-references-item .text .viewmore a {
                width: auto;
            }
            .ywk-allmore a {
                width: 300px;
                height: 80px;
            }
            .ywk-allmore span {
                line-height: 80px;
            }
            .ywk-references-nav.num7 a {
                width: 12%;
            }
            .ywk-pageturn a {
                width: 35px;
                font-size: 14px;
                padding: 10px 0;
            }
            .ywk-pageturn a.prev,
            .ywk-pageturn a.next {
                padding: 10px 20px;
            }
            .ywk-envicool-introduction .ywk-left {
                margin: 4% 0 0 10%;
                width: 36%;
            }
            .ywk-about-data .data li i {
                top: 17%;
            }
            .ywk-about-data .data {
                width: 90%;
                left: 5%;
            }
            .ywk-about-product .text-3 {
                padding: 5px 0;
                line-height: 18px;
            }
            .ywk-about-product .icon-1 i {
                width: 50px;
                height: 50px;
            }
            .ywk-about-product .icon-1 {
                top: -10px;
            }
            .ywk-about-product .item-li {
                width: 45%;
                padding-left: 70px;
            }
            .ywk-about-product .about-product {
                left: 22.5%;
                width: 55%;
            }
            .about-product-swiper {
                width: 200px;
                height: 200px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit1 {
                margin-right: -510px;
                margin-top: -255px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit2 {
                margin-right: -655px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit3 {
                margin-right: -642px;
                margin-top: 105px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit4 {
                margin-right: -22%;
                margin-top: 225px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit5 {
                margin-left: -641px;
                margin-top: 125px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit6 {
                margin-left: -662px;
                margin-top: -100px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit7 {
                margin-left: -530px;
                margin-top: -250px;
            }
            .ywk-about-product .item-li:nth-child(4) .dot-0 {
                top: -30px;
                margin-left: 30px;
            }
            .ywk-core-advantages .ywk-title {
                left: 5%;
            }
            .ywk-core-advantages-item {
                left: 5%;
                width: 90%;
            }
            .ywk-culture-right li {
                padding: 20px 0;
            }
            .ywk-dthicscompliance .viewmore {
                margin-top: 50px;
            }
            .ywk-dthicscompliance .viewmore a {
                width: auto;
                height: 50px;
                line-height: 50px;
                display: inline-block;
            }
            .ywk-certifications-awards-swiper .swiper-awards-next {
                margin-right: -320px;
            }
            .ywk-certifications-awards-swiper .swiper-awards-prev {
                margin-left: -320px;
            }
            .ywk-about-events .viewmore a {
                height: 50px;
                line-height: 50px;
                width: 100px;
            }
            .ywk-events-item a {
                padding: 10px 0 10px 0;
            }
            .ywk-events-item .more {
                margin-top: 10px;
            }
            .ywk-events-nav a {
                padding: 16px 0;
            }
            .ywk-about-affiliated-companies {
                padding: 20% 0 9% 0;
                width: 90%;
            }
            .ywk-affiliated-right {
                right: 0;
                top: 10%;
            }
            .ywk-affiliated-left {
                width: 26%;
                left: 4%;
                top: 10%;
                z-index: 11;
            }
            .ywk-page-content.mt-100 {
                margin-top: -7%;
            }
            .ywk-affiliated-point {
                width: 50%;
                height: 700px;
                margin: 0 0 0 27%;
            }
            .ywk-affiliated-companies {
                background: url(/html/template/default/static/image/map.png) 500% -470% no-repeat;
            }
            .ywk-contact-left {
                padding: 7% 5% 5% 5%;
            }
            .ywk-contact-left .add-2,
            .ywk-contact-left .email-4,
            .ywk-contact-left .item-3 li {
                padding: 25px 0 25px 70px;
            }
            .network-item .text .addname-1::after {
                margin: 15px 0;
            }
            .network-item .text .email-4 {
                margin-bottom: 0;
            }
            .ywk-news-detail,
            .ywk-news-detail-bottom {
                width: 70%;
            }
            .ywk-news-path-content {
                width: 70%;
            }
            .ywk-index-banner .text.bigtriangle::before {
                background: url(/html/template/default/static/image/sc.png) left top no-repeat;
                left: -20px;
                top: -20px;
                background-size: 10%;
            }
            .ywk-solutions-roomcooling .text {
                padding: 4% 5% 0 5%;
            }
            .ywk-solutions-roomcooling-item {
                width: 100%;
            }
            .ywk-roomcooling-item-left .items-2 li::before {
                top: 5px;
            }
            .ywk-about-data .data li {
                min-width: 18%;
            }
            #language.ywk-header-nav-show-content {
                width: 120px;
                right: 10px;
            }
            .ywk-header-nav-show-search {
                width: 40%;
                margin: 3% auto;
            }
            .ywk-header-nav-show-search .input {
                padding: 15px 25px;
            }
            .ywk-header-nav-show-about {
                width: 80%;
                margin: 2% auto 3% auto;
            }
            .ywk-content-data-center .textright-2 .text-2 {
                width: 100%;
            }
            .ywk-product-content,
            .ywk-certifications-awards,
            .ywk-about-certifications-awards .ywk-content-top {
                width: 90%;
            }
            .ywk-content-milestone-swiper-item .text .num-3 {
                font-size: 300px;
            }
            .bigtitle-bg strong {
                font-size: 200px;
                line-height: 180px;
            }
            .ywk-index-banner .text .title-1 {
                font-size: 100px;
                line-height: 100px;
            }
            .banner-title h2 {
                font-size: 50px;
                line-height: 80px;
            }
            .ywk-index-banner .text .title-2 {
                font-size: 60px;
            }
            .ywk-title h2 {
                font-size: 45px;
                line-height: 60px;
            }
            .ywk-parameter-content .title-1 {
                font-size: 50px;
            }
            .ywk-globalfootprint-item li h3 strong,
            .ywk-about-data .data li h3 strong,
            .ywk-contact-left .title-1 {
                font-size: 34px;
            }
            .ywk-content-data-center .textright-2 .title-1,
            .ywk-dthicscompliance-swiper .title-1,
            .ywk-solutions-roomcooling .title-1 {
                font-size: 30px;
            }
            .ywk-application-scenarios-item .text .name-2 {
                font-size: 26px;
            }
            .ywk-index-product-type-item .title-1,
            .ywk-content-milestone-swiper-item .text .title-1,
            .ywk-data-center-item .text .title-1,
            .ywk-popup-reference-right-content .title-1 {
                font-size: 24px;
            }
            .ywk-application-scenarios-item .text .num-1,
            .ywk-product-item .title-1,
            .ywk-envicool-introduction .ywk-stockcode {
                font-size: 24px;
            }
            .network-item .text .addname-1,
            .ywk-news-item .title-2 {
                font-size: 20px;
                line-height: 24px;
            }
            .ywk-applications-swiper .text,
            .ywk-references-list-item .text .title-2,
            .ywk-core-advantages-item strong,
            .ywk-affiliated-nav span {
                font-size: 18px;
            }
            .nav-slide-item .nav-title,
            .nav-type a h4,
            .ywk-product-nav a,
            .ywk-references-nav strong,
            .ywk-dthicscompliance-nav .item-4 .title-6,
            .ywk-certifications-awards .text,
            .ywk-certifications-awards-nav strong,
            .ywk-events-nav a,
            .ywk-factory-masonry .toptxt h4 {
                font-size: 16px;
            }
            .ywk-index-banner .text .text-4,
            .ywk-introduce,
            .ywk-introduce-line,
            .ywk-product-detail-text .text-4,
            .features-item strong,
            .ywk-references-item .text .text-2,
            .ywk-events-item h5,
            .ywk-news-detail-center {
                font-size: 14px;
                line-height: 24px;
            }
            .ywk-reference-text .text-1,
            .ywk-culture-right p,
            .ywk-events-left .text h5 {
                font-size: 14px;
            }
            .ywk-header-nav li a,
            .ywk-header-nav-list li span,
            .ywk-nav-two-left li a,
            .ywk-index-product-type-item .menu-2 a,
            .ywk-index-product-type-item .learnmore-3 span,
            .ywk-globalfootprint-item li p,
            .ywk-content-center ul li a,
            .ywk-parameter-content .parameter-2 ul li span,
            .ywk-parameter-content .parameter-2 ul li strong,
            .ywk-references-list-item .text .tpath-1,
            .ywk-play-video a span,
            .ywk-about-data .data li p,
            .ywk-core-advantages-item p,
            .ywk-dthicscompliance .viewmore a span,
            .ywk-about-events .viewmore span,
            .ywk-events-item .more span,
            .ywk-contact-left p,
            .ywk-news-item .more span,
            .ywk-header-nav-show-language a,
            .ywk-header-nav-show-about a span {
                font-size: 15pxx!important;
            }
            .ywk-content-milestone-swiper-item .text .text-2,
            .ywk-text,
            .ywk-content-data-center .textright-2 .text-2,
            .ywk-data-center-item .text .text-2,
            .ywk-application-scenarios-item .text .item-3 li,
            .ywk-popup-reference-right-content .text-2,
            .ywk-product-item .text-2,
            .ywk-envicool-introduction .ywk-introduction,
            .ywk-dthicscompliance-swiper .text-2,
            .network-item .text p,
            .ywk-solutions-roomcooling .text-2,
            .ywk-roomcooling-item-left .items-2 li,
            .ywk-roomcooling-item-left .items-2 {
                font-size: 17px;
                line-height: 20px;
            }
        }
        
        @media screen and (max-width: 1600px) {
            .ywk-play {
                width: 60px;
                height: 60px;
                margin: -30px 0 0 -30px;
            }
            .ywk-product-detail-pic {
                right: 1%;
            }
            .ywk-about-events .ywk-title {
                margin-left: -10px;
            }
            .ywk-events-nav {
                margin: 20px 0 0 0px;
            }
            .ywk-header-right-link a,
            .ywk-stock-code {
                font-family: 'Montserrat-Light';
            }
            .ywk-stock-code {
                font-size: 12px
            }
            .ywk-header-nav li a {
                font-size: 16px!important;
            }
            .ywk-header-right a span {
                display: none;
            }
            .ywk-globalfootprint-item {
                width: 100%;
                text-align: center;
                font-size: 0;
            }
            .ywk-globalfootprint-item li {
                width: auto;
                min-width: 17%;
                float: none;
                display: inline-block;
            }
            .ywk-solutions-content .ywk-content-top .ywk-text {
                font-size: 30px;
            }
            .ywk-stock-code::before {
                height: 90%;
            }
        }
        
        @media screen and (max-width: 1500px) {
            .container {
                width: 90%;
                margin: 0 auto;
            }
            .features-item .title-1 {
                font-size: 14px;
            }
            .features-item i {
                width: 50px;
                height: 50px;
            }
            .features-item .title-1::after {
                margin: 10px auto;
            }
            .features-item strong {
                margin-top: 0px;
            }
            .ywk-product-detail-text .text-4 p {
                font-size: 13px;
                line-height: 24px;
            }
            .ywk-product-detail-text .text-4 * {
                font-size: 13px;
                line-height: 24px;
            }
        }
        
        @media screen and (max-width: 1440px) {
            .ywk-product-detail-pic .pic img.img-center {
                max-height: 80%;
                max-width: 80%;
            }
            .ywk-product-detail-text .title-2 {
                font-size: 50px;
            }
            .ywk-product-detail-text .xinghao-1 {
                font-size: 30px;
            }
            .features-item strong {
                font-size: 12px;
            }
            .ywk-header-right {
                width: 380px;
            }
        }
        
        @media screen and (max-width: 1366px) {
            .ywk-content-milestone-swiper,
            .ywk-globalfootprint-item {
                width: 100%;
            }
            .ywk-map-line {
                width: 96%;
            }
            .ywk-content-globalfootprint .img,
            .ywk-content-customers-swiper {
                width: 100%;
            }
            .ywk-footer .ywk-content,
            .ywk-about-events .ywk-content-top,
            .ywk-events-content {
                width: 90%;
            }
            .nav-type-show a,
            .ywk-introduce-item li p {
                font-size: 12px;
            }
            .ywk-introduce,
            .ywk-introduce-line,
            .ywk-introduce-line *,
            .ywk-product-detail-text .text-4,
            .ywk-references-item .text .text-2 {
                font-size: 12px;
                line-height: 20px;
            }
            .ywk-parameter-content .parameter-2 {
                height: 400px;
            }
            .ywk-parameter-content {
                width: 45%;
            }
            .ywk-references-item .text .viewmore {
                margin-top: 30px;
            }
            .ywk-allmore span {
                font-size: 24px;
            }
            .ywk-references-nav strong {
                font-size: 14px;
            }
            .ywk-references-list-item .text {
                padding: 15px 0 20px 0;
            }
            .ywk-application-scenarios-item .text .text-center,
            .ywk-popup-content {
                width: 80%;
                left: 10%;
            }
            .ywk-about-product .about-product {
                left: 21%;
                width: 58%;
            }
            .ywk-affiliated-companies {
                background: url(/html/template/default/static/image/map.png) 210% 12000% no-repeat;
            }
            .ywk-contact-left .add-2,
            .ywk-contact-left .email-4,
            .ywk-contact-left .item-3 li {
                padding: 20px 0 20px 70px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit4 {
                width: 60%;
                margin-right: -30%;
            }
            .ywk-about-product .about-product {
                top: 45%;
            }
        }
        
        @media screen and (max-width: 1280px) {
            .ywk-map-line {
                width: 100%;
                margin: auto;
            }
            .ywk-about-dthicscompliance,
            .ywk-factory-masonry,
            .ywk-network-list,
            .ywk-news-content {
                width: 90%;
            }
            .ywk-header-nav {
                margin-left: -10%;
            }
            .ywk-envicool-introduction .ywk-left {
                margin: 4% 0 0 5%;
                width: 40%;
            }
            .ywk-about-product .about-product {
                left: 19%;
                width: 62%;
            }
            .ywk-culture-right strong {
                font-size: 20px;
            }
            .ywk-certifications-awards-swiper .swiper-awards-next {
                margin-right: -250px;
            }
            .ywk-certifications-awards-swiper .swiper-awards-prev {
                margin-left: -250px;
            }
            .ywk-affiliated-companies {
                background: url(/html/template/default/static/image/map.png) 142% 530% no-repeat;
            }
            .ywk-contact-left span {
                font-size: 12px;
            }
            .ywk-contact-left .add-2,
            .ywk-contact-left .email-4,
            .ywk-contact-left .item-3 li {
                padding: 20px 0 20px 60px;
            }
            .ywk-content-globalfootprint .img {
                width: 90%;
                margin: auto;
            }
            .points1 {
                margin: -53px 0 0 -40px;
            }
            .ywk-core-advantages-item a {
                width: 12%;
            }
            .points17 {
                margin: -85px 0px 0 -155px;
            }
            .points18 {
                margin: -15px 0px 0 -220px;
            }
            .points19 {
                margin: -10px 0px 0 -300px;
            }
            .points20 {
                margin: 60px 0px 0 -300px;
            }
            .points21 {
                margin: 50px 0px 0 -250px;
            }
            .points22 {
                margin: -170px 0px 0 280px;
            }
            .points23 {
                margin: -15px 0px 0 400px;
            }
            .points24 {
                margin: 150px 0px 0 500px
            }
            .points16 {
                margin: 82px 0px 0 530px;
            }
            .points15 {
                margin: 52px 0px 0 470px;
            }
            .points14 {
                margin: -73px 0px 0 390px;
            }
            .points13 {
                margin: -135px 0px 0 350px;
            }
            .points12 {
                margin: 160px 0px 0 150px;
            }
            .points11 {
                margin: 107px 0 0 30px;
            }
            .points10 {
                margin: 0px 0 0 -25px;
            }
            .points9 {
                margin: -80px 0 0 65px;
            }
            .points8 {
                margin: 115px 0 0 -270px;
            }
            .points7 {
                margin: -35px 0 0 -115px;
            }
            .points6 {
                margin: -150px 0 0 -110px;
            }
            .points5 {
                margin: -95px 0 0 -300px;
            }
            .points4 {
                margin: -125px 0 0 -270px;
            }
            .points3 {
                margin: -80px 0 0 -340px;
            }
            .points2 {
                margin: -125px 0 0 -345px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit1 {
                margin-right: -540px;
                margin-top: -240px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit2 a .text-3 {
                width: 90%;
            }
            .ywk-about-product .about-product.product7 .item-li.pit6 a .text-3 {
                width: 90%;
                float: right;
            }
        }
        
        @media screen and (max-width: 1152px) {
            .ywk-core-advantages-item a {
                min-height: 130px;
            }
        }
        
        @media screen and (max-width: 1024px) {}
        
        @media screen and (max-width: 640px) {
            .pcshow,
            .banner-nav-type {
                display: none!important;
            }
            .mbshow {
                display: block!important;
            }
            .ywk-header {
                padding-top: 10px;
            }
            .ywk-core-advantages-item a {
                min-height: auto;
            }
            #cd-nav-container {
                position: fixed;
                right: 0;
                transition: all .4s ease;
                transform: translateY(-200%);
            }
            .ywk-header .ywk-content {
                width: 92%;
                height: 50px;
                padding-bottom: 10px;
            }
            .ywk-stock-code,
            .ywk-header-right-link,
            .ywk-header-right a span,
            .ywk-header-nav-show,
            .swiper-product-pagination,
            .ywk-content-center,
            .ywk-header-nav li a::after {
                display: none;
            }
            .ywk-header-right {
                width: 30%;
            }
            .ywk-header-right-link a,
            .ywk-header-right a {
                line-height: 50px;
            }
            .ywk-header-right {
                right: 50px;
            }
            .ywk-menu-toggle {
                display: block;
                top: 10px;
            }
            .ywk-index-banner .text {
                top: 30%;
                left: 5%;
            }
            .title-canvas-en,
            .ywk-content-milestone-swiper-item .img,
            .ywk-text,
            .ywk-dthicscompliance-swiper .text,
            .ywk-dthicscompliance-swiper .img,
            .ywk-solutions-roomcooling .img,
            .ywk-solutions-roomcooling .text {
                width: 100%;
            }
            .ywk-index-banner .text.bigtriangle::before {
                left: -10px;
                top: -10px;
                background-size: 40%;
            }
            .ywk-index-banner .text .title-2,
            .ywk-parameter-content .title-1 {
                font-size: 30px;
            }
            .ywk-index-banner .text .text-4 {
                width: 100%;
                max-width: 100%;
            }
            .ywk-title h2 {
                font-size: 40px;
                line-height: 40px;
            }
            .ywk-index-product,
            .ywk-index-milestone,
            .ywk-index-globalfootprint,
            .ywk-index-customers,
            .ywk-data-center,
            .ywk-application-scenarios,
            .ywk-product-content,
            .ywk-product,
            .ywk-product-detail-applications,
            .ywk-about-culture,
            .ywk-about-dthicscompliance,
            .ywk-about-certifications-awards,
            .ywk-about-events,
            .ywk-network {
                padding: 20% 0;
            }
            .ywk-index-product-type-item .menu-2 {
                font-size: 12px;
                margin-top: 38px;
                opacity: 1;
            }
            .ywk-index-product-type-item .learnmore-3 {
                opacity: 1;
                bottom: 10%;
            }
            .ywk-index-product-type-item .learnmore-3::after,
            .ywk-culture-left,
            .ywk-culture-right {
                width: 100%;
            }
            .ywk-content-milestone-swiper-item .text {
                position: relative;
                width: 100%;
                right: auto;
                height: auto;
                top: auto;
                padding: 5% 0;
                overflow: hidden;
            }
            .ywk-content-milestone-swiper-item .text .table,
            .ywk-content-milestone-swiper-item .text .table-cell {
                display: block;
            }
            .ywk-content-milestone-swiper-item .text .num-3 {
                font-size: 140px;
                text-align: center;
                width: 100%;
            }
            .ywk-globalfootprint-item li {
                width: 100%;
                padding: 5%;
                border-left: 1px solid rgba(255, 255, 255, .2);
            }
            .ywk-content-globalfootprint,
            .swiper-features-next,
            .swiper-features-prev {
                display: none;
            }
            .ywk-content-customers-swiper .img img.img-center {
                max-width: 70%;
                max-height: 60%;
            }
            .ywk-content-customers-swiper {
                padding-bottom: 50px;
            }
            .ywk-content-top-email-subscription {
                position: relative;
                right: auto;
                top: auto;
                margin-top: 20px;
            }
            .email-address-input,
            .ywk-product-detail-text .text-4,
            .ywk-roomcooling-item-left,
            .ywk-roomcooling-item-right {
                width: 100%;
            }
            .subscription {
                position: absolute;
                right: 0;
                top: 0;
            }
            .ywk-content-copy,
            .ywk-content-data-center .leftpic-1,
            .ywk-data-center-item,
            .ywk-popup-reference-swiper,
            .ywk-product-detail-parameter .pic,
            .ywk-parameter-content,
            .ywk-references-item .img,
            .ywk-references-list-item {
                width: 100%;
            }
            .ywk-content-social {
                text-align: left;
            }
            .ywk-content-link,
            .ywk-content-data-center .textright-2 {
                width: 100%;
                position: relative;
                right: auto;
                top: auto;
                text-align: left;
                margin: 0;
            }
            .ywk-content-link a,
            .ywk-content-social a {
                margin-left: 0px;
                margin-right: 20px;
            }
            #cd-nav-container {
                display: none;
            }
            .ywk-page-banner {
                height: 300px!important;
            }
            .ywk-page-banner .img img.img-block {
                height: 300px!important;
            }
            .banner-title h2 {
                font-size: 30px;
                line-height: 40px;
            }
            .ywk-popup-windows {
                transform: translateY(-200%);
            }
            .ywk-content-data-center .textright-2 {
                padding: 10% 0;
            }
            .ywk-application-scenarios-item .text {
                width: 100%;
                position: relative;
                left: auto;
                right: auto;
                top: auto;
                text-align: left;
                margin: 0;
                padding: 5%;
            }
            .ywk-application-scenarios-item .text .table,
            .ywk-application-scenarios-item .text .table-cell {
                display: block;
            }
            .ywk-application-scenarios-item .text .text-center {
                position: relative;
                left: auto;
                right: auto;
                top: auto;
                margin: auto;
            }
            .ywk-application-scenarios-item .text img {
                display: none;
            }
            .ywk-application-scenarios-item .img,
            .ywk-left,
            .ywk-right,
            .ywk-page.boxkuai::before {
                width: 100%;
            }
            .ywk-play {
                width: 40px;
                height: 40px;
                margin: -20px 0 0 -20px;
            }
            .ywk-more {
                top: 0;
                margin-top: 0px;
                bottom: 0;
                display: none;
            }
            .ywk-reference-content {
                margin-left: 0;
                width: 100%;
                margin-top: 5%;
            }
            .ywk-reference-text {
                position: relative;
                right: auto;
                top: auto;
                transform: translateY(0);
                width: 100%;
            }
            .ywk-application-scenarios-item .text .text-center,
            .ywk-popup-content {
                width: 100%;
                left: 0;
                top: 0;
                transform: translateY(0);
            }
            .ywk-popup-reference-right {
                float: left;
                width: 100%;
                padding: 5% 0;
            }
            .ywk-popup-windows.cur,
            .ywk-popup-mark {
                background: #fff;
            }
            .ywk-close {
                background: url(/html/template/default/static/image/xx.png) center no-repeat #fff;
                right: 0;
                top: 0;
            }
            .nav-type,
            .nav-type-show,
            .ywk-product-nav {
                overflow-y: hidden;
                overflow-x: scroll;
                overflow: auto;
                width: 100%;
                white-space: nowrap;
            }
            .ywk-page-banner .banner-title.bottom35 {
                bottom: 10%;
            }
            .nav-type::-webkit-scrollbar,
            .nav-type-show::-webkit-scrollbar,
            .ywk-product-nav::-webkit-scrollbar {
                height: 0px;
                width: 0px;
                background: #ccc;
            }
            .nav-type li {
                width: auto;
                display: inline-block;
                float: none;
                padding: 0;
                vertical-align: top;
                position: relative;
            }
            .nav-type li a {
                padding: 10px 20px 10px 20px;
            }
            .nav-type a i {
                width: 40px;
                height: 40px;
            }
            .nav-type::before,
            .ywk-product-item .text-2,
            .ywk-product-detail-path {
                display: none;
            }
            .nav-type li::before {
                content: '';
                width: 100%;
                height: 1px;
                position: absolute;
                right: 0;
                bottom: 0;
                background: #fff;
                opacity: .2;
            }
            .ywk-introduce-item li:last-child {
                margin-right: 0;
            }
            .ywk-introduce-item,
            .ywk-applications-swiper {
                padding-bottom: 50px;
            }
            .ywk-product-nav a {
                font-size: 14px;
                line-height: normal;
                padding: 10px 10px;
                margin: 2px;
                border: 1px solid #ccc;
                box-sizing: border-box;
            }
            .ywk-product-item {
                width: 100%;
                margin-bottom: 2%;
                margin-right: 0;
            }
            .ywk-product-list {
                padding-top: 40px;
            }
            .ywk-product-detail-text {
                width: 90%;
                left: 5%;
                top: 15%;
                transform: none;
            }
            .ywk-product-detail-pic {
                width: 100%;
                top: auto;
                bottom: 0;
            }
            .ywk-product-detail-text .title-2 {
                font-size: 30px;
            }
            .ywk-product-detail-text .xinghao-1 {
                font-size: 24px;
            }
            .ywk-product-detail-text .text-4 {
                max-height: 100px;
            }
            .bigtitle-bg {
                display: none;
            }
            .ywk-features-swiper {
                width: 90%;
                padding: 50px 0 100px 0;
            }
            .ywk-product-detail-features .ywk-content-top {
                padding-top: 30%;
            }
            .ywk-applications-swiper .text {
                width: 80%;
            }
            .ywk-parameter-content {
                padding: 5%;
                box-sizing: border-box;
            }
            .ywk-parameter-content .parameter-2 {
                height: auto;
            }
            .ywk-product-detail-parameter {
                background: url(/html/template/default/static/image/parameter1.jpg) center no-repeat;
                background-size: 100% 100%;
            }
            .ywk-parameter-content .parameter-2 ul li {
                width: 100%;
                margin-right: 0;
            }
            .ywk-references-item .text {
                width: 100%;
                position: relative;
                right: auto;
                top: auto;
                padding: 10% 0 5% 0;
                overflow: hidden;
            }
            .ywk-allmore a {
                width: 100%;
                height: 80px;
                box-sizing: border-box;
                padding: 0 10%;
                margin-bottom: 50px;
            }
            .ywk-references-nav.num7 a {
                width: auto;
                box-sizing: border-box;
                padding: 0 23px;
            }
            .ywk-references-nav a {
                border-top: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
                border-right: 1px solid #e5e5e5;
            }
            .ywk-references-nav a:first-child {
                border-left: 1px solid #e5e5e5;
            }
            .ywk-references-list-item.mr0 {
                margin: 0;
            }
            .ywk-references.ptb4 {
                padding: 10% 0 5% 0;
            }
            .ywk-references-nav {
                position: relative;
                overflow-y: hidden;
                overflow-x: scroll;
                overflow: auto;
                width: 100%;
                white-space: nowrap;
            }
            .ywk-references-nav::-webkit-scrollbar {
                height: 0px;
                width: 0px;
                background: #ccc;
            }
            .ywk-envicool-introduction .ywk-left {
                margin: 4% auto;
                width: 90%;
                float: none;
            }
            .ywk-popup-content-video video,
            .ywk-events-left,
            .ywk-events-right {
                width: 100%;
            }
            .ywk-about-data {
                background: #003281;
                padding: 20% 0;
            }
            .ywk-about-data .data li {
                float: none;
                width: 100%;
                padding: 5%;
                border: 1px solid rgba(255, 255, 255, .2);
                box-sizing: border-box;
                margin-top: -1px;
            }
            .ywk-about-data .data li:first-child {
                margin-top: 0px;
            }
            .ywk-about-data .data {
                position: relative;
                top: auto;
            }
            .ywk-about-content .img,
            .ywk-about-data .data li::after,
            .ywk-about-product .item-li .dot-0,
            .ywk-about-events .viewmore {
                display: none;
            }
            .ywk-about-data .data li i {
                top: 50%;
                margin-top: -20px;
            }
            .ywk-about-product .about-product {
                left: 5%;
                width: 90%;
                top: 7%;
                transform: translateY(0);
            }
            .ywk-about-product .product-item-li {
                position: relative;
                left: auto;
                top: auto;
            }
            .ywk-about-product .item-li {
                position: relative;
                left: auto!important;
                top: auto!important;
                right: auto!important;
                margin: 0!important;
            }
            .ywk-about-product .item-li {
                width: 88%;
                text-align: left!important;
                margin-bottom: 10px!important;
                padding-left: 50px!important;
            }
            .ywk-about-product .item-li a {
                display: inline-block;
            }
            .ywk-about-product .icon-1 {
                top: -5px;
            }
            .ywk-about-product .about-product.product7 .item-li.pit4 .icon-1 {
                left: 0;
                top: 0;
                position: absolute;
                margin-bottom: 10px;
            }
            .ywk-about-product .about-product.product7 .item-li.fl {
                left: auto;
                top: auto;
                padding-right: 0px;
            }
            .ywk-about-product .about-product.product7 .item-li.fl .icon-1 {
                left: 0;
                right: auto;
            }
            .ywk-about-product .about-product.product7 .item-li.fl .text-3 {
                text-align: left;
            }
            .ywk-about-product .item-li a:hover .title-2,
            .ywk-about-product .item-li.cur a .title-2 {
                background: none!important;
                padding-left: 0;
                text-align: left;
                padding-left: auto;
            }
            .ywk-about-product .about-product.product7 .item-li.fl .title-2 {
                padding-right: 0px;
                padding-left: 0;
                text-align: left;
            }
            .ywk-about-product .about-product.product7 .item-li.pit4 .title-2::after {
                left: 0;
                transform: translateX(0);
            }
            .ywk-about-product .about-product.product7 .item-li.fl .title-2::after {
                right: auto;
                left: 0;
            }
            .ywk-about-product .icon-1 i {
                width: 30px;
                height: 30px;
            }
            .ywk-core-advantages-item a {
                width: 95%;
                padding: 5% 5% 5% 25%;
                margin-right: 0;
                margin-bottom: 1%;
                box-sizing: border-box;
            }
            .ywk-core-advantages-item i {
                position: absolute;
                left: 5%;
            }
            .ywk-core-advantages-item strong {
                padding: 5px 0 10px 0;
            }
            .ywk-dthicscompliance-swiper .title-1 {
                font-size: 20px;
            }
            .ywk-dthicscompliance .viewmore {
                margin: 20px 0 50px 0;
            }
            .ywk-about-certifications-awards .ywk-content-top .ywk-text {
                width: 100%;
                margin: 1% 0 4% 0px;
            }
            .ywk-certifications-awards-nav {
                position: relative;
                right: auto;
                top: auto;
                text-align: left;
                font-size: 0;
                margin-top: 0;
            }
            .ywk-certifications-awards-nav a {
                width: 50%;
                box-sizing: border-box;
            }
            .ywk-events-nav::-webkit-scrollbar {
                height: 0px;
                width: 0px;
                background: #ccc;
            }
            .ywk-events-nav {
                overflow-y: hidden;
                overflow-x: scroll;
                overflow: auto;
                width: 100%;
                white-space: nowrap;
                font-size: 0;
            }
            .ywk-events-nav a {
                display: inline-block;
                float: none;
                width: auto;
                padding: 15px 20px;
            }
            .ywk-events-item {
                padding: 5% 0;
            }
            .ywk-affiliated-point,
            .ywk-affiliated-nav a::after,
            .ywk-affiliated-nav a::before,
            .ywk-news-path-content a.cur {
                display: none;
            }
            .ywk-affiliated-right,
            .ywk-affiliated-left {
                position: relative;
                left: auto;
                top: auto;
                right: auto;
                width: 100%;
            }
            .ywk-affiliated-nav {
                font-size: 0;
                padding: 20px 0;
            }
            .ywk-affiliated-nav a {
                display: inline-block;
                padding: 10px 0px;
                border: 1px solid #ccc;
                width: 32%;
                margin: 1px;
            }
            .ywk-affiliated-nav i {
                right: 10%;
            }
            .ywk-affiliated-nav span {
                padding-left: 10%;
            }
            .ywk-affiliated-nav span {
                font-size: 16px;
            }
            .ywk-about-dthicscompliance {
                text-align: left;
            }
            .ywk-news-item {
                width: 100%;
                margin: 0 0 2% 0;
            }
            .ywk-news-item .title-2 {
                min-height: auto;
            }
            .ywk-news-path {
                margin-top: 71px;
            }
            .ywk-news-detail,
            .ywk-news-detail-bottom,
            .ywk-news-recommend-swiper,
            .ywk-factory-withus,
            .ywk-message-content,
            .ywk-search-content {
                width: 90%;
            }
            .ywk-news-detail-top .title-2 h1 {
                font-size: 30px;
            }
            .ywk-news-other-news {
                padding: 25% 0;
            }
            .ywk-factory-withus,
            .ywk-factory {
                padding: 20% 0;
            }
            .ywk-factory-withus-form li {
                width: 100%;
                margin-right: 0;
            }
            .ywk-factory-withus-form .submit input,
            .ywk-contact-left .item-3 li,
            .ywk-search-input,
            .ywk-application-scenarios-item.fr .img,
            .ywk-application-scenarios-item.fl .img {
                width: 100%;
            }
            .ywk-factory-withus-form li h6 {
                margin: 0px 0;
            }
            .ywk-factory-masonry {
                width: 90%;
                column-count: 1;
            }
            .ywk-factory-masonry .item {
                padding: 5px;
            }
            .ywk-factory-masonry .toptxt i {
                width: 30px;
                height: 30px;
                background-size: 50%;
            }
            .ywk-factory-masonry .toptxt h4 {
                font-size: 12px;
            }
            .ywk-contact-left {
                width: 100%;
                padding: 20% 5%;
            }
            .ywk-contact-left .title-1 {
                font-size: 24px;
            }
            .ywk-message {
                width: 100%;
                padding: 10% 0 20% 0;
            }
            .network-item,
            .ywk-solutions-item {
                width: 100%;
                margin: 0 0 3% 0;
            }
            .ywk-search-input input.submit {
                width: 23%;
            }
            .ywk-search-type a {
                font-size: 16px;
                margin-right: 20px;
            }
            .ywk-search-results {
                padding: 5% 0;
                font-size: 12px;
            }
            .swiper-milestone-next,
            .swiper-milestone-prev {
                margin-top: -90px;
            }
            .ywk-index-product-type-item {
                background: #000;
            }
            .ywk-index-product-type-item .img {
                opacity: 0.5;
            }
            .ywk-news-item a:hover {
                background: #003281 url(/html/template/default/static/image/tiao.png) -300% -800% no-repeat;
            }
            .ywk-envicool-introduction .pic {
                width: 80%;
            }
            .ywk-envicool-introduction {
                padding: 7% 0 40% 0;
            }
            .ywk-envicool-introduction .ywk-title h2::after {
                position: absolute;
                right: 0;
                bottom: -3px;
            }
            .ywk-solutions-roomcooling .text {
                padding: 10% 0 0 0;
            }
            .ywk-solutions-roomcooling {
                padding-bottom: 20%;
            }
            .ywk-roomcooling-item-right {
                margin-top: 50px;
            }
            .ywk-roomcooling-item-left .items-2 {
                padding: 20px 0 30px 0;
            }
            .banner-title {
                background-size: auto 90%;
                padding: 10px 0 0 15px;
            }
            .ywk-index-banner .text .title-1 h1 {
                display: block;
                margin: 0;
                font-size: 50px;
                line-height: 50px;
                margin-top: 20px;
            }
            .title-canvas-en {
                display: none;
            }
            .ywk-solutions-content .ywk-content-top .ywk-text {
                font-size: 20px;
            }
            .ywk-reference-text img.img-block {
                display: none;
            }
            .ywk-reference-text .text-center .table,
            .ywk-reference-text .text-center .table-cell {
                display: block;
            }
            .ywk-reference-text .text-center {
                position: relative;
                width: 90%;
                height: 100%;
                left: 5%;
                top: 0;
                padding: 5% 0;
            }
            .ywk-product-detail-text .title-2 {
                width: 100%;
            }
        }
        /* iPad */
        
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
        
        @media only screen and (max-height: 650px) {}
        /*仅IE6和IE7识别*/
        
        @media screen\9 {}
        /*仅IE6和IE7、IE8识别*/
        /*仅IE8识别*/
        
        @media \0screen {}
        /*仅IE8-10识别*/
        
        @media screen\0 {}
        /*仅IE9和IE10识别*/
        
        @media screen and (min-width:0\0) {}
        /*仅IE10/11识别*/
        
        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {}
        
        .map {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            font-size: 14px;
            line-height: 20px;
        }
        
        .map iframe {
            width: 100%;
            height: 100%;
            display: block;
        }
        
        .yzmpic {
            position: absolute;
            right: 0;
            top: 50%;
            text-align: right;
        }
        
        #map img {
            max-width: none;
            max-height: none;
            width: auto;
            height: auto;
        }
        
        .ywk-factory-withus-form li {
            position: relative;
        }
        /* productlist */
        
        .prodbj {
            background: #eef1f6;
            overflow: hidden;
        }
        
        .prodbj {
            background: #eef1f6;
            overflow: hidden;
        }
        
        .prodmain {
            overflow: hidden;
            margin: 70px 0;
        }
        
        .prodmain .prodleft {
            background: #ffffff;
            width: 23%;
            padding: 35px 25px;
            padding-bottom: 20%;
        }
        
        .prod_search {
            overflow: hidden;
            height: 48px;
            border: 1px solid #dbdbdb;
            padding-left: 64px;
            position: relative;
        }
        
        .prod_search .input {
            width: 100%;
            height: 46px;
            line-height: 46px;
            font-size: 14px;
            color: #282828;
            padding: 0 15px;
            position: relative;
        }
        
        .prod_search:after {
            content: "";
            height: 18px;
            width: 1px;
            background: #dbdbdb;
            position: absolute;
            left: 64px;
            top: 50%;
            margin-top: -9px;
        }
        
        .prod_search .submit {
            position: absolute;
            left: 1px;
            top: 1px;
            background: url(/html/template/default/static/image/search_btn2.png) no-repeat center center;
            width: 64px;
            height: 46px;
            cursor: pointer;
        }
        
        .pnav {
            overflow: hidden;
            margin-top: 35px;
        }
        
        .pnav li {
            float: left;
            width: 100%;
            border-top: 1px solid #dbdbdb;
        }
        
        .pnav li .tit {
            line-height: 60px;
            color: #414141;
            font-size: 16px;
        }
        
        .pnav li .tit a {
            display: block;
            padding: 0 20px;
            position: relative;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .pnav li .tit a:after {
            content: "";
            width: 10px;
            height: 10px;
            background: url(/html/template/default/static/image/sub02.png) no-repeat center center;
            position: absolute;
            top: 50%;
            margin-top: -5px;
            right: 10px;
        }
        
        .pnav li .tit2 a:after {
            display: none;
        }
        
        .pnav li:hover .tit a,
        .pnav li.on .tit a {
            background: #003282;
            color: #ffffff;
        }
        
        .pnav li:hover .tit a:after,
        .pnav li.on .tit a:after {
            background-image: url(/html/template/default/static/image/sub01.png);
        }
        
        .pnav li .sub {
            border-top: 1px solid #dbdbdb;
            padding: 20px;
            display: none;
        }
        
        .pnav li .sub a {
            display: block;
            font-size: 14px;
            line-height: 36px;
            padding-left: 12px;
            color: #282828;
            position: relative;
        }
        
        .pnav li .sub a:after {
            content: "";
            width: 2px;
            height: 2px;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -1px;
            background: #282828;
        }
        
        .pnav li .sub a:hover {
            color: #003282;
        }
        
        .pnav li .sub a:hover:after {
            background: #003282;
        }
        
        .pnav li.on .sub {
            display: block;
        }
        
        .pnav .sub .on {
            color: #003282;
        }
        
        .prodlist {
            overflow: hidden;
        }
        
        .prodlist li {
            background: #ffffff;
            position: relative;
            width: 22%;
            margin-right: 2%;
            margin-bottom: 2%;
            float: left;
        }
        
        .prodlist li:hover {
            box-shadow: 0px 0px 10px #cccccc;
        }
        
        .prodlist li img {
            display: block;
            width: 100%;
        }
        
        .prodlist li .tit {
            color: #282828;
            font-size: 16px;
            text-align: center;
            line-height: 100px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .prodlist li a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            opacity: 0;
            transition: 0.5s;
            -o-transition: 0.5s;
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
        }
        
        .pnav li .tit {
            line-height: 40px;
            font-size: 14px;
        }
        
        .pnav li .tit a {
            padding: 0 15px;
        }
        
        .pnav li {
            float: left;
            width: 100%;
            border-top: 1px solid #dbdbdb;
        }
        
        .mr0 {
            margin-right: 0 !important;
        }
        
        .prodlist li {
            list-style: none;
        }
        
        .pnav {
            overflow: hidden;
            margin-top: 35px;
        }
        
        .fl {
            float: left;
        }
        
        .prodmain .prodleft {
            background: #ffffff;
            width: 23%;
            padding: 35px 25px;
            padding-bottom: 20%;
        }
        
        .prodmain {
            margin: 15px 0;
        }
        
        .container2 {
            display: block;
            max-width: 1600px;
            width: 90%;
            margin: 0 auto;
        }
        
        .fr {
            float: right;
        }
        
        .prodlist li:hover a {
            opacity: 1;
        }
        
        .prodlist li a .more {
            height: 42px;
            width: 148px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -21px 0 0 -74px;
            background: #003282;
            line-height: 42px;
            color: #ffffff;
            text-align: center;
        }
        
        .productli {
            background: #eef1f6;
        }
        
        .prodlist li a .more span {
            display: inline-block;
            background: url(/html/template/default/static/image/more2.png) no-repeat left center;
            /* padding-left: 25px; */
        }
        /*产品列表*/
        /*产品详情*/
        
        .prodmain2 {
            margin-top: 0 !important;
        }
        
        .prodtop {
            overflow: hidden;
        }
        
        .prodtop .img {
            width: 50%;
        }
        
        .prodtop .img img {
            display: block;
            width: 100%;
        }
        
        .prodtop .txt {
            width: 46%;
        }
        
        .prodtop .txt h1 {
            font-size: 30px;
            color: #282828;
            padding: 5% 0;
            line-height: 1.4;
            border-bottom: 1px solid #d6d8dd;
        }
        
        .prodtop .txt .info {
            line-height: 2;
            margin: 3% 0;
        }
        
        .prodtop .txt .info .tit {
            font-size: 16px;
            color: #292929;
            font-weight: bold;
        }
        
        .prodtop .txt .info p {
            color: #626262;
            font-size: 16px;
        }
        
        .prodtop .txt .parameter {
            overflow: hidden;
            border-bottom: 1px dashed #cacccf;
            padding-bottom: 6%;
        }
        
        .prodtop .txt .parameter li {
            float: left;
            width: 100%;
            background: url(/html/template/default/static/image/parameter.png) no-repeat left center;
            padding-left: 30px;
            color: #626262;
            font-size: 16px;
            line-height: 36px;
        }
        
        .prodbtn {
            overflow: hidden;
            margin-top: 9%;
        }
        
        .prodbtn a {
            float: left;
            height: 50px;
            padding: 0 25px;
            line-height: 50px;
        }
        
        .prodbtn a.online {
            background: #003282;
        }
        
        .prodbtn a.online span {
            display: block;
            font-size: 16px;
            color: #ffffff;
            font-weight: bold;
            padding-left: 40px;
            background: url(/html/template/default/static/image/prodbtn01.png) no-repeat left center;
            background-size: auto 100%;
        }
        
        .prodbtn a.prodtel {
            background: #003282;
            margin-left: 7px;
        }
        
        .prodbtn a.prodtel span {
            display: block;
            font-size: 16px;
            color: #ffffff;
            font-weight: bold;
            padding-left: 40px;
            background: url(/html/template/default/static/image/prodbtn02.png) no-repeat left center;
            background-size: auto 100%;
        }
        
        .prodbtn a.online:hover,
        .prodbtn a.prodtel:hover {
            background: #007c1b8e;
        }
        
        .prodbtn a.prodshare {
            padding-right: 0 !important;
        }
        
        .prodbtn a.prodshare span {
            display: block;
            font-size: 16px;
            color: #626262;
            padding-left: 40px;
            background: url(/html/template/default/static/image/prodbtn03.png) no-repeat left center;
            background-size: auto 100%;
        }
        
        .share_pop_up {
            display: none;
            width: 380px;
            padding: 48px;
            border: 1px solid #dbdbdb;
            height: 150px;
            position: fixed;
            top: 50%;
            left: 50%;
            text-align: center;
            margin-top: -175px;
            margin-left: -190px;
            background: #ffffff;
            z-index: 100;
            box-shadow: 0 0 15px #dcdcdc;
        }
        
        .share_pop_up .social-share .social-share-icon {
            height: 50px;
            width: 50px;
            line-height: 50px;
            font-size: 30px;
            float: left;
            margin: 0 10px;
        }
        
        .ptabnav {
            overflow: hidden;
            margin-top: 40px;
            position: relative;
        }
        
        .ptabnav:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #d4d7db;
        }
        
        .ptabnav li {
            float: left;
            position: relative;
            z-index: 1;
            cursor: pointer;
            color: #282828;
            font-weight: bold;
            font-size: 18px;
            line-height: 56px;
            padding: 0 45px;
            border-top: 2px solid #eef1f6;
            border-left: 1px solid #eef1f6;
            border-right: 1px solid #eef1f6;
            border-bottom: 1px solid #d4d7db;
        }
        
        .ptabnav li.on {
            background: #ffffff;
            border-top-color: #003282;
            border-left-color: #d4d7db;
            border-right-color: #d4d7db;
            border-bottom-color: #ffffff;
        }
        
        .ptabmain {
            background: #ffffff;
            overflow: hidden;
            padding: 4%;
        }
        
        .ptabmain .txt {
            color: #686868;
            line-height: 2;
            font-size: 16px;
        }
        
        .ptabmain .tit {
            color: #282828;
            font-size: 18px;
            font-weight: bold;
            line-height: 2;
            margin-top: 3%;
        }
        
        .characteristic {
            overflow: hidden;
        }
        
        .characteristic li {
            float: left;
            width: 50%;
            background: url(/html/template/default/static/image/parameter.png) no-repeat left center;
            padding-left: 30px;
            color: #626262;
            font-size: 16px;
            line-height: 36px;
        }
        
        .prodtable {
            width: 100%;
            background: #dddddd;
        }
        
        .prodtable td {
            background: #ffffff;
            color: #686868;
            font-size: 16px;
            padding: 5px 25px;
        }
        
        .modellist {
            overflow: hidden;
        }
        
        .modellist li {
            float: left;
            width: 23.5%;
            margin-right: 2%;
        }
        
        .modellist li .img {
            overflow: hidden;
            border: 1px solid #dddddd;
        }
        
        .modellist li .img img {
            display: block;
            width: 100%;
        }
        
        .modellist li .name {
            color: #686868;
            font-size: 16px;
            text-align: center;
            margin-top: 30px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        /* .modellist li:hover .img{ border-color: #003282;}
.modellist li:hover .name{ color: #003282; } */
        
        .prod_tips {
            color: #282828;
            font-size: 18px;
            font-weight: bold;
            padding: 3% 0 0 3%;
        }
        
        .prod_tips a:hover {
            color: #003282;
        }
        
        @media screen and (max-width: 1440px) {
            .ywk-product {
                padding: 6% 0;
                overflow: hidden;
                width: 100%;
                margin: auto;
            }
            .prodmain .prodleft {
                padding: 25px 15px;
            }
            .container2 {
                display: block;
                max-width: 1600px;
                width: 95%;
                margin: 0 auto;
            }
        }
        
        @media screen and (max-width: 1680px) {
            .prodmain .prodleft {
                padding: 30px 20px;
            }
        }
        
        @media screen and (max-width: 640px) {
            .prodlist li {
                width: 46%;
            }
            .container2 {
                width: 100%;
                padding: 0 12px;
            }
            .prodlist {
                padding-left: 0;
            }
            .prodlist li .tit {
                line-height: 65px;
            }
        }
        
        .prodmain .prodright {
            width: 100%;
        }
        
        .fenye {
            margin: 50px 0;
            text-align: center;
        }
        
        .fenye span,
        .fenye a {
            display: inline-block;
            font-size: 14px;
            color: #003282;
            padding: 0 14px;
            height: 38px;
            line-height: 38px;
            margin: 0 5px;
            /* border: 1px solid #003282; */
        }
        
        .fenye {
            margin: 50px 0;
            text-align: center;
        }
        
        .page-num-current {
            background: #003282;
            color: #ffffff !important;
        }
        
        .fenye a:hover {
            background: #003282;
            color: white !important;
        }
        
        .fenye a:hover .hidden-xs-down {
            color: white !important;
        }
        
        .page-num-current {
            color: #fff !important;
            background: #003281 !important;
        }
        
        .ywk-page-banner {
            height: 520px !important;
        }
        
        .ywk-page-banner .img img {
            height: 520px !important;
        }
        /* 产品详情 */
        
        #product_desc {
            display: block;
            padding: 50px 0;
            background-color: #f9f9f9;
        }
        
        #product_desc .box1 {
            display: block;
            overflow: hidden;
        }
        
        .col-xs-6 {
            width: 50%;
        }
        
        .container {
            width: 85%;
            margin: 0 auto;
        }
        
        .row {
            margin-right: -15px;
            margin-left: -15px;
        }
        
        #product_desc .box1 .box1_nr {
            padding: 53px 95px 65px 53px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            background-color: #fff;
        }
        /* 产品详情 */
        
        #product_desc .box1 .box1_nr .box1_l {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            justify-content: space-between;
            width: 50%;
            height: 460px;
        }
        
        #product_desc .box1 .box1_nr .box1_r {
            width: 46%;
            display: flex;
            align-items: center;
        }
        
        #product_desc .box1 .box1_nr .box1_l .nav {
            width: 16.5%;
            height: 90%;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }
        
        #product_desc .box1 .box1_nr .box1_l .cent {
            width: 80%;
            height: 100%;
        }
        
        #product_desc {
            display: block;
            padding: 50px 0;
            background-color: #f9f9f9;
        }
        
        #product_desc .box1 {
            display: block;
            overflow: hidden;
        }
        
        #product_desc .box1 .box1_nr {
            padding: 53px 95px 65px 53px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            background-color: #fff;
        }
        
        #product_desc .box1 .box1_nr .box1_l {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            justify-content: space-between;
            width: 50%;
            height: 460px;
        }
        
        #product_desc .box1 .box1_nr .box1_l .nav {
            width: 16.5%;
            height: 90%;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }
        
        #product_desc .box1 .box1_nr .box1_l .nav .product_info-section1-nav {
            height: 100%;
        }
        
        #product_desc .box1 .box1_nr .box1_l .nav .img {
            background-color: #fff;
            width: 98%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            border: 1px solid #dbdbdb;
            cursor: pointer;
            overflow: hidden;
        }
        
        #product_desc .box1 .box1_nr .box1_l .nav .on .img {
            border: 1px solid #003281;
        }
        
        #product_desc .box1 .box1_nr .box1_l .nav .img img {
            height: 86%;
            object-fit: cover;
        }
        
        #product_desc .box1 .box1_nr .box1_l .cent {
            width: 80%;
            height: 100%;
        }
        
        #product_desc .box1 .box1_nr .box1_l .cent .img {
            display: flex;
            background-color: #fff;
            align-items: center;
            justify-content: center;
            height: 99%;
            overflow: hidden;
            border: 1px solid #dbdbdb;
        }
        
        #product_desc .box1 .box1_nr .box1_l .cent .img img {
            height: 100%;
            width: 100%;
            background-color: #fff;
            object-fit: cover;
            -webkit-transition: all .3s linear;
            transition: all .3s linear;
            object-fit: contain;
        }
        
        #product_desc .box1 .box1_nr .box1_l .qie {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 17%;
            display: flex;
        }
        
        #product_desc .box1 .box1_nr .box1_l .qie .pro-prev,
        #product_desc .box1 .box1_nr .box1_l .qie .pro-next {
            display: block;
            width: 45%;
            height: 20px;
            outline: none;
            pointer-events: auto !important;
        }
        
        #product_desc .box1 .box1_nr .box1_l .qie .pro-prev {
            background: #d4d4d4 url(../images/content_top.png) no-repeat;
            background-position: center;
            background-size: auto 6px;
            left: 0;
        }
        
        #product_desc .box1 .box1_nr .box1_l .qie .pro-next {
            background: #d4d4d4 url(../images/b.png) no-repeat;
            background-position: center;
            background-size: auto 6px;
            right: 0;
        }
        
        #product_desc .box1 .box1_nr .box1_l .qie .pro-prev:hover {
            background: #003281 url(../images/content_top.png) no-repeat;
            background-position: center;
            background-size: auto 6px;
            left: 0;
        }
        
        #product_desc .box1 .box1_nr .box1_l .qie .pro-next:hover {
            background: #003281 url(../images/b.png) no-repeat;
            background-position: center;
            background-size: auto 6px;
            right: 0;
        }
        
        #product_desc .box1 .box1_nr .box1_r {
            width: 46%;
            display: flex;
            align-items: center;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box {
            display: block;
            width: 100%;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box strong {
            font-size: 30px;
            color: #262626;
            display: block;
            margin-bottom: 24px;
        }
        
        .box1 .box1_nr .box1_r .flex_box .t {
            font-size: 16px;
            line-height: 26px;
            color: #666666;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox {
            display: flex;
            flex-wrap: wrap;
            margin-top: 30px;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox .list1 {
            margin-right: 20px;
            background: #fff;
            margin-bottom: 15px;
            padding: 8px 12px;
            border: 1px solid #ddd;
            color: #454545;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .but {
            margin-top: 40px;
            display: flex;
            flex-wrap: wrap;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 224px;
            height: 50px;
            background-color: #003281;
            color: #fff;
            font-size: 22px;
            margin-right: 10px;
            font-weight: bold;
            border-radius: 3px;
        }
        
        .yc_lx3 {
            color: #fff;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child span {
            display: block;
            height: 32px;
            margin-right: 8px;
            overflow: hidden;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child span img {
            height: 100%;
            display: block;
            float: left;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .but li:nth-child(2) {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 3px;
            width: 130px;
            height: 50px;
            background-color: #003281;
            color: #fff;
        }
        
        #product_desc .box1 .box1_nr .box1_r .flex_box .but li:nth-child(2) a {
            display: block;
            color: #fff;
        }
        
        #product_desc .box2 {
            display: block;
            margin-top: 40px;
        }
        
        #product_desc .box2 .box2_nr {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: flex-start;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l {
            width: 69%;
            background: #fff;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t {
            background-color: #fff;
            height: 75px;
            display: flex;
            flex-wrap: wrap;
            border-bottom: 2px solid #e9e9e9;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: calc(100% + 2px);
            color: #262626;
            font-size: 22px;
            padding: 0 34px;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t a.on {
            background-color: #003281;
            color: #fff;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .nr {
            width: 100%;
            /* padding: 35px; */
            background-color: #fff;
            min-height: 300px;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox {
            display: none;
            overflow: hidden;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox:first-child {
            padding-left: 0;
            display: block;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox:nth-child(2) {
            overflow: auto;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r {
            width: 25%;
            position: sticky;
            top: 100px;
            margin-left: 40px;
            background: #fff;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox::-webkit-scrollbar-thumb {
            background-color: rgba(60, 189, 170, 0.6);
            -webkit-transition: background-color .3s;
            transition: background-color .3s;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox {
            line-height: 1.8;
            font-size: 15px;
            color: #666;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .nr .imgbox:first-child img {
            max-width: 100%;
            width: 65%;
            margin: 0 auto;
            display: block;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_l .fenye {
            padding: 10px 35px;
            display: block;
            overflow: hidden;
        }
        
        .showimg-page {
            overflow: hidden;
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 20px;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t {
            background-color: #003281;
            height: 75px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-size: 22px;
            color: #fff;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr {
            background-color: #fff;
            padding: 35px 40px;
            text-align: center;
            overflow: hidden;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li {
            /* display: block; */
            /* margin-bottom: 20px; */
            display: block;
            margin-bottom: 20px;
            float: left;
            width: 100%;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a {
            display: block;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a img {
            max-width: 95%;
            display: block;
            border: 1px solid #eee;
            transition: all 0.3s;
            margin: 0 auto;
        }
        
        .box_r_box_nr ul {
            padding: 0
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a h3 {
            transition: all 0.3s;
            font-size: 18px;
            color: #262626;
            display: block;
            line-height: 2;
            margin-top: 10px;
            text-align: center;
            padding: 0 20px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li:hover a img {
            border: 1px solid #003281;
        }
        
        #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li:hover a h3 {
            color: #003281;
        }
        
        #product_desc .box3 {
            display: block;
            margin-top: 50px;
        }
        
        #product_desc .box3 .box3_nr {
            background-color: #fff;
            padding-top: 60px;
            padding-bottom: 50px;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_t {
            display: block;
            padding-bottom: 40px;
            border-bottom: 2px solid #e9e9e9;
            text-align: center;
            margin-bottom: 50px;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_t p {
            font-weight: bold;
            display: block;
            font-size: 36px;
            color: #003281;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_t span {
            font-size: 16px;
            color: #262626;
            opacity: 0.5;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box {
            padding: 0 50px;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box .owl-nav {
            display: none;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li {
            display: block;
            overflow: hidden;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li a {
            display: block;
            overflow: hidden;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li a img {
            display: block;
            border: 1px solid #eee;
            max-width: 100%;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li a .t {
            padding-top: 25px;
            margin-top: 20px;
            border-top: 2px solid #ddd;
            text-align: center;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li a .t strong {
            display: block;
            color: #333;
            line-height: 1;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            margin-bottom: 20px;
            font-size: 22px;
            font-weight: bold;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li a .t span {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #262626;
            font-size: 14px;
            opacity: 0.5;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li a .t span i {
            display: block;
            margin-left: 10px;
            height: 12px;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li a .t span i img {
            height: 12px;
            float: left;
            width: auto;
            max-width: auto;
        }
        
        #product_desc .box3 .box3_nr .box3_nr_box li:hover a .t strong {
            color: #003281;
        }
        
        @media(max-width: 1710px) {
            #product_desc .box1 .box1_nr .box1_l {
                height: 430px;
            }
        }
        
        @media(max-width: 1610px) {
            #product_desc .box1 .box1_nr .box1_l {
                height: 400px;
            }
        }
        
        @media(max-width: 1510px) {
            #product_desc .box1 .box1_nr .box1_l {
                height: 370px;
            }
        }
        
        @media(max-width: 1410px) {
            #product_desc .box1 .box1_nr {
                padding: 53px 65px 45px 33px;
            }
            #product_desc .box1 .box1_nr .box1_l {
                height: 355px;
            }
            #product_desc .box2 .box2_nr .box2_nr_r {
                margin-left: 0px;
            }
        }
        
        @media(max-width: 1310px) {
            #product_desc .box1 .box1_nr .box1_l {
                height: 322px;
            }
        }
        
        @media(max-width: 1199px) {
            #product_desc .box1 .box1_nr {
                padding: 40px 30px;
            }
            #product_desc .box1 .box1_nr .box1_l {
                height: 274px;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box strong {
                font-size: 24px;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box .but {
                margin-top: 20px;
            }
            #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t a {
                font-size: 18px;
            }
            #product_desc .box3 .box3_nr {
                padding-top: 40px;
                padding-bottom: 30px;
            }
            #product_desc .box3 .box3_nr .box3_nr_t p {
                font-size: 26px;
            }
            #product_desc .box3 .box3_nr .box3_nr_box li a .t strong {
                font-size: 20px;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t {
                font-size: 18px;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a h3 {
                font-size: 16px;
            }
        }
        
        @media(max-width: 991px) {
            #product_desc .box1 .box1_nr .box1_l {
                height: auto;
                width: 100%;
            }
            #product_desc .box1 .box1_nr .box1_l .nav {
                width: 100%;
                height: 116px;
                order: 1;
                margin-top: 20px;
            }
            #product_desc .box1 .box1_nr .box1_l .cent {
                height: auto;
                width: 100%;
            }
            #product_desc .box1 .box1_nr {
                display: block;
                width: 100%;
            }
            #product_desc .box1 .box1_nr .box1_r {
                width: 100%;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box {
                padding-top: 30px;
            }
            #product_desc .box1 .box1_nr .box1_l .qie {
                width: 100%;
            }
            #product_desc .box1 .box1_nr .box1_l .qie .pro-prev,
            #product_desc .box1 .box1_nr .box1_l .qie .pro-next {
                width: 20px;
                height: 40px;
                margin-top: -75px;
                background: #d4d4d4 url(../images/lt1.png) no-repeat;
                background-position: center;
                background-size: auto 14px;
            }
            #product_desc .box1 .box1_nr .box1_l .qie .pro-prev:hover {
                background: #003281 url(../images/lt1.png) no-repeat;
                background-position: center;
                background-size: auto 14px;
            }
            #product_desc .box1 .box1_nr .box1_l .qie .pro-next {
                transform: rotate(-180deg);
            }
            #product_desc .box1 .box1_nr .box1_l .qie .pro-next:hover {
                background: #003281 url(../images/lt1.png) no-repeat;
                background-position: center;
                background-size: auto 14px;
            }
            #product_desc .box1 .box1_nr .box1_l .cent .img img {
                width: auto;
                height: auto;
                max-width: 100%;
            }
            #product_desc .box2 .box2_nr {
                display: block;
                width: 100%;
            }
            #product_desc .box2 .box2_nr .box2_nr_l {
                display: block;
                width: 100%;
                margin-bottom: 20px;
            }
            #product_desc .box2 .box2_nr .box2_nr_r {
                display: block;
                width: 100%;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul {
                display: flex;
                width: 100%;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul li {
                flex: 1;
                padding: 0 10px;
                width: 33.333%;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr {
                padding: 15px 20px;
            }
            #product_desc .box3 {
                margin-top: 30px;
            }
        }
        
        @media(max-width: 767px) {
            .pull-right {
                float: left !important;
            }
            #product_desc .box1 .box1_nr .box1_l .nav .img img {
                /* height: 100%; */
                object-fit: cover;
                width: 60%;
            }
            #product_desc .box1 .box1_nr .box1_l .cent .img {
                width: 99%;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr li a img {
                max-width: 92%;
                display: block;
                border: 1px solid #eee;
                transition: all 0.3s;
                margin: 0 auto;
            }
            #product_desc {
                padding: 20px 0;
            }
            #product_desc .box1 .box1_nr {
                padding: 15px 10px;
            }
            #product_desc .box1 .box1_nr .box1_l .nav {
                height: 78px;
                margin-top: 10px;
            }
            #product_desc .box1 .box1_nr .box1_l .qie .pro-prev,
            #product_desc .box1 .box1_nr .box1_l .qie .pro-next {
                margin-top: -58px;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box strong {
                font-size: 20px;
            }
            .box1 .box1_nr .box1_r .flex_box .t {
                font-size: 14px;
                line-height: 1;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box .but li:first-child {
                font-size: 18px;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box .but {
                margin-top: 10px;
            }
            #product_desc .box2 .box2_nr .box2_nr_l .product_desc_t {
                height: 45px;
            }
            #product_desc .box2 .box2_nr .box2_nr_l .nr {
                padding: 15px;
            }
            #product_desc .box2 .box2_nr .box2_nr_l .fenye {
                padding: 10px 15px;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t {
                height: 45px;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_t {
                font-size: 16px;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul {
                padding-left: 0;
                display: block;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr ul li {
                display: block;
                float: left;
                width: 49%;
                padding: 0;
            }
            #product_desc .box2 .box2_nr .box2_nr_r .box_r_box_nr {
                padding: 15px 10px;
            }
            #product_desc .box3 .box3_nr {
                padding-top: 20px;
                padding-bottom: 20px;
            }
            #product_desc .box3 .box3_nr .box3_nr_t {
                padding-bottom: 20px;
                border-bottom: 1px solid #e9e9e9;
                margin-bottom: 20px;
            }
            #product_desc .box3 .box3_nr .box3_nr_t p {
                font-size: 20px;
            }
            #product_desc .box3 .box3_nr .box3_nr_t span {
                font-size: 14px;
            }
            #product_desc .box3 .box3_nr .box3_nr_box {
                padding: 0 20px;
            }
            #product_desc .box3 .box3_nr .box3_nr_box li a .t strong {
                font-size: 17px;
                margin-bottom: 10px;
            }
            #product_desc .box3 .box3_nr .box3_nr_box li a .t {
                padding-top: 15px;
                margin-top: 15px;
            }
        }
        
        @media(max-width: 500px) {
            #location ul li a {
                padding: 0 5px;
            }
            #product_desc .container {
                padding-left: 10px;
                padding-right: 10px;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box strong {
                font-size: 17px;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox .list1 {
                font-size: 12px;
                margin-right: 10px;
                margin-bottom: 10px;
            }
            #product_desc .box1 .box1_nr .box1_r .flex_box .labelbox {
                margin-top: 15px;
            }
            #product_desc .box1 .box1_nr .box1_l .nav {
                height: 66px;
            }
        }
        
        .col-xs-6 {
            /* display: inline-block; */
            width: 91%;
            /* position: relative; */
            min-height: 1px;
        }
        
        .showimg-page>div[class^="col-"] {
            padding: 0 10px;
        }
        
        .showimg-page a {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 10px 15px;
            border: 1px solid #e4eaec;
            transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            max-width: 100%;
        }
        
        .pull-left {
            float: left !important;
        }
        
        .pull-right {
            float: right !important;
        }
        
        @media screen and (max-width: 1500px) {
            .container {
                width: 90%;
                margin: 0 auto;
            }
        }
        
        @media(max-width: 767px) {
            .index-latest-products-num {
    padding-bottom: 9%;
  
}
            .pull-right {
                float: left !important;
                margin-top: 2%;
            }
            .showimg-page a {
                margin: 2% 0;
            }
            .ywk-page-banner {
                height: 300px !important;
            }
        }