/* banner */
.banner-bg-pc{height:100vh;transition:none}
.banner-bg-mb{display:none}
.banner-cont{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}
.banner-cont .contain-lg{height:100%}
.banner-cont .in{height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding-left:110px}
.banner-cont .in .tit{font-size:60px;font-weight:700}
.banner-cont .in p{font-size:26px;margin-top:10px}
.banner-cont .in .btn{margin-top:38px}
@keyframes text-active-animation{from{opacity:0;filter:Alpha(opacity=0);-webkit-transform:translateY(50px);transform:translateY(50px)} to{opacity:1;filter:Alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0)} }
.index-banner .swiper-slide-active .tit{animation:text-active-animation 1.5s ease both}
.index-banner .swiper-slide-active p{animation:text-active-animation 1.5s ease both .2s}
.index-banner .swiper-slide-active .btn{animation:text-active-animation 1.5s ease both .4s}
.banner-nav{width:100%;position:absolute;left:0;bottom:90px;z-index:2}
.banner-nav .contain-lg{display:flex;align-items:center;justify-content:flex-end}
.banner-nav .circle{width:60px;height:60px;border-radius:50%;background:0 0;display:flex;align-items:center;justify-content:center;border:1px solid #fff;cursor:pointer;position:relative}
.banner-nav .circle i{display:block;background:url(../images/index/banner-play.png) no-repeat center/100%;width:14px;height:14px;transition:background .4s ease}
.banner-nav .circle.playing i{background-image:url(../images/index/banner-pause.png)}
.banner-nav .circle .wrapper_con{width:30px;height:60px;position:absolute;top:-1px;overflow:hidden;display:none}
.banner-nav .circle .right{right:-1px}
.banner-nav .circle .left{left:-1px}
.banner-nav .circle .circleProgress{width:60px;height:60px;border:3px solid transparent;border-radius:50%;position:absolute;top:0;transform:rotate(-135deg)}
.banner-nav .circle .rightcircle{border-bottom:3px solid #fff;border-left:3px solid #fff;right:0}
.banner-nav .circle .leftcircle{border-top:3px solid #fff;border-right:3px solid #fff;left:0}
.banner-nav .circle .line.on .wrapper_con{display:block}
.banner-nav .circle .line.on .leftcircle{animation:circleProgressLoad_left 5s linear both}
.banner-nav .circle .line.on .rightcircle{animation:circleProgressLoad_right 5s linear both}
.banner-nav .circle .line.stop .leftcircle,.banner-nav .circle .line.stop .rightcircle{animation-play-state:paused}
@keyframes circleProgressLoad_right{0%{transform:rotate(45deg)}100%,50%{transform:rotate(225deg)}}@keyframes circleProgressLoad_left{0%,50%{transform:rotate(45deg)}100%{transform:rotate(225deg)}}
.banner-nav .swiper-btn{display:inline-block;padding:5px;transition:background .4s ease;border-radius:5px}
.banner-nav .swiper-btn i{display:block;width:20px;height:12px}
.banner-nav .swiper-btn.prev{margin-right:10px}
.banner-nav .swiper-btn.prev i{background:url(../images/index/banner-prev.png) no-repeat center/100%}
.banner-nav .swiper-btn.next{margin-left:10px}
.banner-nav .swiper-btn.next i{background:url(../images/index/banner-next.png) no-repeat center/100%}
.banner-nav .swiper-btn:not(.swiper-button-disabled):hover{background:rgba(0,0,0,.1)}
.banner-nav .swiper-pagination{position:static;width:auto;font-family:DINCond;color:#fff;font-size:16px;margin-left:18px}
.index-banner .hasVideo video{position: absolute;width: 100%;height: 100%;object-fit: cover;z-index: 4;top: 0;left: 0}
.index-banner .hasVideo .banner-bg{opacity:0}
.banner-nav .swiper-pagination span{padding:0 1px}

/* 产品中心 */
.index-prod{padding:130px 0 120px;background:#f3f6f7}
.index-prod-list{margin-top:40px}
.index-prod-list .index-prod-cell:not(:first-child){display:none}
.index-prod-list .contain-lg{margin-left:0}
.index-prod-cell{display:flex;width:calc(50vw + 870px);height:770px}
.index-prod-cell .lft{width:calc(100% - 330px);height:100%}
.index-prod-cell .lft .contain-lg{margin:0 auto!important;padding-right:250px}
.index-prod-cell .lft .content{position:absolute;top:0;left:0;width:100vw;height:100%}
.index-prod-cell .lft .content .in{display:inline-flex;padding:74px 64px 110px;width:30.5%;background:rgba(0,0,0,.3);flex-direction:column;justify-content:center}
.index-prod-cell .lft .content .tit-en{color:#fff;text-transform:uppercase;font-size:16px;font-family:DINCond;line-height:1}
.index-prod-cell .lft .content .tit-cn{position:relative;margin-top:20px;padding-bottom:25px;color:#00a2ea;font-weight:700;font-size:34px;line-height:1}
.index-prod-cell .lft .content .tit-cn:after{position:absolute;bottom:0;left:0;width:36px;height:2px;background:#fff;content:''}
.index-prod-cell .lft .content .txt{margin-top:28px}
.index-prod-cell .lft .content .txt p{position:relative;padding-left:18px;color:#fff;font-size:16px}
.index-prod-cell .lft .content .txt p+p{margin-top:8px}
.index-prod-cell .lft .content .txt p:after{position:absolute;top:6px;left:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;content:''}
.index-prod-cell .lft .content .btn{margin-top:30px}
.index-prod-cell .lft .content .pic{padding-top:100px;width:67%;height:auto}
.index-prod-cell .rgt{width:330px;height:100%;background:#fff}
.index-prod-cell .rgt:hover .swiper-btn{visibility:visible;opacity:1}
.index-prod-cell .rgt .item{padding-top:20px;border-bottom:#f3f6f7 1px solid;text-align:center;cursor:pointer}
.index-prod-cell .rgt .item picture{overflow:hidden;height:88px}
.index-prod-cell .rgt .item p{display:inline-block;margin:10px auto 0;padding:0 20px 14px;min-width:126px;color:#333;font-weight:500;font-size:16px;transition:color .4s ease,border .4s ease;justify-content:center}
.index-prod-cell .rgt .item:hover p{color:#e62129}
.index-prod-cell .rgt .item:hover picture img{transform:scale(1.1)}
.index-prod-cell .rgt .item.active p{border-bottom:1px solid #e62129;color:#e62129}
.index-prod-cell .rgt .swiper-btn{position:absolute;left:50%;z-index:2;display:inline-flex;visibility:hidden;padding:2px 10px;border-radius:5px;background:0 0;color:#00a2ea;opacity:0;cursor:pointer;transition:background .4s ease,opacity .4s ease;transform:translateX(-50%)}
.index-prod-cell .rgt .swiper-btn.prev{top:5px}
.index-prod-cell .rgt .swiper-btn.next{bottom:3px}
.index-prod-cell .rgt .swiper-btn:hover{background:#efefef}
.index-prod-cell .rgt .swiper-btn.swiper-button-disabled{visibility:visible;opacity:0}

/* 关于我们 */
.index-about{padding-top:100px;background:url(../images/index/index-about-bg.jpg) no-repeat top left/100%}
.index-about .content{width:calc(50vw + 790px);margin-left:auto;margin-top:40px}
.index-about .heading .data{display:flex;align-items:center}
.index-about .heading .data li+li{margin-left:70px}
.index-about .heading .data .year{font-size:18px;color:#e62129;display:flex;align-items:flex-start;line-height:1;font-weight:500}
.index-about .heading .data .year span{font-family:DINCond;font-size:66px;line-height:1}
.index-about .heading .data .year em{font-style:normal;margin:10px 0 0 10px}
.index-about .heading .data p{font-size:15px;color:#444;font-weight:500}
.index-about .content .in{background:#fff;width:27.5%;position:absolute;left:0;top:0;height:88%;padding:60px 70px 60px 0}
.index-about .content .in .tit{color:#333;font-size:26px;font-weight:500}
.index-about .content .in p{color:#777;font-size:16px;line-height:26px;margin-top:30px}
.index-about .content .in .btn{margin-top:100px}

/* 解决方案 */
.index-solution{padding-top:118px;background:url(../images/index/index-solution-bg.png) no-repeat top right}
.index-solution .content{margin-top:40px}
.index-solution .content .txt{position:absolute;left:0;top:0;width:100%;height:calc(100% - 108px)}
.index-solution .content .contain-lg{height:100%}
.index-solution .content .in{width:43%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding: 30px 0}
.index-solution .content .in .tit{font-size:36px;font-weight:700;line-height:46px}
.index-solution .content .in .tit span{display:block}
.index-solution .content .in .sub-tit{font-weight:500;font-size:30px;margin-top:80px;margin-bottom:20px}
.index-solution .content .in p{font-size:15px;line-height:26px;color:rgba(255,255,255,.7);}
.index-solution .content .in .btn{margin-top:50px}
.index-solution .nav{position:absolute;bottom:0;left:0;width:100%;z-index:2}
.index-solution .nav .contain-lg{border-top:1px solid rgba(255,255,255,.1)}
.index-solution .nav .list{height:100%}
.index-solution .nav .list a{font-size:22px;color:#fff;height:108px;display:flex;align-items:center;position:relative;padding:0 40px}
.index-solution .nav .list a:first-of-type{padding-left:0}
.index-solution .nav .list a:last-of-type{padding-right:0}
.index-solution .nav .list a.active{color:#00a2ea}
.index-solution .nav .list a span{padding:5px;transition:all .4s ease;border-radius:5px}
.index-solution .nav .list a:not(.active):hover span{color:#00a2ea}
.index-solution .nav .list a:after{content:"";position:absolute;top:-2px;background:#00a2ea;height:3px;left:100%;width:0;transition:.2s all linear}
.index-solution .nav .list a.active:after{width:100%;left:0;transition-delay:.1s;border-bottom-color:#000;z-index:-1}
.index-solution .nav .list a.active~a:after{left:0}

/* 新闻 */
.index-news{padding:120px 0 110px;background:#f0f0f0}
.news-list{margin-top:50px}
.news-list .news-cell:not(:first-of-type){display:none}
.index-news .time{width:84px;min-width:84px;height:84px;background:#f0f0f0;font-family:DINCond;font-size:14px;line-height:1;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .4s ease,color .4s ease}
.index-news .time span{display:block;font-size:35px;font-weight:700;line-height:1;margin-top:5px}
.news-list .list-style1 .lft{width:49.5%}
.news-list .list-style1 .lft a{display:block}
.news-list .list-style1 .lft a picture{height:382px;overflow:hidden;display:block}
.news-list .list-style1 .lft a .info{background:#fff;padding:25px;display:flex;align-items:center}
.news-list .list-style1 .lft a .info .title{margin-left:22px;width:calc(100% - 106px)}
.news-list .list-style1 .lft a .info .tit{font-size:18px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.news-list .list-style1 .lft a .info p{font-size:14px;line-height:22px;color:#777;margin-top:5px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:44px}
.news-list .list-style1 .lft a:hover picture img{transform:scale(1.04)}
.news-list .list-style1 .lft a:hover .time{background:#00a2ea;color:#fff}
.news-list .list-style1 .rgt{width:49.5%;display:flex;flex-direction:column}
.news-list .list-style1 .rgt a{background:#fff;display:flex;padding:14px 20px;border-top:1px solid #00a2ea;align-items:center}
.news-list .list-style1 .rgt a+a{margin-top:21px}
.news-list .list-style1 .rgt a .tit{color:#333;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:20px;font-size:18px}
.news-list .list-style1 .rgt a:hover .time{background:#00a2ea;color:#fff}
.news-list .list-style2 .lft{width:32.5%}
.news-list .list-style2 .lft .pic{height:344px;overflow:hidden}
.news-list .list-style2 .lft .pic:hover img{transform:scale(1.04)}
.news-list .list-style2 .lft .item{margin-top:19px}
.news-list .list-style2 .rgt{width:66.3%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}
.news-list .list-style2 .rgt a{width:49%}
.news-list .list-style2 .item{background:#fff;display:flex;padding:38px 28px;transition:box-shadow .4s ease}
.news-list .list-style2 .item .title{margin-left:20px}
.news-list .list-style2 .item .tit{font-size:19px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list .list-style2 .item p{font-size:14px;line-height:22px;color:#666;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:44px;margin-top:5px}
.news-list .list-style2 .item:hover{box-shadow:inset 0 0 0 2px #00a2ea}
.news-list .list-style2 .item:hover .time{background:#00a2ea;color:#fff}

/* -------------------------PC端--------------------------- */
@media all and (max-width: 1700px) {
    /* 1600 × (900) */
    .index-about .content{width:calc(50vw + 700px)}
    .index-prod-cell .lft .contain-lg{padding-right:280px}
    .index-prod-cell .rgt{width:280px}
    .index-prod-cell .lft{width:calc(100% - 280px)}
    .index-prod-cell .lft .content .in{padding:50px}
    .banner-cont .in .tit{font-size:54px}
}
@media all and (max-width: 1599px) {
    /* 1440 × (700)  */
    .banner-cont .in{padding-left:0}
    .banner-cont .in .tit{font-size:50px}
    .banner-cont .in p{font-size:24px;margin-top:5px}
    .banner-nav .circle{width:50px;height:50px}
    .banner-nav .circle .circleProgress{width:50px;height:50px}
    .banner-nav .circle .wrapper_con{width:25px;height:50px}
    .index-about .content{width:calc(50vw + 600px)}
    .index-prod-cell{height:700px;width:calc(50vw + 600px)}
    .index-prod-cell .rgt{width:250px}
    .index-prod-cell .lft{width:calc(100% - 250px)}
    .index-prod-cell .rgt .item{padding-top:15px}
    .index-prod-cell .rgt .item picture{height:84px}
    .index-prod-cell .lft .contain-lg{padding-right:250px}
    .index-prod-cell .rgt .item p{padding:0 10px 10px;min-width:110px}
    .index-prod-cell .lft .content .in{padding:40px 30px}
    .index-prod-cell .lft .content .tit-cn{font-size:30px;padding-bottom:15px}
    .index-prod-cell .lft .content .pic{width:60%}
    .index-about .heading .data .year span{font-size:60px}
    .index-about .content .in .btn{margin-top:40px}
    .index-about .content .in{padding:40px 40px 40px 0}
    .index-solution .content .in .tit{font-size:32px;line-height:40px}
    .index-solution .nav .list a{height:80px;font-size:20px}
    .index-solution .content .txt{height:calc(100% - 80px)}
    .index-solution .content .in .sub-tit{margin-top:40px;font-size: 26px}
    .index-about .heading .data .year em{margin-left: 5px}
    .index-about .content .in .tit{font-size: 24px}
    .index-about .content .in p{margin-top: 20px}
    .news-list .list-style1 .lft a picture{height: 300px}
    .news-list .list-style1 .lft a .info{padding: 20px}
    .index-news .time{width: 70px;height: 70px;min-width: 70px}
    .news-list .list-style1 .lft a .info .title{margin-left: 15px;width: calc(100% - 85px)}
    .news-list .list-style1 .lft a .info p{margin-top: 2px}
    .news-list .list-style1 .rgt a{padding: 12px 20px}
    .news-list .list-style1 .rgt a+a{margin-top:11px}
    .news-list .list-style1 .rgt a .tit{font-size: 16px}
    .news-list .list-style2 .lft .pic{height: 260px}
    .news-list .list-style2 .lft .item{margin-top: 15px}
    .news-list .list-style2 .item{padding: 24px 20px}
    .news-list .list-style2 .item .tit{font-size: 16px}
    .news-list .list-style2 .item p{margin-top: 3px}
    .index-about,.index-solution{padding-top: 80px}
}
@media all and (max-width: 1439px) {
    /* 1360 */

}
@media all and (max-width: 1359px) {
    /* 1280 */

}
@media all and (max-width: 1279px) {
    /* 1152 × (700) */
    .banner-cont .in .tit{font-size: 44px}
    .banner-cont .in p{font-size: 22px}
    .banner-nav{bottom: 60px}
    .index-about .content{width: 100%}
    .index-prod-cell .lft .contain-lg{padding: 0;width: 100%}
    .index-prod-cell .lft .content{width: 100%;padding: 0 30px}
    .index-prod-cell .rgt{width: 220px}
    .index-prod-cell .lft{width: calc(100% - 220px)}
    .index-prod-cell{height: 580px;width:calc(50vw + 500px)}
    .index-prod-cell .lft .content .in{width: 38%;padding: 30px 20px}
    .index-prod-cell .lft .content .txt p{font-size: 15px}
    .index-prod-cell .rgt .item p{font-size: 15px}
    .index-prod-cell .lft .content .tit-cn{font-size: 26px}
    .index-about .content .in{position: relative;z-index: 1;padding: 30px;width: 100%;background: rgba(255,255,255,.9)}
    .index-about .content .bg{position: absolute;left: 0;top: 0;z-index: 0;height: 100%}
    .index-about .content{padding: 40px}
    .index-about .heading .data .year span{font-size: 50px}
    .index-about,.index-solution{padding-top:60px}
    .index-solution .content .in .tit{font-size: 28px;line-height: 36px}
    .index-solution .content .in .sub-tit{font-size: 22px;margin-top: 20px}
    .index-solution .content .in .btn{margin-top: 30px}
    .index-solution .nav .list a{font-size: 18px;height: 60px;padding: 0 20px}
    .index-solution .content .txt{height: calc(100% - 60px)}
    .news-list .list-style1 .lft a .info .tit{font-size: 16px}
    .index-news .time{width: 60px;height: 60px;min-width: 60px}
    .index-news .time span{font-size: 30px;margin-top: 0}
    .news-list .list-style1 .lft a .info{padding: 15px}
    .news-list .list-style1 .lft a picture{height: 250px}
    .news-list .list-style1 .lft a .info .title{width: calc(100% - 75px)}
    .news-list .list-style2 .lft .pic{height: 220px}
    .news-list .list-style2 .lft .item{margin-top: 10px}
    .news-list .list-style2 .item{padding: 17px 15px}
    .news-list .list-style2 .item .title{margin-left: 10px}
    .news-list .list-style1 .rgt a+a{margin-top:3px}
}
@media all and (max-width: 1151px) {
    /* 1024 */
    .index-banner .hasVideo .banner-bg{opacity:1}
    .index-banner .hasVideo video{display:none}

}
/* ------------------------手机端-------------------------- */
@media all and (max-width: 1000px) {
    /* 平板设备 720 适配 */
    .banner-bg-pc{height:auto;min-height: 400px}
    .banner-cont .in .tit{font-size: 38px}
    .banner-cont .in p{font-size: 20px;margin-top: 2px}
    .banner-cont .in .btn{margin-top: 30px}
    .index-banner .swiper-slide-active .tit,.index-banner .swiper-slide-active p,.index-banner .swiper-slide-active .btn{animation: none}
    .banner-nav .circle{width:40px;height:40px}
    .banner-nav .circle .circleProgress{width:40px;height:40px}
    .banner-nav .circle .wrapper_con{width:20px;height:40px}
    .banner-nav{bottom: 20px}
    .index-prod-list{margin-top: 40px}
    .index-prod-cell .lft{width: 100%}
    .index-prod-cell .rgt{width: 100%;height: 140px}
    .index-prod-cell .rgt .item p{font-size: 14px}
    .index-prod-cell{flex-wrap: wrap;height: auto;width: 100%}
    .index-prod-cell .lft .content{position: relative;padding: 30px;z-index: 1}
    .index-prod-cell .lft .bg{position: absolute;left: 0;top: 0;z-index: -1}
    .index-prod-cell .lft .content .pic{padding-top: 0}
    .index-prod-cell .lft .content .txt p{font-size: 14px;padding-left: 10px}
    .index-prod-cell .lft .content .txt p:after{width: 6px;height: 6px}
    .index-prod-cell .lft .content .txt p+p{margin-top: 5px}
    .index-prod-cell .lft .content .tit-cn{font-size: 22px}
    .index-prod-cell .lft .content .in{width: 45%}
    .index-prod-cell .lft .content .pic{width: 55%}
    .index-prod-list .contain-lg{margin: 0 auto}
    .index-prod-list{margin-top: 20px}
    .index-prod-cell .rgt .swiper-btn{display: none}
    .index-prod-cell .rgt .item{padding-top: 10px}
    .index-about .heading .data{margin-top: 20px;width: 100%;justify-content: space-between}
    .index-about .heading .data .year span{font-size: 40px}
    .index-about .content{margin-top: 20px}
    .index-about .content .in .tit{font-size: 20px}
    .index-about .content .in p{font-size: 14px;line-height: 22px;margin-top: 10px}
    .index-about .content .in .btn{margin-top: 20px}
    .index-solution .content .txt{position: relative;height: 100%}
    .index-solution .content .bg{position: absolute;left: 0;top: 0;z-index: -1;height: 100%}
    .index-solution .content .in{padding: 30px 0 100px;width: 50%}
    .index-solution .content .in .tit{font-size: 24px;line-height: 34px}
    .index-solution .content .in .sub-tit{font-size: 20px;margin-top: 10px}
    .index-solution .content .in p{font-size: 14px;line-height: 22px}
    .index-solution .nav .list a{font-size: 16px;height: 40px;padding: 0 15px}
    .index-solution .content .in .btn{margin-top: 20px}
    .news-list{margin-top: 30px}
    .index-news .heading ul li a span:after, .index-prod .heading ul li a span:after{bottom: -5px}
    .news-list .list-style1 .lft{width: 100%}
    .news-list .list-style1 .lft a picture{height: auto}
    .news-list .list-style1 .rgt{width: 100%;margin-top: 10px}
    .news-list .list-style1 .rgt a+a{margin-top: 10px}
    .news-list .list-style2 .lft{width: 100%}
    .news-list .list-style2 .rgt{width: 100%;margin-top: 10px}
    .news-list .list-style2 .rgt a{width: 100%;padding: 10px}
    .news-list .list-style2 .rgt a+a{margin-top: 10px}
    .news-list .list-style2 .lft .pic{height: auto}
    .index-about, .index-solution{padding-top: 50px}
}
@media all and (max-width: 640px) {
    /* 移动终端以上 360 适配 */
    .com-tab{margin-top: 20px}
    .index-about, .index-solution{padding-top: 40px}
    .banner-bg-pc {display: none}
    .banner-bg-mb {display: block;min-height: 300px}
    .banner-cont .in .tit{font-size: 30px}
    .banner-nav{bottom: 15px}
    .banner-nav .circle .rightcircle,.banner-nav .circle .leftcircle{border-width: 2px}
    .banner-cont .in p{font-size: 18px;margin-top: 0}
    .banner-nav .contain-lg{justify-content: center}
    .banner-nav .circle{width:30px;height:30px}
    .banner-nav .circle .circleProgress{width:30px;height:30px}
    .banner-nav .circle .wrapper_con{width:15px;height:30px}
    .banner-nav .circle i{width: 10px}
    .banner-nav .swiper-pagination{font-size: 14px}
    .index-prod-cell .lft .content .in{width: 100%}
    .index-prod-cell .lft .content{padding: 20px}
    .index-prod-cell .lft .content .pic{width: 100%;margin-top: 20px}
    .index-prod-cell .lft .content .in{padding: 20px 15px}
    .index-prod-cell .lft .content .tit-cn{font-size: 20px;margin-top: 5px}
    .index-prod-cell .lft .content .tit-en{font-size: 14px}
    .index-prod-cell .lft .content .txt{margin-top: 20px}
    .index-prod-cell .lft .content .btn{margin-top: 20px}
    .index-prod-cell .rgt .item picture{height: 70px}
    .index-prod-cell .rgt{height: 130px}
    .index-about .heading .data li+li{margin-left: 0}
    .index-about .heading .data .year span{font-size: 30px}
    .index-about .heading .data .year{font-size: 14px}
    .index-about .heading .data .year em{margin-left: 3px}
    .index-about .heading .data p{font-size: 13px}
    .index-about .heading .data{flex-wrap: wrap;margin-top: 5px}
    .index-about .heading .data li{width: 50%;text-align: center;margin-top: 15px}
    .index-about .heading .data .year{justify-content: center}
    .index-about .content{padding: 20px}
    .index-about .content .in{padding: 20px 15px}
    .index-about .content .in .tit{font-size: 18px}
    .index-about .content .in p{margin-top: 5px}
    .index-solution .content .in{width: 100%}
    .index-solution .nav .list a{font-size: 14px;white-space: nowrap}
    .index-solution .nav .list{overflow-x: auto;width: 100%}
    .index-solution .content .in .tit{font-size: 20px;line-height: 28px}
    .index-solution .content .in .sub-tit{font-size: 18px;margin-top: 5px}
    .index-solution .content .in p{margin-top: 10px;color: #fff}
    .index-solution .content .in .inner{padding: 20px;background: rgba(0,0,0,.2)}
    .index-solution .content .in{padding: 30px 0 50px}
    .index-solution .content{margin-top: 20px}
    .index-news .time{display: none}
    .news-list{margin-top: 20px}
    .news-list .list-style1 .lft a .info .title{width: 100%;margin: 0}
    .news-list .list-style1 .lft a .info p{font-size: 13px;line-height: 18px;height: 36px}
    .news-list .list-style1 .lft a .info{padding: 10px}
    .news-list .list-style1 .rgt a{padding: 10px}
    .news-list .list-style1 .rgt a .tit{margin: 0;font-size: 15px}
    .news-list .list-style2 .item .title{margin: 0}
    .news-list .list-style2 .item{padding: 10px}
    .news-list .list-style2 .item p{font-size: 13px;line-height: 18px;height: 36px}
    .index-prod-cell .lft{height:auto}
}