@charset "utf-8";
/*updown*/
.updown {position: absolute;bottom:20px;right: 50px;z-index: 999;}
.updown a{
    opacity: 1;display: inline-block;-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    color: #999;
}
.updown .s-icon {padding-top: 60px;}
.updown .s-icon span {
    position: absolute;
    top: 0;
    left: 50%;
    width:26px;
    height: 45px;
    margin-left: -13px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
.updown .s-icon span::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 5px;
    height: 5px;
    margin-left: -2.5px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
}

.banner{width: 100%;height:100vh;}
.index-banner {width: 100%;height: 100%}
.index-banner .item {
    width: 100%;height:100vh;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    -webkit-animation: fadeOutIn 1s both;
    animation: fadeOutIn 1s both;
}
.index-banner .item::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0;z-index: 1;
}
.index-banner.pc{display: block;}
.index-banner.mobile{display: none;}
.index-banner .item .img{width: 100%;position: relative;z-index: 1;}
.index-banner .item .mobile-img{width: 100%;}
.video-back{width: 100%;height: 100%;}
.index-banner .item video{width: 100%;height:100%;object-fit:fill;}
.index-banner .item .text {
    text-align: left;
    position: absolute;
    z-index: 9;
    width:100%;height: 100%;left:0;top:0;padding:16% 50px 0 50px;
}
.index-banner .item h4 {
    font-size: 60px;width: 100%;
    line-height:75px;
    color: #222;
    margin-bottom:50px;
    font-weight:550;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.65);
}
.index-banner .item p {
    display: block;
    width: 100%;
    color: #222;
    font-size:35px;
    font-weight: 500;
    line-height: 45px;
    margin-bottom:100px;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.65);
}
.index-banner .item a.left{margin:0 auto 0 0;}
.index-banner .item a.center{margin:0 auto;}
.index-banner .item a.right{margin:0 0 0 auto;}
.index-banner .item a{width:160px;font-size:18px;border: 1px solid transparent;color:#fff;margin-right:20px;text-align: center;font-weight:400;display: inline-block;line-height:50px;border-radius:6px;background-color:var(--color-2);box-shadow: 0 16px 32px -12px #0055ff4d;}
.index-banner .item a i{font-size:2rem;margin-left:5px;font-weight:400;}
.index-banner .item a:last-child{
    cursor: pointer;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s;
    color:#fff;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border:1px solid rgba(255,255,255,.75);
    background-color: rgba(255,255,255,.35);
    -webkit-box-shadow: 0 16px 32px -12px rgb(190 196 207 / 28%);
    box-shadow: 0 16px 32px -12px rgb(190 196 207 / 28%);
}
.index-banner .item a:last-child i{font-size: 1.8rem;}
@media (max-width: 1680px) {
    .index-banner .item h4 {font-size:50px;line-height:65px;margin-bottom:40px;}
    .index-banner .item p {font-size:25px;line-height:35px;margin-bottom:80px;}
}
@media (max-width: 1440px) {
    .index-banner .item h4 {font-size:45px;line-height:55px;margin-bottom:30px;}
    .index-banner .item p {font-size:20px;line-height:35px;margin-bottom:60px;}
}
@media (max-width: 991px) {
    .banner{width: 100%;height:55vh;margin-top: 65px;}
    .index-banner .item {background-image: none!important;height:55vh;width: 100%;}
    .index-banner .item .text {padding:60px 20px 0 20px!important;text-align: center;left:0;top:0}
    .index-banner .item h4 {font-size:2.2rem!important;margin-bottom:20px!important;line-height:3rem;letter-spacing: 0!important;}
    .index-banner .item p {font-size: 1.6rem!important;margin-bottom:40px!important;line-height:2.5rem;letter-spacing: 0!important;width:100%;}
    .index-banner .item a{font-size:1.4rem;margin-right: 10px;width:130px;line-height:40px;border-radius:4px;font-weight: 550}
    .index-banner .item a i{font-size:1.2rem;margin-left:2px;}
    .index-banner .item a.left{margin:0 auto;}
    .index-banner .item a.right{margin:0 auto;}
    .index-banner .item .mobile{display: block;width: 100%;-webkit-animation: fadeOutInUp 0.2s both;animation: fadeOutInUp 0.2s both;}
    .index-banner .item .mobile img{width: 100%}
}
.index-banner .item.slick-active h4 {-webkit-animation: fadeInDown 1s both 0.2s;animation: fadeInDown 1s both 0.2s;}
.index-banner .item.slick-active p {-webkit-animation: fadeInUp 1s both 0.6s;animation: fadeInUp 1s both 0.6s;}
.index-banner .item.slick-active a {-webkit-animation: fadeInUp 1.4s both 1s;animation: fadeInUp 1.4s both 1s;}
.index-banner .item.slick-active {animation: zoom-in 11s;}
@keyframes zoom-in {
    0% {
        background-size: 120% 120%; /* 背景图初始大小 */
    }
    100% {
        background-size: 100% 100%; /* 背景图放大到 1.3 倍 */
    }
}
@keyframes scalebg {
    0% {
        transform: scale(1);
    }

    5% {
        transform: scale(1.01);
    }

    40% {
        transform: scale(1.1);
    }

    45% {
        transform: scale(1.1);
    }

    90% {
        transform: scale(1.01);
    }

    100% {
        transform: scale(1);
    }
}
.slick-slider {
    float: left;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.index-banner .NextArrow,.index-banner .PrevArrow{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: none;
    background:rgba(0,0,0,0.15);
    text-align: center;
    z-index: 999;
    outline: none;
    bottom: 50%;
    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-banner .NextArrow i,.index-banner .PrevArrow i{font-size:2.8rem;color:#fff;}
.index-banner .PrevArrow{left:0;}
.index-banner .NextArrow{right:0;transform: rotate(-180deg)}
.index-banner .NextArrow:hover,.index-banner .PrevArrow:hover{opacity: 1;}
.index-banner .NextArrow:hover i,.index-banner .PrevArrow:hover i{color: #fff}
.index-banner .slick-dots {position: absolute;height:10px;bottom:50px;width:100%;padding: 0;list-style-type: none;text-align:center}
.index-banner .slick-dots li button {display: none;}
.index-banner .slick-dots li {width:10px;height:10px;background-color:rgba(255,255,255,1);border-radius: 50%}
.index-banner .slick-dots li:last-child{margin-right: 0;}
.index-banner .slick-dots li.slick-active {background-color:var(--color-2);}
@media (max-width: 1280px) {
    .index-banner .slick-dots {width:100%;margin-left:0;padding: 0 60px;left: 0}
}
@media (max-width: 991px) {
    .index-banner .NextArrow,.index-banner .PrevArrow{opacity:0;}
    .index-banner .slick-dots {width:100%;left:0;bottom:40px;margin-left: 0;padding: 0 0 0 20px;text-align: left}
    .index-banner .slick-dots li {width:8px;height:8px;}
    .index-banner .item.slick-active .mobile {-webkit-animation: fadeIn 1s both;animation: fadeIn 1s both ;}
    .index-banner .item.slick-active {-webkit-animation: fadeIn 0.1s both;animation: fadeIn 0.1s both;}
}

/*about*/
.about{width: 100%;background-color: #fff;padding:50px 0 100px 0;background-image:url(../images/logo-m-2-2b7dbc3034.png);background-repeat: no-repeat;background-position:left top;}
.about-info{width: 100%;align-items: flex-start}
.about-info .info{width: 45%;padding-top: 20px;background-image:url(../images/logo-m-1-fccdf8c3ac.png);background-repeat: no-repeat;background-position: right bottom;}
.about-info .info p{font-size: 18px;line-height: 36px;color:#495057;font-weight:300;margin-bottom:30px;}
.about-info .info p:nth-child(2){margin-bottom: 50px!important;}
.about-info .info a{display: block;width: 180px;line-height: 50px;font-size: 18px;text-align: center;background-color:var(--color-4);color:#fff;border-radius: 25px;text-transform: uppercase}
.about-info .img{width:45%;text-align: center;position: relative;background-color:#f1f3f5;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
.about-info .img:after{content: '';position: absolute;width: 100%;height: 100%;background-color:#f1f3f5;z-index:1;top:-12px;left:-12px;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
.about-info .img:before{content: '';position: absolute;width: 100%;height: 100%;background-color:#e9ecef;z-index:2;top:-22px;left:-22px;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
.about-info .img img{width: 100%;position: relative;z-index: 5;bottom: 12px;right:12px;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}

@media (max-width: 1680px) {
    .about{padding:50px 0 80px 0;}
    .about-info .info p{font-size: 16px;line-height:32px;}
    .about-info .info p:nth-child(2){margin-bottom: 30px!important;}
    .about-info .info a{font-size: 16px;}
}
@media (max-width: 1440px) {
    .about{padding:50px 0 60px 0;}
    .about-info .info p{font-size: 15px;line-height:28px;font-weight: 300;margin-bottom:20px;}
    .about-info .info p:nth-child(2){margin-bottom: 30px!important;}
    .about-info .info a{width: 140px;line-height: 45px;font-size: 15px;}
}

@media (max-width: 991px) {
    .about-info{border-top-left-radius:0;background-image: none}
    .about .info{width:100%;margin-right:0;}
    .about .info p{font-size: 1.6rem;line-height:2.6rem;margin:10px 0;}
    .about .img{width: 100%;}
}

.service{padding:100px 0;width: 100%;background-color:var(--color-2);height:660px;position: relative}
.service .container{position: relative;z-index: 2;}
.service-ul{padding:30px 0;flex-wrap: wrap}
.service-ul li{width: 32%;margin-bottom: 2%;padding:25px 50px;
    border:1px solid rgba(255,255,255,0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 /50%);
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 50%);
    border-radius: 10px;
}
.service-ul li i{font-size:5rem;width:100px;display:block;line-height:5rem;margin-bottom: 10px;color: #fff}
.service-ul li b{font-size: 22px;font-weight: 300;color: #fff}
.vcr-bg{width:100%;height:660px;position:absolute;left:0;top:0;z-index:1}
.vcr-bg video{width: 100%; height:100%; object-fit:cover;}
@media (max-width: 1680px) {
    .service{padding:80px 0;height:600px;}
    .service-ul li{padding:20px 40px;}
    .service-ul li i{font-size:4.5rem;line-height:4.5rem;}
    .service-ul li b{font-size: 20px;}
    .vcr-bg{height:600px;}
}
@media (max-width: 1440px) {
    .service{padding:60px 0;height:550px;}
    .service-ul li{padding:20px 30px;}
    .service-ul li i{font-size:4rem;line-height:4rem;}
    .service-ul li b{font-size:18px;}
    .vcr-bg{height:550px;}
}
.case{padding:80px 0 50px 0;width: 100%;background-color:#f8f9fa;background-image: url(../images/ecology-bg.608eb3f.png);background-repeat: no-repeat;background-size: 100% auto;border-top-left-radius: 200px;border-bottom-right-radius: 200px;}
.case-ul{width: 100%;}
.case-ul li{margin:50px 25px 70px 25px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 2px solid #fff;
    background-color: rgba(255,255,255,.7);
    box-shadow: 0 20px 35px 0 rgba(0,0,0,.1);
    border-radius:12px;overflow: hidden;
}
.case-ul li a{display: block;outline: none;}
.case-ul li .img{min-height:220px;overflow: hidden;}
.case-ul li .img img{width: 100%;}
.case-ul li .info{padding:25px;position: relative;overflow: hidden}
.case-ul li .info h6{font-size:20px;font-weight: 400;margin-bottom: 10px;transition: all 0.5s;}
.case-ul li .info p{width: 100%;}
.case-ul li .info p span{font-size: 15px;line-height:30px;font-weight: 300;color: #868e96;display: inline-block;width: 50%;text-align: right}
.case-ul li .info p b{font-size:18px;line-height: 30px;font-weight: 400;color: #212529;display: inline-block;width: 50%}
.case-ul li.slick-active{-webkit-animation: fadeIn 1s both;animation: fadeIn 1s both;}
.case-ul li.slick-active .img{-webkit-animation: fadeInUp 1s both 0.2s;animation: fadeInUp 1s both 0.2s;}
.case-ul li.slick-active .info p{-webkit-animation: fadeInRight 1s both 0.2s;animation: fadeInRight 1s both 0.2s;}
.case-ul li.slick-active .info h6{-webkit-animation: fadeInUp 1s both 0.2s;animation: fadeInUp 1s both 0.2s;}
.case-ul li:hover{transform: translateY(-15px);-webkit-transform: translateY(-15px);}
.case-ul li:hover .info h6{transform: translateY(15px);}
.case-ul li:hover .info p{transform: translateY(-20px);}
.case-ul li:hover .img{min-height:180px;}
.case-ul li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

@media (max-width: 1680px) {
    .case{padding:60px 0 40px 0;}
}
@media (max-width: 1440px) {
    .case{padding:60px 0 20px 0;}
    .case-ul li{margin:30px 15px 50px 15px;border:1px solid #fff;box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);border-radius:8px;}
    .case-ul li .img{min-height:160px;}
    .case-ul li .info{padding:20px;}
    .case-ul li .info h6{font-size:18px;}
    .case-ul li .info p span{font-size: 14px;line-height:25px}
    .case-ul li .info p b{font-size: 18px;line-height: 25px;}
    .case-ul li .info span{width: 100px;line-height:38px;font-weight: 300}
}
.case-ul .NextArrow,.case-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;border-radius: 50%;
    line-height:40px;
    background:transparent;border: none;top:50%;margin-top: -20px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.case-ul .NextArrow i,.case-ul .PrevArrow i{font-size:4rem;color:var(--color-1);font-weight: 400;}
.case-ul .NextArrow:hover i,.case-ul .PrevArrow:hover i{color:var(--color-2);}
.case-ul .NextArrow{right:-50px;transform: rotate(-180deg)}
.case-ul .PrevArrow{left:-50px;}
.case-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.case-ul .slick-dots li{margin:6px!important;border: none;border-radius: 50%;width:12px!important;height: 12px;padding: 0!important;background-color: rgba(0,0,0,0.2)}
.case-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
.case-ul .slick-dots li.slick-active{background-color:var(--color-2) }
.case-ul .slick-dots li button:before {font-size:0.8rem;color:#222;opacity: 0;left:50%;margin-left: -0.4rem;top:0;}
.case-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-2)}
.case .tab-block{width: 100%;padding-top: 20px}
.case .pro-tabs {width: 100%;min-height: 500px;}
.case .tab-block .pro-tabs .tab-item{width: 100%;height: 100%;display: none;}
.case .tab-block .pro-tabs .tab-item.active{display: block;}
.case .tab-block .tab-buttons {width:50%;margin: 20px auto;height:60px;}
.case .tab-block .tab-buttons .tab-button{
    border-radius:8px;background-color: #fff;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    width: 49%;height: 60px;text-align: center;font-size:18px;font-weight:300;
    color:#495057;line-height:60px;position: relative;cursor: pointer;margin-right: 2%;
    border: 1px solid rgba(255,255,255,0.75);
}
.case .tab-block .tab-buttons .tab-button:last-child{margin-right: 0}
.case .tab-block .tab-buttons .tab-button.cur{color:#fff;font-weight:400;
    background-image:-webkit-linear-gradient(125deg, var(--color-1), var(--color-4));
    background-image:linear-gradient(125deg, var(--color-1), var(--color-4));
    box-shadow: 0 16px 32px -12px rgba(54,79,199,0.85);
}
@media (max-width: 1440px) {
    .tab-block .tab-buttons .tab-button{font-size: 18px!important;font-weight:500;line-height:50px!important;height: 55px!important;}
    .case .pro-tabs {min-height: 450px;}
}
@media (max-width: 991px) {
    .tab-block .tab-buttons .tab-button{height: 50px;font-size: 1.6rem;line-height:50px;}
    .tab-block .tab-buttons .tab-button{width: 50%;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;
        -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0,0, 0.05);
        box-shadow: 5px 5px 10px 0 rgba(0, 0,0, 0.05);}
    .tab-block .tab-buttons .tab-button.cur{background-color:var(--color-2);color:#fff;}
}

/*news*/
.news{padding:80px 0;background-color:#f8f9fa;width: 100%;border-bottom-right-radius:200px;border-top-left-radius:200px;}
.news .nav-tabs{padding:20px 0;border-bottom:none;}
.news .nav-tabs .nav-item{margin-right:1%;width:auto;}
.news .nav-tabs .nav-item:last-child{margin-right: 0}
.news .nav-tabs .nav-item a{font-size: 18px;color: #495057;font-weight: 400;border-radius:5px;background-color:#fff;padding: 12px 40px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);border: 1px solid rgba(255,255,255,0.7);
}
.news .nav-tabs .nav-item a:hover,.news .nav-tabs>li.active>a,.news .nav-tabs>li.active>a:focus,.news .nav-tabs>li.active>a:hover{
    color:#fff;
    border-radius:5px;
    background-image:-webkit-linear-gradient(45deg, var(--color-1), var(--color-4));
    background-image:linear-gradient(45deg, var(--color-1), var(--color-4));
    box-shadow: 0 16px 32px -12px rgba(54,79,199,0.85);
    border: 1px solid rgba(255,255,255,0.75);
}
.news .nav-tabs .nav-item a:after{display: none}
.news .tab-content{min-height: 400px;width: 100%;padding: 0 150px;}
@media (max-width: 1680px) {
    .news .nav-tabs .nav-item a{font-size: 16px;padding: 10px 35px;}
    .news .tab-content{padding: 0 100px;}
}
@media (max-width: 1440px) {
    .news .nav-tabs .nav-item a{font-size: 14px;padding: 10px 30px;}
    .news .tab-content{padding: 0 80px;}
}
.news .news-cont{padding:30px 0;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows:100%;
    grid-gap:0 30px;
}
.news .hot-news{width: 100%;height: 100%;}
.news .hot-news a{display: block;background-color: #fff;padding: 25px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
    border-radius: 20px;width: 100%;height: 100%;
}
.news .hot-news a .img{margin-bottom: 20px;height:60%;overflow: hidden;background-size: cover;background-position: center top;}
.news .hot-news a .img img{width: 100%;}
.news .hot-news a .info{height:40%}
.news .hot-news a .info h6{font-size: 18px;font-weight: 550;color:#212529;margin-bottom: 15px;line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .hot-news a .info p{font-size: 14px;line-height: 22px;color: #868e96;font-weight: 400;margin-bottom: 20px;font-family: "Microsoft YaHei";
    overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .hot-news a .info h6 span{color: #495057;float: right;font-size: 14px;}
.news .hot-news a .info .more{width: 120px;font-size: 14px;text-align: center;margin-bottom: 10px;
    line-height: 40px;border-radius:6px;color: #fff;display: block;
    background-image:-webkit-linear-gradient(45deg, var(--color-1), var(--color-4));
    background-image:linear-gradient(45deg, var(--color-1), var(--color-4));
    box-shadow: 0 16px 32px -12px rgba(54,79,199,0.85);
    border: 1px solid rgba(255,255,255,0.75);
}
.news .hot-news .more:hover{
    background-color: var(--color-2);
    box-shadow: 0 16px 32px -12px rgba(54,79,199,0.85);
    border: 1px solid rgba(255,255,255,0.75);
    color: #fff}
.news .hot-news .no-date{width: 100%;height: 100%;background-color:#f8f9fa;text-align: center;border-radius:6px;padding: 20px;
    display: flex;align-items: center;justify-content: center;flex-wrap: wrap}
.news .hot-news .no-date img{width: auto;max-width: 100%;margin-bottom: 20px}
.news .hot-news .no-date span{font-size: 18px;font-weight: 500;color:#5fb2ff;width: 100%;text-align: center;display: block}
.news .news-list{width:100%;}
.news .news-list ul {width: 100%;}
.news .news-list ul li{
    margin-bottom:22px;background-color: #fff;padding:18px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
    border-radius: 15px;
}
.news .news-list ul li:last-child{margin-bottom: 0}
.news .news-list .time{
    display: block;height:75px;border-radius:8px;overflow: hidden;
    width: 75px;font-size: 14px;line-height:25px;color:#495057;text-align: center;
    background-color: #fff;
    box-shadow: 0 10px 20px -6px rgba(0,0,0,0.1);
}
.news .news-list .time span{font-size:35px;color: #FFF;background-color:var(--color-2);text-align: center;height:50px;display: block;line-height:50px;}
.news .news-list .content{width: 82%;margin-left:5%}
.news .news-list .content a{font-weight:550;font-size:16px;color:#343a40;display: block;line-height:26px;margin-bottom:5px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;overflow: hidden}
.news .news-list .content a:hover {color:var(--color-2);}
.news .news-list .content p{font-size: 14px;line-height: 22px;color:#868e96;font-weight: 400;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-family: "Microsoft YaHei"}
@media (max-width: 1680px) {

}
@media (max-width: 1440px) {
    .news .hot-news a{padding: 20px;}
    .news .hot-news a h6{font-size: 16px;line-height: 26px}
    .news .hot-news a p{margin-bottom: 20px;}
    .news{padding:50px 0 25px 0;background-color:#f9f9f9}
    .news .news-list ul li{margin-bottom:15px;padding:15px;}
    .news .news-list .content a{font-size:15px;line-height:25px;margin-bottom:0;}
    .news .news-list .content p{font-size: 13px;line-height: 20px}
}
@media (max-width: 992px) {
    .news {padding:20px 0;}
    .news .section-title{margin-top:60px}
    .news .news-cont{padding:20px 0 0 0}
    .news .hot-news{width:100%;margin-right:0;box-shadow: 0 5px 15px rgba(0,0,0,0.1);-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);margin-bottom: 20px;}
    .news .hot-news a p{padding: 0 10px;font-size: 1.4rem;line-height: 40px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
    .news .news-list{width:100%;}
    .news .news-list ul li{padding-bottom:15px;margin-bottom:15px;}
    .news .news-list .time{height:75px;width: 20%;font-size:1.2rem;line-height:2rem;}
    .news .news-list .time span{font-size:4rem;height:5rem;line-height:4.5rem;}
    .news .news-list .content{width: 77%;margin-left: 3%}
    .news .news-list .content a{font-size:1.4rem;line-height:2.2rem;margin-bottom:5px;}
    .news .news-list .content p{font-size: 1.2rem;line-height:1.8rem;height:auto;}
    .news .more{line-height: 40px;font-size:1.4rem!important;width: 140px;margin: 20px auto;}
    .news .more i{font-size: 2rem;top:2px;margin-right: 5px}
}

.brand-carousel{background-color:#fff;padding:100px 0;}
.brand-carousel .carousel-row-wrapper{height:115px;margin:0 auto;overflow-x:hidden;position:relative;}
.brand-carousel .carousel-row-wrapper .mask-left,.brand-carousel .carousel-row-wrapper .mask-right{height:100px;position:absolute;top:0;width:300px;z-index:10}
.brand-carousel .carousel-row-wrapper .mask-left{background-image:linear-gradient(270deg,rgba(240,247,255,0) 0,#fff);left:0}
.brand-carousel .carousel-row-wrapper .mask-right{background-image:linear-gradient(90deg,rgba(240,247,255,0) 0,#fff);right:0}
.brand-carousel div[class^=carousel-row]{white-space:nowrap}
.brand-carousel .carousel-row1{animation:move-to-left 70s linear infinite;display:flex}
.brand-carousel .carousel-row2{animation:move-to-right 70s linear infinite;display:flex;flex-direction:row-reverse}
.brand-carousel .carousel-row-wrapper li{
    background-color:#fff;flex-shrink:0;
    height:80px;width:200px;
    margin:15px 15px;
    text-align:center;
    padding:5px 20px 5px 20px;
    box-shadow: 0 6px 15px #00000014;
    border:1px solid rgba(255,255,255,0.85);
    border-radius: 10px;
    transform: skew(-12deg);
    display: flex;align-items: center;justify-content: center;
}
.brand-carousel .carousel-row-wrapper li img{
    width:80%;height: auto;
    transform: skew(12deg);
    border-radius: 10px;
}
.brand-carousel .carousel-row-wrapper li:first-child{margin-left:0}
@media (max-width: 1680px) {
    .brand-carousel{padding:80px 0;}
    .brand-carousel .carousel-row-wrapper li{height:60px;width:150px;margin:12px 12px;}
    .brand-carousel .carousel-row-wrapper li img{width: 90%}
    .brand-carousel .carousel-row-wrapper{height:100px;}
}
@media (max-width: 1440px) {
    .brand-carousel{padding:60px 0;}
}
@media (max-width: 992px) {
    .brand-carousel{background-color:#fff;padding: 40px 0 40px 0;}
    .brand-carousel .carousel-row-wrapper .mask-left,.brand-carousel .carousel-row-wrapper .mask-right{height:100%;width:100px;}
    .brand-carousel .carousel-row-wrapper{height:100%;width:100%!important;}
    .brand-carousel .carousel-row-wrapper li{height:38px;width:100px;margin:6px 6px; box-shadow:0 2px 6px rgba(0,0,0,0.05);border-radius:4px;border:1px solid #eee;}
    .brand-carousel .carousel-row-wrapper li>img{padding:6px;}
}
@keyframes move-to-left{
    0%
    {
        transform:translateZ(0)
    }
    to
    {
        transform:translate3d(-1100px,0,0)
    }
}
@keyframes move-to-right{
    0%
    {
        transform:translateZ(0)
    }
    to
    {
        transform:translate3d(1100px,0,0)
    }
}

/*service-form*/
.service-form{padding:50px 0;border-top-right-radius:200px;background-color: #fff;width: 100%;background-image: url(../images/form-bg.jpg);background-size: 100% auto;background-repeat: no-repeat;background-position:left top}
.form{align-items: center}
.form .img{width: 50%;padding:0 50px 0 0;}
.form .img img{width: 100%;}
.form .info{width: 50%;padding:30px;}
.form .info h4{margin-bottom: 30px;font-size: 40px;font-weight: 550;color: #495057}
.form .info i{font-size: 4rem;color: var(--color-3);}
.form .info ul{margin-bottom: 15px;}
.form .info ul li{margin-bottom:3%;}
.form .info ul li input{width:48.5%;text-indent: 20px;margin-right: 3%;height: 45px;border-radius:4px;font-size: 16px;color:#868e96;border:1px solid #dcdcdc;}
.form .info ul li textarea{border:1px solid #dcdcdc;width: 100%;text-indent: 20px;height: 80px;border-radius:4px;padding: 10px 0 0 0;font-size: 16px;color: #868e96;}
.form .info ul li input:nth-child(2){margin-right: 0;}
.form .info ul li button{color: #fff;font-size: 18px;width:35%;height: 50px;border-radius:5px;
    background-image:-webkit-linear-gradient(45deg, var(--color-3), var(--color-4));
    background-image:linear-gradient(45deg, var(--color-3), var(--color-4));
    box-shadow: 0 16px 32px -12px #4263eb;
    border: 1px solid rgba(255,255,255,0.7);
    margin-right: 0;
}
.form .info ul li button i{font-size: 2.2rem;color: #fff;}
.form .info p{font-size: 16px;line-height: 30px;color: #222;font-weight: 300}
@media (max-width: 1680px) {
    .service-form {background-size:cover;}
    .form .info{width: 45%;padding:0;}
}
@media (max-width: 1440px) {

}
@media (max-width: 992px) {
    .service-form{padding: 0;background-position: right bottom;background-size: 100% auto;background-repeat:no-repeat;background-color: #fff;}
    .form{padding: 10px 0;flex-wrap: wrap;}
    .form .img{width: 80%;margin: 0 auto 20px auto;}
    .form .img img{width: 100%;}
    .form .info{width: 100%;padding:10px;}
    .form .info h4{margin-bottom: 20px;font-size: 1.6rem;font-weight:700;}
    .form .info h4 i{font-weight: 300;font-size:2rem;}
    .form .info ul li{margin-bottom: 10px;}
    .form .info ul li input{text-indent: 10px;height: 35px;font-size:1.2rem;border-radius: 4px;color: #999;}
    .form .info ul li select{font-size: 1.2rem;height:35px;text-indent: 10px;border-radius: 4px;}
    .form .info ul li textarea{text-indent: 10px;font-size:1.2rem;border-radius: 4px;}
    .form .info ul li button{font-size:1.3rem;width: 100%;height: 35px;border-radius: 4px;}
    .form .info ul li button i{font-size: 1.8rem;}
    .form .info p{font-size:1.3rem;line-height:2rem;}
}