@charset "utf-8";
:root{
    --theme-color: #1b3993;
    --color-blue:#003574;
    --color-red: #c92723;
    --color-or:#c83e1a;
}
html{scroll-behavior: smooth;}
.intro{line-height: 2;}

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

.text,.info{line-height: 2;}
.text p{margin: 0;}
.text img{max-width: 100%;}

/* footer */

/*.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.51rem;height: 0.51rem;border-radius:50%;border: 1px solid #fff;background-size: cover;display:block;}
.media-info ul li .icon-ft{width: .43rem;height: .43rem;}
.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 .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 :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%;}



.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;}


.focus.banner .ban-txt{margin-bottom: 0;}
.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_rw2.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(--theme-color);}

.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);}



/* 自定义组件 */
.header{background: none;}
.header .header-body{background-color: white;border-radius: 0 0 10px 10px;padding:0 30px;}
ul.header-nav>li>a{height: .96rem;line-height: .96rem;color: black;text-transform: uppercase;font-weight: bold;z-index: 9;}
ul.header-nav>li.active::before{background: url(../images/icons/icon_k.png) no-repeat center / auto 50%;position: absolute;top:0;left: 0;width: 100%;height: 100%;opacity: .08;content: '';pointer-events: none;}
ul.header-nav>li.active>a>span{border: none;}
.swiper-button{background: white url(../images/icons/ico_left_black.png) no-repeat 45% center / 16px}
.swiper-button:hover{background: var(--color-blue) url(../images/icons/ico_left_white.png) no-repeat 45% center / 16px}
.swiper-button.swiper-prev {
    transform: rotate(0);
    margin-right: 15px;
}
.swiper-button.swiper-next {
    transform: rotate(180deg);
}
.swiper-pagination-fraction{width: auto;color: white;margin-left: 20px;font-size: .24rem;}
.swiper-pagination-fraction .swiper-pagination-current{font-size: .38rem;}
.about-des-icons{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.about-des-icons .item{border-right: 1px solid #dcdcdc;}
.about-des-icons .item:last-child{border-right: none;}
.about-des-icons .item .icon img{
    height: .65rem;
    transform: translateY(-0.12rem);
}
/* 产品列表 */
.products-main{overflow: hidden;}
.products-wrap{display: grid;}
.products-w2{grid-template-columns: repeat(2,minmax(0,1fr));gap: .7rem .5rem;}
.products-w3{grid-template-columns: repeat(3,minmax(0,1fr));gap: .6rem .32rem;}
/* .products-wrap .item{display: flex;} */
.products-wrap .item-full{grid-column-start: 1;grid-column-end: 3;display: flex;}
.products-wrap .item-full .cover,.products-wrap .item-full .desc{width: 50%;position: relative;}
.products-wrap .item-full .cover{order: 2;}
.products-wrap .item-full .cover a{
    display: block;
    position: relative;
    width: 100%;
    height: 25vw;
    min-height: 500px;
}
.products-wrap .item-full .cover a img{
    position: absolute;
    top:0;
    left: 0;
    width: 50vw;
    width: calc(50vw - 14px);
    height: 100%;
    object-fit: cover;
}
.products-wrap .item-full .desc{
    padding: .7rem 1.4rem 0 0;
    color:white;
}
.products-wrap .item-full .desc::after{
    position: absolute;
    top:0;
    right: 0;
    width: 50vw;
    height: 100%;
    background-color: black;
    content: '';
    z-index: -1;
}
.products-wrap .item-full .desc .name{font-size: .38rem;margin-bottom: .3rem;}
.products-wrap .item-full .desc .info{font-size: .18rem;margin-bottom: .5rem;}
.products-wrap .item-full .desc a{color:white;transition: opacity .3s;}
.products-wrap .item-full .desc a:hover{opacity: .8;}
.products-wrap .item-full .more a,.vmore a{
    display: inline-block;
    line-height: .5rem;
    padding: 0 .4rem;
    background-color: var(--theme-color);
    border-radius: 6px 0 6px 6px;
    color: white;
}
.products-wrap .item-gird .name{
    padding-bottom: .15rem;
    border-bottom: 1px solid #d2d2d2;
}
.products-classes{position: relative;padding: 0 40px;}
.products-classes .active{color: var(--theme-color);}
.products-classes .swiper-button{position: absolute;top:50%;margin-top: -25px;}
.products-classes .swiper-prev{left: -15px;}
.products-classes .swiper-next{right: -15px;}
.products-classes .swiper-button-disabled{opacity: 0;}
.products-classes .icon{
    display: block;
    height: .54rem;
    margin-bottom: .15rem;
}
.products-classes .icon img{max-height: 100%;}
.vmore2 a{display: flex;align-items: center;}
.vmore2 a i{width: 12px;height: 12px;background: url(../images/icons/icon_rt3.png) no-repeat center / cover;margin-left: 10px;}
.footer{background-color: #141c25;color: #898e92;}
.foot-link .tname a{color:#fff;}
.foot-link ul.ul{margin-top: 20px;}
.foot-link .ul li{line-height: 30px;font-size: 14px;}
.foot-link .ul li a:hover{color:#fff;}
.foot-link-4{max-width: 320px;}
.foot-link-1 ul.ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 .5rem;}
.location{position: relative;bottom: 0;color:black;padding: 10px 0;font-size: .18rem;}
.location a {color:black;}
.location a:first-child{padding-left: 24px;background: url(../images/icons/icon_home.png) no-repeat left center / 16px;}
.products-wrap .item-gird .more{display: none;}
.products-in-title .info{
    margin-left: .3rem;max-width: 700px;
}
.products-in-title .index-title{line-height: 1;}
.in-tabs-wrap{border-bottom: 1px solid #dedede;padding-left: 8px;}
.in-tabs-wrap .active a{color: var(--theme-color);}
.in-tabs-wrap .item a{
    display: block;
    padding-bottom: 15px;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    position: relative;
    line-height: .28rem;
}
.in-tabs-wrap .item.active a{border-bottom-color: var(--theme-color);}
.in-tabs-wrap .item+.item{padding-left: .3rem;margin-left: .3rem;position: relative;}
.in-tabs-wrap .item+.item::after{
    position: absolute;
    top: .05rem;
    left: 0;
    height: .18rem;
    width: 1px;
    background-color: #dedede;
    content: '';
}
@media (min-width:1920px) {
    .container-full{padding: 0;}
}
@media (min-width:950px) {
   ul.header-nav ul.lev-2{left:-15%;width: 130%;font-size: .16rem;}
   ul.header-nav ul.products-links{left:0;width: 3rem;font-size: .16rem;}
   ul.header-nav ul.products-links li>a{padding-left:.15rem;padding-right:.15rem;}
}
/*
@media (max-width:1580px) {
    .particle{bottom: -24%;}
}*/

/*@media (min-width:950px) {
    ul.header-nav ul.lev-2{width: 130px;}
}*/
@media (min-width: 950px) and (max-width:1800px) {
    ul.header-nav>li>a{padding: 0 .15rem;}
}
@media (min-width:950px) {
  
}
@media (max-width: 950px){
    /* 自定义组件 移动端 */
.header{padding: 0;}
.header .container-full{padding:0}
.header .header-body{border-radius: 0;}
.header-body .logo{height: 50px;background-size: auto 30px;background-position: left center;}
.header-menu>span{background-color: black;}

.products-classes{padding: 0;}
.products-w2,.products-w3{gap:15px 12px;}
.products-w3{grid-template-columns: repeat(2,minmax(0,1fr));}
.products-wrap .item-full{flex-direction: column;}
.products-wrap .item-full .desc{width: 100%;order: 5;padding: 15px;}
.products-wrap .item-full .cover{width: 100%;}
.products-wrap .item-full .cover a{min-height: 250px;}
.products-wrap .item-full .cover a img{width: 100%;}
.products-wrap .item-full .desc::after{width: 100%;}
.products-wrap .item-full .desc .info{font-size: 14px;}
.products-wrap .item-full .more a, .vmore a{line-height: 40px;padding: 0 30px;}
.foot-logo img{height: 50px;}
.foot-icp{font-size: 14px;}
.products-in-title .info{margin-left: 0;margin-top: 15px;}
.location{font-size: 14px;}
.location a:first-child{background-size: 14px;}
.swiper-button{
    width: 34px;
    height: 34px;
    background-size: 10px;
}
.ban-txt .p2{font-size: 16px;}
 .about-des-icons{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 30px 0;}
  .about-des-icons .item:nth-child(2){border-right: none;}
  .about-des-icons .item .icon img{height: 38px;}

}
@media (max-width: 415px){


}