@charset "utf-8";
:root{
    --theme-color: #192942;
    --color-blue:#003574;
    --color-red: #c92723;
    --color-or:#c83e1a;
}
html{scroll-behavior: smooth;}
.intro{line-height: 2;}
/* header */
/*ul.header-nav>li>a span{display: inline-block;padding-right: 15px;background: url(../images/icons/icon_ds.png) no-repeat right center / 10px;}*/
ul.header-nav>li>a{display: flex;align-items: center;}
ul.header-nav>li>a>span{
    line-height: .4rem;
    border-bottom: 3px solid transparent;
}
ul.header-nav>li.active>a>span{border-bottom-color: var(--color-or);}
ul.header-nav ul.lev-2 li{
    line-height: 1;
    margin: 0 ;
    text-align: left;
    display: flex;
    justify-content: center;
    padding: .05rem 0;
}
ul.header-nav ul.lev-2 li:last-child{padding-bottom: 0;}
ul.header-nav ul.lev-2 li>a{
    min-width: 6em;
    padding: 0 .1rem 0 .1rem;
    line-height: 28px;
    position: relative;
    text-align: center;
}
ul.header-nav ul.lev-2 li>a>span{
   position: relative;
   z-index: 9;
}
ul.header-nav ul.lev-2 li>a>i{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: skewX(-15deg);
    opacity: 0;
}
/* ul.header-nav ul.lev-2 li>a>i:after{
    position: absolute;
    right: 0;
    width: 10px;
    height: 100%;
    background: url(../images/icons/icon_line.png) no-repeat right center / 10px 100%;
    content: '';
} */
ul.header-nav ul.lev-2 li>a>i:before{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    content: '';
}
ul.header-nav ul.lev-2 li:hover>a,ul.header-nav ul.lev-2 li.active>a{color: #fff;}
ul.header-nav ul.lev-2 li:hover>a>i,ul.header-nav ul.lev-2 li.active>a>i{opacity: 1;}
ul.header-nav ul.lev-2 li .levs-list{
    position: absolute;
    top: 0;
    right: 0;
}

/* full-down */

.header-navs-down{
    position: absolute;
    top:100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    overflow: hidden;
}
.header-navs-down .item{display: none;}
.header-navs-down .left{max-width: 2.5rem;padding-right: .45rem;position: relative;z-index: 9;}
.header-navs-down .left::after{
    position: absolute;
    right: 0;
    top:0;
    width: 50vw;
    height: 100vh;
    background: #f4f2f2;
    content: '';
    z-index: -1;
}
.header-navs-down-list{line-height: .5rem;}
.header-navs-down-list ul.ul{padding-left: .5rem;position: relative;}
.header-navs-down-list ul.lev-2{
    padding-top: .2rem;
    padding-bottom: .2rem;
    border-right: 1px solid #e0e0e0;
}
/* .header-navs-down-list ul.ul li{position: relative;} */
.header-navs-down-list ul.lev-2 li.lev-2-li{width: 2rem;}
.header-navs-down-list ul.lev-2 li.lev-2-li>a{
    display: inline-block;
    padding-right: .4rem;
    background: url(../images/icons/ico_r_blue.png) no-repeat right center / 9px;
}
.header-navs-down-list ul.lev-2 li.lev-2-li.active>a{background-image: url(../images/icons/ico_r_or.png);color: var(--color-blue);}
.header-navs-down-list ul.lev-3{
    position: absolute;
    left: 100%;
    top:.2rem;
    width: 100%;
    display: none;
}
.header-navs-down-list .active ul.lev-3{display: block;}
.header-navs-down-list ul.lev-3 li a{display: inline-block;padding-left: .22rem;position: relative;
    background: url(../images/icons/sc_icon_rs_999.png) no-repeat left center / 8px;}
.header-navs-down-list ul.lev-3 li a:hover{
    background-image: url(../images/icons/sc_icon_rs_or.png);
    color: var(--color-blue);
}
.header-navs-down .imgs{
    padding-top: .6rem;
    gap: .3rem;
    text-align: center;
}

/* index */
.banner img{display: block;width: 100%;}
.banner .tags{display: flex;margin-bottom: 10px;}
.banner .tags span{
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background-color: white;
    color: var(--theme-color);
}
.banner .tags span:first-child{background-color: var(--theme-color);color: white;}
.banner h1{color: var(--theme-color);margin: 0;}
.banner .info{
    max-width: 440px;
    padding-top: 15px;
    color: var(--theme-color);
    border-top: 1px solid var(--theme-color);
    margin-top: 10px;
    margin-bottom: .4rem;
}
.banner-pageinfo{position: absolute;bottom:1rem;right: 0;width: 100%;z-index: 9;}
.banner-pageinfo .box{display: flex;align-items: center;}
.banner-pageinfo .swiper-pagination-bullet{font-size: 0;background-color: #fff;opacity: 1;margin: 0 6px;width: .1rem;height: .1rem;border-radius:.1rem;}
.banner-pageinfo .swiper-pagination-bullet-active{
    width: .36rem;
    background-color: var(--color-or);
}
.banner-pageinfo .container{position: relative;}
.banner-pageinfo .container .swiper-pagination{right: .3rem;}

@media (min-width:950px) {
    ul.header-nav li[data-id='about'] ul.lev-2{display: none!important;}
}

/* index-新闻动态 */

.text-center{text-align: center;}



.inner-nav{border-bottom: 1px solid var(--line-color);}
.inner-nav-box{display: flex;height: .7rem;align-items: center;}
.inner-nav-box .location{order: 2;flex: 1;display: flex;justify-content: flex-end;color: #666;}
.inner-nav-box .location li+li{margin-left: 10px;}
.inner-nav-box .location li+li a{
    display: inline-block;
    padding-left: 17px;
    background: url(../images/icons/icon_location.png) no-repeat left center / 7px;
}
.inner-nav-box .inavs{display: flex;font-size: 17px;}
.inner-nav-box .inavs li{
    margin-right: .4rem;
    position: relative;
    line-height: .7rem;
}
.inner-nav-box .inavs li.on::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--theme-color);
    content: '';
}
.text,.info{line-height: 2;}
.text p{margin: 0;}
.text img{max-width: 100%;}

/* footer */
.footer .footer-con{padding:.6rem 0;}
.footer .footer-accordant{padding-bottom:16px;height:78px;line-height:30px!important;border-bottom:1px solid rgba(255,255,255,.1);display:-webkit-flex;display:flex;flex-direction:column;justify-content:flex-end}
.footer .footer-1{padding:50px 0 80px;background-color:#0b1731}
.footer .footer-1 .wp{display:-webkit-flex;display:flex;flex-wrap:wrap}
.footer .footer1-left{width:40.58%;flex-shrink:0}
.footer .footer-title{padding-right:5%}
.footer .footer-title .title{color:#fff;font-size:24px;font-weight:700;font-family:SourceHanSansCN-Bold}
.footer .footer-title .title span{display:block;font-size:16px;font-weight:400;font-family:SourceHanSansCN-Regular}
.footer .footer-info{padding:25px 5% 25px 0;line-height:1.1}
.footer .footer-info .contact{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center}
.footer .footer-info .contact .pic{width:87px;height:87px;line-height:87px;background-color:#fff;font-size:0;text-align:center;overflow:hidden}
.footer .footer-info .contact .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.footer .footer-info .contact .text{padding-left:16px;width:calc(100% - 87px)}
.footer .footer-info .contact .tel{font-size:16px;color:#fff;font-family:SourceHanSansCN-Regular}
.footer .footer-info .contact .tel span{margin-top:4px;display:block;font-size:30px;color:#00c0ff;font-weight:700;font-family:TT0365M_}
.footer .footer-info .txt{margin-top:22px;font-size:15px;color:#787878;line-height:1.4;font-family:SourceHanSansCN-Light}
.footer .footer-link{margin:8px -15px 0 0;padding-right:5%;font-size:15px;color:#787878;line-height:2;font-family:SourceHanSansCN-Light}
.footer .footer-link a{margin-right:15px;display:inline-block;color:inherit;font-size:inherit;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.footer .footer-link a:hover{color:#fff}
.footer .footer1-right{width:59.42%;flex-shrink:0}
.footer .footer-nav{display:-webkit-flex;display:flex;justify-content:space-between}
.footer .footer-nav dl{flex-grow:1}
.footer .footer-nav dt{padding-right:15px;font-size:16px;color:#fff;font-family:SourceHanSansCN-Regular}
.footer .footer-nav dd{padding-top:16px;padding-right:15px}
.footer .footer-nav dd a{padding:6px 0;display:block;font-size:15px;color:#787878;line-height:1.2;font-family:SourceHanSansCN-Light;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.footer .footer-nav dd a:hover{color:#fff}
.footer .footer-2{padding:26px 0;background-color:#081124}
.footer .footer-copy{font-size:15px;color:#787878;line-height:1.2;text-align:center}
.footer .footer-copy a{color:inherit}
.footer .footer-copy a:hover{color:inherit;text-decoration:underline}

.footer{background-color:var(--theme-color);color:#fff;}
.footer-con .foot-l{width:33%;}
.footer-con .foot-menu{width:37%;border-left: 1px solid rgba(255,255,255,.15);border-right: 1px solid rgba(255,255,255,.15);padding-left: .7rem;margin-right: 1rem;}
.foot-nav{position: relative;min-width: 140px;}
.foot-nav-item .t{margin-bottom: 10px;line-height: 40px;}
.foot-nav-item .group{
    position: absolute;
    left: 140px;
    top: 15px;
    width: 200px;
    max-width: 300px;
    display: none;
}
/*.foot-nav-item.on .t a{color: var(--theme-color);}*/
.foot-nav-item.on .group{display: block;border-top: 1px solid rgba(255,255,255,.25);}
.foot-nav-item .lev-2{line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.25);margin-bottom:0px;font-size:15px;}
/*.foot-nav-item .t i{*/
/*    width: 8px;*/
/*    height: 12px;*/
/*    background: url(../images/sc_icon_rs.png) no-repeat center / cover;*/
/*}*/
.foot-nav-item .t a{position:relative}
.foot-nav-item a:hover{color: var(--color-or);}
.foot-nav-item.on .t a:before{
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    width: 8px;
    height: 12px;
    background: url(../images/icons/sc_icon_rs.png) no-repeat center / cover;
    transform: translate(12px,-50%);
    content: '';
}
.footer-con .foot-l p{margin-top:10px;}
/*.media-info{padding-right: 0.3rem;}*/
.media-info{margin-top:10px;}
.media-info img{width: 32px;height: 32px;}
.media-info ul li{margin-right: 16px;position: relative;}
.media-info ul li .icon-ft{width: 0.42rem;height: 0.42rem;border-radius:50%;border: 1px solid #fff;background-size: cover;display:block;}
.media-info ul li .icon-ft:hover{background-color:var(--color-or);border-color:var(--color-or);}
/*.media-info ul li .icon-ft1{background-image: url(../images/icons/ico_ft_1.png);}*/
/*.media-info ul li .icon-ft2{background-image: url(../images/icons/ico_ft_2.png);}*/
/*.media-info ul li .icon-ft3{background-image: url(../images/icons/ico_ft_3.png);}*/
/*.media-info ul li .icon-ft4{background-image: url(../images/icons/ico_ft_4.png);}*/
.media-info ul li .icon-ft1{background-image: url(../images/icons/icon_foot_1.png);}
.media-info ul li .icon-ft2{background-image: url(../images/icons/icon_foot_2.png);}
.media-info ul li .icon-ft3{background-image: url(../images/icons/icon_foot_3.png);}
.media-info ul li .icon-ft4{background-image: url(../images/icons/icon_foot_4.png);}
.media-info ul li .icon-ft5{background-image: url(../images/icons/icon_foot_5.png);}
.media-info .minip-hover {
  display: none;
  box-shadow: -4px 4px 40px rgba(0 ,0 ,0 , .08);
  width: 136px;
  font-size: 14px;
  text-align: center;
  padding: 0 0 10px;
  position: absolute;
  background-color: #fff;
  bottom: 125%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 6px;
  z-index: 99;
  color:#666;
}
.media-info .minip-hover img {
  width: 120px;
  height: 120px;
  margin-top: 8px;
  margin-bottom: 0;
}
.media-info .minip-hover:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom:-7px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.media-info .weixin-info:hover .show-minip-code {
  display: block;
}
.media-info .phone-hover {
  display: none;
  box-shadow: -4px 4px 0.4rem rgba(0, 0 ,0 , 8%);
  min-width: 245px;
  height: 0.61rem;
  font-family: noto-sans;
  font-size: .14rem;
  font-weight: 400;
  line-height: .2rem;
  letter-spacing: 0;
  color: rgba(0,0,0,.6);
  text-align: center;
  padding: 0.2rem;
  position: absolute;
  background-color: #fff;
  border-radius: 0.04rem;
  top: -0.8rem;
  left: -1.74rem;
}
.media-info .phone-hover:after {
  content: "";
  display: block;
  width: 0.14rem;
  height: 0.14rem;
  background-color: #fff;
  position: absolute;
  left: 1.8rem;
  bottom: -0.07rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.media-info .phone-info:hover .show-phone {
  display: block;
}

.foot-icp{
    font-size: 16px;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.25);
}
.foot-icp a:hover{color:#fff;opacity:.9;}

/* foot :end */

/* 公共按钮 */
.more_pb1,.more_pb2{display: flex;font-size: .18rem;}
.more_pb1 a,.more_pb2 a{
    padding: 0 .38rem;
    line-height: 44px;
    background-color: var(--color-or);
    color: #fff;
    display: flex;
    align-items: center;
}
.more_pb1 a{
    line-height: 48px;
    border-radius: 48px;
    background-color: var(--color-blue);
    background-image: url(../images/icons/icon_vmore_bg.png);
    background-size: .8rem auto;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.more_pb2 a{
    padding: 0 .28rem;
    line-height: 44px;
    border-radius: 0;
}
.more_pb1 a i,.more_pb2 a i{
    width: .32rem;
    height: .16rem;
    position: relative;
    overflow: hidden;
    margin-left: .1rem;
}
.more_pb1 a i{margin-left: .15rem;margin-right: .1rem;}
.more_pb1 a i span,.more_pb2 a i span{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icons/ico_vmore_big.png) no-repeat left center / auto 100%;
}
.more_pb1 a:hover i span,.more_pb2 a:hover i span{
    animation: arrowRunRight 5s infinite;
}
.view_round a{
    display: flex;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--color-blue);
    color: white;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    text-align: center;
    position: relative;
}
.view_round a:hover{background-color: var(--color-or);}
.view_round a i {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;
    overflow: hidden;
    position: absolute;
    right: .08rem;
    top: 50%;
    margin-top: -11px;
  }
  .view_round a:hover i {
    transform: translateX(9px);
  }
.view_round a i span{
    display: block;
    width:100%;
    height: 100%;
    animation: arrowRun 5s infinite;
    background: url(../images/icons/icon_rt.png) no-repeat center / 11px;
  }
  .view_round_ico a>span{margin-left: -.08rem;}

@keyframes arrowRunRight {
    0% {
      transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
      transform-style: preserve-3d;
    }
    7% {
      transform: translate3d(150%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
      transform-style: preserve-3d;
    }
    7.1% {
      transform: translate3d(-150%, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
      transform-style: preserve-3d;
    }
    14% {
      transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
      transform-style: preserve-3d;
    }
}

img.img-responsive{display: block;width: 100%;}
.pbl-title h2{margin: 0;position: relative;padding-bottom: .1rem;font-size: .36rem;}
.pbl-title h2 i{
    position: absolute;
    bottom: .05rem;
    left: 0;
    width: .66rem;
    height: 2px;
    background-color: #d32d00;
}
.pbl-title p{font-size: .18rem;margin: 0;}
.plc_swiper{
    display: flex;
    height: 30px;
    align-items: center;
    cursor: pointer;
}
.plc_swiper i{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--color-blue);
    margin:0 3px;
}
.plc_swiper_prev{
    padding-left: 20px;
    background: url(../images/icons/ico_left.png) no-repeat left center / 16px auto;
}
.plc_swiper_next{
    padding-right: 20px;
    background: url(../images/icons/ico_right.png) no-repeat right center / 16px auto;
}
.plc_swiper i{
    animation: opactiyIn 2s linear  infinite ;
}
.plc_swiper_prev i:nth-child(1){
    animation-delay:2s;
}
.plc_swiper_prev i:nth-child(2){
    animation-delay:1.5s;
}
.plc_swiper_prev i:nth-child(3){
    animation-delay:1s;
}
.plc_swiper_prev i:nth-child(4){
    animation-delay:.5s;
}
.plc_swiper_next i:nth-child(1){
    animation-delay:.5s;
}
.plc_swiper_next i:nth-child(2){
    animation-delay:1s;
}
.plc_swiper_next i:nth-child(3){
    animation-delay:1.5s;
}
.plc_swiper_next i:nth-child(4){
    animation-delay:2s;
}
@keyframes opactiyIn {
    0%{
        opacity: .05;
    }
    25%{
        opacity: .35;
    }
    50%{
        opacity: .65;
    }
    75%{
        opacity: 1;
    }
}

.title-index{text-align: center;}
.title-index h1{font-size: .4rem;margin: 0 0 .05rem;}
.title-index h1 span{display: inline-block;position: relative;line-height: 1;}
.title-index h1 span:before{
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-bottom: 6px solid var(--line-red);
    border-right: 6px solid var(--line-red);
    border-left: 6px solid transparent;
    border-top: 6px solid transparent;
    content: '';
    transform: skewX(-15deg);
}
.swiper-button{
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background:var(--color-blue) url(../images/icons/icon_page_rw.png) no-repeat center /12px ;
    transition: all .3s;
    cursor: pointer;
}
.swiper-button:hover{background-color: var(--color-or);}
.swiper-button.swiper-prev{transform: rotate(180deg);}
.index-products-btns .swiper-button{margin-left: .15rem;}
.foot-ewm{gap:.15rem;padding-right:1rem;margin-top:.3rem;text-align:center;font-size:14px;}
.foot-ewm img{width:100%;cursor:pointer;}
.foot-ewm .ewm p{margin-top:0;}


.focus.banner .ban-txt{margin-bottom: 0;filter: invert(100%);}
.location{position: absolute;bottom: .1rem;line-height:1.5;width: 100%;z-index: 3;color: #fff;opacity: .8;font-size: 14px;}
.location a{color: #fff;display: inline-block;padding-right: 20px;position: relative;margin-right: 3px;}
.location a:after{
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url(../images/icons/icon_page_rw.png) no-repeat center / 10px;
    content: '';
    margin-top: -10px;
}

.pageInfo{
    background: #e0e0e0;
    padding: .2rem 0;
    line-height: 1.8;
}


.pages{
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pages ul{padding: 0;list-style: none;margin: 0;display: flex;align-items: center;}
.pages ul li{margin: 0 .15rem;font-size: .2rem;font-family: Arial, Helvetica, sans-serif;}
.pages ul li.prev a,.pages ul li.next a{
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/icons/icon_page_r.png) no-repeat center / 10px 17px;
    opacity: .8;
}
.pages ul li.prev a{transform: rotate(180deg);}
.pages ul li.num,.pages ul li.current{
    width: 37px;
    height: 37px;
    line-height: 37px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    margin: 0 3px;
}
.pages ul li.num{background: #bbb;}
.pages ul li.num a{
    display: block;
    color: #fff;
}
.pages ul li.current{background: var(--color-or);}
.detail-views{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.detail-views .timer,.detail-views .views{
    padding-left: 25px;
    line-height: 22px;
    font-size: 14px;
    color: #888;
    background-size: 21px;
    background-position: left center;
    background-repeat: no-repeat;
}
.detail-views .timer{background-image: url(../images/icons/icon_clock.png);}
.detail-views .views{background-image: url(../images/icons/icon_views.png);}



.swp-prev,.swp-next{
    width: 48px;
    height: 48px;
    background: url(../images/icons/ico_prev_b.png) no-repeat center / cover;
    cursor: pointer;
}
.swp-next{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.swp-prev:hover,.swp-next:hover{
    background-image: url(../images/icons/ico_prev_red.png);
}
.swp-page{width: auto;margin: 0 10px;font-size: 20px;font-family: arial;}
.swp-page span{vertical-align: bottom;display: inline-block;transform: translateX(-5px);color: #666;}
.swp-page span.swiper-pagination-current{color: #e0181f;font-size: 38px;font-weight: bold;transform: translateX(8px);}

/* index-news */
.news-list-wrap{
    --col-news:4;
    display: grid;
    grid-template-columns: repeat(var(--col-news),minmax(0,1fr));
    gap: .3rem;
}
.news-list-wrap .item{margin-bottom: .5rem;}
.news-list-wrap .item .cover{
    display: block;
    position: relative;
}
.news-list-wrap .item .cover img{aspect-ratio:440 / 300;object-fit:cover;}
.news-list-wrap .item .cover .shaw{
    position: absolute;
    right: 0;
    bottom: 0;
    background:rgba(200, 62, 26, .9);
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
    transition: opacity .3s ease;
}
.news-list-wrap .item .cover:hover .shaw{opacity: 1;}
.news-list-wrap .item .cover .shaw em{
    position: absolute;
    right: -1px;
    bottom: .2rem;
    width: .75rem;
    height: .75rem;
    background: url(../images/index_more_bg.png) no-repeat right  bottom / 100% auto;
}
.news-list-wrap .item .tx h4{margin: .1rem 0 .15rem;font-size: .2rem;line-height:.3rem;height:.6rem;}
.news-list-wrap .item .tx .m a{
    display: inline-block;
    border-bottom: 1px solid transparent;
    position: relative;
    padding-bottom: 5px;
}
.news-list-wrap .item .tx .m a:hover{color: var(--color-blue);}
.news-list-wrap .item .tx .m a::after{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    width: 0;
    transition: all .3s;
    background: var(--color-blue);
    content: '';
    transform-origin: right;
}
.news-list-wrap .item .tx .m a:hover:after{
    left: 0;
    width: 100%;
    transform-origin: left;
}

.innav-list{font-size: .2rem;background-color: #fcfcfc;box-shadow: 0 0 10px 1px #d3d3d3;font-weight: bold;position: relative;z-index: 8;}
.innav-list .item a{display: block;line-height: .3rem;margin: .16rem 0;padding: 0 .31rem;
    border-right: 1px solid #ddd;position: relative;z-index: 3;
    font-family: 'Alibaba PuHuiTi 2.0 45';
    color: #75767a;
}
.innav-list .item:first-child a{padding-left: 0;}
.innav-list .item:last-child a{border-right: none;}
.innav-list .item.active a{color: var(--color-blue);}
.innav-list .item a:after{
    position: absolute;
    bottom: -.16rem;
    left: .3rem;
    right: .3rem;
    height: 3px;
    background-color: transparent;
    content: '';
    margin-bottom: -2px;
}
.innav-list .item:first-child a:after{left: 0;}
.innav-list .item.active a:after{background-color: var(--color-blue);}
/* 视频 */
.index-video{
    position: relative;
    overflow: hidden;
}
.index-video video{display: block;width: 100%;}
.index-video .cover{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.videoPlay{
position: absolute;
top:50%;
left:50%;
width: .54rem;
height: .54rem;
background: url(../images/icons/ico_video_play.png) no-repeat center /cover;
z-index: 3;
transform: translate(-50%,-50%);
cursor: pointer;
}

.form-component{
    display: flex;
}
.form-component .left{width: 26%;}
.form-component .right{
    padding-left: 1.1rem;
    border-left: 1px solid #e0e0e0;
}
.form-component-main{
    display: grid;
    gap: .3rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.form-component-main .group .input-box{
    display: flex;
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
}
.form-component-main .group .input-box input,.form-component-main .group .input-box select{
    outline: none;
    flex: 1 0 0;
    height: .6rem;
    border: none;
    padding-left: .2rem;
    font-size: 16px;
}
.form-component-main .group.group-full{
    grid-column:1/3;
}
.form-component-main .group .input-box textarea{
    flex: 1 0 0;
    border: none;
    padding: .2rem;
    outline: none;
    font-size: 16px;
    font-family: inherit;
    font-weight: 500;
}
.form-component-main .group .input-box .getCode{
    padding: 0 .2rem;
    height: .6rem;
    line-height: .6rem;
    background-color: var(--color-blue);
    color: white;
    border-radius: 8px;
    font-family: 'Alibaba PuHuiTi 2.0 45', sans-serif;
    font-size: .18rem;
}
.form-component-main .group .input-sub input{
    width: 2.2rem;
    padding-right: .2rem;
    line-height: 48px;
    border-radius: 48px;
    background-color: var(--color-blue);
    background-image: url(../images/icons/icon_vmore_bg.png);
    background-size: 0.8rem auto;
    background-repeat: no-repeat;
    background-position: right bottom;
    text-align: center;
    color: white;
    font-size: .2rem;
    border: none;
    outline: none;
    cursor: pointer;
}
/*
@media (max-width:1580px) {
    .particle{bottom: -24%;}
}*/

/*@media (min-width:950px) {
    ul.header-nav ul.lev-2{width: 130px;}
}*/
@media (max-width: 1350px) {
    .index-news-list .swiper-next{right: 10px;z-index: 9;}
    .index-news-list .swiper-prev{left: 10px;z-index: 9;}
}
@media (min-width:950px) {
    ul.header-nav ul.lev-2{
        width: auto;
        left: -.3rem;
        right: -.3rem;
    }
    ul.header-nav ul.applications-lev-2{width: 5.5rem;}
    ul.header-nav ul.applications-lev-2:after{
        position: absolute;
        top: 0.3rem;
        left: 1.95rem;
        width: 1px;
        bottom: .3rem;
        background: #666;
        content: '';
    }
    ul.header-nav ul.applications-lev-2 li{justify-content: flex-start;padding-left: .3rem;}
    ul.header-nav ul.lev-2 li .levs-list{width: 3rem;display: none;padding-top: .3rem;}
    ul.header-nav ul.lev-2 li.active .levs-list{display: block;}
    .levs-list .item{padding: .05rem 0;line-height: 28px;}
    ul.header-nav>li.lev:hover>a:after{
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 0;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 10px solid rgba(255, 255, 255, 0.84);
        content: '';
        margin-left: -7px;
    }
   
}

@media (max-width: 768px){

    ul.header-nav>li{
        opacity: 0;
        pointer-events: none;
        -webkit-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
        border-bottom: 1px solid #eeeff1;
    }
    .open ul.header-nav>li{
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        transform: none;
    }
    .open ul.header-nav>li:nth-child(2) {
        -webkit-transition-delay: 100ms,100ms;
        transition-delay: 100ms,100ms;
    }
    .open ul.header-nav>li:nth-child(3) {
        -webkit-transition-delay: 180ms,180ms;
        transition-delay: 180ms,180ms;
    }
    .open ul.header-nav>li:nth-child(4) {
        -webkit-transition-delay: 260ms,260ms;
        transition-delay: 260ms,260ms;
    }
    .open ul.header-nav>li:nth-child(5) {
        -webkit-transition-delay: 340ms,340ms;
        transition-delay: 340ms,340ms;
    }
    .open ul.header-nav>li:nth-child(6) {
        -webkit-transition-delay: 420ms,420ms;
        transition-delay: 420ms,420ms;
    }
    .open ul.header-nav>li:nth-child(7) {
        -webkit-transition-delay: 500ms,500ms;
        transition-delay: 500ms,500ms;
    }
    .open ul.header-nav>li:nth-child(8) {
        -webkit-transition-delay: 580ms,580ms;
        transition-delay: 580ms,580ms;
    }


    .index-products-main .left,.index-products-pageinfo{display: none;}
    .index-products-main .right{width: 100%;}
    .swiper-button{width: 38px;height: 38px;}

    .font24{font-size: 18px;}
    .index-cases-list .item .tx .tx-con .p{font-size: 14px;}
    .footer-left img{width: auto;}
    .footer-left{flex-direction: row;}
    

    ul.header-nav ul.lev-2 li{justify-content: flex-start;padding-left: 15px;}
    .more_pb1, .more_pb2{font-size: 16px;}
    .pbl-title h2{font-size: 26px;margin-bottom: 6px;}
    .pbl-title p{font-size: 14px;}
    .news-list-wrap{--col-news:2;}
    .mob-flex-ver{flex-direction: column;text-align:center;}
    .footer-con .foot-l{width: 100%;}
    .footer-con .foot-menu{width: 40%;padding-left: 0;border-left: none;margin: 20px 0;}
    .foot-nav-item .group{left: 100%;margin-left: 50px;width: 100%;}
    .media-info ul li .icon-ft{width: 38px;height: 38px;}
    .innav-list .item a{line-height: 20px;}
    .form-component{flex-direction: column;}
    .form-component .left{width: 100%;margin-bottom: 50px;}
    .form-component .right{padding-left: 0;border: none;}
    .form-component-main .group .input-box input, .form-component-main .group .input-box select{height: 38px;}
    .form-component-main .group .input-sub {margin-top: .2rem;}
    .form-component-main .group .input-sub input{font-size: 16px;}
    .form-component-main .group.group-mob-full{grid-column: 1/3;}
    .form-component-main .group .input-box .getCode{height: 38px;line-height: 38px;font-size:16px;}
    .form-component-main .group .input-sub input{height:40px;line-height:40px;}
    .foot-logo img{height:22px;}
    .foot-icon img{height:40px;margin-bottom:20px;}
    .foot-r .more_pb2,.media-info ul{justify-content: center;}
    .header-body .logo{width:170px;height:26px;background-size: contain;}
    .location{font-size:12px;}
    .foot-ewm{padding:0 .15rem;}
    .more_pb1 a{line-height:38px;padding:0 .5rem;}
    .news-list-wrap .item .tx h4{font-size:14px;line-height:21px;height:42px;}
    .pages ul li{font-size:14px;}

    
}
@media (max-width: 415px){
    body{font-size: 14px;}

    .footer-main .left{flex-direction: column;width: 120px;}
    .foot-nav-main{margin:0.2rem 0;width: 100%;}
    /* .foot-nav-main ul.foot-nav{display: grid;grid-template-columns: repeat(5,1fr);} */
    ul.foot-nav li.active ul.lev-2{display: none;}
    ul.foot-nav>li>a{font-size: 16px;}
    .footer-main .right{flex: 1;padding-top: 0.6rem;border-left: none;}
    .footer-main .right p{font-size: 16px;}
    .footer .getCase{margin-top: 0.5rem;}
    p.foot-address{margin-top: 15px;}
    .footer .icp .icp-box{flex-direction: column;font-size: 14px;line-height: 2;}


    .date-mob{display: block;color:#888}
    .index-news-list .item .txt{padding-left: 0;}
    .footer-left .ewm{width: 80px;margin-right: 0;margin-left: 30px;order: 5;}
    .footer-left .ctxt{flex: 1;}
    .footer-tel{font-size: 20px;}
    ul.header-nav ul.lev-2{padding-left: 20px;}
    ul.header-nav ul.lev-2 li{padding-bottom: 5px;}
    .footer-links{flex-wrap: wrap;}
    .footer-links-list{width: 100%;flex: auto;}
    .footer .icp .icp-box .co span{display: block;text-align: center;}
    .footer .icp .bmenu{text-align: center;}
    .footer-left{flex: 1;}

}