/*.indexBody .main{margin-top: 80px;}*/
.loading{
    width:100vw;
    height: 100vh;
    position: fixed;
    left:0;
    top:0;
    z-index:20000;
}

.load_t{
    position: absolute;
    width:100%;
    top:0;
    height:50%;
    background: #fff;
    transition: .8s;
    z-index: 100;
}
.load_t_l{
    position: absolute;
    right:50%;
    bottom:0;
    height:4px;
    background:#fff;
    width:0;
    transition: all .8s ease-in-out;
}
.load_t_r{
    position: absolute;
    left:50%;
    bottom:0;
    height: 4px;
    width:0;
    background:#fff;
    transition: all .8s ease-in-out;
}
.load_t_active_lr{
    width:50%;
}
.load_b{
    width:100%;
    height:50vh;
    position: absolute;
    bottom:0;
    background: #fff;background-size: cover;
    transition: .8s;
    z-index: 100;
}
.active_load_t{
    top:-50.1%;
}
.active_load_b{
    bottom:-50%;
}



.banner{position: relative;overflow: hidden;}
.banner video {
    position: absolute;
    width: 100%;height: 100%;
    left: 0px;
    top: 0;
    object-fit: cover;
}
.banner li{overflow: hidden;}
.banner_text{z-index: 3;width: 100%;position: absolute;left: 0;bottom:0.7rem;}
.banner_text h3{line-height: 1.2em;max-height:3.6em;position: relative;margin-bottom: 0.15rem;display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.banner_p{color: #fff;text-align: left;width: 100%;bottom:0;position: relative;padding: 0 0.98rem;max-width: 40%;}
.banner_p p{line-height: 1.3em;max-height: 2.6em;text-transform: uppercase;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;margin-bottom: 0.4rem;}
.video-play{color: #fff;font-size: 40px;cursor: pointer;}

.bg-cover{background-repeat: no-repeat;background-size: cover;background-position: center;}
.banner_p{
    opacity: 0;
    visibility: hidden;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}
.banner .swiper-slide.ani-slide .banner_p{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.banner .swiper-pagination{color: #fff;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:auto; top:50%;right: 0.8rem;width: auto;
    height: 0.6rem;font-size: 0;
}
.banner .swiper-pagination:after{content: "";position: absolute;left: 50%;width: 0.2rem;height: 0.6rem;background: url(../images/line.png) no-repeat center;background-size: cover;margin-left: -0.1rem;}
.banner .swiper-pagination span{display: block;float: left;padding: 0 0.1rem;margin-top: -0.05rem;font-size: 0.36rem;}
.banner .swiper-pagination span:last-child{padding-top: 0.15rem;padding-bottom: 0;margin-top: 0;}
@keyframes blink {
    0% {
        bottom: 58px;
    }
    100% {
        bottom: 38px;
    }
}
@keyframes zoom {
    0% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.blank_15{background: rgba(0,0,0,.1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/*视频弹窗*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;}

/*视频弹窗*/

@media only screen and (max-width:1024px) {
    .banner .swiper-pagination{bottom: 63px;}
    .banner_p{width: 96%;}
    .banner_text h3{line-height: 1em;max-height: 2em;margin-left: 0;letter-spacing: 0;}
}
@media only screen and (max-width:767px) {
    
    .banner li{height: 340px!important;}
    .banner li>img{display: none;}
    .banner_p{max-width: 90%;padding: 0;        margin: auto;}
    .banner_p p{margin-bottom: 10px;}
    .banner_text h3{font-size: 18px;line-height: 1.2em;max-height: 2.4em;}
    .video_appbox .video_t{height: auto;background: none;}
    .video_appbox video{height: auto;}
    .go_bot img{width: 30px;}
}

/*index01*/
.index01{padding: 0.7rem 2.4rem; padding-bottom: 0.45rem; box-sizing: border-box;overflow: hidden;}
.index01-ll{text-align: center;margin-bottom: 0.35rem;}
.index-tit{color: #595959;}
.index-tit h2{line-height: 1.2em;margin-bottom: 0.05rem;max-height: 3.6em;overflow: hidden;font-weight: bold;}
.index-tit p{max-height: 4.5em;overflow: hidden;}
.index-more{font-size: 0;margin-top: 0.4rem;}
.index-more a{display: inline-block;color: #fff;border-radius: 0.2rem;background: #595959;text-align: center;padding: 0.1rem 0.24rem;}
.index01-rr{box-sizing: border-box;}
.index01-rr ul{overflow: hidden;}
.index01-rr li{float: left;padding: 0 0.2rem;box-sizing: border-box;width: 33.3%;}
.index01-rr li a{display: block;overflow: hidden;border-radius: 0.3rem;}
.index01-rr .index-more{clear: both;text-align: center;}
.index01-rr .swiper-button-next,
.index01-rr .swiper-button-prev{display: none;background: #fff;width: 40px !important;height: 40px !important;line-height: 40px !important;font-size: 20px !important;text-align: center;border-radius: 50%;}
.index02{position: relative;overflow: hidden;}
.white_blank{position: absolute;left: 0;top: 0;height: 100%;z-index: 2;width: 100%;transition: all 2s;}
.index02.on .white_blank{animation: scal1 2s forwards;transform: all;}
@keyframes scal1{
  0%{
    opacity: 1;
    transform: scale(1);
  }
  100%{
    opacity: 0;
    transform: scale(3);
    visibility:hidden;
  }
}

.index02-con-item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.index02-con-item img{width: 100%;}
.index02-con-item .video_button{font-size: 40px;color: #fff;cursor: pointer;}
.index02-con-item video{width: 100%;height: 100%;object-fit: cover;}
.index02-con-item .index-tit a{color: #fff;}
.index02-con-item.on{opacity: 1;}
.index02-con-item.on .index-tit{z-index: 999;}
.index02-list{right: 0;left: auto;width: 216px;}
.index02-list ul{display: block;}
.index02-list li{color: #fff;padding: 0.07rem 0 0.03rem;position: relative;cursor: pointer;}


.li_squ{padding: 0.2rem 10px 0.2rem 50px;overflow: hidden;position: relative;}
.li_squ p{height: 4.5em;overflow: hidden;}
.sekuai{background: url(../images/lin4.png) no-repeat center;background-size: cover;position: absolute;top: 0.07rem;height: calc(100% - 0.1rem);left: 0;width: 100%;transition: all .3s;transform: translateY(-200%);}
.index02-list li:after{content: "";display: block;background: url(../images/lin2.png) no-repeat center;background-size: cover;height: 0.01rem;width: 100%;position: absolute;top: 0;}
.index02-list li.on:after{background: url(../images/lin3.png) no-repeat center;background-size: cover;height: 0.03rem;background-size: 100% 100%;}
.index02-list li.on .sekuai{transform: translateY(0);}
.index03{overflow: hidden;padding-bottom: 1.3rem;box-sizing: border-box;}
.index03-con{width: 75.5%;margin: 0 auto;position: relative;}
.index03-ll{float: left;width: 52%;padding: 0.9rem 0 0;box-sizing: border-box;position: absolute;left: 0;z-index: 4;}
.index03-rr{float: right;width: 42.4%;}

.index03-ll ul{position: relative;margin-top: 1rem;}
.index03-ll ul::after{content: "+";font-size: 0.72rem;position: absolute;left: 1.95rem;top: 1.46rem;color: #595959;line-height: 1em;}
.index03-ll ul li{border: 0.04rem solid #595959;border-radius: 0.2rem;width:2.15rem;height: 1.64rem;position: absolute;padding: 0.15rem 0.25rem;box-sizing: border-box;color: #595959;}
.index03-ll ul li dd{line-height: 1em;margin-bottom: 0.1rem;}
.index03-ll ul li dt{overflow: hidden;text-overflow: ellipsis;height: 3em;}
.index03-ll ul li sup{position: absolute;top: 0.05rem;}
.index03-ll ul li sup em{display: inline-block;vertical-align: top;margin-top: -3px;}
.li01{left: 0;top: 0;}
.li02{left:2.3rem;top: 0;}
.li03{left: 0;top: 2.13rem;}
.li04{left: 2.3rem;top:  2.13rem;width: 2.5rem!important;padding: 0.15rem!important;}
.li05{left: 5rem;top: 2.13rem;width: 2.5rem!important;}

.index04{position: relative;overflow: hidden;}
.index04-img{height: 100%;}
.index04-img-item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.index04-img-item.on{opacity: 1;}
.index04-img-item .index-tit{position: absolute;left: 1.35rem;top: 1.35rem;color: #fff;}
.index04-list{position: absolute;top: 3.2rem;left: 1.35rem;z-index: 3;}
.index04-list .swiper-container{overflow: inherit;}
.index04-list ul{display: block;}
.index04-list li{width: 2.36rem;border: 0.04rem solid #fff;border-radius: 0.2rem;padding: 0.25rem 0.2rem;box-sizing: border-box;margin-right: 0.26rem;
    height: 2.9rem;float: left;color: #fff;transition: all .3s;margin-bottom: 15px}
.index04-list dd p{line-height: 1.1em;height: 2.2em;overflow: hidden;text-overflow: ellipsis;}
.index04-list dt{margin-top: 0.1rem;display: none;}
.index04-list dt p{line-height: 1.5em;height: 4.5em;overflow: hidden;}
.index04-list dt a{display: block;color: #000;margin-top: 0.2rem;}
.index04-list li.on{width: 4.4rem;background: #fff;color: #000000;}
.index04-list li.on dt{display: block;}


.index05{padding: .5rem 0.55rem 1.3rem;box-sizing: border-box;overflow: hidden;}
.index05 .index-tit{padding: 0 0.15rem;box-sizing: border-box;}
.index05-list{margin-top: 0.4rem;}
.index05-list li{float: left;width: 33.3%;padding: 0 0.15rem;box-sizing: border-box;}
.index05-list dt{margin-top: 0.26rem;}
.index05-list dt p{line-height: 0.34rem;overflow: hidden;margin-bottom: 0.1rem;}
.index05-list dt p span{float: left;}
.index05-list dt p em{float: left;width: 0.64rem;height: 0.34rem;line-height: 0.34rem;background: #000;color: #fff;border-radius: 0.2rem;text-align: center;margin-left: 0.15rem;}
.index05-list dt a{display: block;line-height: 1.4em;height: 2.8em;overflow: hidden;}

@media only screen and (max-width:1024px) {
    /* .index03-con{width: 80%;}
    .index03-ll ul li{width: 2rem;height: 2rem;}
    .index03-ll ul li dd{margin-bottom: 0.05rem;}
    .li01{right: 2.2rem;}
    .li03,.li04{height: 1.7rem!important;top: 2.2rem;}
    .li04{left: 2.15rem;}
    .li05{top: 4.1rem;} */
    .index04-list li{height: 3.5rem;}
    .index04-list dt p{line-height: 2em;height: 6em;}
    .index05-list dt p{line-height: 24px;}
    .index05-list dt p em{width: 54px;height: 24px;line-height: 24px;border-radius: 20px;}
    /*.index02-con-item.have_vid video{display: none;}*/
    .index02-con-item .video_button{display: block;}

}
@media only screen and (max-width:767px) {
    .index-tit h2{line-height: 1.2em;margin-bottom: 0.1rem;}
    .index01{padding: 30px 20px;}
    .index01-ll,.index01-rr{width: 100%;}
    .index01-ll{margin-bottom: 0;}
    .index01-rr{padding-top: 20px;padding-right: 0;}
    .index01-rr li{width: auto;margin-bottom: 20px;padding: 0;float: none;}
    .index01-rr li:last-child{margin-bottom: 0;}
    .index01-rr ul{overflow: visible;}
    .index01-rr .swiper-button-next,
    .index01-rr .swiper-button-prev{display: block;}
    .index02{height: 400px!important;}
    .white_blank{display: none;}
    .index02-con-item .index-tit{transform: none;top: 30px;left: 20px;}
    .index02-con-item img{display: none;}
    .index02-list{top: auto;bottom: 50px;transform: none;right: 0;}
    .li_squ{height: 1.4rem;}
    .index02-list ul{display: flex;}

    .index02-list li{opacity: 0!important;}
    .index02-list li.swiper-slide-active{opacity: 1!important;}
    .index02-list .swiper-pagination{font-size: 0;text-align: center;z-index: 4;width: 100%;bottom: -25px;}
    .index02-list .swiper-pagination-bullet{background: #fff;width: 10px;height: 10px;opacity: 1;margin: 0 4px;}
    .index02-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e95505;}
    .sekuai{transform: translateY(0);}
    .index03{padding-bottom: 30px;}
    .index03-con{width: 100%;padding: 30px 20px;box-sizing: border-box;}
    .index03-ll ul{margin-top: 20px;}
    .index03-ll ul::after{display: none;}
    .index03-ll{position: static;width: 100%;overflow: hidden;padding: 0;}
    .index03-ll ul li{position: relative;float: left;width: 48%!important;height: 1.7rem!important;margin-right: 4%;margin-bottom: 4%;left: 0;top: 0;}
    .index03-ll ul li:nth-child(2n){margin-right: 0;}
    .index03-rr{width: 100%;margin-top: 10px;display: none;}
    .index03-rr dd,.index03-rr dt{width: 100%;}
    .index03-rr dt{padding-top: 30px;padding-left: 0;}
    .index04{height: 420px!important;}
    .index04-img-item img{display: none;}
    .index04-img-item .index-tit{top: 40px;left: 6%;}
    .index04-list{width: 90%;left: 5%;bottom: 11%;top: auto;}
    .index04-list .swiper-container{overflow: hidden;}
    .index04-list ul{margin-left: 1px;display: flex;}
    .index04-list li{height: auto;width: 100%!important;background: none!important;color: #fff!important;margin-right: 0;border: 0;position: relative;}
    .index04-list li:after{content: "";display: block;width: calc(100% - 2px);height: 100%;border: 0.02rem solid #fff;top: 0;left: 0;
        border-radius: 0.2rem;position: absolute;box-sizing: border-box;}
    .index04-list li dl{position: relative;z-index: 2;}
    .index04-list dd p{line-height: 1.4em;height: 2.8em;}
    .index04-list li dt{display: block!important;}
    .index04-list dt p{line-height: 24px;height: 72px;}
    .index04-list dt a{color: #fff;}
    .index04-list .swiper-pagination{font-size: 0;text-align: center;z-index: 4;width: 100%;bottom: -25px;}
    .index04-list .swiper-pagination-bullet{background: #fff;width: 10px;height: 10px;opacity: 1;margin: 0 5px;}
    .index04-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e95505;}
    .index05{padding: 30px 20px;}
    .index05 .index-tit{padding: 0;}
    .index05-list li{width: 100%;padding: 0;margin-bottom: 20px;}
    .index05-list li:last-child{margin-bottom: 0;}
}

.industrial_sec5 {
  padding:1.2rem;
  background: #f5f5f5;
}
.industrial_sec5 *{box-sizing: border-box;}
.industrial_sec5 h2 {
  text-align: center;
    font-weight: bold;
}
.industrial_sec5_cont {
  margin-top: 3.47624565%;
  overflow: hidden;
}
.industrial_sec5_cont .lf,
.industrial_sec5_cont .rt {
  width: 48.49362688%;
  padding: .8rem 0.5rem 0.6rem;
}
.industrial_sec5_cont .lf .tit,
.industrial_sec5_cont .rt .tit {
  text-align: center;
}
.industrial_sec5_cont .lf .items {
  display: flex;
  justify-content: center;
  margin-top: 1.32rem;
}
.industrial_sec5_cont .lf .item {
  border: 4px solid #595959;
  width: 1.8rem;
  padding: 0.2rem 0.25rem;
  border-radius: 25px;
  margin: 0 0.25rem;
}
.industrial_sec5_cont .lf .icon {
  height: 0.56rem;
}
.industrial_sec5_cont .lf .icon img {
  height: 100%;
  width: auto;
}
.industrial_sec5_cont .lf .name {
  width: 2em;
  line-height: 1;
  color: #595959;
  margin-top: 0.34rem;
}
.industrial_sec5_cont .lf{
    float: right;
}
.industrial_sec5_cont .rt {
  float: left;
  color: #000;
}
.industrial_sec5_cont .rt .tit {
  color: #000;
}
.industrial_sec5_cont .rt .des {
  text-align: center;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 2;
  max-height: 6em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.industrial_sec5_cont .rt .env_num {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
.industrial_sec5_cont .rt .item {
  width: 50%;
}
.industrial_sec5_cont .rt dd {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  max-height: 1.5em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .industrial_sec5{padding: .8rem 0 0;}
  .industrial_sec5_cont .lf,
  .industrial_sec5_cont .rt {
    float: none;
    width: 100%;
  }
    .industrial_sec5_cont .lf{
        padding-left: 0;
        padding-right: 0;}
  .industrial_sec5_cont .lf .items {
    margin-top: 1rem;
  }
  .industrial_sec5_cont .lf .item {
    width: 2.2rem;
    padding-left: 0.12rem;
    padding-right: 0.12rem;
    margin: 0 0.1rem;
  }
  .industrial_sec5_cont .rt .item dt {
    font-size: 0.5rem;
  }
}