@charset "UTF-8";

#index .index-banner{position:relative; max-width: 100vw; overflow-x: hidden; }
#index .index-banner .index-swiper{position:relative}
#index .index-banner .index-swiper .swiper-slide{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
#index .index-banner .index-swiper .swiper-slide>img{width:100%;opacity:0}
#index .index-banner .index-swiper .swiper-slide:nth-child(7) .mask .text-box img {
  margin-left: -26%;
}
#index .index-banner .index-swiper .swiper-slide .mask{position:absolute;width:100%;height:100%;top:0;left:0}
#index .index-banner .index-swiper .swiper-slide .mask .text-box{color:#fff;position:relative;text-align:center;top:50%;transform:translateY(-50%)}
#index .index-banner .index-swiper .swiper-slide .mask .text-box img{

  margin-top:35px;display:inline-block;max-width: 74%; object-fit: contain;

}
/* #index .index-banner .index-swiper .swiper-slide:nth-child(2) .mask .text-box img {
  margin-top: -85px;
  max-width: 45%;
  margin-left: -30%;
} */
#index .index-banner .index-swiper .swiper-slide .mask .text-box .desc{font-size:32px;line-height:32px;margin-top:46px}
#index .index-banner .index-swiper .index-next,#index .index-banner .index-swiper .index-prev{color:#fff;position:absolute;top:calc(50% - 20px);z-index:100;cursor:pointer;outline:0}
#index .index-banner .index-swiper .index-next i,#index .index-banner .index-swiper .index-prev i{font-size:40px}
#index .index-banner .index-swiper .index-prev{left:8%}
#index .index-banner .index-swiper .index-next{right:8%}
#index .index-banner .index-pagination{position:absolute;width:100%;left:0;display:flex;justify-content:center;bottom:100px;z-index:100}
#index .index-banner .index-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background-color:#fff;opacity:1;margin:0 6px}
#index .index-banner .index-pagination .swiper-pagination-bullet-active{width:40px}
#index .index-banner .index-botttom{bottom:0;width:100%;left:0;height:70px;background-color:rgba(0,0,0,.2);position:absolute;z-index:9;color:#fff}
#index .index-banner .index-botttom .container_center{display:flex;align-items:center;height:100%}
#index .index-banner .index-botttom .container_center .left{flex-shrink:0;display:flex;align-items:center;height:100%}
#index .index-banner .index-botttom .container_center .left .voice{display:inline-block;width:22px;height:20px;background-position:center;background-size:100%;background-repeat:no-repeat;background-image:url(../img/08.png)}
#index .index-banner .index-botttom .container_center .left .tt{display:inline-block;margin:0 12px 0 24px}
#index .index-banner .index-botttom .container_center .left .page{display:flex;flex-direction:column;align-items:center}
#index .index-banner .index-botttom .container_center .left .page .notice-btn{width:11px;height:6px;background-repeat:no-repeat;background-size:100%;background-position:center;display:block;cursor:pointer}
#index .index-banner .index-botttom .container_center .left .page .notice-btn.prev{margin-bottom:5px;background-image:url(../img/09.png)}
#index .index-banner .index-botttom .container_center .left .page .notice-btn.next{background-image:url(../img/10.png)}
#index .index-banner .index-botttom .container_center .swiper-notice{flex:1;margin-left:30px;height:100%}
#index .index-banner .index-botttom .container_center .swiper-notice .swiper-wrapper{height:100%}
#index .index-banner .index-botttom .container_center .swiper-notice .swiper-wrapper .swiper-slide{height:100%;display:flex;align-items:center;justify-content:space-between}
#index .index-classify{padding:70px 0 10px}
#index .index-classify .container_center{display:flex;flex-wrap:wrap;width:1600px}
#index .index-classify .container_center .item{width:calc((100% - 180px)/ 4);margin-right:60px;background-color:#f8f8f8;border-radius:6px;height:134px;transition:transform .3s;cursor:pointer;display:flex;align-items:center}
#index .index-classify .container_center .item img{height:100px;margin:0 30px}
#index .index-classify .container_center .item .desc .t1{font-size:24px;font-weight:700;font-family:"Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";color:#333}
#index .index-classify .container_center .item .desc .t2{font-size:16px;margin-top:10px;color:#999}
#index .index-classify .container_center .item .desc .arr{width:26px;height:9px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url(../img/15.png);display:block;margin:0 auto;margin-top:30px}


/* .header .nav-left .nav .active{  color:#165ae3!important;  } */
.footer .foot-top .onlines .code-box .outer .inner img{ margin-bottom:5px }
.layui-layer.layui-layer-iframe{top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);}
@media screen and (max-width:1560px) {

  #index .index-classify .container_center .item img{ margin: 0 5% 0 6%; width: 20%; object-fit: contain; }

}
#index .index-classify .container_center .item:nth-child(4n){margin-right:0}
#index .index-classify .container_center .item:hover{transform:translateY(-24px);transition:transform .3s}
#index .index-classify .container_center .item:hover .desc .t1{color:#306fea}
#index .index-classify .container_center .item:hover .desc .t2{color:#306fea}
#index .index-classify .container_center .item:hover .desc .arr{background-image:url(../img/16.png)}
#index .index-service{padding:120px 0 50px;line-height:2}
#index .index-service .product-service{ 
  /* margin:0 6.5%; */
  max-width: 87%;
  margin: 0 auto;
  /* width: 1680px; */
}
#index .index-service .product-service *{
  line-height: 1;
}
#index .index-service .product-service .swiper-container{
  width: 100%;
}
#index .index-service .product-service .swiper-wrapper{
  justify-content: space-between;
}
#index .index-service .product-service .item{
  width: 16%;
  flex-shrink: 0;
  height: 504px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  /* transition: width .6s; */
  cursor: pointer;
  padding: 63px 1.48% 72px;
  overflow: hidden;
  position: static;
}
#index .index-service .product-service .item .item-container{
  display: flex;
  flex-direction: column;
  height: 100%;
}
#index .index-service .product-service .item:last-child{
  margin-right: 0;
}
#index .index-service .product-service .item .title{
  font-size: 24px;
  margin-bottom: 18px;
}
#index .index-service .product-service .item .text{
  font-size: 16px;
  line-height: 22px;
  width: 85%;
}
#index .index-service .product-service .item .content{
  font-size: 16px;
  line-height: 24px;
  color: #333;
  display: none;
  text-shadow: 0 0 8px rgba(0,0,0,.2);
}
#index .index-service .product-service .item .info{
  display: none;
  font-size: 16px;
  margin-top: auto;
  margin-bottom: 35px;
}
#index .index-service .product-service .item .info>span{
  font-weight: bold;
  margin-right: 20px;
  line-height: 25px;
  flex-shrink: 0;
}
#index .index-service .product-service .item .info .info-list{
  display: flex;
}
#index .index-service .product-service .item .info .info-item span{
  line-height: 25px;
}
#index .index-service .product-service .item .info .info-item{
  margin-right: 18px;
  display: flex;
}
#index .index-service .product-service .item .info .info-item:last-child{
  margin-right: 0;
}
#index .index-service .product-service .item .info .info-item:hover{
  color: #1f5ee1;
}
#index .index-service .product-service .item .info .info-item img{
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
#index .index-service .product-service .item .btns{
  display: none;
}
#index .index-service .product-service .item .btns .btn{
  display: flex;
  width: 184px;
	height: 47px;
	background-color: #e1eafb;
	box-shadow: 0px 0px 7px 0px 
		rgba(88, 145, 231, 0.1);
	border-radius: 3px;
  margin-right: 21px;
}
#index .index-service .product-service .item .btns .btn:last-child{
  margin-right: 0;
}
#index .index-service .product-service .item .btns .btn span{
  flex-grow: 1;
  text-align: center;
  line-height: 47px;
  font-size: 14px;
  color: #1f5ee1;
}
#index .index-service .product-service .item .btns .btn .img{
  width: 46px;
  height: 100%;
  background-color: #1f5ee1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
#index .index-service .product-service .item .btns .btn .img img{
  width: 14px;
  height: 12px;
}
#index .index-service .product-service .item.active{
  background-image: url(../img/img4.jpg)!important;
  /* background-size: auto 100%; */
  background-size: cover;
  background-position: right center;
  width: 48%;
  color: #333;
  border: solid 1px #e6e6e6;
}
#index .index-service .product-service .item.active .item-container{
  position: absolute;
  height: 369px;
  width: 45%;
}
/* #index .index-service .product-service .item.active .item-container{
  animation: width .6s 1;
} */
@keyframes width{
  0%{
    width: 348%;
  }
  100%{
    width: 100%;
  }
}
#index .index-service .product-service .item.active .text{
  display: none;
}
#index .index-service .product-service .item.active .content{
  display: block;
}
#index .index-service .product-service .item.active .info,#index .index-service .product-service .item.active .btns{
  display: flex;
}
/* #index .index-service .flex>div{position:relative;width:50%; min-height:20vw;background-size:cover;display:flex;align-items:center;justify-content:center;overflow: hidden;aspect-ratio: 2;} */
/* #index .index-service .flex>div::after{content:"";display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(50,50,50,.3);transition: all .3s;opacity: 0;}
#index .index-service .flex>div:hover::after{ opacity: 1;display:block }
#index .index-service .flex>div:hover>div>div{display:block}

#index .index-service .flex>div:hover>div{ animation:pulse .7s; }
#index .index-service .flex>div>div{position:relative;z-index:1}
#index .index-service .flex>div a{color:#fff;line-height:47px;width:135px;display:inline-block;border:solid 1px #fff;margin:28px 4px 0;transition:all .3s}
#index .index-service .flex>div a:hover{background-color:#fff;color:#000}
#index .index-service .flex>div>div>div{display:none}
#index .index-service .flex>div>div>.bold{display:block} */
#index .index-solute{padding:70px 0 50px}
#index .index-solute .solute-detail{display:flex;margin-top:55px}
#index .index-solute .solute-detail .swiper-solute{width:71%;margin:0;overflow:hidden}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper{width:100%}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide>img{width:100%;opacity:0;height: 600px;}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc{position:absolute;color:#fff;left:120px;bottom:50px}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .top .t1{font-size:40px;line-height:40px}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .top .t2{font-size:16px;line-height:16px;margin-top:20px}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .info{width:73%;font-size:15px;line-height:36px;margin-top:50px;}
#index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .com-more{margin-top:40px}
#index .index-solute .solute-detail .solute-items{width:29%}
#index .index-solute .solute-detail .solute-items .items{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 70px 0 50px;cursor:pointer;position:relative}
#index .index-solute .solute-detail .solute-items .items .left{display:flex;align-items:center}
#index .index-solute .solute-detail .solute-items .items .left img{width:48px}
#index .index-solute .solute-detail .solute-items .items .left .desc{margin-left:30px}
#index .index-solute .solute-detail .solute-items .items .left .desc .t1{font-size:20px;line-height:20px;color:#222}
#index .index-solute .solute-detail .solute-items .items .left .desc .t2{font-size:16px;line-height:16px;margin-top:10px;color:#666}
#index .index-solute .solute-detail .solute-items .items .arr{width:26px;height:9px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url(../img/15.png);display:block}
#index .index-solute .solute-detail .solute-items .items:before{content:'';position:absolute;width:0;height:100%;background-color:#165ae3;border-radius:0 6px 6px 0;left:0;top:0;transition:all .3s}
#index .index-solute .solute-detail .solute-items .items.active{box-shadow:0 0 32px 0 rgba(5,22,55,.17)}
#index .index-solute .solute-detail .solute-items .items.active:before{width:10px;transition:all .3s}
#index .index-solute .solute-detail .solute-items .items.active .left .desc .t1{color:#165ae3;font-size:24px}
#index .index-solute .solute-detail .solute-items .items.active .arr{background-image:url(../img/16.png)}
#index .index-case{padding:70px 0}
#index .index-case .case-container{position:relative}
#index .index-case .case-container .swiper-case{margin-top:55px;max-width: 1600px; }
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide{width:31.9%;cursor:pointer;padding:0.5% }
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .pic{

  width:100%;overflow:hidden;border-radius:10px 10px 0 0;background: linear-gradient(to bottom,#fafafa,#f0f0f0);

}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .pic img{width:100%;object-fit:cover;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;height:400px; max-height:80v; mix-blend-mode: multiply;border: solid 1px #fafafa; }
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info{width:calc(100% - 40px);margin-left:40px;margin-top:-30px;position:relative;z-index:10;background-color:#fff;padding:40px 40px 70px 35px}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .date{font-size:16px;line-height:16px;font-weight:700;color:#999}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .title{font-size:24px;line-height:24px;color:#222;font-weight:700;margin-top:10px;height: 48px;}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .desc{font-size:16px;line-height:30px;color:#666;margin-top:15px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .arr{width:26px;height:9px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url(../img/15.png);display:block;margin-top:50px;float: right;}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide:hover .info .tops .date{color:#165ae3}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide:hover .info .tops .title{color:#165ae3}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide:hover .info .tops .desc{color:#165ae3}
#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide:hover .info .arr{background-image:url(../img/16.png)}
#index .case-list{display:flex;flex-wrap:wrap;background-color:#f8f8f8;border:1px solid #e6e6e6;border-bottom:none; }
#index .case-list .item{ width:calc(100%/6);cursor:pointer;position:relative;height:7.5vw; }
#index .case-list .item .bg{width:100%;height:100%;top:0;left:0;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;position:absolute;z-index:9}
#index .case-list .item img{ transition: all .2s; width:100%;height:100%;position:relative;z-index:1;border-right: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;background: #fafafa; }

#index .case-list .item:hover img{ box-shadow: 0 0 5px rgb(50 50 50 / 10%); transform: scale(1.1); background: white; z-index: 2; filter: brightness(1.05); }
/* #index .case-list .item:before{content:'';width:100%;height:100%;top:0;left:0; position:absolute;box-shadow:0 0 31px 1px rgba(31,25,4,.2);background-color:#165ae3;opacity:0;transition:all .3s;z-index:10} */ 
/* #index .case-list .item:hover:before{opacity:1;transition:all .3s;transform:scale(1.06)} */ 
#index .index-news{padding:120px 0 0}
#index .index-news .news-container{ margin-top:55px;display:flex;justify-content:space-between}
#index .index-news .news-container .video-box{width:32%}
#index .index-news .news-container .video-box .pic{width:100%;overflow:hidden}
#index .index-news .news-container .video-box .pic img{ width:100%;height:100%;object-fit:contain;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out; min-height: 23rem; max-height: 27.8rem; }
#index .index-news .news-container .video-box .info{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
#index .index-news .news-container .video-box .info .txt{font-size:18px;font-weight:700;width:90%}
#index .index-news .news-container .video-box .info .play{width:34px;height:34px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url(../img/33.png);display:inline-block;cursor:pointer}
#index .index-news .news-container .video-box:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
#index .index-news .news-container .news-right{position:relative;width:62%}
#index .index-news .news-container .news-right .swiper-news{width:100%;}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .tt{font-size:18px;line-height:24px;font-weight:700}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .desc{font-size:16px;line-height:30px;color:#666;margin-top:14px}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .info{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .info .date{font-size:12px;color:#999;font-weight:700}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .info .arr{width:26px;height:9px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url(../img/15.png);display:block}

#index .index-news .news-container .news-right span.tips:before{

  content: "";

  display: inline-block;

  position: absolute;

  height: 30px;

  width: 30px;

  background: white;

  transform: rotate(45deg);

  top: 2px;

  right: -15px;

} 

#index .index-news .news-container .news-right span.tips{ 

  background: linear-gradient(to right,#165ae3,#87b6cf); color:white;display:inline-block; position: relative;

  padding: 8px 32px 8px 10px; border-radius: 4px; line-height: 1;

}

#index .index-news .news-container .news-right .tips1{border: solid 1px #9eb1d7; line-height: 1.5; padding: 5px 20px;cursor: pointer; }
#index .index-news .news-container .news-right .tips1:hover,
#index .index-news .news-container .news-right .tips1.Con{ background-color: #e4edff; }
#index .index-news .news-container .news-right .tips1+.tips1{ border-left: none;}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper a{ position: relative; width:48%; margin-bottom: 32px; }
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper a:before{content:'';position:absolute;height:0;width:100%;background-color:#165ae3;bottom:-15px;left:0;transition:all .3s}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper a:hover:before{height:6px;transition:all .3s}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper a:hover .tt{color:#165ae3}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper a:hover .desc{color:#165ae3}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper a:hover .info .date{color:#165ae3}
#index .index-news .news-container .news-right .swiper-news .swiper-wrapper a:hover .info .arr{background-image:url(../img/16.png)}




#index .index-news .news-container .swiper-pagination{ text-align: right;bottom: 0; }
#index .index-news .news-container .pc_show .swiper-pagination{ bottom: 20px; }
#index .index-news .news-container .news-right .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;opacity:1;background-color:#ccc;margin:0 5px}
#index .index-news .news-container .news-right .swiper-pagination-bullet-active{background-color:#fdd000}
#index .onlines-box{background-position:left center;background-repeat:no-repeat;background-size:100% 100%;background-image:url(../img/34.png);background-size: cover; margin:100px auto 0}
#index .onlines-box .flex{height:440px;display:flex;align-items:center;justify-content:space-between}
#index .onlines-box .left .t1{font-size:30px}
#index .onlines-box .left .t2{font-size:35px;line-height:50px;font-weight:700;margin:10px 0 15px }
#index .onlines-box .left .desc{font-size:28px;line-height:2;width:100%;background-color:#165ae3;border-radius: 10px;display: flex;align-items: center;}
#index .onlines-box .left .desc .num{font-size:30px;font-weight:700;color:#fff;padding: 0px 10px 0px 10px;;}
#index .onlines-box .left .desc .more{ background-color:#fff;color: #165ae3; padding:0px 10px 0px 10px;border-radius: 10px;margin-right:5px; font-size:20px }
.solution .part00 .desc{font-size:28px;line-height:2;width:100%;background-color:#165ae3;border-radius: 10px;display: flex;align-items: center;}
.solution .part00 .desc .num{font-size:30px;font-weight:700;color:#fff;padding: 0px 10px 0px 10px;;}
.solution .part00 .desc .more{ background-color:#fff;color: #165ae3; padding:0px 10px 0px 10px;border-radius: 10px;margin-right:5px; font-size:20px }
#index .onlines-box .tel .number{font-size:24px}
.solution .part00 .part03 .number{ font-size:24px }
.solution .part00 .part03 .number span{ font-size:32px;font-weight:700 }
#index .onlines-box .tel .number span{font-size:30px;font-weight:700}
#index .onlines-box .tel .btn{font-size:18px;font-weight:700;width:201px;height:53px;line-height:53px;text-indent:45px;background-color:#e5eeff;border-radius:6px;color:#165ae3;margin-top:20px;position:relative;display: block;box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);overflow: hidden;margin-left: 50px; }
#index .onlines-box .tel .btn::after{content:"";display:block;position:absolute;background:#165ae3;width:50px;height:100%;top:0;right:0}
#index .onlines-box .tel .btn .iconfont{position:absolute;right:14px;top:0;color:#fff;z-index:1;font-size:20px}
.solution-size50 {font-size: 35px;}
@media screen and (max-width:1000px){

  .com-title .t1{font-size:24px}
  .com-title .t2{font-size:14px;margin-top:0px; line-height: 20px;opacity: 0.8; }
  #index .nav-next,#index .nav-prev{display:none}
  #index .index-case .case-container .swiper-case{margin-top:30px;margin-bottom:10px}
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide{width:100%}
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .pic{border-radius:0}
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .arr{margin-top:30px}
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info{margin-left:20px;background:linear-gradient(to bottom,white,#fafafa);padding:40px 30px}
  #index .index-banner .date,#index .index-banner .index-pagination{display:none}
  #index .index-banner .index-swiper{min-height:380px}
  #index .index-banner .index-swiper .swiper-slide>img{min-height:380px}
  #index .index-banner .index-swiper .swiper-slide .mask .text-box .desc{font-size:13px;margin:10px 10px 0;line-height:1.8}
  #index .index-banner .index-swiper .swiper-slide .mask .text-box img{height:auto;min-height:25px;max-height:80px;max-width:90vw;object-fit: contain; }
  #index .index-banner .index-swiper .swiper-slide:nth-child(7) .mask .text-box img {max-width:70vw}
  #index .index-solute{padding:50px 0 40px}
  #index .index-solute .solute-detail .swiper-solute{width:80%}
  #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc{left:0;padding:10px}
  #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .top .t1{font-size:24px}
  #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .info{width:100%;font-size:14px;margin-top:20px; max-height:250px;overflow: auto;line-height: 1.8; }
  #index .index-solute .solute-detail .solute-items{width:20%}
  #index .index-solute .solute-detail .solute-items .items{padding:0;height:90px}
  #index .index-solute .solute-detail .solute-items .items.active:before{max-width:4px}
  #index .index-solute .solute-detail .solute-items .items,#index .index-solute .solute-detail .solute-items .items *{display:block}
  #index .index-solute .solute-detail .solute-items .items .arr{display:none}
  #index .index-solute .solute-detail .solute-items .items .left img{height:48px;display:block;margin:20px auto 0}
  #index .index-solute .solute-detail .solute-items .items .left .desc{display:none}
  #index .index-service{padding:20px 0}
  /* #index .index-service .flex>div{width:100%;height:auto;padding-bottom:30px;text-shadow: 0 0 8px rgba(0,0,0,.2); }
  #index .index-service .flex>div .bold{ margin-bottom:10px;margin-top:20px;font-size: 25px; }
  #index .index-service .flex>div .width80{margin-top:0;text-align:left;}
  #index .index-service .flex>div a{line-height:40px;width:125px;border-color:rgba(255,255,255,.3)}
  #index .index-service .flex>div>div>div{display:block} */
  #index .index-classify{padding-top:40px}
  #index .index-classify .container_center{padding:0 10px}
  #index .index-classify .container_center .item{width:50%;margin-right:0;border:solid 5px #fff;height:auto;display:block;text-align:center;padding-bottom: 30px;}
  #index .case-list .item{ width:50%;padding:4px; height: 90px; }
  #index .index-case{padding:10px 0}
  #index .index-news{padding-top:40px}

  #index .index-news .news-container .news-right .swiper-news .swiper-wrapper a{ min-width: 100%;max-width: 100%;width: 100%; }
  #index .index-news .news-container{display:block;margin-top:30px}
  #index .index-news .news-container .video-box{width:auto;margin: 10px; display: block;}
  #index .index-news .news-container .news-right{width:auto}
  #index .index-news .news-container .news-right .swiper-news{width:95%}
  #index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .tt{margin-top:30px}
  #index .onlines-box{margin-top:30px;color: #495468; }
  #index .onlines-box .flex{height:auto;overflow:hidden;display:block;text-align:center}
  /* #index .onlines-box .flex .left{padding-left:20px} */
  #index .onlines-box .flex .left .t1{font-size:18px;padding-top:26px}
  #index .onlines-box .flex .left .t2{font-size:25px;margin:0}
  #index .onlines-box .flex .left .desc{font-size:15px;width:100%;margin-bottom: 10px; }
  #index .onlines-box .flex .tel .btn{margin:20px auto;text-align:left}
  #index .onlines-box .flex .tel .number{font-size:18px}
  #index .onlines-box .flex .tel .number span{font-size:22px}
}
body [class*='_bg']{display:flex;align-items:center;justify-content:center;background-color:#eee;color:#fff;background-position:center;background-size:cover;max-height:80vw;min-height:100px}
body>.header_bg{ height:700px;padding-top:100px;max-height:78vh;width:100%;line-height:1.7}
body .header_bg~.menu_bar{border-bottom:solid 1px #dbdbdb;height:60px;line-height:60px}
.news_center .header_bg~.menu_bar {position: sticky;top: 99px;z-index: 9;background-color: #fff;}
.product_body .header_bg~.menu_bar{position:sticky;top:0;left:0;background:#fff;z-index:9;white-space:nowrap;max-width:100vw; }
body .header_bg~.menu_bar.more>a{margin:0 1.5vw;max-width: 18vw}
body .header_bg~.menu_bar.little>a{margin:0 2.1vw}
body .header_bg~.menu_bar>a{display:inline-block;margin:0 2vw;position:relative;

  max-width: 30vw; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;

}

body .header_bg~.menu_bar>a::after{content:"";position:absolute;left:0;bottom:0;right:0;border-bottom:solid 2px #165ae3;width:100px;max-width:70%;margin:0 auto;display:block;opacity:0;transition:all .2s}
body .header_bg~.menu_bar>a.on::after,body .header_bg~.menu_bar>a:hover::after{ opacity:1 }
body .menu_bar+.menu_bar>a::after{border-bottom:solid 3px #165ae3;bottom:-1px}
body .lookmore{border-radius:50%;display:inline-block;line-height:40px;height:40px;width:40px;text-align:center;transition:all .3s}
body .lookmore:active{background-color:#fff;color:#165ae3;cursor:pointer}
[class*=btn],[class*=button]{user-select:none}

body.news_center .swiper-pagination{text-align:left;padding-left:30px}
body.news_center .swiper-pagination .swiper-pagination-bullet{height:10px;width:10px;background-color:#fff;opacity:1}
body.news_center .swiper-pagination .swiper-pagination-bullet-active{background:#165ae3!important;width:40px;border-radius:20px}
body.news_center img{max-width:100%;transition:all .3s}
body.news_center dt img:hover{transform:scale(1.2)}
body.news_center .flex.nowrap.container_center{align-items:initial}
body.news_center .flex.nowrap.container_center>div{flex:auto}
body.news_center .width66 .time{padding-bottom:32px;border-bottom:solid 1px #e6e6e6}
body.news_center .width66 .time span{margin-right:50px}
body.news_center .width66 .desc{line-height:2;padding-bottom:32px;border-bottom:solid 1px #e6e6e6}
body.news_center .width66 .desc img{display:block;margin:20px 0}
body.news_center .width66 .next_page{padding:30px 0}
body.news_center .width66 .next_page a{display:inline-block;margin-bottom:10px}
body.news_center .width66 a.absolute.Cfff{display:block;background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0.1));bottom:30px;padding:10px 30px;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.news_center .width66 .content dl{display:flex;border-bottom:solid 1px #e6e6e6;padding-top:20px;padding-right:10px;flex-wrap: nowrap; }
body.news_center .width66 .content dl .img{width:334px;min-width:334px;max-width:334px;overflow:hidden;height:220px}
body.news_center .width66 .swiper-container img{height:456px;width:100%;object-fit: fill;}
body.news_center .width66 .content dl .img img{height:90%;width:100%;transition:all .3s; }
body.news_center .width66 .content dl .img img:hover{transform:scale(1.2)}
body.news_center .width66 .content dl dt{width:145px;font-size:18px;min-width:25vw;justify-content: space-between;}
body.news_center .width66 .content dl dd{flex:auto;margin-left:1vw;position: relative;}
body.news_center .width66 .content dl dd a h3{min-height: 3em;}
body.news_center .width66 .content dl dd:hover{color:#165ae3}
body.news_center .width33 .search{height:50px;line-height:48px}
body.news_center .width33 .search input{border:0 none;outline:0;height:48px;padding:0 15px;border:solid 1px #e6e6e6}
body.news_center .width33 .search .BGon{color:#fff;width:100px;text-align:center}
body.news_center .width33 .hot .BGon{height:60px;line-height:58px;padding:0 20px}
body.news_center .width33 .hot:last-child .content .num{padding-left:40px}
body.news_center .width33 .hot .content{border:solid 1px #e6e6e6;padding:20px}
body.news_center .width33 .hot .content .tips a{color:#666;display:inline-block;height:40px;line-height:40px;background-color:#f2f2f2;border-radius:20px;padding:0 20px;margin-bottom:20px}
body.news_center .width33 .hot .content .tips a.on,body.news_center .width33 .hot .content .tips a:hover{background:#165ae3;color:#fff;cursor:pointer}
body.news_center .width33 .hot .content .num{position:relative;padding:12px 0;padding-left:40px}
body.news_center .width33 .hot .content .num .ellipsis{  font-size:16px;margin-bottom:4px; margin-top: 9px;  }
body.news_center .width33 .hot .content .num div:hover .ellipsis{animation:flipInX 1s;color:#165ae3}
body.news_center .width33 .hot .content .num a:hover{color:#165ae3}
body.news_center .width33 .hot .content .num>span{background-color:#165ae3;color:#fff;height:24px;width:24px;text-align:center;line-height:24px;margin-right:10px;position:absolute;left:0;top:14px;margin-top: 7px;}
body.news_center .width33 .hot .content .num:nth-child(1)>span{background:red;margin-top: 7px;}
body.news_center .width33 .hot .content .num:nth-child(2)>span{background:#ff9000;margin-top: 7px;}
body.news_center .width33 .hot .content .num:nth-child(3)>span{background:#ffd200;margin-top: 7px;}

.login_body  #area_form  .pc_show{     display: flex;    margin-bottom: -100px; }

.category03 .tripBox .absolute{ background:white;transition: .3s; }

.category03 .tripBox .absolute:hover{ transform: translateX(20px); }

.category03 .tripBox h3{ margin-bottom: 5px; }

.category03 .tripBox p{ line-height: 1.5; }

.category03 .tripBox p:hover{ color:#165ae3; cursor:default; }



.category03 .systemBox{max-width: 1400px;}

@keyframes systemIcon {

  from{

    transform: translateY(10px);

  }

  to{

    transform:none

  }

}

.category03 .systemBox img.absolute{ left:2%; top:22%;animation: systemIcon .6s infinite; width:55%; }

.category03 .systemBox .product{ top:16%; right:0.5%; width:21%;background: #f2f7ff; padding:1% 1% 0 }

.category03 .systemBox .product a{ display: block; background: #165ae3; color:white; padding: 18% 1% 18%;

  line-height: 1; text-align:center;margin-top: 10%; font-size: 18px; border:solid 1px #165ae34f; transition: all .2s;

  white-space: nowrap; text-overflow: ellipsis;position: relative;

}

.category03 .systemBox .product a:before{
  content:"";
  display: block;
  position: absolute; top:-4%; left:3%; height:100%; width:100%;
  border:solid 1px #165ae3;
  border-bottom: 0;
  border-left: 0;
}

.category03 .systemBox .product a:hover{ background-color: #fff; color: #165ae3;text-shadow: 1px 0 #165ae3; }

.category03 .object_scane>img{ height: 18%;transition: all .3s; }

.category03 .object_scane>img:hover{ transform: scale(1.1) !important;animation:  none !important;filter:saturate(110%); }

@keyframes hover {

  0%{

    transform: none;

  }

  50%{

    transform: translateY(-5px);

  }

  100%{

    transform: none;

  }

}

.category03 .part10-swiper img{ height: 600px; max-height:120vw;max-width: 100vw; }


@media screen and (min-width:1000px){

  .h5_show{display:none!important}
  .product_body .header_bg~.menu_bar,.about_us .header_bg~.menu_bar{ top:99px!important;position: sticky; background: white;z-index: 9; }
  body.news_center .width66 .content dl dt{min-width:145px}
  body.news_center .width66 .next_page a:hover{color:#165ae3}
  
  body.news_center .width66 dl.hover:hover{background-color:#eff1f6; box-shadow: -30px 0 0 #eff1f6; border-color:#eff1f6; transition:all .3s;padding-left:50px}
  body.news_center .width66 dl.hover:hover *{color:#165ae3 }

  .product_body .part24 li:hover{color:#165ae3;border-color:#165ae3;transform:translateY(-10px)}

  .product_body .part06 .flex1:hover p{display:block!important}

  .product_body .part06 .flex1:hover h3{font-size:24px!important}

  .product_body .part06 .flex1:hover img{margin-top:25px!important}
  .about_us .year_swiper_box .year_swiper .swiper-wrapper{padding: 0px 50px;}
}
@media screen and (max-width:1000px){
  .news_center .header_bg~.menu_bar {top: 49px!important;}
  .category03 .systemBox .product{ width: 36%; top: 0; padding: 2%;border-left: dashed 1px #6e93de;min-height: 100%; }

  .category03 .systemBox .product a{ font-size: 12px;padding: 10% 1% 10%; }

  body.news_center .width66 .content dl{display:block}
  body.news_center .width66 .content dl dt.img{height:150px;margin-bottom:10px}
  body.news_center .width66 .content dl dd,body.news_center .width66 .content dl dt.img{width:100%;max-width:100%}
  body.news_center [class*=width]{width:auto;margin:20px;float:none}
  body.news_center .ml50{margin-left:0}
  body.news_center .news{display:block}
  body .free_use p{margin:0 0 10px}
  body .free_use .form{padding:0 15px}
  body .free_use .form>div{margin-bottom:10px}
  body .free_use .form>div>div{width:60px;margin-left:20px;text-justify:distribute-all-lines;text-align-last:justify;text-align:justify}
  body .free_use .form .verify_box input{width:55px}
  body .free_use .form .verify_box .btn.verify{width:112px}
  body .free_use .BGwhite{padding-left:0;min-width:100%;border-radius:0;min-height:100vh}
  body .login_alert .form{width:auto;margin:20px;max-width:100%}
  body .login_alert label{line-height:1.6;font-size:12px}
  body .login_alert .BGwhite{ padding-left:0;background:#fff!important;min-width:100%;border-radius:0;height:100vh }
}
.free_use .form{padding:10px 40px 50px;font-size:16px}
.free_use .form .force>div:first-child:after{content:"*";color:red}
.free_use .form a.btn{ border-radius:4px}
.free_use .form .btn{height:50px;line-height:50px;border:none 0;max-width:400px;margin-left:auto;margin-right:auto;text-align:center;background:#165ae3;color:#fff;border-radius:5px}
.free_use .form .btn.verify{width:200px;margin-right:20px;text-justify:auto;text-align-last:inherit}
.free_use .form>div>div:first-child{width:60px;margin-left:20px;text-justify:distribute-all-lines;text-align-last:justify;text-align:justify}
.free_use .form>div{
  margin-bottom:20px;
}
.free_use .form>div.input{
  background-color:#f2f2f2;
  height:50px;
  border-radius:5px;
}
.free_use .form>div em{
  color: red;
  font: bold 14px/20px tahoma,verdana;
  vertical-align: middle;
  display: inline-block;
  background-color: #f2f2f2;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.free_use .form>div input{
  flex:auto;
  background-color:#f2f2f2;
  border:0 none;
  height:50px;
  line-height:50px;
  border-radius:5px;
  margin-right:20px;
  padding-right: 20px;
}
.free_use .form>div select{
  flex:auto;
  background-color:#f2f2f2;
  border:0 none;
  height:50px;
  line-height:50px;
  margin-right:20px;
  padding:0 20px;
  border-radius:5px;
  margin-left:10px
}
.free_use .form>div select>option:first-child{display:none} 
.login_alert .form{margin:80px 76px 0 80px;width:400px;line-height:50px}
.login_alert.fixed .form{ max-width:25vw;}
.login_alert .form a[href]{color:#165ae3}
.login_alert .form .btn{border-radius:4px}
.login_alert .form>div{background:url(../img/icon04.png) #f2f2f2 22px 15px no-repeat;margin-bottom:12px;border-radius:3px;overflow:hidden;height:50px}
.login_alert .form>div.password{background-position-y:-52px}
.login_alert .form>div.verify{background-color:#fff;justify-content:space-between}
.login_alert .form>div.verify div{background:url(../img/icon04.png) #f2f2f2 22px -118px no-repeat;width:50%;border-radius:5px}
.login_alert .form>div.verify img{width:45%;border:solid 1px #dbdbdb;border-radius:5px;height:50px}
.login_alert .form>div input{width:80%;margin-left:60px;height:50px;border:0 none}
.login_alert .form>div ::-webkit-input-placeholder{color:#999}
.login_alert .form:first-child{margin-top:35px}
.login_alert .toggle{margin-left:80px}
.login_alert .toggle>*{cursor:pointer;border-bottom:solid 2px #fff;line-height:3;margin-right:40px;position:relative;font-size:22px}
.login_alert .toggle>:first-child:after{content:"";height:10px;position:absolute;right:-20px;top:29px;display:block;border-left:solid 1px #e6e6e6}
.login_alert .toggle .on,.login_alert .toggle>:hover{color:#165ae3;border-bottom-color:#165ae3}
.free_use,.login_alert{max-height:100vh;overflow-y:auto;background-color:rgba(5,5,5,.5);z-index:200;justify-content:center;align-items:center}
.free_use .iconfont.close,.login_alert .iconfont.close{

  color:#fff;border:solid 3px #fff;width:30px;text-align:center;border-radius:50%; line-height:25px;height:30px; background: #777;

  box-shadow: 0 0 0 1px #ccc; top: -10px;right: -10px;

}
.free_use .iconfont.close:hover,.login_alert .iconfont.close:hover{ background-color: #165ae3; }
.free_use .BGwhite,.login_alert .BGwhite{min-width:1020px;max-width:100vw;border-radius:7px;background:#fff no-repeat left top;min-height:580px;padding-top:43px}

.login_alert .BGwhite{ border-radius:0;background-size:443px 100%;padding-left:443px}
.agreement .header~.center{margin-top:100px}
.agreement>.center{padding:40px 0;line-height:1.5;margin-bottom:50px}
.agreement p{line-height:1.8;text-indent:32px}
@media screen and (max-width:1000px){.agreement .header~.center{margin-top:50px}
.search_body{margin-top:50px!important}
.search_body .search_bar{padding:40px 0!important}
}
.search_body{margin-top:100px}
.search_body dl{padding:30px 0;border-bottom:solid 1px #e6e6e6}
.search_body dl:hover{padding-right:40px;padding-left:40px;background-color:#165ae3}
.search_body dl:hover *{color:#fff;transition:all 0s}
.search_body .search_bar{font-size:15px;padding:80px 0;background-color:#efefef}
.search_body .search_bar .flex{width:1000px;line-height:50px;margin:auto;max-width:90vw}
.search_body .search_bar .flex input{flex:auto;height:50px;background-color:#fff;padding-left:20px;border-radius:6px 0 0 6px}
.search_body .search_bar .flex .btn{justify-content:center;width:100px;text-align:center;background:#165ae3;color:#fff;border-radius:0 6px 6px 0}
.search_body .search_bar .flex .btn img{height:16px;margin-right:6px}
.search_body .search_bar .flex .btn:hover{opacity:.9}
.pagination{justify-content:center}
.pagination a{display:block;border-radius:50px;width:42px;height:42px;line-height:40px;border:solid 1px #fff;cursor:pointer;margin:0 6px}
.pagination a:hover{border-color:#e6e6e6}
.pagination .on{background-color:#165ae3;color:#fff}
.training_body .join{height:400px;background:#165ae3 no-repeat center;background-size:cover}
.training_body .join .size35::after{display:block;content:"";width:36px;height:4px;margin:30px 0;background-color:#fff;border-radius:2px}
.training_body .join img{margin-right:60px}
.training_body .join .code{justify-content:center}
.training_body .join .btn{border-radius:5px;width:140px;margin:0 auto;height:46px;line-height:46px;border:solid 1px rgba(255,255,255,.8);background: #165ae3; }
.training_body .join .btn:hover{background-color:#fff;color:#165ae3}
.training_body .container_center ul.part01{border:solid 1px #e6e6e6;line-height:1.6}
.training_body .container_center ul.part01 p+p{margin-top:14px}
.training_body .container_center ul.part01+ul{border-top:none}
.training_body .container_center ul.part01 dl+dl{border-top:solid 1px #e6e6e6}
.training_body .container_center ul.part01 dl.on{background:#f7f9fc}
.training_body .container_center ul.part01 .btn{background:#165ae3;color:#fff}
.training_body .container_center ul.part01 dt{min-width:250px;width:250px;max-width:250px;min-height:150px;justify-content:center}
.training_body .container_center ul.part01 dd{
  flex:auto;min-height:150px;border-left:solid 1px #e1e1e1;padding:32px 0;justify-content: space-between;
  flex-wrap: nowrap;
}
.training_body .container_center ul.part01 dd>*:last-child{margin-right: 3.3%;}
.training_body .container_center ul.part01 dd>*:first-child{margin-left: 10px;}
.training_body .container_center ul.part01 dd>div+*{max-width:80%}
.training_body .container_center ul.part01 dd>div>div:first-child{margin-bottom:12px}
.training_body .container_center ul.part01 dd span{color:#999}
.training_body .container_center ul.part01 a.btn{width:134px;line-height:46px;background-color:#165ae3;border:solid 1px #165ae3;border-radius:4px}
.training_body .container_center ul.part01 a.btn:before{content:"鐐瑰嚮灞曞紑"}
.training_body .container_center ul.part01 a.btn .iconfont{transform:rotate(90deg);display:inline-block}
.training_body .container_center ul.part01 a.btn.on{background-color:#fff;color:#165ae3}
.training_body .container_center ul.part01 a.btn.on:before{content:"鐐瑰嚮鏀惰捣"}
.training_body .container_center ul.part01 a.btn.on .iconfont{transform:rotate(270deg)}
@media screen and (max-width:1000px){.training_body .join{height:auto;padding:20px 0;margin-top:0;background-size:auto 150%;background-position-x:left;display:block}
.training_body .join .code{text-align:center}
.training_body .join .size35::after{margin:20px auto}
.training_body .join img{margin:20px auto}
.training_body .join .btn{margin:20px auto;border:0}
}
.word_body .swiper-pagination{text-align:left}
.word_body .swiper-pagination .swiper-pagination-bullet-active{background-color:#fdd000;border-radius:10px}
.word_body .swiper-pagination .swiper-pagination-bullet{height:10px;min-width:10px;margin:0 6px!important}
.word_body .container_center dl ul{overflow:hidden}
.word_body .container_center dl ul:nth-child(even){background-color:#f7f9fc}
.word_body .container_center .search{height:48px;height:50px;line-height:48px}
.word_body .container_center .search input{border:0 none;outline:0;height:48px;padding:0 15px;border:solid 1px #e6e6e6}
.word_body .container_center .search .BGon{color:#fff;width:100px;text-align:center}
.word_body .container_center dt .content{border:solid 1px #e6e6e6;padding:25px}
.word_body .container_center dt p{text-indent:-2px;border-bottom:solid 1px #e6e6e6;height:60px;line-height:59px}
.word_body .container_center dt p:last-child{ border-bottom:0}
.word_body .container_center dt p a:hover{color:#165ae3}



.word_body .hot .content{border:solid 1px #e6e6e6;padding:20px}
.word_body .hot .content .tips a{color:#666;display:inline-block;height:40px;line-height:40px;background-color:#f2f2f2;border-radius:20px;padding:0 20px;margin-bottom:20px}

.word_body .hot .content .tips a.on,.word_body .hot .content .tips a:hover{background:#165ae3;color:#fff;cursor:pointer}


.word_body .container_center dd{border:solid 1px #e6e6e6;line-height:79px}
.word_body .container_center dd li{min-width:10px}
.word_body .container_center dd .width20{text-align:center; white-space: nowrap;}
.word_body .container_center dd .width60{padding-left:2vw;text-indent:20px;}
.word_body .container_center dd .width60>*{

  text-indent:0;position: relative;padding-left: 40px;display: flex; align-items: center; height: 79px;line-height: 1.3;

}
.word_body .container_center dd .width60 .iconfont{background-color:#165ae3;color:#fff;display:inline-block;line-height:1.6;padding:0 3px;border-radius:5px;margin-right:8px;position: absolute;left: 8px; top:33% }
.word_body .container_center dd ul:hover li{color:#165ae3}
.word_body .container_center dd ul+ul{border-top:solid 1px #e6e6e6;color:#333}
.word_body .container_center .width66 .btn{background-color:#165ae3;color:#fff;border:solid 1px #165ae3;text-align:center;transition:all .3s}
.word_body .container_center .width66 .btn:active,.word_body .container_center .width66 .btn:hover{background-color:#fff;color:#165ae3}
.word_body .container_center .width66 .btn{background-color:#165ae3;color:#fff;text-align:center}
.word_body .container_center .width66 .between .btn{height:46px;line-height:45px;width:120px}
.word_body .container_center .width66 .between+div{border-bottom:solid 1px #e6e6e6;padding-bottom:30px;line-height: 2; text-align: justify; }
.word_body .container_center .width66 .form{background-color:#fafafa;min-height:480px;padding:47px 20px 47px 47px}
.word_body .container_center .width66 .form p:after{content:"*";color:red}
.word_body .container_center .width66 .form input{width:90%;max-width:380px;height:59px;line-height:58px;background-color:#fff;padding:0 15px;border-radius:8px;font-size:16px;margin:5px 0 15px;border:solid 1px #e1e1e1}
.word_body .container_center .width66 .form .btn{display:block;width:380px;height:60px;line-height:58px;border-radius:5px;margin-top:30px}
.word_body .container_center .width66 .form input:focus{box-shadow:0 3px 10px 0 rgba(30,95,255,.16);border-color:#1e5fff}
@media screen and (max-width:1000px){
    .word_body .width30{width:100%;margin:0 auto 20px;float:none}
    .word_body .container_center dt .content{padding:12px}
    .word_body .width66{width:97%;float:none;margin:0 auto; }
    .word_body .width66 .form .width50{width:100%}
}
.about_us .header_bg .btn_box a,.about_us .part10-swiper .btn_box a{

  display:block;background:#e5eeff;line-height:46px;color:#165ae3;
  min-width:180px;margin-right:20px;border-radius:5px;text-align:center;overflow:hidden;transition:all .3s;

}
.about_us .header_bg .btn_box a:hover{background:#fff;cursor:pointer}
.about_us .header_bg .btn_box .iconfont,.about_us .part10-swiper .btn_box .iconfont{float:right;background:#165ae3;color:#fff;padding:0 14px;font-size:20px}
.about_us .content_bg,.about_us .culture_bg{height:630px;max-height:1000vw}
.about_us .content_bg{max-height:140vw;padding-bottom:50px}
.about_us .content_bg img.absolute{height:100%;width:100%;user-select:none}
.about_us [class*='_bg'] .absolute a{height:70px;line-height:70px;flex:1;min-width:180px;box-shadow:0 1px 0 rgba(255,255,255,.2)}
.about_us .desc.flex{align-items:initial;}
.about_us .desc.flex video{ max-height:64vw;object-fit: cover}
.about_us .desc.flex .flex4,.about_us .desc.flex .flex5{min-width:300px}
.about_us .flex4 .iconfont.absolute{width:90px;line-height:90px;background-color:#165ae3;text-align:center;font-size:40px}
.about_us .flex5 .size24:after{content:"";display:block;width:32px;height:8px;margin:40px auto 0;background-color:#333;border-radius:4px}
@media screen and (max-width:1200px) {
  .about_us .flex5 .size24:after{margin-top: 20px;}
}
.about_us .num_box [class*=flex]{position:relative}
.about_us .num_box [class*=flex]:last-child::after{opacity:0}
.about_us .num_box [class*=flex]::after{content:"";display:block;position:absolute;right:30%;top:50px;width:1px;height:30px;background-color:#e6e6e6}
.about_us .num_box [class*=flex]:nth-last-child(2)::after{right: 15%;}
.about_us .num_box .bold{margin:5px 0 5px;color:#306fea;white-space: nowrap; }
.about_us .bussiness{border-top:solid 1px rgba(255,255,255,.3)}
.about_us .bussiness a{border-left:solid 1px rgba(255,255,255,.3);padding-left:35px;background:url(../img/about_icon01_01.png) no-repeat 95% center;cursor:pointer;transition:background-color .1s}
.about_us .bussiness a:last-child{border-right:solid 1px rgba(255,255,255,.3)}
.about_us .bussiness a.on,.about_us .bussiness a:hover{background-color:#165ae3}
.about_us .button-next{right:6vw}
.about_us .button-prev{left:6vw}
.about_us .iconfont[class*=button-]{position:absolute;top:46%;color:#000;border:solid 1px #000;height:42px;width:42px;text-align:center;line-height:40px;border-radius:50%;z-index: 9;}
.about_us .iconfont[class*=button-]:hover{background-color:#165ae3;border-color:#165ae3;color:#fff;cursor:pointer}
.about_us .power .iconfont[class*=button-]{top:54%}
/* .about_us .power .swiper-slide>div.on,.about_us .power .swiper-slide>div:hover{background-color:#f2f2f2;background-position-x:30px;color:#165ae3} */

.about_us .power .swiper-slide>div:hover span{ background-color: #165ae3; }


.about_us .power .swiper-slide>div{position:relative;font-size:24px;margin-top: 47px;}
.fix-qw-icon {background:url(../img/about_icon02.png) no-repeat -515px 30px;}
/* .about_us .power .swiper-slide>div::before{content:"";display:block;position:absolute;left:35px;bottom:10%;width:24px;height:2px;background-color:#333} */
.about_us .power .swiper-slide>div span{background:#578bf6;color:#fff;font-size:20px;padding:0 9px;display:inline-block;margin-bottom:36px}
.about_us .culture_bg .container_center.flex{align-items:initial}
.about_us .culture_bg .container_center.flex>div{flex:1;margin-tp:50px}
.about_us .culture_bg .container_center.flex>div p{max-width:200px;margin:0 auto;line-height:1.6;font-size:15px}
.about_us .culture_bg h3{font-size:28px;margin-bottom:5px}
.about_us .culture_bg .img{transition:all .2s;width:90px; height:90px;margin:0 auto 53px;border:solid 1px rgba(255,255,255,.5);border-radius:50%;background:url(../img/about_icon03_01.png) center no-repeat}
.about_us .culture_bg .container_center div:hover .img{ background-color:#306fea; transform: translateY(10px); }
.about_us p{line-height:2}
.about_us .container_center p{line-height:1.5}
.about_us .container_center .category1-content{line-height:1.7}
@media screen and (max-width: 1300px) {
  .about_us .container_center .mr80{margin-right: 20px;}
}
.about_us .year img{object-fit:fill;height:392px;width:100%;display:block;margin:0 auto 40px}
.about_us .year .swiper-slide{display:flex;justify-content:center}
.about_us .year .swiper-slide>div:before{content:"";display:block;position:absolute;left:0;right:0;bottom:136px;border-top:solid 1px #e6e6e6}
.about_us .year .swiper-slide>div{border:solid 1px #e6e6e6;padding:15px; margin:0 6px; position:relative}
.about_us .year .swiper-slide>div>div{font-size:24px;font-weight:700;margin-bottom:30px}
.about_us .year .swiper-slide>div>.cultureDown{all: unset !important; display: flex !important; justify-content: space-between !important;}
.about_us .year .swiper-slide>div>.cultureDown a{font-size: 16px;}
.about_us .year .swiper-slide span{color:#666;font-size:16px;display: inline-block;min-height: 18px;min-width: 20px;}
.about_us .year a{color:#165ae3;display: inline-block;min-height: 20px;min-width: 20px;}
.about_us .year_swiper_box{border-bottom:solid 1px #ccc}
.about_us .year_swiper_box [class*=button-]{position:absolute;top:38px;right:0;z-index:3}
.about_us .year_swiper_box .button-prev{left:0;right:auto}
.about_us .year_swiper_box .year_swiper{padding-right:35px}
/* .about_us .year_swiper_box [class*=button-].swiper-button-disabled{ background: #f0f0f0; color: #ccc; border-color: #ccc; } */
.about_us .year_swiper_box .year_swiper .swiper-slide-active{font-weight:700;font-size:36px;color:#165ae3;position: relative;}

.about_us .year_swiper_box .year_swiper .swiper-slide{
  width:173px;line-height:60px;position:relative;user-select:none; text-align: center; cursor:pointer;
}
.about_us .year_swiper_box .year_swiper .swiper-slide:after{content:"";display:block;position:absolute;bottom:0;left:50%;transform: translateX(-50%); height:10px;border-right:solid 1px #ccc }
.about_us .year_swiper_box .year_swiper .swiper-slide-active::before{
  content: "";
  position: absolute;
  width: 52px;
  height: 3px;
  background-color: #165ae3;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.about_us .year_swiper_box .year_swiper .swiper-slide-active:after{border-right: 2px solid #165ae3;}
.about_us .year_content li{color:#165ae3;font-size:18px;font-weight:700;margin:20px 0 0px;position:relative}
.about_us .year_content li:after{content:"";display:block;position:absolute;left:-30px;top:10px;height:5px;width:18px;background-color:#165ae3;border-radius:10px}
.about_us .year_content ul{color:#555;padding-left:38px;max-width:95%}
.about_us .year_content #event{align-items: unset !important;}
.product_body .part_scene_h5>div{ font-size: 13px; }
.product_body .part_scene_h5>div+div{   border-top: solid 1px #dbdbdb; padding-top: 20px; }

.product_body .part_scene_h5 img{ max-height: 45vw; border-radius: 4px; }
.product_body .flex4{flex:5.5}
.product_body .flex4 img,.product_body .flex4 video{max-height:450px}
.product_body .flex4 .iconfont.absolute{border-radius:50%;height:66px;width:66px;line-height:66px;left:50%;top:50%;margin-top:-33px;margin-left:-33px;font-size:36px}
.product_body .flex4 .iconfont.absolute:hover{height:70px;width:70px;line-height:70px;margin-top:-35px;margin-left:-35px}
.product_body .flex5 .size24:after{width:47px;background-color:#175ae4;height:6px}
.product_body .part01{background-color:#f7f9fc;padding-bottom:4vw}
.product_body .part01 .BGwhite{height:385px;border-radius:10px;margin-bottom:5px}
.product_body .part01 .img_four img{width:23.5%;height:166px;border-radius:10px}
.product_body .part01 h3{font-size:24px;margin:20px auto 18px;max-width: 75%;}
.product_body .part01 p{margin:0 10%;font-size:14px}

.product_body .part01 .container_center.flex{  }
.product_body .between.flex .width50{width:48%}
.product_body .between.flex .width33{ width:auto; flex:1; margin:0 1% 1%; min-width: 31%; align-items: flex-start;transition: all .3s; cursor:pointer !important; }

.product_body .between.flex .width20{width:19%}
.product_body .between.flex .width25{width:24%}
.product_body .part02 img{max-width:100%;display:block;margin:0 auto 3vw}
.product_body .part03-1 .swiper-container{padding-bottom:60px}
.product_body .part03-1 .swiper-pagination{bottom:10px}
.product_body .part03-1 .BGwhite{height:180px;border:solid 1px #fff}
.product_body .part03-1 .BGwhite:hover{border-color:#abc6fa;color:#165ae3}
.product_body .part03-1 .BGwhite img{ margin:0 25px 0 30px }
.product_body .part03-1 .BGwhite h3{ font-size:24px;margin-bottom:20px }
.product_body .part3 .BGwhite{ padding:50px 50px 30px;margin-bottom:20px;align-items:flex-start }
.product_body .part3 .BGwhite:hover{color:#165ae3}
.product_body .part3 .BGwhite img{ margin-right:20px;margin-bottom:10px }
.product_body .part3 .BGwhite h3{ font-size:24px;margin-bottom:10px }
.product_body .part03{background-color:#ebeffa}

.case_body .header.headerBg .nav-left .nav > li:active .item{color:#165ae3!important}

.product_body .part03 a.w25{

  margin-left:2%;width:23%;margin-bottom:26px;height:130px;border-radius:8px;

  box-shadow:0 0 24px 0 rgba(137,164,205,.15);border:solid 1px #fff;background:#fff;transition:all .3s;

  overflow: hidden; padding:8px;

}

.product_body .part03 a.w25 img{ height:100%; width:100%; object-fit: contain; }
.product_body .part03 .morecase{background:#e5eeff;border-radius:5px;display:inline-block;min-width:208px;text-align:center;line-height:46px;color:#165ae3;transition:all .3s;}
.product_body .part03 .morecase .iconfont{float:right;background:#165ae3;color:#fff;padding:0 14px;font-size:20px}
.product_body .part03 .morecase:hover{cursor:pointer;border:solid 1px rgba(22,90,227,.4);filter: brightness(110%); }
.product_body .port04{align-items:flex-start}
.product_body .port04 a:hover{color:#165ae3}
.product_body .port04 .width50{margin-bottom:10px;border:solid 1px #e1e1e1;line-height:79px}
.product_body .port04 .width50 li{min-width:10px}
.product_body .port04 .width50 .width20,.product_body .port04 .width50 .width25,.product_body .port04 .width50 .width30{text-align:center}
.product_body .port04 .width50 .width60,.product_body .port04 .width50 .width70,.product_body .port04 .width50 .width80{padding-left:2vw;text-indent:20px}
.product_body .port04 .width50 .width60>*,.product_body .port04 .width50 .width70>*,.product_body .port04 .width50 .width80>*{text-indent:0}
.product_body .port04 .width50 .width60 .iconfont,.product_body .port04 .width50 .width70 .iconfont,.product_body .port04 .width50 .width80 .iconfont{background-color:#165ae3;color:#fff;display:inline-block;line-height:1.6;padding:0 3px;border-radius:5px;margin-right:8px }
.product_body .port04 .width50 ul:hover li{color:#165ae3;}
.product_body .port04 .width50 ul:hover a{color:#165ae3 }
.product_body .port04 .width50 ul{overflow:hidden;height:80px}
.product_body .port04 .width50:first-child ul:nth-child(even){background-color:#f7f9fc}
.product_body .port04 .width50 ul+ul{border-top:solid 1px #e6e6e6;color:#333}
.product_body .small_pagination .on{min-width:30px}
.product_body .port05:hover .width33:nth-child(2),.product_body .port05:hover .width33:nth-child(2) *{background-color:#fff;border-color:#333;color:#333}
.product_body .port05 .width33{position:relative;margin-bottom:10px;padding:24px 20px 0 40px;transition:all .2s;height:126px;background-color:#fff;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:10px}
.product_body .port05 .width33:after{content:"MEICHUANG";display:block;position:absolute;right:18px;bottom:12px;font-weight:700;color:#c8dce8;opacity:.2}
.product_body .port05 .width33 .iconfont{display:block;width:32px;height:32px;line-height:28px;border:solid 2px #333;border-radius:50px;font-weight:700;margin-top:10px}
.product_body .part06{height:380px}
.product_body .part06 .flex1{min-height:300px;border:solid 1px #e1e1e1;padding:0 20px 20px;transition: background .3s;}
.product_body .part06 .flex1 h3{margin-bottom:18px;font-size:20px}
.product_body .part06 .flex1+.flex1{border-left:0}
.product_body .part06 .flex1 img{margin:80px auto 25px;display:block}
.product_body .part06 .flex1 p{display:none;margin:0 20px}
.product_body .part06 .flex1.on{flex:1.8}
.product_body .part06 .flex1.on p{display:block}
/* .product_body .part06 .flex1.on h3{font-size:24px} */
.product_body .part06 .flex1.on img{margin-top:25px}
.product_body .part06 .flex1:hover{ flex:1.8!important; background: #e3ecff; }
.product_body .part06 .flex{align-items:inherit}
.product_body .part06 .flex:hover .flex1.on{flex:1}
.product_body .part06 .flex:hover .flex1.on p{display:none}
.product_body .part06 .flex:hover .flex1.on h3{font-size:20px}
.product_body .part06 .flex:hover .flex1.on img{margin-top:80px}
.product_body .part07 .flex{align-items:initial}
.product_body .part07 .flex>div{ padding:10px;flex:1;min-width: 25%; }
.product_body .part07 .flex>div img{display:block;margin:80px auto 65px;position:relative;z-index:1}
.product_body .part07 .flex>div .BGwhite{padding:1.4vw 6% 40px;border-radius:10px;box-shadow:0 0 24px 0 rgba(137,164,205,.15);height:100%;position:relative;transition:all .2s}
.product_body .part07 .flex>div .BGwhite:before{content:"";display:block;position:absolute;background-color:#fff;height:170px;width:170px;top:55px;left:50%;border-radius:50%;margin-left:-85px}
.product_body .part07 .flex>div h3{font-size:24px;margin-bottom:5px;margin-top:8px;height: 72px;}
.product_body .part07 .flex>div p{text-align:left;margin-bottom:10px}
.product_body .part08{align-items:inherit;}
.product_body .part08 dl{ min-width:19%;margin:0.5%;flex:1;padding:36px;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:10px}
.product_body .part08 dl:hover{background-color:#e5ecfa}
.product_body .part08 dt{font-size:24px;color:#165ae3}
.product_body .part08 dt:after{content:"";display:block;margin:15px auto 20px;border-radius:2px;width:20px;height:4px;background-color:#165ae3}
.product_body .part08-1{line-height:2}
.product_body .part08-1 dl{width:24%;padding:30px 36px}
.product_body .part08-1 dt{text-align:center;line-height:1.5}
.product_body .part09{background:#e8e9eb}
.product_body .part09 img{min-height:200px;width: 100%;}
.product_body .part10.header_bg{min-height:530px}
.product_body .part10 dd{padding:0 1.5%;cursor:pointer;min-width:18%;max-width:30.3%;height:60px}
.product_body .part10 dd:hover{color:#165ae3}
.product_body .part10 dd.on{color:#165ae3;position:relative}
.product_body .part10 dd.on:after{content:"";border-radius:2px;display:block;position:absolute;height:4px;background-color:#165ae3;width:110px;max-width:80%;left:0;right:0;margin:0 auto;bottom:5px}
.product_body .part10.center{justify-content:center}
.product_body .part10-swiper ul.tips li{background-color:#f0f6ff;border-radius:4px;line-height:30px;margin-right:10px;padding:0 14px;margin-bottom:5px}
.product_body .part11{ align-items: inherit; }
.product_body .part11 dd{justify-content:center;flex:1;margin:0 1% 12px;background-color:#f7f9fc;border-radius:10px;min-height:200px;padding:10px; }
.product_body .part11 dd p:after{content:"";display:block;width:20px;border-radius:2px;height:4px;margin:20px auto;background-color:#165ae3}


.product_body .part12{background:#262e3a center no-repeat;min-height:600px }
.product_body .part12 p{line-height:2.4}
.product_body .part12 .iconfont.absolute{margin:2px;line-height:40px;height:42px;width:42px;border-radius:50%;border:solid 2px #fff;text-align:center;color:#fff;top:49%}
.product_body .part12 .iconfont.absolute:hover{border-color:#165ae3;background-color:#165ae3;color:#fff;cursor:pointer }
.product_body .part12 .swiper-slide{width:86%}
.product_body .part12 .swiper-slide-next,.product_body .part12 .swiper-slide-prev{opacity:.3!important }
.product_body .part13 li{ padding-left:90px;min-height:160px;cursor: default;transition: all .3s; }
.product_body .part13 h3{ font-size:26px;color:#333 }
.product_body .part13 h2{left:20px;font-size:45px;font-style:italic;color:#165ae3}
.product_body .part13 h2:before{border-radius:50%;mix-blend-mode:multiply;content:"";display:block;width:60px;height:60px;background-image:linear-gradient(-60deg,#f7f9fc 0,#b6ceff 100%),linear-gradient(#d1e0fc,#d1e0fc);position:absolute;top:-20px;left:-20px}

.product_body .part13 li:hover *{color:#165ae3; }
.product_body .part14 li{ padding:10px; overflow: hidden; }
.product_body .part14 li img{ height:380px; width:100%; display:block;transition: all .8s;max-height: 50vw; }
.product_body .part14 li:hover img{ transform: scale(1.1); }
.product_body .part14 li .absolute{background-color:rgba(50,50,50,.5);justify-content:center;color:#fff;border:solid 10px #fff; z-index: 2;cursor: default;padding:0 10px; }
.product_body .part15{min-height:670px;background:#0927d6 center no-repeat;margin-top:20px; }
.product_body .part15 li{position:relative;padding-top:50px}
.product_body .part15 li h3{font-size:25px;margin-bottom:8px}
.product_body .part15 li img{display:block;margin:0 auto 80px}
.product_body .part15 li:before{content:"";position:absolute;border:#fff 1px dashed;border-radius:50%;top:0;left:0;right:0;width:122px;height:122px;margin:20px auto}
.product_body .part16 li{padding:20px;overflow:hidden}
.product_body .part16 img{display:block;width:100%;height:380px;border-radius:10px 10px 0 0}
.product_body .part16 .part03{padding:35px;border-radius:0 0 10px 10px}
.product_body .part16 h3{font-size:24px;margin-bottom:20px}
.product_body .part16 p{margin-bottom:35px;color:#666;font-size:16px}
.product_body .part00{margin-top:50px;color:#333;background:#eef2fa left center no-repeat;background-size:100% 100%;}
.product_body .part00 .part03{background:0 0;text-align:right}
.product_body .part00>*{min-height:22vw}
.product_body .part17{align-items:initial}
.product_body .part17 dl{width:32%;border-radius:10px;background-color:#f7f9fc;position:relative;padding-bottom:70px}
.product_body .part17 dl dt{background-color:#165ae3;color:#fff;border-radius:10px;font-size:24px;position:relative}
.product_body .part17 dl dt::after{content:"";display:block;position:absolute;right:6%;top:49%;width:6%;height:5px;background-color:#fff;border-radius:5px}
.product_body .part17 dl dd{line-height:1.8}
.product_body .part17 dl dd,.product_body .part17 dl dt{padding:25px 30px}
.product_body .part17 dl img{position:absolute;margin:15px 20px;bottom:0;right:0;mix-blend-mode:multiply}
.product_body .part18{align-items:initial}
.product_body .part18 dd{width:49%;background-color:#fff;padding:60px 40px 40px;margin-bottom:60px;position:relative;cursor:default}
.product_body .part18 dd img{position:absolute;background-color:#165ae3;left:40px;top:-28px;padding:14px;border-radius:8px}
.product_body .part18 dd h3{font-size:28px;margin-bottom:10px }

.product_body .part18 dd:hover *{ color:#165ae3 }
.product_body .part19 .iconfont.absolute{margin:2px;line-height:40px;height:42px;width:42px;border-radius:50%;border:solid 2px #999;text-align:center;color:gray;top:49%}
.product_body .part19 .iconfont.absolute:hover{border-color:#165ae3;background-color:#165ae3;color:#fff;cursor:pointer}
.product_body .part19 .swiper-slide{width:80%;min-height:390px;margin:20px;padding:1.2vw 2.5vw;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:10px}
.product_body .part19 .swiper-slide-next *,.product_body .part19 .swiper-slide-prev *{color:#ccc!important}
.product_body .part19 .tips>*{line-height:30px;padding:0 18px;display:inline-block;background-color:#f0f6ff;border-radius:4px;margin:2px;color:#165ae3}
.product_body .part19 .tips>:hover{color:#fff;background-color:#165ae3;cursor:default}
.product_body .part20{align-items:initial}
.product_body .part20 li{
  background-color: #f7f9fc;
  min-width: 30%;
  border-radius: 10px;
  padding: 70px 0;
  position: relative;
  flex: 1;
  margin: 0 0.9% 1%;
}
.product_body .part20 li p{margin:40px 10px 0;padding:0 1.2vw}
.product_body .part20 .onlyone {
  width: 100%;
  margin-bottom: 15px;
  padding: 70px 0;
}
.onlytwo-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.product_body .part20 .onlytwo {
  width: 49%;
  margin-bottom: 15px;
  padding: 70px 0;
}
.product_body .part20 li img{display:block;margin:10px auto 60px;position:relative;z-index:1}
.product_body .part20 li h3{font-size:24px}
.product_body .part20 li :before{content:"";display:block;background:#fff;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:50px;position:absolute;left:0;right:0;top:54px;width:90px;height:90px;margin:auto}
.product_body .part21 dl{align-items:initial;font-size:19px}
.product_body .part21 dd{width:48%;box-sizing:border-box;border-radius:10px;background-color:#fff;padding:35px 25px;margin-bottom:30px}
.product_body .part21 dd:hover{background-color:#165ae3;color:#fff}
.product_body .part21 dd b.absolute{font-size:55px;mix-blend-mode:multiply;color:#1c5bdb;opacity:.1;right:5%;bottom:10%}
.product_body .part22{line-height:2.2}
.product_body .part23 .flex>div p{text-align:center;margin:0 18px 10px; padding-right:3px; max-height:130px;overflow-y: auto; }

.product_body .part23 .flex>div p::-webkit-scrollbar{ width:6px;background-color:transparent; }
.product_body .part23 .flex>div p::-webkit-scrollbar-track{ border-radius:10px; background-color:transparent }
.product_body .part23 .flex>div p::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(180,180,180,.3) }
.product_body .part23 .flex>div img{margin-top:55.5px}
.product_body .swiper-pagination-bullet-active{background-color:#fdd000;width:40px;border-radius:10px}
.product_body .swiper-pagination-bullet{height:10px;min-width:10px;margin:0 6px!important}
.product_body .part24{align-items:initial;min-height:320px;}

.product_body .part24 li{margin-top:20px;transition:all .3s;min-height:290px;box-shadow:0 0 24px 0 rgba(137,164,205,.15);
border-bottom:solid 4px #fff;margin:8px; min-width:23%;border-radius: 0; font-size: 14px; border-radius:0; }
.product_body .part24 li.width25,.product_body .part26 li.width25{ min-width:22%; }
.product_body .part24 li .size24{ font-size:22px; }
.product_body .part24 li.width25 .size24{ font-size:21px; }


.product_body .part24 li p{ padding:0 15px; }
.product_body .part24 li .img{margin:0 auto 30px;background-image:radial-gradient(#165ae3 35px,transparent 36px);height:72px;line-height:72px;width:72px}
.product_body .part25 p{padding:0 12%}
.product_body .part26{ font-size: 15px; color: #666;  }
.product_body .part26 li{
  transition:all .2s;flex:1;justify-content:center;min-height:280px;margin: 0 0.9% 1%; padding:40px 5px 10px;align-items: initial;
  min-width:30%;border-radius: 4px;
}

.product_body .part26 li img{margin-bottom:38px;max-height: 15vw;min-height: 90px; transform: scale(.8);}
.product_body .part27{min-height:460px;width:1450px;max-width:90vw}
.product_body .part27 dl{width:37%;border-bottom:solid 1px #e6e6e6;padding:24px 0}
.product_body .part27 dl.on,.product_body .part27 dl:hover{color:#165ae3;border-bottom-color:#497ce3}
.product_body .part27 dl.on dd,.product_body .part27 dl:hover dd{display:block}
.product_body .part27 dd{left:42%;display:none}
.product_body .part27 dd img{height:100%;width:100%}
.product_body .part27 h3{font-size:23px;margin-bottom:10px}
.product_body .part27 ul.absolute{padding:15px 15px;left:42%;user-select:none}
.product_body .part27 li{padding:0 10px}
.product_body .part27 li:hover{color:#165ae3;cursor:pointer}
.product_body .part27 li.bold{font-size:24px;color:#165ae3}
.product_body .part28{align-items:initial}
.product_body .part28 h3{margin-bottom:10px}
.product_body .part28 li{position:relative;border-bottom:solid 6px transparent;transition:all .2s;width:49%;margin-bottom:20px;min-height:120px;padding:0 50px}
.product_body .part28 li p{ max-width: 95% }
.product_body .part28 li:after{content:"";display:block;width:20px;height:4px;background-color:#165ae3;border-radius:2px;top:45%;right:40px;position:absolute}
.product_body .part28 li:hover *{color:#165ae3}
.product_body .part28 li>div{width:100%}
.product_body .part29 li{ flex:1;min-width:32%;margin:0 .6% 40px;}
.product_body .part29 img{display:block;margin:0 auto 40px;border-radius:9px;width:100%;height:300px}
.product_body .part30{padding:30px 40px;line-height:40px}
.product_body .part31>li.absolute{top:55%;z-index:2;right:-5vw;width:41px;height:41px;line-height:41px;text-align:center;background-image:radial-gradient(transparent 19px,rgba(50,50,50,.2) 20px,transparent 21px);font-size:18px}
.product_body .part31>li.absolute.rotate180{left:-5vw;right:auto}
.product_body .part31>li.absolute:hover{background-image:radial-gradient(#165ae3 20px,transparent 21px);color:#fff;cursor:pointer}
.product_body .part31 .swiper-slide *{transition:all .3s}
.product_body .part31 .swiper-slide img:hover{transform:scale(1.01)}
.product_body .part32 ul.flex{justify-content:center;line-height:60px;position: relative;overflow: hidden;}

.product_body .part32 ul.flex li{cursor:pointer;margin:0 30px;position:relative}
.product_body .part32 ul.flex li:hover{color:#165ae3}
.product_body .part32 ul.flex li.Con:after{content:"";display:block;position:absolute;bottom:-1px;left:5%;right:5px;border-top:solid 3px #165ae3}
.product_body .part32 dd{padding:50px;min-height:320px}
.product_body .part32 .tips{line-height:30px;margin-top:30px}
.product_body .part32 .tips span{background-color:#f0f6ff;border-radius:4px;display:inline-block;padding:0 10px;margin-right:4px;color:#165ae3;cursor: default; margin-bottom:8px; }
.product_body .part32 .tips span:hover{background-color:#165ae3;color:#fff}
.white_shadow{box-shadow:0 0 24px 0 rgba(137,164,205,.15)}
@media screen and (min-width:1000px){
  .product_body .part32 ul.flex:after{
    content:""; display: block; position: absolute; bottom:0;left:50%; width:1300px; margin-left: -650px; border-bottom: solid 1px rgba(0,0,0,.1);
  }
  .product_body .part28 li:hover{border-color:rgb(240, 246, 255);transform:translateY(-10px)}

  .product_body .part26 li:hover{background-color:rgb(240, 246, 255);transform:translateY(-10px)}

  .product_body .part29 li:hover{color:#165ae3;}
  .product_body .part29 li:hover .userprice-text{transform: translate(-50%,-50%) scale(1.5);font-weight: bold;}
  .product_body .port05 .width33:hover,.product_body .port05 .width33:hover *{

    background-color:#165ae3!important;border-color:#fff!important;color:#fff!important

  }

  body .header_bg~.menu_bar>a:hover{color:#165ae3}
  .product_body .port05 .width33:hover{transform:translateY(-10px)}

  .product_body .between.flex .width33:hover{ color:#175ae4; background: #d1e0ff;transform: translateY(-10px); }

  body .header_bg~.menu_bar>a.on{ animation: shakeInBit .3s; }

  body .header_bg~.menu_bar>a:first-child{ animation: none; }

  /* .right-slide .item */
}
@media screen and (max-width:1000px){

  .product_body .part13 h3,.product_body .part15 li h3{ font-size:18px }

  .product_body .part13 li{ padding-left: 80px } .product_body .part15 li img{ margin-bottom: 50px; }

  .product_body .part13 h2,.product_body .part15 li img,.product_body .part15 li:before{ transform: scale(0.86) }

  .product_body .part13 li{ min-height: 110px; }

  .about_us .num_box [class*=flex]::after{display:none}
  .about_us .desc.flex{flex-wrap:wrap;margin-top:8px}
  .about_us .desc.flex .flex4,.about_us .desc.flex .flex5{min-width:100%}
  .product_body .part_video{display:block;margin-top:10px}
  .product_body .container_center{max-width:95vw}
  .product_body .part29 li{width:100%;height:60vw;position:relative;margin-bottom:10px;

  display: flex; align-items: center;justify-content: center; line-height: 1.8;padding: 0 10px;

  font-weight:700;color:#fff;font-size:22px;text-shadow:0 0 3px #000;min-width:90%}
  .product_body .part29 li img{position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1}
  .product_body .part21{flex-wrap:wrap;padding:0 15px}
  .product_body .part21 dl{font-size:13px}
  .product_body .part21 img{display:none}
  .product_body .part28 h3{margin:10px 0}
  .product_body .part28 li{padding:14px 20px;margin-bottom:10px;display: block;width:100%; }
  .product_body .part28 li:after{display:none}
  /* .product_body .part32 dd{margin:0 12px} */
  .product_body .part32 ul.flex{border-bottom:none;display:block;font-size:14px;line-height:2.4}
  .product_body .part32 ul.flex li{display:inline-block;border:solid 1px rgba(50,50,50,.2);padding:0 15px;margin:0 6px 8px;border-radius:5px}
  .product_body .part32 ul.flex li:after{display:none!important}
  
  .product_body .part31>li.absolute{display:none}
  .product_body .part31 .swiper-slide{display:block;position: relative;}
  .product_body .part31 .swiper-slide .width50{ width:100%; min-height: 300px;position: relative; z-index: 2;background: linear-gradient(to bottom,white 30px,rgba(255,255,255,.8),transparent);overflow: hidden;padding-top: 28px; }
  .product_body .part31 .swiper-slide img.width50{ z-index: 1;    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0; }
  .product_body .part31 .swiper-slide .width50 .width90{padding:10px 0}
  .product_body .part31 .swiper-slide p{line-height:1.4}

  .product_body .part27 ul{display:none}
  .product_body .part27 h3{font-size:19px}
  .product_body .part27 dl{font-size:14px;padding:10px;width:100%;border:none}
  .product_body .part27 dl dd{position:static;display:block}
  .product_body .part27 dl img{border-radius:0;margin:10px auto 40px}
  .product_body .part26 li{width:98%;margin:0 auto;margin-bottom:10px; flex:none }
  .product_body .part20 li,.product_body .part20 .onlyone,.product_body .part20 .onlytwo{width:90%;margin-left:5%;margin-bottom:15px;padding:40px 0}
  .product_body .part20 li img{margin-top:39px}
  .product_body .part18{display:block}
  .product_body .part18 dd{width:90%;margin-left:5%}
  .product_body .part17{display:block}
  .product_body .part17 dl{width:90%;margin:0 auto 18px}
  .product_body .part00{text-align:center}
  .product_body .part00 .size50{font-size:24px}
  .product_body .part00 .size60{font-size:28px}
  .product_body .part00 .flex.between{display:block}
  .product_body .part00 .part03{text-align:center;margin-top:50px}
  .product_body .part16 li.width50{width:100%}
  .product_body .part16 li.width50 img{height:auto}
  .product_body .part15{padding:50px 0 0;background-size:cover}
  .product_body .part15 li{margin-bottom:25px;width:49%}
  .product_body .part13 .width45{width:90%;margin-bottom:30px}
  .product_body .part12 dd,.product_body .part12 dt{width:100%;padding:5px}
  .product_body .part12 .iconfont.absolute{display:none}
  .product_body .part11 dd.flex{

    min-width: 40%;margin-bottom:10px;font-size:14px;min-height:144px;

  }
  .product_body .header_bg.part10{height:auto;max-height:initial;padding:20px}
  .product_body .part08 dl{min-width:49%;padding:15px;margin-bottom:5px}
  .product_body .part07 .flex>div{ min-width:99%;margin-bottom:10px}

  .product_body .part06{height:auto}
  .product_body .part06 .flex1{border:1px solid #e5eeff!important;background:#fff;min-width:90%;margin-left:5%;margin-bottom:15px;margin-right:5%;min-height: inherit; }
  .product_body .part06 .flex1 p{display:block}
  .product_body .part06 .flex1 img{margin-top:20px}
  .product_body .port04 .width25.fr{position:relative;right:15px}
  .product_body .part01 .img_four img{width:48%;height:166px;border-radius:10px;margin-bottom:1vw}
  .product_body .img_four img{width:49%;height:166px}
  .product_body .part03 a.w25{width:48%;height:90px;margin-bottom: 2%; }
  .product_body .between.flex>.width33,.product_body .between.flex>.width50{min-width:96%;margin-left:2%}
  .product_body .between.flex>.width20,.product_body .between.flex>.width25{width:49%}
}
.small_pagination a{display:inline-block;width:10px;height:10px;box-shadow:inset #ccc 0 0 0 10px;border-radius:30px;transition:all .2s;border:solid 6px transparent;box-sizing:initial}
.small_pagination a:hover{width:35px;cursor:pointer}
.small_pagination a.on{box-shadow:inset #fdd000 0 0 0 10px}
.join_us .part01{transition:all .3s;margin-bottom:20px}
.join_us .part01 dd,.join_us .part01 dt{padding:30px;border:solid 1px rgba(50,50,50,.1)}
.join_us .part01 dt{padding:30px;background-color:#f0f0f0}
.join_us .part01 dt span{display:inline-block;line-height:1;margin-right:26px}
.join_us .part01 dt .C999 span{padding-left:26px;border-left:solid 1px #ccc;margin:0 0 0 26px}
.join_us .part01 dd{display:none}
.join_us .part01 dd p{margin:18px 0 20px;line-height:2}
.join_us .part01 dd .btn{width:146px;height:46px;line-height:46px}
.join_us .part01>div.absolute{line-height:122px;height:122px;width:122px;border-left:solid 1px rgba(50,50,50,.2);right:0;top:0;text-align:center;cursor:pointer}
.join_us .part01>div.absolute .iconfont{font-size:20px;display:inline-block;height:34px;width:34px;line-height:32px;border:solid 2px #b4b4b4;border-radius:50%}
.join_us .part01:hover dt,.join_us .part01:hover>.absolute{background-color:#165ae3}
.join_us .part01:hover dt *,.join_us .part01:hover>.absolute *{color:#fff;border-color:#fff!important}
.join_us .part01.on dd{display:block}
.join_us .part01.on dt{background-color:#165ae3}
.join_us .part01.on dt *{color:#fff;border-color:#fff}
.join_us .part01.on>div.absolute .iconfont{color:#fff;border-color:#fff}
.company_body .part01 dt{width:120px;height:120px;line-height:120px;background-color:#fff;border:solid 1px #e6e6e6;margin:0 auto;border-radius:100px;margin-bottom:30px}
.company_body .part02 ul{border:solid 1px #165ae3;width:280px;max-width:80vw;line-height:50px}

.company_body .part02 ul li{color:#165ae3;flex:1}
.company_body .part02 ul li:hover{background:#e6ebf7}
.company_body .part02 ul li.on{background-color:#165ae3;color:#fff}
.company_body .part02 .address{min-height:140px;line-height:2.9;max-width: 90%;}
.company_body .part02 .address p{padding-left:45px;position:relative;background:url(../img/company_5.png) left 1px no-repeat;line-height: 1.5; margin-bottom:12px; }
.company_body .part02 .address p:nth-child(2){background-position-y:-42px}
.company_body .part02 .address p:nth-child(3){background-position-y:-82px}
.company_body .part02 .address p:nth-child(4){background-position-y:-120px}
.company_body .part03 select::-ms-expand{display:none}
.company_body .part03 select{background:rgba(3,47,108,.57) url(../img/69.png) no-repeat 95% center}
.company_body .part03 li,.company_body .part03 select{-webkit-appearance:none;-moz-appearance:none;text-indent:20px;height:42px;min-width:15vw;max-width:40vw;width:420px;background-color:#fff;border-radius:21px;border:solid 1px #165ae3}
.company_body .part03 li{padding:0 4px 0 20px;margin-left:10px}
.company_body .part03 li input{width:345px;max-width:85%;height:42px;border:none 0}
.company_body .part03 li .iconfont{border-radius:20px;color:#fff;width:34px;height:34px;line-height:34px;background-color:#165ae3;text-indent:0}
.company_body .part04 dl{background-color:#f0f6ff;margin-bottom:20px;width:49%;border-radius:5px;padding:10px 20px}
.company_body .part04 dl dt{border-bottom:solid 1px #e6e6e6;line-height:2.4}
.company_body .part04 dl dt:after{content:"-";color:transparent }
.company_body .part04 dl dd{padding:20px 0 20px 0px}
.company_body .part04 dl dd .img{position:absolute;left:0;top:0;bottom:0;margin:auto;background:#165ae3;width:61px;line-height:61px;height:61px;border-radius:30px;display: none;}
@media screen and (max-width:1000px){.company_body .part03{display:block;text-align:center}
.company_body .part03 li,.company_body .part03 select{min-width:90vw;margin:20px 0 10px 4vw}
.company_body .part04 dl{width:98%;margin-left:1%}
.company_body .part01{align-items:flex-start}
.company_body .part01 dl{width:40%;margin-bottom:40px}
.company_body .part01 dt{width:100px;height:100px;line-height:100px}
.company_body .part02{display:block}
.company_body .part02>div{width:100%;padding:10px}
.company_body .part02>div dd>p{text-align:center}
.company_body ul{margin:0 auto 30px}
.company_body #map{max-height:90vw}
.join_us .part01>div.absolute{border-left:0;height:auto;line-height:1;top:90px;width:80px}
.join_us .part01 dd,.join_us .part01 dt{padding:18px}
.join_us .part01 dt .C999 span{border-left:0;padding-left:0;margin:0 18px 0 0}
.join_us .part01 dd p{line-height:1.7}
}
.product08_body .part01{align-items:initial;padding:0 30px}
.product08_body .part01 dl{position:relative;margin-bottom:120px;width:33%;padding:20px 10px; }
.product08_body .part01 .absolute.num{right:15%;top:20%;font-size:210px;font-weight:700;color:rgba(10,10,10,.3);transform:scaleX(.8);opacity:.1;letter-spacing:-1px;font-family:arial;user-select: none;}
.product08_body .part01 dl:after{content:"";display:block;position:absolute;left:-11%;top:10%;height:80%;border-right:solid 1px #e6e6e6}
.product08_body .part01 dl:before{content:"";display:block;position:absolute;left:0;top:-25%;width:70%;border-bottom:solid 1px #e6e6e6}
.product08_body .part01 dl:hover{

      box-shadow: -10px 0 0 #f0f0f0;

      background: #f0f0f0;

}
.product08_body .part01 h3:after{content:"";display:block;width:32px;height:8px;background-color:#e6e6e6;border-radius:4px;margin-top:28px}
.product08_body .part01 img{display:block;margin-bottom:10px}
.product08_body .part01 .img{background:url(../img/icon02.png) left top no-repeat;background-size:660%;margin-bottom:10px;height:50px;width:50px}
.product08_body .part01 .img.i02{background-position:-140px top}
.product08_body .part01 .img.i03{background-position:-288px top}
.product08_body .part01 .img.i04{background-position:left -100px}
.product08_body .part01 .img.i05{background-position:-140px -100px}
.product08_body .part01 .img.i06{background-position:-288px -100px}
.more_btn{display:inline-block;cursor:pointer;min-width:184px;color:#165ae3;text-align:center;line-height:46px;text-indent:-50px;height:46px;overflow:hidden;background-color:#e5eeff;;border-radius:4px;position: relative;}
.more_btn+.more_btn{margin-left: 9px;}
.more_btn *{text-indent:0}
.more_btn .iconfont{width:50px;position:absolute;top:0;right:0;text-align:center;display:block;background:#165ae3;color:#fff;font-size:20px}

.more_btn:hover{ background-color: white; }
@media screen and (max-width:1000px){.product08_body .part01 dl{width:100%}
.product08_body .part01 dl{width:95%;margin-left:4%}
.training_past_body dl{width:100%!important}
.training_past_body .mb40{margin-bottom:20px}
.training_past_body .part00 .btn{display:none}
}
.training_past_body .btn{min-width:120px;line-height:46px}
.training_past_body .part00{padding:10px;color:#333}
.training_past_body .part01{align-items:initial}
.training_past_body .part01 dl{padding:10px;width:33.33%}
.training_past_body .part01 dd{transition:all .2s;border:solid 1px rgba(50,50,50,.1)}
.training_past_body .part01 dd .iconfont{font-size:150%}
.training_past_body .part01 dd ul{padding:15px}
.training_past_body .part01 dd ul+ul{border-top:solid 1px rgba(50,50,50,.1)}
.training_past_body .part01 dd:hover{background:#165ae3;color:#fff}
.training_past_body .part01 dd:hover *{color:#fff}
.training_past_body .part01 dd:hover ul+ul{border-color:rgba(255,255,255,.2)}
.training_detail_body .container_center.center{border-bottom:solid 1px #e1e1e1;padding-bottom:40px;margin-bottom:10px}
.training_detail_body .container_center.center p span{margin:0 5px}
.training_detail_body .container_center.center .line{opacity:.5}
.training_detail_body .content{min-height:30vh;padding-bottom:40px;border-bottom:solid 1px #f0f0f0;padding:2vw 4vw}
.training_detail_body .btn{max-width:120px;line-height:46px;height:46px;background-color:#165ae3;border-radius:23px}
.training_detail_body .page .ellipsis{display:inline-block;max-width:26vw}
.training_detail_body .page .iconfont{width:60px;max-width:9vw;line-height:60px;height:60px;font-size:24px;border-radius:4px;opacity:.5;border:solid 1px #ccc}
.training_detail_body .page li:hover{color:#165ae3}
.training_detail_body .page li:hover .iconfont{background-color:#165ae3;color:#fff;border-color:#fff;opacity:1}
.marker_box{min-width:300px;position:relative;box-shadow:-2px 4px 40px rgba(5,5,5,.2);right:50px;bottom:150px;border-radius:10px;color:#fff}
.marker_content{padding:20px 14px;position:relative;z-index:2;background:#165ae3;border-radius:10px;z-index:2}
.marker_box .marker_cover{display:block;height:60px;width:50px;background:#165ae3;z-index:1;box-shadow:0 2px 30px rgba(5,5,5,.2);position:absolute;bottom:0;left:10px;transform:skewY(-50deg) rotate(15deg);border-radius:0 50px 0 0}
.service_body .part01 li{width:32%;min-height:280px;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:8px;border:solid 1px #fff}
.service_body .part01 li img{display:block;margin:14% auto 20px}
.service_body .part01 li p{margin:0 auto 0;line-height:2;max-width:327px;}
.service_body .part01 li:hover{border-color:#165ae3;transform:translateY(-10px)}
.service_body .part02 dd{align-items:initial;line-height:2}
.service_body .part02 b{display:block;line-height:90px}
.service_body .part02 ul{border:solid 1px #b8d0f3;margin-bottom:40px;border-radius:8px}
.service_body .part02 b+li{border-top:solid 1px #b8d0f3;padding:24px 0;word-break:break-all}
.service_body .part03 dd,.service_body .part03 dt{padding:40px;transition:all .2s;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:8px}
.service_body .part03 dt.on,.service_body .part03 dt:hover{ color:#306fea;background-color:#f0f6ff; border:solid 1px #b8d0ff; }
.service_body .part03 dt.on:after,.service_body .part03 dt:hover:after{ background-color:#306fea; }
.service_body .part03 dt.on p,.service_body .part03 dt:hover p{background-image:url(../img/service-6.png)}
.service_body .part03 dt:hover{transform:translateY(-10px)}
.service_body .part03 dt{width:23%;margin-bottom:30px;min-height:180px;font-size:24px}
.service_body .part03 dt p{margin-bottom:20px;font-weight:700;background:center url(../img/service-5.png) no-repeat}
.service_body .part03 dt:after{content:"";display:block;margin:40px auto 0;width:40px;height:4px;background-color:#165ae3}
.service_body .part03 dd{align-items:initial;text-align:left;color: #306fea;
  background-color: #f0f6ff;
  border: solid 1px #b8d0ff;}
.service_body .part03 dd li{max-width:33%}
.service_body .part03 dd b{font-size:24px}
.service_body .part03 dd p{line-height:2;margin-top:14px}
.service_body .part04 .width50{min-height:470px}
.service_body .part04 dd{display:flex;align-items:center}
.service_body .part04{border-top: solid 1px #dae6ff; color:#444; }
.service_body .part05{align-items:initial;min-height:500px}
.service_body .part05 .width40{padding-right:60px}
.service_body .part05 dl{line-height:2.2}
.service_body .part05 dl dt{width:60px;border-right:solid 1px #dbdbdb;font-weight:700;font-size:24px;display:block;padding-bottom:53px}
.service_body .part05 dl dt:hover{color:#165ae3;cursor:default}
.service_body .part05 dl dd{position:absolute;left:110px;top:0;display:none;align-items:initial}
.service_body .part05 dl dd>div{width:35%;padding-right:40px}
.service_body .part05 dl dd img{width:65%;height:500px}
.service_body .part05 dl.on dt{color:#165ae3;position:relative}
.service_body .part05 dl.on dt:after{position:absolute;content:"";display:block;top:0;right:-3px;height:50px;width:3px;background:#165ae3}
.service_body .part05 dl.on dd{display:flex}
.service_body .part05 ul.absolute{width:45%;padding:20px 35px;z-index:1}
.service_body .part05 ul.absolute .process{height:1px;width:150px;background-color:rgba(255,255,255,.1);margin:0 10px}
.service_body .part05 ul.absolute .process div{height:1px;background-color:#fff;transition:width .1s}
.service_body .part05 ul.absolute .iconfont{cursor:pointer}
.service_body .part06{align-items:initial}
.service_body .part06 img{height:120px;width:100%}
.service_body .part06 p{ padding:0 10px 12px;opacity:.8; word-break: break-word; }
.service_body .part06 h3{padding:15px 0 16px}
@media screen and (max-width:1000px){

  .service_body .part01 li p{ max-width:70vw; }

  .service_body .mt100{margin-top:50px}

  .service_body .mb100{margin-bottom:50px}

  .service_body .part04{display:block}
  .service_body .part04 .width50{width:100%;min-height:80vw}
  .service_body .part03 dt{width:48.5%;font-size:20px;padding:30px;min-height:150px}
  .service_body .part03 dd>li{max-width:100%;width:100%;margin-bottom:40px}
  .service_body .part03 dt:after{display:none}
  .service_body .part01 li{width:90%;margin:12px 5%}
  .service_body .part02 .width30{width:98%}
  .service_body .part02 dd{padding:0 10px}
  .service_body .part02 b+li{font-size:14px}
}
.body_404{background:#f1f7fe}
.body_404 .center{min-height:60vh;line-height:60vh;padding-top:100px}
.theme_body{background:url(../picture/bg28.png) center top no-repeat;background-size:100% auto}
.theme_body .header_bg{padding-top:150px}
.theme_body .header_bg .btn_box a{background-color:rgba(22,90,227,.07)}
/* .theme_body .part_a{position:relative;min-height:220px;background-image:linear-gradient(-35deg,#165ae3 30%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.03) 80%,rgba(255,255,255,0) 80%)} */
.theme_body .part_a{position:relative;min-height:220px;}
.theme_body .part_a>div{padding:50px}
.theme_body .part_a dt{background:linear-gradient(to right,#32a0f2,rgba(255,255,255,0));line-height:55px;display:inline-block;padding:0 30px}
.theme_body .part-b{align-items:initial}
.theme_body .part-b dl{margin-bottom:50px;width:48%;border:solid 1px #daeafe;box-shadow:0 0 24px 0 rgba(137,164,205,.15)}
.theme_body .part-b dl dt{color:#165ae3;border-bottom:solid 1px #daeafe;background:#ebf5ff;padding:22px 40px}
.theme_body .part-b dl dt p{display:inline-block;position:relative}
.theme_body .part-b dl dt p:after{content:"";display:inline-block;colo:red;background:rgba(20,102,255,.3);border-radius:5px;position:absolute;bottom:18%;left:0;right:0;height:12px}
.theme_body .part-b dl dt::after{width:20px;content:"";position:absolute;right:30px;top:48%;height:4px;background-color:#165ae3;border-radius:2px}
.theme_body .part-b dl dd{padding:40px 40px 55px;line-height:2}
/* .theme_body .part-b dl:hover{border-color:#165ae3;background:url(../picture/theme10.png) bottom right no-repeat} */
.theme_body .part-b dl:hover{background:url(../picture/theme10.png) bottom right no-repeat}
/* .theme_body .part-b dl:hover dt{color:#fff;background:#165ae3} */
.theme_body .part-b dl:hover dt:after{background-color:#fff}
.theme_body .part-c{background:#253045 center url(../picture/bg29.png);background-size:auto 100%;height:750px}
.theme_body .part-d{align-items:initial}
.theme_body .part-d li{width:32%;border-radius:10px;transition:all .2s;box-shadow:0 0 24px 0 rgba(137,164,205,.15)}
.theme_body .part-d li p{padding:30px 40px 40px}
.theme_body .part-d li:hover{transform:translateY(-20px);background:rgb(240, 246, 255)}
/* .theme_body .part-d li:hover *{color:#fff} */
.theme_body .part-d li:hover h3:after{background:#fff}
.theme_body .part-d li:hover .img{background-image:radial-gradient(#165ae3 56px,#fff 57px,#165ae3 58px,#165ae3 67px,rgba(255,255,255,.5) 68px)}
.theme_body .part-d h3:after{content:"";display:block;margin:20px auto 0;width:20px;height:4px;background-color:#165ae3;border-radius:2px}
.theme_body .part-d .img{width:136px;border-radius:50%;height:135px;line-height:135px;margin:30px auto;text-align:center;background-image:radial-gradient(#165ae3 56px,#d0def9 57px,#d0def9)}
.theme_body .part-e a{color:#165ae3}
.theme_body .part-e ul{align-items:initial}
.theme_body .part-e li{width:32%;margin-bottom:30px}
@media screen and (max-width:1000px){.theme_body .part-f{padding-top:43vw;background:#f8fafc}
.theme_body .part-f img{height:55vw}
.theme_body .part-d li,.theme_body .part-e li{width:100%;margin-bottom:20px}
.theme_body .header_bg .pc_img{display:none}
.theme_body .part-b dl{width:96%;margin-left:2%;margin-bottom:10px}
.theme_body .part-b dl dd,.theme_body .part-b dl dt{padding:20px 30px}
.theme_body .part-c{background-repeat:no-repeat;background-size:135% auto;background-position:center bottom;height:auto;padding-bottom:150px}
}
img.bg{margin-bottom:-100px}
.login_body{background-size:100% 100%;background:linear-gradient(to bottom,#447bea,#165ae3)}
.login_body .container_center.max1200 .btn{line-height:50px;border-radius:4px}
.login_body .container_center.max1200 dl{max-width:500px;padding:40px;position:absolute;}
.login_body .container_center.max1200 dt{border-bottom:solid 1px rgba(50,50,50,.2);line-height:2.6}
.login_body .container_center.max1200 dt:after{content:"";display:block;position:relative;width:45px;height:3px;background-color:#165ae3;border-radius:1px;top:2px}
.login_body .container_center.max1200 .input{background-color:#f2f2f2;border-radius:4px;margin-bottom:10px}
.login_body .container_center.max1200 .input,.login_body .container_center.max1200 .input input{height:50px;line-height:50px}
.login_body form#area_form{height: calc(100vh - 100px);}
.login_body .container_center.max1200 .input input{border:0 none;width:76%}
.login_body .container_center.max1200 .input img{margin-left:26px;margin-right:8px}.cooperate_form .from li{width:49%;margin-bottom:38px}
.cooperate_form .from li p:before{content:"*";color:red}
.cooperate_form .from li input,.cooperate_form .from li select{margin-top:8px;font-size:14px;display:block;text-indent:20px;min-width:48.4%;height:50px;line-height:50px;background-color:#f2f2f2;border:none 0;border-radius:4px }
.cooperate_form .from select:focus option:first-child{display:none}
.cooperate_form .from .btn{line-height:52px;min-width:32%}
.cooperate_form .from>.btn{max-width:403px;height:50px;line-height:50px;background-color:#165ae3;border-radius:4px}
.cooperate_form .alert{z-index:103;background:rgba(50,50,50,.5)}
.cooperate_form .alert ul{margin:auto;width:340px;height:264px;background-color:#fff;border-radius:22px}
.cooperate_form .alert img{position:absolute;height:150px;width:150px;left:0;right:0;margin:0 auto;top:-90px}
.cooperate_form .alert p{margin-top:90px}
.cooperate_form .alert .btn{max-width:150px;height:50px;line-height:50px}
@media screen and (max-width:1000px){.login_body .container_center.max1200{margin-top:0;max-width:100vw}
.login_body .more_btn{ font-size: 13px;white-space: nowrap; }

.login_body .more_btn .iconfont{ background-color: transparent;width: 36px;font-size: 17px; }
.login_body .container_center.max1200 .input{background:#fff}
.login_body .container_center.max1200 .width50.BGwhite{width:100%;background:0 0;margin-left: 0px;}
.login_body .container_center.max1200 .width50.BGwhite dd,.login_body .container_center.max1200 .width50.BGwhite dt{color:#fff}
.login_body .container_center.max1200 .width50.BGwhite .btn{border:solid 1px rgba(255,255,255,.3)}
.cooperate_form .from li{width:94%;margin-left:3%;margin-bottom:20px}
}
.cooperare .part_a{background:url(../picture/cooperate_3.png) left top no-repeat;height:870px;justify-content:flex-end}
.cooperare .part_a ul{background:#f7f8f8}
.cooperare .part_a li{transition:all .1s;height:435px;padding-left:200px}

.cooperare .part_a li div p{ line-height: 1.8; max-height: 200px; overflow-y: auto; }
.cooperare .part_a li img{left:80px;filter:brightness(0)}
.cooperare .part_a li p.absolute{right:0;font-size:280px;top:50%;opacity:.1}
.cooperare .part_a .lighter:after{content:"";margin-top:30px;display:block;width:50px;height:4px;background-color:#333;border-radius:2px}
.cooperare .part_a li:first-child{background:#bababa;color:#fff}
.cooperare .part_a li:first-child .lighter:after{background-color:#fff}
.cooperare .part_a li:first-child img{filter:none}
.cooperare .part_b img{background-image:radial-gradient(white 55px,transparent 56px);padding:30px;height: 130px;
    width: 130px; object-fit: contain;}
.cooperare .part_b p{line-height:2}
.cooperare .part_b li{transition:all .1s;padding:40px;position:relative; color:#333 }
.cooperare .part_b li.BGon{  background:#fff; }
.cooperare .part_b li:after{content:"";display:block;position:absolute;top:20%;bottom:20%;right:0;border-left:solid 1px rgba(50,50,50,.1)}
.cooperare .part_b li:last-child:after{display:none}
.cooperare .part_c p{line-height:1.8}
.cooperare .part_c img{display:block;width:100%;height:288px;margin-bottom:20px;cursor: pointer;}
.cooperare .part_c .iconfont{font-size:30px;color:#000;line-height: 1;}
.cooperare .part_c a:hover{color:#165ae3}
@media screen and (min-width:1000px){

  .cooperare .part_a ul:hover li{background:#f7f8f8;color:#333}
  .cooperare .part_a ul:hover img{filter:brightness(0)}
  .cooperare .part_a ul:hover li:first-child .lighter:after{background-color:#333}
  .cooperare .part_a li:hover{background-color:#bababa !important;color:#fff!important}
  .cooperare .part_a li:hover .lighter:after{background-color:#fff!important }
  .cooperare .part_a li:hover img{filter:none}
  .cooperare .part_b:hover li{transform:scale(1);background:0 0;color:#333}
  .cooperare .part_b li:hover{transform:scale(1.06); background:#e4edff }

  .about_us .year .swiper-slide>div:hover{ border-color:#d0d0d0; background: #fafafa; }

  #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .com-more:hover{ background: rgba(255,255,255,.3); }
}
@media screen and (max-width:1000px){

.cooperare .part_a .width50{width:100%}
.cooperare .part_a .width50 li{padding-left:110px}
.cooperare .part_a .width50 li img{left:20px}
.cooperare .part_b li{width:94%;margin:10px 0 0 3%;transform:none!important;border:solid 1px rgba(50,50,50,.1)}
.cooperare .part_c>.width32{width:94%;margin:0 0 10px 3%;padding:10px}
.solution .part_b{display:block}
.solution .part_b li.C999{overflow-y:auto;background-color:#f7f9fc;text-align:left;display:block;padding:10px 0;white-space:nowrap;margin-bottom:15px}
.solution .part_b li.C999 dd{

  background:#fff;display:inline-block;font-size:14px;box-shadow:none;border:solid 1px rgba(55,55,55,.2);

  padding:9px 16px;margin:0; position: relative;

}
.solution .part_b li.C999 dd p{line-height:1.4}
.solution .part_b li.C999 dd.on,.solution .part_b li.C999 dd:active{ background-color:#165ae3;color:#fff }
.solution .part_c .swiper-slide{display:block}
.solution .part_c .swiper-slide .mb20,.solution .part_c .swiper-slide .mb30{margin-bottom:10px}
.solution .part_c .swiper-slide p{line-height:1.6}
.solution .part_c .swiper-slide dd{padding:10px 14px;height:auto}
.solution .part_c .swiper-slide img{width:100%;height:120px}
.solution .part_c .swiper-slide .width55{width:100%}
}
@media screen and (min-width:1000px){

  .solution .part_b li.C999{ line-height:1.6; width:25%; max-width:25%; }

  .solution .part_b .part_b_swiper img{ margin-bottom: 50px;width: 98%; }

  .solution .part_b li:last-child{ width: 75%; }
  .solution .part_b li.C999 p{ line-height: 1.5; }

  .solution .part_b li.C999 dd{margin-bottom:20px;height:104px;padding-left:28px;background:rgba(255,255,255,.6);width:90%;color: #555; }

  .solution .part_b li.C999 dd .absolute{

        opacity: .15;bottom: 0;

        right: 8%; color: gray;font-size: 22px;font-style: italic;

  }
  .solution .part_b li.C999 dd.on,.solution .part_b li.C999 dd:hover{color:#165ae3;position:relative;background:#fff}
  .solution .part_b li.C999 dd.on:before,.solution .part_b li.C999 dd:hover:before{

    content:"";display:block;position:absolute;left:-3px;top:0;border-radius:2px;height:100%;width:4px;background-color:#165ae3;

  }
}
.solution .part_a{line-height:2}
.solution .part_a p{margin-bottom:16px}
.solution .part_b{align-items:initial}
.solution .part_b li:last-child{max-width:1050px;flex:auto;max-height:600px;overflow-y:auto; padding-right:20px}
.solution .part_b p{line-height:2}

.solution .part_b div+h3{ margin-top:50px }

.solution .part_b h3{width:121px;line-height:41px;position:relative; margin-top:0;background-color: #dde8ff; }
.solution .part_b img~h3{ background-color: #fff; }
.solution .part_b img~h3:before{content:"";display:block;position:absolute;left:-3px;top:0;border-radius:2px;height:100%;width:6px;background-color:#165ae3}
.solution .part_c .absolute.iconfont{width:40px;height:40px;line-height:40px;color:#999;top:48%;text-align:center;background-image:radial-gradient(transparent 18px,#999 19px,#999 20px,transparent 20px);}

.solution .part_c .absolute.iconfont:hover{  color:#fff;background-image: radial-gradient(#165ae3 19px,transparent 20px); }
.solution .part_c .absolute.iconfont.r{right:3vw;cursor:pointer}
.solution .part_c .absolute.iconfont.l{left:3vw;cursor:pointer}
.solution .part_c dd{padding-left:42px}
.solution .part_c p{line-height:2}
.solution .part_c dd,.solution .part_c img{height:460px}

.solution .part_c dd>div{ max-height: 390px;overflow-y: auto; padding-right:6px;margin-right: 10px; }
.solution .part_c dd>div::-webkit-scrollbar{ width:6px; height:60px; background-color:transparent; }
.solution .part_c dd>div::-webkit-scrollbar-track{ border-radius:10px; background-color:transparent }
.solution .part_c dd>div::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(180,180,180,.3) }
.solution .part-d-swiper{padding-bottom:50px;padding-top:10px}
.solution .part-d-swiper .swiper-slide{padding:1vw}
.solution .part-d-swiper .swiper-slide li{width:100%;text-align:center;line-height:100px;border-radius:10px;height:100px;box-shadow:0 0 30px rgba(137,164,205,.15)}
.solution .part-d-swiper .swiper-pagination{bottom:0}
.case_detail_body .part_a{align-items:initial}
.case_detail_body .part_a .width66{width:62%}
.case_detail_body .part_a .width66 li.BGwhite{padding:40px 30px}
.case_detail_body .part_a .width66 p{line-height:2;text-align:justify}
.case_detail_body .part_a .width66 p+p{margin-top:10px}
.case_detail_body .part_a .width66 h4.relative:before{content:"";position:absolute;left:-31px;top:6px;display:block;width:6px;height:23px;background-color:#165ae3;border-radius:3px}
.case_detail_body .part_a .width66 .tips span{

  line-height:30px;display:inline-block;background-color:#f0f6ff;border-radius:4px;padding:0 10px;margin-right:5px;margin-bottom:5px;

}
.case_detail_body .part_a .width30{width:35%}
.case_detail_body .part_a .width30 dt{height:60px;line-height:60px;padding:0 20px}
.case_detail_body .part_a .width30 dd a[href]:hover{color:#165ae3}
.case_detail_body .part_a .width30 dd .iconfont.absolute{font-size:26px;opacity:.6;right:20px}
.case_detail_body .part_a .width30 dd>*{padding:0 60px 0 42px;height:68px;line-height:68px;border-bottom:solid 1px rgba(55,55,55,.1)}
.case_detail_body .part_a .width30 dd>:hover{background:#e5eeff}
.case_detail_body .part_a .width30 dd>:last-child{border-bottom:0}
.case_detail_body .part_a .width30 dd>:before{content:"";display:block;width:8px;height:8px;background-color:#165ae3;position:absolute;top:44.5%;left:25px}
.case_detail_body .part_a .width30 dd.type2>*,.case_detail_body .part_a .width30 dd.type3>*{padding-left:66px}
.case_detail_body .part_a .width30 dd.type2>:before,.case_detail_body .part_a .width30 dd.type3>:before{

  height:26px;width:26px;top:21px; background:url(../img/case_detail_0.png) center no-repeat;

}
.case_detail_body .part_a .width30 dd.type3>*{padding-right:20px}
.case_detail_body .part_a .width30 dd.type3>:before{background-image:url(../img/case_detail_1.png)}
@media screen and (max-width:1000px){

  .case_detail_body .width30,.case_detail_body .width66{width:100%!important}
  .case_detail_body .width30 dl.ml40{margin:0 10px}
  .case_detail_body .part_a .width66 .tips span{margin-bottom:5px;font-size:11px;line-height:1.4;padding:8px 10px }
}
.case_body .part-a>.relative{left:-260px;height:118px}
.case_body .part-a>.relative>.absolute{justify-content:center;left:550px}
.case_body .part-a>.relative>.absolute li{height:100px;width:270px;min-width:270px;line-height:98px;box-shadow:0 0 15px 10px #fff}
.case_body .part-a .swiper{height:100px;border-radius:9px;width:270px;min-width:270px;background-repeat:no-repeat;background-position:center;background-size:auto;position:absolute;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:8px;border:solid 1px #e6e6e6;background-color: #fff;}
.case_body .part-a .swiper:hover{border:solid 1px #165ae3!important}
.case_body .part-a .swiper.Con{line-height:98px;border:none;box-shadow:none}
.case_body .part-a:after,.case_body .part-a:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:radial-gradient(transparent 50%,#fff 90%,#fff);user-select:none;z-index:1}
.case_body .part-a:before{background:linear-gradient(to right,#fff,transparent,transparent,#fff)}
.case_body .part_b{min-height:400px;background:url(../picture/case_bg.png) center top no-repeat;background-size:100% 400px}
.case_body .part_b p{line-height:2;max-height:180px;height:180px; overflow:auto; }
.case_body .part_b img.width40{height:438px}


.case_body .part_b .width40{width:100%}
.case_body .part_b .width60{padding:0 50px;display:none}
.case_body .part_b .swiper-slide-active{min-width:1000px;filter:none;position: relative;  }
.case_body .part_b .swiper-slide-active:before{ content:"";display: block;position: absolute; width:40%; top:0; left:0;background-color: rgba(150,150,150,.1); height:100%; }
.case_body .part_b .swiper-slide-active .width40{ width:40%;position:relative; z-index: 1;mix-blend-mode: multiply; }
.case_body .part_b .swiper-slide-active .width60{display:block}
.case_body .part_b .swiper-slide-active .width60 img{ width:240px; max-height:50px; border:solid 1px #f0f0f0;  mix-blend-mode: multiply;  }
.case_body .part_c{align-items:flex-start}
.case_body .part_c .pc_show{ position:absolute;top:250px;left:0;width:20%;user-select:none;height:100px;background:linear-gradient(to bottom,rgba(255,255,255,0) 5px,rgba(255,255,255,.5),#fff);z-index:5; }

.case_body .part_c .part_c_swiper{ padding:10px;overflow-y: overlay; }
.case_body .part_c .part_c_swiper::-webkit-scrollbar{display:none}

.case_body .part_c .part_c_swiper:before{ content:""; display: block;position: absolute;left: 0; right:0; top:-20px; height:30px;background: linear-gradient(180deg,white,transparent);z-index: 9; user-select: none; }

.case_body .part_c .swiper-slide{ max-height:60px; height:60px; line-height:60px; }
.case_body .part_c>dl::-webkit-scrollbar{width:0!important}
.case_body .part_c>dl{width:22%;max-width:260px;max-height:344px;overflow-y:auto;position:relative;padding:5px 8px 50px}
.case_body .part_c>dl dd{white-space:nowrap;line-height:60px;margin-bottom:35px;height:60px;padding-left:30px}
.case_body .part_c>dl dd img{min-width:30px;margin-right:20px;filter:grayscale(100%) brightness(170%)}
.case_body .part_c>dl dd.on,.case_body .part_c>dl dd:active{position:relative;color:#165ae3;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:10px}
.case_body .part_c>dl dd.on img,.case_body .part_c>dl dd:active img{filter:none}
.case_body .part_c>ul{width:78%}
.case_body .part_c>ul a{width:23.6%;height:100px;justify-content:center;padding:0 5px;position:relative;overflow:hidden;margin-right:1.4%}
.case_body .part_c>ul a img{position:absolute;width:80%;opacity:0;top:0;bottom:0;left:0;right:0;margin:auto;transition:all .2s}
.case_body .part_c>ul a:active{color:transparent;background:#165ae3}
.case_body .part_c>ul a:active img{ opacity:1; filter:brightness(1000%); }
.case_body .part_c>ul a.bold:hover{color:#fff;cursor:pointer}
.case_body .part_c>ul a.bold~a{display:none}

body.product_body>img{ max-width: 95vw; margin-left:auto;margin-right: auto; }
@media screen and (max-width:1000px){

  body.news_center .width66 .time{font-size:15px;}

  body.news_center .width66 .time span:first-child{display:block; margin-bottom: 8px }

  body.news_center .width66 .time span:last-child{ margin-right: 0; }

  .case_body .part-a .size55{font-size:30px}
  .case_body .part-a .size32{font-size:25px}
  .case_body .part-a .size24{font-size:20px}
  .case_body .part-a>.relative{height:80px}

  body.news_center .width66 a.absolute.Cfff{ font-size: 15px; }
  .case_body .part-a .swiper{width:160px;min-width:160px;height:70px;background-size:contain}
  .case_body .part-a .swiper.Con{line-height:70px}
  .case_body .part_b .swiper-slide-active{min-width:initial}
  .case_body .part_b .swiper-slide{display:block}
  .case_body .part_b .swiper-slide>img{height:160px;width:100%!important}
  .case_body .part_b .swiper-slide .iconfont{display:none}
  .case_body .part_b .swiper-slide .width60{

    width:100%;padding:25px 24px 20px; box-shadow: inset 0 0 0 2px #f0f0f0; text-align:center; 

    background: linear-gradient(to bottom,#fafafa,white);

  }

  .case_body .part_b .swiper-slide-active:before{display:none}
  .case_body .part_b .swiper-slide .width60 ul.mt40{margin-top:15px;margin-bottom:30px}
  .case_body .part_c{display:block}
  .case_body .part_c>dl{width:auto;max-width:100vw;font-size:16px;font-weight:400;overflow-y:auto;white-space:nowrap;padding-bottom:0}
  .case_body .part_c>dl dd{line-height:50px;margin-right:5px;height:52px;display:inline-block;padding:0 12px;border:solid 1px #eee;border-radius:10px}
  .case_body .part_c>dl dd .iconfont{font-size:20px;margin-right:8px}
  .case_body .part_c>dl dd.on,.case_body .part_c>dl dd:active{position:relative;color:#165ae3;box-shadow:none;border:solid 1px #165ae3}
  .case_body .part_c>ul{width:100%;justify-content:space-between}
  .case_body .part_c>ul a:active{color:#fff}
  .case_body .part_c>ul a{width:48%; height:80px  }
  .case_body .part_c>ul a *{transition:background .3s}
  .case_body .part_c>ul a img{display:block;opacity:1;filter:none;height:50px;object-fit:contain;max-width:90%;position:static}
}


.part_scene img{ max-height: 470px; }

.part_scene>div:last-child{ max-height: 470px; }

.part_scene .scene-swiper h3{

  font-size: 23px; margin-bottom: 10px;

}

.part_scene div p{line-height:1.5;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;font-size: 14px;

}

.part_scene ul.absolute{ line-height:58px; padding:0 4px;font-size: 16px; }

.part_scene ul.absolute li{ padding:0 10px; }

.part_scene ul.absolute li:hover{ color:#175ae4; cursor: pointer; }

.part_scene ul.absolute .bold{ font-size:24px; color:#175ae4; }

.part_scene .scene-swiper .swiper-slide{ height:155px; line-height: 2; padding-left:8px }

.part_scene .scene-swiper .swiper-slide:hover{ background: #f8f8f8;  }

.part_scene .scene-swiper{ max-height: 470px;height: 470px;overflow:auto; }

.part_scene .scene-swiper .swiper-slide-active.active{ color:#497ce3; }
.part_scene .scene-swiper .swiper-slide-next.active{ color:#497ce3; }
.part_scene .scene-swiper .swiper-slide-pre.active{ color:#497ce3; }
.part_scene .scene-swiper .swiper-slide.active{ color:#497ce3; }

.part_scene .scene-numlist-swiper .swiper-slide{ max-width: 54px; }

.part_scene .scene-numlist-swiper{ line-height: 58px;height: 58px;background: white; }

.part_scene .scene-numlist-swiper{ width:307px; padding:0 20px; }


@media screen and (min-width:1000px){

  body .lookmore:hover{background-color:#fff;color:#165ae3!important;cursor:pointer}
  .case_body .part_b .swiper-slide{height:438px;width:1000px;transition:all .2s;filter:contrast(30%) grayscale(20%) brightness(120%);margin-bottom:50px}
  .case_body .part_b .swiper-slide-active{ filter:none }
  .case_body .part_b .swiper-slide .iconfont{width:40px;height:40px;background-color:#165ae3;color:#fff;text-align:center;line-height:40px;border-radius:50px;margin-left:30px}
  .case_body .part_c>dl dd.on:after{content:"";display:block;position:absolute;left:0;top:0;width:4px;height:60px;background-color:#165ae3;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:2px}
  .case_body .part_c>dl dd:hover{position:relative;color:#165ae3;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:10px}
  .case_body .part_c>dl dd:hover img{filter:none}
  .case_body .part_c ul a:hover{background:#165ae3;color:white }
  .case_body .part_c ul a:hover img{opacity:0}
  .product_body .part03 a.w25:hover{transform:translateY(-10px);border-color:#cdd8ed }
  .product_body .part20 li:hover{background:#165ae3;color:#fff;transition:all .2s}
  .product_body .part07 .flex:hover div:nth-child(2) .BGwhite{background-color:#fff;bottom:0}
  .product_body .part07 .flex:hover div:nth-child(2) .BGwhite *{color:initial}
  .product_body .part07 .flex>div:nth-child(2) .BGwhite{bottom:20px;background-color:rgb(240, 246, 255)}
  /* .product_body .part07 .flex>div:nth-child(2) .BGwhite *{color:#fff} */
  .product_body .part07 .flex>div .BGwhite:hover{bottom:20px!important;background-color:rgb(240, 246, 255)!important}
  /* .product_body .part07 .flex>div .BGwhite:hover *{color:#fff!important} */

}
@media screen and (min-width:1900px){
  .header_bg{background-size:100% 100% !important }
}
@media screen and (min-width:1700px){
  body .header_bg .size50{font-size:58px}
}

.product_body .part03-1 .BGwhite h3{ font-size:20px }
@media screen and (max-width:1000px){
  .about_us p{ line-height: 1.7; }
	.product_body .part03-1 .BGwhite h3{ font-size:20px }
  .pc_show,.pc_show2{display:none!important}

  .cooperate_form .from>.btn{ width:95% }

  .word_body .container_center .width66 .form .btn{  width: 90%;margin: 30px 0; }

  .about_us .header_bg .btn_box a, .about_us .part10-swiper .btn_box a{ 

    min-width: 1px; padding-left:10px;  line-height: 35px; background: #165ae3; color:white;

   }

   .about_us .header_bg .btn_box .iconfont, .about_us .part10-swiper .btn_box .iconfont{ padding:0 14px 0 5px }

  .size14,.size15,.size16{font-size:14px}
  .size18{ font-size: 14px; } 
  .size20{ font-size: 15px; } 
  .size22{ font-size: 16px; } 
  body .size24{font-size:17px}
  .size26{ font-size: 18px; } 
  .size28{ font-size: 20px; } 
  body .size30{font-size:18px} 

  body .size70{font-size:35px} 
  body .size50{font-size:30px}
  body .size35{font-size:24px}
  
  body .mt80{margin-top:40px} .mt40{ margin-top:28px }
  body .mb50{margin-bottom:30px} .mb60{ margin-bottom: 35px; }
  body .mb80{margin-bottom:40px}
  body .mb70{margin-bottom:30px}
  body .mb150{margin-bottom:60px}

  body.about_us .header_bg .size30{ max-width: 65%; font-size:13px }
  body .header_bg{padding-top:46px;background-position:65% center;animation:none;padding-right:10px;padding-left:10px;max-height: 40vh }
  body .header_bg>.container_center{padding:0 2vw}
  body .header_bg .mr100{margin-right:20px}
  body .header_bg .mt50{margin-top:30px}
  body .header_bg .size22{font-size:13px}
  body .header_bg .size50{font-size:18px;margin-bottom: 0;}
  body .menu_bar.mb80{margin-bottom:0}
  body .header_bg~.menu_bar{position:sticky;top:49px;left:0;background:#fff;z-index:9 }
  body .header_bg~.menu_bar.more{font-size:14px; top:49px!important;line-height: 50px; height:51px; }
  body .header_bg~.menu_bar.more>a::after{display:none}
  /* body .header_bg~.menu_bar.more>a.on{ color:#1045af; transition: all .3s; } */
  body .header_bg~.menu_bar.more>a{margin:0 5px 0 7px}
  #about_us .header_bg .btn_box a{width:initial;min-width:38vw}
  #about_us .year_line dl div.relative{height:auto}
  #about_us .year_line img{width:100%}
  #about_us .year_line dd,#about_us .year_line dt{display:block}
  #about_us .year_line dt{position:static;background-color:#e6e6e6;padding:10px 5px 5px}
  #about_us .year_line dt>div:after{display:none}
  #about_us .year_line dt div{display:inline-block;background-color:#fff;line-height:34px;height:34px;margin-bottom:10px;margin-left:5px;min-width:initial;padding:0 15px}
  #about_us .year_line dt .bold{font-size:150%;font-weight:400;border:solid 1px #165ae3;height:36px}
  #about_us .year_line [class*=button-]{display:none}
  #about_us .num_box [class*=flex]::after{display:none}
  #about_us [class*='_bg']{max-height:initial;padding:20px 0;height:auto;display:block}
  #about_us [class*='_bg'] .bussiness{position:static;border-top:none}
  #about_us [class*='_bg'] .bussiness a{border:solid 1px #fff;color:#fff;background:0 0;display:inline-block;padding:0 20px;line-height:34px;height:36px;margin-bottom:5px;border-radius:5px}
  #about_us [class*='_bg'] .container_center{padding:10px;display:block}
  #about_us .culture_bg .container_center.flex{overflow:hidden}
  #about_us .culture_bg .container_center.flex>div{padding-bottom:50px;width:49.9%;float:left}
  body .power [class*=button-],body .year [class*=button-]{display:none!important}
  body .culture_bg .flex>div,body .desc.flex>div{min-width:50%;margin-bottom:30px}
  body .culture_bg .flex>div .img,body .desc.flex>div .img{margin-bottom:20px}
  body .culture_bg .flex.num_box .flex3,body .culture_bg .flex.num_box .flex4,body .desc.flex.num_box .flex3,body .desc.flex.num_box .flex4{width:49%;display:inline-block;text-align:center}
  body .desc .mr80{margin-right:0}
  body .desc .flex5{padding:10px}

  body.case_detail_body p.mt20{margin-top:0}

  body.case_detail_body .mt50{ margin-top:5px }

  .more_btn .iconfont{ background: none;font-size: 18px; }

  .more_btn{ min-width: 10px;
    background-color: #165ae3;
    color: white;
    text-align: right;
    text-indent: 0; padding-left:10px; text-indent: 0;
    padding-right: 40px;    line-height: 40px;height: 40px; }

  .product_body .part18 dd h3{font-size:20px}

  .product_body .part14 li{ font-family: '寰蒋闆呴粦';font-size: 16px; font-weight: normal; }

  .part_scene+.h5_show.flex.between img{ height: 110px; }

  .part_scene+.h5_show.flex.between h3{ overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap } 

  .part_scene+.h5_show.flex.between p{ 

    overflow: hidden; line-height: 1.5; opacity: .8;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  }

  .login_body{padding-top:50px}

  .login_body .login_alert{ box-shadow: 0 50px 0 rgba(150,150,150,0.9); }

  .product08_body .part01{ font-size: 18px; }

  .product08_body .part01 dl:after{display:none}

  .product08_body .part01 dl{ line-height: 1.6; }

  .product08_body  .more_btn{ min-width: 190px; }

  #index .index-classify .container_center .item .desc .t2{ font-size:14px }

  #index .index-classify .container_center .item .desc .t1{ font-size: 20px; }

  #index .index-news .news-container .video-box .info .txt{font-size:18px}

  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .date,#index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .desc{font-size:14px}

  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .title{ font-size: 20px; }

  .product_body .part00{color:#374c78}

  .product_body .part03 .morecase{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }

  .product_body .part26 li{ min-height:0; padding-bottom:28px}

  .product_body .part26 li img{ margin-bottom: 1.2rem; }

  .product_body .part10-swiper ul.tips li{ opacity: 0.8; }

  .product_body .part12 p.size16{ font-size:14px;line-height: 1.6; }

  .mb40{margin-bottom:35px;}

  .solution .part_b .part_b_swiper img{margin-bottom:26px;width: 100%;}

  .layui-layer-shade{ z-index: 9 !important; }

  .layui-layer-iframe{ z-index: 10 !important;overflow: hidden; }

  .login_alert .toggle{ margin-left: 25vw; }

  #index .index-classify .container_center .item img{ margin-bottom: 10px; width: auto; height:20vw; object-fit: contain; }

  #index .index-news .news-container .video-box .pic img{ min-height: 60vw; }

  .case_body .part_b .width60{ display:block; }

  .product_body .header_bg~.menu_bar{top:49px }

  .solution .part_c dd>div{margin-right:0;padding-right:0; margin-bottom:24px;margin-top:20px }

  .training_body .container_center ul.part01 a.btn{ width:90%; margin-top:10px; }

  .service_body .part06 p{ line-height:1.6; }
  .service_body .part06 h3{font-size:16px;}

  .case_body .part_c .h5_case_list  dd{ min-width: 34vw; }

  .word_body .container_center .width66 .between .btn{ width:100px }

  .mb35{ margin-bottom: 22px; } .mt50{ margin-top:30px } .mb30{ margin-bottom: 20px; }

  .free_use .iconfont.close, .login_alert .iconfont.close{margin:30px}

  .training_detail_body .btn{ height: 44px;line-height: 44px;margin-top: 30px; }

  .login_alert .toggle{margin-top:50px; }

  .product_body .part24 li{
    min-width: 40%;align-items: initial; padding-top: 20px;
  }

  .product_body .part06 .flex1 h3{font-size:16px; margin-bottom: 10px; }

  .product_body .part07 .flex>div h3{ font-size: 20px; }

  .product_body .header_bg~.menu_bar{ overflow-x: auto;overflow-y: hidden }
  .product_body .header_bg~.menu_bar::-webkit-scrollbar {
    height: 2px;
  }
  .product_body .part24{padding:0 }
	
}/*maxwidth 1000-end*/
@media screen and (max-width:1700px) and (min-width:1000px){
  #index .index-case .case-container .swiper-case,.container,#index .index-classify .container_center{ width:1400px; max-width: 88vw; }
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .pic img{ height:360px; }
  .com-title .t2{font-size:28px}
  .com-title .t1{font-size:44px}
  .container_center{ width: 1240px }
  body.product_body>img {width: 1240px;}
  .product_body .part32 ul.flex:after{ width:1240px; margin-left: -620px; }
  .product_body .container_center .lightense-target{ width: 100%; }
  .product_body img.block.auto.product05-5{ width: 100%; }
  #index .onlines-box .flex{ height: 313px; }
}
/* 绋嶅皬灞忓箷 */
@media screen and (max-width:1600px) and (min-width:1000px){
	
  .category03 .systemBox{ max-width:85vw; }

  .product_body .part03 img{

    max-width: 90vw;margin: 0 auto;

  }
.company_body .part02 dl .size35{
	font-size:26px
}
  

  .about_us p{ line-height:1.8; }

}

@media screen and (max-width:1400px) and (min-width:1000px){ 
.product_body .part32 ul.flex{font-size:18px}
  body .header_bg~.menu_bar.more>a{ margin: 0 1vw;font-size: 16px; }

  .about_us .iconfont[class*=button-]{z-index: 999; }
  /* 绗旇鏈昂瀵 */

  body>.header_bg{ height: 600px }

  .solution .part_b li.C999{ font-size: 17px; }

  #index .index-news .news-container{max-width:92vw }

  #index .index-case .case-container{ max-width: 92vw; margin: auto; }

  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .pic img{ max-height: 320px; }

  .case_body .part_b .swiper-slide-active{ min-width:900px; }

  .case_body .part_b .swiper-slide{ width:900px }

  .about_us .power .swiper-slide>div{ background-size: auto 45px;background-position: -416px 30px; }

  .cooperare .part_a{height:800px }

  .cooperare .part_a li{ height: 400px; padding-left:170px; }

  .cooperare .part_a li img{ left:60px }

  /* #index .index-service .flex>div{ height: 296px; } */

  .product_body .part03 a.w25{ height:110px; }


  .part_scene .scene-swiper h3{font-size:19px; }

  .part_scene>div:last-child,.part_scene img,.part_scene .scene-swiper{ height: 400px;max-height: 400px; }

  .part_scene .scene-swiper .swiper-slide{ height: 130px }

  .contant .map{ margin: 50px 70px; }
  /* .contant .map .many .one{ width: 270px; } */

}


/* 2560*1440銆?560*1600銆?840*1920 澶у睆閫傚簲 */

@media screen and (min-height:1000px){

  body>.header_bg{height:36.46vw; }
   
}

@media screen and (min-width:1200px){
  .login_alert .BGwhite{ background-size: 886px 100%!important;padding-left: 886px!important; }
  .free_use,body .login_alert{ max-height: 200vh; }
  .login_alert .BGwhite{ min-width: 200vw;min-height: 1160px;padding-top: 86px; }
  .login_alert .toggle>*{ font-size: 44px; }
  .login_alert .form>div{ margin-bottom: 24px;border-radius: 6px;height: 100px; }
  label.flex.size14{ font-size: 28px; }
  .login_alert .form .btn{ border-radius: 8px;margin-top: 60px;font-size: 36px;margin-bottom: 30px; }
  .login_alert .form>div input{ margin-left: 120px;height: 100px;font-size: 28px; }
  .login_alert .form{ margin: 160px 152px 0 160px;width: 800px;line-height: 100px; }
  .login_alert .form>div.verify img{ height: 100px; }
  input[type="radio"], input[type="checkbox"]{ min-height: 36px;min-width: 36px;margin-right: 20px; }
  .layui-layer-iframe iframe{ width: 1010px!important;height: 580px!important; }
  .layui-layer.layui-layer-iframe{top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);}
}

@media screen and (min-width:1366px) and (max-width:1366px){
  .layui-layer.layui-layer-iframe{top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);}
  .login_body{background-size:100% 100%;background:linear-gradient(to bottom,#447bea,#165ae3)}
  .login_body .container_center.max1200 .btn{line-height:40px;border-radius:4px;margin-top: 30px;}
  .login_body .container_center.max1200 dl{max-width:400px;padding:32px;position:absolute;}
  .login_body .container_center.max1200 dt{border-bottom:solid 1px rgba(50,50,50,.2);line-height:1.5}
  .login_body .container_center.max1200 dt:after{content:"";display:block;position:relative;width:45px;height:3px;background-color:#165ae3;border-radius:1px;top:2px}
  .login_body .container_center.max1200 .input{background-color:#f2f2f2;border-radius:4px;margin-bottom:10px}
  .login_body .container_center.max1200 .input,.login_body .container_center.max1200 .input input{height:50px;line-height:50px}
  .login_body form#area_form{height: 63vh;}
  .login_body .container_center.max1200 .input input{border:0 none;width:76%}
  .login_body .container_center.max1200 .input img{margin-left:26px;margin-right:8px}
  .login_body .container_center.max1200 .more_btn{min-width:147px;line-height:40px;height:40px;}
}

@media screen and (min-width:3200px){
  body { font-size:32px }
  /* #index .index-service .flex>div{height: 836px;} */
  .product_body .part32 ul.flex:after{ width:1400px; margin-left: -700px; }
  .header { height: 200px; }
  .header .nav-right .free-btn{ width: 200px;height: 64px;line-height: 64px;font-size: 28px; }
  .header .item{ font-size: 42px;line-height: 200px; }
  .header .nav-left .nav{ margin-left: 90px; }
  .header .nav-right .tel{ font-size: 48px;margin-left: 40px; }
  .header .nav-left .logo img{ height: 150%;min-width: 120%; }
  .header .nav-right .product .icon{ margin-right:30px }
  .header .nav-right .person .icon{ margin: 0px 30px }
  .header .nav-left .nav > li .nav-down{ top:200px;padding: 0 0 0 480px; }
  .header .nav-left .nav > li .nav-down .list > li .tt{ font-size: 28px;line-height: 28px;padding-bottom: 30px;margin-bottom: 20px; }
  .header .nav-left .nav > li .nav-down .list > li .items > a{ font-size: 28px;line-height: 64px; }
  .header .nav-left .nav > li .nav-down .list > li .t1{ font-size: 28px; }
  .header .nav-left .nav > li.hover .nav-down{ max-width: 3840px;max-height: 980px; }
  .size18{font-size:32px;}  .mb15{margin-bottom: 25px}
  .header .nav-left .nav > li .nav-down .list > li{ min-width:320px }
  .header .nav-down .list .items .absolute{ left:120%;min-width: 600px; }
  .header .nav-left .nav > li .nav_more a.link{ width: 660px; height: 100px;line-height: 100px;margin-bottom: 32px; }
  #index .index-classify .container_center{ width: 3200px; }
  #index .index-classify .container_center .item .desc .t1{ font-size:48px;}
  #index .index-classify .container_center .item .desc .t2{ font-size:32px;}
  #index .index-classify .container_center .item img{ height: 200px;margin: 0 60px; }
  #index .index-classify .container_center .item{ height:268px; }
  #index .index-solute .solute-detail .solute-items .items .left .desc .t1{ font-size:48px;line-height: 48px; }
  #index .index-solute .solute-detail .solute-items .items .left .desc .t2{ font-size: 32px;line-height: 32px; }
  #index .index-solute .solute-detail .solute-items .items .left img{ width: 96px; }
  #index .index-solute .solute-detail .solute-items .items{ height: 200px;}
  #index .index-solute .solute-detail .solute-items .items.active .left .desc .t1{ font-size:52px;color:#165ae3; }
  #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .top .t1{ font-size: 80px;line-height: 80px; }
  #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .top .t2{ font-size: 32px;line-height: 32px;margin-top: 40px; }
  #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide .desc .info{ font-size: 30px;line-height: 72px;margin-top: 100px; }
  .com-more{ width: 320px;height: 94px; line-height:94px; }
  .com-title .t1{ font-size: 100px;line-height: 100px; }
  .com-title .t2{ font-size: 72px;line-height: 72px;margin-top: 36px; }
  .mb30{ margin-top: 60px; }
  /* #index .index-service .flex>div a{ line-height: 94px;width: 270px;margin: 56px 8px 0; } */
  #index .index-banner .index-botttom{ font-size: 32x; }
  .right-slide{ width: 140px; bottom:10% }
  .right-slide .item{ height: 140px;font-size: 28px; }
  .right-slide .item > img{ width: 48px;margin-bottom: 10px; }
  .right-slide .item .tel-box{ width: 400px;right: -600px; }
  .right-slide .item .tel-box .icon{ width: 68px; }
  .right-slide .item .tel-box .inner .t1{ font-size: 24px; }
  .right-slide .item .tel-box .inner .t2{ font-size: 32px;margin-top: 8px; }
  .right-slide .item .tel-box .icon img{ width: 40px; }
  #index .case-list{ margin:100px }
  #index .index-news .news-container{ width: 3200px; }
  #index .index-news .news-container .video-box .pic img{ min-height: 43rem;max-height: 47.8rem; }
  #index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .tt{ font-size: 48px;line-height: 48px; }
  #index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .info .date{ font-size: 32px; }
  #index .index-news .news-container .news-right .swiper-news .swiper-wrapper .swiper-slide .info .arr{ width: 52px;height: 18px; }
  #index .index-solute .solute-detail .solute-items .items .arr{ width: 52px;height: 18px; }
  #index .index-news .news-container .news-right .tips1{ line-height: 3; }   .size16{ font-size: 32px; }
  #index .index-news .news-container .video-box .info .txt{ font-size: 48px; }
  #index .index-news .news-container .video-box .info{ padding:40px 0 }
  #index .index-news .news-container .video-box .info .play{ width: 68px;height: 68px; }
  #index .onlines-box{ height:880px; }     #index .onlines-box .flex{ height:880px }
  .container_center{ width: 2800px; }
  #index .onlines-box .left .t1{ font-size: 72px; }
  #index .onlines-box .left .t2{ font-size: 100px;line-height: 100px;margin: 20px 0 30px; }
  #index .onlines-box .left .desc .num{ font-size: 64px;padding: 0 20px 0 20px;border-radius:20px }
  #index .onlines-box .left .desc .more{ font-size: 20px; margin-right: 10px;padding: 0 20px 0 20px;border-radius:20px }
  .solution .part00 .desc .num{ font-size: 64px;padding: 0 20px 0 20px;border-radius:20px }
  .solution .part00 .desc .more{font-size: 48px; margin-right: 10px;padding: 0 20px 0 20px;border-radius:20px}
  #index .onlines-box .left .desc{ line-height: 2; }
  #index .onlines-box .tel .number{ font-size: 48px; }
  .solution .part00 .part03 .number{ font-size: 48px; }
  .solution .part00 .part03 .number span{ font-size: 64px; }
  #index .onlines-box .tel .number span{ font-size: 64px; }
  #index .onlines-box .tel .btn::after{ width: 100px; }
  #index .onlines-box .tel .btn .iconfont{ font-size: 40px; }
  #index .onlines-box .tel .btn{ font-size: 36px;width: 402px;height: 106px;line-height: 106px;text-indent: 90px;border-radius: 12px;margin-top: 40px;margin-right: 100px; }
  .footer .foot-top .navs > ul li .tt{ font-size: 32px; }
  .footer .foot-top .navs > ul li .items .item{ font-size: 28px;line-height: 56px; }
  .footer .foot-top .onlines .code-box img{ width: 192px; }
  .footer .foot-top .onlines .tt{ font-size: 32px; }
  .footer .foot-top .onlines .lines{ font-size: 32px;line-height: 52px; }
  .footer .foot-top .link .item{ font-size: 28px; }
  .footer .foot-top .onlines .code-box{ margin: 60px 0; }
  .footer .foot-top .onlines .code-box .outer{ display: table;width:192px; }
  .footer .foot-top .onlines .code-box .outer .inner{ display: table-cell;vertical-align: top;text-align: center;color: #fff;width:192px; }
  .footer .foot-top .onlines .code-box .outer .inner span{margin-top:20px; }
  .footer .foot-top .onlines{ padding: 100px 0 100px 7%;width: 850px; }
  .footer .foot-top .navs{ padding: 100px 7% 100px 0; }
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .pic img{ height:800px }
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide{ width: 33%!important; }
  #index .index-case .case-container .swiper-case{ margin-top: 140px;max-width: 3200px; }
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info{ margin-left: 80px; margin-top: -60px;padding: 80px 80px 140px 70px; }
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .title{ font-size: 48px;line-height: 48px;margin-top: 20px; }
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .desc{ font-size: 32px;line-height: 60px;margin-top: 30px; }
  #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .arr{ width: 52px;height: 18px;margin-top: 100px; }
  body .header_bg .size50{ font-size: 116px; }     .mb50{ margin-bottom: 100px; }
  .size22{ font-size: 44px; }      body>.header_bg{ height: 2332px }
  .more_btn{ min-width: 368px;line-height: 92px;text-indent: -100px;height: 92px;font-size: 28px; }
  .more_btn .iconfont{ width: 100px;font-size: 40px; }
  body .header_bg~.menu_bar{ height: 120px;line-height: 120px; }
  .product_body .header_bg~.menu_bar{ font-size: 42px;margin-top: 10px }
  .solution .center{ font-size: 70px; margin-bottom: 60px;margin-top: 120px; }
  #index .index-banner .index-pagination .swiper-pagination-bullet{  width: 20px;height: 20px; border-radius: 10px;}
  #index .index-banner .index-pagination .swiper-pagination-bullet-active{ width: 80px; }
  #index .index-banner .index-pagination { bottom:200px }
  #index .index-banner .index-botttom .container_center .left .voice{ width: 44px;height: 40px; }
  .case_body .part-a .swiper{height:150px; width: 320px;min-width: 320px;background-color: #fff;}
  .case_body .ohide .mt50{ margin-top: 100px; }
  .case_body .part-a>.relative{ height: 232px; margin-bottom: 32px; }
  .solution .part_a p span{ font-size: 32px!important; }
  body .header_bg~.menu_bar>a::after{ width:200px;border-bottom: solid 4px #165ae3; }
  .solution .part_b li.C999 dd{ margin-bottom: 40px;height: 208px;padding-left: 56px }
  .solution .part_b li.C999 dd p{ font-size:32px }
  .solution .part_b li.C999 dd .absolute{font-size:44px}
  .solution .part_b li:last-child{max-width: 2104px;max-height: 1200px;}
  .solution .part_b p span{ font-size: 32px!important; }
  .solution .part_b h3{width: 242px;line-height: 82px;font-size: 36px;}
  .solution .part_c dd, .solution .part_c img{ height:920px }
  .solution .part_c dd>div{max-height: 780px;padding-right: 12px;margin-right: 20px;}
  .solution .part_c dd>div h3{ font-size:48px;margin-top:10px}
  .solution .part_c dd>div h4{ font-size:40px}
  .solution .part_c p{font-size:32px}
  .solution .part-d-swiper .swiper-slide li{height:200px;line-height:200px}
  .footer .foot-top .onlines .code-box .outer .inner img{ margin-bottom:10px }
  .product_body .part00{ margin-top:100px;background-size:100% 100%; }
  .product_body .part00>*{ height:720px }
  .product_body .part00 p{font-size:70px}
  .product_body .part00 .bold{font-size:100px}
  .product_body .part00 .part03{ font-size:60px }
  .product_body .part03 .morecase{ min-width:416px;line-height: 94px;font-size: 42px; }
  .product_body .part03 .morecase .iconfont{ font-size:40px;padding: 0 28px }
  .product_body #part1{ font-size:70px;margin-bottom:50px;margin-top:40px}
  .product_body .center{ margin-bottom:40px;}
  .product_body #first{font-size:32px!important;min-width:2400px!important}
  .lightense-target{width:2700px}
  .product_body #function{ font-size:70px;margin-bottom:70px;margin-top:100px }
  .product_body .part20 li h3{font-size: 48px;}
  .product_body .part24 li{min-height: 580px;margin:16px;font-size:24px}
  .product_body .part24 li .img{height: 144px;line-height: 144px;width: 144px;}
  .product_body .part24 li .size24{ font-size:44px }
  .product_body .part24 li p{font-size:32px;padding: 0 30px}
  .product_body #part3{ font-size:70px;margin-bottom:50px;}
  .product_body .part26{ font-size:30px }
  .product_body .part26 li{ min-height: 560px;padding: 160px 10px 20px }
  .product_body .part26 li img{ margin-bottom: 76px;max-height: 30vw; }
  .product_body #part4{ margin-bottom:50px;margin-top:40px}
  .part_scene .scene-swiper .swiper-slide{ height:310px!important }
  .part_scene .scene-swiper h3{font-size: 46px!important;margin-bottom: 20px!important; }
  .part_scene div p{font-size: 28px!important;}
  .part_scene img{ height:940px!important;max-height: 940px!important}
  .part_scene>div:last-child{ height:940px!important;max-height: 940px!important }
  .part_scene .scene-swiper{ height:940px!important;max-height: 940px!important }
  .product_body #case-list{ font-size:70px;margin-bottom:50px;margin-top:40px}
  .product_body .part03 a.w25{margin-bottom: 52px;height: 260px;padding: 16px }
  .product_body #document-news{ font-size:70px;margin-bottom:50px;margin-top:40px}
  .product_body .port04 .width50 .width60, .product_body .port04 .width50 .width70, .product_body .port04 .width50 .width80{ font-size:36px }
  .product_body #product{ font-size:70px;margin-bottom:50px;margin-top:40px}
  .product_body .port05 .width33 .iconfont{ width: 64px;height: 64px;line-height: 56px;margin-top: 20px;border: radius 100px; }
  .product_body .between.flex .width33{ font-size:48px;padding: 48px 40px 0 80px; }
  .product_body .between.flex .knowmore{ height: 252px; }
  .product_body .part01 .BGwhite{height: 700px;margin-bottom: 10px;}
  .about_us p.auto.mb50.max1200.size16.center{ min-width:2400px }
  .product_body .part21 dl{ font-size:38px }
  .product_body .part21 dd{ margin-bottom:60px;padding:70px 50px }
  .product_body #part2{ font-size:70px;margin-top:40px}
  .product_body .part29 img{ height:600px }
  .product_body .part28 h3{ font-size:36px }
  .about_us .header_bg .btn_box a, .about_us .part10-swiper .btn_box a{ line-height: 92px;min-width: 360px;margin-right: 40px;font-size: 44px; }
  .about_us .header_bg .btn_box .iconfont, .about_us .part10-swiper .btn_box .iconfont{ font-size:40px;padding:0 28px }
  .product_body .part22 > div.Con.bold.max1000.mb40.auto.aos-init.aos-animate{min-width:2400px}
  .service_body .part04 .width50{min-height:940px}
  .service_body .part04 .width50 b{ font-size:70px }
  .service_body .part04 .width50 p.size16.mb90.mt10.opacity6{ font-size:36px }
  .service_body .part04 .width50 p.size24.mb20{ font-size:48px }
  .service_body .part04 .width50 b{ font-size:70px }
  .service_body .part04 .width50 b span{ font-size:48px }
  .service_body .part01 li{min-height: 560px;}
  .service_body > div.mt50.mb40.center.size35{ font-size:70px;margin-top: 100px;margin-bottom: 80px; }
  .service_dody .part02 > dt.service1{ font-size:70px!important }
  .service_body > div.mt80.mb50.center.size35{ font-size:70px;margin-top: 160px;margin-bottom: 100px; }
  .service_body .part03 dt{ margin-bottom: 60px;min-height: 360px;font-size:48px;padding:80px }
  .service_body > div.mt100.mb50.center.size35{ font-size: 70px;margin-bottom: 100px;margin-top: 200px;}
  .service_body .part03 dd b{ font-size: 48px;}
  .service_body .part03 dd p{ margin-top: 28px; }
  .part05-swiper ul.absolute li{width: 120px!important;line-height: 120px!important;font-size: 32px;}
  .part05-swiper dl.absolute{ width: 1250px!important;height: 152px!important;line-height: 152px!important;padding: 0 60px!important;font-size: 32px; }
  .part05-swiper .flex.swiper-slide img{ max-width: 1600px!important;min-width: 1600px!important;height: 1000px!important;}
  .part05-swiper{ height: 1000px!important; }
  .part05-swiper ul.absolute{ width:120px!important;height: 1000px!important;padding-bottom: 80px!important; }
  .part05-swiper .flex.swiper-slide > div.ml50.flex4{ margin-left: 100px; }
  .part05-swiper .flex.swiper-slide > div.ml50.flex4 h3 { font-size:36px }
  .part05-swiper ul.absolute li.Con:after{ right: -6px!important;height: 120px!important; }
  .word_body .container_center > div.mt80.mb60.center.size35{ margin-top: 160px;margin-bottom: 120px;font-size: 70px; }
  .word_body .container_center .search{ height: 96px;line-height: 96px; }
  .word_body .container_center .search input{ height: 96px;padding: 0 30px; font-size:32px}
  .word_body .container_center .search .BGon{ width: 200px; }
  .word_body .container_center .search .BGon .iconfont{ font-size: 32px }
  .word_body b{ font-size: 48px; }
  .word_body .container_center dd{line-height: 148px;}
  .word_body .container_center dd .width60 .iconfont{ line-height: 1.6;padding: 0 6px;font-size: 28px;left: 16px;margin-right: 16px; }
  .word_body .container_center dd .width60>*{ padding-left: 80px;height: 148px; }
  .pagination a{ width: 84px;height: 84px;line-height: 80px;margin: 0 12px; font-size: 32px}
  .word_body .iconfont{ font-size: 32px; }
  .word_body .hot .content .tips a{ height: 80px;line-height: 80px;padding: 0 40px;margin-bottom: 40px;font-size: 32px;border-radius:40px }
  .word_body .container_center dt p{ text-indent: -4px;height: 120px;line-height: 118px; }
  .word_body .container_center .width66 .between .btn{ height: 92px;line-height: 90px;width: 240px; }
  .word_body .container_center .width66 .between+div{ margin-bottom: 60px; }
  .size30{ font-size: 60px;}
  .word_body .container_center .width66 .form .btn{ min-width: 760px;height: 120px;line-height: 116px;margin-top: 60px; }
  .word_body .container_center .width66 .form input{ min-width: 780px;height: 118px;line-height: 116px;font-size: 32px;margin:  10px 0 30px;padding: 0 30px; }
  .size20{  font-size: 40px;}       .mb20{ margin-bottom: 40px; }   .size35{ font-size: 70px; }    .size14{ font-size: 28px; }
  .training_body .join{ height: 800px;}
  .training_body .join .btn{ width: 280px;height: 92px;line-height: 92px; }
  .training_body .join .size35::after{ width: 72px;height: 8px;margin: 60px 0; }
  .training_body .container_center ul.part01 dt{ min-width: 500px;width: 500px;min-height: 300px;font-size: 48px; }
  .training_body .container_center ul.part01 a.btn{ width: 268px;line-height: 92px;border-radius: 8px; }
  .training_past_body .btn{ min-width: 240px;line-height: 92px; }
  .training_past_body .part00{ font-size: 36px; }
  .size60{ font-size: 116px; }   .size55{ font-size: 110px; }
  .login_body .bg img.pc_show.aos-init.aos-animate{ width: 100%; }
  .training_detail_body span{ font-size: 36px!important;line-height: 50px; }
  .training_detail_body strong{ font-size: 36px!important;margin-bottom: 10px; }
  .training_detail_body p{ font-size: 36px!important; line-height: 50px;}
  .training_detail_body .btn{ max-width: 240px;line-height: 92px;height: 92px;border-radius: 46px; }
  .cooperare .product_body ,center{ font-size: 70px!important; }
  body.product_body>img{ max-width: 180vw; }
  .cooperare .part_a li{ height: 870px;padding-left: 400px; }
  .cooperare .part_a{ height: 1740px;background-size: 100%!important; }
  .cooperare .part_a li div p{ max-height: 400px; }       .size28{font-size: 56px;}
  .cooperare .part_b li{ padding: 80px;}     .size24{ font-size: 48px; }
  .cooperare .part_c img{ height: 576px;margin-bottom: 40px; }
  .cooperare .part_c .iconfont{ font-size: 60px; }
  .cooperare .swiper-slide.swiper-slide{ width: 33%!important; }
  .center.size35.mb50.mt60.aos-init.aos-animate{ font-size:70px }
  .center.size35.mb50.mt60{ font-size:70px }
  .news_center p{ font-size: 32px!important;line-height: 50px!important; }
  .news_center p span{  font-size: 32px!important;line-height: 50px!important;  }
  .news_center strong{  font-size: 36px!important;line-height: 50px!important;  }
  body.news_center .width66 .desc img{ height: 856px;width: 100%; }
  body.news_center .width33 .search input{ height: 96px;padding: 0 30px;font-size: 32px; }
  body.news_center .width33 .search .BGon{ width: 200px;height: 96px;}
  body.news_center .width33 .search{ height: 100px;line-height: 96px; }
  body.news_center .width33 .hot .BGon{ height: 120px;line-height: 116px;padding: 0 40px; }
  body.news_center .width33 .hot .content .num .ellipsis{ font-size: 32px;margin-bottom: 8px;margin-top: 18px; }
  body.news_center .width33 .hot .content .num>span{ height: 48px;width: 48px;line-height: 48px;top: 28px;margin-right: 40px; }
  body.news_center .width33 .hot .content .num{ padding: 24px 0 24px 80px; }
  body.news_center .width33 .hot .content{ padding:40px }
  .cooperate_form .from li input, .cooperate_form .from li select{ margin-top: 16px;font-size: 28px;text-indent: 40px;height: 100px;line-height: 100px;border-radius: 4px; }
  .cooperate_form .from .btn{ height: 104px;font-size: 32px; }
  .mt15{ margin-top: 30px; }      .mb40{margin-bottom: 80px;}       .size15{font-size: 30px;}
  .login_body .container_center.max1200 dl{ max-width: 1000px;padding: 80px; }
  .login_body .container_center.max1200 .input, .login_body .container_center.max1200 .input input{ height: 100px;line-height: 100px;font-size: 32px; }
  .login_body .container_center.max1200 .btn{ line-height: 100px;border-radius: 8px; }
  body.news_center .width66 .content dl .img{ width: 668px;min-width: 668px;max-width: 668px;height: 440px; }
  body .lookmore{ line-height: 80px;height: 80px;width: 80px; }
  section section section section section section{ height: 60px;vertical-align: middle; }
  .news_center div.desc section{ height: auto;font-size: 32px!important; }
  body.news_center .width66 .swiper-container img{ height: 912px; }
  body.news_center .width33 .hot:last-child .content .num{padding-left: 80px;}
  body.news_center .width66 .content dl dt{ font-size: 36px;width: 390px; }        .size32{ font-size: 64px; }
  .about_us .desc.flex video{ height: 800px; }
  .about_us .content_bg, .about_us .culture_bg{ height: 1260px; }
  .about_us .power .swiper-slide{ width: 33%!important; }
  .about_us .power .swiper-slide>div{ font-size: 48px;height: 760px;padding:260px 40px 0 70px;margin: 0 40px;}
  .center.size50.mb50.mt70.aos-init.aos-animate{ font-size: 70px; }
  .about_us .culture_bg .img{ width: 180px;height: 180px; }
  .about_us .culture_bg h3{font-size: 56px;margin-bottom: 10px;}
  .about_us .culture_bg .container_center.flex>div p{font-size: 30px;max-width: 400px;}
  .about_us .power .swiper-slide>div::before{ height: 4px;width: 48px;left: 70px; }
  .about_us .year img{ height: 784px; }
  .about_us .year .swiper-slide>div>div{ font-size: 48px;margin-bottom: 60px; }
  .about_us .year .swiper-slide span{ font-size: 32px;min-height: 36px;min-width: 40px; }
  .about_us .year a{ min-height: 40px;min-width: 40px;}
  .contant .map .nav-down .list > li .tt{ font-size: 28px;line-height: 48px;margin-bottom: 30px; }
  .contant .map .item{ font-size: 36px;line-height: 36px;padding-top: 60px; }
  .contant .map .nav-down .list > li .items > a{ font-size: 28px;line-height: 64px; }
  div#layui-layer1{ width:2020px!important;height: 1160px!important;top:301px!important;left:910px!important }
  .free_use .BGwhite,.login_alert .BGwhite{min-width:1020px;max-width:100vw;border-radius:14px;background:#fff no-repeat left top;min-height:1160px!important;padding-top:86px!important}
  .login_alert .toggle>*{ font-size: 44px!important; }
  .case_detail_body .part_a .width66 p{ font-size: 32px!important; }
  .case_detail_body .part_a .width66 p span{ font-size: 32px!important; }
  .case_body .part_b .swiper-slide{ height: 876px;width: 2000px!important;margin-right: 20px; }
  .case_body .part_b{ background-size:100% 800px }
  .title-36vccIVpTm{ font-size: 32px!important;line-height: 90px!important; }
  .item-text-OvvkLDLz7i{ font-size: 28px!important;line-height: 48px!important; }
  .Content-oOVMJPQBPo{ font-size: 26px!important;line-height: 44px!important; }
  .case_body .part-a>.relative>.absolute li{ height: 200px;width: 540px;line-height: 196px; }
  .case_body .part_b img.width40{ height: 876px; }
  .case_body .part_b .swiper-slide .iconfont{ width: 80px;height: 80px;line-height: 80px;margin-left: 60px; }
  .case_body .part_b .swiper-slide-active .width60 img{ width: 480px;min-height: 100px;border: solid 2px #f0f0f0; }
  .nav-next, .nav-prev{ width: 80px;height: 80px; }
  .search_body .search_bar{ font-size: 30px;padding: 240px 0 160px 0;margin-bottom: 60px; }
  .search_body .search_bar .flex .btn{ width: 200px; }
  .search_body .search_bar .flex{ line-height: 100px; }
  .search_body .search_bar .flex input{ height: 100px;padding-left: 40px;font-size: 32px; }
  .search_body .search_bar .flex .btn img{ height: 32px;margin-right: 12px; }
  .company_body .part03 li, .company_body .part03 select{ height: 84px;min-width: 25vw;max-width: 80vw;width:840px;border-radius:42px;font-size: 32px;text-indent: 40px; }
  div#map00{ height: 940px!important; }
  .company_body .part02 ul{ width: 560px;line-height: 100px;max-width: 160vw; }
  .contant .map .nav-down .list > li .t1{ font-size: 32px; }
  .about_us .absolute a{ height: 140px!important;line-height: 140px!important;background-size: 10%!important; }
  .about_us .iconfont{height: 84px!important;width: 84px!important;line-height: 80px!important;}
  .content_bg .container_center .btn{ line-height: 76px;height: 80px;border-radius: 8px; }
  h3{ font-size: 48px!important; }
  .about_us .year_content li{font-size: 40px;margin: 60px 0 20px;}
  .about_us .year_content li:after{ left: -60px;top: 20px;height: 10px;width: 36px;border-radius: 20px; }
  .product_body .part03-1 .BGwhite{ height: 360px; }
  .product_body .part08 dt{ font-size: 48px; }
  .product_body .swiper-pagination-bullet{ height: 20px;min-width: 20px;margin: 0 12px; }
  .product_body .part01 .img_four img{ height: 332px; }
  .product_body .part03-1 .BGwhite img{ height: 35%; }
  .product_body .part06 .flex1:hover h3{ font-size: 40px!important; }
  .product_body .part06{ height: 760px; }
  .product_body .part06 .flex1{ min-height: 600px; }
  .product_body .part06 .flex1 img{ margin: 160px auto 50px;height: 128px; }
  .product_body .part06 .flex1:hover img{ margin-top: 50px!important;height: 128px; }
  .product_body .part06 .flex:hover .flex1.on img{ margin-top: 160px;height: 128px; }
  .product_body .part07 .flex>div .BGwhite:before{height: 340px;width: 340px;top: 110px;margin-left: -170px;}
  .product_body .part07 .flex>div img{ margin: 160px auto 140px;height: 160px; }
  .category03 .systemBox{ max-width: 2800px; }
  img.block.auto.product05-5{ width: 2800px; }
  .category03 .systemBox .product a{ font-size: 36px; }
  .category03 .part10-swiper img{ height: 1200px;max-height: 240vw;max-width: 100vw; }
  .max550{ max-width: 1100px; }   .size45{ font-size: 90px; }    .max800{ max-width: 1600px; }    .max450{max-width: 900px;}
  .product_body .part10-swiper ul.tips li{ border-radius: 8px;line-height: 60px;margin-right: 20px;padding: 0 18px;margin-bottom: 10px; }
  p.size35.lighter.aos-init.aos-animate{ font-size: 70px; }
  .s24{ font-size: 48px!important; }     .s30{font-size: 60px!important;}    .s35{font-size: 70px!important;}    .s45{ font-size: 90px!important; }
  .category03 .journey{ height: 760px; }
  .product_body .part32 ul.flex{ line-height: 120px; }
  .product_body .part32 .tips span{ border-radius: 8px;padding:0 20px;margin-right: 8px;margin-bottom: 16px; }
  .product_body .part32 ul.flex:after{ width: 2600px;margin-left: -1300px;border:solid 2px rgba(0,0,0,.1); }
  .product_body .part32 dd{ padding: 100px;min-height: 640px; }
  .product_body .part32 ul.flex li{ margin: 0 60px; }
  .product_body .part32 .tips{ line-height: 60px;margin-top: 60px; }
  .theme_body img.block.mb20.ascendant{width: 100%;}
  .theme_body .part-c.center.Cfff.ohide.mb80{background-size: 100%!important;height: 1500px!important;}
  .product_body .part01 p{font-size: 32px;}
  .product_body .part28 li{ min-height: 240px;margin-bottom: 40px;padding:0 100px }
  .product_body .part16 p{margin-bottom: 70px;font-size: 32px;}
  .product_body .part12{ min-height: 1200px; }
  .product_body .part13 li{ padding-left: 180px;min-height: 320px; }
  .product_body .part13 h2:before{ width: 120px;height: 120px;top: -40px;left: -40px; }
  .news_center span{font-size: 32px!important;}
  .product08_body .part01 img{ height: 92px; }
  .company_body .part01 dt img{height: 100px;}
  .company_body .part04 dl{margin-bottom: 40px;border-radius: 10px;padding: 20px 40px;}
  .company_body .part04 dl dt{border-bottom: solid 2px #e6e6e6;}
  .company_body .part04 dl dd{ padding: 40px 0 40px 160px; }
  .company_body .part04 dl dd .img{ width: 122px;height: 122px;line-height: 122px;border-radius: 60px; }
  .company_body .part04 dl dd .img img{ width: 60px; }
  .company_body .part04 dl dd p.size16{font-size: 36px;}
  .company_body .part02 .address p{background-size: 2.7%;}
  .layui-layer-iframe iframe{ width: 2020px!important;height: 1160px!important; }
  .layui-layer.layui-layer-iframe{width: 100%;height: 100%;}
  .case_detail_body .part_a .width66 .tips span{ line-height: 60px;border-radius: 8px;padding: 0 20px;margin-right: 10px;margin-bottom: 10px; }
}

@media screen and (max-width:1000px){
  .contant .map{ margin: 10px 10px;}
  .contant .map .nav-down .list{ display: block; }
  .contant .map .many{ display: block; }
  .solution .part-d-swiper .swiper-slide li img{ width: 90%; }
  .product_body img.lightense{ width:100% }
  .training_body .container_center ul.part01 dt{ width: 100px!important;min-width: 100px!important; }
  body.news_center .width66 .swiper-container img{ height: 170px; }
  .product08_body .part01 .absolute.num{ color: rgb(12 11 11 / 60%); }
  .login_body form#area_form{ height: 85vh; }
  .training_body .container_center ul.part01 dd{ flex-wrap: wrap; }
  .training_body .container_center ul.part01 dd>div>div:first-child{ margin-bottom: 0px; }
  .training_body .container_center ul.part01 dd>div+*{ margin-left: 10px; }
  .login_body .bg{display: inline;}
}

/* .swiper-container-vertical>.swiper-wrapper{ transform: translate3d(0px,0px,0px)!important; } */

::-webkit-scrollbar{

  width:6px;
}
  
  
::-webkit-scrollbar-track{
  
  border-radius:10px;
  
  background-color:#f7f9fc;
  
}

  
::-webkit-scrollbar-thumb{
  
  border-radius:10px;
  
  background-color:#eaeaea;
  
}
@media screen and (max-width:1000px){
  #index{
    overflow: hidden;
  }
  #index .index-service .product-service .swiper-container{
    overflow: initial;
    width: 70%;
    margin: 0;
  }
  #index .index-service .product-service .item{
    padding: 43px 3.48% 52px;
    margin-right: 0;
    /* transition: width .6s; */
  }
  #index .index-service .product-service .item.active .item-container{
    width: 100%;
    position: relative;
  }
  #index .index-service .product-service .item.active .info{
    display: none;
  }
  #index .index-service .product-service .item .btns{
    margin-top: auto;
  }
  #index .index-service .product-service .item.active{
    flex-grow: 0;
    width: 144%!important;
  }
  #index .index-service .product-service .item .title{
    font-size: 20px;
  }
  #index .index-service .product-service .item .text{
    font-size: 14px;
  }
  #index .index-service .product-service .item .content{
    line-height: 22px;
  }
  #index .index-service .product-service .item .info,#index .index-service .product-service .item .content{
    font-size: 14px;
  }
  #index .index-service .product-service .item .btns .btn{
    width: 124px;
    margin-right: 11px;
    height: 37px;
  }
  #index .index-service .product-service .item .info>span{
    margin-right: 10px;
  }
  #index .index-service .product-service .item .info .info-item img{
    width: 22px;
    height: 22px;
    margin-right: 5px;
  }
  #index .index-service .product-service .item .btns .btn span{
    line-height: 37px;
  }
  #index .index-service .product-service .item .btns .btn span{
    font-size: 12px;
  }
  .product_body .part01 h3,.product_body .part08 dt {
    font-size: 20px;
  }
  .product_body .port04 .width50 ul .news_list-title {
    font-size: 20px;
  }
  .swiper-pagination-cp {
    bottom: -20px!important;
    left: 50%!important;
    transform: translateX(-50%);
  }
}

/* fix 2023/7/31 */
#desc {
  top: -80px;
}
.container_center {
  line-height: 1.5;
}
.product_body .part24 li p {
  line-height: 1.8;
}
.h5_show-tips1 {
  border: solid 1px #9eb1d7;
  line-height: 1.5;
  padding: 5px 20px;
  cursor: pointer;
}
.h5_show-tips1.Con  {
  background-color: #e4edff;
}
.news_list-block {
  display: none;
}
.news_list-block:first-child {
  display: block;
}
.news_list-block {
  padding: 10px;
}
.news_list-block a {
  display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.news_list-block-date {
  display: block;
  margin-top: 5px;
  color: #333;
}
.news_list-title {
  line-height: 1.5;
}
.produce_list-scrollwidth {
  width: auto;
}
.mysize18,.mysize24 {
  font-size: 22px;
}
#abvideoimg {
  display: block;
  width: 100%;
}
#abvideo {
  display: none;
}
.public-morecase{
  /* box-shadow: 1px 1px 15px #165ae3; */
}
#index .onlines-box .tel .btn {
  background-color: #fff;
}
.product_body .part03 .morecase {
  background-color: #e5eeff;
 }
 body .login_alert .BGwhite {
  /* margin-top: 50px; */
 }
 #index .index-news .news-container .news-right .swiper-news .swiper-slide {
  align-items: flex-start;
 }
 #index .index-news .news-container .swiper-newsleft {
  width: 32%;
 }
 .column-reserve {
  display: unset;
 }
 body .mysize3018 {
  font-size: 30px;
 }
 #index .index-news .news-container .video-box .pic img {
  max-height: none;
  min-height: unset;
 }
 #index .index-news .news-container .video-box .pic img:first-child {
  margin-bottom: 5px;
 }
 #index .index-news .news-container .video-box {
  width: 98%;
 }
 .news-left-box {
  width: 35%;
 }
 #part4 {
  position: relative;
 }
 .part4-tle {
  position: absolute;
  font-size: 30px;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
 }
 #index .index-news .news-container .indexnews .video-box .pic img {
  height: 140px;
  display: block;
  object-fit: cover;
 }
 .indexnews {
  height: inherit;
  padding-bottom: 30px;
 }
 #index .index-news .news-container .video-box .info {
  padding: 10px 0;
 }
 .product_body .part24 li {
  align-items: flex-start;
  padding-top: 35px;
 }
 iframe {
  /* display: none!important; */
 }
 .product_body .news-swiper .size24 {
  font-size: 18px;
 }
 .content dl dd .lookmore-right {
  float: right;
  text-align: right;
  /* line-height: 1; */
}
.verbar {
  width: 1px;
  height: 220px;
  background-color: #ddd;
}
.aqimg {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.maxwidth1400 {
  max-width: 1400px;
  margin: 0 auto;
}
.bottomline {
  border-bottom: 1px solid #e6e6e6;
}
.zhaibei-block {
  overflow-x: auto;
}
.zhaibei-block::-webkit-scrollbar {
  height: 5px;
}
.zhaibei-list {
  min-width: 752px;
  font-size: 20px;
	color: #666666;
  overflow-x: auto;
  flex-wrap: nowrap;
  text-align: center;
}
.zhaibei-list li {
  display: inline-block;
  padding-bottom: 14px;
  transition: all .1s linear;
  cursor: pointer;
}
.zhaibei-list li:hover {
  color: #165ae3;
  border-bottom: 3px solid #165ae3;
}
.zhaibei-list li.active {
  color: #165ae3;
  border-bottom: 3px solid #165ae3;
}
.zhaibei-img {
  display: none;
  margin-top: 45px;
  margin-bottom: 16px;
}
.zhaibei-img.active {
  display: block;
}
.zhaibei-img img {
  display: block;
  width: 100%;
}
.zhaibei-text {
  display: none;
  background-color: #f7f9fc;
	border-radius: 10px;
  padding: 50px 25px 50px 50px;
}
.zhaibei-text.active {
  display: block;
}
.zhaibei-text-tle {
  font-size: 28px;
	color: #333333;
  margin-bottom: 11px;
  line-height: 1!important;
  font-weight: 700;
}
.zhaibei-text-subtle {
  font-family: HarmonyOS_Sans_SC_Black;
	font-size: 16px;
	color: #165ae3;
  margin-bottom: 16px;
  line-height: 1!important;
  font-weight: 700;
}
.zhaibei-text-con {
  font-size: 16px;
	line-height: 28px;
	color: #595757;
}
.userprice {
  position: relative;
}
.userprice-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 22px;
  z-index: 2;
  transition: all .3s;
}
.userprice-bord {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 1;
  border-radius: 9px;
}
.product_body .part29 .userprice img {
  margin-bottom: 0;
}
.mt68 {
  margin-bottom: 68px;
}
@media screen and (max-width: 1430px) {
  #index .index-service .product-service .item .info .info-list span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1430px) {
  #index .index-service .product-service .item .info .info-list span {
    font-size: 12px;
  }
}
@media screen and (max-width: 1285px) {
  #index .index-service .product-service .item .info .info-list span {
    font-size: 12px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    display: inline-block;
    width: 155px;
    flex: 1;
    margin-left: -15px;
  }
  #index .index-service .product-service .item .info .info-item {
    margin-right: 0;
  }
  #index .index-service .product-service .item .info>span {
    margin-right: 10px;
  }
  .zhaibei-list {
    font-size: 15px;
  }
  .zhaibei-text {
    padding: 30px 10px 30px 20px;
  }
  .zhaibei-text-tle {
    font-size: 22px;
  }
}
@media screen and (max-width: 1000px) {
  .produce_list-scrollwidth {
    width: 855px;
  }
  .scrollbar::-webkit-scrollbar {
    height: 2px;
  }
  .h5w100 {
    width: 100%;
  }
  .cases-content img {
    display: block;
    max-width: 100%!important;
    object-fit: contain;
  }
  body.news_center .width66 .desc img {
    object-fit: contain;
  }
  .content dl dd .lookmore-right {
    float: right;
    text-align: right;
    /* margin-top: -10px; */
  }
  body.news_center .width66 .content dl {
    padding-bottom: 10px;
  }
  .product_body .part24 li {
    min-height: auto;
  }
  .product_body .part24 li .size24 {
    font-size: 20px;
  }
  .mysize18 {
    font-size: 18px;
  }
  .mysize24 {
    font-size: 20px;
  }
  .about_us .year_content li {
    font-size: 18px;
    color: #165ae3;
  }
  .about_us .year_content li {
    margin: 20px auto 10px;
  }
  .about_us .culture_bg h3 {
    font-size: 20px;
  }
  .about_us .culture_bg .container_center.flex>div p {
    font-size: 14px;
  }
  .service_body .part03 dd b {
    font-size: 20px;
  }
  .about_us .header_bg .btn_box a, .about_us .part10-swiper .btn_box a{ 

    min-width: 1px; padding-left:10px;  line-height: 35px; background: #e5eeff; color:#165ae3;

   }
   .about_us .header_bg .btn_box .iconfont, .about_us .part10-swiper .btn_box .iconfont {
    /* background: #fff;
    color: #165ae3; */
    width: 35px;
    margin-left: 5px;
   }
   .product-more_btn {
    color: #165ae3;
    background-color: #fff;
   }
   .product-more_btn .iconfont {
    color: #165ae3;
    /* background-color: #fff; */
   }
   .more_btn {
    color: #165ae3;
    /* background-color: #fff; */
    background-color: #e5eeff;
   }
   .more_btn .iconfont {
    /* color: #165ae3; */
    background-color: #165ae3;
    width: 35px;
   }
   .product_body .part00 .part03 {
    margin-bottom: 16px;
   }
   #index .index-solute .solute-detail .swiper-solute .swiper-wrapper .swiper-slide>img {
    height: 540px;
   }
   #index .onlines-box .flex .left .t2 {
    font-size: 24px;
   }
   #index .index-news .news-container .video-box .pic img {
    min-height: auto;
   }
   .swiper-container-pa {
    position: relative;
   }
   body .header_bg .size50 {
    font-size: 24px;
   }
   .product_body .part01 h3,.product_body .part03-1 .BGwhite h3,#part2 h3,.product_body .part28 h3,.product_body .part06 .flex1 h3,.product_body .part13 h3,.product_body .part15 li h3 {
    font-weight: 500;
   }
   #index .index-news .news-container .swiper-newsleft {
    width: 100%;
   }
   .news_list-title,.product_body h3 {
    font-weight: 500;
    font-family: unset;
   } 
   .news_list-title {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
   }
   #part3>div:first-child,#part2>div:first-child,.part03-1>div:first-child,.part03>div:first-child,#part1,#part4,#part3,#document-news {
    margin-top: 30px;
    margin-bottom: 20px;
   }
   #part1 {
    font-family: unset;
    font-weight: 500;
   }
   .about_us .year_swiper_box .year_swiper .swiper-slide-active {
    font-size: 14px;
    color: #333;
    transform: translateY(0);
    
   }
   .t30 {
    margin-top: 30px;
   }
   .t30b20 {
    margin-top: 30px;
    margin-bottom: 20px;
   }
   .t0 {
    margin-top: 0;
   }
   .t0b0 {
    margin-top: 0;
    margin-bottom: 0;
   }
   .more_btn {
    height: 35px;
    line-height: 35px;
   }
   .about_us .year .swiper-slide>div>div {
    font-weight: 500;
   }
   .column-reserve {
    display: flex;
    flex-direction: column-reverse;
   }
   body .mysize3018 {
    font-size: 18px;
   }
   .news-left-box {
    width: 100%;
   }
   #index .index-news .news-container .video-box {
    margin: 0 auto;
   }
   .product_body .between.flex .mywidth25 {
    width: 100%;
   }
   .swiper-cp .swiper-slide {
    height: 160px;
    overflow-y: auto;
    align-items: flex-start;
   }
   .swiper-cp .swiper-slide::-webkit-scrollbar {
    width: 2px;
   }
   .product_body .part26 li img {
    min-height: auto;
   }
   #index .index-case {
    padding: 0;
   }
   #index .index-solute {
    padding: 20px 0 40px;
   }
   .verbar {
    display: none;
   }
   .zhaibei-list {
    font-size: 14px;
   }
   .zhaibei-text-con {
    font-size: 14px;
   }
   #index .index-solute .solute-detail {
    margin-top: 30px;
   }
   .mymb30 {
    margin-bottom: 30px;
   }
   #index .index-case .case-container .swiper-case .swiper-wrapper .swiper-slide .info .tops .desc {
    margin-top: 5px;
   }
   /* #index .index-service .product-service .swiper-container {
    width: 100%;
   } */
}
@media screen and (max-width: 768px) {
  .h5hide {
    display: none;
  }
  .case_body .part-a>.relative>.h5_show li {
    width: 50%;
    min-width: 50%;
  }
  .case_body .part-a>.relative {
    left: 0;
  }
  .case_body .part-a>.relative>.h5_show {
    left: 0;
  }
  #index .index-service .product-service .item {
    height: 404px;
  }
  #index .index-service .product-service .item .btns {
    margin-top: 120px;
  }
  .size45 {
    font-size: 24px;
  }
  #event img {
    display: block;
    width: 100%;
    height: auto;
  }
}
.rds_body {
  background-image: url(../picture/rdsBg.png);
}

.rds_body .more {
  cursor: pointer;
}

.rds_body .rds_banner {
  position: relative;
  width: 100%;
}

.rds_body .rds_banner .rds_banner_img {
  width: 100%;
  min-height: 42rem;
  background-image: url(../picture/rdsBanner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top -3.4rem left 0;
}

.rds_body .rds_banner .rds_part01_box {
  display: flex;
  justify-content: space-between;
  margin-top: -14.4rem;
  padding: 3rem 2.5rem;
  border-radius: 1rem;
  background: linear-gradient(to bottom, #fff, transparent);
}

.rds_body .rds_banner .rds_part01_box .right {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1.75rem;
  width: 100%;
}

.rds_body .rds_banner .rds_part01_box .right .title {
  color: #333;
  font-size: 1.8rem;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋" !important;
}

.rds_body .rds_banner .rds_part01_box .right .slogan {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  line-height: 2.1rem;
}

.rds_body .rds_banner .rds_part01_box .right .slogan span {
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋" !important;
}

.rds_body .rds_banner .rds_part01_box .right .slogan .impText {
  color: #165ae3;
}

.rds_body .rds_banner .rds_part01_box .right .introduce {
  color: #666;
  margin-top: 2.1rem;
  font-size: 16px;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋" !important;
  line-height: 1.7rem;
}

.rds_body .rds_banner .rds_part01_box .left {
  width: 43.2rem;
  max-width: 100%;
}

.rds_body .rds_part02 {
  width: 100%;
  padding-bottom: 4.3rem;
  background-color: #f7f9fc;
}

.rds_body .rds_part02 .title {
  display: flex;
  justify-content: center;
}

.rds_body .rds_part02 .title p {
  margin-top: 3rem;
  margin-bottom: 1.75rem;
  font-size: 1.8rem;
  line-height: 1;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋" !important;
}

.rds_body .rds_part02 .content img {
  max-width: 100%;
}

.rds_body .rds_part02 .bottom {
  margin-top: 3.75rem;
}

.rds_body .rds_part02 .bottom .bottomline {
  border-bottom: 0.05rem solid #e6e6e6;
}

.rds_body .rds_part02 .bottom .bottomline .rds-block {
  overflow-x: auto;
}

.rds_body .rds_part02 .bottom .bottomline .rds-block::-webkit-scrollbar {
  height: 0.25rem;
}

.rds_body .rds_part02 .bottom .bottomline .rds-list {
  justify-content: space-evenly;
  min-width: 37.6rem;
  font-size: 1rem;
  color: #666666;
  overflow-x: auto;
  flex-wrap: nowrap;
  text-align: center;
}

.rds_body .rds_part02 .bottom .bottomline .rds-list li {
  display: inline-block;
  padding: 0 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
  padding-bottom: 0.7rem;
  transition: all .1s linear;
  cursor: pointer;
}

.rds_body .rds_part02 .bottom .bottomline .rds-list li:hover {
  color: #165ae3;
  border-bottom: 0.15rem solid #165ae3;
}

.rds_body .rds_part02 .bottom .bottomline .rds-list li.active {
  color: #165ae3;
  border-bottom: 0.15rem solid #165ae3;
}

.rds_body .rds_part02 .bottom .rdsBottomContent {
  display: flex;
  margin-top: 2.25rem;
  padding: 2.5rem 0;
  border-radius: 0.5rem;
  background-color: #fff;
}

.rds_body .rds_part02 .bottom .rdsBottomContent .right {
  flex-shrink: 0;
  margin: 0 5.25rem;
  width: 31.1rem;
  max-width: 100%;
}

.rds_body .rds_part02 .bottom .rdsBottomContent .left {
  display: flex;
  align-items: center;
  padding-right: 1.75rem;
}

.rds_body .rds_part02 .bottom .rdsBottomContent .left .text .title {
  display: unset;
}

.rds_body .rds_part02 .bottom .rdsBottomContent .left .text .title .chT {
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
}

.rds_body .rds_part02 .bottom .rdsBottomContent .left .text .title .enT {
  color: #165ae3;
  font-size: 0.8rem;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
  line-height: 1.4rem;
}

.rds_body .rds_part02 .bottom .rdsBottomContent .left .text .introduce {
  margin-top: 1.25rem;
  color: #666;
  font-size: 16px;
  line-height: 1.1rem;
}

.rds_body .rds_part03 {
  position: relative;
  padding-bottom: 5.5rem;
  background-image: url(../picture/rdsPart03Bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.rds_body .rds_part03 .title {
  display: flex;
  justify-content: center;
}

.rds_body .rds_part03 .title p {
  margin-top: 4.5rem;
  margin-bottom: 3.75rem;
  font-size: 1.8rem;
  line-height: 1;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋" !important;
}

.rds_body .rds_part03 .content {
  display: flex;
  border-radius: 0.5rem;
  background-color: #fff;
}

.rds_body .rds_part03 .content #video {
  flex-shrink: 0;
  margin: 1rem 70px 20px 20px;
  width: 34rem;
  height: 21rem;
}

.rds_body .rds_part03 .content #video video {
  height: 100%;
}

.rds_body .rds_part03 .content .left {
  position: relative;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  padding-right: 2.6rem;
}

.rds_body .rds_part03 .content .left .text {
  height: 100%;
}

.rds_body .rds_part03 .content .left .text .title {
  display: unset;
  color: #333;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
  line-height: 1.6rem;
}

.rds_body .rds_part03 .content .left .text .date {
  margin-top: 0.7rem;
  margin-bottom: 1.25rem;
  color: #999;
  font-size: 0.8rem;
}

.rds_body .rds_part03 .content .left .text .introduce {
  color: #666;
  font-size: 16px;
  line-height: 1.35rem;
}

.rds_body .rds_part03 .content .left .more {
  float: right;
}

.rds_body .rds_part03 .content .left .more:hover {
  color: #165ae3;
}

.rds_body .rds_part03 .content .left .more img {
  margin-left: 0.6rem;
}

.rds_body .rds_part04 {
  padding-bottom: 6.3rem;
}

.rds_body .rds_part04 .title {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 0.4rem;
}

.rds_body .rds_part04 .title p {
  margin-top: 5rem;
  font-size: 1.8rem;
  line-height: 1;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋" !important;
}

.rds_body .rds_part04 .title p:last-child {
  margin-top: 0.9rem;
  margin-bottom: 2.4rem;
  color: #666;
  font-size: 0.9rem;
}

.rds_body .rds_part04 .content ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem;
}

.rds_body .rds_part04 .content ul li {
  position: relative;
  background-color: #fff;
}

.rds_body .rds_part04 .content ul li:last-child {
  overflow: auto;
}

.rds_body .rds_part04 .content ul li:last-child ul {
  display: unset;
  padding: 1.75rem 0;
  height: 100%;
}

.rds_body .rds_part04 .content ul li:last-child ul li {
  position: relative;
  display: flex;
  margin: 1.75rem 1.6rem 0 1.6rem;
  border-bottom: 0.05rem solid #e4e8ec;
  transition: all 0.3s;
  cursor: pointer;
}

.rds_body .rds_part04 .content ul li:last-child ul li:hover {
  border-bottom: 0.05rem solid transparent;
}

.rds_body .rds_part04 .content ul li:last-child ul li:hover::before {
  background-color: #165ae3;
}

.rds_body .rds_part04 .content ul li:last-child ul li:hover .info img {
  width: 5.5rem;
  margin-left: 0.9rem;
}

.rds_body .rds_part04 .content ul li:last-child ul li:hover .text .title p {
  color: #165ae3 !important;
}

.rds_body .rds_part04 .content ul li:last-child ul li::before {
  content: '';
  position: absolute;
  top: calc(.5em + 0.4rem);
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #000;
  border-radius: 50%;
}

.rds_body .rds_part04 .content ul li:last-child ul li:last-child {
  border-bottom: 0rem;
}

.rds_body .rds_part04 .content ul li:last-child ul li .info {
  display: flex;
  transition: all 0.3s;
}

.rds_body .rds_part04 .content ul li:last-child ul li .info img {
  flex-shrink: 0;
  width: 0;
  height: 3.5rem;
  transition: all 0.3s;
}

.rds_body .rds_part04 .content ul li:last-child ul li .info .text {
  margin-left: 0.9rem;
}

.rds_body .rds_part04 .content ul li:last-child ul li .info .text .title p {
  display: unset;
  margin: 0;
  color: #333;
  font-size: 0.9rem;
}

.rds_body .rds_part04 .content ul li:last-child ul li .info .text .date {
  margin-top: 0.75rem;
  margin-bottom: 0.9rem;
  color: #999;
  font-size: 0.8rem;
}

.rds_body .rds_part04 .content ul li .top img {
  max-width: 100%;
}

.rds_body .rds_part04 .content ul li .bottom .text {
  padding: 1.1rem 32px;
}

.rds_body .rds_part04 .content ul li .bottom .text .title {
  display: unset;
  color: #333;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.rds_body .rds_part04 .content ul li .bottom .text .date {
  margin-top: 0.8rem;
  margin-bottom: 0.9rem;
  color: #999;
  font-size: 0.8rem;
}

.rds_body .rds_part04 .content ul li .bottom .text .introduce {
  color: #999;
  font-size: 16px;
  line-height: 1.35rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.rds_body .rds_part04 .content ul li .more {
  position: absolute;
  bottom: 1.1rem;
  right: 1.75rem;
}

.rds_body .rds_part04 .content ul li .more:hover {
  color: #165ae3;
}

.rds_body .rds_part04 .content ul li .more img {
  margin-left: 0.6rem;
}

@media screen and (max-width: 1700px) and (min-width: 1050px) {
  .rds_body .container_center {
    max-width: 88vw;
  }
}

@media screen and (max-width: 1050px) {
  .rds_body .rds_banner .rds_banner_img {
    background-position: 0 0;
    background-size: contain;
  }
  .rds_body .rds_banner .rds_part01_box {
    flex-direction: column;
    margin-top: -488px;
  }
  .rds_body .rds_banner .rds_part01_box .right {
    margin-right: 0;
    margin-bottom: 35px;
  }
  .rds_body .rds_part02 .bottom .rdsBottomContent {
    flex-direction: column-reverse;
  }
  .rds_body .rds_part02 .bottom .rdsBottomContent .left {
    padding: 0 35px 35px 35px;
  }
  .rds_body .rds_part03 .content {
    flex-direction: column-reverse;
  }
  .rds_body .rds_part03 .content .left {
    padding: 20px;
  }
  .rds_body .rds_part03 .content #video {
    margin: 20px;
    width: unset;
    height: unset;
  }
  .rds_body .rds_part04 .content ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .rds_body .rds_part04 .content ul li {
    display: flex;
  }
  .rds_body .rds_part04 .content ul li:last-child ul {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .rds_body .rds_banner .rds_banner_img {
    min-height: 40vh;
    background-size: cover;
  }
  .rds_body .rds_banner .rds_part01_box {
    margin-top: -40px;
    padding: 25px;
  }
  .rds_body .rds_part02 .bottom .rdsBottomContent {
    padding: 25px 0;
  }
  .rds_body .rds_part02 .bottom .rdsBottomContent .right {
    margin: 0;
    padding: 0 25px;
  }
  .rds_body .rds_part02 .bottom .rdsBottomContent .left {
    padding: 0 25px 25px 25px;
  }
  .rds_body .rds_part04 .content ul li {
    display: block;
  }
  #index .index-banner .index-swiper .swiper-slide:nth-child(2) .mask .text-box img {
    margin-top: 0;
    max-height: 140px;
    max-width: none;
  }
}

.tpi_body .more {
  cursor: pointer;
}

.tpi_body .tpiPart01 {
  padding-bottom: 6.25rem;
  background-image: url(../picture/tpiPart01Bg.png);
  background-size: cover;
}

.tpi_body .tpiPart01 .title {
  position: relative;
  height: 11.8rem;
}

.tpi_body .tpiPart01 .title img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.5);
}

.tpi_body .tpiPart01 .title p {
  position: absolute;
  top: calc(50% + 1.3rem);
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  font-size: 2.1rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
}

.tpi_body .tpiPart01 .swiper-pagination-bullet {
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.13rem;
}

.tpi_body .tpiPart01 .swiper-pagination-bullet-active {
  background-color: #165ae3;
}

.tpi_body .tpiPart01 .swiper1-1 {
  padding-bottom: 3.2rem;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-pagination {
  bottom: 0;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide-prev {
  position: relative;
  transform: scale(0.6) translateX(60%);
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide-prev::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, #fff, rgba(245, 248, 251, 0.8));
  z-index: 9;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide-active {
  z-index: 9;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide-next {
  position: relative;
  transform: scale(0.6) translateX(-60%);
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide-next::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #fff, rgba(245, 248, 251, 0.8));
  z-index: 9;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide {
  display: flex;
  transition: all .3s;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide img {
  margin-right: 2.5rem;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right {
  position: relative;
  padding-top: 2.7rem;
  padding-bottom: 2.7rem;
  padding-right: 2.3rem;
  width: 100%;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .title {
  margin-bottom: 1.4rem;
  height: unset;
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .introduce {
  color: #595757;
  font-size: 16px;
  line-height: 1.4rem;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .logo {
  position: absolute;
  bottom: 2.7rem;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .more {
  position: absolute;
  right: 2.3rem;
  bottom: 2.7rem;
  display: flex;
  width: 9.2rem;
  height: 2.3rem;
  color: #165ae3;
  font-size: 0.7rem;
  border: 1px solid transparent;
  border-radius: 0.2rem;
  background-color: #ecf4fa;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .more .text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .more .but {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 100%;
  border-radius: 0 0.2rem 4px 0;
  background-color: #165ae3;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .more .but img {
  margin: 0;
}

.tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .more:hover {
  border: solid 1px rgba(22,90,227,.4);
  filter: brightness(110%);
}

.tpi_body .tpiPart01-2 {
  position: relative;
}

.tpi_body .tpiPart01-2 .rArr {
  position: absolute;
  top: 50%;
  right: -4.1rem;
  transform: translate(0, -50%) rotate(180deg);
  width: 2.05rem;
  height: 2.05rem;
  background-image: url(../picture/tpiPart01-2LA.png);
  background-size: cover;
}

.tpi_body .tpiPart01-2 .rArr:hover {
  background-image: url(../picture/tpiPart01-2RA.png);
  transform: translate(0, -50%) rotate(0deg);
}

.tpi_body .tpiPart01-2 .lArr {
  position: absolute;
  top: 50%;
  left: -4.1rem;
  transform: translate(0, -50%);
  width: 2.05rem;
  height: 2.05rem;
  background-image: url(../picture/tpiPart01-2LA.png);
  background-size: cover;
}

.tpi_body .tpiPart01-2 .lArr:hover {
  background-image: url(../picture/tpiPart01-2RA.png);
  transform: translate(0, -50%) rotate(180deg);
}

.tpi_body .tpiPart01-2 .swiper1-2 {
  margin-top: 3.2rem;
}

.tpi_body .tpiPart01-2 .swiper1-2 .swiper-slide {
  padding: 1.5rem;
  width: 22rem;
}

.tpi_body .tpiPart01-2 .swiper1-2 .swiper-slide .preview {
  margin-top: 1rem;
  margin-bottom: 1.6rem;
  max-width: 100%;
}

.tpi_body .tpiPart01-2 .swiper1-2 .swiper-slide .title {
  position: relative;
  padding-bottom: 1.6rem;
  border-bottom: 0.05rem solid #999;
  height: unset;
  color: #333;
  font-size: 1.2rem;
}

.tpi_body .tpiPart01-2 .swiper1-2 .swiper-slide .title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.5rem;
  height: 0.15rem;
  background-color: #165ae3;
}

.tpi_body .tpiPart01-2 .swiper1-2 .swiper-slide .introduce {
  margin-top: 1.6rem;
  height: 16.4rem;
  overflow: auto;
}

.tpi_body .tpiPart01-2 .swiper1-2 .swiper-slide .introduce p {
  color: #666;
  font-size: 16px;
  line-height: 1.5rem;
}

.tpi_body .tpiPart02 {
  padding-bottom: 3.75rem;
  background-image: url(../picture/tpiPart02Bg.png);
  background-size: cover;
}

.tpi_body .tpiPart02 .title {
  position: relative;
  height: 11.8rem;
}

.tpi_body .tpiPart02 .title img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.5);
}

.tpi_body .tpiPart02 .title p {
  position: absolute;
  top: calc(50% + 1.3rem);
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  font-size: 2.1rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
}

.tpi_body .tpiPart02 .top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 2.8rem;
  padding: 1.5rem;
}

.tpi_body .tpiPart02 .top .topItem .title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 0.8rem;
  height: 4rem;
  border-radius: 0.4rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
  background-image: url(../picture/tpiPart02TTBg.png);
  background-size: cover;
}

.tpi_body .tpiPart02 .top .topItem .introduce img {
  max-width: 100%;
}

.tpi_body .tpiPart02 .bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.5rem 2rem;
}

.tpi_body .tpiPart02 .bottom .bottomItem {
  position: relative;
  display: flex;
  padding: 2.1rem 1.6rem;
  border: 0.05rem solid #fff;
  background-color: transparent;
  transition: all .3s;
}

.tpi_body .tpiPart02 .bottom .bottomItem:hover {
  transform: translateY(-1rem);
  border: 0.05rem solid #165ae3;
}

.tpi_body .tpiPart02 .bottom .bottomItem:hover::before {
  background-color: #fff;
  opacity: 1;
}

.tpi_body .tpiPart02 .bottom .bottomItem:hover .left .more {
  background-color: #ebf3ff;
}

.tpi_body .tpiPart02 .bottom .bottomItem:hover .left .text .title {
  color: #165ae3;
}

.tpi_body .tpiPart02 .bottom .bottomItem::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eff4fd;
  opacity: 0.5;
}

.tpi_body .tpiPart02 .bottom .bottomItem .left {
  position: relative;
  z-index: 9;
}

.tpi_body .tpiPart02 .bottom .bottomItem .left .text .title {
  margin-bottom: 1.2rem;
  height: unset;
  color: #333;
  font-size: 1.2rem;
}

.tpi_body .tpiPart02 .bottom .bottomItem .left .text .introduce {
  color: #999;
  font-size: 16px;
  line-height: 1.5rem;
  text-indent: 2em;
}

.tpi_body .tpiPart02 .bottom .bottomItem .left .more {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  width: 9.2rem;
  height: 2.3rem;
  color: #165ae3;
  font-size: 0.7rem;
  border-radius: 0.2rem;
  background-color: #fff;
}

.tpi_body .tpiPart02 .bottom .bottomItem .left .more .text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tpi_body .tpiPart02 .bottom .bottomItem .left .more .but {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 100%;
  border-radius: 0 0.2rem 4px 0;
  background-color: #165ae3;
}

.tpi_body .tpiPart02 .bottom .bottomItem .left .more .but img {
  margin: 0;
}

.tpi_body .tpiPart02 .bottom .bottomItem .right {
  flex-shrink: 0;
  margin-left: 1.5rem;
  z-index: 9;
}

.tpi_body .tpiPart02 .more {
  display: flex;
  margin: 0 auto;
  margin-top: 3rem;
  width: 11.9rem;
  height: 2.5rem;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  background-color: #165ae3;
}

.tpi_body .tpiPart02 .more .text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tpi_body .tpiPart02 .more .but {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 100%;
  border-radius: 0 0.2rem 4px 0;
  background-color: #165ae3;
}

.tpi_body .tpiPart02 .more .but img {
  margin: 0;
}

.tpi_body .tpiPart02 .more:hover {
  background-color: #ecf4fa;
}

.tpi_body .tpiPart02 .more:hover .text {
  color: #165ae3;
}

.tpi_body .tpiPart03 {
  padding-bottom: 4.75rem;
  background-image: url(../picture/tpiPart03Bg.png);
  background-size: cover;
}

.tpi_body .tpiPart03 .title {
  position: relative;
  height: 11.8rem;
}

.tpi_body .tpiPart03 .title img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.5);
}

.tpi_body .tpiPart03 .title p {
  position: absolute;
  top: calc(50% + 1.3rem);
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  font-size: 2.1rem;
  font-weight: 700;
  font-family: "Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋";
}

.tpi_body .tpiPart03 .swiper3 {
  padding-bottom: 2.6rem;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide-prev {
  position: relative;
  transform: scale(0.88);
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide-prev::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(245, 248, 251, 0.8));
  z-index: 9;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide-active {
  z-index: 9;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide-next {
  position: relative;
  transform: scale(0.88);
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide-next::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(245, 248, 251, 0.8));
  z-index: 9;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide {
  width: 49.95rem;
  transition: all .3s;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .part03Item {
  width: 49.95rem;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .part03Item img {
  max-width: 100%;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text {
  padding: 2rem 30px;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text .title {
  height: unset;
  color: #205fdd;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text .introduce {
  margin-top: 0.9rem;
  color: #666;
  font-size: 16px;
  line-height: 1.4rem;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text .more {
  display: flex;
  float: right;
  margin: 1.2rem 36px 40px 0;
  width: 9.2rem;
  height: 2.3rem;
  color: #165ae3;
  font-size: 0.7rem;
  border: 1px solid transparent;
  border-radius: 0.2rem;
  background-color: #ecf4fa;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text .more .text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text .more .but {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 100%;
  border-radius: 0 0.2rem 4px 0;
  background-color: #165ae3;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text .more .but img {
  margin: 0;
}

.tpi_body .tpiPart03 .swiper3 .swiper-slide .text .more:hover {
  border: solid 1px rgba(22,90,227,.4);
  filter: brightness(110%);
}

.tpi_body .tpiPart03 .swiper3 .swiper-pagination {
  bottom: 0;
}

.tpi_body .tpiPart03 .swiper-pagination-bullet {
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.13rem;
}

.tpi_body .tpiPart03 .swiper-pagination-bullet-active {
  background-color: #165ae3;
}

.tpi_body .tpiPart03 .more {
  display: flex;
  margin: 0 auto;
  margin-top: 3.8rem;
  width: 11.9rem;
  height: 2.5rem;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  background-color: #165ae3;
}

.tpi_body .tpiPart03 .more .text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}

.tpi_body .tpiPart03 .more .but {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 100%;
  border-radius: 0 0.2rem 4px 0;
  background-color: #165ae3;
}

.tpi_body .tpiPart03 .more .but img {
  margin: 0;
}

.tpi_body .tpiPart03 .more:hover {
  background-color: #ecf4fa;
}

.tpi_body .tpiPart03 .more:hover .text {
  color: #165ae3;
}
.fix-qw {
  padding-top: 109px;
  padding-bottom: 71px;
  background: #eeeeee;
  /* background-size: 100% 100%; */
  /* background-attachment: fixed; */
}
.fix-qw-tle {
  padding-bottom: 89px;
}
.fix-qw_img {
  display: block;
  width: 380px;
  margin: 0 auto;
}
.fix-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fix-qw-nameblock {
  width: 380px;
  margin: 0 auto;
}
.fix-qw-name {
  width: 100%;
  padding-left: 61px;
  padding-right: 61px;
  box-sizing: border-box;
  text-align: center;
}
.swiper-slide .fix-qw-name>div {
  width: 100%;
}
.swiper-slide-active .fix-qw-name>div {
  width: 100%;
  color: #165ae3;
}
.swiper-slide .fix-qw-nameblock img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  position: absolute;
  right: 0;
}
.swiper-slide-active .fix-qw-nameblock img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.fix-qw-icon {
  width: 61px;
  height: 53px;
}
.power-swiper .swiper-slide {
  transition: all .3s linear;
}
.power-swiper .swiper-slide-prev {
  transform: scale(0.9);
  opacity: 0.3;

}
.power-swiper .swiper-slide-next {
  transform: scale(0.9);
  opacity: 0.3;
}
.fix-qwboard {
  display: block;
  width: 627px;
  margin: 45px auto 0 ;
}
.hover_up-en {
  font-size: 16px;
  color: #666666;
  margin-top: 6px;
}
.case-sel {
  padding-top: 100px;
  overflow: hidden;
}
.case-sel-list {
  max-width: 1400px;
  margin: 0 auto 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.sel-list-box {
  width: 331px;
  margin-bottom: 30px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
}
.case-list-box-inner {
  height: 154px;
  position: relative;
  transition: all .3s linear;
  /* overflow-y: auto; */
  /* overflow: hidden; */
}
.sel-list-box-after {
  visibility: hidden;
  position: absolute;
  width: 331px;
  height:5px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #165ae3;
	border-radius: 0px 0px 6px 6px;
  z-index: 99;
  transition: all .6s linear;
}
.sel-list-box:hover .sel-list-box-after {
  visibility: visible;
}
.case-sel_title {
  text-align: center;
  color: #333333;
  font-size: 36px;
}
.case-list-box {
  height: 206px;
  position: relative;
  padding: 27px 30px 25px 25px;
  overflow: hidden;
}
.sel-list-box:hover .case-list-box-inner {
  margin-top: -36px;
}
.case-list-box-arr {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
}
.case-list-box-arr p {
  font-size: 14px;
  color: #165ae3;
}
.case-list-box-arr img {
  display: block;
  width: 25px;
	height: 7px;
  margin-left: 16px;
}
.whiteboard {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 27px;
  background-color: #fff;
  z-index: 3;
}
.case-box-title {
  font-size: 24px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 5px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.case-box-desc {
  font-size: 14px;
  color: #666666;
  line-height: 28px;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.sel-bar {
  max-width: 1400px;
  height: 54px;
  border-radius: 8px;
	border: solid 1px #e9e9e9;
  background-color: #fff;
  margin: 48px auto 66px;
  position: relative;
}
.sel-bar ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.sel-bar ul li {
  width: 155px;
	height: 46px;
  line-height: 46px;
  text-align: center;
	border-radius: 8px;
  color: #999999;
  cursor: pointer;
  transition: all .3s linear;
}
.sel-bar ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 22px;
}
.sel-bar ul li.active {
  background-color: #165ae3;
  color: #ffffff;
  box-shadow: 0px 2px 4px 0px 
		rgba(22, 90, 227, 0.41);
}
.sel-bar-l {
  display: none;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 8px 0 0 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: -1px 0px 8px #eeeeee;
}
.sel-bar-l img {
  display: block;
  width: 30px;
  height: 30px;
  margin: 12px auto 0;
}
.sel-bar-r {
  display: none;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 0px 8px 8px 0px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: -1px 0px 8px #eeeeee;
}
.sel-bar-r img {
  display: block;
  width: 30px;
  height: 30px;
  margin: 12px auto 0;
}
.case-sign-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
}
.case-sign-box .case-sign:first-child {
  margin-right: 4px;
}
.case-sign {
  max-width: 49%;
  background-color: #f0f6ff;
	border-radius: 4px;
  padding: 8px 12px;
  color: #165ae3;
  font-size: 14px;
  box-sizing: border-box;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.sel-list-topbg {
  width: 100%;
  height: 103px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.sel-list-topbg-board {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.5);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 25px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  transition: all .6s linear;
  z-index: -1;
}
.sel-list-topbg-board {
  width: 100%;
  height: 100%;
}
.sel-list-box:hover .sel-list-topbg-board {
  z-index: 2;
}
.case-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 79px;
  margin-top: 28px;
}
.case-pagination img {
  display: block;
  width: 16px;
}
.case-pagination ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.case-pagination li {
  width: 41px;
	height: 41px;
  line-height: 41px;
  text-align: center;
	border-radius: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
.case-pagination li.active {
  background-color: #165ae3;
}
.case-pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #333333;
}
.case-pagination li.active a {
  color: #ffffff;
}
.case-prev {
  margin-right: 30px;
}
.case-next {
  margin-left: 30px;
}
.plateflex {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.plate-block {
  width: 678px;
  height: 285px;
  padding: 20px;
  margin-bottom: 40px;
  box-sizing: border-box;
  background-color: #ffffff;
	box-shadow: 0px 0px 32px 0px 
		rgba(71, 73, 77, 0.04);
	border-radius: 8px;
}
.plate-block {
  height: 285px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: transform .2s linear;
  box-sizing: border-box;
}
.plate-block:hover {
  transform: translateY(-20px);
  background-color: #f0f6ff;
  border: solid 1px #b9d1fd;
}
.plate-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.plate-block img {
  display: block;
  width: 301px;
  height: 245px;
  object-fit: cover;
  border-radius: 5px;
}
.plate-title p {
  width: 60%;
  color: #165ae3;
  font-size: 28px;
}
.plate-num {
  font-size: 26px;
  color: #165ae3;
  padding-bottom: 3px;
  border-bottom: 4px solid #cccccc;
}
.plate-text {
  width: 289px;
}
.plate-desc {
  height: 174px;
  font-size: 16px;
  color: #666666;
  line-height: 29px;
  overflow-y: auto;
}
.platebox {
  background-color: #f4f5f7;
  padding-top: 102px;
  padding-bottom: 57px;
}
.adsblk {
  max-width: 1400px;
  margin: 75px auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.adsblk-block {
  width: 686px;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #b9d1fd;
  padding: 43px 33px 35px;
  box-sizing: border-box;
  position: relative;
}
.adsblk-block::after {
  content: "";
  width: 5px;
	height: 36px;
	background-color: #1e5fe0;
  position: absolute;
  left: -2px;
  top: 45px;
}
.adsblk-block-pri {
  color: #1e5fe0;
  font-size: 36px;
  padding-left: 13px;
}
.adsblk-block-title {
  font-size: 24px;
  color: #333333;
  font-weight: 600;
  margin-top: 23px;
  margin-bottom: 30px;
  padding-left: 13px;
}
.adsblk-block-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.adsblk-icon {
  width: 21px;
  margin-right: 15px;
}
.adsblk-info {
  padding-left: 13px;
}
.adsblk-info .adsblk-block-info {
  margin-bottom: 24px;
}
.adsblk-info .adsblk-block-info img {
  display: block;
  width: 14px;
  margin: 0 auto;
}
.adsblk-info .adsblk-block-info:nth-child(2) img {
  width: 18px;
}
.adsblk-info .adsblk-block-info:nth-child(3) img {
  width: 16px;
}
.adsblk-info .adsblk-block-info:nth-child(4) img {
  width: 21px;
}
.adsblk-block-info p {
  color: #666666;
  font-size: 16px;
}
#flexigrid dt {
  color: #2463dd;
}
#map00 {
  height: 320px;
}
#map01 {
  height: 320px;
}
.map {
  width: 100%;
  overflow-x: auto;
}
.map::-webkit-scrollbar {
  background-color: #306fea!important;
  height: 8px;
}
.map::-webkit-scrollbar-thumb {
  background-color: #306fea!important;
}
#map {
  overflow-x: auto;
}
#map::-webkit-scrollbar {
  background-color: #306fea!important;
  height: 8px;
}
#map::-webkit-scrollbar-thumb {
  background-color: #306fea!important;
}
.pas {
  text-align: center;
  color: #333333;
  font-size: 36px;
  margin-top: 86px;
  margin-bottom: 50px;
}
.pasbg {
  background-color: #f7f7f7;
}
.swiper-button-case-prev {
  background-image: url('../img/left_arr.png')!important
}
.swiper-button-case-prev:hover {
  background-image: url('../img/left_arr_01.png')!important
}
.swiper-button-case-next {
  background-image: url('../img/right_arr.png')!important
}
.swiper-button-case-next:hover {
  background-image: url('../img/right_arr_01.png')!important
}
.swiper-button-case-next, .swiper-button-case-prev {
  width: 44px;
  background-size: 44px 44px;
  top: 47.5%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.bluebg {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ebeffa;
}
.bluebg ul li {
  background-color: #fff;
}
/* .news_center .content .lookmore {
  line-height: 1;
} */
.eventyear {
  font-size: 50px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 38px;
}
.casebanner-num li {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
.casebanner-num li b {
  display: flex;
  align-items: flex-end;
  font-weight: 300;
  font-family: '寰蒋闆呴粦,榛戜綋';
}
.casebanner-num li b span:first-child {
  font-weight: bold;
}
.casebanner-num li span {
  line-height: 1;
  font-size: 45px;
}
.casebanner-num li small {
  font-size: 32px;
  margin-bottom: -2px;
  font-weight: 500;
  margin-right: 5px;
}
.case_body .part00>*,.case_detail_body .part00>* {
  min-height: 22vw;
}
.case_body .part00,.case_detail_body .part00 {
  color: #000;
}
.case_body .part03 .morecase,.case_detail_body .part03 .morecase {
  background: #e5eeff;
  border-radius: 5px;
  display: inline-block;
  min-width: 208px;
  text-align: center;
  line-height: 46px;
  color: #165ae3;
  transition: all .3s;
}
.case_body .part03 .morecase,.case_detail_body .part03 .morecase  {
  background-color: #fff;
}
.case_body .part03 .morecase .iconfont,.case_detail_body .part03 .morecase .iconfont {
  float: right;
  background: #165ae3;
  color: #fff;
  padding: 0 14px;
  font-size: 20px;
}
.case_body .part03 .morecase:hover,.case_detail_body .part03 .morecase:hover {
  cursor: pointer;
  border: solid 1px rgba(22,90,227,.4);
  filter: brightness(110%);
}
.next_page-box .next_page{padding:30px 0}
.next_page-box .next_page a{display:inline-block;margin-bottom:10px}
.next_page-box {
  margin-bottom: 20px;
}
.bskyblue {
  background-color: #ebf5ff;
}
@media screen and (min-width: 1400px) {
  body.product_body .summary-img {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 1400px) {
  .adsblk-block {
    width: 49%;
  }
  .adsblk {
    max-width: 95%;
  }
  .plateflex {
    max-width: 1240px;
  }
  .plate-block {
    width: 49%;
  }
  .plate-block img {
    width: 40%;
  }
  .plate-text {
    width: 56%;
  }
}
@media screen and (min-width: 720px) {
  .case-sel-list {
    width: 95%;
  }
  .sel-list-box {
    margin-right: 1.33%;
  }
  .sel-list-box:nth-child(4n) {
    margin-right: 0;
  }
  .sel-list-box {
    width: 23.75%;
  }
  .case-list-box {
    padding: 27px 16px 25px 16px;
  }
}
@media screen and (max-width: 1200px) {
  .fix-qw_img {
    width: 300px;
  }
  .fix-qw-nameblock {
    width: 300px;
    margin: 0 auto;
  }
  .fix-qwboard {
    width: 427px;
  }
  .fix-qw-name {
    font-size: 15px;
  }
  .plate-desc {
    font-size: 14px;
    line-height: 22px;
  }
  .plateflex {
    width: 95%;
  }
  .plate-title p {

  }
}
@media screen and (max-width: 1700px) and (min-width: 1050px) {
  .tpi_body .container_center {
    max-width: 88vw;
  }
}

@media screen and (max-width: 1050px) {
  .tpi_body .header_bg {
    background-position: center;
  }
  .tpi_body .tpiPart01 .title {
    height: 6.8rem;
  }
  .tpi_body .tpiPart01 .title img {
    padding: 0 25px;
  }
  .tpi_body .tpiPart01 .swiper1-1 .swiper-slide {
    flex-direction: column;
  }
  .tpi_body .tpiPart01 .swiper1-1 .swiper-slide img {
    margin: 0;
  }
  .tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right {
    padding: 25px;
  }
  .tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .introduce {
    margin-bottom: 25px;
  }
  .tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .logo {
    position: unset;
  }
  .tpi_body .tpiPart01 .swiper1-1 .swiper-slide .right .more {
    position: unset;
    float: right;
  }
  .tpi_body .tpiPart01-2 .rArr {
    display: none;
  }
  .tpi_body .tpiPart01-2 .lArr {
    display: none;
  }
  .tpi_body .tpiPart02 .title {
    height: 6.8rem;
  }
  .tpi_body .tpiPart02 .title img {
    padding: 0 25px;
  }
  .tpi_body .tpiPart02 .top {
    grid-template-columns: repeat(1, 1fr);
    height: unset;
  }
  .tpi_body .tpiPart02 .top .topItem .title {
    width: unset;
  }
  .tpi_body .tpiPart02 .top .topItem .introduce img {
    width: 100%;
  }
  .tpi_body .tpiPart02 .bottom {
    grid-template-columns: repeat(1, 1fr);
  }
  .tpi_body .tpiPart02 .bottom .bottomItem {
    flex-direction: column-reverse;
  }
  .tpi_body .tpiPart02 .bottom .bottomItem .right {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-bottom: 25px;
  }
  .tpi_body .tpiPart02 .bottom .bottomItem .left {
    padding-bottom: 2.3rem;
  }
  .tpi_body .tpiPart03 .title {
    height: 6.8rem;
  }
  .tpi_body .tpiPart03 .title img {
    padding: 0 25px;
  }
  .tpi_body .tpiPart03 .swiper3 .swiper-slide {
    width: 95vw;
  }
  .tpi_body .tpiPart03 .swiper3 .swiper-slide .part03Item {
    width: unset;
  }
  .plate-block {
    width: 100%;
    height: auto;
  }
  .plate-text {
    width: 56%;
  }
  .plate-title p {
    width: auto;
  }
  .plate-block img {
    height: auto;
  }
}
@media screen and (max-width: 1000px) {
  .sel-list-box {
    width: 100%;
  }
  .case-box-title {
    font-size: 14px;
    margin-bottom: 5px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
  }
  .case-box-desc {
    text-align: justify;
    line-height: 20px;
  }
  .whiteboard {
    display: none;
  }
  .case-list-box {
    padding: 10px;
  }
  .sel-list-topbg {
    width: 100%;
    height: 60px;
  }
  .case-list-box-inner {
    height: 160px;
    /* overflow-y: auto; */
  }
  .case-list-box-arr {
    margin-top: 10px;
  }
  .sel-bar {
    margin: 24px auto 36px;
  }
  .sel-bar ul {
    justify-content: flex-start;
    flex-shrink: 0;
    overflow-x: auto;
  }
  .sel-bar ul li {
    flex-shrink: 0;
    width: 80px;
    height: 40px;
    line-height: 40px;
  }
  .sel-bar ul::-webkit-scrollbar{
    height:2px;
  }
  .case-sel {
    padding-top: 60px;
  }
  .case-sel_title {
    font-size: 24px;
  }
  .swiper-case {
    width: 95%;
    margin: 0 auto;
  }
  .swiper-case .swiper-pagination {
    display: none!important;
  }
  .swiper-case .swiper-scrollbar {
    display: none!important;
  }
  .case-pagination {
    margin-bottom: 40px;
  }
  .pas {
    width: 95%;
    font-size: 24px;
    margin: 60px auto 24px;
  }
  .case-sign {
    max-width: none;
  }
  .case-sign-box .case-sign:first-child {
    margin-right: 0;
  }
  .case_body .part00,.case_detail_body .part00 {
    color: #374c78;
  }
  .case_body .part00,.case_detail_body .part00 {
    text-align: center;
  }
  .case_body .part00 .part03,.case_detail_body .part00 .part03 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
    .fix-qwboard {
      width: 100%;
    }
    .fix-qw-tle {
      padding-bottom: 30px;
    }
    .fix-qw {
      padding-top: 40px;
      padding-bottom: 50px;
    }
    .adsblk {
      flex-direction: column;
      justify-content: center;
    }
    .adsblk-block {
      width: 98%;
      margin: 0 auto 20px;
      padding: 23px 10px 15px;
    }
    .adsblk-block-pri {
      font-size: 24px;
    }
    .adsblk-block-title {
      font-size: 17px;
      margin-top: 15px;
      margin-bottom: 20px;
    }
    .adsblk-block-info p {
      font-size: 14px;
    }
    .adsblk-info .adsblk-block-info {
      font-size: 14px;
      margin-bottom: 16px;
    }
    #map00 {
      height: 220px!important;
    }
    #map01 {
      height: 220px!important;
    }
    .adsblk-block::after {
      top: 18px;
    }
    .plate-title p {
      font-size: 20px;
    }
    .plate-num {
      font-size: 20px;
    }
    .plate-block {
      flex-direction: column;
    }
    .plate-text {
      width: 100%;
      margin-top: 10px;
    }
    .plate-block img {
      width: 100%;
    }
    .platebox {
      padding-top: 50px;
      padding-bottom: 0px;
    }
    .platebox .mb60 {
      margin-bottom: 30px;
    }
    .sel-list-box:hover .sel-list-box-after {
      visibility: hidden;
    }
    .sel-list-box:hover .sel-list-topbg-board {
      z-index: -1;
    }
    .sel-list-box:hover .case-list-box-inner {
      margin-top: 0;
    }
    .plate-desc {
      height: 120px;
    }
    .casebanner-num li {
      margin-bottom: 10px;
    }
    .casebanner-num li span {
      font-size: 24px;
    }
    .casebanner-num li small {
      font-size: 16px;
      margin-bottom: 0;
    }
    .sel-bar ul li a {
      font-size: 16px;
    }
}
#free_form input[name="agreement"]{
    min-width: 14px!important;
    min-height: 14px!important;
    margin-right: 0px!important;
}
.dynamicimg-box {
  width: 1200px;
  margin: 0 auto 70px;
  position: relative;
}
.dynamicimg {
  display: block;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.dynamicimg-fir {
  position: absolute;
  width: 60px;
  left: 660px;
  top: 5px;
  animation: dynamicfir .8s infinite;
}
.dynamicimg-sec {
  position: absolute;
  width: 60px;
  left: 580px;
  top: 106px;
  animation: dynamicsec .8s infinite;
}
.dynamicimg-three {
  position: absolute;
  width: 60px;
  left: 440px;
  top: 306px;
  animation: dynamicthr .8s infinite;
}
.dynamicimg-four {
  position: absolute;
  width: 60px;
  left: 420px;
  top: 420px;
  animation: dynamicfour .8s infinite;
}
.line-fir {
  position: absolute;
  width: 0px;
  height: 2px;
  top: 77px;
  left: 254px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefir 3s infinite;
}
.line-fir::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #72dffa;
}
.line-fir-green {
  position: absolute;
  width: 222px;
  height: 2px;
  top: 77px;
  left: 575px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefirgreen 3s infinite;
}
.line-fir-green::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
.line-fir-blue {
  position: absolute;
  width: 282px;
  height: 2px;
  top: 77px;
  left: 855px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefirblue 3s infinite;
}
.line-fir-blue::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #72dffa;
}
.line-sec {
  position: absolute;
  width: 0px;
  height: 2px;
  top: 178px;
  left: 189px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linesec 3s infinite;
}
.line-sec::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #72dffa;
}
.line-sec-green {
  position: absolute;
  width: 0px;
  height: 2px;
  top: 178px;
  left: 512px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linesecgreen 3s infinite;
}
.line-sec-green::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
.line-thr {
  position: absolute;
  width: 0px;
  height: 2px;
  top: 277px;
  left: 130px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linethr 3s infinite;
}
.line-thr::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #72dffa;
}
.line-four {
  position: absolute;
  width: 260px;
  height: 2px;
  top: 378px;
  left: 66px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefour 3s infinite;
}
.line-four::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #72dffa;
}
.line-four-g2 {
  position: absolute;
  width: 0px;
  height: 2px;
  top: 377px;
  left: 388px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefourg2 3s infinite;
}
.line-four-g2::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
.line-four-g3 {
  position: absolute;
  width: 282px;
  height: 2px;
  top: 377px;
  left: 672px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefourg3 3s infinite;
}
.line-four-g3::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #72dffa;
}
.line-fiv {
  position: absolute;
  width: 226px;
  height: 2px;
  top: 489px;
  left: 330px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefiv 3s infinite;
}
.line-fiv::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
.line-four-g4 {
  position: absolute;
  width: 2px;
  height: 0px;
  transform: rotate(210deg);
  transform-origin: 0 0;
  top: 378px;
  left: 531px;
  background: linear-gradient(to bottom, transparent, #fff);
  animation: linefourg4 3s infinite;
}
.line-four-g4::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
.line-four-g5 {
  position: absolute;
  width: 0px;
  height: 2px;
  top: 282px;
  left: 584px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefourg5 3s infinite;
}
.line-four-g5::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
.line-four-g6 {
  position: absolute;
  width: 2px;
  height: 110px;
  transform: rotate(-330deg);
  transform-origin: 0 0;
  top: 378px;
  left: 528px;
  background: linear-gradient(to bottom, transparent, #fff);
  animation: linefourg6 3s infinite;
}
.line-four-g6::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
.line-four-g7 {
  position: absolute;
  width: 0px;
  height: 2px;
  top: 474px;
  left: 466px;
  background: linear-gradient(to right, transparent, #fff);
  animation: linefourg7 3s infinite;
}
.line-four-g7::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 1px;
  box-shadow: 0px 0px 10px 5px #56c70f;
}
#event img {
  object-fit: contain;
}
/* #event .flex6 {
  flex: none;
} */
@keyframes dynamicfir {
  0% {
      top: 5px;
  }
  50% {
      top: -5px;
  }
  100% {
      top: 5px;
  }
}
@keyframes dynamicsec {
  0% {
      top: 106px;
  }
  50% {
      top: 96px;
  }
  100% {
      top: 106px;
  }
}
@keyframes dynamicthr {
  0% {
      top: 306px;
  }
  50% {
      top: 296px;
  }
  100% {
      top: 306px;
  }
}
@keyframes dynamicfour {
  0% {
      top: 420px;
  }
  50% {
      top: 410px;
  }
  100% {
      top: 420px;
  }
}
@keyframes linefir {
  /* 0% {
      left: 254px;
  }
  100% {
      left: 511px;
  } */
  0% {
      width: 4px;
  }
  33.333% {
      width: 256px;
  }
  100% {
      width: 256px;
  }
}
@keyframes linefirgreen {
  0% {
      width: 0px;
  }
  33.333% {
      width: 0px;
  }
  66.666% {
      width: 222px;
  }
  100% {
      width: 222px;
  }
}
@keyframes linefirblue {
  0% {
      width: 0px;
  }
  66.666% {
      width: 0px;
  }
  100% {
      width: 282px;
  }
}
@keyframes linesec {
  /* 0% {
      left: 254px;
  }
  100% {
      left: 511px;
  } */
  0% {
      width: 0px;
  }
  33.333% {
      width: 260px;
  }
  100% {
      width: 260px;
  }
}
@keyframes linesecgreen {
  0% {
      width: 0px;
  }
  33.333% {
      width: 0px;
  }
  66.666% {
      width: 224px;
  }
  100% {
      width: 224px;
  }
}
@keyframes linethr {
  0% {
      width: 0px;
  }
  33.333% {
      width: 260px;
  }
  100% {
      width: 260px;
  }
}
@keyframes linefour {
  0% {
      width: 0px;
  }
  33.333% {
      width: 260px;
  }
  100% {
      width: 260px;
  }
}
@keyframes linefourg2 {
  0% {
      width: 0px;
  }
  33.333% {
      width: 0px;
  }
  66.666% {
      width: 224px;
  }
  100% {
      width: 224px;
  }
}
@keyframes linefourg3 {
  0% {
      width: 0px;
  }
  66.666% {
      width: 0px;
  }
  100% {
      width: 282px;
  }
}
@keyframes linefourg4 {
  0% {
      height: 0px;
      transform: rotate(210deg);
      opacity: 0;
  }
  43% {
      height: 0px;
      transform: rotate(210deg);
      opacity: 0;
  }
  44% {
      height: 0px;
      transform: rotate(210deg);
      opacity: 1;
  }
  66.665% {
      height: 110px;
      transform: rotate(210deg);
      opacity: 1;
  }
  66.666% {
      height: 110px;
      transform: rotate(210deg);
      opacity: 0;
  }
  100% {
      opacity: 0;
      height: 110px;
      transform: rotate(210deg);
  }
}
@keyframes linefourg5 {
  0% {
      width: 0px;
      opacity: 0;
  }
  66.665% {
      width: 0px;
      opacity: 0;
  }
  66.666% {
      width: 0px;
      opacity: 1;
  }
  100% {
      opacity: 1;
      width: 90px;
  }
}
@keyframes linefourg6 {
  0% {
      height: 0px;
      transform: rotate(-330deg);
      opacity: 0;
  }
  43% {
      height: 0px;
      transform: rotate(-330deg);
      opacity: 0;
  }
  44% {
      height: 0px;
      transform: rotate(-330deg);
      opacity: 1;
  }
  66.665% {
      height: 110px;
      transform: rotate(-330deg);
      opacity: 1;
  }
  66.666% {
      height: 110px;
      transform: rotate(-330deg);
      opacity: 0;
  }
  100% {
      opacity: 0;
      height: 110px;
      transform: rotate(-330deg);
  }
}
@keyframes linefourg7 {
  0% {
      width: 0px;
      opacity: 0;
  }
  66.665% {
      width: 0px;
      opacity: 0;
  }
  66.666% {
      width: 0px;
      opacity: 1;
  }
  100% {
      opacity: 1;
      width: 90px;
  }
}
@keyframes linefiv {
  0% {
      width: 0px;
  }
  33.333% {
      width: 0px;
  }
  66.666% {
      width: 226px;
  }
  100% {
      width: 226px;
  }
}
@media screen and (max-width: 1280px) {
  .dynamicimg-box-relative {
    position: relative;
    overflow: hidden;
    height: 600px;
  }
  .dynamicimg-box {
    position: absolute;
    left: 50%;
    transform:scale(.9) translateX(-55.5%);
    margin-bottom: 0;
  }
  
  /* #event .flex6 {
    flex: 4;
  } */
}
@media screen and (max-width: 1200px) {
  .dynamicimg-box-relative {
    position: relative;
    overflow: hidden;
    height: 570px;
  }
  .dynamicimg-box {
    left: 50%;
    transform: scale(.8) translateX(-62.5%);
  }
}
@media screen and (max-width: 1000px) {
  .dynamicimg-box-relative {
    height: 400px;
  }
  .dynamicimg-box {
    left: 50%;
    transform: scale(.6) translateX(-83.333%);
  }
  .dynamicimg-box {
    top: -100px;
  }
  .header_mobile > h3 {
    justify-content: space-between;
    padding-left: 20px;
  }
}
@media screen and (max-width: 750px) {
  .dynamicimg-box {
    transform: scale(.5) translateX(-100%);
  }
  .news_center .header_bg {
    background-position: center center;
  }
}
@media screen and (max-width: 640px) {
  .dynamicimg-box-relative {
    height: 220px;
  }
  .dynamicimg-box {
    transform: scale(.28) translateX(-178.57%);
    top: -190px;
  }
  /* #event .flex6 {
    flex: 1;
  } */
}