.main-box{color:#262626;background:#fff;margin-top:81px}
.main-carousel-box{position:relative}
.main-carousel-box .carousel-item{display:none}
.main-carousel-box .carousel-item.active-item{display:block}
.main-carousel-box .carousel-img{min-height:240px}
.main-carousel-box .info-text-wrapper{position:absolute;left:0;top:0;width:100%;height:100%}
.main-carousel-box .info-text-wrapper .container{height:100%}
.main-carousel-box .info-text-wrapper .info-text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}
.main-carousel-box .main-title{font-size:40px;margin-bottom:24px;color:#fff;padding-left:30px}
.main-carousel-box .sub-title{font-size:24px;color:#fff;padding:0 1em;padding-left:30px}
.content-box .content-item .title-label{text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}
.content-box .content-item .main-title{width:100%;font-size:36px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;display:flex;justify-content:center;align-items:center}
.content-box .content-item .main-title span{margin:0 50px;font-weight:bold;font-family:'思源黑体 CN' !important;color:#303030;white-space:nowrap}
.content-box .content-item .main-title i{width:190px;height:2px;background:#d9d9d9;position:relative;top:12px}
.content-box .content-item .sub-title{font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;color:#9d9d9d;letter-spacing:1px;max-width:530px}
.content-box .content-item-solution{margin-top:20px}
.content-box .content-item-solution .container{padding:56px 0 0}
.content-box .content-item-solution .content{margin-top:30px;display:flex;width:100%;height:600px}
.content-box .content-item-solution .content .cols-flex{flex:1;background-color:#f5f6f8;margin-right:4px;transition:0.2s all linear;position:relative;overflow:hidden}
.content-box .content-item-solution .content .cols-flex:last-child{margin-right:0}
.content-box .content-item-solution .content .cols-flex:hover{flex-basis:16%}
.content-box .content-item-solution .content .cols-flex:hover .flex-content{top:24%}
.content-box .content-item-solution .content .cols-flex:hover .item-img{transform:scale(1.1)}
.content-box .content-item-solution .content .cols-flex:hover .flex-wrapper{background:rgba(0,0,0,0.1)}
.content-box .content-item-solution .content .cols-flex:hover .info{opacity:1}
.content-box .content-item-solution .content .cols-flex:hover .title:after{background:rgba(197,8,25,0)}
.content-box .content-item-solution .content .cols-flex:hover .title,.content-box .content-item-solution .content .cols-flex:hover .desc,.content-box .content-item-solution .content .cols-flex:hover a{text-shadow:0 1px 1px rgba(0,0,0,0.5)}
.content-box .content-item-solution .content .cols-flex .item-img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:0.2s all linear}
.content-box .content-item-solution .content .cols-flex .flex-wrapper{width:100%;height:100%;background:rgba(0,0,0,0.5);transition:0.2s all linear;position:relative;z-index:2}
.content-box .content-item-solution .content .cols-flex .flex-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:absolute;left:0;top:calc(50% - 10px);transition:0.2s all linear}
.content-box .content-item-solution .content .cols-flex .title{display:inline-block;font-size:20px;color:#fff;font-weight:bold;font-family:'思源黑体 CN' !important;position:relative;margin-bottom:10px;cursor:default}
.content-box .content-item-solution .content .cols-flex .title:after{content:'';width:50px;height:2px;background:#c50819;position:absolute;bottom:-4px;left:50%;margin-left:-25px;transition:0.2s all linear}
.content-box .content-item-solution .content .cols-flex .info{color:#fff;margin-top:4px;width:240px;opacity:0;transition:0.2s all linear;padding:20px}
.content-box .content-item-solution .content .cols-flex .info .desc{font-size:17px;text-align:justify;line-height:28px}
.content-box .content-item-solution .content .cols-flex .info .links{margin-top:16px}
.content-box .content-item-solution .content .cols-flex .info .links-item{margin:6px 0}
.content-box .content-item-solution .content .cols-flex .info .links-item:hover i{transform:translateX(6px)}
.content-box .content-item-solution .content .cols-flex .info .links-item a{color:#fff;font-size:15px;text-decoration:none}
.content-box .content-item-solution .content .cols-flex .info .links-item i{display:inline-block;color:#c50819;font-size:13px;margin-left:2px;transform:translateX(0);transition:0.2s all linear}
.content-box .content-item-story{background:#fff;margin-top:20px;padding:30px 0}
.content-box .content-item-story .swiper-button-prev,.content-box .content-item-story .swiper-button-next{transform:scaleY(0.8)}
.content-box .content-item-story .swiper-button-prev{left:30px}
.content-box .content-item-story .swiper-button-next{right:30px}
.content-box .content-item-story .swiper-container,.content-box .content-item-story .swiper-wrapper,.content-box .content-item-story .swiper-slide{width:100%;height:100%}
.content-box .content-item-story .swiper-slide{height:550px}
.content-box .content-item-story .swiper-slide.swiper-slide-active{padding:0 10%}
.content-box .content-item-story .swiper-slide a{position:relative;display:block;width:100%;height:100%}
.content-box .content-item-story .swiper-slide .item-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.content-box .content-item-story .swiper-slide .container{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;color:red}
.content-box .content-item-story .info{position:absolute;top:0;left:0;width:100%;height:100%;padding:30px;display:flex;flex-direction:column;justify-content:flex-end}
.content-box .content-item-story .info .title{font-size:20px;color:#fff;font-weight:bold;font-family:'思源黑体 CN' !important}
.content-box .content-item-story .info .desc{margin-top:6px;font-size:14px;color:#fff;line-height:20px}
.content-box .content-item-story .more{display:flex;justify-content:center;margin-top:20px}
.content-box .content-item-story .more a{border:1px solid #000;display:flex;justify-content:center;align-items:center;font-size:16px;color:#000;text-decoration:none;padding:8px 20px;transition:0.2s all linear}
.content-box .content-item-story .more a:hover{background:#2058a3;border-color:#2058a3;color:#fff}
@media screen and (max-width:768px){
    .main-carousel-box .carousel-item{height:220px !important}
    .main-carousel-box .carousel-item .title{max-width:700px !important;font-size:18px !important;margin-bottom:24px !important}
    .main-carousel-box .carousel-item .desc{font-size:12px !important;line-height:20px !important;margin-bottom:24px !important}
    .main-carousel-box .carousel-item .btn{width:100px !important;height:36px !important;font-size:14px !important;letter-spacing:1px !important}
    .title-label{margin-bottom:10px !important}
    .main-title{font-size:22px !important;margin-bottom:4px !important}
    .main-title span{margin:0 12px !important}
    .main-title i{height:1px !important}
    .sub-title{font-size:12px !important;max-width:100% !important}
    .content-item-solution{margin-top:10px !important}
    .content-item-solution .container{padding:36px 0 0 !important}
    .content-item-solution .content{margin-top:10px !important;display:block !important;height:300px !important;padding:2px !important}
    .content-item-solution .content .cols-flex{float:left !important;margin:2px !important;width:calc(50% - 4px);height:100%}
    .content-item-solution .content .cols-flex:hover .flex-content{top:20% !important}
    .content-item-solution .content .cols-flex .title{font-size:16px !important;margin-bottom:0 !important}
    .content-item-solution .content .cols-flex .title:after{width:34px !important;bottom:-2px !important;margin-left:-17px !important}
    .content-item-solution .content .cols-flex .info{margin-top:10 !important;width:auto !important;max-width:80% !important;padding:0 !important}
    .content-item-solution .content .cols-flex .info .desc{font-size:13px !important;line-height:18px !important}
    .content-item-solution .content .cols-flex .info .links{margin-top:6px !important}
    .content-item-solution .content .cols-flex .info .links-item{margin:0 !important}
    .content-item-solution .content .cols-flex .info .links-item:hover i{transform:translateX(2px) !important}
    .content-item-solution .content .cols-flex .info .links-item a{font-size:12px !important}
    .content-item-solution .content .cols-flex .info .links-item i{font-size:12px !important}
    .content-item-story .swiper-button-prev{left:6px !important}
    .content-item-story .swiper-button-next{right:6px !important}
    .content-item-story .swiper-slide{width:100% !important;height:220px !important}
    .content-item-story .swiper-slide.swiper-slide-active{padding:0 4% !important}
    .content-item-story .info{padding:16px !important}
    .content-item-story .info .title{font-size:16px !important}
    .content-item-story .info .desc{margin-top:4px !important;font-size:12px !important;line-height:16px !important}
    .content-item-story .more a{font-size:14px !important;padding:6px 14px !important}
}
@media screen and (min-width:768px) and (max-width:1200px){
    .main-carousel-box .carousel-item{height:480px !important}
    .main-carousel-box .carousel-item .title{max-width:700px !important;font-size:40px !important;margin-bottom:22px !important}
    .main-carousel-box .carousel-item .desc{max-width:700px !important;font-size:14px !important;line-height:28px !important;margin-bottom:50px !important}
    .main-carousel-box .carousel-item .btn{width:160px !important;height:50px !important;font-size:18px !important;letter-spacing:1px !important}
    .title-label{margin-bottom:10px !important}
    .main-title{font-size:26px !important}
    .sub-title{font-size:13px !important}
    .content-item-solution{margin-top:10px !important}
    .content-item-solution .container{padding:36px 0 0 !important}
    .content-item-solution .content{margin-top:20px !important;height:400px !important}
    .content-item-solution .content .cols-flex{margin-right:2px !important}
    .content-item-solution .content .cols-flex:hover .flex-content{top:22% !important}
    .content-item-solution .content .cols-flex .flex-content{top:calc(50% - 10px)}
    .content-item-solution .content .cols-flex .title{font-size:18px !important;margin-bottom:0 !important}
    .content-item-solution .content .cols-flex .title:after{width:40px !important;bottom:-3px !important;margin-left:-20px !important}
    .content-item-solution .content .cols-flex .info{margin-top:0 !important;width:auto !important;max-width:220px !important}
    .content-item-solution .content .cols-flex .info .desc{font-size:15px !important;line-height:24px !important}
    .content-item-solution .content .cols-flex .info .links{margin-top:10px !important}
    .content-item-solution .content .cols-flex .info .links-item{margin:0 !important}
    .content-item-solution .content .cols-flex .info .links-item:hover i{transform:translateX(4px) !important}
    .content-item-solution .content .cols-flex .info .links-item a{font-size:13px !important}
    .content-item-solution .content .cols-flex .info .links-item i{font-size:12px !important}
    .content-item-story .swiper-slide{width:100% !important;height:350px !important}
    .content-item-story .info{padding:24px !important}
    .content-item-story .info .title{font-size:17px !important}
    .content-item-story .info .desc{font-size:13px !important;line-height:20px !important}
    .content-item-story .more a{font-size:15px !important;padding:6px 16px !important}
}@media screen and (max-width:1200px){
     .title-label{margin-bottom:10px !important}
}