/* 全局样式 */

* {
    outline: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
}
body {
    padding: 0;
    margin: 0 auto;
    font-size: 0.729166vw;
    font-weight: 400;
    color: #666;
    background: #fff;
    font-family: "Microsoft YaHei";
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0, 0, 0, 0);
    /*控制内容的可选择性*/
    /* -webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none; */
    margin: auto;
}
.columns {
    display: flex;
}
img {
    display: block;
    max-width: 100%;
    /* width: 100%; */
}
li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
    line-height: 1.8;
    font-size: unset;
    font-weight: unset;
}
/*强制去除表单自带的样式*/

select, input, textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #878787;
    font-family: Arial;
}
input:focus {
    outline: none;
}
input, button, select, textarea {
    outline: none;
    /*-webkit-appearance:none; */
}
textarea {
    resize: none;
    /*-webkit-appearance:none; */
}
textarea, input, select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
a, a:link {
    text-decoration: none;
}
a, a:visited {
    text-decoration: none;
}
a, a:hover {
    text-decoration: none;
}
a, a:active {
    text-decoration: none
}
button {
    border: none;
}
/* // 单行文本省略 */

.ellipsis {
    /* // 如果不是block会无效 */
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* // 多行文本隐藏 */

.footer-copyrigh {
    margin: 0px auto 20px auto;
    opacity: .6;
    color: #fff;
}
.footer-copyrigh a {
    opacity: .6;
    color: #fff;
}
.bth {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 0; */
}
select.select-css {
    border: solid 1px #000;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position: 98% center;
    background-color: transparent;
    padding-right: 20px;
    padding-left: 10px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select.select-css::-ms-expand {
    display: none;
}
.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dot1, .dot2, .dot3, .dot4, .dot5, .dot6 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
}
.dot1 {
    -webkit-line-clamp: 1;
}
.dot2 {
    -webkit-line-clamp: 2;
}
.dot3 {
    -webkit-line-clamp: 3;
}
.dot4 {
    -webkit-line-clamp: 4;
}
.dot5 {
    -webkit-line-clamp: 5;
}
.dot6 {
    -webkit-line-clamp: 6;
}
.auto {
    margin: auto;
}
.auto_1400 {
    max-width: 72.916666vw
}
.auto_120 {
    padding: 3.125vw 0;
}
.showpage {
    display: block;
    text-align: center;
    height: 99px;
    clear: both;
}
.showpage a, .showpage b {
    border: 1px solid #fb3c2e;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px;
    /* height: 25px; */
    line-height: 25px;
    color: #fff;
    background: #fb3c2e;
}
.showpage a b {
    border: none;
}
.showpage span, .showpage .current {
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
    padding: 0 10px;
    /* height: 25px; */
    line-height: 25px;
    background: #eee;
    color: #ccc;
}
@media(max-width:768px) {
    .auto_1400 {
        max-width: calc(100% - 30px)
    }
    .auto_120 {
        padding: 20px 0;
    }
}
.banner .list {
    position: relative;
}
.banner .columns {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 2.864583vw;
}
.banner .columns h1 {
    letter-spacing: 6px;
    font: 40px Microsoft YaHe;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
@media(max-width:768px) {
    .banner .slick-dots {
        position: absolute;
        bottom: 0.3rem;
        z-index: 9;
        width: 100%;
        text-align: center;
    }
    .banner .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 2.5px;
        border-radius: 10px;
        background: #ffffff;
        opacity: 0.2;
    }
    .banner .slick-dots li button {
        background: transparent;
        display: block;
        font-size: 0;
        padding: 1.75px 3.5px;
    }
    .banner ul li.slick-active {
        background: #ffffff;
        opacity: 1;
    }
    .banner ul li.slick-active button {
        padding: 1.75px 5.5px;
    }
    .banner.slider .list:not(:first-child) {
        display: block;
    }
}
.introduce {
    background: url('../images/3.png') no-repeat;
    background-size: cover;
}
/* .introduce .columns {
    display: block;
} */

/* .introduce .columns .column:nth-child(1) {
    padding-right: 6.25vw;
} */

.introduce .columns .column:nth-child(1) .title {
    color: #333;
    font-size: 2.5vw;
    padding-bottom: 1.041666vw;
    font-weight: 600;
    padding-top: .3125vw;
}
.introduce .columns .column:nth-child(1) .intro {
    color: #000;
    font-weight: 400;
    padding: 0 0 60px;
    font-size: 16px;
    line-height: 28px;
}
.introduce .columns .column:nth-child(2) {
    max-width: 41.197916vw;
    /* max-width: max-content; */
    margin: auto;
}
.introduce .columns .column:nth-child(2) .intro {
    font-size: .9375vw;
    color: #333333;
    line-height: 1.5;
    margin: 0 0 2.08 .introduce .columns .column ul {
        padding: 2.083333vw 0 3.125vw 0;
        d3333vw;
    }
    isplay: flex;
    justify-content: space-between;
}
.introduce .columns .column ul li .list {
    width: 7.8125vw;
    height: 7.8125vw;
    background: #dfe9f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: auto;
}
.introduce .columns .column ul li .list>div:nth-child(2) {
    color: #fb3c2e;
    font-size: 2.34375vw;
}
.introduce .columns .column:nth-child(2) a {
    margin: 20px 0px 0px 0px;
}
.introduce .columns .column ul li .list>div:nth-child(1) {
    color: #333333;
    font-size: 0.9375vw;
}
.introduce .columns .column ul li .intro {
    font-size: .833333vw;
    color: #333333;
    line-height: 1.5;
    width: 80%;
    margin: auto;
    padding: 1.041667vw 0 0;
}
.SeeMore-intro {
    width: 9.375vw;
    padding: .91vw 0;
    border: 1px solid #666666;
    border-radius: 28px;
    line-height: 1;
    font-size: 0.9375vw;
    text-align: center;
    display: block;
    color: #333333;
}
.SeeMore-intro span {
    display: inline-block;
    /* padding-left: 1.041666vw; */
}
.product .text_title {
    text-align: center;
    line-height: 1;
}
.product .text_title .subhead {
    font-size: 1.5625vw;
    color: #333333;
    padding-top: 1.458333vw;
}
.product .text_title .headline {
    font-size: 2.5vw;
    color: #000000;
}
.product ul {
    display: grid;
    grid-column-gap: 2.083333vw;
    grid-row-gap: 1.5625vw;
    grid-template-columns: 22.916666vw 22.916666vw 22.916666vw;
    padding: 3.125vw 0 2.604166vw;
}
.product ul li {
    background: url('../images/5.png') no-repeat;
    border-radius: 0.78125vw;
    background-size: cover;
    position: relative;
    height: 18.125vw;
    position: relative;
    display: block;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.product ul li.animated {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.product ul li a {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    padding: 2.604166vw 2.604166vw 3.125vw;
    border-radius: 0.78125vw;
    transition: all .5s;
}
.product ul li a:hover {
    transition: all .5s;
    background: #1D2B4C;
}
.product ul li a:hover h1, .product ul li a:hover h2 {
    color: #fff;
}
.product ul li img {
    position: absolute;
    right: 10%;
    bottom: 7%;
    max-height: 8.75vw;
    /* max-width: 11.458333vw; */
    width: unset;
    transition: all 1s;
}
@media(min-width:768px) {
    .product ul li img {
        min-height: 6.666666vw;
        max-width: 11.458333vw;
        object-fit: contain;
        /*  */
    }
}
.product ul li a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 1s;
}
.product ul li:nth-child(1) img {
    max-width: 16.197916vw;
    max-height: unset;
}
.product ul li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 47.916666;
}
.product ul li .title {
    font-size: 1.666666vw;
    color: #000000;
}
.product ul li .intro {
    font-size: 0.9375vw;
    color: #333;
    max-width: 14.0625vw;
    line-height: 1.5;
}
.ARROWS {
    width: 2.604166vw;
    height: 2.604166vw;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ARROWS span {
    width: 0.713541vw;
    height: 0.713541vw;
    border-top: 0.104166vw solid;
    border-right: 0.104166vw solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: block;
    margin-left: -0.3567705vw;
    color: #fff;
}
.SeeMore {
    background: linear-gradient(17deg, #fb3c2e, #fbb03f);
    width: 9.375vw;
    padding: .91vw 0;
    /* border: 1px solid #666666; */
    border-radius: 28px;
    line-height: 1;
    font-size: 0.9375vw;
    text-align: center;
    color: #fff;
    margin: auto;
    display: block;
    position: relative;
    overflow: hidden;
}
.SeeMore span {
    display: inline-block;
    padding-left: 0.78125vw
}
.SeeMore::before {
    content: '';
    display: block;
    position: absolute;
    top: -2.8646vw;
    left: -3.4896vw;
    width: 2.0833vw;
    height: 10.4167vw;
    background: #fff;
    opacity: 0.16;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}
.SeeMore:hover::before {
    left: 200%;
}
.Solution {
    /* padding: 6.25vw 0 3.645833vw; */
    height: 37.5vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.Solution>ul {
    width: calc(86.458333vw + 1.875vw);
    margin-left: auto;
    margin-right: -1.875vw;
    position: absolute;
    right: 0;
    bottom: 3.645833vw;
    display: flex;
    z-index: 9;
}
.Solution .auto {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}
.Solution .auto .dl {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    width: 100%;
    position: relative;
}
/* .Solution .auto .dl dl{
    width: 80%
} */

/* .Solution .auto .dl dl dd:not(:first-child) {
    display: none;
} */

@media(min-width:768px) {
    .Solution .auto, .Solution .auto .dl, .Solution .auto .dl dl, .Solution .auto .dl dl>div {
        height: 100%;
    }
    .Solution .auto {
        max-width: 100%;
    }
    .Solution .auto .dl dl>div {
        padding: 6.25vw 13.28125vw 0;
    }
}
.Solution .headline {
    font-size: 2.5vw;
    color: #fff;
    padding-bottom: 0.520833vw;
}
.Solution .subhead {
    font-size: 0.9375vw;
    color: #fff;
    max-width: 32.5vw;
    line-height: 1.6;
    padding-bottom: 2.34375vw;
}
.Solution .SeeMore-intro {
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    right: 0;
    top: 5.25vw;
    z-index: 9;
}
.Solution>ul li {
    margin-right: 2.083333vw;
    width: 33.33%;
}
.Solution>ul li a {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 1.041666vw;
    border-radius: 0.78125vw;
    border: 0.104166vw solid #0d6eb800;
}
.Solution>ul li a:hover {
    background: #E6F0F8;
    border: 0.104166vw solid #fb3c2e;
}
.Solution>ul li.slick-current a {
    background: #E6F0F8;
    border: 0.104166vw solid #fb3c2e;
}
.Solution>ul li a img {
    width: 10.416666vw;
    padding-right: 1.5625vw;
}
.Solution>ul li a .title {
    font-size: 1.25vw;
    color: #000000;
    line-height: 1;
}
.Solution>ul li a .intro {
    font-size: 0.9375vw;
    color: #666666;
    line-height: 1.458333vw;
    padding-top: 0.78125vw;
}
.Arrow {
    display: flex;
    position: absolute;
    right: 13.28125vw;
    top: 11.25vw;
    z-index: 9;
}
.Arrow .ArrowUp, .Arrow .ArrowDown {
    width: 3.125vw;
    height: 3.125vw;
    /* border: 2px solid #FFFFFF; */
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.520833vw;
}
.Arrow .ArrowUp span, .Arrow .ArrowDown span {
    width: 0.520833vw;
    height: 0.520833vw;
    border-top: 0.104566vw solid;
    border-right: 0.104566vw solid;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    margin-left: 0.1822915vw;
    display: block;
    color: #000000;
}
.Arrow .ArrowDown span {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: block;
    margin-left: -0.1822915vw;
}
.Arrow a:hover {
    background: linear-gradient(17deg, #fb3c2e, #2462D2);
}
.Arrow a:hover span {
    color: #ffffff;
}
.case .text_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.case .text_title .subhead {
    font-size: 1.5625vw;
    color: #333333;
    padding-bottom: 1.458333vw;
    line-height: 1;
}
.case .text_title .headline {
    font-size: 2.5vw;
    color: #000;
    line-height: 1;
}
.case .SeeMore {
    margin: unset;
}
.case .SeeMore span {
    padding-left: 0;
}
.case ul {
    display: grid;
    grid-template-columns: 29.6875vw 20.572916vw 20.572916vw;
    grid-column-gap: 1.041666vw;
    grid-row-gap: 1.5625vw;
    padding-top: 3.125vw;
}
.case ul li:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
}
.case ul li:nth-child(2) {
    grid-column: 2/4;
}
.case ul li a {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.case ul li .image {
    overflow: hidden;
    border-radius: 0.78125vw;
    transition: .5s;
    position: relative;
}
.case ul li .image .content {
    transition: .5s;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2.083333vw;
    background: linear-gradient(17deg, #fb3c2ed4, #2462d2e0);
    color: #fff;
    border-radius: 0.78125vw;
}
.case ul li:hover .content {
    transition: .5s;
    top: 0;
}
@media(max-width:768px) {
    .case ul li .image img {
        transform: scale(1.1);
    }
}
.case ul li:hover .image img {
    transform: scale(1.2);
    transition: .5s;
}
.case ul li .image .title {
    font-size: 1.25vw;
    line-height: 1;
    padding-bottom: 1.458333vw;
    color: #ffffff;
}
.case ul li .image .intro {
    font-size: 0.9375vw;
    line-height: 1.458333;
    padding-bottom: 2.604166vw;
    max-width: 19.0625vw;
}
.case ul li .image .SeeMore-intro {
    border: 1px solid #ffffff;
    color: #fff;
    font-size: 0.833333vw;
    padding: 0.677083vw 0;
    width: 6.770833vw;
    position: relative;
    overflow: hidden;
    background: unset;
}
.case ul li .image .SeeMore-intro::before {
    content: '';
    display: block;
    position: absolute;
    top: -2.8646vw;
    left: -3.4896vw;
    width: 2.0833vw;
    height: 10.4167vw;
    background: #fff;
    opacity: 0.16;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}
.case ul li .image .SeeMore-intro:hover::before {
    left: 200%;
}
.case ul li a>.title {
    padding-top: 0.729166vw;
    color: #333333;
    font-size: 1.041666vw;
    line-height: 1;
}
.case .SeeMore-intro span {
    padding-left: 0.2vw;
}
.news {
    background: rgba(0, 76, 151, 0.1);
}
.news .text_title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.news .text_title .subhead {
    font-size: 1.5625vw;
    color: #333333;
    /* padding-bottom: 1.458333vw; */
    line-height: 1;
}
.news .SeeMore {
    margin: 2.604167vw auto 0;
}
.news .text_title .headline {
    font-size: 2.5vw;
    color: #000;
    line-height: 1;
}
.news .text_title .SeeMore {
    margin: unset;
}
.news dl {
    display: flex;
    justify-content: space-between;
    padding-top: 3.125vw;
}
.news dl dd {
    width: 22.916666vw;
    background: #fff;
    border-radius: 0.78125vw;
    overflow: hidden;
}
.news dl dd .image {
    position: relative;
    overflow: hidden;
}
.news dl dd .image img {
    border-top-left-radius: 0.78125vw;
    border-top-right-radius: 0.78125vw;
    transition: .5s;
}
.news dl dd .image .time {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 1.0425vw 0.833333vw;
    border-radius: 0.78125vw 0 0.78125vw 0;
    display: none;
}
.news dl dd .image .time>span:nth-child(1) {
    color: #000000;
    font-size: 1.25vw;
    display: block;
    line-height: 1;
}
.news dl dd .image .time>span:nth-child(2) {
    color: #999999;
    font-size: 0.833333vw;
    display: block;
    line-height: 1;
    text-align: center;
    padding-top: 0.520833vw;
}
.news dl .slider dd .intro {
    color: #333333;
    font-size: 1.25vw;
    margin: 1vw 2.083333vw 1vw;
    line-height: 1.5;
    min-height: 3.75vw;
}
.news dl .slider dd .intro p {
    color: #aaaaaa;
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
}
@media(min-width:768px) {
    .news dl .slider {
        display: flex;
    }
    .news dl .slider dd:nth-child(1) {
        margin-right: 2.083333vw;
    }
}
.news dl .more {
    padding: 0 2.083333vw 1.083333vw;
    color: #666666;
    font-size: 0.833333vw;
}
.news dl .more span {
    padding-left: 0.520833vw;
}
.news dl .list {
    padding: 1.041666vw 2.083333vw;
}
.news dl .list a {
    display: flex;
    padding: 1.041666vw 0;
}
.news dl .list a:not(:first-child) {
    border-top: 1px solid #9595952b;
}
.news dl .list .time {
    background: #fff;
    min-width: 26%;
    padding-right: 1.614583vw;
    border-radius: 0.78125vw 0 0.78125vw 0;
}
.news dl .list .time>span:nth-child(1) {
    color: #000000;
    font-size: 1.25vw;
    display: block;
    line-height: 1;
}
.news dl .list .time>span:nth-child(2) {
    color: #999999;
    font-size: 0.833333vw;
    display: block;
    line-height: 1;
    text-align: center;
    padding-top: 0.520833vw;
}
.news dl .list .intro {
    font-size: 0.9375vw;
    color: #333333;
}
.news dl .list a:hover .intro, .news dl dd:hover .more {
    color: #fb3c2e;
}
.news dl dd:hover img {
    transform: scale(1.05);
}
.news dl dd:hover img {
    transform: scale(1.1);
    transition: .5s;
}
.SeeMore-intro:hover {
    background: linear-gradient(17deg, #fb3c2e, #2462D2);
    color: #fff;
    border: 1px solid #66666600;
}
.Mainbottom {
    background: #363636;
    padding: 4.166666vw 0 0;
}
.Mainbottom .columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
}
.Mainbottom .columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Mainbottom .columns ul li a {
    color: #fff;
    display: block;
    font-size: 0.833333vw;
}
.Mainbottom .columns ul li a:not(:nth-child(1)), .Mainbottom .columns dl dd {
    opacity: .6;
    color: #fff;
    line-height: 1.875vw;
    font-size: 0.833333vw;
}
.Mainbottom .columns ul li a:nth-child(1), .Mainbottom .columns dl dt {
    font-size: 0.9375vw;
    padding-bottom: 0.9375vw;
}
.Mainbottom dl {
    position: relative;
}
.Mainbottom dl>div {
    position: absolute;
    right: 0;
    bottom: 2.5vw;
}
.Mainbottom dl>div img {
    width: 4.21875vw;
}
.Mainbottom ul {
    display: flex;
}
.Mainbottom ul li:not(:first-child) {
    padding-left: 4.166666vw;
}
@media(max-width:1200px) {
    .Mainbottom ul li:not(:first-child) {
        padding-left: 2.166666vw;
    }
}
.Mainbottom .copyright {
    width: 100%;
    margin-top: 3.645833vw;
    text-align: center;
    padding: 1.5625vw 0;
    border-top: 1px solid rgb(255 255 255 / 10%);
    font-size: 0.729166vw;
}
.Mainbottom .copyright span {
    opacity: .6;
    color: #fff;
}
.Mainbottom .copyright a {
    color: #fff;
    opacity: .6;
}
.Mainbottom .copyright a:hover, .Mainbottom .columns ul li a:not(:nth-child(1)):hover {
    opacity: .9;
}
@media(max-width:1024px) {
    .case ul li .image .content {
        padding: 1.083333vw;
    }
    .case ul li .image .intro {
        padding-bottom: 1vw;
    }
    .case ul li .image .SeeMore-intro {
        padding: 0.677083vw 0;
    }
}
@media(min-width:768px) {
    .PMD {
        display: none;
    }
}
@media(max-width:768px) {
    .pc {
        display: none !important;
    }
    .PMD {
        display: block;
    }
    /*  */
    .banner .columns h1 {
        letter-spacing: 2px;
        font: 22px Microsoft YaHe;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    }
    .banner .columns {
        font-size: 24px;
        /* padding: 45px; */
        text-align: center;
    }
    .introduce .columns {
        display: block;
    }
    .introduce .columns .column:nth-child(1) .title {
        font-size: 18px;
        padding-bottom: 0;
        text-align: left;
    }
    .introduce .columns .column:nth-child(1) .intro {
        font-size: 16px;
        padding: 10px 0px;
    }
    .introduce .columns .column:nth-child(2) {
        max-width: none;
        text-align: justify;
    }
    .introduce .columns .column ul {
        padding: 35px 0 0;
        flex-wrap: wrap;
    }
    .introduce .columns .column ul li {
        width: 50%;
        margin: 0 0 15px;
    }
    .introduce .columns .column ul li .list {
        width: 70px;
        height: 70px;
    }
    .introduce .columns .column ul li .list>div:nth-child(1) {
        font-size: 13px;
        padding-top: 6px;
        line-height: 1;
    }
    .introduce .columns .column ul li .list>div:nth-child(2) {
        font-size: 24px;
        line-height: 1;
    }
    .product .text_title .subhead {
        font-size: 15px;
        padding-bottom: 15px;
    }
    .product .text_title .headline {
        font-size: 24px;
    }
    .product ul {
        padding: 30px 0 0;
        display: block;
    }
    .product>ul {
        margin: 0 -15px;
    }
    .product ul li {
        height: unset;
        margin: 0 15px;
        position: relative;
        background: url('../images/5-5.png') no-repeat;
        background-size: cover;
    }
    .product ul li .title {
        font-size: 16px;
    }
    .product ul li .intro {
        line-height: 1.8;
        max-width: unset;
        font-size: 13px;
        height: 65px;
        display: -webkit-box;
        display: box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .product ul li img {
        max-width: unset;
        width: unset;
        max-height: unset;
        margin: auto;
        padding: 40px 0 55px;
        position: unset;
    }
    .product ul li a {
        padding: 25px;
    }
    .product ul li a>div:nth-child(2) {
        height: calc(217px);
        text-align: center;
    }
    .product ul li a>div:nth-child(2) img {
        height: 130px;
        padding: 0;
        margin-top: 15px;
        max-width: unset;
    }
    .Arrow {
        display: none !important;
    }
    .ARROWS {
        width: 25px;
        height: 25px;
        /* margin-top: 50px; */
        border: 1px solid #FFFFFF;
        position: absolute;
        bottom: 25px;
        left: 25px;
    }
    .ARROWS span {
        width: 5px;
        height: 5px;
        border-top: 1px solid;
        border-right: 1px solid;
    }
    .product ul>ul {
        padding: 10px 0 0;
    }
    .product ul li, .product ul li a {
        border-radius: 7.5px;
    }
    .product .slick-dots {
        /* position: absolute; */
        bottom: 0.3rem;
        z-index: 9;
        width: 100%;
        text-align: center;
    }
    .product .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 2.5px;
        background: #999999;
        opacity: 0.4;
    }
    .product .slick-dots li button {
        background: transparent;
        display: block;
        font-size: 0;
        padding: 3.5px;
    }
    /* .product .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: .08rem;
        height: .08rem;
        background: #F6F8F9;
        border-radius: 50%;
        opacity: 0.4;
    } */
    .product>ul ul li.slick-active {
        background: #0757BD;
        opacity: 1;
    }
    .Solution {
        /* background: url('../images/10-10.png') no-repeat;background-size: cover; */
        height: 550px;
        background-position: center !important;
        /* padding: 60px 0 20px; */
    }
    .Solution ul>ul {
        padding: 10px 0 0;
    }
    .Solution ul li, .Solution ul li a {
        border-radius: 7.5px;
    }
    .Solution .slick-dots {
        position: absolute;
        bottom: 20px;
        z-index: 9;
        width: 100%;
        text-align: center;
    }
    .Solution .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 2.5px;
        background: #ffffff;
        opacity: 0.4;
    }
    .Solution .slick-dots li button {
        background: transparent;
        display: block;
        font-size: 0;
        padding: 3.5px;
    }
    .Solution .dl ul li.slick-active {
        background: #ffffff;
        opacity: 1;
    }
    .Solution .headline {
        font-size: 24px;
        padding-bottom: 10px;
        /* padding-top: 10px; */
    }
    .Solution .subhead {
        max-width: unset;
        padding-bottom: 0;
        font-size: 13px;
    }
    .Solution ul {
        margin: 0;
    }
    .Solution .auto .dl dl {
        height: 100%;
        width: 100%;
    }
    .Solution .auto .dl dl>div {
        height: 100%;
        padding: 60px 15px 20px;
    }
    .Solution .auto {
        height: 100%;
        max-width: unset;
    }
    .case .text_title .subhead {
        font-size: 15px;
        padding-bottom: 15px;
    }
    .case .text_title .headline {
        font-size: 24px;
    }
    .case .text_title {
        justify-content: center;
        text-align: center;
    }
    .case ul {
        display: block;
        padding-top: 30px;
    }
    .case ul li a>.title {
        font-size: 15px;
        padding-top: 15px;
    }
    .case ul li:nth-child(1), .case ul li:nth-child(2) {
        display: none;
    }
    .case ul li {
        padding-bottom: 40px;
    }
    .case .SeeMore {
        width: 90px;
        padding: 8px 0;
        margin: auto;
        font-size: 12px;
    }
    .SeeMore span {
        padding-left: unset;
    }
    .case ul li .image .content {
        display: none;
    }
    .case ul li .image {
        border-radius: 7.5px;
    }
    .Mainbottom {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
        background: #ffffff;
        padding: 25px 0;
    }
    .Mainbottom .copyright {
        margin-top: unset;
        border-top: unset;
        padding: 0;
    }
    .Mainbottom .copyright span, .Mainbottom .copyright a {
        color: #666666;
        display: block;
    }
    .footer-copyrigh {
        margin: 10px auto;
        color: #666666;
    }
    .footer-copyrigh a {
        color: #666666;
    }
    .Mainbottom .columns dl dd {
        font-size: 13px;
    }
    .news dl {
        display: block;
    }
    .news dl dd {
        width: unset;
        margin: 0 15px;
    }
    .news .text_title .subhead {
        font-size: 15px;
        padding-bottom: 15px;
    }
    .news .text_title .headline {
        font-size: 24px;
    }
    .news dl dd .image .time {
        width: 55px;
        height: 55px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 7.5px 0px 7.5px 0px;
    }
    .news dl dd .image .time>span:nth-child(1) {
        font-size: 15px;
    }
    .news dl .list .time>span:nth-child(1) {
        line-height: unset;
        font-size: 14px;
    }
    .news dl .list {
        padding: 10px 20px;
    }
    .news dl .list .intro {
        font-size: 14px;
    }
    .news dl .list .time {
        padding-right: 15px;
    }
    .news dl .list a {
        padding: 10px 0;
    }
    .news .slick-dots {
        /* position: absolute; */
        bottom: 0.3rem;
        z-index: 9;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    .news .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0px 2.5px;
        border-radius: 50px;
        background: #999999;
        opacity: 0.4;
    }
    .news .slick-dots li button {
        background: transparent;
        display: block;
        font-size: 0;
        padding: 3.5px;
    }
    .news ul li.slick-active {
        background: #0757BD;
        opacity: 1;
    }
    .news .slider {
        padding: 30px 0;
    }
    .news dl {
        margin: 0 -15px;
        padding-top: 0;
    }
    .news dl .slider dd .intro {
        min-height: 48px;
        margin: 25px 20px 20px;
        padding: 0;
        font-size: 15px;
    }
    .news dl .list .time>span:nth-child(2) {
        font-size: 13px;
        text-align: left;
    }
    .news dl dd .image, .news dl dd .image img, .news dl dd {
        border-radius: 7.5px;
        overflow: hidden;
    }
    .news dl dd .image img {}
    .SeeMore::before {
        top: -.8646vw;
    }
    .introduce {
        background-position: bottom;
    }
    .introduce .columns .column:nth-child(2) .intro {
        font-size: 13px;
    }
    .news dl dd .image .time>span:nth-child(2) {
        font-size: 13px;
    }
    .Mainbottom .copyright {
        font-size: 13px;
    }
}
/* 产品中心 */

.hhproducts .subPageBanner .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0 40px;
}
.hhproducts .subPageBanner {
    padding-top: 50.426%;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.hhproducts .subPageBanner .subPageBannerText {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hhproducts .subPageBanner .subPageBannerText h3 {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 3px;
    text-shadow: #000 0px 0px 2px;
    text-align: center;
}
@media (min-width:768px) {
    .hhproducts .subPageBanner .commonMain {
        max-width: 81.25vw;
        ;
    }
    .hhproducts .subPageBanner {
        padding-top: 10.4vw;
    }
    .hhproducts .subPageBanner .subPageBannerText h3 {
        font-size: 2.3958vw;
        line-height: 2.9167vw;
        letter-spacing: 2px;
        text-align: center;
        text-shadow: #000 0px 0px 2px;
    }
}
@media (min-width:1200px) {
    .hhproducts .subPageBanner .commonMain {
        max-width: 77.0833vw;
    }
    .hhproducts .subPageBanner {
        padding-top: 10.4vw;
    }
    .hhproducts .subPageBanner .subPageBannerText h3 {
        font-size: 2.3958vw;
        line-height: 2.9167vw;
        letter-spacing: 2px;
        text-align: center;
        text-shadow: #000 0px 0px 2px;
    }
}
/* @media(max-width:992px){
    .hhproducts .subPageBanner .subPageBannerText h3{
        text-align: center;
    }
} */

.main_menu .subClassMain {
    background-color: #f8f8f8;
    position: relative;
    border-bottom: 1px solid rgb(220 220 220 / 50%);
}
.main_menu .subClassMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    /* padding: 0 40px; */
}
.main_menu .subClassMain .subClass {
    overflow: hidden;
    position: relative;
}
.main_menu .subClassMain .subClass .swiper-slide {
    width: auto;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.main_menu .subClassMain .subClass .swiper-slide a {
    display: block;
    padding: 15px 0px;
    color: #4c505f;
}
.main_menu .subClassMain .subClass .swiper-slide a:hover {
    /* color: #fb3c2e; */
    border-bottom: 0.1041666666666667vw solid #fb3c2e;
}
.main_menu .subClassMain .subClass .swiper-slide.cur a {
    /* color: #fb3c2e; */
    border-bottom: 0.1041666666666667vw solid #fb3c2e;
    /* margin-bottom: -0.0520833333333333vw; */
}
.main_menu .subClassMain .subClass .swiper-slide::after {
    content: '/';
    color: #dfdfdf;
    margin: 0px 10px;
}
.main_menu .subClassMain .subClass .swiper-slide:last-child::after {
    display: none;
}
@media (min-width:768px) {
    .main_menu .subClassMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .main_menu .subClassMain .subClass .swiper-slide {
        font-size: 1.3vw;
    }
    .main_menu .subClassMain .subClass .swiper-slide a {
        padding: 1.5625vw 0vw;
    }
    .main_menu .subClassMain .subClass .swiper-slide::after {
        margin: 0vw 2.5vw;
    }
}
@media (min-width:1200px) {
    .main_menu .subClassMain .commonMain {
        max-width: 77.0833vw;
    }
    .main_menu .subClassMain .subClass .swiper-slide {
        font-size: 1.041666666666667vw;
    }
    .main_menu .subClassMain .subClass .swiper-slide a {
        padding: 1.125vw 0vw;
    }
    .main_menu .subClassMain .subClass .swiper-slide::after {
        margin: 0vw 2.0833vw;
    }
}
.main_content .productListMain {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
    background-color: #f8f8f8;
}
.main_content .productListMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    /* padding: 0 40px; */
}
.main_content .productListMain .productList {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -0px;
}
.main_content .productListMain .productList .list {
    width: 100%;
    margin: 20px 0px 0px;
    background: #fff;
    transition: .4s ease;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
    background-size: cover;
}
.main_content .productListMain .productList .list a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 20px 20px;
}
.main_content .productListMain .productList .list a .content {
    padding: 15px 0px 0px;
}
.main_content .productListMain .productList .list a .content .title {
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    color: #2a2f41;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #2a2f41;
    font-weight: 600;
}
.main_content .productListMain .productList .list a .content .line {
    margin-top: 10px;
    height: 2px;
    background: #e8e8e8;
}
.main_content .productListMain .productList .list a .content .line::after {
    content: '';
    width: 100px;
    background: #fb3c2e;
    display: block;
    height: 2px;
}
.main_content .productListMain .productList .list a .content .desc {
    margin-top: 10px;
    font-size: 12px;
    color: #919194;
    line-height: 20px;
    max-height: 40px;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}
.main_content .productListMain .productList .list a .content .more {
    margin-top: 25px;
    font-size: 20px;
    color: #556174;
}
.main_content .productListMain .productList .list a .imgBox {
    width: 100%;
    height: 295px;
    position: relative;
    overflow: hidden;
}
.main_content .productListMain .productList .list a .imgBox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 1px) scale(1);
    transition: .4s ease;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.main_content .productListMain .productList .list:hover {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
}
.main_content .productListMain .productList .list:hover a .content .title {
    color: #000;
}
.main_content .productListMain .productList .list:hover a .content .desc {
    color: #000;
}
.main_content .productListMain .productList .list:hover a .content .more {
    color: #000;
}
.main_content .productListMain .productList .list:hover a .imgBox img {
    transform: translate3d(-50%, -50%, 1px) scale(1.1);
}
.main_content .productListMain .productList .list:hover a .content .line {
    background: #e8e8e8;
}
.main_content .productListMain .productList .list:hover a .content .line::after {
    background: #ff0000;
}
.main_content .productListMain .productList .list:nth-child(-n+1) {
    margin-top: 0px;
}
@media (min-width:768px) {
    .main_content .productListMain {
        padding: 3.125vw;
    }
    .main_content .productListMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .main_content .productListMain .productList {
        margin: 0vw -0.625vw;
    }
    .main_content .productListMain .productList .list {
        width: calc(50% - 1.25vw);
        margin: 1.25vw 0.625vw 0vw;
        border-radius: 0.78125vw;
    }
    .main_content .productListMain .productList .list a {
        display: flex;
        align-items: center;
        flex-direction: inherit;
        padding: 1.875vw 1.5625vw;
    }
    .main_content .productListMain .productList .list a .content {
        flex: 1;
        padding: 0vw 1.5625vw;
    }
    .main_content .productListMain .productList .list a .content .title {
        font-size: 1.625vw;
        line-height: 2vw;
        max-height: calc(2vw * 2);
    }
    .main_content .productListMain .productList .list a .content .line {
        margin-top: 0.9375vw;
    }
    .main_content .productListMain .productList .list a .content .desc {
        margin-top: 0.9375vw;
        font-size: 0.875vw;
        line-height: 1.5vw;
        max-height: calc(1.5vw * 2);
    }
    .main_content .productListMain .productList .list a .imgBox {
        width: 20.833333vw;
        height: 18.75vw;
    }
    .main_content .productListMain .productList .list a .imgBox img {
        width: 20.833333vw;
        height: 18.75vw;
    }
    .main_content .productListMain .productList .list a .content .more {
        margin-top: 1.5625vw;
        font-size: 1.25vw;
    }
    .main_content .productListMain .productList .list:hover {
        box-shadow: 0vw 1.875vw 0.9375vw -1.25vw rgba(0, 0, 0, 0.2);
    }
    .main_content .productListMain .productList .list:nth-child(-n+2) {
        margin-top: 0vw;
    }
}
@media (min-width:1200px) {
    .main_content .productListMain {
        padding: 3.125vw;
    }
    .main_content .productListMain .commonMain {
        max-width: 77.0833vw;
    }
    .main_content .productListMain .productList {
        margin: 0vw -0.5208vw;
    }
    .main_content .productListMain .productList .list {
        width: calc(50% - 1.0417vw);
        margin: 1.0417vw 0.5208vw 0vw;
    }
    .main_content .productListMain .productList .list a {
        padding: 1.5625vw 1.3021vw;
    }
    .main_content .productListMain .productList .list a .content {
        padding: 0vw 1.3021vw;
    }
    .main_content .productListMain .productList .list a .content .title {
        font-size: 1vw;
        line-height: 1.6667vw;
        max-height: calc(1.6667vw * 2);
    }
    .main_content .productListMain .productList .list a .content .line {
        margin-top: 0.7813vw;
    }
    .main_content .productListMain .productList .list a .content .desc {
        margin-top: 0.7813vw;
        font-size: 0.9vw;
        line-height: 1.25vw;
        max-height: calc(3.25vw * 2);
    }
    .main_content .productListMain .productList .list a .imgBox {
        width: 14.625vw;
        height: 14.625vw;
    }
    .main_content .productListMain .productList .list a .imgBox img {
        width: 15.625vw;
        height: 15.625vw;
    }
    .main_content .productListMain .productList .list a .content .more {
        margin-top: 1.3021vw;
        font-size: 1.0417vw;
    }
    .main_content .productListMain .productList .list:hover {
        box-shadow: 0vw 1.5625vw 0.7813vw -1.0417vw rgba(0, 0, 0, 0.2);
    }
}
.main_page .pageMain {
    padding: 0px 0px 40px;
    overflow: hidden;
    position: relative;
    background: #f7f7f7;
}
.main_page .pageMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0 40px;
}
.main_page .pageMain #pagination {
    text-align: center;
    display: none;
}
.main_page .pageMain #pagination a {
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 8px;
    padding: 0px;
    margin: 0px 4px;
    position: relative;
    border: none;
    font-size: 14px;
}
.main_page .pageMain #pagination a:hover {
    color: #fb3c2e;
}
.main_page .pageMain #pagination a.layui-laypage-prev {
    font-size: 16px;
}
.main_page .pageMain #pagination a.layui-laypage-next {
    font-size: 16px;
}
.main_page .pageMain #pagination .layui-laypage .layui-laypage-curr {
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 14px;
    border-radius: 8px;
    border: none;
    padding: 0px;
    margin: 0px 4px;
    font-weight: 600;
}
.main_page .pageMain #pagination .layui-laypage .layui-laypage-curr em {
    border-radius: 8px;
    background: #fb3c2e;
}
.main_page .pageMain .loadMore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.main_page .pageMain .loadMore 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-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    font-size: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #314a61;
    width: 130px;
    border-radius: 45px;
    height: 45px;
    border: 2px solid #fb3c2e;
}
.main_page .pageMain .loadMore a .icon {
    margin-left: 10px;
    width: 12px;
    height: 13px;
    -webkit-transition: .6s ease;
    -o-transition: .6s ease;
    -moz-transition: .6s ease;
    transition: .6s ease;
    background-position: 0px -14px;
    background-repeat: no-repeat;
    background-image: url(../images/solution001_06.png);
    display: block;
}
.main_page .pageMain .loadMore a:hover {
    background: #fb3c2e;
    color: #fff;
}
.main_page .pageMain .loadMore a:hover .icon {
    background-position: 0px 0px;
}
@media (min-width:768px) {
    .main_page .pageMain {
        padding: 0px 0px 60px;
    }
    .main_page .pageMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .main_page .pageMain #pagination {
        display: block;
    }
    .main_page .pageMain #pagination a {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    .main_page .pageMain #pagination .layui-laypage .layui-laypage-curr {
        height: 40px;
        line-height: 40px;
        width: 40px;
        font-size: 16px;
    }
    .main_page .pageMain .loadMore {
        display: none;
    }
}
/* @media (min-width:992px) {
    .main_page .pageMain .commonMain {
        max-width: var(--content-Wdith-1000);
    }
} */

@media (min-width:1366px) {
    .main_page .pageMain {
        padding: 0vw 0vw 1vw;
    }
    /* .main_page .pageMain .commonMain {
        max-width: var(--content-Wdith-1366);
    } */
}
@media (min-width:1600px) {
    .main_page .pageMain {
        padding: 0vw 0vw 1vw;
    }
    /* .main_page .pageMain .commonMain {
        max-width: var(--content-Wdith-1600);
    } */
    .main_page .pageMain #pagination a {
        height: 2.5vw;
        line-height: 2.5vw;
        width: 2.5vw;
    }
    .main_page .pageMain #pagination .layui-laypage .layui-laypage-curr {
        height: 2.5vw;
        line-height: 2.5vw;
        width: 2.5vw;
        font-size: 0.9375vw;
    }
}
/* @media (min-width:1200px) {
    .main_page .pageMain{padding: 4.1667vw 0vw 5.7292vw;}
} */

.proview .productDetailMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0 10px;
}
.proview .productDetailMain {
    padding: 20px 0px;
    overflow: hidden;
    position: relative;
}
.proview .productDetailMain .productDetailBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.proview .productDetailMain .productDetailBox .productDetailImgBox {
    width: 100%;
}
.proview .productDetailMain .productDetailBox .productDetailBigImg {
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    background: url('../images/32.png') no-repeat center;
    background-size: cover;
}
.proview .productDetailMain .productDetailBox .productDetailBigImg img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.proview .productDetailMain .productDetailBox .productDetailBigImg .productDetailImgPage {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 10px !important;
    z-index: 40;
    text-align: center;
}
.proview .productDetailMain .productDetailBox .productDetailBigImg .productDetailImgPage span {
    width: 8px;
    height: 8px;
    background: #eaeaea;
    opacity: 1;
    margin: 0px 4px;
    cursor: pointer;
}
.proview .productDetailMain .productDetailBox .productDetailBigImg .productDetailImgPage span.swiper-pagination-bullet-active {
    background: #fb3c2e;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImgBox {
    position: relative;
    padding: 0px 65px;
    margin-top: 30px;
    display: none;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn, .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 65px;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn {
    left: 0px;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn {
    right: 0px;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn::after, .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 15px;
    height: 15px;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn::after {
    left: 55%;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn::after {
    left: 45%;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImg {
    overflow: hidden;
    position: relative;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImg .swiper-slide {
    position: relative;
    padding-top: 18.323%;
    cursor: pointer;
    border-radius: 15px;
    background: url('../images/32.png') no-repeat center;
    background-size: cover;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImg .swiper-slide p {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImg .swiper-slide p img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImg .swiper-slide::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    z-index: 10;
}
.proview .productDetailMain .productDetailBox .productDetailSmallImg .swiper-slide.cur::after {
    border: 2px solid #fb3c2e;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox {
    padding-top: 25px;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .detailTitle {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    color: #000000;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .detailDesc {
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #4c505f;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .detailDescTwo {
    margin-top: 15px;
    font-size: 14px;
    color: #4c505f;
    line-height: 24px;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment {
    padding-top: 25px;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    -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;
    color: #fff;
    font-weight: 600;
    height: 46px;
    border-radius: 46px;
    background: #fb3c2e;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a:hover::before {
    left: 200%;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a::before {
    content: '';
    display: block;
    position: absolute;
    top: -2.8646vw;
    left: -3.4896vw;
    width: 2.0833vw;
    height: 10.4167vw;
    background: #fff;
    opacity: 0.16;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}
.proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a img {
    display: block;
    width: 16px;
    margin-right: 5px;
}
@media (min-width:768px) {
    .proview .productDetailMain {
        padding: 6.875vw 0vw;
    }
    .proview .productDetailMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .detailDesc {
        margin-top: 2.1875vw;
        font-size: 1.125vw;
        line-height: 1.75vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .detailDescTwo {
        margin-top: 2.1875vw;
        font-size: 1.125vw;
        line-height: 2.125vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .detailTitle {
        font-size: 2.5vw;
        line-height: 3.0625vw;
        padding-bottom: 2.1875vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment {
        padding-top: 2.8125vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a {
        width: 10.75vw;
        height: 3.5vw;
        border-radius: 3.5vw;
        font-size: 1vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn::after, .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn::after {
        width: 0.9375vw;
        height: 0.9375vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn::after {
        border-left: 0.125vw solid #000000;
        border-bottom: 0.125vw solid #000000;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn::after {
        border-right: 0.125vw solid #000000;
        border-top: 0.125vw solid #000000;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a img {
        width: 1vw;
        margin-right: 0.3125vw;
    }
}
@media (min-width:992px) {
    .proview .productDetailMain .productDetailBox .productDetailImgBox {
        width: 400px;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImg .swiper-slide {
        padding-top: 22.09%;
    }
    .proview .productDetailMain .productDetailBox .productDetailBigImg .productDetailImgPage {
        display: none;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox {
        padding: 0vw 3.3854vw;
        margin-top: 1.5625vw;
        display: block;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn, .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn {
        width: 3.3854vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 4.6875vw;
        padding-top: 1.8229vw;
    }
}
@media (min-width:1200px) {
    .proview .productDetailMain .commonMain {
        max-width: 77.0833vw;
    }
    .proview .productDetailMain {
        padding: 2.125vw 0vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox {
        padding-left: 4.6875vw;
        padding-top: 1.8229vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .detailTitle {
        font-size: 2.0833vw;
        line-height: 2.5521vw;
        padding-bottom: 1.8229vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .detailDesc {
        margin-top: 1.8229vw;
        font-size: 0.9375vw;
        line-height: 1.4583vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .detailDescTwo {
        margin-top: 1.8229vw;
        font-size: 0.9375vw;
        line-height: 1.7708vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment {
        padding-top: 2.3438vw;
    }
    .sitecontact {
        font-size: 18px;
        line-height: 2px;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #f9f9f9;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a {
        width: 8.9583vw;
        height: 2.9167vw;
        border-radius: 2.9167vw;
        font-size: 0.8333vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox {
        padding: 0vw 3.3854vw;
        margin-top: 1.5625vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn, .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn {
        width: 3.3854vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImg .swiper-slide {
        padding-top: 18.323%;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn::after, .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn::after {
        width: 0.7813vw;
        height: 0.7813vw;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .prevBtn::after {
        border-left: 0.1042vw solid #000000;
        border-bottom: 0.1042vw solid #000000;
    }
    .proview .productDetailMain .productDetailBox .productDetailSmallImgBox .nextBtn::after {
        border-right: 0.1042vw solid #000000;
        border-top: 0.1042vw solid #000000;
    }
    .proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a img {
        width: 0.8333vw;
        margin-right: 0.2604vw;
    }
}
@media(max-width:768px) {
    .proview .productDetailMain .productDetailBox .productDetailDescBox .makeAppointment a::before {
        height: 100px;
    }
}
.module_5xXkreryj8EM .productDetailTabMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0 40px;
}
.module_5xXkreryj8EM .productDetailTabMain {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
    background: #f8fafc;
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #fb3c2e;
    padding: 0px 20px;
    border-radius: 15px 15px 0px 0px;
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass a {
    display: block;
    line-height: 50px;
    margin-right: 15px;
    color: #fff;
    font-size: 14px;
    position: relative;
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass a::after {
    content: '';
    bottom: 0px;
    width: 0px;
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass a.cur::after {
    width: 100%;
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox {
    padding: 20px;
    background: #fff;
    border-radius: 0px 0px 15px 15px;
    background: url('../images/33.png') no-repeat center;
    background-size: cover;
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox .productDetailTabContent {
    display: none;
    font-size: 14px;
    line-height: 24px;
    color: #4c505f;
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox .productDetailTabContent table {
    width: 100%;
}
.module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox .productDetailTabContent table td {
    font-size: 14px;
    line-height: 24px;
    padding: 15px 0px;
    font-weight: 600;
    border: none;
    color: #333333;
    border-bottom: 1px solid #d2d9dd;
}
@media (min-width:768px) {
    .module_5xXkreryj8EM .productDetailTabMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .module_5xXkreryj8EM .productDetailTabMain {
        padding: 6.875vw 0vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass {
        padding: 0vw 5vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass a {
        line-height: 6.125vw;
        margin-right: 2.8125vw;
        font-size: 1.25vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox {
        padding: 5vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox .productDetailTabContent {
        font-size: 1.125vw;
        line-height: 1.75vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox .productDetailTabContent table td {
        font-size: 1vw;
        line-height: 1.5vw;
        padding: 0.9375vw 0vw;
    }
}
@media (min-width:1200px) {
    .module_5xXkreryj8EM .productDetailTabMain .commonMain {
        max-width: 77.0833vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain {
        padding: 5.7292vw 0vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass {
        padding: 0vw 4.1667vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass a {
        line-height: 5.1042vw;
        margin-right: 2.3438vw;
        font-size: 1.0417vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox {
        padding: 4.1667vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox .productDetailTabContent {
        font-size: 0.9375vw;
        line-height: 1.4583vw;
    }
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabBox .productDetailTabContent table td {
        font-size: 0.9375vw;
        line-height: 1.25vw;
        padding: 0.7813vw 0vw;
    }
}
@media(max-width:992px) {
    .module_5xXkreryj8EM .productDetailTabMain .productDetailTabClass a {
        font-size: 18px !important;
    }
}
.proContent .productDetailTabMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 10px;
}
.proContent .productDetailTabMain {
    padding: 0 0 30px;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
}
.proContent .productDetailTabMain .productDetailTabClass {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #fb3c2e;
    padding: 0px 20px;
    border-radius: 15px 15px 0px 0px;
}
.proContent .productDetailTabMain .productDetailTabClass a {
    display: block;
    line-height: 50px;
    margin-right: 15px;
    color: #fff;
    font-size: 14px;
    position: relative;
}
@media(max-width:992px) {
    .proContent .productDetailTabMain .productDetailTabClass a {
        font-size: 18px !important;
    }
}
.proContent .productDetailTabMain .productDetailTabClass a::after {
    content: '';
    bottom: 0px;
    width: 0px;
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.proContent .productDetailTabMain .productDetailTabClass a.cur::after {
    width: 100%;
}
.proContent .productDetailTabMain .productDetailTabBox {
    padding: 20px;
    background: #fff;
    border-radius: 0px 0px 15px 15px;
}
.proContent .productDetailTabMain .productDetailTabBox .productDetailTabContent {
    display: none;
    font-size: 14px;
    line-height: 24px;
    color: #4c505f;
}
.proContent .productDetailTabMain .productDetailTabBox .productDetailTabContent table {
    width: 100%;
}
.proContent .productDetailTabMain .productDetailTabBox .productDetailTabContent table td {
    font-size: 14px;
    line-height: 24px;
    padding: 15px 0px;
    font-weight: 600;
    border: none;
    color: #333333;
    border-bottom: 1px solid #d2d9dd;
}
@media (min-width:768px) {
    .proContent .productDetailTabMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .proContent .productDetailTabMain {
        padding: 6.875vw 0vw 0vw;
    }
    .proContent .productDetailTabMain .productDetailTabClass {
        padding: 0vw 5vw;
    }
    .proContent .productDetailTabMain .productDetailTabClass a {
        line-height: 6.125vw;
        margin-right: 2.8125vw;
        font-size: 1.25vw;
    }
    .proContent .productDetailTabMain .productDetailTabBox {
        padding: 5vw;
    }
    .proContent .productDetailTabMain .productDetailTabBox .productDetailTabContent {
        font-size: 1.125vw;
        line-height: 1.75vw;
    }
    .proContent .productDetailTabMain .productDetailTabBox .productDetailTabContent table td {
        font-size: 1vw;
        line-height: 1.5vw;
        padding: 0.9375vw 0vw;
    }
}
@media (min-width:1200px) {
    .mce-content-body p {
        font-size: 16px;
        line-height: 28px;
    }
    .mce-content-body img {
        max-width: 100%;
        margin: 10px auto;
    }
    .proContent .productDetailTabMain .commonMain {
        max-width: 77.0833vw;
    }
    .proContent .productDetailTabMain {
        padding: 1.5vw 0vw 1.5vw;
    }
    .proContent .productDetailTabMain .productDetailTabClass {
        padding: 0vw 1.1667vw;
    }
    .proContent .productDetailTabMain .productDetailTabClass a {
        line-height: 2.5vw;
        margin-right: 2.3438vw;
        font-size: 1.1vw;
    }
    .proContent .productDetailTabMain .productDetailTabBox {
        padding: 1.1667vw;
    }
    .proContent .productDetailTabMain .productDetailTabBox .productDetailTabContent {
        font-size: 0.9375vw;
        line-height: 1.4583vw;
    }
    .proContent .productDetailTabMain .productDetailTabBox .productDetailTabContent table td {
        font-size: 0.8333vw;
        line-height: 1.25vw;
        padding: 0.7813vw 0vw;
    }
}
.module_QcaPmES53ikt .solutionCaseMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0 40px;
}
.module_QcaPmES53ikt .solutionCaseMain {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
    background: #F9FAFC;
}
.module_QcaPmES53ikt .solutionCaseMain .title {
    font-size: 20px;
    line-height: 30px;
    color: #272727;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList {
    margin: 0px;
    padding-top: 0px;
}
.module_QcaPmES53ikt .solutionCaseMain .commonMain {
    position: relative;
}
.module_QcaPmES53ikt .solutionCaseMain .commonMain::after {
    position: absolute;
    content: '';
    width: calc(100% - 40px);
    border-radius: 0.1041666666666667vw;
    height: 0.208333333333vw;
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    left: calc( 20px);
}
.module_QcaPmES53ikt .solutionCaseMain .commonMain i {
    position: absolute;
    width: 0;
    border-radius: 0.1041666666666667vw;
    height: 0.208333333333vw;
    background: rgba(13, 111, 184, 1);
    bottom: 0;
    left: calc( 20px);
    transition: .5s;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList {
    margin: 0 -5px;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list {
    width: 100%;
    padding: 20px 0px 0px;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list a {
    padding: 0 5px;
    display: block;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .imgBox {
    position: relative;
    overflow: hidden;
    padding-top: 63%;
    border-radius: 0.78125vw;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .imgBox img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content {
    padding: 15px;
    /* background: #fff; */
    border-radius: 0px 0px 15px 15px;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .time {
    font-size: 14px;
    color: #535353;
    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;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .time div {
    margin-right: 10px;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .subTitle {
    margin-top: 5px;
    font-size: 18px;
    color: #000000;
    display: -webkit-box;
    height: auto;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .arrow {
    margin-top: 10px;
    font-size: 24px;
    color: #4c505f;
}
.module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list:hover .imgBox img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
@media (min-width:768px) {
    .module_QcaPmES53ikt .solutionCaseMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .module_QcaPmES53ikt .solutionCaseMain {
        padding: 6.875vw 0vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .title {
        font-size: 2.875vw;
        line-height: 3.5vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList {
        margin: 0;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList {
        margin: 0vw -1.6875vw;
        padding-top: 2.5vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list {
        width: 20%;
        padding: 0vw 1.6875vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list a {
        padding: 0;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content {
        padding: 2.5vw 3.125vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .subTitle {
        margin-top: 0.9375vw;
        font-size: 1.5vw;
        /* height: calc(2.1875vw * 2); */
        line-height: 2.1875vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .time {
        font-size: 0.875vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .time div {
        margin-right: 0.625vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .arrow {
        margin-top: 1.5625vw;
        font-size: 1.5vw;
    }
}
@media (min-width:1200px) {
    .module_QcaPmES53ikt .solutionCaseMain .commonMain {
        max-width: 77.0833vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain {
        padding: 5.7292vw 0vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .title {
        font-size: 2.3958vw;
        line-height: 2.9167vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList {
        margin: 0vw -1.041666666666667vw;
        padding-top: 2.0833vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list {
        padding: 0vw 1.041666666666667vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content {
        padding: 1.5625vw 0 3.125vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .subTitle {
        margin-top: 0.7813vw;
        font-size: 1.041667vw;
        /* height: calc(1.8229vw * 2); */
        line-height: 1.8229vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .time {
        font-size: 0.7292vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .time div {
        margin-right: 0.5208vw;
    }
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content .arrow {
        margin-top: 1.3021vw;
        font-size: 1.25vw;
    }
}
@media(max-width:992px) {
    .module_QcaPmES53ikt .solutionCaseMain .solutionCaseList .list .content {
        padding-top: 20px !important;
    }
}
.solutionsContent .solutionListMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 20px;
}
.solutionsContent .solutionListMain {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
    background: #f7f7f7;
}
.solutionsContent .solutionListMain .solutionListBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
}
.solutionsContent .solutionListMain .solutionListBox .list {
    width: 100%;
    padding: 0px;
}
.solutionsContent .solutionListMain .solutionListBox .list .imgBox {
    position: relative;
    width: 100%;
    padding-top: 23.4375vw;
    overflow: hidden;
}
.solutionsContent .solutionListMain .solutionListBox .list .imgBox img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
}
.solutionsContent .solutionListMain .solutionListBox .list .content {
    padding: 20px 0px;
    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;
}
.solutionsContent .solutionListMain .solutionListBox .list .content .subTitle {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 23px;
    height: 23px;
    color: #000000;
    font-weight: 600;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}
.solutionsContent .solutionListMain .solutionListBox .list .content .viewMore {
    width: 35px;
    height: 35px;
    border: 2px solid #fb3c2e;
    color: #fb3c2e;
    font-size: 20px;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    border-radius: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.solutionsContent .solutionListMain .solutionListBox .list:hover .imgBox img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.solutionsContent .solutionListMain .solutionListBox .list:hover .content .viewMore {
    background-color: #fb3c2e;
    color: #fff;
}
@media (min-width:768px) {
    .solutionsContent .solutionListMain .commonMain {
        max-width: 81.25vw;
        ;
        padding: 0 40px;
    }
    .solutionsContent .solutionListMain {
        padding: 6.875vw 0vw;
    }
    /* .solutionsContent .solutionListMain .solutionListBox{ margin: 0vw -1.875vw;} */
    .solutionsContent .solutionListMain .solutionListBox .list {
        width: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /* .solutionsContent .solutionListMain .solutionListBox .list:nth-child(odd){margin-top:-1.875vw;} */
    .solutionsContent .solutionListMain .solutionListBox .list:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    /* .solutionsContent .solutionListMain .solutionListBox .list .imgBox{border-radius: 0.9375vw;} */
    .solutionsContent .solutionListMain .solutionListBox .list .content {
        padding: 2.1875vw 0vw;
    }
    .solutionsContent .solutionListMain .solutionListBox .list .content .subTitle {
        font-size: 1.875vw;
        line-height: 2.1875vw;
        height: calc(2.1875vw * 2);
        -webkit-line-clamp: 2
    }
    .solutionsContent .solutionListMain .solutionListBox .list .content .viewMore {
        width: 3.125vw;
        height: 3.125vw;
    }
}
@media (min-width:1200px) {
    .solutionsContent .solutionListMain .commonMain {
        max-width: 77.0833vw;
    }
    .solutionsContent .solutionListMain {
        padding: 3.125vw;
    }
    /* .solutionsContent .solutionListMain .solutionListBox{ margin: 0vw -1.5625vw;} */
    /* .solutionsContent .solutionListMain .solutionListBox .list{padding:1.5625vw;} */
    /* .solutionsContent .solutionListMain .solutionListBox .list:nth-child(odd){margin-top:-1.5625vw;} */
    /* .solutionsContent .solutionListMain .solutionListBox .list .imgBox{border-radius: 0.7813vw;} */
    .solutionsContent .solutionListMain .solutionListBox .list .content .subTitle {
        font-size: 1.3542vw;
        line-height: 1.8229vw;
        height: calc(1.8229vw * 2);
    }
    .solutionsContent .solutionListMain .solutionListBox .list .content {
        padding: 1.8229vw 0vw;
    }
    .solutionsContent .solutionListMain .solutionListBox .list .content .viewMore {
        width: 2.6042vw;
        height: 2.6042vw;
    }
}
.module_c2dJTerzWpMK .commomMoreMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 20px;
}
.module_c2dJTerzWpMK .commomMoreMain {
    background: #f7f7f7;
}
.module_c2dJTerzWpMK .commomMoreMain .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0px;
}
.module_c2dJTerzWpMK .commomMoreMain .more 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-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    font-size: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #314a61;
    width: 130px;
    border-radius: 45px;
    height: 45px;
    border: 2px solid #fb3c2e;
}
.module_c2dJTerzWpMK .commomMoreMain .more a .icon {
    margin-left: 10px;
    width: 12px;
    height: 13px;
    -webkit-transition: .6s ease;
    -o-transition: .6s ease;
    -moz-transition: .6s ease;
    transition: .6s ease;
    background-position: 0px -14px;
    background-repeat: no-repeat;
    background-image: url(../images/solution001_06.png);
    display: block;
}
.module_c2dJTerzWpMK .commomMoreMain .more a:hover {
    background: #fb3c2e;
    border-color: #fb3c2e;
    color: #fff;
}
.module_c2dJTerzWpMK .commomMoreMain .more a:hover .icon {
    background-position: 0px 0px;
}
@media (min-width:768px) {
    .module_c2dJTerzWpMK .commomMoreMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .module_c2dJTerzWpMK .commomMoreMain .more {
        padding: 0px 0px 50px;
    }
    .module_c2dJTerzWpMK .commomMoreMain .more a {
        font-size: 14px;
        width: 150px;
        border-radius: 50px;
        height: 50px;
    }
}
@media (min-width:992px) {
    /* .module_c2dJTerzWpMK .commomMoreMain .commonMain{ max-width: var(--content-Wdith-1000);} */
}
@media (min-width:1366px) {
    /* .module_c2dJTerzWpMK .commomMoreMain .commonMain{ max-width: var(--content-Wdith-1366);} */
    .module_c2dJTerzWpMK .commomMoreMain .more {
        padding: 0vw 0vw 3.6458vw;
    }
}
@media (min-width:1600px) {
    /* .module_c2dJTerzWpMK .commomMoreMain .commonMain{ max-width: var(--content-Wdith-1600);} */
    .module_c2dJTerzWpMK .commomMoreMain .more {
        padding: 0vw 0vw 4.6875vw;
    }
    .module_c2dJTerzWpMK .commomMoreMain .more a {
        width: 8.8542vw;
        border-radius: 2.9688vw;
        height: 2.9688vw;
    }
}
.module_ftbiJYwDa5nK .solutionCaseMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 20px;
}
.module_ftbiJYwDa5nK .solutionCaseMain {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
    background: #f7f7f7;
}
.module_ftbiJYwDa5nK .solutionCaseMain .title {
    font-size: 20px;
    line-height: 30px;
    color: #272727;
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList {
    margin: 0px;
    padding-top: 0px;
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list {
    width: 100%;
    padding: 20px 0px 0px;
}
/* .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list:first-child{padding: 0px 0px 0px;} */

.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .imgBox {
    position: relative;
    overflow: hidden;
    padding-top: 52%;
    border-radius: 15px 15px 0px 0px;
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .imgBox img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content {
    padding: 15px;
    background: #fff;
    border-radius: 0px 0px 15px 15px;
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .time {
    font-size: 14px;
    color: #535353;
    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;
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .time div {
    margin-right: 10px;
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .subTitle {
    margin-top: 5px;
    font-size: 18px;
    color: #000000;
    display: -webkit-box;
    height: 48px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .arrow {
    margin-top: 10px;
    font-size: 24px;
    color: #4c505f;
}
.module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list:hover .imgBox img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
@media (min-width:768px) {
    .module_ftbiJYwDa5nK .solutionCaseMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain {
        padding: 6.875vw 0vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .title {
        font-size: 2.875vw;
        line-height: 3.5vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList {
        margin: 0vw -1.6875vw;
        padding-top: 2.5vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list {
        width: 33.333%;
        padding: 3.375vw 1.6875vw 0vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content {
        padding: 2.5vw 3.125vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .subTitle {
        margin-top: 0.9375vw;
        font-size: 1.5vw;
        height: calc(2.1875vw * 2);
        line-height: 2.1875vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .time {
        font-size: 0.875vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .time div {
        margin-right: 0.625vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .arrow {
        margin-top: 1.5625vw;
        font-size: 1.5vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list:nth-child(-n+3) {
        padding-top: 0vw;
    }
}
@media (min-width:1200px) {
    .module_ftbiJYwDa5nK .solutionCaseMain .commonMain {
        max-width: 77.0833vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain {
        padding: 4.1667vw 0vw 5.7292vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .title {
        font-size: 2.3958vw;
        line-height: 2.9167vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList {
        margin: 0vw -1.4063vw;
        padding-top: 2.0833vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list {
        padding: 2.8125vw 1.4063vw 0vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content {
        padding: 2.0833vw 2.6042vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .subTitle {
        margin-top: 0.7813vw;
        font-size: 1.25vw;
        height: calc(1.8229vw * 2);
        line-height: 1.8229vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .time {
        font-size: 0.7292vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .time div {
        margin-right: 0.5208vw;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list .content .arrow {
        margin-top: 1.3021vw;
        font-size: 1.25vw;
    }
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox {
    overflow: hidden;
    padding: 40px 20px 0;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .title {
    text-align: center;
    font-size: 20px;
    line-height: 1;
    color: #282828;
    font-weight: 100;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopment {
    max-width: 936px;
    margin: 0px auto;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentClass {
    overflow: hidden;
    position: relative;
    margin: 20px 0px 0px;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentClass .className {
    font-size: 14px;
    padding-bottom: 5px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    color: #282828;
    border-bottom: 4px solid #cfcfcf;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentClass .cur .className {
    border-color: #fb3c2e;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList {
    margin-top: 20px;
    position: relative;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .swiper-slide {
    overflow: hidden;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .ImgBox img {
    width: 100%;
    display: block;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent {
    position: absolute;
    left: 35px;
    right: 35px;
    bottom: 20px;
    display: none;
    flex-wrap: wrap;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent .subTitle {
    min-width: 100%;
    padding-right: 0px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 100;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent .desc {
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    line-height: 20px;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .swiper-slide-active .solutionDevelopmentListContent {
    display: flex;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListPrevBtn, .solutionDevelopmentListNextBtn {
    position: absolute;
    z-index: 20;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.2);
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListPrevBtn::after, .solutionDevelopmentListNextBtn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListPrevBtn {
    left: 0px;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListPrevBtn::after {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListNextBtn {
    right: 0px;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListNextBtn::after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListPrevBtn:hover, .solutionDevelopmentListNextBtn:hover {
    background: #000;
}
/*--方案研发--*/

@media (min-width:768px) {
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox {
        padding: 3.125vw 0 0;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .title {
        font-size: 1.75vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentClass {
        margin: 2.5vw 1.5625vw 0vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentClass .className {
        font-size: 1vw;
        padding-bottom: 0.625vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList {
        margin-top: 1.875vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent {
        left: 2.5vw;
        right: 2.5vw;
        bottom: 1.875vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent .subTitle {
        min-width: 10.3125vw;
        padding-right: 0.625vw;
        font-size: 1.5vw;
        padding-bottom: 0vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent .desc {
        flex: 1;
        width: auto;
        font-size: 0.875vw;
        line-height: 1.5vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListPrevBtn, .solutionDevelopmentListNextBtn {
        width: 2.5vw;
        height: 2.5vw;
    }
}
@media (min-width:992px) {
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox {
        padding: 3.6458vw 0vw 0;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .title {
        font-size: 1.9792vw;
    }
}
@media (min-width:1260px) {
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox {
        padding: 5.2083vw 0vw 0;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .title {
        font-size: 2.5vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentClass .className {
        font-size: 0.9375vw;
        padding-bottom: 0.9895833333333333vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList {
        margin-top: 2.083333333333333vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent {
        left: 3.125vw;
        right: 3.125vw;
        bottom: 2.864583333333333vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent .subTitle {
        min-width: unset;
        padding-right: 5.208333333333333vw;
        font-size: 1.5625vw;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent .desc {
        font-size: 0.8333vw;
        line-height: 1.5625vw;
    }
}
.social-share-icon {
    font-family: "shareIcon" !important;
}
.social-share .icon-tencent:before {
    content: "\f07a";
}
.social-share .icon-qq:before {
    content: "\f11a";
}
.social-share .icon-weibo:before {
    content: "\f12a";
}
.social-share .icon-wechat:before {
    content: "\f09a";
}
.social-share .icon-douban:before {
    content: "\f10a";
}
.social-share .icon-heart:before {
    content: "\f20a";
}
.social-share .icon-like:before {
    content: "\f00a";
}
.social-share .icon-qzone:before {
    content: "\f08a";
}
.social-share .icon-linkedin:before {
    content: "\f01a";
}
.social-share .icon-diandian:before {
    content: "\f05a";
}
.social-share .icon-facebook:before {
    content: "\f03a";
}
.social-share .icon-google:before {
    content: "\f04a";
}
.social-share .icon-twitter:before {
    content: "\f06a";
}
.wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 190px;
    margin-top: -96px;
    margin-left: -100px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px #aaa;
    box-shadow: 0 2px 10px #aaa;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}
.wechat-qrcode.bottom {
    top: 40px;
    left: -84px;
}
.wechat-qrcode.bottom:after {
    display: none;
}
.wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}
.wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}
.wechat-qrcode .qrcode table {
    margin: 0 !important;
}
.wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
    width: 100%;
}
.wechat-qrcode .closeWechat {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    z-index: 9;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer;
}
.wechat-qrcode .closeWechat:after {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    content: '';
    display: block;
    background: #666;
}
.wechat-qrcode .closeWechat::before {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    content: '';
    display: block;
    background: #666;
}
.news_content .newsListMain {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
}
.news_content .newsListMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 20px;
}
.news_content .newsListMain .newsImgListBox {
    display: flex;
}
.news_content .newsListMain .newsImgListBox .newsImgList {
    flex: 1;
    overflow: hidden;
    position: relative;
}
.news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide {
    position: relative;
    overflow: hidden;
}
.news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide .imgBox {
    position: relative;
    overflow: hidden;
    /* padding-top: 52%; */
    border-radius: 15px;
}
.news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide .imgBox img {
    /* position:absolute; */
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .8s ease;
}
.news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide .content {
    padding-top: 15px;
}
.news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide .content .title {
    font-size: 16px;
    color: #333;
}
.news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide .content .time {
    padding-top: 10px;
    font-size: 14px;
    color: #b0b0b0;
}
.news_content .newsListMain .newsImgListBox .newsImgList .newsImgListPage {
    display: none;
}
.news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide:hover img {
    transform: scale(1.1);
}
.news_content .newsListMain .newsImgListBox .newsImgList .newsImgListPage {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.news_content .newsListMain .newsImgListBox .newsImgList .newsImgListPage span {
    background: #cccccc;
    opacity: 1;
    margin: 0px 3px
}
.news_content .newsListMain .newsImgListBox .newsImgList .newsImgListPage span.swiper-pagination-bullet-active {
    background: #fb3c2e;
}
.news_content .newsListMain .newsImgListBox .newsImgListText {
    width: 28%;
    min-height: 300px;
    padding: 10px 0px;
    margin-left: 80px;
    display: none;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list {
    border-bottom: 1px solid #ebe5e5;
    position: relative;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list a {
    padding: 30px 0px;
    display: block;
    position: relative;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list::after {
    content: '';
    display: block;
    bottom: -1px;
    left: 0px;
    width: 0px;
    height: 2px;
    position: absolute;
    background: #fb3c2e;
    transition: .8s ease;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list a .title {
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
    font-weight: 600;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list a .time {
    margin-top: 15px;
    font-size: 14px;
    color: #b0b0b0;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list.cur::after {
    width: 100%;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list.cur a .title {
    color: #fb3c2e;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list:last-child {
    border: none;
}
.news_content .newsListMain .newsImgListBox .newsImgListText .list:last-child::after {
    display: none;
}
.news_content .newsListMain .newsList {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px;
}
.news_content .newsListMain .newsList .list {
    width: 100%;
    margin: 20px 0px 0px;
    transform: translate3d(0px, 0px, 1px);
    transition: .8s ease;
}
.news_content .newsListMain .newsList .list .imgBox {
    position: relative;
    padding-top: 50%;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0px 15px 15px -20px rgba(0, 0, 0, 0);
    transition: .8s ease;
}
.news_content .newsListMain .newsList .list .imgBox img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .8s ease;
}
.news_content .newsListMain .newsList .list .imgBox .time {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 0px 10px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    border-radius: 40px;
    background-color: rgba(0, 0, 0, 0.15);
}
.news_content .newsListMain .newsList .list .title {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000000;
}
/* .news_content .newsListMain .newsList .list:hover {transform:translate3d(0px,-10px,1px);} */

.news_content .newsListMain .newsList .list:hover .imgBox {
    box-shadow: 0px 30px 15px -20px rgba(0, 0, 0, 0.2);
}
.news_content .newsListMain .newsList .list:hover .imgBox img {
    transform: scale(1.1);
}
.news_content .newsListMain .newsList .list:hover .title {
    color: #fb3c2e;
}
@media (min-width:768px) {
    .news_content .newsListMain {
        padding: 6.875vw 0vw;
    }
    .news_content .newsListMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .news_content .newsListMain .newsImgListBox .newsImgList {
        border-radius: 0.9375vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide {
        padding-top: 0vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide .imgBox {
        position: inherit;
        overflow: visible;
        padding-top: 0vw;
        border-radius: 0vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgList .swiper-slide .content {
        display: none;
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText {
        margin-left: 5vw;
        display: block;
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText .list a {
        padding: 1.875vw 0vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText .list a .title {
        font-size: 1.125vw;
        line-height: 1.75vw;
        height: calc(1.75vw * 2);
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText .list a .time {
        margin-top: 0.9375vw;
        font-size: 0.875vw;
    }
    .news_content .newsListMain .newsList {
        margin: 0vw -1.25vw;
    }
    .news_content .newsListMain .newsList .list {
        width: calc(50% - 2.5vw);
        margin: 6.25vw 1.25vw 0vw;
    }
    .news_content .newsListMain .newsList .list .imgBox .time {
        left: 0.9375vw;
        top: 0.9375vw;
        padding: 0vw 1.25vw;
        line-height: 2.5vw;
        font-size: 0.9375vw;
    }
    .news_content .newsListMain .newsList .list .title {
        margin-top: 2.5vw;
        font-size: 1.125vw;
        line-height: 1.8125vw;
        height: calc(1.8125vw * 2);
    }
    /* .news_content .newsListMain .newsList .list:hover {transform:translate3d(0vw,-1.875vw,0.0625vw);} */
    .news_content .newsListMain .newsList .list:hover .imgBox {
        box-shadow: 0vw 1.875vw 0.9375vw -1.25vw rgba(0, 0, 0, 0.2);
    }
}
@media (min-width:992px) {
    .news_content .newsListMain .newsList {
        margin: 0vw -1.0417vw;
    }
    .news_content .newsListMain .newsList .list {
        width: calc(33.3333% - 2.0833vw);
        margin: 5.2083vw 1.0417vw 0vw;
    }
}
@media (min-width:1200px) {
    .news_content .newsListMain {
        padding: 2.125vw 0vw;
    }
    .news_content .newsListMain h1 {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: 500;
    }
    .news_content .newsListMain .commonMain {
        max-width: 77.0833vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgList {
        border-radius: 0.7813vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText {
        margin-left: 4.1667vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText .list a {
        padding: 1.5625vw 0vw;
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText .list a .title {
        font-size: 0.9375vw;
        line-height: 1.4583vw;
        height: calc(1.4583vw * 2);
    }
    .news_content .newsListMain .newsImgListBox .newsImgListText .list a .time {
        margin-top: 0.7813vw;
        font-size: 0.7292vw;
    }
    .news_content .newsListMain .newsList {
        margin: 0vw -1.0417vw;
    }
    .news_content .newsListMain .newsList .list {
        width: calc(33.3333% - 2.0933vw);
        margin: 5.2083vw 1.0417vw 0vw;
    }
    .news_content .newsListMain .newsList .list .imgBox .time {
        left: 0.7813vw;
        top: 0.7813vw;
        padding: 0vw 1.0417vw;
        line-height: 2.0833vw;
        font-size: 0.7813vw;
    }
    .news_content .newsListMain .newsList .list .title {
        margin-top: 2.0833vw;
        font-size: 0.9375vw;
        line-height: 1.5104vw;
        height: calc(1.5104vw * 2);
    }
    /* .news_content .newsListMain .newsList .list:hover {transform:translate3d(0vw,-1.5625vw,0.0521vw);} */
    .news_content .newsListMain .newsList .list:hover .imgBox {
        box-shadow: 0vw 1.5625vw 0.7813vw -1.0417vw rgba(0, 0, 0, 0.2);
    }
}
.productDetailMain .commonMain .proDetailLocation {
    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;
    margin-bottom: 1.0417vw;
}
.productDetailMain .commonMain .proDetailLocation img {
    width: 15px;
    display: block;
}
.productDetailMain .commonMain .proDetailLocation a {
    display: block;
    font-size: 12px;
    color: #7d7d7d;
    line-height: 18px;
    position: relative;
    padding: 0px 15px 0px 12px;
}
.productDetailMain .commonMain .proDetailLocation a::after {
    content: '/';
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
}
.productDetailMain .commonMain .proDetailLocation a:first-child {
    padding-left: 0px;
}
.productDetailMain .commonMain .proDetailLocation a:last-child::after {
    display: none;
}
.viewNewsContent table {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse;
    border: none;
    margin: 0 auto;
}
.viewNewsContent table td, th {
    width: 1px;
    white-space: nowrap;
    /* 自适应宽度*/
    word-break: keep-all;
    /* 避免长单词截断，保持全部 */
    border: solid #676767 1px;
    text-align: center;
    white-space: pre-line;
    word-break: break-all !important;
    word-wrap: break-word !important;
    display: table-cell;
    vertical-align: middle !important;
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding: 2px 2px 0 2px;
    display: table-cell;
}
.viewNewsContent table tr:nth-child(odd) {
    background-color: #eeeeee;
}
.viewNewsContent table tr:nth-child(even) {
    background-color: #ffffff;
}
.viewNewsContent .newsDetailMain {
    padding: 35px 0px;
    overflow: hidden;
    position: relative;
    background: #fcfcfd;
}
.viewNewsContent .newsDetailMain .commonMain {
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 20px;
}
.viewNewsContent .newsDetailMain .newsDetailBox {
    max-width: 1000px;
    margin: 0px auto;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation {
    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;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation img {
    width: 15px;
    display: block;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a {
    display: block;
    font-size: 12px;
    color: #7d7d7d;
    line-height: 18px;
    position: relative;
    padding: 0px 20px 0px 15px;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a::after {
    content: '/';
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a:first-child {
    padding-left: 0px;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a:last-child::after {
    display: none;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle {
    padding-top: 20px;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle h2 {
    font-size: 20px;
    color: #272727;
    line-height: 1.2;
    font-weight: 600;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle h3 {
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 5px;
    font-weight: 600;
}
.viewNewsContent .newsDetailMain .newsDetailBox .releaseTimeBox {
    margin-top: 25px;
    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;
}
.viewNewsContent .newsDetailMain .newsDetailBox .releaseTime {
    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;
}
.viewNewsContent .newsDetailMain .newsDetailBox .releaseTime div {
    font-size: 12px;
    border: 1px solid #dcdcdc;
    padding: 0px 5px;
    line-height: 30px;
    color: #7d7d7d;
    font-weight: 600;
    border-radius: 5px;
    margin-right: 5px;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetail {
    padding: 30px 0px;
    font-size: 14px;
    line-height: 24px;
    color: #4c505f;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetail img {
    max-width: 100%;
    height: auto !important;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a {
    display: block;
    font-size: 24px;
    color: #777777;
    margin-right: 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a.nextPage {
    margin-right: 0px;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a:hover {
    color: #fb3c2e;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare {
    display: none;
    font-size: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2a303b;
    font-weight: 600;
}
.viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare .detailShare a {
    display: inline-block;
    color: #7e8392;
    font-size: 18px;
    margin-left: 20px;
    top: 0;
    margin-top: 0;
}
.imglist ul {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1.5625vw;
}
.imglist ul li {
    overflow: hidden;
    border-radius: 0.78125vw;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.2);
}
.imglist ul li img {
    margin: 0;
    cursor: pointer;
}
.proDetailReturnBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
}
.proDetailReturnBox .proDetailReturn a {
    display: block;
    font-size: 24px;
    color: #777777;
    margin-right: 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.proDetailReturnBox .proDetailReturn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.proDetailReturnBox .proDetailReturn .detailShare a {
    font-size: 0.9375vw;
    margin-left: 1.0417vw;
}
@media (min-width:768px) {
    .viewNewsContent .newsDetailMain {
        padding: 6.875vw 0vw;
    }
    .viewNewsContent .newsDetailMain .commonMain {
        max-width: 81.25vw;
        ;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetail {
        padding: 3.75vw 0vw;
        font-size: 1.125vw;
        line-height: 1.75vw;
        color: #4c505f;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a {
        font-size: 0.875vw;
        line-height: 1.125vw;
        padding: 0vw 1.25vw 0vw 0.9375vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a::after {
        font-size: 1vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation img {
        width: 0.9375vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle {
        padding-top: 1.25vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle h2 {
        font-size: 2.375vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle h3 {
        font-size: 1.25vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .releaseTime div {
        font-size: 1vw;
        padding: 0vw 0.9375vw;
        margin-right: 0.625vw;
        line-height: 1.875vw;
        border-radius: 0.3125vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox {
        padding-top: 2.5vw;
    }
    /*  .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn {
       width: auto;
   }
   .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a {
       font-size: 1.5vw;
       margin-right: 2.5vw;
   } */
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare {
        font-size: 1vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare .detailShare a {
        font-size: 1.125vw;
        margin-left: 1.25vw;
    }
}
@media (min-width:1200px) {
    .viewNewsContent .newsDetailMain {
        padding: 2.125vw 0vw;
    }
    .viewNewsContent .newsDetailMain .commonMain {
        max-width: 77.0833vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetail {
        padding: 3.125vw 0vw;
        font-size: 0.8375vw;
        line-height: 1.5583vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a {
        font-size: 0.8vw;
        line-height: 0.9375vw;
        padding: 0vw 1.0417vw 0vw 0.7813vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation a::after {
        font-size: 0.8333vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailLocation img {
        width: 0.7813vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle {
        padding-top: 1.0417vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle h2 {
        font-size: 1.5792vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailTitle h3 {
        font-size: 1.0417vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .releaseTime div {
        font-size: 0.8333vw;
        padding: 0vw 0.7813vw;
        margin-right: 0.5208vw;
        line-height: 1.5625vw;
        border-radius: 0.2604vw;
    }
    /* .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox {
        padding-top: 2.0833vw;
    } */
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailReturn a {
        font-size: 1.25vw;
        margin-right: 2.0833vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare {
        font-size: 0.8333vw;
    }
    .viewNewsContent .newsDetailMain .newsDetailBox .newsDetailReturnBox .newsDetailShare .detailShare a {
        font-size: 0.9375vw;
        margin-left: 1.0417vw;
    }
    .proDetailReturnBox {
        padding-top: 2.0833vw;
    }
    .proDetailReturnBox .proDetailReturn a {
        font-size: 1.25vw;
        margin-right: 2.0833vw;
    }
    .proDetailReturnBox .proDetailReturn {
        font-size: 0.8333vw;
    }
    .proDetailReturnBox .proDetailReturn .detailShare a {
        font-size: 0.9375vw;
        margin-left: 1.0417vw;
    }
}
@media (min-width:1920px) {
    .viewNewsContent .newsDetailMain .newsDetailBox {
        max-width: 52.0833vw;
    }
}
.programme {
    padding: 5.7292vw 0vw;
}
.commonMain {
    max-width: 77.0833vw;
    margin: 0px auto;
    padding: 0 40px;
}
.programme .columns .column:nth-child(2) img {
    /* min-width: 39.47916666666667vw; */
    background: #757575;
    border-radius: 1.041666666666667vw;
}
.programme .columns .title {
    font-size: 2.395833333333333vw;
    font-weight: 400;
    color: rgba(39, 39, 39, 1);
    padding-top: 2.083333333333333vw;
    padding-bottom: 1.5625vw;
    line-height: 1.2;
}
.programme .columns .title span {
    color: rgba(13, 111, 184, 1);
}
.programme .columns .intro {
    font-weight: 400;
    color: #4C505F;
    text-align: justify;
    font-size: 0.9375vw;
    display: -webkit-box;
    /* display: block; */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    line-height: 1.55;
}
.programme .commonMain .columns {
    position: relative;
}
.programme .commonMain .columns::after {
    position: absolute;
    content: '';
    width: 3.854166666666667vw;
    height: 2.760416666666667vw;
    background: url('../images/29.jpg') no-repeat center / 3.854166666666667vw;
    left: calc(-2.5vw - 3.854166666666667vw);
    top: 2.083333333333333vw;
}
.programme .commonMain .columns .column:nth-child(1) {
    width: calc(100% - 39.47916666666667vw - 5.208333333333333vw);
}
.programme .commonMain .columns .column:nth-child(2) {
    margin-left: 5.208333333333333vw;
    width: calc( 39.47916666666667vw);
}
.programme .commonMain .columns .expand {
    margin-top: 2.083333333333333vw;
    /* padding-right: 1.041666666666667vw; */
    font-size: 0.9375vw;
    font-weight: 400;
    color: #363636;
    line-height: 1.55;
    width: max-content;
    /* background: url('../images/6.jpg') no-repeat right / 0.5208333333333333vw; */
}
.programme .commonMain .columns .expand a {
    display: flex;
    align-items: center;
}
.programme .commonMain .columns .expand img {
    width: 0.5208333333333333vw;
    margin-top: -0.1041666666666667vw;
    margin-left: 0.4166666666666667vw;
}
.advantage {
    background: url('../images/27.jpg') no-repeat 100% 100%;
    background-size: cover;
    padding: 5.208333vw 0 5.208333vw;
    text-align: center;
}
.advantage .title {
    font-size: 2.395833333333333vw;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    padding-bottom: 1.5625vw;
}
.advantage .intro {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #fff;
    line-height: 1.55;
}
.advantage ul {
    display: flex;
    padding-top: 2.864583333333333vw;
}
.advantage ul li:not(:last-child) {
    margin-right: 2.083333333333333vw;
}
.advantage ul li {
    padding: 2.34375vw 3.385416666666667vw;
    width: calc(33.33% - (4.166666666666667vw / 3));
    background: #fff;
    border-radius: 0.78125vw;
}
.advantage ul li .image img {
    width: auto;
    margin: auto;
    height: 2.5vw;
}
.advantage ul li .Htitle {
    font-size: 1.145833333333333vw;
    font-weight: 400;
    color: #000000;
    line-height: 1;
    padding: 2.083333333333333vw 0 1.302083333333333vw;
}
.advantage ul li .Hintro {
    font-size: 0.8333333333333333vw;
    font-weight: 400;
    color: #696969;
    line-height: 1.4;
}
.CTpicture {
    padding: 5.208333333333333vw 0;
}
.CTpicture .title {
    font-size: 2.395833333333333vw;
    font-weight: 400;
    color: #272727;
    line-height: 1;
    padding-bottom: 3.125vw;
}
@media(max-width:1200px) {
    .commonMain {
        max-width: 81.25vw;
        ;
    }
    .programme {
        padding: 6.875vw 0vw;
    }
}
@media(max-width:992px) {
    .commonMain {
        max-width: 81.25vw;
        ;
        padding: 0px 20px;
    }
    .commonMain {
        max-width: 100% !important;
    }
    .programme {
        padding: 35px 0px;
        box-shadow: inset 0px 20px 20px -30px rgba(0, 0, 0, 0.3);
    }
    .programme .commonMain .columns {
        flex-wrap: wrap;
    }
    .programme .commonMain .columns .column {
        width: 100% !important;
    }
    .programme .commonMain .columns .column:nth-child(2) {
        margin: 20px 0 0;
    }
    .programme .columns .title {
        /* font-size: 16px; */
        padding: 0 0 10px;
        font-size: 20px;
        line-height: 30px;
    }
    .programme .columns .title>br {
        display: none;
    }
    .programme .columns .intro {
        font-size: 14px;
    }
    .programme .commonMain .columns .expand img {
        width: 7.5px;
        margin-top: -1.5px;
        margin-left: 8px;
    }
    .programme .commonMain .columns::after {
        display: none;
    }
    .advantage {
        padding: 35px 0 35px;
    }
    .advantage .title {
        padding-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }
    .advantage .intro {
        font-size: 14px;
        text-align: left;
    }
    .advantage ul {
        flex-wrap: wrap;
        padding-top: 20px;
    }
    .advantage ul li {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
        box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
        padding: 20px;
    }
    .advantage ul li .image img {
        height: 28px;
    }
    .advantage ul li .Htitle {
        font-size: 16px;
        padding: 15px 0 10px;
    }
    .advantage ul li .Hintro {
        font-size: 14px;
        text-align: left;
    }
    .CTpicture .title {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 20px;
    }
    .programme .commonMain .columns .expand a {
        font-size: 16px;
        padding: 10px 0;
    }
}
.title {
    font-size: 2.395833333333333vw;
    font-weight: 400;
    color: #272727;
    line-height: 1;
}
@media(max-width:992px) {
    .title {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
}
.CaseDetails {
    background: #F9F9F9;
}
.CaseDetails .commonMain {
    max-width: 52.083333vw;
}
.commonMain .jjfan {
    padding-bottom: 3.125vw;
}
.CaseDetails .Details {
    /* margin-top: -8.333333333333333vw; */
    position: relative;
    padding: 5.208333333333333vw 0;
}
.CaseDetails .Details .Htiale {
    padding: 0 0 1.302083333333333vw;
    font-size: 2.083333vw;
}
.CaseDetails .Details .intro {
    font-size: 0.9375vw;
    color: #4C505F;
    line-height: 1.55;
    padding-bottom: 5.208333333333333vw;
}
.CaseDetails .Details .xmtitle {
    padding-bottom: 1.458333333333333vw;
}
.CaseDetails .Details .zqtd {
    padding-bottom: 1.979166666666667vw;
}
.CaseDetails .jjfanimg {
    /* background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(145,145,145,0.25); */
    /* padding: 4.375vw 10.10416666666667vw; */
    text-align: center;
}
.CaseDetails .jjfanimg img {
    min-width: 28.541667vw;
    width: auto;
}
.CaseDetails .tdintro {
    padding: 5.208333333333333vw 0;
    background: #fff;
}
.CaseDetails .tdintro .title {
    padding-bottom: 3.125vw;
}
.CaseDetails .tdintro ul {
    display: flex;
    flex-wrap: wrap;
}
.CaseDetails .tdintro ul li {
    width: calc(33.333% - (4.166666666666667vw / 3));
}
.CaseDetails .tdintro ul li .image {
    overflow: hidden;
}
.CaseDetails .tdintro ul li img {
    transition: .5s;
}
.CaseDetails .tdintro ul li:hover img {
    transform: scale(1.05);
    transition: .5s;
}
.CaseDetails .tdintro ul li:not(:nth-child(3n)) {
    margin-right: 2.083333333333333vw;
}
.CaseDetails .tdintro ul li .Htitle {
    padding: 1.5625vw 0 0.78125vw;
    font-size: 1.25vw;
    font-weight: bold;
    color: #333333;
}
.CaseDetails .tdintro ul li .intro {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #4C505F;
    line-height: 1.55;
}
.CaseDetails .solve {
    background: #F9F9F9;
    padding: 5.208333333333333vw 0;
}
.CaseDetails .value {
    background: #ffffff;
    padding: 5.208333333333333vw 0 3.90625vw;
}
.CaseDetails .value .title {
    padding-bottom: 1.041666666666667vw;
}
.CaseDetails .value .commonMain>div {
    padding: 0 3.125vw;
}
.CaseDetails .value .commonMain>div ul li {
    font-size: 1.041666666666667vw;
    font-weight: 400;
    color: #4C505F;
    line-height: 2;
    position: relative;
    padding-left: 1.822916666666667vw;
}
.CaseDetails .value .commonMain>div ul li::after {
    position: absolute;
    left: 0.2604166666666667vw;
    top: 1.041666666666667vw;
    transform: translateY(-50%);
    content: '';
    width: 0.4166666666666667vw;
    height: 0.4166666666666667vw;
    background: #fb3c2e;
    border-radius: 50%;
    display: inline-block;
}
@media(max-width:992px) {
    .CaseDetails .Details {
        /* margin-top: -60px; */
        margin-top: 0;
        padding: 5.208333333333333vw 0;
    }
    .CaseDetails .Details .intro {
        font-size: 14px;
        padding-bottom: 20px;
    }
    .CaseDetails .Details .tdintro {
        font-size: 14px;
    }
    .CaseDetails .Details .tdintro h2 {
        font-size: 16px;
    }
    .CaseDetails .Details .title {
        padding-bottom: 10px;
        font-size: 20px;
        line-height: unset;
    }
    .CaseDetails .value .commonMain>div ul li {
        font-size: 14px;
        padding-left: 15px;
    }
    .CaseDetails .value .commonMain>div ul li::after {
        position: absolute;
        left: 2px;
        top: 14px;
        transform: translateY(-50%);
        content: '';
        width: 5px;
        height: 5px;
        background: #fb3c2e;
        border-radius: 50%;
        display: inline-block;
    }
    .CaseDetails .tdintro ul li {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    .CaseDetails .tdintro ul li .Htitle {
        font-size: 18px;
        padding: 15px 0 10px;
    }
    .CaseDetails .tdintro ul li .intro {
        font-size: 14px;
    }
}
.support .custom {
    padding: 5.208333333333333vw 0 2.864583333333333vw;
    background: url('../images/48.jpg') no-repeat center;
    background-size: cover;
}
.support .title {
    padding-bottom: 1.458333333333333vw;
    text-align: center;
}
.support .intro {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #4C505F;
    line-height: 1.55;
    text-align: center;
    padding-bottom: 0.3125vw;
}
.support .custom .columns {
    align-items: center;
    margin-right: -40px;
}
.support .custom .columns .Htitle {
    font-size: 1.5625vw;
    font-weight: bold;
    color: #333333;
    line-height: 1.55;
    padding-bottom: 2.34375vw;
}
.support .custom .columns ul li {
    padding: 0.78125vw 0 0.78125vw 3.75vw;
    min-height: 2.916666666666667vw;
    box-sizing: content-box;
}
.support .custom .columns ul li>div {
    font-size: 1.145833333333333vw;
    font-weight: 600;
    color: #424242;
}
.support .custom .columns ul li>span {
    font-size: 0.8333333333333333vw;
    font-weight: 400;
    color: #424242;
}
.support .custom .columns ul li:nth-child(1) {
    background: url('../images/4.png') no-repeat left / 2.916666666666667vw;
}
.support .custom .columns ul li:nth-child(2) {
    background: url('../images/2.png') no-repeat left / 2.916666666666667vw;
}
.support .custom .columns ul li:nth-child(3) {
    background: url('../images/2.png') no-repeat left / 2.916666666666667vw;
}
.support .custom .columns ul li:nth-child(4) {
    background: url('../images/5.png') no-repeat left / 2.916666666666667vw;
}
.support .custom .columns .column:nth-child(1) {
    width: 36%;
}
.support .custom .columns .column:nth-child(2) {
    width: 64%;
}
.support .solve {
    padding: 5.208333333333333vw 0 6.25vw;
}
.module_PiAPAY2yHzH3 .support .solve {
    padding: 1.5625vw 0 6.510416666666667vw;
    background: url('../images/90.jpg') no-repeat center;
    background-size: cover;
}
.support .solve .columns {
    padding: 2.864583333333333vw 0 0;
}
.support .solve .columns .column:nth-child(1) {
    width: 31.25vw;
}
.support .solve .columns .column:nth-child(1) ul {
    margin-right: 5.208333333333333vw;
}
.support .solve .columns .column:nth-child(2) {
    width: 41.66666666666667vw;
}
.module_PiAPAY2yHzH3 .support .solve .columns .column:nth-child(2) {
    border-radius: 10px;
    overflow: hidden;
}
.support .solve .columns ul li {
    padding: 1.71875vw 0;
    border-bottom: 0.0520833333333333vw solid #DCDCDC;
}
.support .solve .columns ul li .Htitle {
    position: relative;
    font-size: 1.25vw;
    line-height: 1;
    color: #333333;
}
/* .support .solve .columns ul li .Htitle::after{
    content: '';
    position: absolute;
    top: 17%;
    right: 0.5208333333333333vw;
    width: 0.5208333333333333vw;
    height: 0.5208333333333333vw;
    border-top: 0.1041666666666667vw solid rgba(40, 40, 40, .4);
    border-right: 0.1041666666666667vw solid rgba(40, 40, 40, .4);
    transform: rotate(135deg);
    transition: .5s;
} */

.support .solve .columns ul li.on .Htitle {
    color: #fb3c2e;
}
.support .solve .columns ul li.on .Htitle::after {
    top: 40%;
    transform: rotate(316deg);
    transition: .5s;
    border-top: 0.1041666666666667vw solid #fb3c2e;
    border-right: 0.1041666666666667vw solid #fb3c2e;
}
/* .support .solve .columns ul li .content{
    display: none;
}
.support .solve .columns ul li:nth-child(1) .content{
    display: block;
} */

.support .solve .columns ul li .content>div {
    font-size: 0.9375vw;
    padding: 1.458333333333333vw 0 1.041666666666667vw;
    line-height: 1;
    color: #333333;
}
.support .solve .columns ul li .content dd {
    font-size: 0.8333333333333333vw;
    font-weight: 400;
    color: #666666;
    line-height: 1.5;
    position: relative;
    padding-left: 0.78125vw;
}
.support .solve .columns ul li .content dd::after {
    position: absolute;
    left: 0vw;
    top: 0.625vw;
    transform: translateY(-50%);
    content: '';
    width: 0.2083333333333333vw;
    height: 0.2083333333333333vw;
    background: #fb3c2e;
    border-radius: 50%;
    display: inline-block;
}
.module_PiAPAY2yHzH3 .support .solve .columns ul li .content dd {
    padding: 20px 0 0;
}
.module_PiAPAY2yHzH3 .support .solve .columns ul li .content dd::after {
    display: none;
}
.module_PiAPAY2yHzH3 .support .solve .columns .column>.Htitle {
    padding: 1.979166666666667vw 0 1.40625vw;
    font-size: 1.875vw;
    font-weight: 400;
    color: #333333;
}
@media (max-width: 992px) {
    .module_PiAPAY2yHzH3 .commonMain, .module_PiAPAY2yHzH3 .support .solve {
        padding: 0 !important;
    }
    .module_PiAPAY2yHzH3 .support .solve {
        padding: 20px 20px 40px !important;
        margin: 0 -20px;
    }
    .module_PiAPAY2yHzH3 .support .solve .columns .column>.Htitle {
        font-size: 18px;
        padding: 10px 0;
    }
}
.support .center {
    padding: 5.208333333333333vw 0 2.864583333333333vw;
    background: url('../images/54.jpg') no-repeat center;
    background-size: cover;
}
.support .center .list {
    padding: 3.125vw 6.770833333333333vw;
    background: #f4f7fae6;
    border-radius: 1.041666666666667vw;
}
.support .center .consultationForm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.support .center .input {
    max-width: 29.16666666666667vw;
    width: 50%;
    background: #F8F8F8;
    border: 0.0520833333333333vw solid #E8EBEF;
    border-radius: 0.4166666666666667vw;
    padding: 0.9375vw 1.5625vw;
    font-size: .885417vw;
    margin-bottom: 1.041666666666667vw;
    color: #000000;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #000000;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #000000;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #000000;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #000000;
}
.support .center .title {
    padding-bottom: 3.125vw;
}
.support .center .input i {
    color: #FF0000;
    margin-top: 0.15625vw;
    margin-right: 0.15625vw;
    display: inline-block;
}
.support .center .input:nth-child(5) {
    max-width: 100%;
    width: 100%;
    ;
}
.support .center .input.textarea {
    max-width: 100%;
    width: 100%;
    min-height: 6.25vw;
    background: #F8F8F8;
}
.support .center .input.textarea textarea {
    max-width: 100%;
    width: calc(100% - 10px);
    min-height: 6.25vw;
}
.support .center .input input {
    max-width: 100%;
    width: calc(100% - 10px);
}
.support .center .btn {
    width: 100%;
    text-align: center;
}
.support .center .btn input {
    width: 10.41666666666667vw;
    background: #fb3c2e;
    border-radius: 1.614583333333333vw;
    line-height: 1;
    padding: 1.197916666666667vw 0;
    color: #FFFFFF;
    margin-top: 1.041666666666667vw;
    font-size: 0.8333333333333333vw;
}
@media(max-width:992px) {
    .support .custom, .support .solve {
        padding: 5.208333333333333vw 0;
    }
    .support .custom .columns {
        flex-wrap: wrap;
        margin: 0;
    }
    .support .custom .columns .column:nth-child(2), .support .custom .columns .column:nth-child(1) {
        width: 100%;
    }
    .support .intro {
        font-size: 14px;
        text-align: left;
    }
    .support .custom .columns .Htitle {
        font-size: 18px;
        padding: 10px 0;
    }
    .support .custom .columns ul li>div {
        font-size: 16px;
    }
    .support .custom .columns ul li {
        padding: 6px 0 6px 30px;
        box-sizing: content-box;
    }
    .support .custom .columns ul li:nth-child(1) {
        background: url('../images/4.png') no-repeat left / 25px;
    }
    .support .custom .columns ul li:nth-child(2) {
        background: url('../images/2.png') no-repeat left / 25px;
    }
    .support .custom .columns ul li:nth-child(3) {
        background: url('../images/2.png') no-repeat left / 25px;
    }
    .support .custom .columns ul li:nth-child(4) {
        background: url('../images/5.png') no-repeat left / 25px;
    }
    .support .solve .columns {
        flex-wrap: wrap;
    }
    .support .solve .columns .column:nth-child(1), .support .solve .columns .column:nth-child(2) {
        width: 100%;
    }
    .support .solve .columns .column:nth-child(2) {
        margin-top: 30px;
    }
    .support .solve .columns ul li .Htitle {
        font-size: 16px;
    }
    .support .solve .columns ul li.on .Htitle::after, .support .solve .columns ul li .Htitle::after {
        width: 8px;
        height: 8px;
    }
    .support .solve .columns ul li .content>div {
        font-size: 14px;
        padding: 15px 0;
    }
    .support .solve .columns ul li .content dd {
        font-size: 14px;
        line-height: 2;
        padding-left: 15px;
    }
    .support .solve .columns ul li .content dd::after {
        top: 12px;
        width: 4px;
        height: 4px;
    }
    .support .solve .columns ul li {
        padding: 15px 0;
    }
    .support .solve .columns .column:nth-child(1) ul {
        margin: 0;
    }
    .support .title {
        padding-bottom: 20px;
    }
    .support .center {
        padding: 5.208333333333333vw 0;
    }
    .support .center .input {
        width: 49%;
        max-width: 100%;
        padding: 10px 20px;
        margin-bottom: 13px;
        font-size: 12px;
    }
    .support .center .input i {
        margin-right: 3px;
    }
    .support .center .btn input {
        width: 100px;
        font-size: 12px;
        padding: 10px 0;
    }
    .support .center .list {
        padding: 20px 30px;
    }
    .support .custom .columns ul li>span {
        font-size: 14px;
    }
    .support .center .input.textarea, .support .center .input.textarea textarea {
        min-height: 100px;
    }
}
.contactMain {
    padding: 4.53125vw 5.208333333333333vw;
    background: #F7F7F7;
}
.contactMain .contactList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 4.0625vw;
}
.contactMain .contactList .list {
    width: 33.33%;
    text-align: center;
    position: relative;
}
.contactMain .contactList .list .icon img {
    margin: 0px auto;
    border-radius: 100%;
    background: #007cc2;
    width: 3.125vw;
    vertical-align: middle;
}
.contactMain .contactList .list .title_ {
    padding-top: 1.041666666666667vw;
    padding-bottom: 1.302083333333333vw;
    font-size: 1.145833vw;
    color: #333333;
    font-weight: 600;
}
.contactMain .contactList .list .desc {
    font-size: 1.041667vw;
    line-height: 1.5;
    color: #333333;
}
.contactMain .contactList .list::after {
    content: '';
    right: 0px;
    top: 10px;
    width: 2px;
    height: 80px;
    background: #cccccc;
    position: absolute;
}
.contactMain .contactList .list:last-child:after {
    display: none;
}
.contactMain .title {
    text-align: center;
    padding-bottom: 1.458333333333333vw;
}
.contactMain .intro {
    text-align: center;
    font-size: 1.041667vw;
    color: #4C505F;
    line-height: 1.55;
}
.map_ {
    position: relative;
}
.map_ .commonMain {
    position: absolute;
    bottom: 4.166666666666667vw;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
}
.map_ .commonMain dl {
    background: #fff;
    border-left: 0.15625vw solid #fb3c2e;
    display: flex;
    align-items: center;
    padding: 1.458333333333333vw 2.083333333333333vw 1.458333333333333vw 3.125vw;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.map_ .commonMain dl dd:nth-child(1) img {
    width: 2.083333333333333vw;
}
.map_ .commonMain dl dd:nth-child(2) {
    margin: 0 1.875vw;
    flex: 1;
    font-size: 1.25vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}
.map_ .commonMain dl dd:nth-child(3) {
    width: 7.291666666666667vw;
    background: #fb3c2e;
    border-radius: 1.041666666666667vw;
    padding: 0.5208333333333333vw;
    text-align: center;
}
.map_ .commonMain dl dd:nth-child(3) a {
    color: #FFFFFF;
    font-size: 0.8333333333333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.map_ .commonMain dl dd:nth-child(3) img {
    width: 1.041666666666667vw;
    margin-right: 0.5208333333333333vw;
}
@media(max-width:992px) {
    .map_ .commonMain dl dd:nth-child(3) a {
        font-size: 12px;
    }
    .contactMain {
        padding: 5.208333333333333vw 0;
    }
    .contactMain .intro {
        font-size: 14px;
        text-align: left;
    }
    .contactMain .contactList .list {
        width: 100%;
        margin-top: 20px;
    }
    .contactMain .contactList .list::after {
        display: none;
    }
    .contactMain .contactList .list .icon img {
        width: 35px;
    }
    .contactMain .contactList .list .title_ {
        font-size: 16px;
        padding: 8px 0 15px;
    }
    .contactMain .contactList .list .desc {
        font-size: 14px;
    }
    .map_ .commonMain dl {
        flex-wrap: wrap;
        padding: 20px;
        border-left: 2px solid #fb3c2e;
    }
    .map_>img {
        height: 300px;
        object-fit: cover;
    }
    .map_ .commonMain dl dd:nth-child(2) {
        font-size: 13px;
    }
    .map_ .commonMain dl dd:nth-child(1) img {
        width: 20px;
    }
    .map_ .commonMain dl dd:nth-child(3) {
        width: 100%;
        margin-top: 20px;
        padding: 8px 0;
    }
    .map_ .commonMain dl dd:nth-child(3) img {
        width: 15px;
        margin-right: 10px;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .ImgBox img {
        height: 300px;
        object-fit: cover;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList .solutionDevelopmentListContent {
        right: 30px;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentList {
        padding: 0 !important;
        margin: 0;
    }
}
.recruit {
    padding: 5.208333333333333vw 0;
}
.recruit .title {
    padding: 0 0 2.083333333333333vw 0;
    text-align: center;
}
.recruit .input_ {
    border: 0.0520833333333333vw solid #535353;
    display: flex;
    justify-content: center;
    border-radius: 0.2604166666666667vw;
    width: max-content;
    margin: auto;
    position: relative;
}
.recruit .input_.icon-sousuo:before {
    position: absolute;
    top: 50%;
    left: 1.041666666666667vw;
    font-size: 0.7291666666666667vw;
    color: #A3A3A3;
    transform: translateY(-50%);
}
.recruit .input_ input {
    padding: 0.5208333333333333vw 0 0.5208333333333333vw 2.395833vw;
    font-size: 0.7291666666666667vw;
    width: 24.58333333333333vw;
}
.recruit input::-webkit-input-placeholder {
    color: #B5B5B6;
}
.recruit input:-moz-placeholder {
    color: #B5B5B6;
}
.recruit input::-moz-placeholder {
    color: #B5B5B6;
}
.recruit input:-ms-input-placeholder {
    color: #B5B5B6;
}
.recruit .input_ .button {
    width: 3.59375vw;
    background: #434343;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8333333333333333vw;
    color: #FFFFFF;
    cursor: pointer;
}
.recruit .main_page .pageMain {
    padding: 4.6875vw 0vw 0vw !important;
    background: #FFFFFF;
}
.screen {
    padding: 5.208333333333333vw 0 0;
    margin-top: 3.125vw;
    border-top: 0.0520833333333333vw solid #DCDCDC;
}
.screen .screen_title {
    font-size: 1.875vw;
    font-weight: bold;
    color: #333333;
    line-height: 1;
}
.screen .columns {
    margin-top: 2.604166666666667vw;
    justify-content: space-between;
}
.screen .columns .column:nth-child(1) {
    width: 16.45833333333333vw;
}
.screen .columns .column dt {
    padding: 1.25vw 0;
    position: relative;
    font-size: 1.041666666666667vw;
    color: #333333;
    line-height: 1;
    border-bottom: 0.0520833333333333vw solid #DCDCDC;
}
.screen .columns .column dt::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.3645833333333333vw;
    transform: rotateZ(90deg);
    width: 0.1041666666666667vw;
    height: 0.8333333333333333vw;
    background: #626262;
    transition: .5s;
    opacity: 0;
}
.screen .columns .column dt::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.8333333333333333vw;
    height: 0.1041666666666667vw;
    background: #626262;
    transition: .5s;
}
.screen .columns .column dt.on::after {
    transform: translateY(-50%);
    transition: .5s;
    opacity: 1;
}
.screen .columns .column dl {
    padding: 0.2604166666666667vw 0 0.8333333333333333vw 0;
}
.screen .columns .column dl dd {
    position: relative;
    line-height: 1;
    /* padding: 0 0 0 1.302083333333333vw; */
    margin: 1.302083333333333vw 0 0;
    font-size: 0.8333333333333333vw;
    color: #666666;
}
/* .screen .columns .column dl dd::after{
    position: absolute;
    content: '';
    border-top: 0.2604166666666667vw solid #38383800;
    border-right: 0.3125vw solid #38383800 ;
    border-bottom: 0.2604166666666667vw solid #38383800;
    border-left: 0.3125vw solid;
    color:  #383838;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
} */

.screen .columns .column dl dd a {
    display: flex;
    align-items: center;
}
.screen .columns .column dl dd span:nth-child(1) {
    width: 0.9895833333333333vw;
    height: 0.9895833333333333vw;
    border: 0.0520833333333333vw solid #D2D2D2;
    border-radius: 0.2083333333333333vw;
    margin-right: 1.041666666666667vw;
    display: inline-block;
}
.screen .columns .column:nth-child(2) {
    width: 52.08333333333333vw;
}
.screen .columns .column dl dd.on span {
    color: #fb3c2e;
}
.screen .columns .column dl dd.on::after {
    color: #fb3c2e;
}
.screen .columns .column dl dd.on span:nth-child(1) {
    background: #fb3c2e;
}
/*  */

.screen dl dd a {
    padding-left: 1.822916666666667vw;
}
.screen dl dd {
    position: relative;
}
.screen dl dd a input:checked+span {
    background: #fb3c2e;
    border-color: #fb3c2e;
}
.screen dl dd a input {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    /* visibility: hidden; */
    width: 100%;
    height: 100%;
    z-index: 1;
}
.screen dl dd a span {
    position: absolute;
    width: 19px;
    height: 19px;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    left: 0px;
}
.screen dl dd a input:checked+span::after {
    content: '✔';
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 16px;
    width: 100%;
    text-align: center;
}
@media(min-width:992px) {
    .screen .columns .column dl dd:hover span {
        color: #fb3c2e;
    }
    .screen .columns .column dl dd:hover::after {
        color: #fb3c2e;
    }
    .screen .columns .column dl dd:hover span:nth-child(1) {
        background: #fb3c2e;
    }
}
.screen .columns .column ul li {
    background: #F7F7F7;
    border-radius: 0.78125vw;
    padding: 2.083333333333333vw 3.385416666666667vw;
    margin-bottom: 1.041666666666667vw;
}
.screen .columns .column ul li .Htitle {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.041666666666667vw;
    color: #383838;
}
.screen .columns .column ul li .Htitle span {
    border: 0.0520833333333333vw solid #FF6804;
    border-radius: 0.2083333333333333vw;
    padding: 0.1041666666666667vw 0.3645833333333333vw;
    font-size: 0.625vw;
    color: #FE7012;
    line-height: 1;
    margin-left: 0.78125vw;
}
.screen .columns .column ul li .time {
    font-size: 0.8333333333333333vw;
    font-weight: 400;
    color: rgba(102, 102, 102, 0.8);
    line-height: 1;
    padding: 0.6770833333333333vw 0 1.197916666666667vw;
}
.screen .columns .column ul li .time span:not(:last-child) {
    padding-right: 0.5208333333333333vw;
    margin-right: 0.5208333333333333vw;
    border-right: 0.0520833333333333vw solid rgba(102, 102, 102, 0.8);
    line-height: 1;
    display: inline-block;
}
.screen .columns .column ul li .intro {
    font-size: 0.8333333333333333vw;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 0.9);
    line-height: 1.55;
}
.tanchuang button, .tanchuang_ button, .screen .columns .column ul li button {
    width: 6.25vw;
    background: #fb3c2e;
    border-radius: 1.041666666666667vw;
    margin: 1.354166666666667vw 0 0;
    text-align: center;
    padding: 0.6770833333333333vw;
    line-height: 1;
    font-size: 0.7291666666666667vw;
    color: #fff;
}
.tanchuang, .tanchuang_ {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 30%);
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.tanchuang.on, .tanchuang_.on {
    visibility: unset;
    opacity: 1;
    transition: .5s;
}
.deliver {
    width: 55.36458333333333vw;
    background: #FFFFFF;
    border-radius: 1.041666666666667vw;
    padding: 4.166666666666667vw 2.8125vw 4.166666666666667vw 4.6875vw;
}
.deliver .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.deliver .title img {
    width: 0.8333333333333333vw;
    cursor: pointer;
}
.deliver .Stitle {
    color: rgba(118, 118, 118, .5);
    width: 40.625vw;
    border-bottom: 1px solid rgba(225, 225, 225, 1);
    padding-bottom: 1.5625vw;
    /* margin-bottom: 2.083333333333333vw; */
}
.deliver .Stitle span {
    color: #535353;
    font-size: 0.78125vw;
}
.deliver .Stitle span:nth-child(1) {
    padding: 0 1.197916666666667vw;
    background: url('../images/10.jpg') no-repeat left / 0.78125vw;
}
.deliver .Stitle span:nth-child(2) {
    padding: 0 0.5208333333333333vw;
}
.deliver .intro {
    padding: 2.083333333333333vw 4.5% 0.5208333333333333vw 0;
    margin-right: 0.3125vw;
    font-size: 0.9375vw;
    color: #666666;
    max-height: 14.84375vw;
    overflow: auto;
    position: relative;
}
.deliver i {
    width: 0.4166666666666667vw;
    height: 0.4166666666666667vw;
    background: #fb3c2e;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: 0.1302083333333333vw;
}
.deliver .intro .condition {
    font-size: 0.9375vw;
    font-weight: 600;
    color: #333333;
    line-height: 1;
    margin-bottom: 1.302083333333333vw;
    padding: 0;
}
.deliver .intro::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #DFDFDF;
}
.deliver .intro::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #DFDFDF;
}
.deliver .intro::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background-color: #fb3c2e;
}
@media(max-width:992px) {
    .deliver {
        width: 95%;
        padding: 20px 15px;
    }
    .deliver .Stitle {
        width: 80%;
    }
    .deliver .title img {
        width: 12px;
    }
    .deliver .Stitle span:nth-child(1) {
        padding: 0 15px;
        background: url(../images/10.jpg) no-repeat left / 12px;
    }
    .deliver .Stitle span:nth-child(2) {
        padding: 0 8px;
    }
    .deliver .Stitle span {
        font-size: 12px;
    }
    .deliver .intro {
        max-height: 250px;
        font-size: 12px;
        margin: 10px 0px;
    }
    .deliver .intro .condition {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .deliver i {
        width: 4px;
        height: 4px;
        margin-right: -1px;
        margin-bottom: -10px;
    }
    .screen .columns .column ul li button {
        width: 100px;
        padding: 10px 0;
        font-size: 12px;
        margin-top: 15px;
    }
    .tanchuang button, .tanchuang_ button {
        width: 100px;
        padding: 10px 0;
        font-size: 12px;
        margin-top: 15px;
    }
    .recruit .input_ input {
        padding: 5px 5px 5px 20px;
        font-size: 12px;
        width: 250px;
    }
    .recruit .input_.icon-sousuo:before {
        font-size: 12px;
    }
    .recruit .input_ .button {
        width: unset;
        padding: 0 10px;
        font-size: 12px;
    }
    .screen .columns {
        flex-wrap: wrap;
    }
    .screen .columns .column:nth-child(2) {
        width: 100%;
    }
    .screen .columns .column ul li {
        border-radius: 0.78125vw;
        padding: 15px;
        margin-bottom: 15px;
    }
    .screen .columns .column ul li .Htitle {
        font-size: 16px;
    }
    .screen .columns .column ul li .Htitle span {
        font-size: 12px;
        border-radius: 3px;
        padding: 1px 3px;
        line-height: unset;
        margin-left: 10px;
    }
    .screen .columns .column ul li .time {
        padding: 12px 0;
        font-size: 12px;
    }
    .screen .columns .column ul li .time span:not(:last-child) {
        padding-right: 5px;
        margin-right: 5px;
    }
    .screen .columns .column ul li .intro {
        font-size: 12px;
        line-height: 2;
    }
    .screen .screen_title {
        font-size: 20px;
    }
    .screen .columns .column dt {
        font-size: 14px;
        width: 45%;
    }
    .screen .columns .column dl dd {
        font-size: 12px;
        margin: 18px 0 0;
        padding: 0 0 0 20px;
        width: 33.33%;
    }
    .screen .columns .column:nth-child(1) {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        position: relative;
    }
    .screen .columns .column dl {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
    }
    .screen .columns .column dl dd span:nth-child(1) {
        width: 12px;
        height: 12px;
        border: 1px solid #D2D2D2;
        border-radius: 2px;
        margin-right: 10px;
    }
    .screen .columns .column dl dd::after {
        border-top: 5px solid #38383800;
        border-right: 5px solid #38383800;
        border-bottom: 5px solid #38383800;
        border-left: 5px solid;
    }
    .screen .columns .column dt::after {
        width: 1px;
        height: 12px;
        right: 5px;
        opacity: 1;
        transform: translateY(-50%);
        transition: .5s;
        opacity: 1;
    }
    .screen .columns .column dt::before {
        width: 12px;
        height: 1px;
    }
    .screen .columns .column dt.on::after {
        opacity: 0;
        transform: rotateZ(90deg);
        opacity: 0;
    }
}
.join {
    padding: 5.208333333333333vw 0;
}
.join .JoinFuyuan {
    padding-bottom: 5.208333333333333vw;
}
.join .JoinFuyuan .title {
    padding-bottom: 3.125vw;
    text-align: center;
}
.join .JoinFuyuan ul {
    display: flex;
}
.join .JoinFuyuan ul li {
    width: 33.33%;
    position: relative;
}
.join .JoinFuyuan ul li .list img {
    width: auto;
    height: 3.90625vw;
    margin-bottom: 1.5625vw;
}
.join .JoinFuyuan ul li .text {
    font-size: 1.5625vw;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1;
}
.join .JoinFuyuan ul li .list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.join .JoinFuyuan ul li .image {
    overflow: hidden;
}
.join .JoinFuyuan ul li .image img {
    transition: .5s;
}
.join .JoinFuyuan ul li:hover .image img {
    transform: scale(1.05);
    transition: .5s;
}
.join .culture ul {
    margin-right: -1.041666666666667vw;
    margin-left: -1.041666666666667vw;
}
.join .culture ul li {
    margin: 0 1.041666666666667vw;
}
.join .culture ul li .image {
    border-radius: 0.78125vw;
    overflow: hidden;
}
.join .culture ul li .image img {
    transition: .5s;
}
.join .culture ul li:hover .image img {
    transform: scale(1.05);
    transition: .5s;
}
.join .culture .columns .intro {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #4C505F;
    line-height: 1.55;
    padding: 1.5625vw 0 0;
}
.join .culture ul {
    margin-top: 3.125vw;
}
.join .culture ul li .text {
    font-size: 1.25vw;
    color: #333333;
    padding: 1.5625vw 0 0;
}
.join .culture .columns {
    align-items: center;
    justify-content: space-between;
}
.join .culture .jiantou {
    display: flex;
}
.join .culture .jiantou a {
    width: 3.072916666666667vw;
    height: 3.072916666666667vw;
    display: block;
    margin-left: 1.041666666666667vw;
}
.join .culture .jiantou a:nth-child(1) {
    background: url('../images/15.jpg') no-repeat center / 3.072916666666667vw;
}
.join .culture .jiantou a:nth-child(2) {
    background: url('../images/15.jpg') no-repeat center / 3.072916666666667vw;
    transform: rotate(180deg);
}
.join .culture .jiantou a:nth-child(1):hover {
    transform: rotate(180deg);
    background: url('../images/16.jpg') no-repeat center / 3.072916666666667vw;
}
.join .culture .jiantou a:nth-child(2):hover {
    background: url('../images/16.jpg') no-repeat center / 3.072916666666667vw;
    transform: rotate(0deg);
}
.join .culture ul .slick-dots {
    text-align: center;
}
.join .culture ul .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
    background: #000000;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    opacity: .2;
}
.join .culture ul .slick-dots li button {
    font-size: 0;
}
.join .culture ul ul li.slick-active {
    background: #fb3c2e;
    opacity: 1;
}
.welfare {
    position: relative;
}
.welfare .image {
    display: flex;
}
.welfare .image img {
    width: 50%;
}
.welfare .list {
    position: absolute;
    top: 6.25vw;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}
.welfare .title {
    padding-bottom: 2.083333333333333vw;
    color: #FFFFFF;
}
.welfare .list p {
    font-size: 0.9375vw;
    font-weight: 300;
    color: rgb(255 255 255 / 60%);
    line-height: 1.7;
}
.welfare .list p span {
    color: rgb(255 255 255 / 100%);
    width: 14px;
    display: inline-block;
}
.TeamStyle {
    padding: 5.208333333333333vw 0;
}
.TeamStyle .title {
    text-align: center;
    padding: 0 0 1.302083333333333vw;
}
.TeamStyle .commonMain>.intro {
    font-size: 0.9375vw;
    text-align: center;
    margin-bottom: 3.125vw;
}
.TeamStyle ul {
    margin: -2.083333333333333vw -1.041666666666667vw;
}
.TeamStyle ul li img {
    transition: .5s;
}
.TeamStyle ul li:hover img {
    transform: scale(1.05);
    transition: .5s;
}
.TeamStyle ul .slick-slide>div {
    margin: 2.083333333333333vw 1.041666666666667vw;
    border-radius: 15px;
    overflow: hidden;
}
.TeamStyle ul .slick-dots {
    text-align: center;
    margin-top: 15px;
}
.TeamStyle ul .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
    background: #000000;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    opacity: .2;
}
.TeamStyle ul .slick-dots li button {
    font-size: 0;
}
.TeamStyle ul ul li.slick-active {
    background: #fb3c2e;
    opacity: 1;
}
.tanchuang .Dr {
    width: 55.36458333333333vw;
    background: #FFFFFF;
    border-radius: 1.041666666666667vw;
    padding: 3.125vw 2.8125vw 5.989583333333333vw 2.083333333333333vw;
}
.Dr .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.5625vw;
}
.Dr .title img {
    width: 0.8333333333333333vw;
    cursor: pointer;
}
.Dr .intro {
    font-size: 0.9375vw;
    font-weight: 300;
    color: #383838;
    line-height: 1.8;
}
.Dr .Stitle {
    color: rgba(118, 118, 118, .5);
    padding: 1.041666666666667vw 0 1.302083333333333vw 0;
}
.Dr .Stitle span {
    color: #535353;
    font-size: 0.78125vw;
}
.Dr .Stitle span:nth-child(1) {
    padding: 0 1.197916666666667vw;
    background: url('../images/10.jpg') no-repeat left / 0.78125vw;
}
.Dr .Stitle span:nth-child(2) {
    padding: 0 0.5208333333333333vw;
}
.Dr ul {
    display: flex;
    flex-wrap: wrap;
    margin: 2.083333333333333vw 0;
    height: 27.08333333333333vw;
    overflow-y: auto;
    margin-bottom: -2.083333333333333vw;
}
.Dr ul::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #fff;
}
.Dr .intro_ {
    padding-top: 2.083333333333333vw;
    z-index: 1;
    position: relative;
    background: #fff;
}
.Dr ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #fff;
}
.Dr ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background-color: #ccc;
}
.Dr ul li {
    width: 22.91666666666667vw;
    padding: 2.083333333333333vw 1.5625vw 2.083333333333333vw 2.083333333333333vw;
    margin: 0 2.083333333333333vw 2.083333333333333vw 0;
    background: #F7F7F7;
    border-radius: 0.78125vw;
}
.Dr ul li:not(:last-child(2n)) {
    margin: 0 0 2.083333333333333vw 0;
}
.Dr ul li .Htitle {
    font-size: 1.041666666666667vw;
    font-weight: 400;
    color: #333333;
}
.Dr ul li .Hintro {
    font-size: 0.8333333333333333vw;
    font-weight: 400;
    color: #666666;
    line-height: 1.55;
}
.Dr .condition {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #333333;
    line-height: 1;
    padding-bottom: 1.041666666666667vw;
}
.Dr .intro_ p {
    font-size: 0.8333333333333333vw;
    font-weight: 300;
    color: #666666;
    line-height: 1;
}
@media(max-width:992px) {
    .welfare .list p {
        font-size: 12px;
    }
    .join .JoinFuyuan ul li .list img {
        height: 25px;
        margin-bottom: 10px;
    }
    .join .JoinFuyuan ul li .text {
        font-size: 16px;
    }
    .join .culture .columns .intro {
        font-size: 12px;
        line-height: 2;
    }
    .join .culture ul li .text {
        font-size: 14px;
        padding: 11px 0 0;
    }
    .join .culture .jiantou {
        display: none;
    }
    .welfare .image {
        display: block;
    }
    .welfare .image img {
        width: 100%;
    }
    .tanchuang .Dr {
        width: 95%;
        padding: 20px;
    }
    .Dr .title img {
        width: 12px;
        cursor: pointer;
    }
    .Dr ul li {
        width: 100%;
        padding: 15px;
        margin: 10px 0 15px;
    }
    .Dr ul {
        margin: 0 0 15px;
        min-height: 200px;
        padding: 0;
    }
    .Dr .intro {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .Dr ul li .Htitle {
        font-size: 16px;
    }
    .Dr .Stitle {
        padding: 5px 0;
    }
    .Dr .title img {
        width: 12px;
    }
    .Dr .Stitle span:nth-child(1) {
        padding: 0 15px;
        background: url('../images/10.jpg') no-repeat left / 12px;
    }
    .Dr .Stitle span:nth-child(2) {
        padding: 0 8px;
    }
    .Dr .Stitle span {
        font-size: 12px;
    }
    .Dr ul li .Hintro {
        font-size: 14px;
        line-height: 1.8;
    }
    .Dr .condition {
        font-size: 14px;
        padding: 5px 0 15px;
    }
    .Dr .intro_ p {
        font-size: 13px;
    }
    .TeamStyle .intro {
        font-size: 12px !important;
        line-height: 1.8;
    }
}
.about {
    padding: 2.125vw 0;
}
.about .columns .image {
    width: 36.458333vw;
}
.about .columns .column {
    width: 100%;
    padding-left: 1.958333333333333vw;
    padding-top: 1.5625vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about .columns .column .intro {
    padding: 2.083333333333333vw 0 3.645833333333333vw;
    font-size: .9375vw;
    /* font-weight: 300; */
    color: #4C505F;
    line-height: 1.75;
    /* text-align: center; */
}
.about .columns .column dl {
    display: flex;
    justify-content: space-between;
}
.about .columns .column dl dd span {
    font-size: 3.541666666666667vw;
    font-weight: 400;
    color: #fb3c2e;
    line-height: 1;
}
.about .columns .column dl dd span:nth-child(2) {
    color: #333333;
}
.about .columns .column dl dd .text {
    padding-top: 1.041666666666667vw;
    font-size: 0.9375vw;
    font-weight: 400;
    color: #333333;
}
.culture_ {
    background: url('../images/21.jpg') no-repeat center / 100vw;
    background-size: cover;
    padding: 5.208333333333333vw 0;
}
.culture_ .title {
    text-align: center;
    padding: 0 0 1.5625vw;
}
.culture_ ul {
    display: flex;
    flex-wrap: wrap;
}
.culture_ ul li {
    padding: 2.34375vw 2.604166666666667vw 2.34375vw 3.125vw;
    background: #FFFFFF;
    border-radius: 1.041666666666667vw;
    width: calc(50% - (1.5625vw / 2));
    margin: 1.5625vw 1.5625vw 0 0;
    display: flex;
}
.culture_ ul li:hover {
    box-shadow: 0 0 20px -15px;
    background: #f1f8ff;
}
.culture_ ul li:nth-child(2n) {
    margin: 1.5625vw 0 0 0;
}
.culture_ ul li .image {
    min-width: 2.239583333333333vw;
    margin-right: 2.083333333333333vw;
}
.culture_ ul li .Htitle {
    font-size: 1.458333333333333vw;
    font-weight: 400;
    color: #131313;
    padding-bottom: 1.302083333333333vw;
}
.culture_ ul li .intro {
    font-size: 0.8333333333333333vw;
    font-weight: 400;
    color: #383838;
    line-height: 1.55;
}
.honor {
    padding: 5.208333333333333vw 0;
    background: url('../images/35.jpg') no-repeat center;
    background-size: cover;
}
.honor .title {
    text-align: center;
    padding: 0 0 2.5625vw;
}
/* @media(min-width:992px){
    .honor dl .image{
        perspective: 150px;
        position: relative;
        opacity: 0;
        transition: 1s;
    }
    .honor dl .image>div{
        transition: 1.5s;
    }
    .honor dl .image:nth-child(8)>div,
    .honor dl .image:nth-child(9)>div,
    .honor dl .image:nth-child(10)>div{
        transform: rotateY(15deg);
        margin: 0px -10vw 0px 0px;
    }
    .honor dl .image:nth-child(11){
        z-index: 10;
    }
    .honor dl .image:nth-child(11)>div{
        transform: rotateY(0deg);
        margin: 0px -5vw;
    }
    .honor dl .image:nth-child(12){
        z-index: 9;
    }
    .honor dl .image:nth-child(13){
        z-index: 8;
    }
    .honor dl .image:nth-child(14){
        z-index: 7;
    }
    .honor dl .image:nth-child(12)>div,
    .honor dl .image:nth-child(13)>div,
    .honor dl .image:nth-child(14)>div{
        transform: rotateY(-15deg);
        margin: 0px 0px 0px -10vw;
    }
    .honor dl .image img{
        transition: 1.5s;
    }
    .honor dl .image:nth-child(8) img{
        transform:translateX(-20px) scale(.533);
    }
    .honor dl .image:nth-child(9) img{
        transform:translateX(-30px) scale(.566);
    }
    .honor dl .image:nth-child(10) img{
        transform:translateX(-40px) scale(.600);
    }
    .honor dl .image:nth-child(11) img{
        transform:translateX(0px) scale(.7);
    }
    .honor dl .image:nth-child(12) img{
        transform:translateX(40px) scale(.600);
    }
    .honor dl .image:nth-child(13) img{
        transform:translateX(30px) scale(.566);
    }
    .honor dl .image:nth-child(14) img{
        transform:translateX(20px) scale(.533);
    }
} */

@media(min-width:992px) {
    .honor dl .image {
        perspective: 150px;
        position: relative;
        opacity: 0;
        transition: 2s;
    }
    .honor dl .image>div {
        transition: 2s;
    }
    .honor dl .image[data-slick-index="0"]>div, .honor dl .image[data-slick-index="1"]>div, .honor dl .image[data-slick-index="2"]>div, .honor dl .image[data-slick-index="3"]>div, .honor dl .image[data-slick-index="4"]>div, .honor dl .image[data-slick-index="5"]>div {
        transform: rotateY(15deg);
        margin: 0px -10vw 0px 0px;
    }
    .honor dl .image[data-slick-index="6"] {
        z-index: 10;
    }
    .honor dl .image[data-slick-index="6"]>div {
        transform: rotateY(0deg);
        margin: 0px -5vw;
    }
    .honor dl .image[data-slick-index="7"] {
        z-index: 9;
    }
    .honor dl .image[data-slick-index="8"] {
        z-index: 8;
    }
    .honor dl .image[data-slick-index="9"] {
        z-index: 7;
    }
    .honor dl .image[data-slick-index="10"] {
        z-index: 6;
    }
    .honor dl .image[data-slick-index="11"] {
        z-index: 5;
    }
    .honor dl .image[data-slick-index="12"] {
        z-index: 4;
    }
    .honor dl .image[data-slick-index="7"]>div, .honor dl .image[data-slick-index="8"]>div, .honor dl .image[data-slick-index="9"]>div, .honor dl .image[data-slick-index="10"]>div, .honor dl .image[data-slick-index="11"]>div, .honor dl .image[data-slick-index="11"]>div, .honor dl .image[data-slick-index="12"]>div {
        transform: rotateY(-15deg);
        margin: 0px 0px 0px -10vw;
    }
    .honor dl .image img {
        transition: 1.5s;
        -ms-transition: 1.5s;
    }
    .honor dl .image[data-slick-index="0"] img {
        transform: translateX(-10px) scale(.533);
    }
    .honor dl .image[data-slick-index="1"] img {
        transform: translateX(-20px) scale(.533);
    }
    .honor dl .image[data-slick-index="2"] img {
        transform: translateX(-30px) scale(.533);
    }
    .honor dl .image[data-slick-index="3"] img {
        transform: translateX(-40px) scale(.533);
    }
    .honor dl .image[data-slick-index="4"] img {
        transform: translateX(-50px) scale(.533);
    }
    .honor dl .image[data-slick-index="5"] img {
        transform: translateX(-60px) scale(.533);
    }
    .honor dl .image[data-slick-index="6"] img {
        transform: translateX(0px) scale(.7);
    }
    .honor dl .image[data-slick-index="7"] img {
        transform: translateX(60px) scale(.533);
    }
    .honor dl .image[data-slick-index="8"] img {
        transform: translateX(50px) scale(.533);
    }
    .honor dl .image[data-slick-index="9"] img {
        transform: translateX(40px) scale(.533);
    }
    .honor dl .image[data-slick-index="10"] img {
        transform: translateX(30px) scale(.533);
    }
    .honor dl .image[data-slick-index="11"] img {
        transform: translateX(20px) scale(.533);
    }
    .honor dl .image[data-slick-index="12"] img {
        transform: translateX(10px) scale(.533);
    }
}
.honor dl .slick-active {
    opacity: 1;
    transition: 1s;
}
.honor dl .slick-dots {
    text-align: center;
}
.honor dl .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
    background: #000000;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    opacity: .2;
}
.honor dl .slick-dots li button {
    font-size: 0;
}
.honor dl ul li.slick-active {
    background: #fb3c2e;
    opacity: 1;
}
.honor dl .slick-dots {
    justify-content: center;
    padding-top: 30px;
    margin-top: 0;
}
/* .honor dl .slick-list {
    overflow: unset;
    overflow-x: clip;
} */

.honor ul {
    display: flex;
}
@media(min-width:992px) {
    .honor .commonMain>ul {
        align-items: flex-end;
        margin-top: 1.166667vw;
    }
    .honor ul .image:nth-child(1), .honor ul .image:nth-child(3) {
        margin-right: -14vw;
    }
    .honor ul .image:nth-child(2) {
        margin-right: -12vw;
    }
    .honor ul .image:nth-child(5) {
        z-index: -1;
        margin-left: -14vw;
    }
    .honor ul .image:nth-child(6) {
        margin-left: -12vw;
        z-index: -2;
    }
    .honor ul .image:nth-child(7) {
        z-index: -3;
        margin-left: -14vw;
    }
}
.honor ul .slick-dots {
    text-align: center;
}
.honor ul .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
    background: #000000;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    opacity: .2;
}
.honor ul .slick-dots li button {
    font-size: 0;
}
.honor ul ul li.slick-active {
    background: #fb3c2e;
    opacity: 1;
}
@media(max-width:992px) {
    .honor dl {
        position: relative;
        padding: 0 40px;
    }
    .honor dl button.slick-prev {
        width: 35px;
        height: 35px;
        border: 2px solid #fb3c2e;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 9;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(181deg);
    }
    .honor dl button.slick-prev::after {
        content: '';
        display: block;
        width: 13px;
        height: 13px;
        border-top: 2px solid #fb3c2e;
        border-right: 2px solid #fb3c2e;
        transform: rotate(45deg);
        margin-left: -5px;
    }
    .honor dl button.slick-next {
        width: 35px;
        height: 35px;
        border: 2px solid #fb3c2e;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 9;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .honor dl button.slick-next::after {
        content: '';
        display: block;
        width: 13px;
        height: 13px;
        border-top: 2px solid #fb3c2e;
        border-right: 2px solid #fb3c2e;
        transform: rotate(45deg);
        margin-left: -5px;
    }
    .zheng .swiper-button-prev {
        width: 35px;
        height: 35px;
        border: 1px solid #fb3c2e;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 9;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(181deg);
        background: unset !important;
    }
    #certify .swiper-slide, #certify {
        padding: 0 0px;
    }
    .zheng .swiper-button-prev::after {
        content: '';
        display: block;
        width: 13px;
        height: 13px;
        border-top: 2px solid #fb3c2e;
        border-right: 2px solid #fb3c2e;
        transform: rotate(45deg);
        margin-left: -5px;
    }
    .zheng .swiper-button-next {
        width: 35px;
        height: 35px;
        border: 1px solid #fb3c2e;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 9;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: unset !important;
    }
    .zheng .swiper-button-next::after {
        content: '';
        display: block;
        width: 13px;
        height: 13px;
        border-top: 2px solid #fb3c2e;
        border-right: 2px solid #fb3c2e;
        transform: rotate(45deg);
        margin-left: -5px;
    }
}
.society {
    padding: 5.208333333333333vw 0;
    background: #f8f8f8;
    padding-bottom: 6.25vw;
}
.society .title {
    padding-bottom: 3.125vw;
    text-align: center;
}
.society ul {
    display: flex;
    flex-wrap: wrap;
}
.society.TeamStyle ul {
    display: block;
}
.society ul li {
    flex-wrap: wrap;
    border-radius: 0.78125vw;
    width: calc(33% - (1vw / 2));
    overflow: hidden;
}
.society ul li a>div {
    padding: 1.5625vw 1.041666666666667vw;
    background: #fff;
    width: 100%;
}
.society ul li .Htitle {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.7291666666666667vw;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.society ul li .intro {
    font-size: 0.7291666666666667vw;
    font-weight: 400;
    color: #1C2B33;
    line-height: 1.55;
    opacity: 0.6;
}
.society ul li:not(:nth-child(3n)) {
    margin-right: 1vw;
}
.society.TeamStyle ul li:not(:nth-child(3n)) {
    margin-right: 0vw;
}
.society ul li:hover .Htitle {
    color: #fb3c2e;
}
.course {
    background: url('../images/22.jpg');
    position: relative;
    padding: 9.895833333333333vw 0 15.625vw;
}
.course::after {
    position: absolute;
    left: 0;
    bottom: 2.604166666666667vw;
    content: '';
    width: 100%;
    height: 4.6875vw;
    background: url('../images/23.png') no-repeat center / 100vw;
}
/* .course .image {
    width: 8.333333333333333vw;
    padding-top: 147px;
} */

.course .image {
    width: 16.66666666666667vw;
    margin-right: 2.083333333333333vw;
    padding-top: 0;
}
.course ul {
    /* padding: 0 12.5vw 0 6.25vw ; */
}
.course ul li>div:nth-child(2) {
    display: none;
}
.course ul li.slick-active>div:nth-child(2) {
    display: block;
}
/* .course ul .slick-list{
    padding: 0 33.33333333333333vw !important;
} */

.course ul li {
    /* justify-content: center; */
    display: flex !important;
}
.course ul li.slick-active {
    justify-content: unset;
}
.course ul li .Htitle {
    font-size: 3.125vw;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.395833333333333vw;
    padding: 2.083333333333333vw 0;
    margin-bottom: 2.083333333333333vw;
    position: relative;
}
.course ul li .Htitle::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.822916666666667vw;
    height: 0.1041666666666667vw;
    background: #FFFFFF;
}
.course ul li .intro {
    font-size: 1.041666666666667vw;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.55;
    opacity: 0.8;
}
.course dl dd a {
    opacity: 0.3;
    color: #FFFFFF;
    font-size: 1.041666666666667vw;
}
.course .time {
    position: absolute;
    bottom: 0.78125vw;
    width: 100%;
}
.course .time dl {
    height: 150px;
}
.course .time dl div, .course .time dl dd, .course .time dl a {
    height: 100%;
}
.course .time dl .slick-center a {
    margin-top: 48px;
    display: block;
}
.course .time .slick-initialized .slick-slide {
    text-align: center;
}
.course .Left {
    width: 8.333333333333333vw;
    display: block;
    padding-top: 7.65625vw;
}
.course .right {
    width: 8.333333333333333vw;
    display: block;
    padding-top: 7.65625vw;
}
.course .licheng {
    padding: 0 12.5vw 0 6.25vw;
    display: flex;
}
.course ul {
    width: 64.58333333333333vw;
    overflow: hidden;
    padding-left: 18.80208333333333vw;
}
.about_main2 {
    position: relative
}
.about_main2 .bg_img img {
    width: 100%
}
.about_main2 .aboutMain2Swiper {
    position: absolute;
    left: 0;
    right: 0;
    top: 9.896vw
}
.about_main2 .aboutMain2Swiper .block .left_box {
    width: 56.63717%
}
.about_main2 .aboutMain2Swiper .block .left_box .picture_container {
    padding-top: 137.5%
}
.about_main2 .aboutMain2Swiper .block .txt_box {
    color: #fff;
    padding-top: 2.083vw;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-left: 2.083vw
}
.about_main2 .aboutMain2Swiper .block .txt_box .time {
    font-size: 3.125vw;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.208vw
}
.about_main2 .aboutMain2Swiper .block .txt_box .icon {
    width: 1.823vw;
    height: 2px;
    margin-top: 2.083vw;
    background-color: #ffffff
}
.about_main2 .aboutMain2Swiper .block .txt_box .abstract {
    opacity: 0.8;
    font-size: 1.042vw;
    margin-top: 1.823vw;
    line-height: -webkit-calc(24 / 20);
    line-height: calc(24 / 20)
}
.about_main2 .aboutMain2Swiper .swiper-slide {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.about_main2 .aboutMain2Swiper .swiper-slide-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.about_main2 .aboutMain2Swiper .swiper-slide-active .txt_box {
    opacity: 1
}
.about_main2 .bottom_box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 7.292vw
}
.about_main2 .bottom_box .bg_icon img {
    width: 100%
}
.about_main2 .bottom_box .block {
    text-align: center;
    height: 100%;
    margin-top: -0.781vw
}
.about_main2 .bottom_box .block .time {
    color: #fff
}
.about_main2 .bottom_box .block .icon {
    width: 1.302vw;
    height: 1.302vw;
    opacity: 0.3;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    margin-top: 1.042vw;
    border: 2px solid #ffffff
}
.about_main2 .bottom_box .block .icon:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.417vw;
    height: 0.417vw;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.about_main2 .bottom_box .swiper-slide-prev .block {
    margin-top: -1.302vw
}
.about_main2 .bottom_box .swiper-slide-next .block {
    margin-top: 1.042vw
}
.about_main2 .bottom_box .swiper-slide-active .block .time {
    font-size: 1.563vw;
    font-weight: bold;
    line-height: 2.396vw;
    letter-spacing: -1px
}
.about_main2 .bottom_box .swiper-slide-active .block .icon {
    display: none
}
.about_main2 .bottom_box .aboutMain2TagSwiper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.flex {
    display: flex;
}
.picture_container {
    position: relative;
    overflow: hidden;
    background: none;
}
.picture_container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.flex_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex_wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex_row_center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex_row_start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.flex_row_end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.flex_row_justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.flex_column_center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.flex_column_start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.flex_column_end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.flex_rank_1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}
.flex_rank_2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}
@media(max-width:992px) {
    .society ul li a>div:nth-child(2) {
        padding: 18px 25px;
    }
    .society ul li .image {
        max-height: 150px;
    }
    .society ul li {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .society ul li:not(:nth-child(4n)) {
        margin-right: unset;
    }
    .society ul li:not(:nth-child(2n)) {
        margin-right: 0;
    }
    .society ul li>div:nth-child(2) {
        padding: 15px;
    }
    .society ul li .Htitle {
        white-space: unset;
        line-height: 1.5;
        font-size: 15px;
        line-height: 45px;
        min-height: 45px;
    }
    .society ul li .intro {
        font-size: 14px;
    }
    .culture_ ul li {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 15px;
    }
    .culture_ ul li:nth-child(2n) {
        margin: 0 0 15px 0;
    }
    .culture_ ul li .image {
        min-width: 30px;
        width: 30px;
        margin-right: 10px;
    }
    .culture_ ul li .Htitle {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .culture_ .title {
        padding-bottom: 11px;
    }
    .society ul li .image img {
        transform: scale(1.05);
    }
    .society ul li:hover .image img {
        transform: scale(1.1);
    }
    .culture_ ul li .intro {
        font-size: 12px;
        line-height: 1.8;
    }
    .about .columns {
        display: block;
    }
    .about .columns .image {
        width: 100%;
    }
    .about .columns .column {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .about .columns .column .intro {
        font-size: 14px;
    }
    .about .columns .column dl dd span {
        font-size: 20px;
        line-height: 2;
    }
    .about .columns .column dl dd .text {
        font-size: 12px;
    }
    .honor dl {
        flex-wrap: wrap;
    }
    .honor dl .image:nth-child(4) {
        display: none;
    }
    .honor dl .image {
        width: 33.33%;
        margin: 0;
    }
    .honor dl .image img {
        height: 300px;
        object-fit: contain;
    }
    .honor ul {
        display: block;
        margin: 0px 0;
    }
    .course ul {
        padding: 0;
        width: 100%;
    }
    .course .Left, .course .right {
        display: none;
    }
    .course .image {
        width: 180px;
    }
    .course ul li .Htitle {
        font-size: 28px;
        line-height: 1.5;
    }
    .course ul li .Htitle::after {
        width: 30px;
        height: 2px;
    }
    .course ul li .intro {
        font-size: 14px;
    }
    .course .licheng {
        padding: 0 20px;
    }
    .about_main2 {
        padding: 40px 0
    }
    .about_main2 .bottom_box .swiper-slide-next .block {
        margin-top: 0
    }
    .about_main2 .bottom_box .swiper-slide-active .block .icon {
        opacity: 1
    }
    .about_main2 .bottom_box .swiper-slide-active .block .icon {
        display: block
    }
    .about_main2 .bottom_box .block .icon {
        width: 15px;
        height: 15px;
        margin-top: 10px
    }
    .about_main2 .bottom_box .block .icon:after {
        width: 5px;
        height: 5px
    }
    .about_main2 .bottom_box .block {
        margin-top: 0
    }
    .about_main2 .bottom_box {
        height: 100px
    }
    .about_main2 .bottom_box .bg_icon {
        display: none
    }
    .about_main2 .aboutMain2Swiper .swiper-slide {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    .about_main2 .aboutMain2Swiper {
        position: static;
        margin: 0 15px
    }
    .about_main2 .bottom_box {
        position: static;
        margin-top: 20px;
        height: auto
    }
    .about_main2 .bottom_box .aboutMain2TagSwiper {
        position: static
    }
    .about_main2 .bg_img {
        display: none
    }
    .about_main2 {
        background-image: url('../images/about_bg1.jpg');
        -webkit-background-size: cover;
        background-size: cover
    }
    .about_main2 .aboutMain2Swiper .block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }
    .about_main2 .aboutMain2Swiper .block .txt_box {
        width: 100%;
        margin-top: 10px
    }
    .about_main2 .aboutMain2Swiper .block .txt_box .time {
        font-size: 18px
    }
    .about_main2 .aboutMain2Swiper .block .txt_box .abstract {
        font-size: 14px
    }
    .about_main2 .aboutMain2Swiper .block .txt_box .icon {
        display: none
    }
    .about_main2 .aboutMain2Swiper .block .left_box {
        margin: 0 auto
    }
    .about_main2 .bottom_box .swiper-slide-prev .block {
        margin-top: 0
    }
    .about_main2 .bottom_box .swiper-slide .block .time {
        font-size: 14px;
        line-height: 20px
    }
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .title {
    padding-bottom: 1.458333333333333vw;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .intro {
    font-size: 0.9375vw;
    font-weight: normal;
    color: #4C505F;
    line-height: 1.55;
    text-align: center;
    padding-bottom: 3.90625vw;
}
.module_PiAPAY2yHzH3 .solutionDevelopmentBox .solutionDevelopmentClass {
    max-width: 860px;
    margin: auto;
}
.hhproducts .subPageBanner .subPageBannerText h4 {
    padding: 1.302083333333333vw 0 0;
    font-size: 1.5625vw;
    font-weight: 100;
    color: #FFFFFF;
    line-height: 1;
}
.solutionsContent .solutionListMain .solutionListBox .list {
    width: 100%;
    display: flex;
    flex-direction: unset;
}
.solutionsContent .solutionListMain .solutionListBox .list .imgBox {
    width: 50%;
}
.solutionsContent .solutionListMain .solutionListBox .list .content {
    width: 50%;
    background: #fff;
    padding: 0 2.604166666666667vw 0 3.645833333333333vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.solutionsContent .solutionListMain .solutionListBox .list .content .subTitle {
    font-size: 1.354166666666667vw;
    font-weight: 400;
    color: #333333;
    line-height: 1;
    margin-bottom: 1.145833333333333vw;
    height: auto;
    flex: unset;
    width: 100%;
}
.solutionsContent .solutionListMain .solutionListBox .list .content .intro {
    font-size: 0.9375vw;
    font-weight: 400;
    color: #666666;
    line-height: 1.7;
}
.solutionsContent .solutionListMain .solutionListBox .list .content .SeeMore-intro {
    width: 6.770833333333333vw;
    background: linear-gradient(17deg, #fb3c2e, #2462D2);
    border-radius: 1.041666666666667vw;
    padding: 0.4166666666666667vw 0;
    font-size: 0.7291666666666667vw;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1;
    border: 0px solid #666666;
    margin: 2.864583333333333vw 0 0.5208333333333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.solutionsContent .solutionListMain .solutionListBox .list .content .SeeMore-intro span {
    padding-right: 0.5208333333333333vw;
    padding-left: 0;
}
@media(max-width:992px) {
    .module_ftbiJYwDa5nK .solutionCaseMain .title {
        display: none;
    }
    .module_ftbiJYwDa5nK .solutionCaseMain .solutionCaseList .list:nth-child(1) {
        padding: 0;
    }
    .hhproducts .subPageBanner .subPageBannerText h4 {
        font-size: 12px;
        text-align: center;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .title {
        padding-bottom: 10px;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .intro {
        font-size: 12px;
        text-align: left;
    }
    .module_PiAPAY2yHzH3 .solutionDevelopmentBox .intro br {
        display: none;
    }
    .solutionsContent .solutionListMain .solutionListBox .list .imgBox {
        padding-top: 60%;
        width: 100%;
    }
    .solutionsContent .solutionListMain .solutionListBox .list .content {
        width: 100%;
        padding: 26px 20px;
    }
    .solutionsContent .solutionListMain .solutionListBox .list .content .subTitle {
        font-size: 16px;
    }
    .solutionsContent .solutionListMain .solutionListBox .list {
        display: block;
    }
    .solutionsContent .solutionListMain .solutionListBox .list:not(:last-child) {
        margin-bottom: 20px;
    }
    .solutionsContent .solutionListMain .solutionListBox .list .content .intro {
        font-size: 12px;
    }
}
/* 头部样式 */

@media(min-width:992px) {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        box-shadow: 0rem -0.02rem 0.02rem rgba(255, 255, 255, 0.1) inset;
        backdrop-filter: blur(0.12rem);
        background-color: rgb(255 255 255 / 85%);
    }
}
html {
    --vi-color: #fb3c2e;
    --title-color: #272727;
    --text-color: #4c505f;
    --content-Wdith-1200: 77.0833vw;
    --bigTitle-fontSize-1200: 2.3958vw;
    --bigTitle-lineheight-1200: 2.9167vw;
    --smallTitle-fontsize-1200: 1.5625vw;
    --smallTitle-lineheight-1200: 1.8229vw;
    --padding-1200: 5.7292vw 0vw;
    --text-fontsize-1200: 0.9375vw;
    --text-lineheight-1200: 1.4583vw;
    --content-Wdith-768: 81.25vw;
    --bigTitle-fontSize-768: 2.875vw;
    --bigTitle-lineheight-768: 3.5vw;
    --smallTitle-fontsize-768: 1.875vw;
    --smallTitle-lineheight-768: 2.1875vw;
    --padding-768: 6.875vw 0vw;
    --text-fontsize-768: 1.125vw;
    --text-lineheight-768: 1.75vw;
    --content-Wdith: 100%;
    --bigTitle-fontSize: 20px;
    --bigTitle-lineheight: 30px;
    --smallTitle-fontsize: 16px;
    --smallTitle-lineheight: 23px;
    --text-fontsize: 14px;
    --text-lineheight: 24px;
    --padding: 35px 0px;
    --padding_40: 0 40px;
    --padding_100: 5.208333333333333vw 0;
}
body {
    padding-top: 60px !important;
    position: relative;
    -webkit-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -moz-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    left: 0px;
}
.hhbarcode {
    position: relative;
    z-index: 99;
}
.hhbarcode .header {
    background: #ffffff;
    box-shadow: 0px 1px 2px #ccc;
    height: 60px;
    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;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    -webkit-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -moz-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    left: 0px;
    z-index: 99;
}
.hhbarcode .header .commonMain {
    max-width: 100%;
    width: 100%;
    margin: 0px auto;
    padding: 0px 2.604166vw;
    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;
}
.hhbarcode .header .logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.hhbarcode .header .logo img {
    height: 32px;
}
.hhbarcode .header .navBox {
    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;
}
.hhbarcode .header .navBox .navList {
    background: #FAFAFA;
    display: none;
    position: fixed;
    width: 260px;
    right: -260px;
    top: 0px;
    bottom: 0px;
    padding: 50px 0px 0px;
    overflow-y: auto;
    -webkit-transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -moz-transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.hhbarcode .header .navBox .navList .list {
    position: relative;
    border-top: 1px solid #eff1f3;
}
.hhbarcode .header .navBox .navList .list h3 a {
    padding: 0px 25px;
    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;
    line-height: 50px;
    font-size: 14px;
    position: relative;
    color: #333;
}
.hhbarcode .header .navBox .navList .list h3 a::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 1px solid #D8D8D8;
    margin-right: 15px;
}
.hhbarcode .header .navBox .navList .list.cur {
    background: #fff;
}
.hhbarcode .header .navBox .navList .list.cur h3 a::before {
    background: #666;
    border-color: #666;
}
.hhbarcode .header .navBox .navList .closeNavText a {
    visibility: hidden;
}
.hhbarcode .header .haderOther {
    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-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.hhbarcode .header .haderOther .login {
    margin-left: 15px;
}
.hhbarcode .header .haderOther .login .loginBtn {
    display: block;
    width: 21px;
    color: #fb3c2e;
    font-size: 21px;
}
.hhbarcode .header .haderOther .login .user {
    display: none;
    font-size: 14px;
}
.hhbarcode .header .haderOther .searchBox {
    margin-left: 15px;
    position: relative;
}
.hhbarcode .header .haderOther .searchBox .searchBtn {
    display: block;
    width: 21px;
    color: #fb3c2e;
    font-size: 21px;
}
.hhbarcode .header .haderOther .navbtn {
    width: 26px;
    color: #fb3c2e;
    position: relative;
    cursor: pointer;
    margin-left: 15px;
    font-size: 26px;
}
.hhbarcode .header .searchformMain {
    position: fixed;
    left: 0px;
    top: 80px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99;
}
.hhbarcode .header .searchformMain .searchform {
    background: #fff;
    padding: 10px 0px 30px;
    position: relative;
    z-index: 99;
    -webkit-transition: opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    -o-transition: opacity .8s cubic-bezier(.2, 1, .3, 1), -o-transform .8s cubic-bezier(.2, 1, .3, 1);
    -moz-transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1), -moz-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1), -moz-transform .8s cubic-bezier(.2, 1, .3, 1), -o-transform .8s cubic-bezier(.2, 1, .3, 1);
    opacity: 0;
    -webkit-transform: translate3d(0px, -100%, 1px);
    -moz-transform: translate3d(0px, -100%, 1px);
    transform: translate3d(0px, -100%, 1px);
}
.hhbarcode .header .searchformMain .searchform form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1080px;
    margin: 0px auto;
    border-bottom: 2px solid #595959;
    width: 100%;
    padding: 20px 0px;
    position: relative;
}
.hhbarcode .header .searchformMain .searchform form input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0px 15px;
    font-size: 14px;
    color: #333;
    line-height: inherit;
    vertical-align: middle;
}
.hhbarcode .header .searchformMain .searchform form button {
    left: 0px;
    font-size: 20px;
    height: 100%;
    top: 0px;
    background: none;
    border: none;
    cursor: pointer;
}
.hhbarcode .header .searchformMain .searchform form .closeSearch {
    cursor: pointer;
    right: 0px;
    top: 0px;
    height: 100%;
    font-size: 20px;
    color: #333;
}
.hhbarcode .header .searchformMain .search_mask {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.hhbarcode .header .searchformMain.admission .searchform {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}
.hhbarcode .admissionheader {
    left: -260px;
}
.hhbarcode .admissionheader .navBox .navList {
    right: 0px;
}
.hideScroll {
    overflow: hidden;
}
.admissionBody {
    left: -260px;
}
.hhbarcode .header .navBox .navList .list .subNavBtn {
    position: absolute;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -moz-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45%;
    height: 50px;
    top: 0px;
    right: 0px;
    padding-right: 25px;
}
.hhbarcode .header .navBox .navList .list .subNavBtn i {
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
}
.hhbarcode .header .navBox .navList .list .subNavBtn i::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #474747;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1px;
}
.hhbarcode .header .navBox .navList .list .subNavBtn i::before {
    content: '';
    width: 2px;
    height: 100%;
    background: #474747;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -1px;
    -webkit-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -moz-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.hhbarcode .header .navBox .navList .list .subNavMain {
    display: none;
}
.hhbarcode .header .navBox .navList .list .subNavMain .threeNavBox {
    display: none;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavList {
    position: relative;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavList>a {
    padding: 15px 25px;
    border-top: 1px solid #EBEBEB;
    background: #f6f6f6;
    display: block;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavList>a::before {
    margin-right: 10px;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavList .mThreeNav {
    display: none;
}
.hhbarcode .header .navBox .navList .list.active h3 {
    background: #ebebeb;
}
.hhbarcode .header .navBox .navList .list.active h3 a::before {
    background: #666;
    border-color: #666;
}
.hhbarcode .header .navBox .navList .list.active .subNavBtn i::before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn {
    position: absolute;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -moz-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40%;
    height: 45px;
    top: 0px;
    right: 0px;
    padding-right: 25px;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i {
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #474747;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1px;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::before {
    content: '';
    width: 2px;
    height: 100%;
    background: #474747;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -1px;
    -webkit-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -moz-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a {
    display: block;
    padding: 15px 50px;
    border-top: 1px solid #EBEBEB;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a::before {
    margin-right: 10px;
}
.hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList.active1 .threeNavBtn i::before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media (min-width:768px) {
    .hhbarcode .header .searchformMain .searchform {
        padding: 0.625vw 0vw 3.125vw;
    }
    .hhbarcode .header .searchformMain .searchform form {
        padding: 2.8125vw 0vw;
    }
    .hhbarcode .header .searchformMain .searchform form input {
        margin: 0vw 1.875vw;
        font-size: 1.125vw;
    }
    .hhbarcode .header .searchformMain .searchform form button {
        font-size: 1.5vw;
    }
    .hhbarcode .header .searchformMain .searchform form .closeSearch {
        font-size: 1.5vw;
    }
    .hhbarcode .header .searchformMain .search_mask {
        background: rgba(0, 0, 0, 0);
    }
}
@media (min-width:992px) {
    body {
        padding-top: 5.208333vw !important;
    }
    .hhbarcode .header {
        height: 5.208333vw;
        position: relative;
        background: #ffffff;
        box-shadow: 0px 1px 2px #ccc;
    }
    .hhbarcode .header .logo img {
        height: 3.125vw;
    }
    .hhbarcode .header .haderOther .navbtn {
        display: none;
    }
    .hhbarcode .header .navBox .navList {
        padding: 0vw;
        width: auto;
        right: 0vw;
        background: none;
        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;
        position: relative;
        padding: 0vw;
        position: relative;
        overflow: visible;
        top: 0vw;
    }
    .hhbarcode .header .navBox .navList .list {
        margin-left: 2.6042vw;
        padding: 0vw;
        border-top: none;
    }
    .hhbarcode .header .navBox .navList .list h3 a {
        /* line-height: 6.25vw; */
        font-size: 1.041666vw;
        padding: 0vw;
    }
    .hhbarcode .header .navBox .navList .list h3 a::before {
        display: none;
    }
    /* .hhbarcode .header .navBox .navList .list h3 a::after{bottom: 0vw; width: 0vw; height: 0.1042vw; background: #fb3c2e; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; position: absolute; -webkit-transition: .6s ease; -o-transition: .6s ease; -moz-transition: .6s ease; transition: .6s ease;} */
    .hhbarcode .header .navBox .navList .list.cur {
        background: none;
    }
    .hhbarcode .header .navBox .navList .list.cur h3 a {
        color: #fb3c2e;
    }
    .hhbarcode .header .navBox .navList .list.cur h3 a::after {
        width: 100%;
    }
    .hhbarcode .header .navBox .navList .list:hover h3 a {
        color: #fb3c2e;
    }
    .hhbarcode .header .navBox .navList .list:hover h3 a::after {
        width: 100%;
    }
    .hhbarcode .header .navBox .navList .list:first-child {
        margin-left: 0vw;
    }
    .hhbarcode .header .navBox .navList .closeNavText {
        display: none;
    }
    .hhbarcode .header .haderOther .login {
        margin-left: 3.125vw;
    }
    .hhbarcode .header .haderOther .searchBox {
        margin-left: 1.5625vw;
    }
    .hhbarcode .header .haderOther .login .user {
        font-size: 0.8854vw;
    }
    .hhbarcode .header .searchformMain .searchform {
        padding: 0.5208vw 0vw 2.6042vw;
    }
    .hhbarcode .header .searchformMain .searchform form {
        padding: 2.3438vw 0vw;
    }
    .hhbarcode .header .searchformMain .searchform form input {
        margin: 0vw 1.5625vw;
        font-size: 0.9375vw;
    }
    .hhbarcode .header .searchformMain .searchform form button {
        font-size: 1.25vw;
    }
    .hhbarcode .header .searchformMain .searchform form .closeSearch {
        font-size: 1.25vw;
    }
    .hhbarcode .header .haderOther .login .loginBtn {
        width: 1.0938vw;
        font-size: 1.0938vw;
    }
    .hhbarcode .header .haderOther .login .user {
        font-size: 0.7292vw;
    }
    .hhbarcode .header .haderOther .searchBox {
        margin-left: 0.7813vw;
        font-size: 16px;
    }
    .hhbarcode .header .haderOther .searchBox .searchBtn {
        width: 1.0938vw;
        font-size: 1.0938vw;
    }
    .hhbarcode .header .navBox .navList .list .subNavBtn {
        display: none;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain {
        position: absolute;
        min-width: 100%;
        left: -2.0833vw;
        overflow: hidden;
        max-height: 0vw;
        display: block;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        background: #f9f9f9;
        white-space: nowrap;
        border-radius: 0vw 0vw 0.5208vw 0.5208vw;
        overflow: hidden;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav {
        min-width: 13.5417vw;
        padding: 1.2vw 0vw;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a {
        display: block;
        background: none;
        border: none;
        line-height: 2.0833vw;
        font-size: 0.8333vw;
        padding: 0vw 2.0833vw;
        position: relative;
    }
    /* .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList > a:hover::after{content: ''; border-right: 0.4167vw solid transparent;border-top: 0.4167vw solid #fb3c2e; position: absolute; left: 0vw; top: 0vw;} */
    /* .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList > a:hover{background: #e3e3e7;} */
    /* .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1 > a::after{content: ''; border-right: 0.4167vw solid transparent;border-top: 0.4167vw solid #fb3c2e; position: absolute; left: 0vw; top: 0vw;} */
    /* .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1 > a{background: #e3e3e7;} */
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .threeNavBtn {
        display: none;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav {
        display: none;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox {
        display: block;
        padding: 1.5625vw 0vw;
        position: relative;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox::before {
        content: '';
        width: 0.0521vw;
        height: 100%;
        position: absolute;
        left: 0vw;
        top: 0vw;
        background: #eae9f1;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav {
        min-width: 13.5417vw;
        display: none;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a {
        display: block;
        line-height: 2.0833vw;
        padding: 0vw 2.0833vw;
        font-size: 0.8333vw;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a:hover {
        background: #e3e3e7;
    }
    .hhbarcode .header .navBox .navList .list:hover .subNavMain {
        max-height: 52.0833vw;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #fafafa;
        -webkit-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        -moz-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavList>a::before {
        display: none;
    }
}
.hhbarcode .header .logo img {
    width: auto;
}
@media(max-width:992px) {
    .technology .headline {
        font-size: 24px;
        color: #000;
        line-height: 1;
        padding: 0 0 20px;
        text-align: center;
    }
    .technology ul li {
        overflow: hidden;
        border-radius: 4vw;
        box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.2);
    }
    .technology ul {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 3vw;
    }
    .hhbarcode .header .haderOther .searchBox .searchBtn, .hhbarcode .header .haderOther .navbtn {
        color: #272727;
    }
    html {
        --padding_40: 0 20px;
        --padding_100: 35px 0;
    }
    .hhbarcode .header .searchformMain {
        position: fixed;
        left: 0px;
        top: 60px;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 99;
    }
}
@media(min-width:992px) {
    .hhbarcode .header .navBox .navList .list, .hhbarcode .header .navBox .navList {
        position: static;
    }
    .hhbarcode .header {
        position: relative;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain {
        left: 0;
        top: 100%;
        /*background: rgb(255 255 255 / 97%);*/
        background: #fff;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox {
        width: 72.916666vw;
        margin: auto;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox {
        background: transparent;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavList {
        min-width: calc(33.33% - (15.625vw / 3));
        width: calc(33.33% - (15.625vw / 3));
    }
    /* 
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavList:not(:nth-child(3n)) {
       margin-right: 7.8125vw;
    }
   */
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a {
        line-height: 1;
        padding: 0.6vw 0 5px 0;
        margin-bottom: 1vw;
        border-bottom: 1px solid #DDDDDD;
        font-size: 1vw;
        font-weight: 400;
        color: #000000;
        background-repeat: no-repeat !important;
        background-position: left !important;
        background-size: 1.302083333333333vw !important;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav {
        display: flex;
        flex-wrap: wrap;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a {
        padding: 0.2vw;
        margin-bottom: 0.78125vw;
        border-top: 0px solid #EBEBEB;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 1;
        width: 55%;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        /* padding: 0 1.041667vw 0 0; */
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a:nth-child(2n) {
        width: 45%;
        /* padding: 0; */
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a:hover {
        color: #fb3c2e;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a.on {
        color: #fb3c2e;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav>dl {
        width: 11.25vw;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav>dl:not(:last-child) {
        margin-right: 2.291666666666667vw;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover {
        background: transparent;
        color: #fb3c2e;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a.on {
        color: #fb3c2e;
    }
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover::after {
        display: none;
    }
    .hhbarcode .header .navBox .navList .list h3 a {
        line-height: 5.208333vw;
    }
    /* 10-16 */
    .hhbarcode .header .navBox .navList .list:nth-child(1) {
        display: none;
    }
    .hhbarcode .header .navBox .navList .list:nth-child(2) .subNavMain .subNavList:nth-child(2n) {
        margin-right: 0;
    }
    .hhbarcode .header .navBox .navList .list:nth-child(2) .subNavMain .subNavList {
        width: calc(50% - (7.9125vw / 2));
    }
    .hhbarcode .header .navBox .navList .list:nth-child(3) .subNavMain .subNavList {
        width: calc(50% - (7.9125vw / 2));
    }
    .hhbarcode .header .navBox .navList .list:nth-child(2) .subNavMain .subNavBox .subNavList .mThreeNav a {
        width: 33.33%;
    }
    .hhbarcode .header .navBox .navList .list:nth-child(3) .subNavMain .subNavBox .subNavList .mThreeNav a {
        width: 33.33%;
    }
    /*
    .hhbarcode .header .navBox .navList .list:nth-child(2) .subNavMain .subNavBox .subNavList:nth-child(3) .mThreeNav a {
        width: 50%;
    }
    .hhbarcode .header .navBox .navList .list:nth-child(3) .subNavMain .subNavList:not(:nth-child(3n)) {
        margin-right: 1.5vw;
    } 
    .hhbarcode .header .navBox .navList .list:nth-child(3) .subNavMain .subNavList {
        width: calc(33.33% - (5.625vw / 3));
    }
    */
}
@media(max-width:992px) {
    .hhbarcode .header .navBox .navList .list .subNavMain .subNavList>a {
        background: #f6f6f6 !important;
    }
}
/* 荣誉资质 */

#certify {
    position: relative;
    width: 72.91666666666667vw;
    /* margin: 0 auto */
}
#certify .swiper-container {
    padding-bottom: 10px;
}
#certify .swiper-slide {
    width: 520px;
    /* min-height: 486px; */
    /* background: #fff;
    box-shadow: 0 8px 30px #ddd; */
}
#certify .swiper-slide img {
    width: 27.08333333333333vw;
    margin: 20px auto;
    display: block;
    /* box-shadow: 0 0 20px #666; */
}
#certify .swiper-pagination {
    width: 100%;
    bottom: 0px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
    background-color: #CCCCCC;
    width: 8px;
    height: 8px;
    opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    /* border: 1px solid #1d2088; */
    background-color: #fb3c2e;
}
@media(min-width:992px) {
    #certify .swiper-button-prev {
        left: -30px;
        width: 45px;
        height: 45px;
        background: url(../images/15.jpgg) no-repeat;
        background-position: 0 0;
        background-size: 100%;
        display: none;
    }
    #certify .swiper-button-next {
        right: -30px;
        width: 45px;
        height: 45px;
        background: url(../images/15.jpg) no-repeat;
        background-size: 100%;
        display: none;
    }
}
/* #certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
} */

@media(max-width:992px) {
    #certify .swiper-pagination {
        display: none;
    }
    #certify .swiper-slide, #certify {
        width: 100%;
    }
    #certify .swiper-slide img {
        width: 100%;
    }
    #certify .swiper-container {
        padding-bottom: 0;
        padding: 0 40px;
    }
    #certify .swiper-slide img {
        opacity: 0;
    }
    #certify .swiper-slide-active img {
        opacity: 1;
    }
}
/* 6-19 */

.Ltitle2 {
    text-align: center
}
.Ltitle2 h5 {
    font-size: 2.5vw;
    color: #595757;
    font-family: albb95;
    line-height: 1
}
.Ltitle2 .t {
    font-size: 0.833vw;
    line-height: 1.563vw;
    width: 51.042vw;
    margin: 1.563vw auto 0;
    max-width: 100%
}
.Ltitle2.W h5 {
    color: #fff
}
.Ltitle2.W .t {
    color: #fff;
    opacity: 0.8
}
.About5 {
    padding: 5.208vw 0 5.729vw;
    background-image: url('../images/86.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover
}
.About5 .Ltitle2 .t {
    text-align: left;
    font-size: 0.833vw
}
.About5 .con {
    margin-top: 4.271vw
}
.About5 .con .About5TabBar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.302vw;
    border-bottom: 0.104vw solid #e5e5e5;
    position: relative
}
.About5 .con .About5TabBar .tabTerm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    cursor: pointer
}
.About5 .con .About5TabBar .tabTerm .year {
    font-size: 1.563vw;
    color: #fff;
    font-family: albb95;
    line-height: 1
}
.About5 .con .About5TabBar .tabTerm .t {
    font-size: 0.833vw;
    color: #fff;
    margin-top: 0.156vw;
    font-family: albb95
}
.About5 .con .About5TabBar .tabTerm.active .year, .About5 .con .About5TabBar .tabTerm.active .t {
    color: #0e70b9
}
.About5 .con .About5TabBar .tabTerm:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 2.083vw;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    left: 0
}
.About5 .con .About5TabBar i {
    width: 33.33%;
    height: 0.104vw;
    background-color: #0e70b9;
    position: absolute;
    left: 0;
    bottom: -0.104vw
}
.About5 .con .About5_swiper1 {
    margin-top: 5.208vw
}
.About5 .con .About5_swiper1 .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.About5 .con .About5_swiper1 .swiper-slide .left {
    width: 44.44444%;
    padding: 3% 0 0px;
}
.About5 .con .About5_swiper1 .swiper-slide .left .year {
    font-size: 2.5vw;
    color: #fff;
    font-family: albb95;
    line-height: 1
}
.About5 .con .About5_swiper1 .swiper-slide .left .t {
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #fff;
    margin-top: 1.563vw
}
.About5 .con .About5_swiper1 .swiper-slide .right {
    width: 55.55556%
}
.About5 .con .About5_swiper1 .swiper-slide .right .li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.979vw 4.427vw 1.302vw 0;
    border-bottom: 1px solid #ededed;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative
}
.About5 .con .About5_swiper1 .swiper-slide .right .li .data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25.375%;
    padding: 0 1.198vw 0 2.083vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.About5 .con .About5_swiper1 .swiper-slide .right .li .data .year {
    font-size: 1.25vw;
    color: #fff;
    font-family: albb95
}
.About5 .con .About5_swiper1 .swiper-slide .right .li .data .month {
    font-size: 0.833vw;
    font-family: albb95;
    color: #fff
}
.About5 .con .About5_swiper1 .swiper-slide .right .li .text {
    font-size: .9375vw;
    color: #fff;
    line-height: 1.563vw;
    width: 74.375%
}
.About5 .con .About5_swiper1 .swiper-slide .right .li::before {
    content: "";
    width: 0;
    height: 1px;
    background-color: #0e70b9;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}
.About5 .con .About5_swiper1 .swiper-slide .right .li:hover, .About5 .con .About5_swiper1 .swiper-slide .right .li.active {
    background-color: rgba(255, 255, 255, 0.3);
    border-bottom-color: transparent
}
.About5 .con .About5_swiper1 .swiper-slide .right .li:hover::before, .About5 .con .About5_swiper1 .swiper-slide .right .li.active::before {
    width: 8.333vw
}
@media (max-width: 992px) {
    .About5 {
        padding: 30px 0
    }
    .About5 .con {
        margin-top: 30px
    }
    .About5 .con .About5TabBar {
        padding-bottom: 20px
    }
    .About5 .con .About5TabBar .tabTerm .year {
        font-size: 24px
    }
    .About5 .con .About5TabBar .tabTerm .t {
        font-size: 14px
    }
    .About5 .con .About5TabBar .tabTerm:not(:first-child)::before {
        height: 30px
    }
    .About5 .con .About5_swiper1 {
        margin-top: 40px
    }
    .About5 .con .About5_swiper1 .swiper-slide .left {
        width: 44.44444%
    }
    .About5 .con .About5_swiper1 .swiper-slide .left .year {
        font-size: 30px
    }
    .About5 .con .About5_swiper1 .swiper-slide .left .t {
        font-size: 18px;
        line-height: 22px;
        margin-top: 20px
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li {
        padding: 20px 20px 20px 0
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li .data {
        padding: 0 15px 0 20px
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li .data .year {
        font-size: 18px
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li .data .month {
        font-size: 14px
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li .text {
        font-size: 14px;
        line-height: 22px
    }
    .Ltitle2 h5 {
        font-size: 32px;
    }
}
@media (max-width: 765px) {
    .About5 .Ltitle2 .t {
        text-align: left
    }
    .About5 .con {
        margin-top: 20px
    }
    .About5 .con .About5TabBar .tabTerm .year {
        font-size: 20px
    }
    .About5 .con .About5TabBar .tabTerm:not(:first-child)::before {
        height: 25px
    }
    .About5 .con .About5_swiper1 {
        margin-top: 30px
    }
    .About5 .con .About5_swiper1 .swiper-slide {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .About5 .con .About5_swiper1 .swiper-slide .left {
        width: 100%;
        padding: 10% 0 0px;
    }
    .About5 .con .About5_swiper1 .swiper-slide:nth-child(1) .left {
        padding: 0% 0 0px;
    }
    .About5 .con .About5_swiper1 .swiper-slide .left .year {
        font-size: 24px
    }
    .About5 .con .About5_swiper1 .swiper-slide .left .t {
        font-size: 16px;
        line-height: 22px;
        margin-top: 15px
    }
    .About5 .con .About5_swiper1 .swiper-slide .right {
        width: 100%;
        margin-top: 20px
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li {
        padding: 20px 15px 20px 0
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li .data {
        padding: 0 10px;
        display: block;
        text-align: center
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li .data .year {
        font-size: 16px
    }
    .About5 .con .About5_swiper1 .swiper-slide .right .li .text {
        font-size: 14px;
        line-height: 22px
    }
    .Ltitle2 h5 {
        font-size: 20px !important;
    }
}
@media (max-width: 580px) {
    .About5 .con .About5TabBar .tabTerm .year {
        font-size: 16px;
    }
}
/* 23-7-11 */

.news_content .new-list .newsListMain {
    background: #f7f7f7;
}
.new-list-template .list .item {
    display: block;
    padding: 30px 0;
    border-bottom: 1px dashed #dddddd;
    position: relative;
    z-index: 2;
}
.new-list-template .list .item:before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    display: block;
    z-index: -999;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.new-list-template .list .item:hover .item-l b, .new-list-template .list .item:hover .item-l span {
    color: #fb3c2e;
}
.new-list-template .list .item:hover .item-r h2 {
    color: #fb3c2e;
}
.new-list-template .list .item:hover:before {
    width: 200%;
}
.new-list-template .list .item>div {
    float: left;
}
.new-list-template .list .item .item-l {
    width: 10%;
    position: absolute;
    left: 0;
    top: 40px;
}
.new-list-template .list .item .item-l b {
    display: block;
    font-size: 32px;
    line-height: 1;
    font-weight: normal;
    color: #525252;
}
.new-list-template .list .item .item-l span {
    font-size: 16px;
    color: #929292;
    line-height: 34px;
}
.new-list-template .list .item .item-l span i {
    visibility: hidden;
}
.new-list-template .list .item .item-r {
    width: 100%;
    padding-left: 10%;
}
.new-list-template .list .item .item-r h2 {
    color: #525252;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new-list-template .list .item .item-r p {
    color: #929292;
    font-weight: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-list-template .more {
    text-align: center;
}
.new-list-template .more a {
    display: inline-block;
    padding-left: 190px;
    padding-right: 28px;
    border: 1px solid #fb3c2e;
    line-height: 60px;
    color: #a7a7a7;
    margin-top: 40px;
}
.new-list-template .more a:hover img {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}
.new-list-template .more a img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
@media (max-width: 768px) {
    .new-list-template .list .item .item-l {
        width: 13%;
    }
    .new-list-template .list .item .item-r {
        padding-left: 13%;
    }
}
@media (max-width: 414px) {
    .new-list-template .list .item {
        padding: 20px 0;
    }
    .new-list-template .list .item .item-l {
        width: 100%;
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .new-list-template .list .item .item-l b {
        font-size: 16px;
        color: #929292;
        display: inline;
    }
    .new-list-template .list .item .item-l span i {
        visibility: visible;
    }
    .new-list-template .list .item .item-r {
        width: 100%;
        padding-left: 0;
    }
    .new-list-template .list .item .item-r h2 {
        margin-bottom: 5px;
        font-size: 18px;
    }
    .new-list-template .more a {
        padding-left: 80px;
        line-height: 40px;
    }
}
/* 23-7-29 */

.hoverDesc {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 3;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1
}
.hoverDesc .name1 {
    font-size: 36px;
    width: 36px;
    color: #fb3c2e;
    line-height: 1.2;
    margin-bottom: 20px
}
.hoverDesc .name2 {
    font-size: 24px;
    line-height: 1.2;
    width: 24px;
    margin: 0 auto
}
.hoverDesc .name2:last-child {
    margin-top: 14px
}
.coreValues_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px
}
.coreValues_list .item {
    width: 11.42857%;
    height: 580px;
    border-radius: 15px;
    /* cursor:pointer; */
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden
}
.coreValues_list .item.active {
    width: 63.71429%
}
.coreValues_list .item::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2)
}
.coreValues_list .textDesc {
    position: absolute;
    left: 50px;
    bottom: 30px;
    right: 50px;
    z-index: 3;
    opacity: 0;
    /* -webkit-transition:all 0.5s; */
    -o-transition: all 0.5s;
    /* transition:all 0.5s; */
}
.coreValues_list .textDesc h2 {
    font-size: 24px;
    color: #fb3c2e
}
.coreValues_list .textDesc h2 .span1 {
    font-size: 36px;
    color: #fb3c2e
}
.coreValues_list .textDesc h2 .span2 {
    margin-left: 30px
}
.coreValues_list .textDesc .text {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 18px;
    /* white-space: nowrap */
}
.coreValues_list .item.active .hoverDesc {
    opacity: 0
}
.coreValues_list .item.active .textDesc {
    opacity: 1
}
.bgimg {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
@media (max-width: 992px) {
    .hoverDesc .name1 {
        font-size: 26px;
        width: 26px
    }
    .hoverDesc .name2 {
        font-size: 18px;
        width: 18px
    }
    .coreValues_list {
        margin-top: 30px
    }
    .coreValues_list .textDesc h2 .span1 {
        font-size: 26px
    }
    .coreValues_list .textDesc h2 {
        font-size: 18px
    }
    .coreValues_list .textDesc .text {
        margin-top: 10px;
        white-space: normal
    }
    .coreValues_list .item {
        height: 450px
    }
}
@media (max-width: 580px) {
    .hoverDesc {
        display: none
    }
    .coreValues_list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .coreValues_list .item {
        width: 100% !important;
        height: 250px;
        margin-bottom: 15px
    }
    .coreValues_list .item:last-child {
        margin-bottom: 0
    }
    .hoverDesc {
        display: none
    }
    .coreValues_list .textDesc {
        left: 15px;
        right: 15px;
        bottom: 15px
    }
    .coreValues_list .textDesc h2 {
        font-size: 16px
    }
    .coreValues_list .textDesc h2 .span1 {
        font-size: 20px
    }
    .coreValues_list .textDesc h2 .span2 {
        margin-left: 20px
    }
    .coreValues_list .textDesc .text {
        font-size: 13px;
        line-height: 1.5
    }
    .coreValues_list .textDesc .text br {
        display: none
    }
    .coreValues_list .item .textDesc {
        opacity: 1 !important
    }
}
.newculture_list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 110px;
    margin-bottom: 20px;
    justify-content: center;
}
.newculture_list .item:last-child {
    margin-bottom: 0;
    min-height: initial;
}
.newculture_list .item .left {
    font-size: 1.25vw;
    color: #626262;
    width: 11.979167vw;
    padding-top: 15px;
}
.newculture_list .item:nth-child(odd) .left {
    border-top: 2px solid #fb3c2e;
}
.newculture_list .item:nth-child(even) .left {
    border-top: 2px solid #fbcd00;
}
.newculture_list .item .right {
    width: 34.854167vw;
    max-width: 100%;
    padding-left: 4.6875vw;
}
.newculture_list .item .right .rightbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.newculture_list .item .right .icon {
    width: 1.875vw;
    min-width: 1.875vw;
}
.newculture_list .item .right .icon img {
    width: 100%;
}
.newculture_list .item .right .desc {
    font-size: .9375vw;
    color: #366372;
    line-height: 26px;
    padding-left: 2.083333vw;
}
@media (max-width: 992px) {
    .newculture_list .item .left {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .newculture_main {
        padding: 40px 0;
    }
    .newculture_list .item {
        display: block;
        min-height: initial;
        margin-bottom: 0;
        padding-bottom: 25px;
    }
    .newculture_list .item .right {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
    .newculture_list .item .right .icon {
        width: 25px;
        min-width: 25px;
    }
    .newculture_list .item .left {
        border-width: 1px !important;
        width: 100%;
        font-size: 16px;
        padding-top: 20px;
    }
    .newculture_list .item .right .desc {
        font-size: 14px;
        line-height: 1.5;
        padding-left: 15px;
        padding-top: 0;
    }
    .newculture_list .item .right .desc br {
        display: none;
    }
    .newculture_list .item:last-child {
        padding-bottom: 0;
    }
}
.amplify:hover .image img {
    transform: scale(1.1);
}
.image {
    text-align: center;
}
.image img {
    transition: .8s;
}
/* 23-8-24 行业动态 */

.tenderList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
}
.tenderList .list {
    width: 100%;
    margin: 15px 0px 0px;
    padding: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image: url(../images/img_70.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #eef3fa;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    background-image: linear-gradient(to bottom, #ffffff, #fafafa);
}
.tenderList .list .listTitle {
    font-size: 12px;
    color: #00397F;
    font-weight: 600;
}
.tenderList .list .listSubTitle {
    margin-top: 10px;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    display: -webkit-box;
    /* height: 44px; */
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.tenderList .list .desc {
    margin-top: 10px;
    font-size: 12px;
    color: #89898d;
    display: -webkit-box;
    height: 54px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.tenderList .list .time {
    margin-top: 10px;
    font-size: 14px;
    color: #a8aab6;
    position: relative;
}
.tenderList .list .time i {
    margin-right: 5px;
    font-size: 18px;
    color: #a01323;
}
.tenderList .list .time .timeText {
    opacity: 1;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    visibility: visible;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.tenderList .list .time .more {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 130px;
    height: 45px;
    font-size: 14px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #a01323;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2084ff), to(#00397F));
    background-image: linear-gradient(to bottom, #2084ff, #00397F);
    opacity: 0;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    visibility: hidden;
}
.tenderList .list:hover .time .timeText {
    opacity: 0;
    visibility: hidden;
}
.tenderList .list:hover .time .more {
    opacity: 1;
    visibility: visible;
}
.tenderList .list:hover {
    -webkit-box-shadow: 0px 15px 20px rgba(57, 57, 57, 0.2);
    box-shadow: 0px 15px 20px rgba(57, 57, 57, 0.2);
}
@media(max-width:992px) {
    /* 
    .tenderList {
        margin: 0vw -0.938vw;
    }
  
    .tenderList .list {
        width: -webkit-calc(50% - 1.875vw);
        width: calc(50% - 1.875vw);
        margin: 1.875vw 0.938vw 0vw;
        padding: 3.75vw 2.5vw 2.5vw;
        -webkit-border-radius: 1.25vw;
        border-radius: 1.25vw;
    }
  
    .tenderList .list .listTitle {
        font-size: 1vw;
    }
  
    .tenderList .list .listSubTitle {
        margin-top: 1.25vw;
        font-size: 1.5vw;
        display: -webkit-box;
        height: 4.15vw;
        line-height: 2.075vw;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
  
    .tenderList .list .desc {
        margin-top: 1.875vw;
        font-size: 0.875vw;
        display: -webkit-box;
        height: 5.85vw;
        line-height: 1.95vw;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
  
    .tenderList .list .time {
        margin-top: 3.75vw;
        font-size: 1vw;
    }
  
    .tenderList .list .time i {
        margin-right: 0.625vw;
        font-size: 1.25vw;
    }
  
    .tenderList .list .time .more {
        width: 8.125vw;
        height: 2.813vw;
        font-size: 0.875vw;
        -webkit-border-radius: 2.813vw;
        border-radius: 2.813vw;
    }
  
    .tenderList .list:hover {
        -webkit-box-shadow: 0vw 0.938vw 1.25vw rgba(57, 57, 57, 0.2);
        box-shadow: 0vw 0.938vw 1.25vw rgba(57, 57, 57, 0.2);
    }
 */
    .industry {
        padding: 15px 0 30px;
    }
}
@media (min-width: 1200px) {
    .tenderList {
        margin: 0vw -0.781vw;
    }
    .tenderList .list {
        width: -webkit-calc(33.333% - 1.563vw);
        width: calc(33.333% - 1.563vw);
        margin: 1.563vw 0.781vw 0vw;
        padding: 3.125vw 2.083vw 2.083vw;
        -webkit-border-radius: 1.042vw;
        border-radius: 1.042vw;
    }
    .tenderList .list .listTitle {
        font-size: 0.833vw;
    }
    .tenderList .list .listSubTitle {
        /* margin-top: 1.042vw;
        font-size: 1.25vw;
        display: -webkit-box;
        height: 3.126vw;
        line-height: 1.563vw;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; */
    }
    .tenderList .list .desc {
        margin-top: 1.563vw;
        font-size: 0.729vw;
        display: -webkit-box;
        height: 4.374vw;
        line-height: 1.458vw;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .tenderList .list .time {
        margin-top: 3.125vw;
        font-size: 0.833vw;
    }
    .tenderList .list .time i {
        margin-right: 0.521vw;
        font-size: 1.042vw;
    }
    .tenderList .list .time .more {
        width: 6.771vw;
        height: 2.344vw;
        font-size: 0.729vw;
        -webkit-border-radius: 2.344vw;
        border-radius: 2.344vw;
    }
    .tenderList .list:hover {
        -webkit-box-shadow: 0vw 0.781vw 1.042vw rgba(57, 57, 57, 0.2);
        box-shadow: 0vw 0.781vw 1.042vw rgba(57, 57, 57, 0.2);
    }
    .industry {
        padding: 4.6875vw 0;
    }
    .technology ul {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 1.5625vw;
    }
    .technology ul li {
        overflow: hidden;
        border-radius: 0.78125vw;
        box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.2);
    }
    .technology .headline {
        font-size: 2.5vw;
        color: #000;
        line-height: 1;
        padding: 0 0 3.125vw;
        text-align: center;
    }
    .imglist ul {
        display: grid;
        grid-template-columns: auto auto auto auto;
        grid-gap: 1.5625vw;
    }
    .imglist ul li {
        overflow: hidden;
        border-radius: 0.78125vw;
        box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.2);
    }
    .imglist ul li img {
        margin: 0;
        cursor: pointer;
    }
}
/* 10-16 */

/*
.technology ul li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
}
.technology ul li:nth-child(4) {
    grid-column-start: 4;
    grid-column-end: 2;
} */

.technology ul li:hover {
    box-shadow: 0 0 4px 0px rgba(251, 60, 46, 0.6);
}
.technology ul li:hover a .list {
    color: #fff;
    background: rgba(251, 60, 46, 0.8);
}
.technology ul li:hover .title {
    font-size: 1.25vw;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
}
.technology ul li a {
    position: relative;
    color: #fff;
    display: block;
}
@media(min-width:992px) {
    .technology ul li a .list {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 15%;
        width: 100%;
        z-index: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0.5vw;
        transition: .5s;
        background: rgba(255, 255, 255, 0.5);
    }
    /*   .technology ul li a:hover .list {
      top: 0;
      transition: .5s;
     
  } */
    .technology .LearnMore {
        font-size: .685417vw;
        opacity: 0;
        transition: .5s;
    }
    .technology .intro {
        font-size: .785417vw;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        padding: 0 0 .520833vw;
    }
    .technology .title {
        font-size: 1.25vw;
        line-height: 1.5;
        font-weight: 500;
        color: #333;
    }
    .technology .Htitle {
        font-size: .9375vw;
        line-height: 1.8;
    }
    .technology ul li a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
    }
    .technology ul li a:hover .LearnMore {
        opacity: 1;
        transition: .5s;
    }
    @media(max-width:992px) {
        .technology ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .technology ul li a .list {
            position: unset;
        }
        .technology ul li a {
            height: 100%;
        }
        .technology ul>li a {
            color: #333333;
        }
        .technology ul>li a::after {
            display: none;
        }
        .technology ul>li a .image {
            height: 255px;
            background: #c5c9cc;
            overflow: hidden;
        }
        .technology ul>li a .image img {
            min-height: 100%;
            object-fit: contain;
        }
        .technology .title {
            font-size: 16px;
            text-align: center;
        }
        .technology ul>li .title {
            color: #333333;
        }
        .technology .Htitle {
            font-size: 16px;
            line-height: 1.5;
        }
        .technology .LearnMore {
            font-size: 15px;
            opacity: 1;
            display: none;
        }
        .technology ul>li a .list {
            padding: 10px 0px 10px;
            height: auto;
        }
        .technology {
            padding: 50px 0 20px;
        }
        .technology .headline {
            font-size: 24px;
            padding: 0 0 20px;
        }
        .technology ul {
            width: 100%;
        }
        .technology ul li {
            position: relative;
        }
        .technology ul dl {
            margin: 0 0 20px;
            width: 100%;
        }
        /* .technology ul dl li{position: relative;} */
        .technology ul dl li a .image, .technology ul dl li a .image img {
            height: 100%;
            object-fit: cover;
        }
        .technology ul dl .intro, .technology ul dl .LearnMore {
            display: none;
        }
        .technology ul dl li a .list {
            padding: 20px 20px 60px;
            position: absolute;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
            height: auto;
            top: unset;
            bottom: 0;
            left: 0;
            z-index: 1;
        }
        .technology ul dl .slick-track {
            display: flex;
        }
        .technology ul ul {
            display: flex;
            justify-content: center;
            font-size: 0;
            position: absolute;
            bottom: 25px;
            z-index: 2;
            width: 100%;
        }
        .technology ul ul li {
            width: 10px;
            height: 10px;
            background: #ffffff00;
            border: 1px solid #fff;
            border-radius: 50px;
        }
        .technology ul ul li.slick-active {
            background: #ffffff;
        }
        /* .technology ul dl li a{position: unset;} */
        .technology ul>li {
            width: calc(50% - 7.5px);
        }
        .technology .intro {
            font-size: 14px;
            display: none;
        }
    }
    @media(max-width:480px) {
        .technology ul>li a .image {
            height: 155px;
        }
    }
    /*  */
    .advantage .proContent .productDetailTabMain {
        background: unset;
        padding: 0;
    }
    .solutionsContent .technology ul li:nth-child(1), .solutionsContent .technology ul li:nth-child(4) {
        grid-column-start: unset;
        grid-column-end: unset;
    }
    @media(min-width:992px) {
        .solutionsContent .technology ul li a {
            height: 100%;
            display: block;
        }
        .solutionsContent .technology ul li a .image {
            height: 100%;
        }
        .solutionsContent .technology ul li a .image img {
            height: 100%;
            object-fit: cover;
        }
    }
    @media(max-width:992px) {
        .solutionsContent .technology {
            padding: 0;
        }
        .solutionsContent .solutionListMain {
            padding: 35px 0 0;
        }
        .solutionsContent .technology ul>li {
            width: 100%;
        }
    }
    /* 2024- 1- 29 兼容IE 10+ */
    @media all and (-ms-high-contrast:none), (-ms-high-contrast: active) {
        /* IE 10+ css */
        .honor dl .image img {
            transform: scale(0.7);
        }
        .support .center .input input {
            line-height: normal;
        }
        .technology ul {
            display: flex;
            flex-wrap: wrap;
        }
        .technology ul li {
            width: calc(33.33% - 1.041667vw);
            margin: 0 1.5625vw 1.5625vw 0;
        }
        .technology ul li:nth-child(3n) {
            margin-right: 0;
        }
        .technology ul li a::after {
            background-color: rgba(0, 0, 0, .1);
        }
        .technology ul li a:hover::after {
            background-color: rgba(0, 0, 0, .15);
        }
        .news_content .newsListMain .newsList .list .imgBox img {
            height: auto;
        }
    }
    @media all and (-ms-high-contrast:none), (-ms-high-contrast: active) {
        .index.technology ul li:nth-child(1), .index.technology ul li:nth-child(4) {
            width: calc(66.66% - 1.041667vw);
        }
        .index.technology ul li:nth-child(2), .index.technology ul li:nth-child(4), .index.technology ul li:nth-child(7) {
            margin-right: 0;
        }
        .index.technology ul li:nth-child(3), .index.technology ul li:nth-child(6) {
            margin-right: 1.5625vw;
        }
    }