#c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a span{word-break:keep-all}
.FK form {
        width: 100%;
        position: relative;
    }
    
    .FK .form-group {
        color: #555;
        font-size: 16px;
    }
    
    .gbook .right {
        display: flex
    }
    
    .liuyanright {
        margin-top: 28px;
        background: #f5f5f5;
    }
   .FK .FK2 {
    position: absolute;
    right: 0;
    top: 0;
}

.FK .FK3 {
    position: absolute;
    right: 0;
    bottom: 3rem;
} 
.FK .FK3 span{
display: block;    margin: 7px;
    width: auto;
    position: absolute;
    z-index: 99;
    right: 0;
    line-height: 1;
    padding: 1vw;
    align-items: center;
}
    .FK .btn-block {
        display: block;
        width: 100%;
        color: #fff;
        white-space: normal;
        height: 45px !important;
        border-color: #c81622;
        background-color: #1265b8 !important;
    }
    
    .FK .form-control {
        font-size: 16px;
        display: block;
        max-width: 100% !important;
        width: 100% !important;
        height: auto!important;
        padding: 12px;
        color: #76838f;
        line-height: 1.5;
        border: 1px solid #e4eaec;
        border-radius: 5px;
        background-color: #fff;
    }
    
    .FK1 {
        width: 48%;
    }
    
    .FK2 {
        width: 48%;
        right: 0;
        position: absolute;
        top: 0;
    }
    
    .FK3 {
        width: 48%;
        right: 0;
        position: absolute;
        bottom: 0rem;
    }
    
    .FK .form-control input {
        width: 90% !important;
        height: 50px !important;
        float: left;
    }
    
    .FK .form-control textarea {
        width: 49% !important;
        height: 190px !important;
        position: absolute;
        right: 0;
        bottom: 102px;
    }
    
    .FXW4:before {
        content: url(../images/edit.png);
        width: 66px;
        height: 18px;
        padding: 0px 10px 0px 0px;
        vertical-align: middle;
    }
    
    .FXW1:before {
        content: url(../images/username.png);
        width: 66px;
        height: 18px;
        padding: 30px 10px 5px 0px;
        vertical-align: middle;
    }
    
    .FXW2:before {
        content: url(../images/email.png);
        width: 66px;
        height: 18px;
        padding: 0px 10px 0px 0px;
        vertical-align: middle;
    }
    
    .FXW3:before {
        content: url(../images/phone.png);
        width: 66px;
        height: 18px;
        padding: 0px 10px 0px 0px;
        vertical-align: middle;
    }

iframe {
    height: 600px;
}

.pronavtwo ul {
    display: none;
    flex-direction: row;
    align-items: center;
}

.detailspro {
    max-width: 1440px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 3vw;
}
 
.detailsprodiv {
    width: 90%;
    margin: auto;
    position: relative;
}

.detailspro .swiper-wrapper {
    margin: auto;
    text-align: center;
}

.detailspro .swiper-slide {
    position: relative;
}
.detailspro .swiper-slide img {
max-width: 100%;
}
.detailspro .swiper-slide .info h2 {
    line-height: 2;
    margin-bottom: 3vw;
    font-size: 2.4rem;
    color:#fff;
}

.detailspro .swiper-slide .info .txt {
    line-height: 1.6;
    font-size: 1.2rem;
}

.detailspro .swiper-slide .info {
    position: absolute;
    top: 0;
    right: 0%;
    display: flex;
    height: 100%;
    width: 50%;
    flex-direction: column;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 5vw;
    text-align: justify;
}

@keyframes moveAnimation {
    0% {
        transform: translateX(100%);
    }
    5% {
        transform: translateX(96%);
    }
    10% {
        transform: translateX(96%);
    }
    20% {
        transform: translateX(96%);
    }
    30% {
        transform: translateX(98%);
    }
    100% {
        transform: translateX(0);
    }
}

.detailspro .swiper-slide-active .info {
    animation: moveAnimation 3s ease;
}

.pronavtwo ul.active {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pronavtwo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pronavtwo li {
    margin: 2vw;
    text-align: center;
    padding: 1vw 2vw 0.5vw 2vw;
    background-color: #f9f9f9;
}

.pronavtwo li.active {
    background-color: #3674c8;
}

.pronavtwo li h2 {
    font-size: 16px;
    line-height: 2.5;
}

.pronavtwo li.active h2 {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.pronavtwo li img:nth-of-type(2) {
    display: none;
}

.pronavtwo li.active img:nth-of-type(1) {
    display: none;
}

.pronavtwo li.active img:nth-of-type(2) {
    display: inline-block;
}

.productnav .swiper-scrollbar {
    height: 3px !important;
}

.productnav {
    position: relative;
    max-width: 1600px;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
}

.productnav li {
    text-align: center;
    position: relative;
}

.productnav li::after {
    content: '';
    width: 1px;
    height: 30%;
    right: -2px;
    top: 25%;
    position: absolute;
    background-color: #3674c8;
}

.productnav li::before {
    content: '';
    width: 1px;
    height: 60%;
    right: -2px;
    top: 10%;
    position: absolute;
    background-color: #e5e5e5;
}

.productnav li.active h2 {
    color: #3674c8;
}

.productnav li img:nth-of-type(2) {
    display: none;
}

.productnav li.active img:nth-of-type(1) {
    display: none;
}

.productnav li.active img:nth-of-type(2) {
    display: inline-block;
}

.productnav li h2 {
    font-size: 16px;
    line-height: 2;
}

.productshow {
    width: 100%;
    padding-top: 2vw;
}

.contacts {
    width: 100%;
    max-width: 1600px;
    margin: 2vw auto;
}

.contacts ul {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.contacts ul li {
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    padding: 2vw 1vw;
}

.contacts ul li h2 {
    padding: 1vw 0;
}

.contacts ul li h2,
.contacts ul li h3 {
    font-size: 18px;
    color: #333;
    word-break: keep-all;
}

.address p {
    padding-left: 1vw;
    font-size: 18px;
}

.map {
    width: 100%;
    margin-bottom: 2vw;
}

.map img {
    max-width: 100%;
}

.address {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 0vw 0 2vw 0;
}

.message {
    padding-bottom: 4vw;
}

.message .maintitle {
    padding: 3vw 0;
}

.message h2 {
    color: #fff;
    font-size: 42px;
}

.message h3 {
    color: #fff;
    font-size: 26px;
}

.message h3 span {
    background-color: #fff;
}

.message .gbook {
    margin: auto;
    width: 60%;
    background: #fff;
    padding: 4%;
    border-radius: 1vw;
}

.zeren {
    padding: 1vw 0 2vw 0;
}

.zeren .container {
    display: flex;
}

.zeren .maintitle {
    text-align: left;
}

.zeren .maintitle p.line {
    margin-left: 0 !important;
}

.zeren .maintitle h3 {
    font-size: 1.7rem;
    color: #999;
    font-weight: 400;
    padding: 1vw 0;
}

.zeren .right {
    width: 60%;
}

.zeren .left {
    width: 40%;
}

.zeren .left .list h2 {
    font-size: 2rem;
    color: #333;
    margin-top: 3vw;
    font-weight: bold;
}

.zeren .left .list .desc {
    display: none;
    transform: all 0.2s;
}

.zeren .left .list li.active h2 {
    margin-top: 1.5vw;
}

.zeren .left .list li.active .desc {
    display: block;
}

.zeren .left .desc span {
    font-size: 1.3rem;
    display: inline-block;
    color: #3674c8;
    margin-top: 0.5vw;
}

.zeren .left .desc p {
    font-size: 1.2rem;
    color: #757575;
    width: 90%;
    margin-bottom: 0.5vw;
}

.zeren .right img {
    max-width: 100%;
    border-radius: 20px;
}

.adv .container {
    flex-direction: column;
}

.adv .left {
    width: 100%;
}

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

.adv .list li.active {
    background-color: #3674c8;
    color: #fff;
}

.adv .maintitle h3 {
    line-height: 1.5;
}

.adv .list li {
    background-size: 78%;
    background-repeat: no-repeat;
    background-position: center;
    width: 32%;
    color: #333;
    padding: 4vw 3vw;
    box-shadow: 1px 1px 6px 1px #c2c2c2;
    cursor:pointer;
}

.adv .list li h2 {
    font-size: 1.4rem;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 1vw;
    line-height: 2;
 
}
.adv .list li.active h2{ color: #fff;}
  
.adv .list li .txt p{
    font-size: 1.2rem;
    line-height: 2;
    padding-top: 0.2vw;
}

.cult .list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.cult .list li:hover img {
    animation: rotate 0.4s linear;
}

.cult .list p.white {
    padding-top: 1vw;
    border-bottom: 3px solid #fff;
}

.cult .list li div.top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.cult .list li div.bottom {
    display: flex;
    flex-direction: column;
    padding-top: 30%;
}

.cult .list li.active div.bottom {
    padding-top: 0
}

.cult .list span {
    font-size: 24px;
    color: #333
}

.cult .list h2 {
    padding-top: 0.4vw;
    font-size: 1.4rem;
    color: #333;
    text-transform: uppercase;
}

.cult .list h3 {
    padding-top: 1.4vw;
    font-size: 30px;
    color: #333;
    font-weight: 400;
}

.cult .list p {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    padding-top: 2vw;
}

.cult .list {
    display: flex;
    width: 100%;
    margin: auto;
}

.cult .list li {
    text-align: center;
    width: 100%;
    padding: 2vw 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    background: transparent;
    border:1px solid #f5f5f5;
}

.cult .list li img:nth-child(2) {
    display: none;
}

.cult .list li:hover img:nth-child(2) {
    display: block;
}

.cult .list li:hover img:nth-child(1) {
    display: none;
}

.cult .list li h2 {
    color: #333;
    padding: 2vw 0;
    font-size: 22px;
    width: 100%;
}

.cult .list li:hover   {
    border-bottom: 2px solid #0067b2;
  
}

.cult .con li h2 {
    font-size: 26px;
    color: #fff;
}
.cult .con li h2:hover {
    font-size: 26px;
    color: #fff;
}
  
.cult .con li p {
    font-size: 18px;
    padding-top: 1vw;
}

.cult .con li {
    background-color: #0067b2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding: 3vw;
    margin-top: 4vw;
}

.cult .list li p.text {
    display: none;
}

.cult .list li.active span.num {
    font-size: 124px;
    line-height: 1
}

.cult .list li.active .bottom .cul {
    display: none;
}

.cult .list li.active p.text {
    display: block
}

.cult .con {
    display: flex;
    padding: 2vw 0 0vw 0;
}

.cult .con .info,
.cult .con .img {
    width: 50%;
    line-height: 2;
    overflow: hidden;
}

.cult .con .info h2 {
    font-size: 1.8rem;
    margin-bottom: 2vw;
    color: #fff;
}

.cult .con .info p,.cult .con .info .text {
    font-size: 1.4rem;
    line-height: 2.5;
}

.cult .con .info {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    padding: 0 3.5vw;
    flex-direction: column;
    justify-content: center;
    background: #0067b2;
    margin-top: 5vw;
    color: #fff;
}

.honor .maintitle,
.jieshao .maintitle,
.cult .maintitle,
.zeren .maintitle,
.xiaoshou .maintitle {
    padding-top: 3vw;
}

.jieshao .con {
    display: flex;
    padding: 2vw 0 4vw 0;
}

.jieshao .con .info,
.jieshao .con .img {
    width: 50%;
    line-height: 2;
    overflow: hidden;
}

.con .img img {
    max-width: 100%;
   
}
.jieshao .con .img img { border-radius: 10vw 0;}
.jieshao .con .info {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 3%;
}

.honor .swiper-button-next {
    transform: translateX(200%);
}

.honor .swiper-button-prev {
    transform: translateX(-200%);
}

.honor .swiper-button-next:after,
.honor .swiper-button-prev:after {
    color: #013b8d
}

.honor .container {
    width: 90%;
}

.honor .container .pos {
    position: relative;
    padding: 2vw 0
}

.honor .list {
    display: flex;
    position: relative;
    padding-bottom: 10px;
}

.honor .swiper-slide {
    transform: scale(0.8);
    transition: 300ms;
}

.honor .swiper-slide-active,
.honor .swiper-slide-duplicate-active {
    transform: scale(1);
}

.honorswiper .swiper-slide-active {
    z-index: 999
}

.honor .honorswiper {
    overflow: hidden;
}

.honor .pos {
    display: none
}

.honorswiper .swiper-slide img {
    max-width: 100%
}

.honorswiper .swiper-wrapper {
    align-items: center;
}

.honorswipermobile {
    /*display: none!important;*/
    overflow: hidden;
}

.honorswipermobile .swiper-wrapper {
    align-items: center;
}

.honorswiper .swiper-slide {
    width: 500px;
}

.honorswiper .swiper-slide .img {
    width: 100%;
    position: relative;
}

.honorswiper .swiper-slide .img p {
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: none;
}

.honorswiper .swiper-slide-active .img:hover p {
    display: block;
}

.honorswiper .swiper-btn {
    color: #fff;
}

.honorswiper .swiper-btn:after {
    font-size: 60px;
}

.honorswiper .swiper-button-prev {
    left: -40px;
    transform: translateX(-100%);
}

.honorswiper .swiper-button-next {
    right: -40px;
    transform: translateX(100%);
}

.honor .maintitle {
    margin: 2vw 0;
}

.honor .maintitle h3 {
    padding-top: 3vw;
    font-size: 62px;
    color: rgba(1, 59, 141, .07);
    /*-webkit-text-stroke: 0.8px rgba(71, 111, 190, 0.2);*/
    font-weight: 600;
    line-height: 1.2;
    font-family: "Noto Serif SC" !important;
}

.honor .maintitle p.line,
.jieshao .maintitle p.line,
.cult .maintitle p.line,
.zeren .maintitle p.line,
.xiaoshou .maintitle p.line {
    padding: 1vw 0 0 0;
    margin: auto;
}

.qiehuan {
    display: flex;
    width: 100%;
    max-height: 90vh;
    position: relative;
}

.product .left li {
    padding: 3vw 4vw;
    display: flex;
    justify-content: flex-start;
}

.product .left li span {
    padding-left: 1vw;
}

.product .left li img {
    max-width: 40px;
}

.product .left li.swiper-slide-thumb-active,
.product .left li:hover {
    background: rgba(248, 248, 248, 0.1);
}

.product .left li:hover img {
    transform: scale(1.2);
}

.product .left li:hover span::after {
    content: url(../images/leftw.svg);
    position: relative;
    top: 2px;
    right: -0.5vw;
}

.infodesc {
    width: 65%;
    color: #fff;
}

.pd20 {
    height: 20%;
    width: 100%
}

.mt20 {
    width: 35%;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.prolistswiper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 2vw;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
    background: rgb(255 255 255 / 90%);
}

.swiper-main {
    width: 52%;
    overflow: hidden;
}

.prolist {
    width: 48%;
    display: flex;
}

.x-pp {
    /* width: 40px;
    height: 40px; */
    z-index: -1;
}

.smalllogo {
    position: absolute;
    bottom: 4vw;
    right: 0;
}

.x-pp::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 6px solid rgba(44, 176, 253, 0.2);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: scale2 2s linear infinite;
    z-index: -1;
}

.x-pp::after {
    content: '';
    width: 100%;
    height: 100%;
    border: 4px solid rgba(44, 176, 253, 0.2);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: scale2 2s 1s linear infinite;
    z-index: -1;
}

@keyframes myrotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes scale2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

@keyframes scroll2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(0);
    }
}

.iconsvg {
    font-size: 16px;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    /* font-style: normal; */
    -webkit-font-smoothing: antialiased
}

/*.langs {*/
/*    color: #fff;*/
/*    position: relative;*/
/*    border-radius: 5px;*/
/*    border: 1px solid #fff;*/
/*    padding: 2px 10px;*/
/*    transition: all 0.1s;*/
/*}*/

/*.langs ul {*/
/*    display: none;*/
/*}*/

/*.langs:hover ul {*/
/*    display: block;*/
/*}*/

/*.langs:hover {*/
/*    backdrop-filter: blur(10px);*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*    color: #333;*/
/*    border: none;*/
/*    border-radius: 5px 5px 0 0;*/
/*    padding: 4px 10px;*/
/*}*/

/*.langs:hover span {*/
/*    color: #333 !important;*/
/*}*/

/*.langs svg {*/
/*    width: 16px;*/
/*}*/

/*.langs:hover svg {*/
/*    fill: #333!important;*/
/*}*/

/*.langs .arrow svg {*/
/*    transform: rotate(90deg);*/
/*    width: 14px;*/
/*    transition: all 0.1s;*/
/*}*/

/*.langs:hover .arrow svg {*/
/*    transform: rotate(-90deg);*/
/*}*/

/*.langs ul.list {*/
/*    position: absolute;*/
/*    padding: 5px 10px;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 32px;*/
/*    backdrop-filter: blur(10px);*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*    border-radius: 0 0 5px 5px;*/
/*}*/

/*.langs ul.list li {*/
/*    width: 100%;*/
/*    margin: 5px 0;*/
/*}*/

/*.langs ul.list li a img {*/
/*    padding-right: 2px;*/
/*    margin-right: 2px;*/
/*}*/

/*.langs ul.list li a {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*}*/


/* 定义旋转动画 */

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.case h2,
.case p {
    text-align: justify;
}

.about .container {
    padding: 4vw 0
}

.about .container h2 {
    font-size: 38px;
    font-weight: 600;
}

.about .container h3 {
    font-size: 21px;
}

.about .container .info {
    padding: 2vw 0
}

.about .container .info p {
    font-size: 17px;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 1vw;
    width: 75%;
}

.about .nums .p_list {
    display: flex;
}

.about .nums .p_item {
    margin: 2vw 6vw 1vw 0;
    width: 12vw;
}

.about .nums .p_item .p_num {
    font-size: 62px;
    font-weight: 600;
}

.about .nums .p_item .unit {
    position: absolute;
    font-size: 20px;
}

.about .nums .p_item .s_title {
    font-size: 16px;
    font-weight: 400;
}

.wenhua {
    min-height: 85vh;
}

.wenhua .maintitle {
    margin: auto;
    padding: 4vw 0 2vw 0;
    text-align: center;
}

.wenhua .maintitle h3 {
    font-size: 38px;
}

.wenhua .maintitle .line {
    margin: auto;
}

.huanjing .container {
    margin-bottom: 4vw;
    overflow: hidden;
}

.huanjing .maintitle {
    margin: auto;
    padding: 4vw 0 2vw 0;
    text-align: center;
}

.huanjing .maintitle h3 {
    font-size: 38px;
}

.huanjing .maintitle .line {
    margin: auto;
}

.huanjing .list {
    display: flex;
    position: relative;
    padding-bottom: 10px;
}

.huanjing .list .swiper-scrollbar {
    width: 100%;
    left: 0;
}

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

    .smalllogo {
        width: 20vw;
    }
    .about .nums .p_item .p_num,
    .about .nums .p_item .s_title {
        font-size: 40px;
    }
    .about .nums .p_item .s_title {
        font-size: 16px;
    }
    .hangye .maintitle h2 {
        font-size: 50px;
    }
    .maintitle h2 {
        font-size: 32px;
        top: -40px;
    }
    .maintitle h3 {
        font-size: 32px;
    }
    .hangye .right .list {
        min-height: 65vh;
    }
    .hangye .right .list p.line {
        bottom: 10vw
    }
    .product .left li h2 {
        font-size: 20px;
    }
    .product .right li p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1440px) {
   
    .smalllogo {
        width: 20vw;
        bottom: 6vw;
    }
    .wenhua .maintitle,
    .huanjing .maintitle {
        padding: 4vw 0 4vw 0;
    }
    .about .nums .p_item .p_num,
    .about .nums .p_item .s_title {
        font-size: 36px;
    }
    .about .nums .p_item .s_title {
        font-size: 16px;
    }
    .news .right {
        margin-left: 3%;
    }
    .hangye .maintitle h2 {
        font-size: 40px;
    }
    .maintitle h2 {
        font-size: 28px;
        top: -30px;
    }
    .maintitle h3 {
        font-size: 30px;
    }
    .hangye .right .list {
        min-height: 60vh;
    }
    .hangye .right .list p.line {
        bottom: 11vw
    }
    .product .left li h2 {
        font-size: 18px;
    }
    .product .right li p {
        font-size: 18px;
    }
    .product .right .prolist .swiper-button-prev {
        left: 40%;
        top: 100%;
    }
    .product .right .prolist .swiper-button-next {
        top: 100%;
        right: 40%;
    }
}

@media only screen and (max-width: 1280px) {
    .cult .con .info h2 {
        font-size: 1.4rem;
    }
    .cult .con .info p ,.cult .con .info .text {
        font-size: 1.2rem;
        line-height: 2;
    }
    .cult .list li h2 {
        font-size: 16px;
    }
    .zeren .maintitle h3 {
        font-size: 1.2rem;
    }
    .zeren .left .list h2 {
        font-size: 1.4rem;
    }
    .smalllogo {
        width: 20vw;
        bottom: 8vw;
    }
    .about .nums .p_item .p_num,
    .about .nums .p_item .s_title {
        font-size: 30px;
    }
    .about .nums .p_item .s_title {
        font-size: 16px;
    }
    .e_bannerA-2 .proindex {
        width: 90%;
    }
    .e_bannerA-2 .proindex img {
        max-width: 260px;
    }
    .hangye .maintitle h2 {
        font-size: 40px;
    }
    .maintitle h2 {
        font-size: 24px;
        top: -30px;
    }
    .maintitle h3 {
        font-size: 28px;
    }
    .hangye .right .list {
        min-height: 60vh;
    }
    .hangye .right .list p.line {
        bottom: 14vw
    }
    .product .left li h2 {
        font-size: 16px;
    }
    .product .right li p {
        font-size: 16px;
    }
    .product .right .prolist .swiper-button-prev {
        left: 40%;
        top: 100%;
    }
    #c_static_001_P_53456-1723709695308 .container .list li h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 960px) {
    .news .left {
        width: 100%;
    }
    .about .nums .p_item .p_num,
    .about .nums .p_item .s_title {
        font-size: 24px;
    }
    .about .nums .p_item .s_title {
        font-size: 14px;
    }
    .hangye .right .active span {
        font-size: 25vw;
    }
    .hangye .right p.desc {
        font-size: 14px;
    }
    .hangye .right .list p.line {
        bottom: 15vw;
    }
    .hangye .right .list {
        padding: 16vw 2vw;
    }
    .news .right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .hangye .maintitle h2 {
        font-size: 30px;
    }
    .news .right {
        margin-left: 0%;
    }
    .news .left {
        margin-bottom: 2%;
    }
    .news .content {
        flex-direction: column;
    }
    .product .right .prolist .swiper-button-prev {
        left: 40%;
        top: 100%;
    }
    .e_bannerA-2 .proindex h2 {
        font-size: 2vw;
    }
    .e_bannerA-2 .proindex img {
        max-width: 180px;
    }
}

@media only screen and (max-width: 768px) {
    .productnav li img,
    .pronavtwo li img {
        max-width: 50px;
    }
    .productshow li h2 {
        font-size: 14px;
        line-height: 1.2;
        padding: 2vw 0;
    }
    .pronavtwo li {
        padding: 3vw 3vw 1.5vw 3vw;
    }
    .detailspro .swiper-slide img {
        max-width: 100%;
    }
    .detailspro .swiper-slide .info {
        width: 100%;
    }
    .detailspro .swiper-slide .info h2 {
        font-size: 1.2rem;
    }
    .detailspro .swiper-slide .info .txt,
    .detailspro .swiper-slide .info .txt p {
        font-size: 0.8rem;
    }
    .pronavtwo ul.active {
        flex-wrap: wrap;
    }
    .pronavtwo li {
        width: calc( 33.33% - 4vw);
    }
    .contacts ul {
        flex-direction: column;
    }
    .contacts ul li {
        width: 100%;
        margin: 1vw;
    }
    .contacts ul li h2,
    .contacts ul li h3 {
        font-size: 16px;
    }
    .contacts .address p {
        font-size: 14px;
    }
    .message .gbook {
        width: 96%;
    }
    .adv .list {
        flex-direction: column;
    }
    .adv .list li {
        width: 100%;
        margin: 2vw 0;
        padding: 8vw 4vw;
    }
    iframe {
        height: 300px;
    }
    .honor .pos {
        display: none
    }
    .honorswipermobile {
        display: block!important;
    }
    .jieshao .con {
        flex-direction: column-reverse;
    }
    .jieshao .con .info,
    .jieshao .con .img {
        width: 100%;
        line-height: 2;
        overflow: hidden;
    }
    .jieshao .con .info {
        font-size: 14px;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 0%;
        padding-top: 3%;
    }
    .cult .list {
        flex-wrap: wrap;
    }
    .cult .list li {
        text-align: center;
        width: 33.333%;
    }
    .cult .con {
        padding: 2vw 0 1vw 0;
        flex-direction: column;
    }
    .cult .con .info {
        margin-top: 0vw;
        padding: 4vw;
    }
    .cult .con .info,
    .cult .con .img {
        width: 100%;
    }
    .zeren .container {
        flex-direction: column;
    }
    .zeren .left,
    .zeren .right {
        width: 100%;
    }
    .zeren .right {
    margin-top: 4vw;
    }
    .cult .con .info h2 {
        font-size: 1.4rem;
    }
    .cult .con .info p,.cult .con .info .text  {
        font-size: 1rem;
        line-height: 2;
    }
    .cult .list li h2 {
        font-size: 14px;
    }
    .zeren .maintitle h3 {
        font-size: 1.2rem;
    }
    .zeren .left .list h2 {
        font-size: 1.3rem;
    }
    .zeren .left .desc p {
        font-size: 0.8rem;
    }
    .swiper-main img {
        max-width: 100%;
    }
    .infodesc {
        width: 100%;
        color: #fff;
    }
    .mt20 {
        width: 100%;
    }
    .qiehuan .prolist {
        width: 100%;
        flex-direction: column
    }
    .qiehuan {
        min-height: 70vh;
        max-height: 100%
    }
    .news .content .con p.info {
        font-size: 15px;
    }
    #c_effect_004_P_043-1720173441964 .e_container-11 .p_item {
        width: 100%;
    }
    #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-1 {
        display: none;
    }
    #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-0 h2 {
        margin: 4vw 0;
        font-size: 24px;
    }
    .footer_socail_icons {
        margin-bottom: 3vw;
    }
    .footer_socail_icons a {
        margin-right: 3vw;
    }
    .product .left li {
        margin: 0vw;
    }
    .product .left li img {
        max-width: 45px;
    }
    .product .left li span {
        font-size: 12px;
    }
    .case h3 {
        font-size: 26px;
    }
    .case p.line {
        padding: 0.4rem 0;
    }
    .case .bottom li {
        height: 40vh;
        width: 40%;
    }
    .case .bottom h3 {
        font-size: 0.8rem;
    }
    .case .bottom li.active h3,
    .case .bottom li:hover h3 {
        font-size: 18px;
    }
    .case .bottom li.active p,
    .case .bottom li:hover p {
        font-size: 12px;
    }
    .news .maintitle h2 {
        font-size: 24px;
    }
    .maintitle h3 {
        font-size: 18px;
    }
    .maintitle h2 {
        font-size: 20px;
    }
    .coop .maintitle h2 {
        font-size: 20px;
    }
    p.line {
        width: 2.5rem;
        padding: 0.4rem 0;
    }
    .wenhua .container {
        width: 100%;
    }
    .wenhua .list li {
        padding: 3vw 5vw;
        width: 49%;
    }
    .wenhua .maintitle h3 {
        font-size: 28px;
    }
    .wenhua .list h2 {
        font-size: 18px;
    }
    .huanjing .maintitle h3 {
        font-size: 28px;
    }
    .huanjing .list h2 {
        font-size: 18px;
    }
    .wenhua .list p {
        font-size: 14px;
    }
    .about .container h2 {
        font-size: 26px;
    }
    .about .container h3 {
        font-size: 14px;
    }
    .about .nums .p_item img {
        max-width: 40px;
    }
    .about .container .info p {
        width: 100%;
        font-size: 14px;
    }
    .about .nums .p_item {
        min-width: unset;
    }
    .ceng {
        background: transparent !important;
    }
    .about .nums .p_item .p_num,
    .about .nums .p_item .s_title {
        font-size: 20px;
    }
    .about .nums .p_item .s_title {
        font-size: 14px;
    }
    .more {
        padding: 5px 25px 5px 25px;
    }
    .indexmore:hover span {
        padding: 5px 25px 5px 25px;
    }
    .case .container {
        padding: 0;
    }
    .news {
        padding-bottom: 4vw;
    }
    .case .content {
        margin: 1rem 0 1rem 0;
    }
    .news .content {
        padding-bottom: 2vw;
    }
    .indexmore {
        margin: 4vw 0;
    }
    p.protext .indexmore span.more {
        padding: 1px 20px 1px 20px;
    }
    .product .container {
        width: 100%;
        padding: 0;
    }
    .case h2 {
        font-size: 1.2rem;
    }
    .news .maintitle {
        margin-bottom: 4vw;
    }
    .news .maintitle p.line,
    .case p.white {
        padding: 0.6rem 0;
    }
    p.protext {
        flex-direction: column;
    }
    .case p.text {
        font-size: 16px;
        padding: 2vw 0;
        text-align: justify;
    }
    .case .bottom li {
        flex-direction: column;
        /* justify-content: space-between; */
    }
    .case .bottom h3 {
        font-size: 1rem;
        padding: 1.5vw 0;
    }
    p.protext>span {
        padding: 2vw 0;
        font-size: 16px;
    }
    #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-2 {
        align-items: center;
    }
    .hangye {
        margin-bottom: 3vw;
        margin-top: 3vw;
    }
    .hangye .left {
        padding-top: 8vw
    }
    .hangye .container {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }
    .hangye .left {
        width: 100%;
    }
    .hangye .right {
        width: 100%;
    }
    .hangye .right .active h2 {
        font-size: 6vw;
    }
    .hangye .right .list {
        min-height: 45vh;
        padding: 12vw 2vw;
    }
    .hangye .right .list p.line {
        bottom: 30vw;
        width: 8vw;
    }
    .product .right .prolist .swiper-button-prev {
        top: 100%;
        left: 40%;
    }
    .product .right .prolist .swiper-button-next {
        top: 100%;
        right: 40%;
    }
    #c_static_001_P_53456-1723709695308 .e_text-21 {
        margin-top: 2vw;
        font-size: 22vw;
    }
    #c_static_001_P_53456-1723709695308 .container .list {
        flex-direction: column;
    }
    #c_static_001_P_53456-1723709695308 .container .list li {
        width: 90%;
        border-radius: 10px;
        margin: 5px 0;
    }
    #c_static_001_P_53456-1723709695308 .e_container-1 {
        width: 96%;
        padding-left: 0%;
    }
    #c_static_001_P_53456-1723709695308 p.info {
        font-size: 18px;
    }
    #c_static_001_P_53456-1723709695308 .container {
        padding: 0;
    }
    #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 0 !important;
    }
    #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle.en {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 0 !important;
    }
    #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary {
        font-size: 12px;
    }
    .e_bannerA-2 .proindex {
        width: 90%;
    }
    .e_bannerA-2 .proindex img {
        max-width: 160px;
    }
    #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info {
        width: 80%;
        transform: translate(10%, -50%);
        margin: auto;
    }
    .e_bannerA-2 .proindex h2 {
        font-size: 2.4vw;
    }
    .news .right img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 640px) {
    .public-swpBtn {
        top: 8vw !important;
        width: 30vw !important;
        right: 1vw !important;
    }
    .news .public-swpBtn{  top: 6vw !important;}
    .public-swpBtn>div {
        width: 30px !important;
        height: 30px !important;
    }
    .news .left li .time span:nth-child(2),
    .news .right li .time span:nth-child(2) {
        font-size: 14px;
    }
    .news .lean {
        font-size: 12px;
    }
    .news h3 {
        font-weight: 500;
        font-size: 26px;
    }
    .wenhua .list {
        flex-wrap: wrap;
        flex: 1 0 50%;
    }
    .about .nums .p_item {
        width: 100%;
        margin: 1vw;
    }
    .about .nums .p_item .p_num,
    .about .nums .p_item .s_title {
        font-size: 18px;
    }
    .about .nums .p_item .s_title {
        font-size: 12px;
    }
    .case p.text {
        font-size: 14px;
    }
    .case .bottom li {
        flex-direction: column;
        width: 40%;
    }
    .case .bottom h3 {
        font-size: 0.8rem;
        padding: 1.5vw 0;
    }
    .product .content {
        flex-direction: column-reverse
    }
    .product .right {
        width: 100%;
    }
    .product .left {
        width: 100%;
    }
    .product .right .prolist .swiper-button-prev {
        top: 100%;
        left: 30%;
    }
    .product .right .prolist .swiper-button-next {
        top: 100%;
        right: 30%;
    }
}

@media only screen and (max-width: 480px) {
    .cult .list li img {max-width:60px}
    .adv .list li .txt p{    font-size: 1rem;}
    .adv .list li h2{    font-size: 1.2rem;}
    .zeren .container,
    .jieshao .container,
    .cult .container {
        padding: 0;
        width: 96%;
    }
    .honor .maintitle p.line,
    .jieshao .maintitle p.line,
    .cult .maintitle p.line,
    .zeren .maintitle p.line,
    .xiaoshou .maintitle p.line {
        margin: auto auto 3vw auto;
    }
    .zeren .maintitle h3 {
        font-size: 1rem;
    }
    .zeren .left .desc span {
        font-size: 1rem;
    }
    #c_static_001_P_53456-1723709695308 .e_text-21 {
        font-size: 20vw;
    }
    .product .left {
        padding-bottom: 3vw;
    }
    .product .left .infodesc h2 {
        font-size: 1.6rem;
     
    }
    .case .youshilist li {
        width: calc( 33.3333% - 1vw)!important;
        margin: 1vw 0.5vw 1vw 0.5vw !important;
    }
    .case .youshilist {
        flex-wrap: wrap;
    }
    #c_static_001_P_53456-1723709695308 .e_loop-6 .p_list {
        width: 99%;
    }
    #c_static_001_P_53456-1723709695308 .e_text-9 {
        padding-top: 0px;
    }
    .product .left li:after {
        left: -2vw;
    }
    .product .left li::before {
        left: -2vw;
    }
    .product .left {
        padding-top: 2vw;
    }
    .footcontact .ewm {
        width: 100%;
    }
    .coop .list li {
        border-radius: 0 35px;
    }
    .coop .list li img {
        border-radius: 0 50px;
    }
    .huanjing .container {
        width: 100%;
    }
    .huanjing .list {
        overflow: hidden;
    }
    .wenhua .maintitle,
    .huanjing .maintitle {
        padding: 5vw 0 8vw 0;
    }
    .wenhua {
        min-height: 70vh;
    }
    .wenhua .list p {
        font-size: 12px;
    }
    .about .nums .p_item .p_num,
    .about .nums .p_item .s_title {
        font-size: 16px;
    }
    .about .nums .p_item .unit,
    .about .nums .p_item .s_title {
        font-size: 12px;
    }
    .hangye .maintitle h2 {
        font-size: 36px;
    }
    .news .container {
        padding: 0;
    }
    .product h3 {
        font-size: 26px;
    }
    #c_effect_004_P_043-1720173441964 .e_container-10 .cbox-11-0 {
        display: none !important;
    }
    .hangye .right .list {
        min-height: 36vh;
        padding: 10vw 2vw;
    }
    .hangye .right p.desc {
        font-size: 12px;
    }
    .product .right .prolist .swiper-button-prev {
        top: 100%;
        left: 30%;
    }
    .product .right .prolist .swiper-button-next {
        top: 100%;
        right: 30%;
    }
    .e_bannerA-2 .proindex {
        padding: 0;
        width: 100%;
    }
    #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 0 !important;
    }
    #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary {
        font-size: 16px;
    }
    .e_bannerA-2 .proindex {
        width: 100%;
    }
    .e_bannerA-2 .proindex img {
        max-width: 108px;
    }
}

@media only screen and (max-width: 400px) {}

@media only screen and (max-width: 375px) {
    .hangye .right .active h2 {
        font-size: 5vw;
    }
    .hangye .right .list p.line {
        bottom: 33vw;
    }
}

.public-swpBtn {
    position: absolute;
    top: 4.5vw;
    width: 8vw;
    right: 3vw;
}
.news .public-swpBtn {top: 2vw;}

.public-swpBtn>div {
    width: 50px;
    height: 50px;
    padding: 20px;
    border-radius: 50px;
    border: 1px solid #666;
}

.public-swpBtn>div.swiper-button-next {
    border: 1px solid #3674c9;
    background-color: #3674c9;
}

.public-swpBtn .swiper-button-prev:after,
.public-swpBtn .swiper-button-next:after {
    font-size: 14px;
    color: #666;
        z-index: 999;
    position: absolute;
}

.public-swpBtn .swiper-button-next:after {
    color: #fff;
}

.case .youshilist {
    display: flex;
    justify-content: space-between;
    margin: 3.5vw 0 1vw 0;
}

.case .youshilist li {
    width: 100%;
    background-color: #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0.5vw;
    padding: 2vw 0;
    border-radius: 10px;
}

.case .youshilist li img {
    margin-bottom: 1vw;
}

.case .youshilist li img:first-of-type {
    display: none;
}

.case .youshilist li.active img:first-of-type {
    display: inline-block;
}

.case .youshilist li.active img:last-of-type {
    display: none;
}

.case .youshilist li:first-of-type {
    margin: 0 0.5vw 0 0;
}

.case .youshilist li:last-of-type {
    margin: 0 0vw 0 0.5vw;
}

.case .youshilist span {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
}

.case .youshilist li.active {
    background-color: #3674c9;
    color: #fff;
    box-shadow: 3px 4px 12px 1px #b5b5b5;
}

.sy-sec3 {
    overflow: hidden;
    padding-bottom: 1.5rem;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .sy-sec3 {
        padding-bottom: 1.8rem;
        margin-top: 1rem;
    }
}

.sy-sec3 .zz-title-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .sy-sec3 .zz-title-box {
        flex-direction: column;
        align-items: flex-start;
    }
}

.sy-sec3 .zz-title-box .public-title {
    flex: 1;
    padding-right: 1rem;
}

@media (max-width: 767px) {
    .sy-sec3 .zz-title-box .public-title {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .zz-title-box .public-swpBtnBox {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        z-index: 2;
        bottom: 1.3rem;
    }
}

.sy-sec3 .sySec3Swp {
    margin-top: 2vw;
    height: 720px;
}

@media (max-width: 1580px) {
    .sy-sec3 .sySec3Swp {
        height: 600px;
    }
}

@media (max-width: 1260px) {
    .sy-sec3 .sySec3Swp {
        height: 560px;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp {
        height: auto;
    }
}

.sy-sec3 .sySec3Swp .swiper-container {
    margin-right: -100%;
    padding-right: 100%;
}

.sy-sec3 .sySec3Swp .swiper-slide {
    transition: all 0.8s;
    padding: 3vw 5vw 5vw;
    overflow: hidden;
    height: 455px;
}

@media (max-width: 1580px) {
    .sy-sec3 .sySec3Swp .swiper-slide {
        height: 380px;
    }
}

@media (max-width: 1260px) {
    .sy-sec3 .sySec3Swp .swiper-slide {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide {
        height: auto;
        padding: 0;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide:hover .bgimg img {
    transform: scale(1.05);
}

.sy-sec3 .sySec3Swp .swiper-slide .bgimg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

.sy-sec3 .sySec3Swp .swiper-slide .bgimg::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
    z-index: 2;
}

.sy-sec3 .sySec3Swp .swiper-slide .bgimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.8s;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .bgimg {
        position: absolute;
        /* height: 0; */
        top: unset;
        left: unset;
        padding-bottom: 75%;
        margin-bottom: 0.45rem;
    }
    .sy-sec3 .sySec3Swp .swiper-slide .bgimg img {
        position: absolute;
    }
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .h3,
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-text,
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-tips {
        color: #fff !important
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox {
    position: relative;
    z-index: 2;
    color: #fff;
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .h3 {
    line-height: 1.2;
    color: #fff;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox {
        padding: 3vw !important;
    }
    .news .maintitle {
        margin-bottom: 0vw;
    }
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .h3 {
        color: #000;
        font-size: 20px;
    }
    .case .youshilist span {
        font-size: 16px;
    }
    .news .content .con h2 {
        font-size: 1.2rem;
    }
    .news .content .con .indexmore {
        padding: 3vw 0 2vw 0;
        margin: 1vw 0 2vw 0;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-text {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1vw;
    margin-top: 1vw;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 2em;
    width: 47%;
    opacity: 0;
    transition: all 0.4s;
}

@media (max-width: 1460px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-text {
        width: 60%;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal !important;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        height: 5.5em;
    }
}

@media (max-width: 991px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-text {
        width: 74%;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .swp .swiper-slide {
        background: linear-gradient(45deg, rgb(45 136 240 / 35%), transparent);
        padding-bottom: 2vw;
        border-radius: 10px;
    }
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox {
        padding: 0 4vw;
    }
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-text {
        width: 100%;
        color: #333;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 0.4rem;
        margin-top: 0.4rem;
        height: auto;
        opacity: 1;
    }
    .font24 {
        font-size: 16px !important;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 45px;
    opacity: 0;
    transition: all 0.4s;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul {
        flex-direction: column;
        opacity: 1;
        margin-top: 0.3rem;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li {
    width: 14.27%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    /*border-right: 1px solid rgba(255, 255, 255, 0.11);*/
}

@media (max-width: 991px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li:nth-of-type(1),
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li:last-child {
        width: 26%;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li:nth-of-type(1),
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li:last-child {
        width: 100%;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li:last-child {
    border-right: 0;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li:last-child {
        align-items: flex-start;
    }
}

@media (max-width: 991px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li {
        width: 26%;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li {
        width: 100%;
        align-items: flex-start;
        margin-top: 2vw;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-bottom: 0.2rem;
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox .zz-img2 {
    width: 100%;
   
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox .zz-img1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    animation: myrotate 5s infinite linear;
    transition: all 0.4s;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox {
        margin-bottom: 0;
        margin-right: 0.15rem;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox .zz-img2 {
    width: 100%;
    
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox .zz-img2 path {
    fill: #fff;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox .zz-img2 path {
        fill: #666;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-imgbox .zz-img1 {
        /* display: none; */
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-tips {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-tips {
        word-break: break-all;
        white-space: normal;
        color: #666;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-ul li .zz-box {
        flex-direction: unset;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-btn {
    margin-top: 1.1rem;
    opacity: 0;
    transition: all 0.4s;
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide .zz-contBox .zz-btn {
        margin-top: 0.7rem;
        opacity: 1;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide-active {
    height: 720px;
}

@media (max-width: 1580px) {
    .sy-sec3 .sySec3Swp .swiper-slide-active {
        height: 600px;
    }
}

@media (max-width: 1260px) {
    .sy-sec3 .sySec3Swp .swiper-slide-active {
        height: 560px;
    }
}

@media (max-width: 767px) {
    .sy-sec3 .sySec3Swp .swiper-slide-active {
        height: auto;
    }
}

.sy-sec3 .sySec3Swp .swiper-slide-active .zz-contBox .zz-text,
.sy-sec3 .sySec3Swp .swiper-slide-active .zz-contBox .zz-ul,
.sy-sec3 .sySec3Swp .swiper-slide-active .zz-contBox .zz-btn {
    opacity: 1;
}