@charset "utf-8";
/* ===================首页样式========================== */

/*banner*/
.banner{width:100%;overflow:hidden;position:relative;height: calc(100vh - 96px)}
.banner .swiper-container,.banner-img{height:100%}
.banner a{display:block;width:100%}
.banner-img{width:100%}
.banner-img img{width:100%;object-fit:cover;height:100%}
.banner-imgpc{min-height:360px}
.banner .banner-imgmb{min-height:320px;display:none}
.banner .swiper-pagination{display:flex;align-items:center;justify-content:center;bottom:38px;right:0}
.banner .swiper-slide{background-size:cover!important}
.banner .swiper-pagination-bullet{border:2px solid #fff;background:0 0!important;width:10px;height:10px;position:relative;margin-right:120px!important}
.banner .swiper-pagination-bullet i{content:'';display:block;width:124px;height:1px;background:rgba(255,255,255,.3);position:absolute;left:8px;top:3px}
.banner .swiper-pagination-bullet-active{width:26px;height:26px;background:rgba(255,255,255,.4)!important;border:1px solid #fff}
.banner .swiper-pagination-bullet-active:after{content:'';border-radius:50%;border:2px solid #fff;width:10px;height:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.banner .swiper-pagination-bullet-active i{left:26px;top:12px}
.banner .swiper-pagination-bullet:last-child{margin-right:0!important}
.banner .swiper-pagination-bullet:last-child i{display:none}
.banner .swiper-pagination-bullet:before{content:"";position:absolute;top:12px;left:25px;background:#fff;width:0;height:1px;z-index:1;transition:0s}
.banner .swiper-pagination-bullet:last-child:before{display:none}
.banner .slideOntrue.swiper-pagination-bullet:before{width:125px;transition:5.5s linear}
.banner .swiper-slide{position:relative}
.banner .swiper-slide video{position:absolute;width:100%;left:0;top:0;height:100%;object-fit:cover}
.banner .main-slide{position:relative}
.banner .main-slide .container{display:flex}
.banner .main-slide .banner-cont{position:absolute;top:0;left:0;display:flex;height:100%;width:100%}
.banner .banner-cont .lft,.banner .banner-cont .rgt{width:50%;height:100%}
.banner .banner-cont .icon{width:170px;height:170px;font-size:24px;color:#fff;font-weight:700}
.banner .banner-cont .lft{position:relative}
.banner .banner-cont .icon span{position:absolute;left:0;top:0;width:170px;height:170px;text-align:center;line-height:170px}
.banner .banner-cont .icon:nth-child(1){position:absolute;top:50%;transform:translateY(-50%)}
.banner .banner-cont .icon:nth-child(2){position:absolute;top:40%;right:20%;transform:translateY(-50%)}
.banner .banner-cont .icon:nth-child(3){position:absolute;top:70%;right:40%;transform:translateY(-50%)}
.banner .banner-cont .icon img{animation-iteration-count:infinite;animation:rotation 3.5s linear infinite;-webkit-animation:rotation 3.5s linear infinite;-moz-animation:rotation 3.5s linear infinite;width:100%;height:100%}
.banner .banner-cont .rgt{display:flex;align-items:center;justify-content:center}
.banner .banner-cont .rgt-text{color:#fff;font-size:52px;line-height:64px;position:relative;letter-spacing: 3px}
.banner .banner-cont .rgt-text:after{content:'';position:absolute;height:2px;width:50px;background:#fff;bottom:-20px;left:0}
.banner .banner-cont .rgt-text h3{margin-bottom:10px}
.banner .banner-goto{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2}

.font-banner{display: flex;align-items: center;justify-content: flex-start;align-items:center;color:#fff}
.font-banner h1{position: absolute;right: 22%;top: 28%;font-size: 52px;line-height: 64px;letter-spacing:3px}
.font-banner h1 p{line-height:1}
.font-banner h1 p+p{margin-top:10px}
.banner .swiper-slide-active .font-banner p:nth-child(1){animation: banLt 1.4s ease both}
.banner .swiper-slide-active .font-banner p:nth-child(2){animation: banRt 1.4s ease both}
@keyframes banLt{0%{transform: translateX(-280px);opacity: 0;}100%{transform: translateX(0);opacity: 1}}
@keyframes banRt{0%{transform: translateX(280px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}


/*banner2*/
.banner .second .lft{display:flex;justify-content:flex-start;color:#fff;position:absolute;padding-top:260px;z-index:2;letter-spacing: 3px;font-size:52px;}
.banner .second .lft .second-tit h3{margin-bottom: 10px}
.banner .second .rgt{width:100%;z-index:1;display:unset;position:relative}
.banner .second .second-bg{position:absolute;right:0;bottom:0}
@keyframes rotation2{0%{transform:rotate(360deg)}
    100%{transform:rotate(0)}
}
.banner .second .second-icon:before{content:"";background:url(../images/index/second-icon-out2.png) no-repeat;position:absolute;background-size:cover;width:113px;height:113px;top:-10px;left:-10px;animation:rotation2 8s linear infinite}
.banner .second .second-icon:after{content:"";background:url(../images/index/second-icon-out1.png) no-repeat;position:absolute;background-size:cover;width:133px;height:133px;top:-20px;left:-20px;animation:rotation 8s linear infinite}
.banner .second .second-icon{position:absolute;width:93px;height:93px;display:flex;align-items:center;justify-content:center}
.banner .second .second-icon:nth-of-type(1){bottom:84.41%;left:20%}
.banner .second .second-icon:nth-of-type(2){bottom:76.5%;left:51.45%}
.banner .second .second-icon:nth-of-type(3){bottom:78%;left:85.3%}
.banner .second .second-icon:nth-of-type(4){bottom:9.7%;left:0}
.banner .second .second-icon:nth-of-type(5){bottom:42.1%;left:43.1%}
.banner .second .second-icon:nth-of-type(6){bottom:29.7%;left:80.5%}

/*banner3*/
.banner .three{display: flex;justify-content: center;align-items: center}
.banner .three-tit{font-size: 52px;font-weight: normal;color: #fff;border-right: 2px solid transparent;overflow: hidden;z-index: 1}
.banner .move{animation: fadeInDown 1s;}
@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
/*product*/
.thumb-box{width:100%;overflow:hidden;margin-top:10px}
.thumb-box ul{display:flex;justify-content:center;margin-bottom:40px}
.thumb-box ul li{width:19%;height:85px;color:#393939;border-left:1px solid #cedced;cursor:pointer;position:relative;text-align:center;font-size:16px;font-weight:700;background:#d8e3f0;display: flex;flex-direction: column;align-items: center;justify-content: center}
.thumb-box ul li i{display: flex;height: 53px;align-items: center}
.thumb-box ul li .on-ico{display: none}
.thumb-box ul li.ontrue{background:#0075C9;color:#fff}
.thumb-box ul li.ontrue .white-ico{display: none}
.thumb-box ul li.ontrue .on-ico{display: block}
.thumb-box ul li.ontrue:after{content:"";width:0;height:0;border-top:10px solid #0075C9;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;bottom:-10px;left:calc(50% - 15px)}
.product .swiper-container{height:525px;box-shadow:0 20px 40px 0 rgba(43,43,88,.14)}
.product .product-cell{display:flex;height:100%}
.product .product-cell .lft,.product .product-cell .rgt{width:50%;position:relative;height:100%}
.product .product-cell .lft img{width:100%;object-fit:cover;height:100%}
.product .product-cell .rgt{padding:0 70px}
.product .product-cell h3.tit{font-size:32px;line-height:34px;color:#393939;font-weight:700;margin-bottom:40px;margin-top:30px}
.product .product-cell .btn{margin-bottom:30px}
.product .product-cell h3.tit span{padding-bottom:15px;border-bottom:2px solid #0075C9}
.product .product-cell .tip{font-size:24px;color:#393939;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.product .product-cell p{font-size:16px;line-height:26px;color:#666;margin:20px 0 35px;height:50px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product .product-cell .icon-list{display:flex;justify-content:space-between;margin-bottom:50px}
.product .product-cell .icon-list .item{text-align:center;font-size:16px;color:#555;width:20%}
.product .product-cell .icon-list i{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;margin: 0 auto}
.product .swiper-button-next,.product .swiper-button-prev{top:65%;width:12px;height:23px;background-size:12px 23px}
.product .swiper-button-prev{left:-40px}
.product .swiper-button-next{right:-40px}
.indvd-click i{display:block;width:30px;height:30px;background:url(../images/public/vdCk.png) no-repeat center/100% auto;cursor:pointer}
.product .indvd-click{width:60px;height:60px;position:absolute;left:50%;top:50%;display:flex;transform:translate(-50%,-50%);justify-content:center;align-items:center;background:rgba(0,0,0,.5);border-radius:50%}




/*link-area*/
.link-area{background:#1b1f25}
.link-area .pg-canvas{position:absolute;height:780px}
.link-area .cont{height:780px;display:flex}
.link-area .link_tab{height:100%;width:30%}
.link-area .list_item{display:flex;align-items:center;height:33.3%;color:#fff;width:100%;cursor:pointer}
.link-area .list_item a:hover{color:#fff}
.link-area .list_item h3.tit{font-size:34px;position:relative}
.link-area .list_item h3.tit:after{display:block;content:"";height:70px;width:6px;background:#0075C9;position:absolute;left:50%;margin-left:-62%;top:18%;opacity:0;transform:translate(-20px,0);transition:opacity .3s ease-out,transform .3s ease-out}
.link-area .list_item .text{transition:.3s ease-out}
.link-area .list_item.current .text{transform:translateX(18%)}
.link-area .list_item.current .tit:after{opacity:1;transform:translate(0,0)}
.link-area .list_item .tip{font-size:16px;margin-top:15px}
.link-area .list_item i.icon{display:block;height:16px;width:54px;margin-top:30px;background:url(../images/public/icon_arrow_r.png) no-repeat 0 0;opacity:0;transition:margin-left .3s ease-out,opacity .3s ease-out;background-size:100% 100%}
.link-area .list_item.current i.icon{opacity:1}
.link-area .link_con_list{display:flex;flex-wrap:wrap;height:100%}
.link-area .link_con_list .item{display:block;width:50%;height:50%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}
.link-area .link_con_list .item:nth-child(3){width:100%}
.link-area .link_content{display:block;width:70%;height:100%;overflow:hidden}
.link-area .link_con_list a{display:block;width:100%;height:100%;position:relative}
.link-area .link_con_list .script{position:absolute;display:block;width:100%;height:50%;left:0;bottom:0;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,0))}
.link-area .link_con_list .script .tit{display:block;margin-left:43px;margin-top:119px;font-size:24px;color:#fff;transition:margin-top .3s ease-out}
.link-area .link_con_list .script .txt{display:block;margin-left:43px;margin-top:9px;line-height:1.8;font-size:16px;color:#fff;opacity:0;transform:translate(0,15px);transition:opacity .3s ease-out;margin-right:43px}
.link-area .link_con_list .script i.right{display:block;height:14px;width:31px;background:url(../images/public/icon_arrow_r_s.png) no-repeat 0 0;position:absolute;right:71px;top:71px;opacity:0;transition:all .3s ease-out;background-size:100% 100%}
.link-area .link_con_list li a:hover .script .tit{margin-top:59px}
.link-area .link_con_list li a:hover .script .txt{opacity:1;transform:translate(0,0)}
.link-area .link_con_list li a:hover .script i.right{animation:a_arrow_r .2s linear forwards}
@keyframes a_arrow_r{0%{opacity:0;right:71px}
    100%{opacity:1;right:51px}
}

.indus{width: 100%;overflow: hidden;position:relative}
.indus-list{width: 100%;}
.indus-list ul{display: flex;}
.indus-list li{width:25%;position:relative;height:748px;overflow:hidden;transition: all .6s;}
.indus-list li:not(:first-child)::before{content:"";position:absolute;width:2px;height:100%;top:0;left:0;background:#fff;z-index: 2;}
.indus-bg{height: 100%;position: absolute;max-width: none;object-fit: fill;top: 0;left: 50%;transform:translate3d(-50%,0,0);}
.indus-head{width:100%;position:absolute;width:100%;left:0;bottom:0;color:#fff;bottom:110px;padding:0 60px;z-index:2;text-align:center;transition: all .4s ease;}
.indus-head .name{font-size:40px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indus-head .text{font-size:17px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top: 30px;}
.indus-mix{position: absolute;width: 100%;z-index: 4;display: flex;align-items: center;justify-content: center;left: 0;top: 120px;opacity: 0;transform: translateY(60px);visibility: hidden;transition: all .4s ease;}
.indus-mix-width{width: 1152px;}
.indus-info{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.indus-info-xx{width: auto;color: #fff;}
.indus-info-xx .title{font-size: 40px;line-height: 1.1;}
.indus-info-xx .text{font-size: 18px;margin-top: 24px;}
.indus-info-xx .arr{width: 50px;height: 14px;margin-top: 30px;background: url('../images/index/indArr.png') no-repeat center/100% auto;}
.indus-info-btn{width: auto;}
.indus-info-btn a{border-color: #fff;color: #fff;}
.indus-info-btn a:hover{background: #fff;color: #0075C9;}
.indus-loop{width: 1152px;margin-top: 54px;}
.indus-loop-link{display: block;width: 100%;overflow: hidden;position: relative;}
.indus-loop-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #fff;z-index: 2;transform: translate3d(0,0,0);}
.indus-loop-link::before{content: "";transform: translate3d(0,0,0);z-index: 1;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));}
.indus-loop-link img{width: 100%;transition: all .6s ease;}
.indus-loop-link .text{position: absolute;z-index: 3;width: 100%;left: 0;bottom: 0;padding: 0 20px 20px;font-size: 22px;color: #fff;text-align: center;}
.indus-loop-link:hover img{transform: scale(1.04);}
.indus-loop .swiper-pagination{font-size: 0;text-align: center;bottom: 0;left: 0 !important;right: 0 !important;margin: 0 auto !important;}
.indus-loop .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 1;margin: 0 0 0 10px !important;}
.indus-loop .swiper-pagination-bullet:first-child{margin: 0 !important;}
.indus-loop .swiper-pagination-bullet-active {background: #0075C9;}
.indus-loop .swiper-wrapper{padding-bottom: 40px;}
.indus-loop .swiper-container{padding: 0 2px;}
.indus-list ul.ulhover:hover li{width: 168px;}
.indus-list ul.ulhover:hover li .indus-head{opacity: 0;}
.indus-list ul.ulhover li:hover{width: calc(100% - 168px*2);}
.indus-list ul.ulhover li:hover .indus-head{opacity: 0;}
.indus-list ul.ulhover li:hover .indus-mix{opacity: 1;transform: translateY(0);visibility: visible;transition: all .4s ease .4s;}

/*新闻中心*/
.news-center{background:#f6f6f6}
.news-center .news-cont{display:flex;justify-content:space-between;flex-wrap:wrap}
.news-center .news-cont .lft{width:38%}
.news-center .news-cont .lft .swiper-container{width:100%;height:100%}
.news-center .swiper-slide{position:relative;z-index:1}
.news-center .swiper-slide:after{content:'';position:absolute;bottom:0;width:100%;left:0;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,0));height:20%;z-index:0}
.news-center .swiper-slide img{object-fit:cover;width:100%;height:100%}
.news-center .news-cont .lft a{display:block;width:100%;height:100%}
.news-center .news-cont .news-title{position:absolute;left:40px;bottom:50px;color:#fff;font-size:18px;line-height:28px;font-weight:700;z-index:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:85%}
.swiper-pagination-bullet{opacity:1;background:#fff}
.swiper-pagination{right:20px;text-align:right;bottom:15px;left:unset!important}
.swiper-pagination-bullet-active{background:#0075C9}
.news-center .news-cont .rgt{width:60%}
.news-center .news-list{display:flex;background:#fff;border-top:1px solid #0075C9;padding:20px;align-items:center;box-shadow:0 5px 40px 0 rgba(17,58,93,.1);transition: none}
.news-center .news-list .news-time{padding:20px;background:#f8f8f8;}
.news-center .news-list .news-time .month{font-size:30px;line-height:24px;color:#444}
.news-center .news-list .news-time .year{font-size:14px;line-height:24px;color:#5e5e5e;margin-top:5px}
.news-center .news-list .tit{font-size:18px;line-height:28px;color:#333;margin-left:30px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:70%}
.news-center .news-list:not(:first-child){margin-top:28px}
.news-center .news-list:hover,.news-center .news-list:hover .news-time{background:#0075C9}
.news-center .news-list:hover .month,.news-center .news-list:hover .news-time .year,.news-center .news-list:hover .tit{color:#fff}
.news-center .news-btn{width:100%;margin-top:40px;display:flex;justify-content:center}
.news-center .news-btn a{background:#0075C9;color:#fff}
.news-center .news-btn a:hover{box-shadow:0 4px 20px 0 rgba(0,117,201,0.4)}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .indus-list li {height: 630px;}
    .indus-mix {top: 90px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner .second .second-bg{width: 80%}
    .banner .second .second-bg .second-bg-img{width: 100%}
    .banner .second .second-icon{width: 72px;height: 72px}
    .banner .second .second-icon:before{width: 82px;height: 82px;top: -5px;left: -5px}
    .banner .second .second-icon:after{width: 92px;height: 92px;left: -10px;top: -10px}
    .banner .second .second-icon img{max-width: 50%;max-height: 50%}

    .font-banner h1{right:18%}

    .indus-list li {height: 520px;}
    .indus-mix {top: 60px;}
    .indus-head .text {margin-top: 20px;}
    .indus-head {bottom: 68px;padding: 0 30px;}
    .indus-info-xx .text {margin-top: 12px;}
    .indus-info-xx .arr {margin-top: 20px;}
    .indus-mix-width, .indus-loop{width: 940px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */

}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .font-banner h1{margin-left:0}
    .indus-head {bottom: 30px;padding: 0 20px;}
    .indus-head .name {font-size: 32px;}
    .indus-head .text {margin-top: 12px;}
    .indus-list li {height: 450px;}
    .indus-mix-width, .indus-loop{width: 801px;}
    .indus-info-xx .title{font-size: 32px;}
    .indus-info-xx .text {margin-top: 8px;}
    .indus-info-xx .arr {margin-top: 14px;}
    .indus-loop {margin-top: 38px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .banner .second .lft{font-size: 32px}
    .banner .second .second-bg{width: 90%}
    .indus-mix-width, .indus-loop{width: 701px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .banner .banner-imgpc{display:none}
    .banner .banner-imgmb{display:block}
    .thumb-box ul li{font-size: 14px;}
    .product .product-cell h3.tit{font-size: 28px;}
    .product .product-cell .tip{font-size: 20px;}
    .product .product-cell p{font-size: 14px;}
    .banner .second .lft{width: 100%;justify-content: center;padding-top: 0;align-items: center}
    .banner .second .second-bg{width: 100%}

    .indus-list ul{flex-wrap: wrap;}
    .indus-list li{width: 100%;height: auto;margin-top: 12px;}
    .indus-list li:first-child{margin-top: 0;}
    .indus-list li:not(:first-child)::before{display: none;}
    .indus-bg{position: static;width: 100%;left: 0;transform: translate3d(0,0,0);min-height: 480px;}
    .indus-head{display: none;}
    .indus-mix {opacity: 1;transform: translateY(0);visibility: visible;height: 100%;top: 0;padding: 0 4%;}
    .indus-mix-width, .indus-loop{width: 100%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner{height:400px}
    .banner .swiper-pagination{bottom:20px}
    .banner .banner-cont .icon span{width:90px;height:90px;line-height:90px;font-size:14px}
    .banner .swiper-pagination-bullet-active{width:20px;height:20px}
    .banner .swiper-pagination-bullet i{top:3px}
    .banner .swiper-pagination-bullet-active i{top:9px;left:19px}
    .banner .swiper-pagination-bullet:before{top:9px;left:19px}
    .banner .banner-cont .icon{width:90px;height:90px}
    .banner .banner-cont .rgt-text{font-size:32px;line-height:32px}
    .product .product-cell{flex-wrap:wrap}
    .product .swiper-container{height:auto}
    .product .product-cell .lft,.product .product-cell .rgt{width:100%}
    .product .product-cell .rgt{padding:40px 30px}
    .product .product-cell .rgt .btn{margin:0 auto}
    .product .swiper-button-next{right:-20px}
    .product .swiper-button-prev{left:-20px}
    .link-area .list_item h3.tit{font-size:20px}
    .link-area .cont{height:600px}
    .link-area .list_item .tip{font-size:14px}
    .link-area .link_con_list .script .tit{font-size:20px;margin-top:89px}
    .link-area .link_con_list li a:hover .script .tit{margin-top:20px}
    .link-area .link_con_list .script i.right{top:25px}
    .link-area .container{width:100%}
    .link-area .list_item{padding-left:20px}
    .news-center .news-cont .lft,.news-center .news-cont .rgt{width:100%}
    .news-center .news-cont .rgt{margin-top:30px}
    .banner .second .rgt{display:none}
    .banner .second .lft,.banner .three .three-tit{font-size:26px}

    .font-banner h1 p{font-size:32px;line-height:32px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner{height:350px}
    .banner .banner-cont .one .lft{display:none}
    .banner .banner-cont .rgt{width:100%;padding-bottom:20px}
    .banner .swiper-pagination{bottom:15px}
    .banner .banner-cont .rgt-text{font-size:26px}
    .thumb-box ul li{width:33.33%}
    .thumb-box ul{margin-bottom:30px}
    .product .product-cell h3.tit{font-size:28px}
    .product .product-cell .tip{font-size:20px}
    .product .product-cell .rgt{padding:30px 20px}
    .product .product-cell .icon-list{flex-wrap:wrap;margin-bottom:30px}
    .product .product-cell .icon-list .item{font-size:14px;width:50%;margin-bottom:20px}
    .link-area{background:#1b1f25;}
    .link-area .pg-canvas{display:none}
    .link-area .link_tab{width:100%;display: flex}
    .link-area .list_item{z-index:1;width: 33.33%;padding: 30px 0;justify-content: center}
    .link-area .link_content{width: 100%}
    .link-area .list_item .tit:after,.link-area .list_item.current .tit:after{display: none}
    .link-area .list_item h3.tit:before{display: block;content: "";height: 4px;width: 100%;background: #0075C9;position: absolute;left: 0;bottom: -15px;opacity: 0;transition: all .4s ease;transform: translateY(10px)}
    .link-area .list_item.current .tit:before{opacity: 1;transform: translateY(0px)}
    .link-area .list_item .text,.link-area .list_item.current .text{transform:none}
    .link-area .list_item i.icon{display:none}
    .link-area .list_item:after{content:'';position:absolute;left:0;top:0;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,0));width:100%;height:100%;z-index:-1}
    .link-area .list_item h3.tit{font-size:13px}
    .news-center .news-list .news-time{display:none}
    .news-center .news-list .tit{font-size:16px;margin:0;width:100%}
    .news-center .news-list{padding:15px}
    .news-center .news-list .tit{font-size:14px}
    .product .product-cell h3.tit span{padding-bottom:0}

    .banner .slideOntrue.swiper-pagination-bullet:before{width: 45px}
    .banner .swiper-pagination-bullet i{width: 45px}
    .banner .swiper-pagination-bullet{margin-right: 39px!important;}

    .link-area .cont{background: #1b1f25;flex-direction: column;height: 100%}
    .link-area .list_item:after,.link-area .list_item .tip{display: none}
    .link-area .link_content{height: 600px}
    .link-area .link_con_list li a:hover .script .tit{margin-top: -60px}
    .link-area .link_con_list .script i.right{top: -54px}

    .font-banner h1 p{font-size: 26px;animation:none!important}

    .indus-info-xx .title {font-size: 24px;}
    .indus-info-xx .text {font-size: 15px;margin-top: 4px;}
    .indus-info-xx .arr {margin-top: 10px;}
    .indus-info-btn{width: 100%;margin-top: 16px;}
    .indus-loop {margin-top: 24px;}
    .indus-loop .swiper-wrapper {padding-bottom: 30px;}
    .indus-bg {min-height: 450px;}
}