@charset "utf-8";

/*鍏叡*/

.location.white a {
    color: #fff;
}

.location.white span {
    filter: brightness(100);
}

.location.white img {
    filter: grayscale(1) brightness(100);
}
.pro-search button img {
    position: initial;
    object-fit: contain;
    width: auto;
    height: auto;
}
.pageBanner {
    display: flex;
    align-items: center;
    background-size: cover !important;
    height: 650px;
    color: #666;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s;
    position: relative;
}

.pageBanner.white {
    color: #fff;
}

.pageBanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.pageBanner .title {
    font-size: 58px;
    width: 90%;
    max-width: 80%;
    padding: 0 20px;
}

.titleWhite {
    color: #fff
}

.titleBlack .title {
    color: #333
}

.pageBanner .summary {
    font-size: 28px;
    text-align: left;
    max-width: 80%;
    padding: 0 20px;
    width: 90%;
    line-height: 1.6;
    margin: 20px auto 0;
}

.resultButton img {
    width: auto;
    height: auto;
    position: inherit;
}

.pageMenu {
    margin: 0 auto;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 100;
}

.pageMenuBox {
    /*max-width: 1360px;*/
    max-width: 80%;
    padding: 0 20px;
    display: flex;
    text-align: center;
    align-items: center;
    /*justify-content: space-between;*/
    margin: auto;
    justify-content: center;
}

.pageMenu .item {
    /*width: 100%;*/
    position: relative;
    padding: 0 20px;
    margin: 0 4%;
}

.pageMenu.aboutMenu .item {
    margin: 0;
}

.pageMenu.aboutMenu .pageMenuBox {
    justify-content: space-between;
}

.pageMenu .item::after {
    content: '';
    width: 0;
    height: 2px;
    bottom: 0;
    position: absolute;
    background: #009c96;
    left: 0;
    transition: all 0.5s;
    right: 0;
    margin: auto;
}

.pageMenu .item:hover::after,
.pageMenu .item.active::after {
    width: 100%;
    transition: all 0.5s;
}

.pageMenu .item:hover,
.pageMenu .item.active {
    font-weight: 600;
}

.pageMenu .item a {
    color: #333;
    font-size: 24px;
    display: block;
    height: 110px;
    line-height: 110px;
}

.pageContainer {
    max-width: 80%;
    padding: 0 20px;
    margin: 80px auto;
    /*overflow: hidden;*/
    width: 90%;
}

.location {
    max-width: 80%;
    padding: 0 20px;
    height: 90px;
    display: flex;
    align-items: center;
    margin: -90px auto 0;
    width: 90%;
    position: relative;
    z-index: 1;
}

.location img {
    filter: grayscale(1);
}

.location.locationWhite img {
    filter: grayscale(1) brightness(100);
}

.location.locationWhite a:hover {
    color: var(--dominant-color)
}

.location img:hover {
    filter: none
}

.location a {
    font-size: 18px;
    color: #a3a3a3;
}

.location a:hover {
    text-decoration: underline;
}

.location.locationWhite a {
    color: #fff;
}

.location span {
    background: url('../images/about02.png') no-repeat center left;
    padding-left: 30px;
    margin-left: 30px;
}

.location.locationWhite span {
    background: url('../images/about02white.png') no-repeat center left;
}

.pageTitle {
    font-size: 48px;
    color: #666;
}

.textCenter {
    text-align: center;
}


/*浜у搧涓績*/
.product2 .pageContainer {
    overflow: hidden;
}

.productMenu {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    /*overflow: hidden;*/
}

.productMenu .swiper {
    overflow: inherit !important;
    width: 100%;
}

.productMenu .item {
    /*margin: 0 80px;*/
    /*width: 200px;*/
    position: relative;
    margin: auto;
    width: fit-content;
}

.productMenu .swiper-button-prev:hover, .productMenu .swiper-button-next:hover {
    background: none;
    box-shadow: none;
}

.new-energy .productMenu .item {
    margin: 0 20px
}

/*.productMenu .item,*/
.productMenu a {
    display: block;
    padding: 30px 10px;
    font-size: 24px;
    color: #333;
    position: relative;
    text-align: center;
}

.productMenu a:hover {
    color: #333;
    font-weight: 600;
}

.productMenu a::after {
    content: '';
    width: 0;
    height: 2px;
    background: #009c96;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all 0.5s;
}

.productMenu .item.active a {
    font-weight: 600;
}

.productMenu .item.active a::after,
.productMenu a:hover::after {
    width: 100%;
    transition: all 0.5s;
}

.productMenu.productFlex {
    justify-content: space-around;
}

.productMenu.productFlex .item {
    margin: 0;
}

.productMenu.productFlex.productFlex2 {
    justify-content: flex-start;
    overflow: auto;
}

.productMenu.productFlex.productFlex2 .item {
    flex-shrink: 0;
    margin-right: 20px;
}

.productMenu .swiper-wrapper {
    justify-content: center;
}

.productMenu.active .swiper-wrapper {
    justify-content: flex-start;
}

.productSecondMenu {
    display: none;
}

.productSecondMenu-box {
    display: flex;
    position: absolute;
    top: 100px;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    justify-content: center;
    padding-top: 40px;
}

.productSecondMenu a {
    font-size: 20px;
    border-radius: 34px;
    border: 1px solid #666;
    color: #666;
    height: 70px;
    line-height: 70px;
    display: block;
    padding: 0 50px;
    margin: 0 20px;
}

.productSecondMenu a::after {
    display: none;
}

.productSecondMenu a:hover {
    background: var(--linear-color);
    color: #fff;
    border-color: transparent;
}

.proList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    transition: all 0.5s;
    transform: translateY(0);
}

.proList.active {
    transform: translateY(110px);
    transition: all 0.5s;
    padding-bottom: 100px;
}

.proList .item {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.proList .item::after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(102, 102, 102, 0.7);
    transition: all 0.5s;
}

.proList .item:hover::after {
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    transition: all 0.5s;
}

.proList .item:nth-child(3n) {
    margin-right: 0;
}

.proList .item .imgBox {
    padding-bottom: 68%;
}

.proList .item .text {
    position: absolute;
    top: 0;
    z-index: 10;
    color: #fff;
    text-align: center;
    height: 90%;
    display: flex;
    flex-direction: column;
    bottom: 0;
    margin: auto;
    align-items: center;
    justify-content: center;
    transform: translateY(32%);
    transition: all 0.5s;
    width: 100%;
}

.proList .item .text .title {
    font-size: 32px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid transparent;
    padding-bottom: 30px;
    transition: all 0.5s;
}

.proList .item .text .summary {
    font-size: 16px;
    max-width: 70%;
    margin: 20px auto 0;
    line-height: 1.6;
    opacity: 0;
    transition: all 0.5s;
}

.proList .item .text .more {
    font-size: 16px;
    background: url('../images/next.png') no-repeat center right;
    padding-right: 40px;
    width: 120px;
    margin: 30px auto 0;
    opacity: 0;
    transition: all 0.5s;
}

.proList .item:hover .text {
    transform: translateY(0);
    transition: all 0.5s;
}

.proList .item:hover .title {
    border-color: #fff;
    transition: all 0.5s;
}

.proList .item:hover .text .summary,
.proList .item:hover .text .more {
    opacity: 1;
    transition: all 0.5s;
}

.productBox-2 .proMore {
    width: 150px;
    height: 60px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    display: block;
    border-radius: 30px;
    margin: 50px auto 0;
    transition: all 0.5s;
}

.productBox-2 .proMore:hover {
    width: 180px;
    transition: all 0.5s;
}

.new-energy {
    position: relative;
    background: url('../images/new-energy.jpg') no-repeat center;
    /*background: #b9c0c2;*/
    background-size: cover;
}

.new-energy .pageContainer {
    margin: 0 auto;
    padding: 80px 0 0;
}

.new-energy-2 {
    background: url('../images/new-energy2.jpg') no-repeat center/cover;
}

.new-energy-2 .news .new-energy-box {
    position: absolute;
}

.new-energy-2 .news .mask {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
}

.new-energy-2 .news .new-energy-box {
    width: 250px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
    pointer-events: none;
    z-index: 1;
}

.new-energy-2 .news .point {
    width: 32px;
    height: 32px;
    background: #3d3d3e url('../images/add.png') no-repeat center;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s;
}

.new-energy-2 .news .point::before,
.new-energy-2 .news .point::after {
    content: '';
    position: absolute;
    margin: auto;
    background: var(--dominant-color);
    opacity: 0;
    transition: all 0.5s;
}

.new-energy-2 .news .point:hover {
    background-color: var(--dominant-color);
}

.new-energy-2 .news .new-energy-box .energy-title {
    color: #fff;
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    font-size: 32px;
    padding: 10px;
    text-align: center;
}

.new-energy-2 .news .new-energy-box .list-li {
    padding: 20px;
}

.new-energy-2 .news .new-energy-box .list-li a {
    font-size: 24px;
    display: block;
    text-align: center;
    color: #666666;
    /*line-height: 2.2;*/
    margin: 15px 0;
}

.new-energy-2 .news .new-energy-box .list-li a.no-link {
    pointer-events: none;
}

.new-energy-2 .news .new-energy-box .list-li a:hover {
    text-decoration: underline;
    color: var(--dominant-color);
}


.new-energy-2 .news.active .point {
    background-color: var(--dominant-color);
}

.new-energy-2 .news.active .mask {
    opacity: 1;
}

.new-energy-2 .news.active .new-energy-box {
    opacity: 1;
    pointer-events: inherit;
}

.new-energy-2 .news.active .point::before,
.new-energy-2 .news.active .point::after {
    opacity: 1;
}

/*1*/
.new-energy-2 .news1 .new-energy-box {
    top: 21%;
    left: 1%;
}

.new-energy-2 .news1 .point1 {
    top: 38%;
    left: 22.5%;
}

.new-energy-2 .news1 .point1::before {
    height: 1px;
    width: 46px;
    top: 0;
    bottom: 0;
    right: 30px;
    z-index: 0;
}

/*2*/
.new-energy-2 .news2 .new-energy-box {
    top: 0;
    left: 40%;
}

.new-energy-2 .news2 .mask1 {
    top: 32.7%;
    left: 26.75%;
}

.new-energy-2 .news2 .mask2 {
    top: 46%;
    left: 55.5%;
}

.new-energy-2 .news2 .point1 {
    top: 35.5%;
    left: 33.8%;
}

.new-energy-2 .news2 .point1::before {
    width: 1px;
    height: 150px;
    left: 0;
    right: 0;
    bottom: 34px;
    z-index: 0;
}

.new-energy-2 .news2 .point1::after {
    width: 69px;
    height: 1px;
    left: 15px;
    bottom: 183px;
}

.new-energy-2 .news2 .point2 {
    top: 50.5%;
    left: 62.8%;
}

.new-energy-2 .news2 .point2::before {
    width: 1px;
    height: 284px;
    left: 0;
    right: 0;
    bottom: 32px;
    z-index: 0;
}

.new-energy-2 .news2 .point2::after {
    width: 80px;
    height: 1px;
    right: 15px;
    bottom: 315px;
}

/*3*/
.new-energy-2 .news3 .new-energy-box {
    top: 46%;
    left: 4%;
}

.new-energy-2 .news3 .mask1 {
    top: 44.1%;
    left: 27.9%;
}

.new-energy-2 .news3 .point1 {
    top: 54.5%;
    left: 34.5%;
}

.new-energy-2 .news3 .point1::before {
    height: 1px;
    width: 171px;
    top: 0;
    bottom: 0;
    right: 30px;
    z-index: 0;
}

/*4*/
.new-energy-2 .news4 .new-energy-box {
    top: 2%;
    left: 48%;
}

.new-energy-2 .news4 .mask1 {
    top: 53.9%;
    left: 49%;
}

.new-energy-2 .news4 .point1 {
    top: 57.5%;
    left: 55%;
}

.new-energy-2 .news4 .point1::before {
    width: 1px;
    height: 223px;
    left: 0;
    right: 0;
    bottom: 34px;
    z-index: 0;
}

/*5*/
.new-energy-2 .news5 .new-energy-box {
    bottom: 65.5%;
    left: 59%;
}

.new-energy-2 .news5 .mask1 {
    top: 59.1%;
    left: 58.25%;
}

.new-energy-2 .news5 .point1 {
    top: 66.5%;
    left: 62%;
}

.new-energy-2 .news5 .point1::before {
    width: 1px;
    height: 277px;
    left: 0;
    right: 0;
    bottom: 34px;
    z-index: 0;
}

.new-energy-2 .news5 .point2 {
    top: 66.5%;
    left: 71.8%;
}

.new-energy-2 .news5 .point2::before {
    width: 1px;
    height: 277px;
    left: 0;
    right: 0;
    bottom: 32px;
    z-index: 0;
}

/*鏂拌兘婧?/
.new-energy-change-box {
    margin-top: 80px;
    position: relative;
}

.new-energy-change-box .item-list {
    width: 1380px;
    height: 880px;
    position: relative;
    display: none;
    margin: auto;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.new-energy-change-box .item-list.active {
    display: block;
}

.new-energy-change-box .item {
    width: 280px;
    position: absolute;
}

.new-energy-change-box .item .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    transition: all 0.5s;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 14px;
    opacity: 0;
}

.new-energy-change-box .item .text .title {
    transition: all 0.5s;
    width: fit-content;
    margin: 0 auto;
    border-radius: 0;
    padding: 0;
    transform: translateY(50px);
}

.new-energy-change-box .item .text .line {
    width: 50%;
    height: 1px;
    background: #fff;
    margin: 10px auto;
    transform: translateY(50px);
    transition: all 0.5s;
}

.new-energy-change-box .item .text .summary {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    transform: translateY(50px);
    transition: all 0.5s;
    text-align: center;
}

.new-energy-change-box .item .text .more {
    font-size: 14px;
    background: url('../images/next.png') no-repeat center right;
    padding-right: 20px;
    width: 90px;
    margin: 10px auto 0;
    transition: all 0.5s;
    color: #fff;
    transform: translateY(50px);
}

.new-energy-change-box .item:hover .text {
    opacity: 1;
}

.new-energy-change-box .item:hover .text .title,
.new-energy-change-box .item:hover .text .line,
.new-energy-change-box .item:hover .text .summary,
.new-energy-change-box .item:hover .text .more {
    transform: translateY(0);
}

.new-energy-change-box .item .item-light {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
}

.new-energy-change-box .item .item-light img {
    max-width: 100%;
}

.new-energy-change-box .item::before,
.new-energy-change-box .item::after {
    content: '';
    position: absolute;
    margin: auto;
    background: var(--linear-color);
}

.new-energy-change-box .title {
    background: var(--linear-color);
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border-radius: 0 0 14px 14px;
    padding: 0 20px;
}

.new-energy-change-box .item .item-mask {
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
}

.new-energy-change-box .item:hover .item-mask {
    opacity: 1;
}

.new-energy-change-box .item-list1 .item1 .item-mask {
    background: url('../images/1mask01.png') no-repeat center;
    width: 152px;
    height: 65px;
    left: 140%;
    top: 134%;
}

.new-energy-change-box .item-list1 .item2 .item-mask {
    background: url('../images/1mask02.png') no-repeat center;
    width: 132px;
    height: 72px;
    left: 37%;
    top: 196%;
}

.new-energy-change-box .item-list1 .item3 .item-mask {
    background: url('../images/1mask03.png') no-repeat center;
    width: 214px;
    height: 137px;
    left: -139%;
    top: 135%;
}

.new-energy-change-box .item-list1 .item4 .item-mask {
    background: url('../images/1mask04.png') no-repeat center;
    width: 104px;
    height: 69px;
    left: 281%;
    top: 37%;
}

.new-energy-change-box .item-list2 .item1 .item-mask {
    background: url('../images/2mask01.png') no-repeat center;
    width: 178px;
    height: 81px;
    left: 139%;
    top: 134%;
}

.new-energy-change-box .item-list2 .item2 .item-mask {
    background: url('../images/2mask02.png') no-repeat center;
    width: 177px;
    height: 98px;
    left: 53%;
    top: 187%;
}

.new-energy-change-box .item-list2 .item4 .item-mask {
    background: url('../images/1mask04.png') no-repeat center;
    width: 88px;
    height: 63px;
    left: 281%;
    top: 41%;
}

.new-energy-change-box .item-list3 .item2 .item-mask {
    background: url('../images/3mask01.png') no-repeat center;
    width: 265px;
    height: 142px;
    left: 32%;
    top: 173%;
}

.new-energy-change-box .item-list3 .item5 .item-mask {
    background: url('../images/1mask04.png') no-repeat center;
    width: 97px;
    height: 67px;
    left: -106%;
    top: 34%;
}

.new-energy-change-box .item-list4 .item2 .item-mask {
    background: url('../images/4mask01.png') no-repeat center;
    width: 381px;
    height: 276px;
    left: 31%;
    top: 166%;
}

.new-energy-change-box .item-list5 .item6 .item-mask {
    background: url('../images/5mask01.png') no-repeat center;
    width: 61px;
    height: 32px;
    left: 264.5%;
    top: 112%;
}

.new-energy-change-box .item-list5 .item7 .item-mask {
    background: url('../images/5mask02.png') no-repeat center;
    width: 96px;
    height: 33px;
    left: 90%;
    top: 113%;
}

.new-energy-change-box .item-list5 .item8 .item-mask {
    background: url('../images/5mask03.png') no-repeat center;
    width: 57px;
    height: 29px;
    left: -72.5%;
    top: 113%;
}

.new-energy-change-box .item-list5 .item9 .item-mask {
    background: url('../images/5mask04.png') no-repeat center;
    width: 71px;
    height: 51px;
    left: 264%;
    top: -51%;
}

.new-energy-change-box .item-list5 .item10 .item-mask {
    background: url('../images/5mask05.png') no-repeat center;
    width: 20px;
    height: 42px;
    left: 89.5%;
    top: -25%;
}

.new-energy-change-box .item-list5 .item11 .item-mask {
    background: url('../images/5mask06.png') no-repeat center;
    width: 96px;
    height: 33px;
    right: 172%;
    top: -82%;;
}

.new-energy-change-box .item .item-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: inset #009c96 0 0 10px;
    position: absolute;
    transition: all 0.5s;
    margin: auto;
    z-index: 1;
}

.new-energy-change-box .item .item-icon::before,
.new-energy-change-box .item .item-icon::after {
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%;
}

.new-energy-change-box .item .item-icon::before {
    background: var(--dominant-color);
    width: 16px;
    height: 16px;
}

.new-energy-change-box .item .item-icon::after {
    width: 6px;
    height: 6px;
    background: #fff;
}

.new-energy-change-box .item2 {
    left: 0;
    right: 0;
    margin: auto
}

.new-energy-change-box .item3 {
    top: 70px;
    right: 0;
    margin: auto
}

.new-energy-change-box .item4 {
    left: 24px;
    margin-top: 450px;
}

.new-energy-change-box .item5 {
    right: 0;
    margin-top: 460px;
}

.new-energy-change-box .item6 {
    left: 0;
}

.new-energy-change-box .item7 {
    left: 0;
    right: 0;
    margin: auto;
}

.new-energy-change-box .item8 {
    right: 0;
}

.new-energy-change-box .item9 {
    left: 0;
    margin-top: 460px;
}

.new-energy-change-box .item10 {
    right: 0;
    left: -5%;
    margin: 460px auto 0;
}

.new-energy-change-box .item11 {
    right: 0;
    margin-top: 460px;
}


.new-energy-change-box .item .energyImg img {
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new-energy-change-box .item .energyImg {
    overflow: hidden;
    border-radius: 14px 14px 0 0;
    height: 200px;
}

.new-energy-change-box .item a:hover .energyImg img {
    transition: all 0.5s;
    transform: scale(1.1);
}

.new-energy-change-box .item a:hover ~ .item-icon {
    /*animation: scale-item 1.5s ease-out infinite;*/
}

.new-energy-change-box .item a:hover ~ .item-light {
    opacity: 1;
    transition: all 0.5s;
}

@keyframes scale-item {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    30% {
        opacity: 0.5;
    }
    50% {
        opacity: 0.4;
    }
    75% {
        opacity: 0.2;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.new-energy-change-box .item1 .item-icon {
    /*transform: translate(494px, 215px);*/
    top: 330px;
    left: 444px;
}

.new-energy-change-box .item1::before {
    height: 220px;
    width: 1px;
    top: 50%;
    right: -180px;
}

.new-energy-change-box .item1::after {
    height: 1px;
    width: 180px;
    top: 0;
    bottom: 0;
    right: -180px;
}

.new-energy-change-box .item2 .item-icon {
    top: 450px;
    left: 145px;
}

.new-energy-change-box .item2::before {
    width: 1px;
    height: 235px;
    left: 40px;
    right: 0;
    top: 100%;
}

.new-energy-change-box .item3 .item-icon {
    top: 360px;
    left: -224px;
}

.new-energy-change-box .item3::before {
    height: 260px;
    width: 1px;
    top: 50%;
    left: -210px;
}

.new-energy-change-box .item3::after {
    height: 1px;
    width: 210px;
    top: 0;
    bottom: 0;
    left: -210px;
}

.new-energy-change-box .item4 .item-icon {
    /*transform: translate(494px, 215px);*/
    top: 0;
    left: 770px;
    bottom: 0;
}

.new-energy-change-box .item4::after {
    height: 1px;
    width: 500px;
    top: 0;
    bottom: 0;
    left: 100%;
}

.new-energy-change-box .item5 .item-icon {
    /*transform: translate(494px, 215px);*/
    top: 18px;
    right: 467px;
    bottom: 0;
}

.new-energy-change-box .item5::after {
    height: 1px;
    width: 200px;
    top: 20px;
    bottom: 0;
    right: 100%;
}

.new-energy-change-box .item6 .item-icon {
    /*transform: translate(494px, 215px);*/
    left: 725px;
    bottom: -55px;
}

.new-energy-change-box .item6::before {
    width: 1px;
    height: 40px;
    left: 0;
    right: 0;
    top: 100%;
}

.new-energy-change-box .item6::after {
    height: 1px;
    width: 595px;
    bottom: -40px;
    left: 50%;
}

.new-energy-change-box .item7 .item-icon {
    /*transform: translate(494px, 215px);*/
    bottom: -30px;
    right: -55px;
}

.new-energy-change-box .item7::before {
    width: 1px;
    height: 135px;
    right: -40px;
    top: 50%;
}

.new-energy-change-box .item7::after {
    height: 1px;
    width: 40px;
    bottom: 0;
    right: 0;
    top: 0;
    left: 100%;
}

.new-energy-change-box .item8 .item-icon {
    /*transform: translate(494px, 215px);*/
    bottom: -54px;
    right: 142%;
}

.new-energy-change-box .item8::before {
    width: 1px;
    height: 40px;
    left: 0;
    right: 0;
    bottom: -40px;
}

.new-energy-change-box .item8::after {
    height: 1px;
    width: 270px;
    bottom: -40px;
    right: 50%;
}

.new-energy-change-box .item9 .item-icon {
    /*transform: translate(494px, 215px);*/
    top: -105px;
    left: 257%;
}

.new-energy-change-box .item9::before {
    width: 1px;
    height: 90px;
    left: 0;
    right: 0;
    top: -90px;
}

.new-energy-change-box .item9::after {
    height: 1px;
    width: 590px;
    top: -90px;
    left: 50%;
}

.new-energy-change-box .item10 .item-icon {
    /*transform: translate(494px, 215px);*/
    top: -66px;
    right: 8%;
}

.new-energy-change-box .item10::before {
    width: 1px;
    height: 50px;
    left: 0;
    right: 0;
    top: -50px;
}

.new-energy-change-box .item10::after {
    height: 1px;
    width: 100px;
    top: -50px;
    left: 50%;
}

.new-energy-change-box .item11 .item-icon {
    /*transform: translate(494px, 215px);*/
    top: -177px;
    right: 170%;
}

.new-energy-change-box .item11::before {
    width: 1px;
    height: 213px;
    left: -212px;
    bottom: 177px;
}

.new-energy-change-box .item11::after {
    height: 1px;
    width: 212px;
    top: -120px;
    left: -212px;
    bottom: 0;
}


.new-energy-change-box .item1 .item-light {
    transform: translate(475px, 215px);
}

.new-energy-change-box .item2 .item-light {
    transform: translate(66px, 194px);
}

.new-energy-change-box .item3 .item-light {
    transform: translate(-235px, 132px);
}

.new-energy-change-box .item4 .item-light {
    transform: translate(724px, -200px);
}

.new-energy-change-box .item5 .item-light {
    transform: translate(-280px, -127px);
}


div.zoomDiv {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 600px !important;
    height: 560px !important;
    background: #ffffff;
    display: none;
    text-align: center;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
}

div.zoomDiv img {
    max-width: inherit;
}

div.zoomMask {
    position: absolute;
    background: url("../images/detail-search.png") no-repeat center scroll;
    cursor: move;
    z-index: 1;
    width: 230px !important;
    height: 230px !important;
    border-radius: 10px;
}

div.zoomMask::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/maskBg.png') no-repeat center;
}

.productBox-3 {
    background: #f7f8f8;
    display: flow-root;
}

.solution-swiper .swiper {
    overflow: initial;
}

.solution-swiper .swiper-slide {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.02);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s;
}

.solution-swiper {
    padding: 10px 4px 20px;
    overflow: hidden;
    position: relative;
    margin: 40px 100px 0;
}

.solution-swiper .swiper-slide .imgBox {
    padding-bottom: 50%;
}

.solution-swiper .swiper-slide .title {
    font-size: 32px;
    color: #333
}

.solution-swiper .swiper-slide .text {
    padding: 30px;
    text-align: center;
}

.solution-swiper .swiper-slide .summary {
    max-width: 460px;
    font-size: 20px;
    color: #666;
    margin: 20px auto 30px;
    line-height: 1.6;
}

.solution-swiper .swiper-slide .more {
    font-size: 16px;
    color: #333;
    padding-right: 50px;
    background: url('../images/next3.png') no-repeat center right;
    display: inline-block;
}

.solution-swiper .swiper-slide:hover {
    transform: translateY(-10px);
    transition: all 0.5s;
}

.solution-swiper .swiper-slide:hover .title {
    color: #009c96;
}

.solution-swiper .swiper-slide:hover .more {
    color: #009c96;
    background: url('../images/next4.png') no-repeat center right;
}

.solutionContainer {
    position: relative;
    margin: 80px auto 120px;
    padding: 0 20px;
    max-width: 1620px;
}

.solution-swiper-box {
    position: relative;
}

.solutionContainer .swiper-button-prev,
.solutionContainer .swiper-button-next {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #d1d1d1;
}

.solutionContainer .swiper-button-prev:after,
.solutionContainer .swiper-button-next:after {
    content: '';
    background: url('../images/prev1.png') no-repeat center;
    width: 100%;
    height: 100%;
}

.solutionContainer .swiper-button-next:after {
    background: url('../images/next.png') no-repeat center;
}

.solutionContainer .swiper-button-prev:hover,
.solutionContainer .swiper-button-next:hover {
    background: var(--linear-color);
}

.productBox-4 {
    /*background: url('../images/product08.jpg') no-repeat center;*/
    display: flow-root;
    background-size: cover !important;
}

.glass {
    background: url('../images/product08.jpg') no-repeat center;
}

.pro-contact {
    display: flex;
    justify-content: center;
}

.pro-contact .item {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 14px;
    height: 120px;
    width: 50%;
    margin: 0 50px;
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-family: OPPOSans-R;
    font-weight: 600;
    cursor: pointer !important;
}

.pro-contact .item::after {
    content: '';
    position: absolute;
    background: url('../images/product08.jpg') no-repeat fixed center;
}

.pro-contact .item .icon {
    width: 50px;
    text-align: center;
}

.pro-contact .item .text {
    font-size: 32px;
}

.pro-contact a {
    color: #000;
}

.pro-contact {
    max-width: 1200px;
    margin: 155px auto;
}

.pro-contact .item:hover {
    background: #009c96;
}

.pro-contact .item:hover .text {
    color: #fff;
}

.pro-contact .item .icon {
    filter: brightness(0);
}

.pro-contact .item:hover .icon {
    filter: none;
}

.pro-contact .item:last-child .text {
    font-size: 36px;
    margin-right: 20px;
}

.pro-contact .item:last-child:hover {
    cursor: inherit;
}

/*浜у搧涓績*/

/*浜у搧璇︽儏*/
.product-detail-top {
    background: url('../images/product12.jpg') no-repeat center;
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 80px;
}

.product-detail-top .location {
    margin-top: 0;
}

.pro-img-box {
    max-width: 80%;
    display: flex;
    margin: 0 auto;
    padding: 40px 20px 0;
    justify-content: space-between;
}

.proImg-swiper {
    max-width: 760px;
    width: 40%;
    overflow: hidden;
}

.proImg-swiper .swiper {
    padding-bottom: 70px;
    --swiper-pagination-color: #009c96;
}

.proImg-swiper .swiper .swiper-slide {
    border-radius: 14px;
    overflow: hidden;
    height: 0;
    padding-bottom: calc(560 / 660 * 100%);
    background: #fff;
}

.proImg-swiper .swiper .swiper-slide img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: contain;
}

.pro-img-box .proText {
    margin-left: 120px;
    /*width: calc(100% - 850px);*/
    width: 55%;
}

.pro-img-box .proText .title {
    font-size: 48px;
    color: #333;
    margin-bottom: 40px;
}

.pro-img-box .proText .summary {
    font-size: 24px;
    color: #666;
    margin-bottom: 24px;
    line-height: 2;
}

.pro-detail-title {
    margin: 50px auto;
}

.pro-detail-box1 {
    padding-bottom: 50px;
    width: 91%;
    padding-left: 20px;
    margin-right: 0;
    margin-left: auto;
}

.pro-detail-box1.flexCenter {
    /*width: 81%;*/
    margin: auto;
    padding-right: 0;
    padding-left: 40px;

}
.pro-detail-box1.flexCenter .swiper-wrapper {
    justify-content: center;
}

.pro-detail-box1 .swiper {
    padding-top: 20px;
}

.pro-detail-box1 .swiper-slide {
    background: #fff;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
    box-shadow: 0 0 5px 3px rgba(211, 211, 211, 0.1);
}

.pro-detail-box1 .swiper-slide .text {
    padding: 40px;
    margin-bottom: 50px;
}

.pro-detail-box1 .swiper-slide .text .title {
    font-size: 36px;
    font-weight: 600;
    color: #333;
    min-height: 94px;
}

.pro-detail-box1 .swiper-slide .text .summary {
    font-size: 28px;
    color: #666;
    margin-top: 23px;
    line-height: 1.6;
    word-break: break-all;
}

.pro-detail-box1 .swiper-slide::after {
    content: '';
    height: 36px;
    background: var(--linear-color);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.pro-detail-box1 .swiper-slide:hover {
    transition: all 0.5s;
    transform: translateY(-10px);
}

.detail-swiper-button {
    position: relative;
    max-width: 80%;
    padding: 0 20px;
    margin: 0 auto 70px;
    display: flex;
    justify-content: space-between;
}

.detail-swiper-button .swiper-pagination {
    width: 64% !important;
    margin: auto !important;
    right: 0;
    bottom: 0;
}

.detail-swiper-button .swiper-button-prev,
.detail-swiper-button .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #d1d1d1;
    position: initial;
    margin-top: 0;

}

.detail-swiper-button .swiper-button-prev:hover,
.detail-swiper-button .swiper-button-next:hover {
    background: var(--linear-color);
}

.detail-swiper-button .swiper-button-prev:after {
    background: var(--linear-color);
}

.detail-swiper-button .swiper-button-prev:after,
.detail-swiper-button .swiper-button-next:after {
    content: '';
    background: url('../images/next.png') no-repeat center;
    width: 100%;
    height: 100%;
}

.detail-swiper-button .swiper-button-prev:after {
    background: url('../images/prev1.png') no-repeat center;
}

.detail-swiper-button .swiper-pagination-progressbar-fill {
    background: #009c96 !important;
}

.detail-summary {
    font-size: 24px;
    color: #666;
    text-align: center;
    margin: 30px auto;
}

.field {
    display: flex;
    flex-wrap: wrap;
}

.field .item {
    width: calc((100% - 101px) / 3);
    margin-right: 50px;
    transition: all 0.5s;
    cursor: pointer;
    overflow: hidden;
}

.field .item:nth-child(3n) {
    margin-right: 0;
}

.field .title {
    font-size: 24px;
    color: #666;
    text-align: center;
    margin-top: 30px;
}

.field .item:hover {
    transition: all 0.5s;
    transform: translateY(-10px) !important;
}

.field .item .fieldImg {
    overflow: hidden;
    border-radius: 14px;
    padding-bottom: 65%;
    height: 0;
    position: relative;
}

.field .item img {
    transition: all 0.5s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

.field .item:hover img {
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}


.plan {
    margin-top: 40px;
}

.plan .swiper {
    padding-bottom: 50px;
}

.plan .swiper-slide {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 0 10px 3px rgba(211, 211, 211, 0.2);
}

.plan .swiper-slide a {
    display: flex;
    justify-content: space-between;
    padding: 60px 70px;
}

.plan .swiper-slide .text {
    width: 59%;
    max-width: 580px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.plan .swiper-slide .title {
    font-size: 32px;
    color: #333;
    transition: all 0.5s;
}

.plan .swiper-slide .summary {
    font-size: 20px;
    color: #666;
    line-height: 2;
    margin-bottom: 50px;
}

.plan .swiper-slide .more {
    font-size: 16px;
    color: #333;
    background: url('../images/next4.png') no-repeat center right;
    padding-right: 40px;
    width: 110px;
    filter: grayscale(1) brightness(0.5);
    transition: all 0.5s;
}

.plan .swiper-slide .imgBox {
    width: 41%;
    padding-bottom: 24%;
    border-radius: 14px;
}

.plan .swiper-slide:hover .title,
.plan .swiper-slide:hover .more {
    color: #009c96;
    transition: all 0.5s;
    filter: none;
}

.plan .swiper-slide:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.pro-detail-download {
    margin-top: 40px;
    padding-bottom: 60px;
}

.pro-detail-download .item {
    display: flex;
    justify-content: space-between;
    padding: 24px 40px;
    align-items: center;
    color: #666;
    border-radius: 14px;
    font-size: 20px;
    cursor: pointer;
}

.pro-detail-download .item:hover .title {
    color: var(--dominant-color);
}

.pro-detail-download .item:nth-child(odd) {
    background: #f5f5f5;
}

.pro-detail-download .item .title {
    /*width: 40%;*/
    width: 33%;
    margin-right: 7%;
}

.pro-detail-download .item .size {
    width: 15%;
    /*font-family: OPPOSans-R;*/
}

.pro-detail-download .item .time {
    width: 15%;
    /*font-family: OPPOSans-R;*/
}

.pro-detail-download .item .share {
    width: 170px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*display: grid;*/
    /*grid-template-columns: repeat(3,1fr);*/
}
@media screen and (max-width: 768px) {
    .pro-detail-download .item .share {
        grid-template-columns: repeat(2,1fr);
    }

}

.pro-detail-download .item .download {
    text-align: center;
}
.pro-detail-download .item .wechat {
    text-align: right;
}
.pro-detail-download .item .share img {
    max-width: 90%;
}
.search-result .pro-detail-download .item:first-child .share{
    display: flex;
}
.pro-detail-download .item .view,
.pro-detail-download .item .download,
.pro-detail-download .item .wechat {
    filter: grayscale(1) brightness(1.3);
    cursor: pointer;
    position: relative;
    text-align: center;
}

.pro-detail-download .item .down-code {
    position: absolute;
    bottom: -230px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    border-radius: 14px;
    overflow: hidden;
    background: url(../images/code-bg.png) no-repeat center;
    height: 230px;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.pro-detail-download .item .wechat:hover .down-code {
    display: flex;
}

.pro-detail-download .item .down-code img {
    max-width: 200px;
    height: 200px;
}

.pro-detail-download .item .view:hover,
.pro-detail-download .item .download:hover,
.pro-detail-download .item .wechat:hover {
    filter: none;
}

/*浜у搧璇︽儏*/


/*鍏充簬鎴戜滑*/
.aboutBox {
    display: flex;
    justify-content: space-between;
    background: #f8f8f8;
}

#about {
    display: flex;
    justify-content: space-between;
    width: 100%;
    scroll-margin-top: 150px
}
.aboutBox .text-box {
    /*width: 36%;*/
    width: calc(90% - 745px);
    /*max-width: 530px;*/
}

.aboutBox .text-box .title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
}

.aboutBox .text-box .summary {
    font-size: 20px;
    color: #666666;
    line-height: 1.8;
    margin-top: 30px;
}

.aboutBox .text-box .summary p {
    margin-bottom: 30px;
}

.aboutImg {
    /*width: 50%;*/
    width: 745px;
    background: url('../images/abou-bg.png') no-repeat center;
    background-size: auto 100%;
    height: 600px;
}

.aboutImg .item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 3px 3px rgba(211, 211, 211, 0.02);
    padding: 20px 30px;
    display: flex;
    position: absolute;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    transition: all 0.5s;
}

.aboutImg .item:hover {
    transform: scale(1.1);
}

.aboutImg .item .number {
    color: #009c96;
    font-size: 45px;
    font-family: OPPOSans-R;
    font-weight: 900;
    transition: all 0.5s;
}

.aboutImg .item .summary {
    color: #666;
    font-size: 16px;
    margin-top: 0;
    transition: all 0.5s;
}

.aboutImg .item1 {
    left: 5%;
}

.aboutImg .item2 {
    left: 47%;
    top: 4%;
}

.aboutImg .item3 {
    right: 15%;
    top: 40%;
}

.aboutImg .item4 {
    right: 25%;
    top: 70%;
}

.aboutImg .item5 {
    left: 5%;
    top: 66%;
}

.aboutImg .item6 {
    top: 30%;
    /*background: #009c96;*/
    padding: 40px 30px;
    width: 360px;
}

.aboutImg .item:hover {
    background: var(--dominant-color);
    transition: all 0.5s;
}

.aboutImg .item:hover .number,
.aboutImg .item:hover .summary {
    color: #fff;
    transition: all 0.5s;
}

.aboutImg .item6 .number {
    font-size: 56px;
}

.aboutImg .imgIcon {
    margin-left: 20px;
}

.culture {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;

}

#culture {
    scroll-margin-top: 110px;
    display: flow-root;
}

.culture .item {
    width: calc((100% - 105px) / 4);
    position: relative;
    cursor: pointer;
    margin-right: 35px;
    border-radius: 20px;
    overflow: hidden;
}

.culture .item:last-child {
    margin-right: 0;
}

.culture .item::after {
    content: '';
    width: 100%;
    height: 40px;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: all 0.5s;
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
}

.culture .item .imgBox {
    padding-bottom: 129%;
}

.culture .item .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 40px 50px;
    text-align: left;
    z-index: 2;
    transition: all 0.5s;
    height: max-content;
}

.culture .item .text .title {
    font-size: 40px;
    color: #333;
    font-weight: 600;
}

.culture .item .text .line {
    width: 0;
    height: 5px;
    background: #009c96;
    margin: 20px 0 0;
    transition: all 0.5s;
}

.culture .item:hover .line {
    width: 80px;
    transition: all 0.5s;
}

.culture .item .text .summary {
    font-size: 24px;
    color: #666;
    margin-top: 30%;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

}

.culture .item:hover .text .summary {
    color: #009c96;
}

.culture .item:hover .imgBox img {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all 0.5s;
}

.culture .item:hover .text {
    transition: all 0.5s;
    top: 0;

}

.history {
    background: #f8f8f8;
    display: flow-root;
}

#history {
    scroll-margin-top: 110px
}

.historySwiperBox .historySwiper {
    padding-top: 70px;
}

.historySwiper .swiper-slide {
    display: flex;
}

.historySwiper .swiper-slide .slideImg {
    position: relative;
}

.historySwiper .swiper-slide .imgBox {
    max-width: 545px;
    min-width: 545px;
    max-height: 370px;
    border-radius: 20px;
    overflow: hidden;
    height: auto;
}

.historySwiper .swiper-slide .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: initial;
    transform: translate(0, 0);
}

.historySwiper .swiper-slide .slideImg .year {
    position: absolute;
    font-size: 148px;
    color: #009c96;
    font-family: OPPOSans-B;
    font-weight: 600;
    top: 0;
    right: 0;
    z-index: 10;
    transform: translate(45%, -50%);
}

.historySwiper .swiper-slide .text {
    padding-left: 15%;
    flex-basis: 60%;
}
.historySwiper .swiper-slide .text .item {
    margin-bottom: 30px;
}

.historySwiper .swiper-slide .text .title{
    font-size: 42px;
    color: #000;
    font-weight: 600;
}

.historySwiper .swiper-slide .text .summary {
    font-size: 24px;
    color: #666;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    line-height: 1.6;
}

.historySwiper .swiper-slide .text .sub {
    /*margin-top: 15%;*/
    margin-top: 10px;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 24px;
    margin-bottom: 5%;
}

.historySwiper-thumbs {
    margin-top: 50px;
    position: relative;
}

.historySwiper-thumbs::after {
    content: '';
    height: 10px;
    width: 100%;
    background: #e4e4e4;
    border-radius: 20px;
    position: absolute;
    top: 20px;
}

.historySwiper-thumbs .swiper-button-prev,
.historySwiper-thumbs .swiper-button-next {
    width: 68px;
    height: 68px;
    background: #d1d1d1;
    border-radius: 50%;
    transition: all 0.5s;
    top: 10px;
}

.historySwiper-thumbs .swiper-button-prev {
    /*left: -80px;*/
    left: 0;
}

.historySwiper-thumbs .swiper-button-next {
    /*right: -80px;*/
    right:0
}

.historySwiper-thumbs .swiper-button-prev:after {
    background: url('../images/prev1.png') no-repeat center;
    color: rgba(0, 0, 0, 0);
    margin-bottom: 6px;
}

.historySwiper-thumbs .swiper-button-next:after {
    background: url('../images/next.png') no-repeat center;
    color: rgba(0, 0, 0, 0);
    margin-bottom: 6px;
}

.historySwiper-thumbs .swiper-button-prev:hover,
.historySwiper-thumbs .swiper-button-next:hover {
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    transition: all 0.5s;
}

.historySwiper-thumbs .swiper-slide {
    text-align: center;
    height: 100px;
    line-height: 150px;
    font-size: 20px;
    color: #a3a3a3;
    cursor: pointer;
    transition: all 0.5s;
    font-family: OPPOSans-B;
}

.historySwiper-thumbs .swiper-slide::before,
.historySwiper-thumbs .swiper-slide::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    margin: auto;
    border-radius: 50%;
}

.historySwiper-thumbs .swiper-slide::before {
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.02);
    transition: all 0.5s;
}

.historySwiper-thumbs .swiper-slide::after {
    width: 8px;
    height: 8px;
    background: #009c96;
    top: 22px;
}

/*.historySwiper-thumbs .swiper-slide:hover,*/
.historySwiper-thumbs .swiper-slide-thumb-active,
.historySwiper-thumbs .swiper-slide-active {
    font-size: 36px;
    color: #009c96;
    transition: all 0.5s;
}

/*.historySwiper-thumbs .swiper-slide:hover::before,*/
.historySwiper-thumbs .swiper-slide-thumb-active::before,
.historySwiper-thumbs .swiper-slide-active::before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3);
    transition: all 0.5s;
}

#factory {
    scroll-margin-top: 80px
}

.factoryTitle {
    margin-bottom: 50px;
    margin-top: 0;
    padding-top: 80px;
}

.factorySwiperBox {
    display: flex;
    overflow: hidden;
    /*padding-right: 10%;*/
}

.factory-swiper {
    width: calc(100% - 297px);
    /*height: 750px;*/
    height: 624px;
}

.factory-swiper .swiper {
    height: 100%;
}

.factory-swiper .swiper .swiper-slide {
    /*opacity: 0 !important;*/
}

.factory-swiper .swiper .swiper-slide.swiper-slide-active {
    /*opacity: 1 !important;*/
}

.factory-swiper .swiper .swiper-slide .imgBox {
    height: 100%;
}

.factory-swiper .swiper .swiper-slide .imgBox img {
    position: initial;
    transform: translate(0);
}

.factory-swiper-thumbs {
    border-radius: 0 40px 40px 0;
    overflow: hidden;
}

.factory-swiper-thumbs,
.factory-swiper-thumbs .swiper {
    width: 300px;
    /*height: 750px;*/
    height: 624px;
}

.factory-swiper-thumbs .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-bottom: 1px solid #7d7d7d;
}

.factory-swiper-thumbs .swiper .swiper-slide .title {
    position: absolute;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #fff;
    z-index: 11;
}

.factory-swiper-thumbs .swiper .swiper-slide::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 10;
}

.factory-swiper-thumbs .swiper .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: initial;
    transform: translate(0, 0);
}

.factory-swiper-thumbs .swiper .swiper-slide-thumb-active.swiper-slide::after,
.factory-swiper-thumbs .swiper .swiper-slide-active.swiper-slide::after {
    background: #009c96;
    opacity: 0.8;
}

.factory-swiper-thumbs .swiper-button-prev {
    transform: rotate(90deg);
    top: 30px;
    right: 30px;
    left: auto;
    background: none !important;
}

.factory-swiper-thumbs .swiper-button-next {
    transform: rotate(90deg);
    bottom: 30px;
    right: 30px;
    left: auto;
    top: auto;
    background: none !important;
}

.factory-swiper-thumbs .swiper-button-prev:after,
.factory-swiper-thumbs .swiper-button-next:after {
    font-weight: 900;
    font-size: 32px;
}

.factory-swiper-thumbs .swiper-button-prev:hover:after,
.factory-swiper-thumbs .swiper-button-next:hover:after {
    color: #fff
}

.factory-text {
    max-width: 80%;
    padding: 0 20px;
    margin: 50px auto 100px;
    position: relative;
    display: flex;
}

.factory-text .swiper {
    pointer-events: none;
    width: calc(100% - 120px);
}

.factory-text .swiper-slide {
    font-size: 20px;
    color: #666;
    line-height: 1.6;
    overflow: hidden;
    opacity: 0 !important;
}

.factory-text .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.factory-text .swiper-slide .text {
    background: #fff;
}

.factory-text .swiper-pagination {
    width: 70px;
    top: -12px;
    font-size: 24px;
    color: #999999;
    position: initial;
    margin-top: -12px;
}

.factory-text .swiper-pagination .swiper-pagination-current {
    font-size: 36px;
    color: #333;
}

#laboratory {
    scroll-margin-top: 110px
}

.laboratory {
    background: #f7f8f8;
    display: flow-root;
    padding: 90px 0 100px;
}

.laboratoryBox {
    padding-left: calc(10% + 20px);
}

.laboratory-swiper .swiper {
    padding: 10px 3px 80px;
    overflow: initial;
}

.laboratory-swiper .swiper-slide {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
    cursor: pointer;
    overflow: hidden;
}

.laboratory-swiper .swiper-slide .imgBox {
    height: 0;
    padding-bottom: 80%;
    overflow: hidden;
    position: relative;
}

.laboratory-swiper .swiper-slide .imgBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.laboratory-swiper .title {
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #666;
    height: 70px;
    line-height: 70px;
    font-weight: 600;
}

.laboratory-swiper .swiper-slide:hover img {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all 0.5s;
}

.laboratory-swiper .swiper-pagination {
    bottom: 0;
    top: auto !important;
    max-width: 1380px;
    border-radius: 10px;
    cursor: pointer;
}

.laboratory-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    border-radius: 10px;
    background: #009c96;
}

.laboratoryBox .summary {
    font-size: 20px;
    color: #666;
    margin: 40px 0;
}

#honor {
    scroll-margin-top: 110px
}

.honor {
    background: url('../images/honor.jpg') no-repeat center;
    display: flow-root;
    background-size: cover;
}

.honorBox {
    display: flex;
    justify-content: space-between;
}

.honor-swiper {
    width: 60%;
    position: relative;
}

.honor-swiper .swiper {
    /*min-height: 240px;*/
    padding: 50px 0;
}

.honor-swiper .swiper img {
    width: 100%;
}

.honor-swiper .swiper .swiper-slide {
    /*transform: scale(0.8);*/
    transition: all 0.5s;
}

.honor-swiper .swiper-wrapper {
    align-items: center;
    padding: 10px 0;
}

.honor-button .swiper-button-prev,
.honor-button .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #d1d1d1;
    margin-top: 0;
    z-index: 100
}

.honor-button .swiper-button-prev:after,
.honor-button .swiper-button-next:after {
    content: '';
    width: 100%;
    height: 100%;
}

.honor-button .swiper-button-prev:hover, .honor-button .swiper-button-next:hover {
    background: var(--linear-color);
}

.honor-button .swiper-button-prev:after {
    background: url(../images/prev1.png) no-repeat center;
}

.honor-button .swiper-button-next:after {
    background: url(../images/next.png) no-repeat center;
}

.honor-button .swiper-button-prev {
    left: 0;
}

.honor-button .swiper-button-next {
    left: 110px;
}

.honor-button .swiper-pagination {
    right: 0;
    left: auto;
    text-align: right;
    font-size: 20px;
    position: inherit;
    color: #999;
    top: 15px;
}

.honor-button .swiper-pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
    margin: 0 10px !important;
}

.honor-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-size: 22px;
    color: var(--dominant-color)
}

.honor-swiper .texts {
    display: none;
}

.text-top {
    font-size: 48px;
    color: #666
}

.swiper-title {
    font-size: 30px;
    color: #009c96;
    margin: 70px 0 30px;
    line-height: 1.6;
}

.swiper-summary {
    font-size: 22px;
    color: #666;
    text-align: right
}

.honorBox .text {
    max-width: 440px;
}

.honor-button {
    border-top: 1px solid #d1d1d1;
    margin-top: 60px;
    position: relative;
    margin-bottom: 100px;
    padding-top: 50px;
}


#parent {
    scroll-margin-top: 100px
}

.parentBox {
    margin: 80px auto;
}

.parentTitle {
    max-width: 80%;
    margin: 0 auto 60px;
    padding: 60px 20px 0;
}

.parent .swiper {
    padding: 5px 0;
    /*height: 500px;*/
}

.parent .swiper::before {
    content: '';
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 10;
    /*background: top right,linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));*/
    background-image: linear-gradient(90deg, #fff 7%, hsla(0, 0%, 100%, 0));
}

.parent .swiper::after {
    content: '';
    width: 200px;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 10;
    /*background: top right,linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 1));*/
    background-image: linear-gradient(90deg, #fff 7%, hsla(0, 0%, 100%, 0));
    transform: rotate(180deg);
}

.parent .swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear; /*涔嬪墠鏄痚ase-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.parent .swiper .swiper-wrapper .swiper-slide {
    height: auto;
}

.parent .swiper .swiper-wrapper .swiper-slide img {
    border: 2px solid #e8e8e8;
    border-radius: 4px;
    margin-bottom: 20px;
}

.parent .swiper .swiper-wrapper .imgBox {
    padding-bottom: 84%;
}


#global {
    scroll-margin-top: 40px
}

.global {
    background: #f7f8f8;
    padding: 80px 0;
}

.globalBox {
    max-width: 80%;
    padding: 0 20px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.globalLeft,
.globalRight {
    /*width: 50%;*/
}
.globalLeft {
    width: 40%;
}
.globalRight {
    width: 60% !important;
}
.globalNumber {
    display: flex;
    flex-wrap: wrap;
    margin-top: 120px;
}

.globalNumber .item {
    width: 50%;
    margin-bottom: 80px;
    cursor: pointer;
}

.globalNumber .item .number {
    font-size: 60px;
    color: #333;
    font-family: OPPOSans-R;
    font-weight: 600;
}

.globalNumber .item:hover .number {
    color: var(--dominant-color)
}

.globalNumber .item .text {
    font-size: 24px;
    color: #666;
    font-family: OPPOSans-R;
}

.globalLeft .summary {
    font-size: 20px;
    color: #666;
    margin-top: 40px;
}

.globalRight, .section-body-right {
    width: 630px;
    height: 630px;
}

.globalRight #mountNode {
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
    background: url(../images/earth_bg.png) no-repeat top center;
    position: relative;
}

.globalRight #mountNode .shadow {
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(../images/shadow.png);
    background-size: 96% 96%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.globalRight #mountNode .shadow2 {
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(../images/shadow2.png);
    background-size: 100% 100%;
    background-position: -50% -50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: -1;
}

.home-global-site-3d {
    position: relative;
    width: 100%;
}

.home-global-site-3d .section {
    height: 100%;
}

.home-global-site-3d .link-more {
    margin-top: 16px;
}

.home-global-site-3d .por-container {
    height: 100%;
}

.home-global-site-3d #earth {
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    position: relative;
}

.home-global-site-3d #labels {
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    z-index: 2;
}

.home-global-site-3d #labels > div {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 18px;
    height: 29px;
    background: url('../images/green.svg') no-repeat;
    background-size: contain;
    color: #252b3a;
}

.home-global-site-3d #labels > div.rec {
    background: url('../images/green.svg') no-repeat;
    background-size: contain;
}

.home-global-site-3d #labels > div.rec .labelText::before {
    border-color: #e58026 !important;
}

.home-global-site-3d #labels > div.rec .labelText::after {
    background: #e58026 !important;
}

.home-global-site-3d #labels > div.rec .wave {
    box-shadow: inset #e58026 0 0 5px !important;
}

.home-global-site-3d #labels > div.rec .wave.wave2 {
    box-shadow: inset #e58026 0 0 5px !important;
}

.home-global-site-3d #labels > div .labelText {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    padding: 3px 8px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(91, 116, 148, 0.17);
    position: relative;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate(0%, 0%) translate(30px, -30px);
}

.home-global-site-3d #labels > div .labelText .label-title {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.home-global-site-3d #labels > div .labelText .label-desc {
    display: none
}

.home-global-site-3d #labels > div .labelText::before {
    content: '';
    display: block;
    position: absolute;
    height: 14px;
    width: 19px;
    border-top: 1px solid #009c96;
    border-left: 1px solid #009c96;
    background: transparent;
    left: -21px;
    top: 15px;
}

.home-global-site-3d #labels > div .labelText::after {
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    width: 3px;
    background: #009c96;
    left: -22px;
    top: 27px;
    border-radius: 50%;
}

.home-global-site-3d #labels > div .labelText.bottom {
    transform: translate(-100%) translate(-8px, -23px);
}

.home-global-site-3d #labels > div .labelText.bottom::before {
    height: 9px;
    width: 17px;
    border: 1px solid #009c96;
    border-bottom: none;
    border-left: none;
    left: auto;
    right: -18px;
    top: 12px;
}

.home-global-site-3d #labels > div .labelText.bottom::after {
    left: auto;
    right: -19px;
    top: 20px;
}

.home-global-site-3d #labels > div .labelText.left {
    transform: translate(-100%, 0) translate(-2px, -52px);
}

.home-global-site-3d #labels > div .labelText.left::before {
    height: 38px;
    width: 10px;
    border: 1px solid #009c96;
    border-bottom: none;
    border-left: none;
    left: auto;
    right: -11px;
    top: 13px;
}

.home-global-site-3d #labels > div .labelText.left::after {
    left: auto;
    right: -12px;
    top: 49px;
}

.home-global-site-3d #labels > div .waves {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}

.home-global-site-3d #labels > div .waves .wave {
    width: 8px;
    height: 6px;
    position: absolute;
    top: 16px;
    left: 5px;
    box-shadow: inset #009c96 0 0 5px;
    border-radius: 50%;
}

.home-global-site-3d #labels > div .waves .wave.wave1 {
    animation: none;
}

.home-global-site-3d #labels > div .waves .wave.wave2 {
    width: 16px;
    height: 11px;
    top: 14px;
    left: 1px;
    animation: none;
}

@keyframes warn2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    30% {
        opacity: 0.5;
    }
    50% {
        opacity: 0.4;
    }
    75% {
        opacity: 0.2;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

@keyframes warn {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    30% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.2;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

.home-global-site-3d #labels > div:hover {
    z-index: 200000 !important;
}

.home-global-site-3d #labels > div:hover .waves .wave1 {
    animation: warn 1.5s ease-out infinite;
}

.home-global-site-3d #labels > div:hover .waves .wave2 {
    animation: warn2 1.5s ease-out infinite;
}

.home-global-site-3d #labels > div:hover .labelText {
    padding: 10px 12px;
    z-index: 10000;
}

.home-global-site-3d #labels > div:hover .labelText .label-title {
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    font-weight: 600;
}

.home-global-site-3d #labels > div:hover .labelText .label-desc {
    display: block;
}

.home-global-site-3d .section-body {
    display: flex;
    height: calc(100%);
    position: relative;
    align-items: flex-start;
}

.home-global-site-3d .section-body .section-body-right,
.home-global-site-3d .section-body .section-body-left {
    width: 630px;
    height: 630px;
}

.home-global-site-3d .section-body-bottom {
    position: absolute;
    bottom: 64px;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    height: 180px;
}

.home-global-site-3d .section-body-bottom .safety-card-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 55px;
}

.home-global-site-3d .section-body-bottom .safety-card {
    display: block;
    width: 157px;
    height: 160px;
    padding-top: 16px;
    transition: 0.2s;
}

.home-global-site-3d .section-body-bottom .safety-card p {
    font-size: 14px;
    line-height: 22px;
    color: #252b3a;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home-global-site-3d .section-body-bottom .safety-card:hover p {
    color: #c7000b;
}

.home-global-site-3d .section-body-bottom .safety-card-icon {
    width: 92px;
    height: 92px;
    background-size: cover;
    margin: 0 auto 10px;
}

.home-global-site-3d .section-body-left {
    flex: 1;
    height: 100%;
    min-width: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-global-site-3d .section-body-left .global-site-intro-title {
    font-size: 24px;
    color: #252b3a;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home-global-site-3d .section-body-left .global-site-intro-desc {
    font-size: 14px;
    color: #252b3a;
    line-height: 22px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.home-global-site-3d .section-body-left .global-site-intro-link {
    display: inline-block;
    font-size: 14px;
    color: #252b3a;
    line-height: 24px;
    margin-top: 16px;
    transition: 0.2s;
}

.home-global-site-3d .section-body-left .global-site-intro-link i {
    margin-top: -2px;
    vertical-align: middle;
    transition: transform 0.2s;
}

.home-global-site-3d .section-body-left .global-site-intro-link:hover {
    color: #c7000b;
}

.home-global-site-3d .section-body-left .global-site-intro-link:hover i {
    transform: translate(4px, 0);
}

.home-global-site-3d .section-body-left .global-site-data {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.home-global-site-3d .section-body-left .global-site-data .global-site-text {
    width: 50%;
    margin: 32px 0;
}

.home-global-site-3d .section-body-left .global-site-data .global-site-text .title {
    height: 60px;
    line-height: 60px;
    font-size: 48px;
    color: #252b3a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}

.home-global-site-3d .section-body-left .global-site-data .global-site-text .desc {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #575D6C;
    margin-top: 8px;
}

.home-global-site-3d .section-body-left .global-site-data .global-site-text:hover .title {
    color: #c7000b;
}

.home-global-site-3d .section-body-left .global-site-legend {
    display: flex;
    height: 24px;
    margin-top: 100px;
}

.home-global-site-3d .section-body-left .global-site-legend .legend {
    display: flex;
    align-items: center;
    height: 24px;
    line-height: 24px;
}

.home-global-site-3d .section-body-left .global-site-legend .legend span {
    color: #252b3a;
    font-size: 14px;
    margin-left: 10px;
}

.home-global-site-3d .section-body-left .global-site-legend .legend + .legend {
    margin-left: 32px;
}

.home-global-site-3d #mountNode {
    width: 100%;
    height: 100%;
    background: url('../images/earth_bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    position: relative;
}

.home-global-site-3d #mountNode .shadow {
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url('../images/shadow.png');
    background-size: 96% 96%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.home-global-site-3d #mountNode .shadow2 {
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url('../images/shadow2.png');
    background-size: 100% 100%;
    background-position: -50% -50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 0;
}

@media (max-width: 1280px) {
    .home-global-site-3d {
        height: 936px;
    }

    .home-global-site-3d .section-body .section-body-left {
        width: 511px;
        height: 511px;
        margin-top: 36px;
    }

    .home-global-site-3d .section-body .section-body-right {
        flex: 1;
        display: flex;
        width: 511px;
        height: 511px;
        margin-top: 36px;
    }

    .home-global-site-3d .section-body .section-body-bottom {
        bottom: 64px;
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-list {
        padding: 10px 0;
    }

    .home-global-site-3d #mountNode {
        width: 511px;
        height: 511px;
    }
}

@media (max-width: 1023px) {
    .home-global-site-3d {
        background: #f5f5f6;
        height: auto;
    }

    .home-global-site-3d .global-site-intro {
        display: none;
    }

    .home-global-site-3d .section-body {
        display: block;
    }

    .home-global-site-3d .section-body .section-body-right {
        display: none !important;
    }

    .home-global-site-3d .section-body .global-site-legend {
        display: none !important;
    }

    .home-global-site-3d .section-body .section-body-left {
        flex: 1;
        height: 190px;
        min-width: auto;
        margin-top: 0;
        width: 100%;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-data {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text {
        width: 50%;
        margin: 15px 0;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text .title {
        height: 40px;
        line-height: 40px;
        font-size: 32px;
        color: #252b3a;
        transition: all 0.3s;
        text-align: center;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text .desc {
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        color: #000;
        margin-top: 5px;
        text-align: center;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-data .global-site-text:hover .title {
        color: #c7000b;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-legend {
        display: flex;
        height: 24px;
        position: absolute;
        bottom: 0;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-legend .legend {
        display: flex;
        align-items: center;
        height: 24px;
        line-height: 24px;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-legend .legend span {
        color: #252b3a;
        font-size: 14px;
        margin-left: 10px;
    }

    .home-global-site-3d .section-body .section-body-left .global-site-legend .legend + .legend {
        margin-left: 32px;
    }

    .home-global-site-3d .section-body .section-body-bottom {
        position: relative;
        margin-top: 9px;
        height: 250px;
        overflow: hidden;
        bottom: 0;
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-item {
        display: flex;
        justify-content: center;
        min-width: 30%;
        flex: 1;
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-list {
        display: flex;
        height: 237px;
        flex-wrap: wrap;
        padding: 8px 12px;
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card {
        width: 90%;
        height: 110px;
        padding-top: 16px;
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card .safety-card-icon {
        width: 60px;
        height: 60px;
        margin: 0 auto 6px;
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card p {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        color: #252b3a;
        text-align: center;
        padding: 0 4px;
    }
}

/*鍏充簬鎴戜滑*/

/*鏂伴椈涓績*/
.pageBg {
    background: #f6f7f7;
    display: flow-root;
}

.topNews {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
    padding: 40px 30px;
}

.topNews .swiper {
    padding: 10px;
}

.topNews a {
    display: flex;
}

.topNews .imgBox {
    width: 60%;
    padding-bottom: 40%;
    border-radius: 14px;
}

.topNews .text {
    width: 40%;
    padding-left: 40px;
}

.topNews .text .title {
    font-size: 28px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 30px;
    font-weight: 600;
    margin-top: 50px;
}

.topNews .text .summary {
    font-size: 20px;
    color: #999;
    line-height: 2;
}

.topNews .text .sub {
    font-size: 20px;
    color: #999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15%;
}

.topNews .text .sub .time {
    font-family: OPPOSans-R;
}

.topNews .text .sub .more {
    /*font-size: 18px;*/
}

.topNews .swiper-slide:hover .more, .topNews .swiper-slide:hover .more {
    color: #009c96;
}

.topNews .swiper-slide:hover .title {
    color: #009c96;
}

.topNews .swiper-button {
    width: 180px;
    height: 70px;
    display: flex;
    justify-content: space-between;
    margin-right: 10px;
    margin-left: auto;
    position: absolute;
    bottom: 20px;
    right: 10px;
    z-index: 10;
}

.topNews .swiper-button .swiper-button-prev,
.topNews .swiper-button .swiper-button-next {
    position: initial;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #d1d1d1;
    margin-top: 0;
}

.topNews .swiper-button .swiper-button-prev:hover,
.topNews .swiper-button .swiper-button-next:hover {
    background: var(--linear-color);
}

.topNews .swiper-button .swiper-button-prev:after,
.topNews .swiper-button .swiper-button-next:after {
    content: '';
    width: 100%;
    height: 100%;
}

.topNews .swiper-button .swiper-button-prev:after {
    background: url('../images/prev1.png') no-repeat center
}

.topNews .swiper-button .swiper-button-next:after {
    background: url('../images/next.png') no-repeat center
}

.topNews .swiper-slide:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.bottomNews {
    margin-top: 80px;
}

.newsMenu {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 60px;
    padding-bottom: 20px;
}

.newsMenu a {
    font-size: 24px;
    color: #666;
    margin-right: 30px;
}

.newsMenu a.active {
    color: #009c96;
}

.bottomNews .newsContainer {
    display: flex;
    flex-wrap: wrap;
}

.bottomNews .newsContainer .item {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    position: relative;
    transition: all 0.5s !important;
}

.bottomNews .newsContainer .item-box {
    background: #fff;
    box-shadow: 0 0 3px 3px rgba(211, 211, 211, 0.1);
    height: 100%;
}

.bottomNews .newsContainer .item:hover {
    /*transform: translateY(-10px) !important;*/
    /*transition: all 0.5s !important;*/
}

.bottomNews .newsContainer .item:nth-child(3n) {
    margin-right: 0;
}

.bottomNews .newsContainer .item .imgBox {
    padding-bottom: 64%;
}

.bottomNews .newsContainer .item:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.bottomNews .newsContainer .item .text {
    padding: 30px;
}

.bottomNews .newsContainer .item .text .title {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.6;
}

.bottomNews .newsContainer .item .text .summary {
    font-size: 16px;
    color: #666;
    line-height: 2;
    margin-bottom: 90px;
}

.bottomNews .newsContainer .item .text .sub {
    position: absolute;
    bottom: 40px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #9fa0a0;
    width: calc(100% - 60px);
}

.bottomNews .newsContainer .item .text .sub .time {
    font-family: OPPOSans-R;
}

.bottomNews .newsContainer .item:hover .more {
    color: #009c96;
}

.bottomNews .newsContainer .item::after {
    content: '';
    height: 2px;
    width: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #009c96;
    transition: all 0.5s;
}

.bottomNews .newsContainer .item:hover::after {
    width: 100%;
    transition: all 0.5s;
}

.bottomNews .newsContainer .item:hover .title {
    color: #009c96;
}

a.newsMore,
button.newsMore {
    width: 150px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    background: var(--linear-color);
    border-radius: 30px;
    display: block;
    cursor: pointer;
    transition: all 0.5s;
    margin: 50px auto 0;
}

.newsMore:hover {
    width: 170px;
    transition: all 0.5s;
    color: #fff;
}

.news-detail {
    margin-top: 250px;
}

.news-detail .location {
    padding: 0;
    width: 100%;
}

.news-detail .title {
    font-size: 60px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}

.news-detail .time {
    text-align: center;
    font-size: 24px;
    color: #999;
    margin-top: 70px;
}

.news-detail .news-detail-container {
    font-size: 20px;
    line-height: 1.6;
    color: #666;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    margin-top: 40px;
    padding-top: 70px;
    padding-bottom: 300px;
}

.news-detail .news-detail-container img {
    margin: 20px auto;
}

.pages {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-top: 40px;
}

.pages .pageLeft a {
    font-size: 24px;
    color: #666;
}

.pages .pageLeft a:hover {
    color: #009c96
}

.pages .pageLeft {
    max-width: 80%;
}

.pages a.prev {
    margin-bottom: 20px;
}

.pages .newsMore {
    margin-right: 0;
    margin-top: 0;
}

/*鏂伴椈涓績*/

/*鍛樺伐椋庨噰*/
.staff .itemList {
    display: flex;
}

.staff .itemList {
    margin-bottom: 10px;
}

.staff .itemList .item {
    border-radius: 8px;
    overflow: hidden;
    max-height: 285px;
    position: relative;
    cursor: pointer;
    transition: all 0.5s;
}

.staff .itemList .item:nth-child(1) {
    width: 67%;
    margin-right: 10px;
}

.staff .itemList .item:nth-child(2) {
    width: 33%;
}

.staff .itemList img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.staff .itemList:nth-child(2n) .item:nth-child(1) {
    width: 33%;
}

.staff .itemList:nth-child(2n) .item:nth-child(2) {
    width: 67%;
}

.staff .itemList .item .bg-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    transition: all 0.5s;
}

.staff .itemList .item .mask-bg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.staff .itemList .item:hover .mask-bg {
    top: 0;
}

.staff .itemList .item .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px;
    color: #fff;
}

.staff .itemList .item .text .title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.staff .itemList .item .text .summary {
    font-size: 16px;
    line-height: 1.6;
    opacity: 0;
    transition: all 0.5s;
    transform: translate(0, 80px);
}

.staff .itemList .item .text .more {
    font-size: 16px;
    background: url('../images/next.png') no-repeat center right;
    padding-right: 40px;
    display: inline-block;
    margin-top: 30px;
    opacity: 0;
    transition: all 0.5s;
    transform: translate(0, 80px);
}

.staff .itemList .item:hover .text .summary,
.staff .itemList .item:hover .text .more {
    opacity: 1;
    transition: all 0.5s;
    transform: translate(0, 0);
}

/*鍛樺伐椋庨噰*/

/*绀句細璐ｄ换*/
.socialTitle {
    font-size: 48px;
    color: #333;
    font-weight: 600;
    text-align: center;
    max-width: 1180px;
    margin: auto;
    padding: 0 20px;
}

.socialTitle span {
    position: relative;
}

.socialTitle span::after {
    content: '';
    width: 39px;
    height: 36px;
    position: absolute;
    background: url('../images/social01.png') no-repeat center;
    margin: auto;
}

.socialTitle .span1::after {
    top: 0;
    left: -50px;
}

.socialTitle .span1::before {
    content: '';
    width: 39px;
    height: 36px;
    position: absolute;
    background: url('../images/social01.png') no-repeat center;
    bottom: 0;
    right: -50px;
    transform: rotate(180deg);
}

.socialTitle .span2::after {
    /*bottom:0;
    right: -20px;
    transform: rotate(180deg);*/
}

.subTitle {
    font-size: 32px;
    text-align: right;
    margin-top: 140px;
}

.subTitle span {
    position: relative;
}

.subTitle span::after {
    content: '';
    width: 160px;
    height: 2px;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: -180px;
    background: #c3c3c3;
    margin: auto;
}

.socialBox {
    max-width: 80%;
    padding: 0 20px;
    margin: auto;
    width: 80%;
}


.socialBox1 .item {
    background: #f7f8f8;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 80px;
    transition: all 0.5s;
}

.socialBox1 .item:hover {
    transition: all 0.5s;
    transform: translateY(-10px);
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.2);
}

.socialBox1 .item .imgBox {
    padding-bottom: 34%;
    width: 54%;
}

.socialBox1 .item .text {
    width: 46%;
    padding: 70px;
}

.socialBox1 .item .title {
    font-size: 48px;
    color: #333;
}

.socialBox1 .item .summary {
    font-size: 24px;
    color: #666666;
    margin-top: 40px;
    line-height: 2;
    max-width: 460px;
}

.socialBox2-bg {
    background: #f7f8f8;
    display: flow-root;
    padding-bottom: 50px;
}

.socialBox .pageTitle {
    color: #333;
    margin-top: 50px;
}

.socialBox2 .investmentBox3 .item {
    width: calc((100% - 100px) / 2);
    margin-right: 50px;
}

.socialBox2 .investmentBox3 .item .imgBox {
    padding-bottom: 84%
}

.socialBox3 {
    display: flex;
    margin: 30px auto;
}

.socialBox3 .leftImg,
.socialBox3 .rightImg {
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.socialBox3 .midImg {
    margin: 0 20px;
    width: 41%;
}

.socialBox3 .item {
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
}

.socialBox3 .item img {
    transition: all 0.5s;
}

.socialBox3 .item:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.socialBox3 .item .text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 20px;
    cursor: pointer;

    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 100%;
    transition: all 0.5s;
}

.socialBox3 .item .mask {
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s;
}

.socialBox3 .item:hover .text {
    top: 0;
    transition: all 0.5s;
}

.socialBox3 .item:hover .mask {
    opacity: 1;
    transition: all 0.5s;
}

.socialBox3 .item .text .title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.socialBox3 .item .text .summary {
    font-size: 16px;
    line-height: 1.6;
}

/*绀句細璐ｄ换*/

/*灞曚細淇℃伅*/
.exhibitionBox {
    display: flex;
    flex-wrap: wrap;
}

.exhibitionBox .item {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    margin-bottom: 30px;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    position: relative;
    transition: all 0.5s !important;
}

.exhibitionBox .item-box {
    background: #fff;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.2);
    height: 100%;
}

.exhibitionBox .item:hover {
    transform: translateY(-10px) !important;
    transition: all 0.5s !important;
}

.exhibitionBox .item:nth-child(2n) {
    margin-right: 0;
}

.exhibitionBox .item .imgBox {
    padding-bottom: 60%;
}

.exhibitionBox .item .text {
    padding: 40px 50px;
}

.exhibitionBox .item .title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
}

.exhibitionBox .item .sub {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 60px;
}

.exhibitionBox .item .add,
.exhibitionBox .item .time {
    font-size: 20px;
    color: #666;
    padding: 12px 0;
}

.exhibitionBox .item .add {
    background: url('../images/exhibition03.jpg') no-repeat center left;
    padding-left: 40px;
    margin-right: 70px;
}

.exhibitionBox .item .time {
    background: url('../images/exhibition04.jpg') no-repeat center left 2px;
    padding-left: 40px;
}

.exhibitionBox .item .more {
    color: #999;
    font-size: 20px;
    position: absolute;
    bottom: 40px;
}

.exhibitionBox .item:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.exhibitionBox .item::after {
    content: '';
    height: 2px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #009c96;
    transition: all 0.5s;
}

.exhibitionBox .item:hover::after {
    width: 100%;
    transition: all 0.5s;
}

.exhibitionBox .item:hover .title,
.exhibitionBox .item:hover .more {
    color: #009c96;
}

.exhibitionMore .ex-share .item img {
    max-width: 60%;
}

.exhibitionMore {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 100px;
    padding-bottom: 50px;
    align-items: center;
}

.exhibitionMore .ex-time {
    font-size: 24px;
    color: #666;
    width: 400px;
}

.exhibitionMore .ex-share {
    display: flex;
    align-items: center;
}

.exhibitionMore .ex-share .item {
    filter: grayscale(1) brightness(1.3);
    transition: all 0.5s;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.exhibitionMore .ex-share .item:hover {
    filter: none;
    transition: all 0.5s;
}

.exhibitionMore .ex-share .item .share-wechat-code {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 120px;
    display: none;
    transition: all 0.5s;
    border: 1px solid #eee;
}

.exhibitionMore .ex-share .item .share-wechat-code p {
    font-size: 16px;
    text-align: center;
    color: #666;
    margin-top: 5px;
}

.exhibitionMore .ex-share .item .share-wechat-code img {
    max-width: 100%;
}

.exhibitionMore .ex-share .item:hover .share-wechat-code {
    display: block;
}

.news-detail.exhibition-detail .news-detail-container {
    border: none;
    padding-bottom: 100px;
    margin-top: 0;
    padding-top: 0;
}

.news-detail.exhibition-detail {
    margin-top: 0;
}

.ex-more-product-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.ex-more-product-box .item {
    width: calc((100% - 100px) / 3);
    margin-right: 50px;
    margin-bottom: 50px;
}

.ex-more-product-box .item:nth-child(3n) {
    margin-right: 0;
}

.ex-more-product-box .imgBox {
    padding-bottom: 65%;
    border-radius: 14px;
}

.ex-more-product-box .title {
    font-size: 24px;
    color: #666;
    font-weight: 400;
    margin-top: 20px;
}

.ex-more-product-box .item:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.ex-more-product-box .item:hover .title {
    color: #009c96
}

.exhibitionBanner {
    position: relative;
}

.exhibitionBanner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.exh-box {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
}

.exh-box .location {
    margin: auto;
}

.exh-text {
    right: 0;
    max-width: 80%;
    padding: 0 20px;
    margin: auto;
    position: absolute;
    left: 0;
    bottom: 15%;
    width: 90%;
}

.exh-text .ex-title {
    font-size: 52px;
    margin-bottom: 50px;
    font-weight: 600;
}

.exh-text .time {
    background: url('../images/ex-time.png') no-repeat center left;
    padding-left: 50px;
    font-size: 32px;
    color: #666;
}

.exh-text .add {
    background: url('../images/ex-add.png') no-repeat center left;
    padding-left: 50px;
    font-size: 32px;
    color: #666;
    margin: 20px 0;
}

.exh-text .number {
    background: url('../images/ex-number.png') no-repeat center left;
    padding-left: 50px;
    font-size: 32px;
    color: #666;
}

.exh-text.white {
    filter: grayscale(1) brightness(100);
    color: #fff;

}

/*灞曚細淇℃伅*/

/*涓氬姟鑱旂郴*/
.business {
    display: flex;
    flex-wrap: wrap;
}

.business .item {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 20px;
    /*overflow: hidden;*/
    box-shadow: 0 0 3px 3px rgba(211, 211, 211, 0.1);
    cursor: pointer;
}

.business .item:nth-child(3n) {
    margin-right: 0;
}

.business .bus-top {
    background: var(--linear-color);
    color: #fff;
    padding: 36px 40px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.business .bus-top .title {
    font-size: 32px;
    font-weight: 600;
}

.business .bus-top .sub {
    font-size: 16px;
    margin-top: 10px;
}

.business .bus-bottom {
    padding: 40px;
    font-size: 20px;
    color: #666;
}

.business .bus-bottom a {
    color: #666;
    display: block;
    font-family: OPPOSans-B;
}

.business .add {
    background: url('../images/service01.png') no-repeat left top;
    padding-left: 50px;
    margin-bottom: 20px;
}

.business .tel {
    background: url('../images/service02.png') no-repeat left top;
    padding-left: 50px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.business .e-mail {
    background: url('../images/service03.png') no-repeat left top;
    padding-left: 50px;
}

.business .item-box {
    transition: all 0.5s;
}

.business .item-box:hover {
    transform: translateY(-10px);
    transition: all 0.5s;
}

/*涓氬姟鑱旂郴*/

/*鍞悗鏈嶅姟*/
.after-sale-bg {
    position: relative;
}

.after-sale-bg-phone {
    display: none;
}

.after-sale-bg:after {
    content: '';
    background: url('../images/aftersale04.jpg') no-repeat right;
    position: absolute;
    width: 69%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 40px 0 0 40px;
    z-index: 0;
}

.after-sale {
    position: relative;
    z-index: 1;
    padding: 85px 0;
}

.after-sale .item {
    background: rgba(255, 255, 255, 0.8);
    padding: 30px;
    margin-bottom: 20px;
    max-width: 685px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    transition: all 0.5s;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 3px 3px rgba(211, 211, 211, 0.15);
}

.after-sale .item .itemIcon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--linear-color);
    text-align: center;
    line-height: 80px;
}

.after-sale .item .text {
    margin-left: 30px;
    width: calc(100% - 110px);
}

.after-sale .item .text .title {
    font-size: 32px;
    font-weight: 600;
}

.after-sale .item .text .summary {
    font-size: 24px;
    color: #666;
    margin-top: 10px;
    line-height: 1.6;
}

.after-sale .item .text .summary a {
    color: #666
}

.after-sale .item:nth-child(2) .text .summary {
    font-size: 36px;
}

.after-sale .item:nth-child(3) .text .summary {
    font-size: 28px;
}

.after-sale .item:hover {
    transform: translateY(-10px) !important;
    transition: all 0.5s !important;
}

.after-sale .item::after {
    content: '';
    width: 55%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    backdrop-filter: blur(3px);
    z-index: -1;
}

/*鍞悗鏈嶅姟*/


/*鍦ㄧ嚎鐣欒█*/
.messages .layui-form-item {
    margin-top: 30px;
}
.messages .layui-form-label {
    width: 110px;
    text-align: left;
    padding-left: 0;
    font-size: 16px;
}

.messages .pageTitle {
    color: #333;
    font-size: 32px;
}

.messages .form-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.messages .input-box {
    width: calc((100% - 70px) / 2);
    margin-right: 70px;
    margin-bottom: 50px;
}

.messages .input-box:nth-child(2n) {
    margin-right: 0;
}

.messages .input-box:last-child {
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
}

.messages .input-title {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}

.messages input {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 0 30px;
    height: 60px;
    width: 100%;
    font-size: 20px;
    border: none;
    color: #666;
}

.messages input:focus {
    outline: none;
}

.messages input::placeholder {
    font-size: 24px;
    color: #d1d1d1
}

.messages textarea {
    width: 100%;
    resize: none;
    border: none;
    padding: 30px;
    background: #f5f5f5;
    font-size: 20px;
    font-family: '寰蒋闆呴粦';
    height: 350px;
}

.messages textarea:focus {
    outline: none;
    color: #666;
}
.messages textarea::placeholder {
    font-size: 24px;
    color: #d1d1d1
}
@media screen and (max-width: 768px) {
    .messages textarea::placeholder {
        font-size: 16px;
        color: #d1d1d1
    }
}
.messages .thank {
    font-size: 20px;
    color: #999;
    margin-top: 20px;
}

.success {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.success-1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.success::before {
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5)
}

.success-box {
    width: 70%;
    max-width: 668px;
    height: 600px;
    background: url('../images/messages01.jpg') no-repeat center;
    position: relative;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*margin: auto;*/
    border-radius: 40px 40px 0 0;
    background-size: cover;
}

.success-box .text {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
}

.success-box .title {
    font-size: 36px;
    color: #333;
    font-weight: 600;
}

.success-box .summary {
    color: #a3a3a3;
    margin-top: 20px;
    font-size: 24px;
}

.success-box::after {
    content: '';
    height: 40px;
    background: var(--linear-color);
    position: absolute;
    bottom: -40px;
    width: 100%;
    left: 0;
    border-radius: 0 0 40px 40px;
}

.mes-close {
    width: 100px;
    height: 100px;
    background: #adadad;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    /*margin: auto;*/
    margin-top: 80px;
    position: relative;
    cursor: pointer;
}

/*鍦ㄧ嚎鐣欒█*/


/*璧勬枡涓嬭浇涓績*/
.search-keyword {
    font-size: 20px;
    text-align: left;
    width: 90%;
    max-width: 80%;
    padding: 0 20px;
}

.search-keyword span {
    margin-right: 20px;
}

.pro-search {
    max-width: 80%;
    padding: 0 20px;
    width: 90%;
    margin: 30px auto;
    position: relative;
}

.pro-search form {
    position: relative;
}

.pro-search input {
    width: 100%;
    /*height: 120px;*/
    height: 80px;
    padding: 0 30px;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(5px);
    border: none;
    border-radius: 14px;
    color: #fff
}

.pro-search input:focus {
    outline: none;
}

.pro-search button {
    width: 160px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    cursor: pointer;
    border-radius: 14px;
}

.pro-search input::placeholder {
    font-size: 20px;
    color: #fff
}


/*璧勬枡涓嬭浇涓績*/


/*闆嗗洟鎴愬憳*/
.member {
    background: #f7f8f8;
    display: flow-root;
}

.memberBox {
    display: flex;
    flex-wrap: wrap;
}

.memberBox .item {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 12%;
}

.memberBox .item:nth-child(3n) {
    margin-right: 0;
}

.memberBox .item .imgBox {
    padding-bottom: 62%;
    border-radius: 8px;
}

.memberBox .item .imgBox::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
}

.memberBox .item .imgBox .title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 0;
    bottom: 30%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 20px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.memberBox .item .text {
    width: 90%;
    background: #fff;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.02);
    margin: -50px auto 0;
    z-index: 10;
    border-radius: 6px;
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    transition: all 0.5s;
    padding: 40px 30px 40px 40px;
}

.memberBox .item .text .link {
    font-weight: 600;
    background: url('../images/memberIcon.png') no-repeat center right;
    padding-right: 40px;
    display: inline-block;
    filter: grayscale(100) brightness(0);
    transition: all 0.5s;
    position: absolute;
    bottom: 40px;
}

.memberBox .item .summary {
    transition: all 0.5s;
    height: 115px;
    overflow: hidden;
}

.memberBox .item:hover .summary {
    transition: all 0.5s;
    overflow: auto;
    height: 85%;
    padding-right: 10px;
}

.memberBox .item:hover .link {
    filter: none;
    transition: all 0.5s;
    color: #009c96;
}

.memberBox .item:hover .imgBox .title {
    bottom: 60%;
    transition: all 0.5s;
}

.memberBox .item:hover .text {
    height: 80%;
    transition: all 0.5s;
}

.memberBox .item .summary::-webkit-scrollbar-thumb, .memberBox .item .summary::-webkit-scrollbar-track {
    border-radius: 0;
}

.memberBox .item .summary::-webkit-scrollbar {
    width: 2px;
}

/*浜у搧涓績*/
.productBox-1 {
    background: url('../images/product01.jpg') no-repeat center;
    display: flow-root;
    background-size: cover;
}

.proBox-1 {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}

.proBox-1 .summary {
    font-size: 24px;
    line-height: 2;
    /*max-width: 550px;*/
    color: #666;
    /*text-align: justify;*/
}

.proBox-1 .text {
    width: 42%;
}

.proBox-1 .img {
    position: relative;
    height: fit-content;
    width: 52%;
}

.proBox-1 .img::after {
    content: '';
    position: absolute;
    width: 40%;
    height: 126%;
    background: #e4e4e4;
    border-radius: 8px 0 0 8px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.proBox-1 .imgSwiper {
    border-radius: 14px;
    overflow: hidden;
    margin-right: 50px;
    z-index: 10;
    position: relative;
    border-radius: 14px;
}

.proBox-1 .imgSwiper img {
    transition: all 0.5s;
    width: 100%;
}

.proBox-1 .imgSwiper:hover img {
    transition: all 0.5s;
    transform: scale(1.1);
}

.imgSwiper {
    /*max-width: 605px;*/
}

a.pro-download {
    width: 240px;
    height: 70px;
    border-radius: 36px;
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    display: flex;
    font-size: 24px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    margin-top: 40px;
    transition: all 0.5s;
    justify-content: center;
    align-items: center;
}

a.pro-download:hover {
    color: #fff
}

a.pro-download img {
    margin-left: 20px;
    width: 30px;
    height: 36px;
}

a.pro-download span {
    /*background: url('../images/pdf.png') no-repeat center right;*/
    /*padding-right: 50px;*/
    /*display: inline-block;*/
    /*transition: all 0.5s;*/
}

a.pro-download:hover {
    width: 260px;
    transition: all 0.5s;
}

/*浜у搧涓績*/


/*鑱旂郴鎴戜滑*/
.contactBox {
    display: flex;
    flex-wrap: wrap;
}

.contactBox .item {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    border: 1px solid #eee;
    cursor: pointer;
}

.contactBox .item:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.contactBox .item:nth-child(4n) {
    margin-right: 0;
}

.contactBox .item .text {
    padding: 30px 20px 50px;
}

.contactBox .item .text .title {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 20px;
}

.contactBox .item .text .summary,
.contactBox .item .text .summary a {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 2;
}

/*鍦板浘*/
#mapContainer {
    width: 100%;
    height: 680px;
    z-index: 0;
}

#tip {
    height: 30px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    font-size: 12px;
    right: 10px;
    bottom: 20px;
    border-radius: 3px;
    line-height: 30px;
    border: 1px solid #ccc;
}

div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}

div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
    text-align: left;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

div.info-middle {
    font-size: 12px;
    padding: 10px;
    line-height: 21px;
    text-align: left
}

div.info-bottom {
    height: 0;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}

/*鍦板浘*/
/*鑱旂郴鎴戜滑*/

/*瑙嗛璧勬枡*/
.videoBox {
    display: flex;
    flex-wrap: wrap;
}

.videoBox .item {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    background: #fff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 0 15px 5px rgba(211, 211, 211, 0.1);
    cursor: pointer;
    transition: all 0.5s;
}

.videoBox .item:nth-child(3n) {
    margin-right: 0;
}

.videoBox .item .imgBox {
    padding-bottom: 56%;
    border-radius: 20px;
}

.videoBox .item .imgBox video {
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.videoBox .item .imgBox::after {
    content: '';
    background: url('../images/video-button.png') no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.videoBox .item:hover {
    transform: translateY(-10px) !important;
}

.videoBox .item:hover .title {
    color: var(--dominant-color)
}

.videoBox .item .text {
    text-align: center;
    color: #6d6d6d
}

.videoBox .item .title {
    font-size: 24px;
    margin: 20px 0 10px;
    font-weight: 600;
}

.videoBox .item .summary {
    font-size: 18px;
}

.videoBox .item .download {
    background: url('../images/download.png') no-repeat center;
    width: 30px;
    height: 30px;
    margin: 30px auto 10px;
    filter: grayscale(1);
    display: block;
}

.videoBox .item:hover .download {
    filter: none;
}

.videoShow {
    width: 80%;
    max-width: 1200px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 15px 5px rgba(211, 211, 211, 0.2);
    z-index: 200;
    padding: 30px;
    height: fit-content;
    display: none;
}

.videoShow video {
    max-height: 80vh;
    max-width: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
}

.video-close {
    width: 50px;
    height: 50px;
    background: url('../images/menu-close.png') no-repeat center;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

/*瑙嗛璧勬枡*/

/*浜у搧璧勬枡*/
.product-search .title {
    font-size: 36px;
}

.product-search .search-title {
    font-size: 36px;
}

.product-search .item {
    margin-bottom: 50px;
}

.search-box {
    background: #fff;
    border-radius: 14px;
    padding: 50px 50px 30px;
    margin-top: 30px;
    color: #6d6d6d
}

.search-box .item {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.search-box-height {
    height: 130px;
    overflow: hidden;
}

.search-box .item .search-title {
    font-size: 28px;
    width: 130px;
}

.search-box .item .search-value {
    width: calc(100% - 130px);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.search-box .item {
    margin-bottom: 20px;
}

.search-box .item2,
.search-box .item3 {
    display: none;
}

.search-box .item:last-child {
    margin-bottom: 0;
}

.search-box .item .search-value .value-all,
.search-box .item .search-value .list-value {
    padding: 15px 20px;
    border-radius: 14px;
    border: 1px solid #d4d4d4;
    font-size: 20px;
    margin-right: 50px;
    margin-bottom: 25px;
    cursor: pointer;
}

.search-box .item .search-value .value-all span,
.search-box .item .search-value .list-value span {
    background: url('../images/jiahao.png') no-repeat center right;
    padding-right: 30px;
}

.search-box .item .search-value .value-all.active,
.search-box .item .search-value .list-value.active {
    border-color: #009c96;
    color: #009c96
}

.search-box .item .search-value .value-all.active span,
.search-box .item .search-value .list-value.active span {
    background: url('../images/search-check.png') no-repeat center right;
}

.search-up {
    width: 20px;
    height: 20px;
    background: url('../images/search-up.png') no-repeat center;
    cursor: pointer;
    transition: all 0.5s;
}

.search-up.active {
    transition: all 0.5s;
    transform: rotate(180deg);
}

.search-result {
    padding-top: 120px;
    margin-top: -50px;
    display: none;
}

.search-result .resultTitle {
    color: #009c96;
    font-size: 36px;
}

.search-result .pro-detail-download .item:first-child {
    background: #ebebeb;
    border-radius: 20px 20px 0 0;
    font-size: 26px;
    font-weight: 600;
    color: #333;
    font-family: '寰蒋闆呴粦' !important;
    pointer-events: none;
}

.search-result .pro-detail-download .item {
    border-radius: 0;
    background: #f5f5f5;
    display: none;
}

.search-result .pro-detail-download .item:nth-child(even) {
    background: #fff;
}

.search-result .pro-detail-download {
    padding-bottom: 30px;
}

.no-result {
    text-align: center;
    margin-top: 200px;
    margin-bottom: 50px;
}

/*浜у搧璧勬枡*/


/*鎶曡祫鑰呭叧绯?/
.investmentContainer {
    max-width: 80%;
    padding: 0 20px;
    margin: 60px auto;
    width: 90%;
}

.investBg {
    background: #f8f8f8;
    display: flow-root;
}

.investTitle {
    font-size: 36px;
    color: #333;
}

.invest-con {
    border-top: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
    margin: 30px auto;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}

.invest-con .invest-left .title {
    font-size: 36px;
    color: #333;
    font-weight: 600;
}

.invest-con .invest-left .title span {
    font-family: OPPOSans-R;
    margin-left: 20px;
}

.invest-con .invest-left .number {
    font-family: OPPOSans-R;
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
}

.invest-con .invest-left .number span {
    color: #ec4417;
    font-size: 80px;
    letter-spacing: 3px;
}

.invest-con .invest-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
    max-width: 690px;
}

.invest-con .invest-right .time {
    font-size: 20px;
    font-family: OPPOSans-R;
    text-align: right;
    color: #999
}

.invest-con .invest-right .update {
    display: flex;
    justify-content: space-between;
    font-family: OPPOSans-R;
    color: #333;
    margin-bottom: 20px;
}

.invest-con .invest-right .update .item p {
    font-size: 24px;
}

.invest-con .invest-right .update span {
    font-size: 40px;
    color: #ec4417;
    font-weight: 900;
}

.k-line {
    text-align: center;
}

.k-line img {
    max-width: 1000px;
    width: 100%;
}

.investmentBox1 {
    margin-top: 40px;
    padding-bottom: 40px;
}

.investmentBox1 a {
    display: flex;
    border-radius: 14px;
    background: #f8f8f8;
    overflow: hidden;
}

.investmentBox1 .imgBox {
    width: 50%;
    padding-bottom: 34%;
    overflow: hidden;
}

.investmentBox1 .text {
    padding: 60px;
    width: 50%;
    position: relative;
}

.investmentBox1 .text .title {
    font-size: 28px;
    color: #333;
    line-height: 1.6;
}

.investmentBox1 .text .time {
    font-size: 20px;
    color: #666;
    margin-top: 50px;
    font-family: OPPOSans-R;
}

.investmentBox1 .text .more {
    position: absolute;
    bottom: 60px;
    background: url('../images/next4.png') no-repeat center right;
    padding-right: 50px;
    font-size: 16px;
    color: #333;
    transition: all 0.5s;
    filter: grayscale(1) brightness(0);
}

.investmentBox1:hover .imgBox img {
    transform: translate(-50%, -50%) scale(1.1);
}

.investmentBox1:hover .title,
.investmentBox1:hover .more {
    color: var(--dominant-color);
    filter: none;
}

.investmentBox2 {
    display: flex;
    margin-top: 40px;
    padding-bottom: 40px;
}

.investmentBox2 .item {
    width: calc((100% - 220px) / 3);
    margin-right: 110px;
    background: #fff;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.01);
    transition: all 0.5s;
    cursor: pointer;
}

.investmentBox2 .item .view {
    padding: 40px 40px 60% 40px;
    display: block;
}

.investmentBox2 .item:last-child {
    margin-right: 0;
}

.investmentBox2 .item .time {
    font-family: OPPOSans-R;
    font-size: 20px;
    color: #666;
}

.investmentBox2 .item .title {
    font-size: 28px;
    color: #333;
    margin-top: 20px;
}

.investmentBox2 .item .download {
    background: url('../images/pdf2.png') no-repeat left bottom;
    font-size: 16px;
    color: #009c96;
    padding-left: 60px;
    padding-top: 30px;
    /*margin-top: 80px;*/
    margin-bottom: 60px;
    position: absolute;
    top: 180px;
    left: 40px;
}

.investmentBox2 .item::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 40px;
    left: 0;
    width: 100%;
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
}

.investmentBox2 .item:hover {
    transform: translateY(-10px);
    transition: all 0.5s;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
}

.investmentBox3 {
    display: flex;
    margin-top: 40px;
    padding-bottom: 40px;
}

.investmentBox3 .item {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}

.investmentBox3 .item:last-child {
    margin-right: 0;
}

.investmentBox3 .item .imgBox {
    padding-bottom: 120%;
}

.investmentBox3 .item .text {
    position: absolute;
    bottom: -60px;
    width: 100%;
    text-align: center;
    transition: all 0.5s;
    backdrop-filter: blur(0px);
    padding: 30px 20px 40px;
}

.investmentBox3 .item .text .title {
    font-size: 28px;
    color: #fff;
}

.investmentBox3 .item .text .more {
    font-size: 16px;
    color: #fff;
    padding-right: 50px;
    background: url('../images/next.png') no-repeat center right;
    display: inline-block;
    margin-top: 30px;
}

.investmentBox3 .item:hover .text {
    backdrop-filter: blur(5px);
    transition: all 0.5s;
    bottom: 0;
}

.investmentBox3 .item:hover {
    transform: translateY(-10px);
    transition: all 0.5s;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
}

.investmentBox4 {
    display: flex;
    margin-top: 40px;
    padding-bottom: 40px;
}

.investmentBox4 .item {
    display: flex;
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    position: relative;
    border-radius: 14px;
    box-shadow: 0 0 3px 3px rgba(211, 211, 211, 0.2);
    transition: all 0.5s;
    overflow: hidden;
}

.investmentBox4 .item:last-child {
    margin-right: 0;
}

.investmentBox4 .item .imgBox {
    padding-bottom: 50%;
}

.investmentBox4 .item a {
    width: 100%;
}

.investmentBox4 .item .text {
    width: 100%;
    padding: 30px;
    transition: all 0.5s;
}

.investmentBox4 .item .text .title {
    font-size: 20px;
    color: #333;
    min-height: 52px;
    line-height: 1.6;
}

.investmentBox4 .item .text .time {
    color: #666;
    font-size: 16px;
    margin-top: 16px;
}

.investmentBox4 .item .text .more {
    font-size: 16px;
    color: #333;
    padding-right: 50px;
    background: url('../images/next3.png') no-repeat center right;
    margin-top: 30px;
    font-weight: 600;
}

.investmentBox4 .item:hover {
    transform: translateY(-10px);
    transition: all 0.5s;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
}

.investmentBox4 .item:hover .text {
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    transition: all 0.5s;
}

.investmentBox4 .item:hover .title,
.investmentBox4 .item:hover .time {
    color: #fff;
}

.investmentBox4 .item:hover .more {
    color: #fff;
    background: url('../images/next.png') no-repeat center right;
}

#investment01,
#investment02,
#investment03,
#investment04,
#investment05 {
    scroll-margin-top: 110px
}

/*鎶曡祫鑰呭叧绯?/

/*瑙ｅ喅鏂规*/
.solution {
    display: flex;
    flex-wrap: wrap;
}

.solution .item {
    width: calc((100% - 80px) / 3);
    margin-right: 40px;
    margin-bottom: 40px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    background: #000;
}

.solution .item:nth-child(3n) {
    margin-right: 0;
}

.solution .item .imgBox {
    padding-bottom: 83%;
    transition: all 0.5s;
}

.solution .item .text {
    position: absolute;
    top: 100%;
    left: 0;
    /*backdrop-filter: blur(5px);*/
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 60px;
    flex-direction: column;
    transition: all 0.5s;
}

.solution .item .text .title {
    font-size: 22px;
    margin-bottom: 30px;
}

.solution .item .text .summary {
    font-size: 16px;
    text-align: justify;
    line-height: 1.6;
    -webkit-line-clamp: 4;
}



.solution .item .text .more {
    font-size: 16px;
    color: #fff;
    padding-right: 50px;
    background: url('../images/next.png') no-repeat center right;
    margin-top: 50px;
}

.solution .item .titles {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
    font-size: 28px;
    color: #fff;
    transition: all 0.5s;
}

@media screen and (max-width: 1600px) {
    .solution .item .titles {
        font-size: 24px;
    }

}

.solution .item:hover .text {
    top: 0;
    transition: all 0.5s;
}

.solution .item:hover .titles {
    opacity: 0;
    transition: all 0.5s;
}

.solution .item:hover .imgBox {
    filter: blur(10px);
    transition: all 0.5s;

    opacity: 0.6;
    transform: scale(1.1);
}

.solutionDetail .item:nth-child(even) {
    background: #f7f8f8;
    display: flow-root;
}

.solutionDetail .solutionTitle {
    font-size: 48px;
    text-align: center;
    color: #666;
    margin-bottom: 40px;
}

.solutionDetail .item1 .summary {
    font-size: 20px;
    color: #666;
    /*max-width: 1200px;*/
    line-height: 2;
    margin: 0 auto;
}

.solutionDetail .item2 .item2Box {
    display: flex;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.solutionDetail .item2 .item2Box:hover .imgBox img {
    transform: translate(-50%, -50%) scale(1.1);
}

.solutionDetail .item2 .text {
    width: 56%;
}

.solutionDetail .item2 .imgBox {
    width: 44%;
    padding-bottom: 32%;
}

.solutionDetail .item2 .text {
    padding: 45px;
    text-align: center;
}

.solutionDetail .item2 .text .title {
    font-size: 28px;
    color: #333;
    margin: 30px auto 20px;
    font-weight: 600;
}

.solutionDetail .item2 .text .summary {
    font-size: 20px;
    color: #666;
    line-height: 1.6;
    text-align: left;
}

.solutionDetail .item3 .summary {
    color: #666666;
    max-width: 1200px;
    margin: auto;
    font-size: 20px;
    line-height: 1.6;
}

.solutionDetail .item3 .item3Box {
    display: flex;
    max-width: 1200px;
    margin: 50px auto 0;
}

.solutionDetail .item3 .item3Box .text {
    width: 56%;
}

.solutionDetail .item3 .item3Box .img {
    width: 44%;
    border-radius: 20px;
    /*box-shadow: 0 0 3px 3px rgba(211,211,211,0.3);*/
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.solutionDetail .item3 .item3Box .img img {
    width: 100%;
}

.solutionDetail .item3 .item3Box .text {
    display: flex;
    flex-wrap: wrap;
    margin: 0 50px;
}

.solutionDetail .item3Box .item3-list {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 20px;
    background: #f7f8f8;
    border-radius: 20px;
    overflow: hidden;
}

.solutionDetail .item3Box .item3-list:nth-child(2n) {
    margin-right: 0;
}

.solutionDetail .item3Box .item3-list .item3Title {
    font-size: 24px;
    height: 50px;
    padding: 0 20px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    font-weight: 600;
}

.solutionDetail .item3Box .item3-list .item3Summary {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    padding: 30px;
}

.solutionDetail .item4Box-swiper .swiper {
    padding-bottom: 50px;
    --swiper-pagination-color: #009c96;
}

.solutionDetail .item4Box-swiper .swiper-slide {
    border-radius: 14px;
    overflow: hidden;
    padding: 20px 30px 30px;
    background: #fff;
    height: auto;
}

.solutionDetail .item4Box-swiper .swiper-slide .icon {
    background: #009c96 linear-gradient(to right, rgba(32, 156, 255, 0.39), rgba(104, 204, 227, 0.39));
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.solutionDetail .item4Box-swiper .swiper-slide .title {
    color: #333;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

.solutionDetail .item4Box-swiper .swiper-slide ul {
    color: #666;
    padding-left: 30px;
}

.solutionDetail .item4Box-swiper .swiper-slide ul li {
    font-size: 20px;
    color: #666;
    line-height: 1.6;
    list-style: disc;
}

.solutionDetail .item4Box-swiper .swiper-slide ul li::marker {
    color: #c5c5c5;
}

.solutionDetail .item5Box-swiper .swiper {
    padding-bottom: 50px;
    --swiper-pagination-color: #009c96;
}

.solutionDetail .item5Box-swiper .swiper-slide .icon {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.solutionDetail .item5Box-swiper .swiper-slide .title {
    color: #333;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 600;
}

.solutionDetail .item5Box-swiper .swiper-slide .summary {
    color: #666;
    font-size: 20px;
    line-height: 1.6;
}


.solutionDetail .item6 .summary {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 14px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}

.solutionDetail .item6 .summary .summaryContainer {
    max-width: 1200px;
    padding: 50px;
    margin: auto;
    font-size: 20px;
    line-height: 1.8;
}

.solutionDetail .item7 .item7Box {
    display: flex;
}

.solutionDetail .item7 .item7Box .leftMenu {
    width: 400px;
    margin-right: 50px;
    border-right: 1px solid #eee;
}

.solutionDetail .item7 .item7Box .leftMenu .item-list {
    font-size: 24px;
    color: #666;
    margin-bottom: 30px;
    padding-right: 50px;
    cursor: pointer;
    position: relative;
    text-align: right;
}

.solutionDetail .item7 .item7Box .leftMenu .item-list.active {
    color: #333;
    font-weight: 600;
}

.solutionDetail .item7 .item7Box .leftMenu .item-list.active::after {
    content: '';
    height: 100%;
    width: 5px;
    background: #009c96;
    position: absolute;
    right: -3px;
    top: 0;
}

.phone-title {
    display: none;
}

.solutionDetail .item7 .item7Box .rightContainer {
    width: calc(100% - 400px);
}

.solutionDetail .item7 .item7Box .rightContainer .summary {
    font-size: 20px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 40px;
}

.solutionDetail .item7 .item7Box .item-list-container-div {
    margin-bottom: 40px;
}

.solutionDetail .item7 .item7Box .item-list-container-div .title {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 600;
}

.solutionDetail .item7 .list-div-box {
    display: flex;
    flex-wrap: wrap;
}

.solutionDetail .item7 .list-div {
    border: 1px solid #eee;
    padding: 10px 20px;
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
}

.solutionDetail .item7 .list-div:nth-child(4n) {
    margin-right: 0;
}

.solutionDetail .item7 .item7Box .item-list-container {
    display: none;
}

.solutionDetail .item7 .item7Box .item-list-container.active {
    display: block;
}

.solutionDetail .item7 .item7Box .item-list-container-div ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}

.solutionDetail .item7 .item7Box .item-list-container-div ul li {
    width: 60%;
    font-size: 20px;
    color: #666;
    line-height: 2;
    list-style: disc;
}

.solutionDetail .item7 .item7Box .item-list-container-div ul li::marker {
    color: #009c96;
}

.solutionDetail .item7 .item7Box .item-list-container-div ul li:nth-child(2n) {
    width: 40%;
}

.solutionDetail .item7 .table {
    border: 1px solid #eee;
    font-size: 20px;
    color: #333
}

.solutionDetail .item7 .table .table-list {
    display: flex;
}

.solutionDetail .item7 .table .table-list .key-title {
    width: 18%;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.solutionDetail .item7 .table .table-list:last-child .key-title {
    border-bottom: none
}

.solutionDetail .item7 .table .table-list .value-container {
    width: 82%;
}

.solutionDetail .item7 .key-title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #009c96;
}

.solutionDetail .item7 .table .table-list .value-container .value-list {
    display: flex;
    border-bottom: 1px solid #eee;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.solutionDetail .item7 .table .table-list:last-child .value-container .value-list {
    border-bottom: none;
}

.solutionDetail .item7 .table .table-list .value-container .key {
    width: 36%;
}

.solutionDetail .item7 .table .table-list .value-container .value {
    width: 64%;
    border-left: 1px solid #eee;
    padding: 30px 60px;
    text-align: left;
}

.solutionDetail .item8 .item8Box {
    display: flex;
    flex-wrap: wrap;
}

.solutionDetail .item8 .item8Box .item {
    width: calc((100% - 75px) / 6);
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 14px;
    box-shadow: 0 0 3px 3px rgba(211, 211, 211, 0.05);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
    background: #fff;
}

.solutionDetail .item8 .item8Box .item:nth-child(6n) {
    margin-right: 0
}

.solutionDetail .item8 .item8Box .item:last-child {
    font-size: 58px;
    text-align: center;
    color: #666;
    letter-spacing: 3px;
}

.solutionDetail .item8 .item8Box .imgBox {
    padding-bottom: 36%;
}

.solutionDetail .item8 .item8Box .item:hover {
    transform: translateY(-5px);
    transition: all 0.5s;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
}

.solutionDetail .solution-product {
    background: #f7f8f8;
    display: flow-root;
}

.solutionDetail .solution-product-Container {
    max-width: 80%;
    padding: 0 20px;
    margin: 80px auto;
    width: 90%;
}

.solutionDetail .solution-product .solution-product-swiper {
    position: relative;
}

.solutionDetail .solution-product .solution-product-swiper .swiper-slide {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 0 5px 5px rgba(211, 211, 211, 0.1);
    transition: all 0.5s;
}

.solutionDetail .solution-product .solution-product-swiper .swiper-slide .imgBox {
    padding-bottom: 55%;
}

.solutionDetail .solution-product-swiper .swiper-slide .title {
    font-size: 20px;
    text-align: center;
    color: #333;
    margin-top: 10px;
    margin-bottom: 30px;
}

.solutionDetail .solution-product-swiper .swiper-slide:hover {
    transform: translateY(-5px);
    transition: all 0.5s;
}

.solutionDetail .solution-product-swiper .swiper-slide:hover .title {
    color: var(--dominant-color)
}

.solutionDetail .solution-product-swiper .swiper-slide:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.solutionDetail .solution-product-swiper .swiper-button-prev,
.solutionDetail .solution-product-swiper .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d1d1d1;
    transition: all 0.5s;
}

.solutionDetail .solution-product-swiper .swiper-button-prev:hover,
.solutionDetail .solution-product-swiper .swiper-button-next:hover {
    background: var(--linear-color)
}

.solutionDetail .solution-product-swiper .swiper-button-prev {
    left: -80px;
}

.solutionDetail .solution-product-swiper .swiper-button-next {
    background: #d1d1d1;
    right: -80px;
}

.solutionDetail .solution-product-swiper .swiper-button-prev:after,
.solutionDetail .solution-product-swiper .swiper-button-next:after {
    background: url('../images/prev1.png') no-repeat center;
    content: '';
    width: 100%;
    height: 100%;
}

.solutionDetail .solution-product-swiper .swiper-button-next:after {
    background: url('../images/next.png') no-repeat center;
}

/*瑙ｅ喅鏂规*/


/*鎼滅储缁撴灉*/
.search-result-input {
    max-width: 800px;
    position: relative;
    margin-bottom: 80px;
}

.search-result-input input {
    width: 100%;
    height: 80px;
    font-size: 24px;
    color: #666666;
    padding: 0 30px;
    border-radius: 14px;
    border: 2px solid #c9c9c9;
}

.search-result-input input::placeholder {
    font-size: 24px;
}

.search-result-input input:focus {
    outline: none;
    border: 2px solid #c9c9c9
}

.search-result-input button {
    cursor: pointer;
    width: 100px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
}

.search-result-box {
    display: flex;
    justify-content: space-between;
    padding-top: 100px;
}

.search-menu {
    width: 280px;
    margin-top: 160px;
}

.search-result-title {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-bottom: 40px;
}

.search-list .item {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #f4f4f4;
    font-size: 22px;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 20px;
    cursor: pointer;
}

.search-list .item:hover,
.search-list .item.active {
    color: var(--dominant-color)
}

.search-result-container {
    width: calc(100% - 280px);
    padding-left: 10%;
}

.search-result-container .item {
    background: #f7f8f8;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    display: none;
}

.search-result-container .item .downItem,
.search-result-container .item a {
    display: flex;
    justify-content: space-between;
}

.search-result-container .item .itemImg {
    width: 28%;
    border-radius: 8px;
    overflow: hidden;
}

.search-result-container .item .itemImg .imgBox {
    padding-bottom: 60%;
}

.search-result-container .item .itemImg .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-result-container .item .itemText {
    width: 72%;
    padding-left: 30px;
}

.search-result-container .item:hover .imgBox img {
    transform: translate(-50%, -50%) scale(1.1);
}

.search-result-container .item .itemText .sub {
    background: var(--linear-color);
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 5px;
}

.search-result-container .item .itemText .title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
}

.search-result-container .item .itemText .summary {
    color: #999;
    font-size: 16px;
    line-height: 1.6;
    width: 75%;
}

.search-result-container .item .itemText span {
    color: var(--dominant-color)
}

.search-result-container .item .itemText .more {
    background: url('../images/next4.png') no-repeat center right;
    font-size: 16px;
    color: #333;
    margin-right: 0;
    margin-left: auto;
    width: 120px;
    font-weight: 600;
    filter: grayscale(1) brightness(0);
}

.search-result-container .item:hover .title,
.search-result-container .item:hover .more {
    color: var(--dominant-color);
    filter: none
}

.search-result-container .pro-detail-download {
    padding-bottom: 0;
}

.search-result-container .pro-detail-download .item {
    padding: 0;
    margin-bottom: 0;
    justify-content: flex-end;
}

/*鎼滅储缁撴灉*/


/*搴曢儴鏍峰紡*/
.footer.pageFooter .footerBox {
    /*max-width: 80%;*/
    /*width: 90%;*/
}

.footer.pageFooter .footerMenu {
    display: none;
}

.footer.pageFooter .footerTop {
    margin-bottom: 0;
}

/*搴曢儴鏍峰紡*/


.phone-video,.phone-title,.index-swiper .phone-img,.index-about .phone-img {
    display: none;
}


.headerTop,.location,.pageMenuBox,.pageContainer,.factory-text,.globalBox,.investmentContainer,
.pro-search,.search-keyword,.pro-img-box,.exh-text,.socialBox,.banner .text,.index-swiper-button,.index-video-top,
.footerBox,.index-video-bottom .itemList,.pageBanner .title,.sections{
    /*width: 100%;*/
    /*max-width: 100%;*/
    /*padding-left: 270px;*/
    /*padding-right: 270px;*/
}

.product-title {
    display: none;
}

.factorySwiperBox {
    width: 100%;
    max-width: 80%;
    margin: auto;
    padding: 0 20px;

}
.factorySwiperBox .factory-swiper {
    overflow: hidden;
    border-radius: 40px 0 0 40px;
}
@media screen and (max-width: 1800px) {
    .headerTop,.location,.pageMenuBox,.pageContainer,.factory-text,.globalBox,.investmentContainer,
    .pro-search,.search-keyword,.pro-img-box,.exh-text,.socialBox,.banner .text,.index-swiper-button,.index-video-top,
    .footerBox,.index-video-bottom .itemList,.pageBanner .title,.sections,.factorySwiperBox{
        /*width: 90%;*/
        /*max-width: 90%;*/
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
    }
}
@media screen and (max-width: 1600px) {
    .footerTop {
        margin-bottom: 40px;
    }
    .footerMenu {
        padding-top: 40px;
    }
    .footerMenu .item a {
        font-size: 22px;
    }
    .footerMenu .secondMenu a {
        font-size: 20px;
    }

    .headerTop,.location,.pageMenuBox,.pageContainer,.factory-text,.globalBox,.investmentContainer,
    .pro-search,.search-keyword,.pro-img-box,.exh-text,.socialBox,.banner .text,.index-swiper-button,.index-video-top,
    .footerBox,.index-video-bottom .itemList,.pageBanner .title,.sections,.factorySwiperBox{
        width: 90%;
        max-width: 90%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .pro-detail-box1 {
        width: 100%;
    }
    .factorySwiperBox {
        /*padding-right: calc(5% + 20px);*/
    }

    .laboratoryBox, .pro-detail-box1 {
        padding-left: calc(5% + 20px);
    }
    .index-video-top .title, .index-video-bottom .itemList .title {
        font-size: 24px;
    }
    .aboutBox .text-box {
        width: calc(90% - 670px);
    }
    .aboutImg {
        width: 670px;
    }

    /*閫氱敤*/
    .pageBanner {
        height: 600px;
    }

    .pageMenu .item a {
        font-size: 24px;
    }

    .pageTitle {
        font-size: 32px;
    }

    .pageBanner .title {
        font-size: 42px;
        max-width: 100%;
    }

    .pageBanner .summary {
        font-size: 20px;
        max-width: 100%;
    }

    a.newsMore, button.newsMore {
        font-size: 16px;
    }

    .copyLink .sections, .copyLink a {
        font-size: 18px;
    }

    /*瑙ｅ喅鏂规*/
    .solutionDetail .solution-product-Container {
        padding: 0 50px;
    }

    .solutionDetail .solutionTitle {
        font-size: 38px;
    }

    .solutionDetail .item4Box-swiper .swiper-slide .title,
    .solutionDetail .item5Box-swiper .swiper-slide .title,
    .solutionDetail .item7 .item7Box .leftMenu .item-list {
        font-size: 24px;
    }

    .solutionDetail .item4Box-swiper .swiper-slide ul li, .solutionDetail .item5Box-swiper .swiper-slide .summary {
        font-size: 20px;
    }

    .solutionDetail .item6 .summary .summaryContainer p {
        font-size: 20px !important;
    }

    /*瑙ｅ喅鏂规*/
    /*绀句細璐ｄ换*/
    .socialTitle {
        font-size: 40px;
    }

    .socialBox1 .item .title {
        font-size: 32px;
    }

    .subTitle, .investmentBox3 .item .text .title {
        font-size: 24px;
    }

    .socialBox1 .item .summary {
        font-size: 20px;
    }

    /*绀句細璐ｄ换*/
    /*灞曚細淇℃伅*/
    .exhibitionBox .item .title {
        font-size: 24px;
    }

    .exhibitionBox .item .add, .exhibitionBox .item .time {
        font-size: 18px;
    }

    .exh-text .ex-title {
        font-size: 42px;
    }

    .exh-text .time, .exh-text .add, .exh-text .number {
        font-size: 24px;
    }

    /*灞曚細淇℃伅*/
    /*鏂伴椈涓績*/
    .topNews .text .title {
        font-size: 24px;
    }

    .topNews .text .summary, .topNews .text .sub {
        font-size: 16px;
    }

    .bottomNews .newsContainer .item .text .title {
        font-size: 20px;
    }

    .news-detail .title {
        font-size: 48px;
    }

    /*鏂伴椈涓績*/
    /*鍦ㄧ嚎鐣欒█*/
    .messages .input-title, .messages input {
        font-size: 24px;
    }

    .messages input::placeholder, .sod_select, .messages textarea {
        font-size: 24px !important;
    }

    /*鍦ㄧ嚎鐣欒█*/
    /*浜у搧璇︽儏*/
    .pro-img-box .proText .title {
        font-size: 32px
    }

    .pro-img-box .proText .summary {
        font-size: 20px;
    }

    .pro-detail-box1 .swiper-slide .text .title {
        font-size: 24px;
        min-height: 65px;
    }

    .pro-detail-box1 .swiper-slide .text .summary {
        font-size: 20px !important;
        margin-top: 30px;
    }

    /*浜у搧璇︽儏*/
    .historySwiper-thumbs .swiper-button-prev {
        left: 0;
    }

    .historySwiper-thumbs .swiper-button-next {
        right: 0
    }

    /*鍦ㄧ嚎鐣欒█*/
    .messages input {
        padding: 0 20px;
    }

    .messages input, .sod_select .sod_label, .sod_select {
        height: 60px !important;
        line-height: 60px;
    }

    .messages textarea {
        height: 300px;
        padding: 20px;
    }

    .sod_select .sod_label, .sod_select .sod_list li {
        padding: 0 20px !important;
    }

    .success-box {
        height: 450px;
    }

    /*鍦ㄧ嚎鐣欒█*/
    /*浜у搧涓績*/
    .new-energy-change-box .item-list {
        zoom: 0.8;
    }

    .proBox-1 .summary, a.pro-download {
        font-size: 20px;
    }

    .proList .item .text .title, .solution-swiper .swiper-slide .title {
        font-size: 24px;
    }

    .productBox-2 .proMore {
        font-size: 18px;
    }

    .solution-swiper .swiper-slide .summary {
        font-size: 16px;
    }

    .pro-contact .item .text {
        font-size: 24px;
    }

    /*浜у搧涓績*/
    /*鎶曡祫鑰呭叧绯?/
    .investTitle {
        font-size: 32px;
    }

    .invest-con .invest-left .title {
        font-size: 28px;
    }

    .invest-con .invest-left .number span {
        font-size: 64px;
    }

    .invest-con .invest-right .update .item p {
        font-size: 20px;
    }

    .invest-con .invest-right .update span, .investmentBox1 .text .title,
    .investmentBox2 .item .title {
        font-size: 24px;
    }

    /*鎶曡祫鑰呭叧绯?/
    /*涓嬭浇璧勬枡*/
    .product-search .title, .search-result .resultTitle {
        font-size: 32px;
    }

    .search-box .item .search-title, .search-result .pro-detail-download .item:first-child {
        font-size: 24px;
    }

    .search-box .item .search-value .value-all, .search-box .item .search-value .list-value {
        font-size: 18px;
    }

    /*涓嬭浇璧勬枡*/
}

@media screen and (max-width: 1440px) {
    /*閫氱敤*/
    .pageBanner {
        height: 500px;
    }

    .pageMenu .item a {
        font-size: 20px;
    }

    .pageBanner .title {
        font-size: 48px;
    }

    .productMenu a {
        font-size: 16px;
    }

    .goTop {
        width: 60px;
        height: 60px;
        background-size: 20px;
        z-index: 11;
    }


    /*鎶曡祫鑰呭叧绯?/
    .investTitle {
        font-size: 32px;
    }

    .invest-con .invest-left .title, .invest-con .invest-right .update span {
        font-size: 32px;
    }

    .invest-con .invest-left .number span {
        font-size: 64px;
    }

    .investmentBox1 .text .title, .investmentBox2 .item .title, .investmentBox3 .item .text .title {
        font-size: 24px;
    }

    .investmentBox2 .item {
        width: calc((100% - 40px) / 2);
        margin-right: 20px;
    }

    /*鎶曡祫鑰呭叧绯?/
    /*瑙ｅ喅鏂规*/
    .solutionDetail .solution-product-swiper .swiper-button-prev {
        left: 10px;
    }

    .solutionDetail .solution-product-swiper .swiper-button-next {
        right: 10px;
    }

    .solutionDetail .solution-product-Container {
        padding: 0 20px;
    }

    /*瑙ｅ喅鏂规*/
    /*鏂伴椈涓績*/
    .topNews .text .title {
        font-size: 24px;
    }

    .bottomNews .newsContainer .item .text .title {
        font-size: 20px;
    }

    /*鏂伴椈涓績*/
    /*鍏充簬鎴戜滑*/
    .culture .item .text .title {
        font-size: 28px;
    }

    .culture .item .text .summary {
        /*margin-top: 10px;*/
        font-size: 20px;
    }

    .historySwiper .swiper-slide .slideImg .year {
        font-size: 108px;
    }

    .factorySwiperBox {
        /*padding-right: calc(10% + 20px);*/
    }

    .text-top {
        font-size: 36px;
    }

    .culture .item .text {
        /*padding: 20px;*/
    }


}

@media screen and (max-width: 1366px) {
    .headerTop,.location,.pageMenuBox,.pageContainer,.factory-text,.globalBox,.investmentContainer,
    .pro-search,.search-keyword,.pro-img-box,.exh-text,.socialBox,.banner .text,.index-swiper-button,.index-video-top,
    .footerBox,.index-video-bottom .itemList,.pageBanner .title,.sections,.factorySwiperBox{
        width: 90%;
        max-width: 90%;
    }
    .pro-detail-box1 {
        width: 100%;
    }
    .factorySwiperBox {
        /*padding-right: calc(5% + 20px);*/
    }

    .laboratoryBox, .pro-detail-box1 {
        padding-left: calc(5% + 20px);
    }
    .aboutBox .text-box {
        /*width: 45%;*/
    }
    .footerMenu .item a {
        font-size: 20px;
    }
    .footerMenu .secondMenu a {
        font-size: 18px;
    }
    .footerMenu .secondMenu {
        margin-top: 20px;
    }
    .footerTop {
        margin-bottom: 30px;
    }
    .footerMenu {
        padding-top: 30px;
    }
    .business .item {
        width: calc((100% - 40px) / 2);
        margin-right: 20px;
    }
    .business .item:nth-child(3n) {
        margin-right: 20px;
    }
    .business .item:nth-child(2n) {
        margin-right: 0;
    }


    /*鎼滅储椤甸潰*/
    .search-list .item {
        font-size: 18px;
    }

    .search-menu {
        width: 180px;
    }

    .search-result-container {
        width: calc(100% - 180px);
    }

    .search-result-input input {
        font-size: 20px;
        height: 60px;
    }

    .search-result-input input::placeholder {
        font-size: 20px;
    }

    .search-result-input button {
        height: 60px;
    }

    .search-result-input button img {
        width: 30px;
    }

    .exh-text .ex-title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .exh-text .time, .exh-text .add, .exh-text .number {
        font-size: 20px;
    }

    .exh-text {
        bottom: 10%;
    }

    .exhibitionBanner {
        height: 600px;
    }

    .exhibitionBanner img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

}

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

    .pageMenu .item a {
        font-size: 16px;
    }

    .aboutImg {
        width: 590px;
    }
    .aboutBox .text-box {
        width: calc(100% - 620px);
    }


    .pageMenu .item {
        margin: 0 1%;
    }

    .language .language-box, .language-show a {
        font-size: 14px;
    }

    .header.header1 .menuBox ul li a {
        display: block;
    }


    /*鎶曡祫鑰呭叧绯?/
    .invest-con .invest-right {
        width: 60%;
    }

    /*鎶曡祫鑰呭叧绯?/
    /*瑙ｅ喅鏂规*/
    .solution .item .text .title, .solution .item .titles {
        font-size: 24px
    }

    .solution .item .text .summary {
        font-size: 16px;
    }

    .solution .item .text {
        padding: 40px;
    }

    /*瑙ｅ喅鏂规*/
    /*闆嗗洟鎴愬憳*/
    .memberBox .item {
        width: calc((100% - 20px) / 2);
    }

    .memberBox .item:nth-child(3n) {
        margin-right: 20px;
    }

    .memberBox .item:nth-child(2n) {
        margin-right: 0;
    }

    /*闆嗗洟鎴愬憳*/
    /*浜у搧涓績*/
    .pro-contact .item .text, .solution-swiper .swiper-slide .title {
        font-size: 24px;
    }

    .solution-swiper .swiper-slide .summary {
        font-size: 18px;
    }

    /*浜у搧涓績*/
    /*浜у搧璇︽儏*/
    .pro-img-box .proText .title {
        font-size: 16px
    }

    .pro-img-box .proText .summary {
        font-size: 14px;
    }

    .pro-detail-box1 .swiper-slide .text .title, .plan .swiper-slide .title {
        font-size: 24px;
    }

    .pro-detail-box1 .swiper-slide .text .summary {
        /*font-size: 20px;*/
    }

    .plan .swiper-slide .summary {
        font-size: 16px;
    }

    /*浜у搧璇︽儏*/
    /*鍏充簬鎴戜滑*/
    .aboutImg .item6 .number, .aboutImg .item .number {
        font-size: 36px;
    }

    .aboutImg .item6 {
        width: 300px;
    }

    .culture .item .text {
        padding: 20px;
    }

    .historySwiper .swiper-slide .slideImg .year {
        font-size: 86px;
    }

    .historySwiper .swiper-slide .text .title, .historySwiper .swiper-slide .text .sub {
        font-size: 24px;
    }

    .historySwiper .swiper-slide .text .summary {
        font-size: 20px;
    }

}

@media screen and (max-width: 1000px) {
    .index-about .phone-img ,.product-title{
        display: block;
    }
    .index-swiper-button {
        bottom: 50px;
    }

    .headerTop {
        width: 100%;
        max-width: 100%;
    }

    /*閫氱敤*/
    .pageBanner {
        height: 300px;
    }

    .pageBanner .title {
        font-size: 20px;
        width: 100%;
        padding-left:0
    }

    .pageBanner .sub {
        margin-bottom: 0
    }

    .pageBanner .sub {
        font-size: 14px;
    }

    .pageBanner .summary {
        font-size: 14px;
        width: 100%;
        margin-top: 10px;
    }

    .location {
        display: none;
    }

    .pageMenu {
        position: initial;
        overflow: auto;
    }


    .aboutMenu {
        display: none;
    }

    .pageMenu .item {
        margin: 0;
        padding: 0 10px;
        width: calc(100% / 3);
        flex-shrink: 0;
    }

    .pageMenuBox {
        padding: 0;
        justify-content: flex-start;
        max-width: 100%;
    }


    .pageMenu .item a {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .pageContainer {
        margin: 30px auto;
        padding: 0 20px;
        max-width: 100%;
        width: 100%;
    }

    .pages a {
        font-size: 14px;
    }

    .pageMenu .item:hover {
        background: none;
    }

    .pageTitle {
        font-size: 20px;
    }

    a.newsMore, button.newsMore {
        margin: 20px auto 50px;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
    }

    .search img {
        width: 20px;
    }

    /*閫氱敤*/
    /*鎶曡祫鑰呭叧绯?/
    .investTitle {
        font-size: 20px;
    }

    .investmentContainer {
        margin: 30px auto;
        width: 100%;
        max-width: 100%;
    }

    .invest-con .invest-left .title, .invest-con .invest-right .update span {
        font-size: 20px;
    }

    .invest-con .invest-left .number span {
        font-size: 24px;
    }

    .investmentBox1 .text .title, .investmentBox2 .item .title {
        font-size: 18px;
    }

    .investmentBox2 .item {
        width: calc((100% - 40px) / 2);
        margin-right: 20px;
    }

    .invest-con {
        flex-direction: column;
        margin: 10px 0;
        padding: 20px 0;
    }

    .invest-con .invest-right, .investmentBox1 .imgBox {
        width: 100%;
    }

    .invest-left {
        margin-bottom: 20px;
    }

    .invest-con .invest-left .number {
        margin-top: 10px;
    }

    .invest-con .invest-right .time {
        font-size: 14px;
        text-align: left;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .invest-con .invest-right .update .item p {
        font-size: 12px;
    }

    .investmentBox3 .item .text .title {
        font-size: 16px;
    }

    .invest-con .invest-left .number {
        font-size: 16px;
    }

    .investmentBox1 a {
        flex-direction: column;
    }

    .investmentBox1 .text {
        width: 100%;
        padding: 20px;
    }

    .investmentBox1 .text .title {
        font-size: 16px;
    }

    .investmentBox1 .text .more {
        position: initial;
    }

    .investmentBox1 .text .time {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .investmentBox1 .text .more {
        font-size: 14px;
    }

    .investmentBox1, .investmentBox2, .investmentBox3, .investmentBox4 {
        margin-top: 20px;
    }

    .investmentBox2, .investmentBox3, .investmentBox4 {
        flex-wrap: wrap;
    }

    .investmentBox2 .item, .investmentBox3 .item, .investmentBox4 .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .investmentBox2 .item .time {
        font-size: 16px;
    }

    .investmentBox2 .item .download {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .investmentBox4 .item .text {
        padding: 20px
    }

    .investmentBox4 .item .text .title {
        font-size: 16px;
    }

    /*鎶曡祫鑰呭叧绯?/
    /*瑙ｅ喅鏂规*/
    .solution .item .text .title, .solution .item .titles {
        font-size: 18px
    }

    .solution .item .text .summary {
        font-size: 14px;
    }

    .solution .item .text {
        padding: 30px 20px;
    }

    .solution .item {
        width: 100%;
        margin-right: 0;
    }

    .solutionDetail .solutionTitle {
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

    .solutionDetail .item1 .summary, .solutionDetail .item2 .text .summary, .solutionDetail .item3 .summary,
    .solutionDetail .item3Box .item3-list .item3Summary {
        font-size: 14px;
    }

    .solutionDetail .item2 .item2Box, .item3Box {
        flex-direction: column;
    }

    .solutionDetail .item2 .text, .solutionDetail .item2 .imgBox, .solutionDetail .item3 .item3Box .text,
    .solutionDetail .item3 .item3Box .img {
        width: 100%;
    }

    .solutionDetail .item2 .text {
        padding: 20px;
    }

    .solutionDetail .item2 .text .title {
        font-size: 16px;
    }

    .solutionDetail .item2 .text .summary {
        -webkit-line-clamp: 999;
    }

    .solutionDetail .item2 .imgBox {
        padding-bottom: 80%;
    }

    .solutionDetail .item3 .item3Box {
        margin-top: 20px;
    }

    .solutionDetail .item3 .item3Box .text {
        margin: 0;
    }

    .solutionDetail .item3Box .item3-list {
        width: 100%;
        margin-right: 0;
    }

    .solutionDetail .item3Box .item3-list .item3Title {
        font-size: 16px;
    }

    .solutionDetail .item3Box .item3-list .item3Summary {
        padding: 20px;
    }

    .solutionDetail .item4Box-swiper .swiper-slide .title, .solutionDetail .item5Box-swiper .swiper-slide .title,
    .solutionDetail .item7 .item7Box .item-list-container-div .title {
        font-size: 16px;
        text-align: center;
    }

    .solutionDetail .item4Box-swiper .swiper-slide ul li, .solutionDetail .item5Box-swiper .swiper-slide .summary,
    .solutionDetail .item7 .list-div {
        font-size: 14px;
    }

    .solutionDetail .item5Box-swiper .swiper-slide .icon {
        margin: 0 auto;
    }

    .solutionDetail .item6 .summary .summaryContainer {
        padding: 20px;
    }

    .solutionDetail .item6 .summary .summaryContainer p {
        font-size: 14px !important;
    }

    .solutionDetail .item7 .item7Box {
        flex-direction: column;
    }

    .solutionDetail .item7 .item7Box .leftMenu, .solutionDetail .item7 .item7Box .rightContainer {
        width: 100%;
    }

    .solutionDetail .item7 .item7Box .leftMenu .item-list {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .solutionDetail .item7 .item7Box .rightContainer .summary, .solutionDetail .solution-product-swiper .swiper-slide .title {
        font-size: 14px;
    }

    .phone-title {
        display: block;
        color: #333;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .solutionDetail .item7 .list-div {
        width: calc((100% - 20px) / 2);
    }

    .solutionDetail .item7 .list-div:nth-child(2n) {
        margin-right: 0;
    }

    .solutionDetail .item7 .item7Box .item-list-container-div ul li {
        width: 100%;
        font-size: 14px;
    }

    .solutionDetail .item7 .table {
        overflow: auto;
        font-size: 14px;
    }

    .table-box {
        width: 600px;
    }

    .solutionDetail .item7 .table .table-list .value-container .value {
        padding: 20px;
        max-width: 100%;
    }

    .solutionDetail .item8 .item8Box .item {
        width: calc((100% - 20px) / 2);
    }

    .solutionDetail .item8 .item8Box .item:nth-child(2n) {
        margin-right: 0;
    }

    .solutionDetail .solution-product-Container {
        margin-top: 0;
    }

    /*瑙ｅ喅鏂规*/
    /*绀句細璐ｄ换*/
    .socialTitle {
        font-size: 18px;
    }

    .subTitle span::after {
        display: none;
    }

    .socialTitle .span1::after,
    .socialTitle .span2::after,
    .socialTitle .span1::before {
        display: none;
    }

    .subTitle {
        font-size: 14px;
        margin-top: 20px;
    }

    .socialBox1 .item {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .socialBox1 .item .imgBox {
        width: 100%;
        padding-bottom: 60%;
    }

    .socialBox1 .item .text {
        width: 100%;
        padding: 20px;
    }

    .socialBox1 .item .title {
        font-size: 16px;
    }

    .socialBox1 .item .summary {
        font-size: 14px;
        margin-top: 10px;
        line-height: 1.6;
    }

    .socialBox2 .investmentBox3 .item {
        width: 100%;
        margin-right: 0;
    }

    .socialBox {
        flex-direction: column;
        margin-top: 20px;
    }

    .socialBox3 {
        padding: 0;
    }

    .socialBox3 img {
        width: 100%;
    }

    .socialBox3 .leftImg, .socialBox3 .rightImg {
        width: 100%;
    }

    .socialBox3 .midImg {
        width: 100%;
        margin: 0 0 20px;
    }

    .socialBox3 .leftImg .item, .socialBox3 .rightImg .item {
        margin-bottom: 20px;
    }

    /*绀句細璐ｄ换*/
    /*鍛樺伐椋庨噰*/
    .staff .itemList .item {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    .staff .itemList {
        flex-wrap: wrap;
    }

    .staff .itemList .item .text {
        padding: 20px;
    }

    .staff .itemList .item .text .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .staff .itemList .item .text .summary {
        font-size: 14px;
    }

    /*鍛樺伐椋庨噰*/
    /*灞曚細淇℃伅*/
    .exhibitionBox .item .title {
        font-size: 16px;
    }

    .exhibitionBox .item .add, .exhibitionBox .item .time {
        font-size: 14px;
        background-size: 20px;
    }

    .newsMenu a {
        font-size: 16px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .newsMenu {
        margin-bottom: 30px;
    }

    .exhibitionBox .item {
        width: 100%;
        margin-right: 0;
    }

    .exhibitionBox .item .text {
        padding: 20px;
    }

    .exhibitionBox .item .more {
        position: initial;
        font-size: 12px;
    }

    .exhibitionBox .item .sub {
        margin-bottom: 30px;
    }

    .exhibitionBox .item .add {
        margin-right: 20px;
        padding-left: 30px;

    }

    .news-detail .news-detail-container {
        font-size: 14px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .exhibitionMore {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .exhibitionMore .ex-time {
        width: 100%;
        font-size: 14px;
    }

    .ex-share {
        width: 100%;
        margin-top: 30px;
    }

    .exhibitionMore .ex-share .item {
        margin-left: 0;
        margin-right: 20px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .exhibitionMore .ex-share .item img {
        max-width: 100%;
        max-height: 100%;
    }

    .share-wechat-code {
        display: none !important;
    }

    .ex-more-product-box {
        margin-top: 20px;
    }

    .ex-more-product-box .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .ex-more-product-box .title {
        font-size: 16px;
    }

    .exh-text {
        bottom: auto;
        top: 30%;
        margin: auto;
        height: fit-content;
        position: initial;
        margin-top: 30px;
    }

    .exh-text .ex-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .exh-text .add {
        margin: 10px 0;
    }

    .exh-text .time, .exh-text .add, .exh-text .number {
        font-size: 14px;
        background-size: 16px;
        padding-left: 30px;
    }

    .exhibitionBanner {
        height: auto;
    }

    /*灞曚細淇℃伅*/
    /*鏂伴椈涓績*/
    .topNews {
        padding: 10px;
    }

    .topNews a {
        flex-direction: column;
    }

    .topNews .imgBox {
        width: 100%;
        padding-bottom: 70%;
    }

    .topNews .text {
        padding: 0;
        width: 100%;
    }

    .topNews .text .title {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 6px;
    }

    .topNews .text .summary {
        font-size: 14px;
        line-height: 1.4;
    }

    .topNews .swiper-button {
        position: initial;
        width: 100px;
        margin-top: 30px;
        height: 40px;
    }

    .topNews .text .sub {
        margin-top: 10px;
        font-size: 12px;
    }

    .topNews .text .sub .more {
        font-size: 12px;
    }

    .topNews .swiper-button .swiper-button-prev, .topNews .swiper-button .swiper-button-next {
        width: 40px;
        height: 40px;
    }
    .topNews .swiper-button .swiper-button-prev::after, .topNews .swiper-button .swiper-button-next::after {
        background-size: 20px;
    }

    .bottomNews .newsContainer .item {
        width: 100%;
        margin-right: 0;
    }

    .bottomNews .newsContainer .item .text {
        padding: 20px;
    }

    .bottomNews .newsContainer .item .text .title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .bottomNews .newsContainer .item .text .summary {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .bottomNews .newsContainer .item .text .sub {
        position: initial;
        width: 100%;
        font-size: 12px
    }

    .news-detail {
        margin-top: 120px;
    }

    .news-detail .title {
        font-size: 20px;
    }

    .news-detail .time {
        font-size: 18px;
        margin-top: 20px;
    }

    .pages {
        flex-direction: column;
    }

    .pages .pageLeft {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }

    .pages .pageLeft a {
        font-size: 14px;
    }

    .pages .newsMore {
        margin-left: 0;
        margin-right: auto;
    }

    /*鏂伴椈涓績*/
    /*闆嗗洟鎴愬憳*/
    .memberBox .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        padding-bottom: 0;
    }

    .memberBox .item:nth-child(3n) {
        margin-right: 20px;
    }

    .memberBox .item:nth-child(2n) {
        margin-right: 0;
    }

    .memberBox .item .text {
        position: initial;
        margin-top: -10px;
        width: 100%;
    }

    .memberBox .item .imgBox .title {
        bottom: 0 !important;
        font-size: 16px;
    }

    .memberBox .item:hover .summary {
        -webkit-line-clamp: 4;
    }

    .memberBox .item .text .link {
        position: initial;
        margin-top: 30px;
    }

    .memberBox .item .text {
        height: auto !important;
        margin-top: 0 !important;
        padding: 20px;
        font-size: 14px;
    }
    .memberBox .item .summary {
        height: auto;
    }
    .input-title2 {
        display: none;
    }

    .messages .thank {
        font-size: 14px;
    }

    /*闆嗗洟鎴愬憳*/
    /*鍦ㄧ嚎鐣欒█*/
    .messages .input-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .messages .input-title, .messages input {
        font-size: 16px;
    }

    .messages input {
        padding: 0 20px;
        height: 60px;
    }

    .messages input::placeholder, .sod_select, .messages textarea {
        font-size: 16px !important;
    }

    .messages textarea {
        height: 100px;
        padding: 20px;
    }

    /*鍦ㄧ嚎鐣欒█*/
    /*鍞悗鏈嶅姟*/
    .after-sale {
        padding: 30px 0;
    }

    .after-sale-bg:after {
        display: none;
    }

    .after-sale-bg-phone {
        display: block;
    }

    .after-sale .item .text .title {
        font-size: 18px;
    }

    .after-sale .item .text .summary {
        font-size: 14px;
    }

    .after-sale .item {
        align-items: center;
    }

    /*鍞悗鏈嶅姟*/
    /*涓氬姟鑱旂郴*/
    .business .item {
        width: 100%;
        margin-right: 0;
    }

    .business .bus-bottom, .business .bus-top {
        padding: 20px;
    }

    .business .bus-top .title {
        font-size: 20px;
    }

    .business .bus-top .sub, .business .add, .business .bus-bottom {
        font-size: 14px;
    }

    .business .bus-bottom a {
        height: 30px;
        line-height: 28px;
    }

    .business .tel {
        margin-bottom: 20px;
    }

    /*涓氬姟鑱旂郴*/
    /*璧勬枡涓嬭浇*/
    .pro-search, .search-keyword {
        width: 100%;
    }

    .videoBox .item {
        width: 100%;
        margin-right: 0;
    }

    .videoShow {
        width: 98%;
    }

    .videoBox .item .title {
        font-size: 16px;
    }

    .videoBox .item .summary {
        font-size: 14px;
    }

    .pro-search input {
        height: 60px;
        padding: 0 20px;
        font-size: 14px;
    }

    .pro-search input::placeholder {
        font-size: 14px;
    }

    .pro-search button {
        width: 100px;
        height: 60px;
    }

    .pro-search button img {
        width: 20px;
    }

    .search-keyword {
        font-size: 14px;
    }

    .pageBanner.searchBanner {
        height: 450px;
    }

    .product-search .title {
        font-size: 20px
    }

    .search-box {
        padding: 20px;
    }

    .search-box .item {
        flex-direction: column;
    }

    .search-box .item .search-title {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .search-box .item .search-value {
        width: 100%;
    }

    .search-box .item .search-value .list-value, .search-box .item .search-value .value-all {
        font-size: 12px;
        padding: 10px 15px;
        margin-right: 10px;
    }

    .search-up {
        position: absolute;
        right: 0;
    }

    .search-box-height {
        height: 60px;
    }

    .resultTitle {
        font-size: 16px;
    }

    .pro-detail-download {
        overflow: auto;
    }

    .pro-detail-download-box {
        width: 100%;
    }

    .pro-detail-download .item:first-child {
        font-size: 14px;
    }

    .pro-detail-download .item {
        padding: 20px;
        font-size: 14px;
    }

    .pro-detail-download .item .share {
        width: 80px;
    }

    .pro-detail-download .item .share img {
        width: 40%;
    }

    .pro-detail-download .item .share .wechat {
        display: none;
    }

    .search-result {
        padding-top: 70px;
    }

    .search-result .resultTitle {
        font-size: 20px;
    }

    /*璧勬枡涓嬭浇*/
    /*浜у搧璇︽儏*/
    .pro-img-box {
        flex-direction: column;
        max-width: 100%;
    }

    .proImg-swiper {
        width: 100%;
        max-width: 100%;
    }

    .pro-img-box .proText {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .pro-img-box .proText .title {
        margin-bottom: 10px;
    }

    .pro-img-box .proText .summary {
        font-size: 14px;
    }

    a.pro-download {
        width: 100% !important;
        font-size: 16px;
        height: 60px;
        line-height: 60px;
        margin-top: 30px;
    }

    .pro-detail-title {
        margin: 30px auto 20px;
    }

    .pro-detail-box1 {
        width: 100%;
        padding: 0 20px;
    }

    .pro-detail-box1 .swiper-slide .text .title, .plan .swiper-slide .title {
        font-size: 16px;
        min-height: 42px;
    }
    .pro-detail-box1.flexCenter {
        width: 100% !important;
    }

    .pro-detail-box1 .swiper-slide .text .summary {
        font-size: 14px !important;
        margin-top: 20px;
    }

    .pro-detail-box1 .swiper-slide .text {
        margin-bottom: 30px;
        padding: 20px;
    }

    .detail-swiper-button .swiper-button-prev, .detail-swiper-button .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .detail-swiper-button {
        margin-top: 30px;
        max-width: 100%;
    }

    .detail-swiper-button .swiper-pagination {
        width: 50% !important;
    }

    .detail-summary {
        font-size: 16px;
    }

    .field .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .field .title {
        font-size: 14px;
        margin-top: 10px;
    }

    .plan .swiper-slide a {
        padding: 20px;
        flex-direction: column-reverse;
    }

    .plan .swiper-slide .imgBox {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 60%;
    }

    .plan .swiper-slide .text {
        width: 100%;
    }

    .plan .swiper-slide .summary {
        font-size: 14px;
        margin-top: 10px;
    }

    .plan .swiper-slide .more {
        font-size: 14px;
    }

    .search-result .pro-detail-download .item:first-child {
        font-size: 14px;
    }

    .pro-detail-download {
        padding-bottom: 30px;
    }

    .product-detail-top {
        padding-top: 100px;
    }

    /*浜у搧璇︽儏*/
    /*浜у搧涓績*/
    .proBox-1 {
        flex-direction: column-reverse;
    }

    .proBox-1 .text {
        width: 100%;
    }

    .proBox-1 .summary {
        font-size: 14px;
        max-width: 100%;
    }

    .proBox-1 .imgSwiper {
        margin-right: 20px
    }

    .proBox-1 .img {
        margin-bottom: 40px;
        width: 100%;
    }

    .solution-swiper {
        margin: 20px 0 0
    }

    .solutionContainer .swiper-button-prev, .solutionContainer .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .pro-contact .item .text, .solution-swiper .swiper-slide .title {
        font-size: 16px !important;
    }

    .solution-swiper .swiper-slide .summary, .solution-swiper .swiper-slide .more {
        font-size: 14px;
    }

    .pro-contact {
        flex-direction: column;
        margin: 50px auto;
    }

    .pro-contact .item {
        margin: 0 0 20px;
        width: 100%;
        height: 80px;
        justify-content: center;
    }

    .pro-contact .item .icon {
        width: 60px;
    }

    .pro-contact .item .icon img {
        width: 30px;
    }

    .proList .item {
        width: 100%;
        margin-right: 0;
    }

    .proList .item .text .title {
        font-size: 18px;
    }

    .productBox-2 .proMore {
        height: 50px;
        line-height: 50px;
        margin-top: 30px;
        margin-bottom: 50px;
        font-size: 14px;
    }

    .solutionContainer {
        margin: 50px auto;
    }

    .productMenu .item {
        /*margin: 0;*/
    }

    .productMenu a {
        font-size: 16px;
        padding: 20px;
    }

    .new-energy-img {
        display: none;
    }

    .new-energy .pageContainer {
        position: initial;
        /*margin-top: 50px;*/
    }

    .new-energy-change-box .item {
        /*position: initial;*/
        /*margin-right: 0;*/
        /*width: 100%;*/
        /*margin-bottom: 40px;*/
        /*box-shadow: 0 0 5px 5px rgba(211,211,211,0.2);*/
        /*margin-top: 0;*/
    }

    .new-energy-change-box .title {
        font-size: 14px;
    }

    .new-energy .productMenu {
        flex-wrap: wrap;
    }

    .new-energy .productMenu .item {
        width: calc(100% / 3);
        margin: 0;
    }

    .new-energy-change-box .item-list {
        zoom: 0.6;
    }

    .new-energy-change-box {
        margin-top: 30px;
        overflow: auto;
    }

    /*浜у搧涓績*/
    /*鍏充簬鎴戜滑*/
    .factory-swiper {
        height: 250px;
    }

    #about {
        flex-direction: column;
    }

    .aboutBox .text-box .summary {
        margin-top: 10px;
        font-size: 14px;
    }

    .aboutBox .text-box {
        width: 100%;
    }

    .aboutImg {
        display: none;
    }

    .culture .item {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .culture .item:nth-child(2n) {
        margin-right: 0;
    }

    .culture .item .text .title {
        font-size: 16px;
        margin-top: 0;
    }

    .culture .item .text .summary {
        font-size: 14px;
        margin-top: 10px;
    }

    .culture .item .imgBox {
        padding-bottom: 100%;
    }

    .historySwiper .swiper-slide {
        flex-direction: column;
    }

    .historySwiper .swiper-slide .slideImg .year {
        display: none;
    }

    .historySwiper .swiper-slide .text {
        padding-left: 0;
        margin-top: 20px;
    }

    .historySwiper .swiper-slide .text span,.historySwiper .swiper-slide .text p {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    .historySwiper .swiper-slide .text .title, .historySwiper .swiper-slide .text .sub {
        font-size: 20px;
    }

    .historySwiper .swiper-slide .text .sub {
        margin-top: 10px;
        font-size: 16px;
    }

    .historySwiper .swiper-slide .text .summary {
        font-size: 14px;
    }

    .historySwiper-thumbs .swiper-slide:hover, .historySwiper-thumbs .swiper-slide-thumb-active {
        font-size: 20px;
    }

    .historySwiper-thumbs .swiper-button-prev, .historySwiper-thumbs .swiper-button-next {
        display: none;
    }

    .factorySwiperBox {
        /*padding-right: 0;*/
    }

    .factorySwiperBox {
        flex-direction: column;
    }

    .factory-swiper {
        width: 100%;
    }

    .factory-swiper-thumbs, .factory-swiper-thumbs .swiper {
        width: 100%;
        height: auto;
    }

    .factory-swiper-thumbs .swiper .swiper-slide .title {
        font-size: 14px;
    }

    .factory-swiper-thumbs .swiper-button-next, .factory-swiper-thumbs .swiper-button-prev {
        display: none;
    }

    .factory-swiper-thumbs {
        border-radius: 0 0 20px 20px;
    }

    .factory-text .swiper-slide {
        font-size: 14px;
    }

    .laboratoryBox {
        padding: 0 20px;
    }

    .laboratoryBox .summary {
        font-size: 14px;
        margin-top: 10px;
    }

    .laboratory-swiper .title {
        font-size: 14px;
        height: auto;
        line-height: 1.6;
        padding: 10px;
    }

    .honorBox {
        flex-direction: column;
    }

    .text-top {
        font-size: 20px;
    }

    .swiper-title {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .swiper-summary {
        font-size: 14px;
        text-align: left;
    }

    .honor-swiper {
        width: 100%;
    }

    .honor-swiper .swiper {
        min-height: auto;
        padding: 20px;
    }

    .honor-swiper .swiper .swiper-slide.swiper-slide-prev, .honor-swiper .swiper .swiper-slide.swiper-slide-next {
        width: 100%;
    }

    .honor-button .swiper-pagination-fraction {
        display: none;
    }

    .honor-button {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .honor-button .swiper-button-prev, .honor-button .swiper-button-next {
        width: 40px;
        height: 40px;
    }
    .honor-button .swiper-button-prev::after, .honor-button .swiper-button-next::after {
        background-size: 20px;
    }

    .honor-button .swiper-button-next {
        right: 0;
        left: auto;
    }


    .globalBox {
        flex-direction: column;
        max-width: 100%;
    }

    .globalLeft .summary {
        font-size: 14px;
        margin-top: 10px;
    }

    .globalLeft, .globalRight {
        width: 100%;
    }

    .globalNumber .item .number {
        font-size: 20px;
    }

    .globalNumber {
        margin-top: 30px;
    }

    .globalNumber .item .text {
        font-size: 14px;
    }

    .globalNumber .item {
        margin-bottom: 20px;
    }

    .globalRight {
        display: none;
    }

    .parent .swiper::before, .parent .swiper::after {
        display: none;
    }

    .parentBox {
        margin-top: 0;
        margin-bottom: 20px;
    }

    /*鍏充簬鎴戜滑*/
    .historySwiperBox .historySwiper {
        padding-top: 30px;
    }

    /*鎼滅储椤甸潰*/
    .search-result-box {
        flex-direction: column;
    }

    .search-menu {
        width: 100%;
        margin-top: 0;
    }

    .search-result-container {
        width: 100%;
        padding-left: 0;
    }

    .search-result-input {
        margin: 40px auto;
    }

    .search-result-container .item .downItem, .search-result-container .item a {
        flex-direction: column;
    }

    .search-result-container .item .itemImg {
        width: 100%;
    }

    .search-result-container .item .itemText {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }

    .search-result-container .item .itemText .more {
        margin-top: 20px;
        font-size: 14px;
        width: 100px;
    }

    .search-result-container .item .itemText .title {
        font-size: 16px
    }

    .search-result-container .item .itemText .summary {
        font-size: 14px;
        width: 100%;
    }

    .sections {
        width: 100% !important;
    }

    .copyLink .sections, .copyLink a {
        font-size: 14px;
    }
    .copyRight span {
        display: inline-block;
    }

    .footer.pageFooter .footerBox {
        width: 100%;
        max-width: 100%;
    }

    .socialBox {
        width: 100%;
    }

    .culture .item .text .line {
        display: none;
    }

    .copyRight a {
        display: inline-block;
    }


    .section6 {
        justify-content: flex-end !important;
    }

    .indexFooter .copyLink {
        position: inherit;
    }

    .culture {
        margin-top: 20px;
    }
    .historySwiper-thumbs .swiper-slide-thumb-active, .historySwiper-thumbs .swiper-slide-active {
        font-size: 16px;
    }
    .historySwiper-thumbs .swiper-slide {
        font-size: 14px;
    }
    .factory-text .swiper-pagination .swiper-pagination-current {
        font-size: 16px;
    }
    .factory-text .swiper-pagination {
        font-size: 16px;
        width: 100%;
        position: initial;
        text-align: left;
        margin-top: 10px;
    }
    .factory-text {
        padding-left: 20px;
        margin: 20px auto;
        max-width: 100%;
    }
    .laboratory {
        padding: 30px 0;

    }
    .laboratoryBox .summary {
        margin-bottom: 20px;
    }
    .laboratory-swiper .swiper {
        overflow: hidden;
        padding-bottom: 30px;
    }

    .parentTitle {
        padding-top: 30px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .global {
        padding: 30px 0;
    }

    .factory-swiper-thumbs .swiper .swiper-slide {
        height: 100px;
    }
    .proImg-swiper .swiper {
        padding-bottom: 20px;
    }

    .sod_select {
        background-size: 15px !important;
    }
    .messages .pageTitle {
        font-size: 20px;
    }

    .factorySwiperBox,.headerTop, .location, .pageMenuBox, .pageContainer, .factory-text, .globalBox, .investmentContainer, .pro-search, .search-keyword, .pro-img-box, .exh-text, .socialBox, .banner .text, .index-swiper-button, .index-video-top, .footerBox, .index-video-bottom .itemList {
        width: 100%;
        max-width: 100%;
    }
    .index-video-top .title, .index-video-bottom .itemList .title {
        font-size: 16px;
    }

    .historySwiper .swiper-slide .imgBox {
        min-width: 100%;
    }
    .goTop {
        display: none !important;
    }

    .video-show-box,.index-video {
        display: none;
    }

    .phone-video {
        padding: 25px 20px;
        display: block;
    }
    .video-title {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .phone-video .item {
        margin-bottom: 30px;
        border-bottom:1px solid #eee;
        cursor: pointer;
    }
    .phone-video .item .img {
        border-radius: 10px;
        overflow: hidden;
        height: 0;
        padding-bottom: 54%;
        position: relative;
    }
    .phone-video .item .img::after {
        content: '';
        background: url('../images/video-button.png') no-repeat center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .phone-video .item .img img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .phone-video .item .text {
        padding: 10px 0 20px;
    }
    .phone-video .item .text .title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 4px;
    }
    .phone-video .item .text .summary {
        font-size: 12px;
    }
    .productMore {
        display: none;
    }
    .index-swiper .swiper-slide {
        background: none !important;
        flex-direction: column;
        justify-content: flex-start;
    }
    .product-title {
        font-size: 20px;
        padding: 30px 20px 20px;
    }
    .index-button .swiper-button-prev, .index-button .swiper-button-next {
        width: 30px;
        height: 30px;
    }
    .index-button .swiper-button-prev::after, .index-button .swiper-button-next::after {
        background-size: 15px;
    }
    .index-swiper .text .indexTitle {
        display: none;
    }
    .index-swiper .text-box {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .index-button-box {
        top: 30px;
        bottom: auto;
        width: 80px;
        position: absolute;
    }
    .index-swiper .phone-img {
        display: block;
        border-radius: 10px;
        overflow: hidden;
    }
    .index-button {
        width: 80px;
    }

    .index-swiper .text-box.white .text, .index-swiper .text-box.white .text .indexTitle {
        color: #000 !important;
    }
    .index-swiper .text-box .text {
        background: #fff;
    }
    .index-swiper .swiper-slide {
        opacity: 0;
    }
    .index-swiper .swiper-slide.swiper-slide-active {
        opacity: 1;
    }

    .section.index-about {
        background: #f7f8f8 !important;
    }
    .aboutNumber {
        display: none;
    }
    .index-about .phone-img {
        margin-top: 20px;
    }
    .banner .text {
        top: 25%;
    }
    .banner .text .title {
        font-size: 30px;
    }
    .banner .text .title p, .banner .text .title span, .banner .text .title div {
        font-size: 30px !important;
        line-height: 1.4 !important;
    }
    .historySwiper .swiper-slide .text .item {
        margin-bottom: 10px;
    }

    .investment-menu {
        display: none;
    }

    .factory-text {
        display: block;
    }
    .factory-text .swiper {
        width: 100%;
    }

    .factorySwiperBox .factory-swiper {
        border-radius: 20px 20px 0 0;
    }
    .pro-detail-download .item .size,.pro-detail-download .item .time {
        display: none;
    }
    .pro-detail-download .item .title {
        width: 70%;
        margin-right: 0;
    }
    .headerTop.white .logo img {
        filter: none !important;
    }
    .headerTop.white .language .search img {
        filter: brightness(0.5) !important;
    }

    .news-detail .news-detail-container img {
        width: 100% !important;
        height: auto !important;
    }

}

@media screen and (min-width: 768px) {
    .honor-swiper .swiper .swiper-slide.swiper-slide-prev {
        transform-origin: right;
        /*width: 30% !important;*/

    }

    .honor-swiper .swiper .swiper-slide.swiper-slide-next {
        transform-origin: left;
        /*width: 30% !important;*/

    }

    .honor-swiper .swiper .swiper-slide-active {
        transform: scale(1.3);
        transition: all 0.5s;
        /*width:40% !important;*/
        box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.3);
    }

}

.pro-phone-two {
    padding-left: 20px;
    display: none;
}
.pro-phone-two .item-two {
    position: relative;
}
.pro-phone-two .item-two i {
    width: 30px;
    height: 30px;
}
.pro-phone-two .item-two a {
    font-size: 16px;
}
.pro-phone-two .item-two .pro-phone-three {
    padding-left: 20px;
    display: none;
}


.scroll {
    width: 100%;
    overflow: hidden;
    position: relative;
    pointer-events: none;
}
.scroll::before {
    content: '';
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 10;
    /* background: top right,linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1)); */
    background-image: linear-gradient(90deg, #fff 7%, hsla(0, 0%, 100%, 0));
}
.scroll::after {
    content: '';
    width: 200px;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 10;
    /* background: top right,linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 1)); */
    background-image: linear-gradient(90deg, #fff 7%, hsla(0, 0%, 100%, 0));
    transform: rotate(180deg);
}

.scroll ul {
    white-space: nowrap;
}

.scroll ul li {
    display: inline-block;
    margin: 10px;
}

@media screen and (max-width: 768px) {
    .scroll ul li {
        width: 150px;
    }
}

.scroll ul img {
    vertical-align: top;
    display: block;
    border: 2px solid #e8e8e8;
    margin-bottom: 20px;
}

.globalRight {
    zoom: 1.1;
}
@media screen and (min-width: 1921px) {
    .globalRight {
        zoom: 1.4;
    }
}

.socialBox1 .item img {
    cursor: pointer;
    transition: all 0.5s;
}
.socialBox1 .item:hover img {
    transform: translate(-50%,-50%) scale(1.1);
}
.news-detail .location {
    margin-left: 0;
}

.progressBar_f{
    height: 4px;
    width: 40px;
    border-radius: 3px;
    border: 1px solid #009c96;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    margin: auto;
    display: none;
}
#progressBar{background-color:#009c96;height:100%;width:0px;border-radius:3px;border:0px;}
.pro-detail-download .item .share{position: relative;}

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

    .progressBar_f {
        height: 4px;
        width: 30px;
        bottom: -15px;
    }
}