.hamburger {
    display: block;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    overflow: visible;
    position: relative;
    width: 28px;
    height: 19px
}

.hamburger>div,
.hamburger>view {
    display: block;
    top: 50%;
    margin-top: -1.5px
}

.hamburger>div,
.hamburger>div:after,
.hamburger>div:before,
.hamburger>view,
.hamburger>view:after,
.hamburger>view:before {
    width: 28px;
    height: 3px;
    background-color: #083190;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    -webkit-transition-property: all;
    -o-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger>div:after,
.hamburger>div:before,
.hamburger>view:after,
.hamburger>view:before {
    content: "";
    display: block
}

.hamburger>div:before,
.hamburger>view:before {
    top: -8px
}

.hamburger>div:after,
.hamburger>view:after {
    bottom: -8px
}

.hamburger.hamburger-11>div,
.hamburger.hamburger-11>view {
    margin-top: -2px;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger.hamburger-11>div:before,
.hamburger.hamburger-11>view:before {
    -webkit-transition: top .1s ease .14s, opacity .1s ease, background-color .3s linear;
    -o-transition: top .1s ease .14s, opacity .1s ease, background-color .3s linear;
    -moz-transition: top .1s ease .14s, opacity .1s ease, background-color .3s linear;
    transition: top .1s ease .14s, opacity .1s ease, background-color .3s linear
}

.hamburger.hamburger-11>div:after,
.hamburger.hamburger-11>view:after {
    -webkit-transition: bottom .1s ease .14s, background-color .3s linear, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, background-color .3s linear, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s ease .14s, background-color .3s linear, -o-transform .1s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19), background-color .3s linear, -moz-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19), background-color .3s linear;
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19), background-color .3s linear, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s cubic-bezier(.55, .055, .675, .19), -o-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger.hamburger-11.active>div,
.hamburger.hamburger-11.active>view {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .14s;
    -moz-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger.hamburger-11.active>div:before,
.hamburger.hamburger-11.active>view:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease, opacity .1s ease .14s, background-color .3s linear;
    -o-transition: top .1s ease, opacity .1s ease .14s, background-color .3s linear;
    -moz-transition: top .1s ease, opacity .1s ease .14s, background-color .3s linear;
    transition: top .1s ease, opacity .1s ease .14s, background-color .3s linear
}

.hamburger.hamburger-11.active>div:after,
.hamburger.hamburger-11.active>view:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease, background-color .3s linear, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, background-color .3s linear, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    -o-transition: bottom .1s ease, background-color .3s linear, -o-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    -moz-transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s, background-color .3s linear, -moz-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s, background-color .3s linear;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s, background-color .3s linear, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s, -moz-transform .1s cubic-bezier(.215, .61, .355, 1) .14s, -o-transform .1s cubic-bezier(.215, .61, .355, 1) .14s
}

.nei-banner .title {
    left: 0;
    right: 0;
    margin: auto;
    width: 1070px;
    bottom: auto;
    top: 3.125vw;
    text-align: center
}

@media (max-width:1366px) {
    .nei-banner .title {
        width: 80%
    }
}

@media (max-width:767px) {
    .nei-banner .title {
        width: 90%;
        top: 30px
    }
}

.nei-banner .title h2,
.nei-banner .title p {
    -webkit-animation: titleTop .3s linear forwards;
    -moz-animation: titleTop .3s linear forwards;
    -o-animation: titleTop .3s linear forwards;
    animation: titleTop .3s linear forwards
}

.nei-banner .title h2 {
    color: #083190;
    width: 100%;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.nei-banner .title p {
    color: #666;
    width: 100%;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

body {
    background: #f9f9f9
}

.product {
    margin-bottom: 90px
}

@media (max-width:1600px) {
    .product {
        margin-bottom: 78px
    }
}

@media (max-width:1366px) {
    .product {
        margin-bottom: 66px
    }
}

@media (max-width:1024px) {
    .product {
        margin-bottom: 54px
    }
}

@media (max-width:991px) {
    .product {
        margin-bottom: 42px
    }
}

@media (max-width:767px) {
    .product {
        margin-bottom: 30px
    }
}

.product .section1 {
    margin-top: 50px
}

@media (max-width:1600px) {
    .product .section1 {
        margin-top: 45px
    }
}

@media (max-width:1366px) {
    .product .section1 {
        margin-top: 40px
    }
}

@media (max-width:1024px) {
    .product .section1 {
        margin-top: 35px
    }
}

@media (max-width:991px) {
    .product .section1 {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .product .section1 {
        margin-top: 25px
    }
}

.product .section1 .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product .section1 .container .product-nav {
    width: 329px
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav {
        width: 315.84px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav {
        width: 302.68px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav {
        width: 289.52px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav {
        width: 276.36px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav {
        width: 263.2px
    }
}

.product .section1 .container .product-nav dl {
    background: #fff;
    border-bottom: 1px solid #ededed
}

.product .section1 .container .product-nav dl.active dt {
    background: -webkit-gradient(linear, left top, right top, from(#0035b1), to(#083190));
    background: -webkit-linear-gradient(left, #0035b1, #083190);
    background: -moz-linear-gradient(left, #0035b1, #083190);
    background: -o-linear-gradient(left, #0035b1, #083190);
    background: linear-gradient(90deg, #0035b1, #083190)
}

.product .section1 .container .product-nav dl.active dt a {
    color: #fff
}

.product .section1 .container .product-nav dl.active dt a:after {
    background: #fff
}

.product .section1 .container .product-nav dl.active dt .arrow {
    color: #fff
}

.product .section1 .container .product-nav dl.active dt .arrow span:first-child {
    opacity: 0
}

.product .section1 .container .product-nav dl.active dt .arrow span:nth-child(2) {
    opacity: 1
}

.product .section1 .container .product-nav dl.active .dropdown {
    grid-template-rows: 1fr;
    margin-top: 24px;
    padding-bottom: 20px
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        margin-top: 23.04px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        margin-top: 22.08px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        margin-top: 21.12px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        margin-top: 20.16px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        margin-top: 19.2px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        padding-bottom: 19.2px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        padding-bottom: 18.4px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        padding-bottom: 17.6px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        padding-bottom: 16.8px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dl.active .dropdown {
        padding-bottom: 16px
    }
}

.product .section1 .container .product-nav dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    padding: 20px 40px
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dt {
        padding-top: 19.2px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dt {
        padding-top: 18.4px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dt {
        padding-top: 17.6px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dt {
        padding-top: 16.8px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dt {
        padding-top: 16px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dt {
        padding-bottom: 19.2px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dt {
        padding-bottom: 18.4px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dt {
        padding-bottom: 17.6px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dt {
        padding-bottom: 16.8px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dt {
        padding-bottom: 16px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dt {
        padding-left: 38.4px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dt {
        padding-left: 36.8px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dt {
        padding-left: 35.2px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dt {
        padding-left: 33.6px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dt {
        padding-left: 32px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dt {
        padding-right: 38.4px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dt {
        padding-right: 36.8px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dt {
        padding-right: 35.2px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dt {
        padding-right: 33.6px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dt {
        padding-right: 32px
    }
}

.product .section1 .container .product-nav dt h4 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section1 .container .product-nav dt h4 a {
    display: block;
    position: relative
}

.product .section1 .container .product-nav dt h4 a:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #cecece;
    left: -16px
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dt h4 a:after {
        width: 5.76px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dt h4 a:after {
        width: 5.52px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dt h4 a:after {
        width: 5.28px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dt h4 a:after {
        width: 5.04px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dt h4 a:after {
        width: 4.8px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dt h4 a:after {
        height: 5.76px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dt h4 a:after {
        height: 5.52px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dt h4 a:after {
        height: 5.28px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dt h4 a:after {
        height: 5.04px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dt h4 a:after {
        height: 4.8px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dt h4 a:after {
        left: -15.36px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dt h4 a:after {
        left: -14.72px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dt h4 a:after {
        left: -14.08px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dt h4 a:after {
        left: -13.44px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dt h4 a:after {
        left: -12.8px
    }
}

.product .section1 .container .product-nav dt:hover {
    background: -webkit-gradient(linear, left top, right top, from(#0035b1), to(#083190));
    background: -webkit-linear-gradient(left, #0035b1, #083190);
    background: -moz-linear-gradient(left, #0035b1, #083190);
    background: -o-linear-gradient(left, #0035b1, #083190);
    background: linear-gradient(90deg, #0035b1, #083190)
}

.product .section1 .container .product-nav dt:hover a {
    color: #fff
}

.product .section1 .container .product-nav dt:hover a:after {
    background: #fff
}

.product .section1 .container .product-nav dt:hover .arrow {
    color: #fff
}

.product .section1 .container .product-nav .arrow {
    width: 12px;
    height: 12px;
    margin-left: 12px;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .arrow {
        width: 11.52px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .arrow {
        width: 11.04px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .arrow {
        width: 10.56px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .arrow {
        width: 10.08px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .arrow {
        width: 9.6px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .arrow {
        height: 11.52px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .arrow {
        height: 11.04px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .arrow {
        height: 10.56px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .arrow {
        height: 10.08px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .arrow {
        height: 9.6px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .arrow {
        margin-left: 11.52px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .arrow {
        margin-left: 11.04px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .arrow {
        margin-left: 10.56px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .arrow {
        margin-left: 10.08px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .arrow {
        margin-left: 9.6px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .arrow {
        font-size: 11.52px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .arrow {
        font-size: 11.04px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .arrow {
        font-size: 10.56px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .arrow {
        font-size: 10.08px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .arrow {
        font-size: 9.6px
    }
}

.product .section1 .container .product-nav .arrow span {
    position: absolute;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section1 .container .product-nav .arrow span:first-child {
    opacity: 1
}

.product .section1 .container .product-nav .arrow span:nth-child(2) {
    opacity: 0
}

.product .section1 .container .product-nav .dropdown {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease;
    overflow: hidden;
    will-change: grid-template-rows
}

.product .section1 .container .product-nav .dropdown .dropdown-inner {
    overflow: hidden
}

.product .section1 .container .product-nav dd {
    margin-bottom: 22px;
    padding-left: 40px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    color: #333
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dd {
        margin-bottom: 21.12px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dd {
        margin-bottom: 20.24px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dd {
        margin-bottom: 19.36px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dd {
        margin-bottom: 18.48px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dd {
        margin-bottom: 17.6px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav dd {
        padding-left: 38.4px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav dd {
        padding-left: 36.8px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav dd {
        padding-left: 35.2px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav dd {
        padding-left: 33.6px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav dd {
        padding-left: 32px
    }
}

.product .section1 .container .product-nav dd:last-child {
    margin-bottom: 0
}

.product .section1 .container .product-nav dd a {
    display: block;
    width: 100%;
    height: 100%
}

.product .section1 .container .product-nav dd.active,
.product .section1 .container .product-nav dd:hover {
    color: #083190
}

.product .section1 .container .product-nav .download {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #083190;
    padding: 20px;
    margin-top: 10px
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .download {
        padding: 19.2px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .download {
        padding: 18.4px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .download {
        padding: 17.6px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .download {
        padding: 16.8px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .download {
        padding: 16px
    }
}

.product .section1 .container .product-nav .download .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product .section1 .container .product-nav .download .title .icon {
    width: 36px;
    aspect-ratio: 1;
    margin-right: 36px
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .download .title .icon {
        width: 34.56px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .download .title .icon {
        width: 33.12px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .download .title .icon {
        width: 31.68px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .download .title .icon {
        width: 30.24px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .download .title .icon {
        width: 28.8px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .download .title .icon {
        margin-right: 34.56px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .download .title .icon {
        margin-right: 33.12px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .download .title .icon {
        margin-right: 31.68px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .download .title .icon {
        margin-right: 30.24px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .download .title .icon {
        margin-right: 28.8px
    }
}

.product .section1 .container .product-nav .download .title h4 {
    color: #fff;
    font-size: 18px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .download .title h4 {
        font-size: 17.28px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .download .title h4 {
        font-size: 16.56px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .download .title h4 {
        font-size: 15.84px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .download .title h4 {
        font-size: 15.12px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .download .title h4 {
        font-size: 14.4px
    }
}

.product .section1 .container .product-nav .download .line {
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 100%, .18);
    margin-top: 22px;
    margin-bottom: 22px
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .download .line {
        margin-top: 21.12px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .download .line {
        margin-top: 20.24px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .download .line {
        margin-top: 19.36px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .download .line {
        margin-top: 18.48px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .download .line {
        margin-top: 17.6px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .download .line {
        margin-bottom: 21.12px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .download .line {
        margin-bottom: 20.24px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .download .line {
        margin-bottom: 19.36px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .download .line {
        margin-bottom: 18.48px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .download .line {
        margin-bottom: 17.6px
    }
}

.product .section1 .container .product-nav .download a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    color: #1743aa
}

@media (max-width:1600px) {
    .product .section1 .container .product-nav .download a {
        padding: 13.44px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .product-nav .download a {
        padding: 12.88px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .product-nav .download a {
        padding: 12.32px
    }
}

@media (max-width:991px) {
    .product .section1 .container .product-nav .download a {
        padding: 11.76px
    }
}

@media (max-width:767px) {
    .product .section1 .container .product-nav .download a {
        padding: 11.2px
    }
}

.product .section1 .container .right {
    margin-left: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:767px) {
    .product .section1 .container .right {
        margin-left: 0
    }
}

.product .section1 .container .right .section-title h2 {
    font-size: 34px
}

@media (max-width:1600px) {
    .product .section1 .container .right .section-title h2 {
        font-size: 32.86667px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .section-title h2 {
        font-size: 31.73333px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .section-title h2 {
        font-size: 30.6px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .section-title h2 {
        font-size: 29.46667px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .section-title h2 {
        font-size: 28.33333px
    }
}

.product .section1 .container .right .section-title .line {
    width: 92px;
    height: 4px;
    background: #083190;
    margin: 10px 0
}

@media (max-width:1600px) {
    .product .section1 .container .right .section-title .line {
        width: 82.8px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .section-title .line {
        width: 73.6px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .section-title .line {
        width: 64.4px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .section-title .line {
        width: 55.2px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .section-title .line {
        width: 46px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .right .section-title .line {
        height: 3.6px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .section-title .line {
        height: 3.2px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .section-title .line {
        height: 2.8px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .section-title .line {
        height: 2.4px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .section-title .line {
        height: 2px
    }
}

.product .section1 .container .right .section-title p {
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.product .section1 .container .right .product-list {
    margin-top: 20px
}

.product .section1 .container .right .product-list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    row-gap: 24px
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width:1600px) {
    .product .section1 .container .right .product-list ul {
        -webkit-column-gap: 12.6px;
        -moz-column-gap: 12.6px;
        column-gap: 12.6px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .product-list ul {
        -webkit-column-gap: 11.2px;
        -moz-column-gap: 11.2px;
        column-gap: 11.2px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul {
        -webkit-column-gap: 9.8px;
        -moz-column-gap: 9.8px;
        column-gap: 9.8px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .product-list ul {
        -webkit-column-gap: 8.4px;
        -moz-column-gap: 8.4px;
        column-gap: 8.4px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .product-list ul {
        -webkit-column-gap: 7px;
        -moz-column-gap: 7px;
        column-gap: 7px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .right .product-list ul {
        row-gap: 21.6px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .product-list ul {
        row-gap: 19.2px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul {
        row-gap: 16.8px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .product-list ul {
        row-gap: 14.4px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .product-list ul {
        row-gap: 12px
    }
}

.product .section1 .container .right .product-list ul li {
    background: #fff;
    padding: 18px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

@media (max-width:1600px) {
    .product .section1 .container .right .product-list ul li {
        padding: 16.2px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .product-list ul li {
        padding: 14.4px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul li {
        padding: 12.6px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .product-list ul li {
        padding: 10.8px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .product-list ul li {
        padding: 9px
    }
}

.product .section1 .container .right .product-list ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(76.65%, #1843a9), color-stop(99.93%, rgba(8, 41, 118, 0))), #1843a9;
    background: -webkit-linear-gradient(top, #1843a9 76.65%, rgba(8, 41, 118, 0) 99.93%), #1843a9;
    background: -moz-linear-gradient(top, #1843a9 76.65%, rgba(8, 41, 118, 0) 99.93%), #1843a9;
    background: -o-linear-gradient(top, #1843a9 76.65%, rgba(8, 41, 118, 0) 99.93%), #1843a9;
    background: linear-gradient(180deg, #1843a9 76.65%, rgba(8, 41, 118, 0) 99.93%), #1843a9;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section1 .container .right .product-list ul li .pic,
.product .section1 .container .right .product-list ul li .text {
    position: relative;
    z-index: 2
}

.product .section1 .container .right .product-list ul li .pic {
    aspect-ratio: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 18px
}

@media (max-width:1600px) {
    .product .section1 .container .right .product-list ul li .pic {
        margin-bottom: 16.2px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .product-list ul li .pic {
        margin-bottom: 14.4px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul li .pic {
        margin-bottom: 12.6px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .product-list ul li .pic {
        margin-bottom: 10.8px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .product-list ul li .pic {
        margin-bottom: 9px
    }
}

.product .section1 .container .right .product-list ul li .text h4 {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section1 .container .right .product-list ul li .text .line {
    width: 40px;
    height: 1px;
    background: #dbdbdb;
    margin: 8px 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section1 .container .right .product-list ul li .text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #999;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section1 .container .right .product-list ul li .more {
    margin-top: 14px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: hsla(0, 0%, 94.9%, .9);
    color: #777;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width:1600px) {
    .product .section1 .container .right .product-list ul li .more {
        margin-top: 12.6px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .product-list ul li .more {
        margin-top: 11.2px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul li .more {
        margin-top: 9.8px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .product-list ul li .more {
        margin-top: 8.4px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .product-list ul li .more {
        margin-top: 7px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-top: 14.4px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-top: 12.8px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-top: 11.2px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-top: 9.6px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-top: 8px
    }
}

@media (max-width:1600px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-bottom: 14.4px
    }
}

@media (max-width:1366px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-bottom: 12.8px
    }
}

@media (max-width:1024px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-bottom: 11.2px
    }
}

@media (max-width:991px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-bottom: 9.6px
    }
}

@media (max-width:767px) {
    .product .section1 .container .right .product-list ul li .more {
        padding-bottom: 8px
    }
}

.product .section1 .container .right .product-list ul li .more span {
    position: relative;
    z-index: 2
}

.product .section1 .container .right .product-list ul li.pop-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    cursor: pointer
}

.product .section1 .container .right .product-list ul li.pop-btn .section-title {
    position: relative;
    z-index: 2
}

.product .section1 .container .right .product-list ul li.pop-btn h2,
.product .section1 .container .right .product-list ul li.pop-btn p {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section1 .container .right .product-list ul li:hover:after {
    opacity: 1
}

.product .section1 .container .right .product-list ul li:hover .pic img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.product .section1 .container .right .product-list ul li:hover .text h4,
.product .section1 .container .right .product-list ul li:hover .text p {
    color: #fff
}

.product .section1 .container .right .product-list ul li:hover .text .line {
    background: #fff
}

.product .section1 .container .right .product-list ul li:hover .more {
    background: hsla(0, 0%, 100%, .9);
    color: #083190
}

.product .section1 .container .right .product-list ul li:hover .section-title h2,
.product .section1 .container .right .product-list ul li:hover .section-title p {
    color: #fff
}

.product .section1 .container .right .product-list ul li:nth-child(3n-2) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.product .section1 .container .right .product-list ul li:nth-child(3n-1) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.product .section1 .container .right .product-list ul li:nth-child(3n) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.product .section2 {
    position: relative;
    padding: 4.6875vw 0;
    margin-top: 50px
}

@media (max-width:1600px) {
    .product .section2 {
        margin-top: 45px
    }
}

@media (max-width:1366px) {
    .product .section2 {
        margin-top: 40px
    }
}

@media (max-width:1024px) {
    .product .section2 {
        margin-top: 35px
    }
}

@media (max-width:991px) {
    .product .section2 {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .product .section2 {
        margin-top: 25px
    }
}

.product .section2 .container {
    position: relative;
    z-index: 2
}

.product .section2 .container ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 40px
}

@media (max-width:767px) {
    .product .section2 .container ul {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width:1600px) {
    .product .section2 .container ul {
        gap: 21.6px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul {
        gap: 19.2px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul {
        gap: 16.8px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul {
        gap: 14.4px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul {
        gap: 12px
    }
}

@media (max-width:1600px) {
    .product .section2 .container ul {
        margin-top: 36px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul {
        margin-top: 32px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul {
        margin-top: 28px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul {
        margin-top: 24px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul {
        margin-top: 20px
    }
}

.product .section2 .container ul li {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.product .section2 .container ul li .pic {
    position: relative;
    aspect-ratio: 382/250
}

.product .section2 .container ul li .content {
    padding: 30px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 14px
}

@media (max-width:1600px) {
    .product .section2 .container ul li .content {
        padding: 21.6px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul li .content {
        padding: 19.2px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul li .content {
        padding: 16.8px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul li .content {
        padding: 14.4px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul li .content {
        padding: 12px
    }
}

@media (max-width:1600px) {
    .product .section2 .container ul li .content {
        padding-top: 27px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul li .content {
        padding-top: 24px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul li .content {
        padding-top: 21px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul li .content {
        padding-top: 18px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul li .content {
        padding-top: 15px
    }
}

@media (max-width:1600px) {
    .product .section2 .container ul li .content {
        padding-bottom: 27px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul li .content {
        padding-bottom: 24px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul li .content {
        padding-bottom: 21px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul li .content {
        padding-bottom: 18px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul li .content {
        padding-bottom: 15px
    }
}

.product .section2 .container ul li .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product .section2 .container ul li h4,
.product .section2 .container ul li p {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.product .section2 .container ul li h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 14px
}

@media (max-width:1600px) {
    .product .section2 .container ul li h4 {
        margin-bottom: 12.6px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul li h4 {
        margin-bottom: 11.2px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul li h4 {
        margin-bottom: 9.8px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul li h4 {
        margin-bottom: 8.4px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul li h4 {
        margin-bottom: 7px
    }
}

.product .section2 .container ul li p {
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.product .section2 .container ul li .icon {
    width: 40px;
    height: 40px;
    background: #ddd;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (max-width:1600px) {
    .product .section2 .container ul li .icon {
        width: 38px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul li .icon {
        width: 36px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul li .icon {
        width: 34px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul li .icon {
        width: 32px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul li .icon {
        width: 30px
    }
}

@media (max-width:1600px) {
    .product .section2 .container ul li .icon {
        height: 38px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul li .icon {
        height: 36px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul li .icon {
        height: 34px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul li .icon {
        height: 32px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul li .icon {
        height: 30px
    }
}

.product .section2 .container ul li .icon span {
    font-size: 20px
}

@media (max-width:1600px) {
    .product .section2 .container ul li .icon span {
        font-size: 19px
    }
}

@media (max-width:1366px) {
    .product .section2 .container ul li .icon span {
        font-size: 18px
    }
}

@media (max-width:1024px) {
    .product .section2 .container ul li .icon span {
        font-size: 17px
    }
}

@media (max-width:991px) {
    .product .section2 .container ul li .icon span {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .product .section2 .container ul li .icon span {
        font-size: 15px
    }
}

.product .section2 .container ul li:hover h4,
.product .section2 .container ul li:hover p {
    color: #083190
}

.product .section2 .container ul li:hover .icon {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #083190
}

.product .section2 .container ul li:hover .pic img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.product .section2 .container ul li:nth-child(4n-3) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.product .section2 .container ul li:nth-child(4n-2) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.product .section2 .container ul li:nth-child(4n-1) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.product .section2 .container ul li:nth-child(4n) {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

/* product card hover mask v2 */
.product .section1 .container .right .product-list ul li:after{display:block;z-index:2;background:linear-gradient(180deg,rgba(24,67,169,.72) 0%,#1843a9 78%);transform:translateY(100%);transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .35s ease}
.product .section1 .container .right .product-list ul li:hover:after{transform:translateY(0);opacity:1}
.product .section1 .container .right .product-list ul li .pic{z-index:1;overflow:hidden;margin-bottom:48px}
.product .section1 .container .right .product-list ul li .text{position:absolute;left:18px;right:18px;bottom:88px;z-index:3;display:flex;flex-direction:column;justify-content:flex-end}
.product .section1 .container .right .product-list ul li .text h4{line-height:1.5;margin:0}
.product .section1 .container .right .product-list ul li .more{z-index:3;line-height:24px}
.product .section1 .container .right .product-list ul li .hover-mask{position:static;width:auto;height:auto;z-index:auto;padding:0;margin-top:0;overflow:visible;background:none;transform:none;opacity:0;display:grid;grid-template-rows:0fr;max-height:180px;transition:grid-template-rows .55s cubic-bezier(.22,.61,.36,1),opacity .3s ease,margin-top .55s cubic-bezier(.22,.61,.36,1)}
.product .section1 .container .right .product-list ul li .hover-mask-inner{overflow:hidden}
.product .section1 .container .right .product-list ul li .hover-mask .line{width:40px;height:1px;background:hsla(0,0%,100%,.6);margin:0 0 10px;transform:none;opacity:1;transition:none}
.product .section1 .container .right .product-list ul li .hover-mask p{display:block;color:#fff;font-size:14px;line-height:1.7;margin:0;transform:none;opacity:1;transition:none}
.product .section1 .container .right .product-list ul li:hover .hover-mask{grid-template-rows:1fr;opacity:1;margin-top:12px}
.product .section1 .container .right .product-list ul li:hover .text h4{color:#fff}
@media (max-width:1600px){.product .section1 .container .right .product-list ul li .pic{margin-bottom:46px}.product .section1 .container .right .product-list ul li .text{left:16.2px;right:16.2px;bottom:82px}}
@media (max-width:1366px){.product .section1 .container .right .product-list ul li .pic{margin-bottom:43.2px}.product .section1 .container .right .product-list ul li .text{left:14.4px;right:14.4px;bottom:75px}}
@media (max-width:1024px){.product .section1 .container .right .product-list ul li .pic{margin-bottom:40.8px}.product .section1 .container .right .product-list ul li .text{left:12.6px;right:12.6px;bottom:69px}}
@media (max-width:991px){.product .section1 .container .right .product-list ul li .pic{margin-bottom:38.4px}.product .section1 .container .right .product-list ul li .text{left:10.8px;right:10.8px;bottom:62px}}
@media (max-width:767px){.product .section1 .container .right .product-list ul li .pic{margin-bottom:36px}.product .section1 .container .right .product-list ul li .text{left:9px;right:9px;bottom:56px}}
/*# sourceMappingURL=f5bf48aa40cad7891eb709fcf1fde128.css.map*/