/* common */

.more-btn{width: 1.72rem; height: .48rem;border-radius: .12rem;font-size: 14px; text-transform: uppercase;color: #fff;text-align: center; line-height: .48rem; display: block;}

.more-bg-red{background: #CA3935; }

.more-btn:hover{color: #fff; transform: translateX(10px);}

.more-border-white{border: 1px solid #FFFFFF;}

.ind-title{font-size: .36rem;font-weight: bold;}

.ind-p1{font-size: .24rem; font-weight: 600; } 

.ind-p2{font-size: .14rem;  } 



.myswiperbtn{color: #999; }

.myswiperbtn.swiper-button-prev::after,.myswiperbtn.swiper-button-next::after{content: '' ;}


/* 搜索页面 */

.search--box{ transform: translateY(50%); bottom: 0; left: 0; right: 0; z-index: 1;}

.search--box .input-box{height: 1rem; width: 100%; background-color: #fff;box-shadow: 0px 12px 32px 0px rgba(0,0,0,0.08);

    border-radius: 12px; position: relative; overflow: hidden;}

.search--box .input-box input{width: 100%; height: 100%; padding: 0  .43rem;}

.search--box .search-icon{width: 1.11rem; position: relative; height: 100%; display: flex; align-items: center; justify-content: center; }

.search--box .search-icon::after{position: absolute; content: '';width: 1px; height: 60%; background: #D8D8D8; top: 20%; left: 0; z-index: 2;}

.search-result { overflow: hidden; position: relative; padding-top: 90px ;background-color: #F6F6F8; }

.search-result::after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 4rem;background: linear-gradient(180deg, #F6F6F8 0%, #FFFFFF 100%);  background-size: 100% 100%; z-index: 2;}

.search-result .result-title{padding-bottom: 60px ;}
.search-result .pro-list{min-height: 55vh;}

.pro-list{position: relative; z-index: 5;}
.pro-list .item{background-color: #fff;}
.pro-list .item,.pro-list-m .item{border-radius: .18rem; overflow: hidden; display: block; height: 100%; transition: all .3s; }
.pro-list-m .item{background-color: #F6F6F8 !important;}
.pro-list .item-img,.pro-list-m .item-img{padding: .5rem .63rem 0; height: 3.06rem; width: 100%; overflow: hidden; }

.pro-list .item-txt,.pro-list-m .item-txt {padding: .49rem .24rem; }

.pro-list .item-txt .txt1,.pro-list-m .item-txt .txt1{margin-top: 9px; margin-bottom: 10px; }

.pro-list .row >div{margin-bottom: .24rem;}




.ind-banner {height: 100vh;}
.ind-banner  .ind-banner-swiper,.ind-banner  .ind-banner-swiper .bannerSwiper { height: 100%;}

.ind-banner-txt{left: 0; right: 0; bottom: 0; top: 30%; color: #FFFFFF; }

.ind-banner-txt  .ind-ban-t {font-size: 0.55rem; }

.t1{margin-bottom: 0.50rem; }

.ind-banner-txt  .ind-ban-t.t2 {font-size: 0.28rem; }

.ind-banner-txt  .ind-ban-morebtn { position: relative; z-index: 5; border: 1px solid #FFFFFF; padding: 0 0.54rem; display: inline-block; border-radius: 0.08rem; height: 0.52rem; line-height: calc(0.52rem - 2px); text-align: center; color: #FFFFFF; font-size: 0.18rem;  }

.ind-banner-txt  .ind-ban-morebtn::after{ border-radius: 0.08rem; z-index: -1; overflow: hidden; transition: width .36s; position: absolute; content: ''; left: 0; top: 0; width: 0; height: 100%; background: #4F84FF;}

.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-t.t1{

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: 0;

}

.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-t.t2{

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: 0.2s;

}

.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-morebtn{

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: 0.4s;

}

.bannerSwiper .swiper-button-prev:after,.bannerSwiper  .swiper-button-next:after{font-size: 0.22rem; font-weight: 600;}

.ind-banner-bottom{z-index: 10; position: absolute; left: 30px; right: 30px; bottom: 0.50rem;}

.ind-banner-bottom .swiper-button-prev,

.ind-banner-bottom .swiper-button-next{position: relative;color: #fff;margin-top:unset; left: unset; right: unset;}

.ind-banner-bottom .swiper-pagination{position: relative;  width: unset; bottom: unset; margin:  0 0.44rem;}





.ind-banner .swiper-pagination .swiper-pagination-bullet{width: 24px; height: 24px; overflow: hidden; position: relative; background: transparent; margin: 0 0.20rem; opacity: 1;}

.ind-banner .swiper-pagination .swiper-pagination-bullet:before{content: ""; position: absolute; width: 8px; height: 8px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,0.5); border-radius: 50%;}

/* .ind-banner .swiper-pagination span.swiper-pagination-bullet-active:before{opacity: 0;}  */

.ind-banner .swiper-pagination .ui-loop .svg { 

    transform: rotate(-90deg);

    opacity: 0;

}

.ind-banner .swiper-pagination .swiper-pagination-bullet-active  .ui-loop .svg{opacity: 1;}

.ind-banner .swiper-pagination .swiper-pagination-bullet-active .svg .progress {    animation: rotate  30s linear ;}

.index-mouse{z-index: 5; position: absolute; left: 50%; transform: translateX(-50%);  bottom:  0.30rem;  text-align: center;}

.index-mouse .mouse{

    margin: auto;

    width: 22px;

    height: 32px;

    border: 1px solid #fff;

    border-radius: 40px;

    margin-bottom: 0.15rem; 

    position: relative;

}



.index-mouse .mouse::after{

    content: "";

  position: absolute;

  width: 2px;

  height: 8px;

  top: 8px;

  left: 50%;

  margin-left: -1px;

  background: #fff;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;



}

@keyframes updown {



    0% {

  

      -webkit-transform: translateY(0);

  

      -moz-transform: translateY(0);

  

      -ms-transform: translateY(0);

  

      -o-transform: translateY(0);

  

      transform: translateY(0);

  

    }

  

    100% {

  

      -webkit-transform: translateY(-3px);

  

      -moz-transform: translateY(-3px);

  

      -ms-transform: translateY(-3px);

  

      -o-transform: translateY(-3px);

  

      transform: translateY(-3px);

  

    }

  

  }

@keyframes rotate {    

    from {        

        stroke-dashoffset: 400px;    

    }    

    to {        

        stroke-dashoffset: 0px;    

    }

}

@keyframes donut-spin {

    0% {

      transform: rotate(0deg);

    }

  

    100% {

      transform: rotate(360deg);

    }

 }

 .my_swiper-button{width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #FFFFFF;}

 .my_swiper-button-prev{width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #FFFFFF;}



/* 首页 */



.ind2{

    background: #F6F6F8;padding: .75rem 0 1.14rem;

}

.ind2-right{ position: relative; transform: translateX(12%);}

.play-icon{ cursor: pointer; left: 45%; top: 50%; transform: translate(-50%,-50%); width: .8rem; height: .8rem;  animation: myrotate 1.1s linear infinite;}

.ind2-left .ind-p1{margin-top: 16px; margin-bottom: 17px;}

.ind2-left .ind-p2{line-height: .26rem;}

.ind2-left .list{margin-top: .3rem;}

.ind2-left .list .item{ width: 33.3333%; padding-right: 10px; margin-bottom: .3rem;color: #333333;font-size: .16rem;}

.ind2-left .list .item .item-l1{display: flex; align-items: baseline; }

.ind2-left .list .item .item-l1 span{font-size: .4rem;}

.ind2-left .list .item .item-l2{margin-top: 3px;}

.ind3{background: url(../images/ind-bg1.png) no-repeat , #F6F6F8; background-size: auto 100%; background-position: left top; min-height: 1.79rem; padding-top: .16rem;}

.ind3 .list .item{width: 12.5%;  text-align: center; margin-bottom: .3rem;}

.ind3 .list .item .item-img{width: .6rem; height: .6rem; margin: auto;}

.ind3 .list .item .item-txt{font-size: 14px;color: #333333; margin-top: 6px;}

.ind4{ padding: .6rem 0 ; position: relative;min-height: 9.5rem;}
.ind4 .ind4-bg-pc,.ind4 .ind4-bg-mobile{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0;z-index: 1;}
.ind4  .container{position: relative; z-index: 5;}
.ind4-tab .swiper{ height: calc(1.4rem + .4rem);}

.ind4 .line{position: absolute; left: 0; top: 2rem; right: 0; border-bottom: 1px dashed #fff; z-index: 3;}

.ind4-tab-item{  position: relative;padding-bottom: .4rem; cursor: pointer;}

.ind4-tab-item::before{position: absolute; content: ''; width: 0.08rem; height: 0.08rem; background: #fff; border-radius: 50%; left: 50%; bottom: 0; transform: translate(-50%,0.04rem); transition: all .3s;}

.ind4-tab-item::after{position: absolute; content: ''; width: 0.18rem; height: 0.18rem; background: rgba(255,255,255,0.2); border-radius: 50%;left: 50%; bottom: 0;transform: translate(-50%,0.09rem); transition: all .3s;}

.ind4-tab-item .ind4-tab-item-img{width: 1rem; height: 1rem; overflow: hidden; margin: auto; position: relative;}

.ind4-tab-item .ind4-tab-item-img img{position: absolute; top: 0; left: 0; right: 0; z-index: 2;}

.ind4-tab-item .ind4-tab-item-img img:nth-child(1){opacity: 1;}

.ind4-tab-item .ind4-tab-item-img img:nth-child(2){opacity: 0;}

.ind4-tab .swiper-slide-thumb-active .ind4-tab-item .ind4-tab-item-img img:nth-child(1){opacity: 0;} 

.ind4-tab .swiper-slide-thumb-active .ind4-tab-item .ind4-tab-item-img img:nth-child(2){opacity: 1;} 

.ind4-tab .swiper-slide-thumb-active .ind4-tab-item::before{background: #CA3935;}

.ind4-tab .swiper-slide-thumb-active .ind4-tab-item::after{background: rgba(202, 57, 53, 0.2);}

.ind4-content{ width: 44%; height: calc(100% - 2rem);margin-top: 8%; }

.ind4-content .ind-title{font-size: .36rem; margin-bottom: .34rem;}

.ind4-content .ind4-content-txt{font-size: 14px;line-height: 26px;}

.ind4-content .more-btn{margin-top: .61rem;}

.ind5 .ind-title{padding: .81rem 0 .52rem;}

.ind5-swiper{padding-bottom: 1.92rem;}

.ind5-swiper .ind5-swiper-slide{height: 4.16rem; border-radius: .24rem; overflow: hidden; cursor: pointer;}

.ind5-swiper .ind5-play-icon{left: 50%; top: 50%; transform: translate(-50%,-50%); width: .6rem; height: .6rem; z-index: 2; opacity: 0; transition: all .3s;}

/* .ind5-swiper  .myswiperbtn{top: unset; bottom: 1.05rem;}

.ind5-swiper  .myswiperbtn.swiper-button-next{left: calc(86px + 13px);}

.ind5-swiper .swiper-pagination{top: unset; bottom: 1.05rem;} */

.ind5-bottom{top: unset; bottom: 1.05rem; position: absolute; left: 0;right: 0; justify-content: space-between;}

.ind5-bottom  .swiper-pagination{ left: 150px; width: calc(100% - 150px);}

.ind5-bottom-left{width: 150px;}

.currentNum{position: absolute; left: calc(42px + 22px);top: 0;

    transform: translateY(-50%);}

.ind5-bottom .myswiperbtn.swiper-button-next{left: calc(86px + 13px);}

.ind6 {background: linear-gradient(180deg, #F0F6FA  0%, #FDFDFE 100%); padding: 1.05rem 0 1.4rem;}

.ind6 .list{margin-top: .65rem;}

.ind6 .list .item{width: 18%; margin-right: 2%;background: #FFFFFF; box-shadow: 0px 8px 20px 0px rgba(27,28,28,0.08); border-radius: 12px; margin-bottom: .35rem; height: 1rem;}


.ind5-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #CA3935;}
/* 内页大图 */

.inner-banner{position: relative; }  

.inner-banner >img{width: 100%;}

.inner-ban-txt{ left: 0; right: 0; top: 50%; transform: translateY(-50%);   z-index: 2; }

.bgwhite{background-color: #fff;}

.bggray{background: #F6F6F8;}

/* 内页二级目录 */

.sub-menu{ left: 0 ; right: 0; z-index: 10; bottom: 0;border-top: 1px solid rgba(255,255,255,0.3); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);}

.sub-menu-box {width: 100%;  height: 0.80rem;}

.sub-menu-list{width: 100%; height: 100%; font-size: 0;}

.sub-menu-list .swiper-slide:not(:last-child)::after{position: absolute; content: ''; width: 1px; height: 40%; top: 30%; right: 0; background-color: rgba(255, 255, 255,.3);}

.sub-menu-list .item{position: relative; z-index: 8; /*width: 2.4rem; */ width: 100%; overflow: hidden;  height: 0.80rem;}

.sub-menu-list .item::before{position: absolute; content: ''; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; transition:  all .3s;background:  url(../images/logo-bg.png) no-repeat ; transform: translateX(-.7vw); background-size:100% 100% ; background-position: top right; opacity: 0;}

.sub-menu-list .item::after{position: absolute; content: ''; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; transition:  all .3s;opacity: 0; transform: translateX(-.7vw); background-color: #E4091B; }

.sub-menu-list .item .item-img, .sub-menu-list .item .item-txt{ z-index: 2; position: relative; font-size: .2rem;}

.sub-menu-list .item .item-img{ width: 0.36rem; height: 0.36rem; margin-right:0.06rem ;}

.sub-menu-list .item .item-img img{width: 0.36rem; height: 0.36rem; }



.sub-menu-list .item .item-txt{color: #fff;}

.sub-menu-list .item:hover .item-txt,.sub-menu-list .item.on .item-txt{color: #fff;}

.sub-menu-list .item:hover::after,.sub-menu-list .item.on::after,.sub-menu-list .item:hover::before,.sub-menu-list .item.on::before{opacity: 1; transform: translateX(0);}



/* 新闻列表 */

.news-swiper .swiper-wrapper{justify-content: center ;}

.news-list{position: relative; z-index: 6;}

.news-list-main{padding:0  0 0.88rem;}

.news-list .item {

    display: block;

    background: linear-gradient(180deg, #FFFFFF 0%, #F3F6FA 100%) #FFFFFF;

    box-shadow: 0px 8px 16px 0px rgba(26,30,39,0.08);

    border-radius: 0.08rem;

    margin-bottom: .48rem; overflow: hidden;

}

.news-list .item  .item-img{ height: 2.70rem; border-radius: 0.16rem; overflow: hidden;}

.news-list .item  .item-txt{ padding: 0.24rem 0.24rem 0.2rem; background: #fff;}

.news-list .item  .item-txt .title{line-height: 0.32rem; height: 0.62rem; overflow: hidden; margin-top: 0.08rem; margin-bottom: 0.12rem;}

.news-list .item  .item-txt .txt{line-height: 0.24rem; height: 0.48rem; overflow: hidden;}

.news-list .item  .item-detail{position: relative; border-top: 1px solid #D8D8D8; margin-top: 0.23rem; padding-top: 0.2rem;}

.news-list .item  .item-detail::after{position: absolute; left: 0; width: 0; top: 0; height: 1px ; background: #E4091B; content: ''; z-index: 2; transition: width .3s;}

.news-list .item  .item-detail .iconfont{transform: translateY(0.02rem); font-size: 12px !important; margin-left: 0.10rem;}



.mypage{text-align: center; padding: 0.30rem 0.30rem 0.52rem;}

.mypage .pagination>li>a, .mypage .pagination>li>span{

    color: #333;font-size: 0.18rem;background-color:  #F8F8F8;

    font-weight: 500;border-radius: 50%;

    border: 0; margin: 0 0.1rem;padding: 0;

    display: block;width: 0.58rem; height: 0.58rem; text-align: center; line-height: 0.58rem;

}

.mypage .pagination>li>a:hover,.mypage .pagination>.active>a,.mypage  .pagination>.active>a:focus,.mypage .pagination>.active>a:hover,.mypage  .pagination>.active>span,.mypage  .pagination>.active>span:focus,.mypage  .pagination>.active>span:hover{

    color: #fff !important; background-color: #E4091B; 

}

/* 新闻详情 */

.newsdel_right{padding-left: 5.5vw;}

.newsdel .newsdel_title{ padding: .5rem 0 .17rem; }

.newsdel .newsdel_title .title{font-size: .36rem; color: 222;line-height: .57rem;}

.newsdel .newsdel_title .others{align-items: center; justify-content: space-between; margin-top: 20px;}

.newsdel .newsdel_title .others .footer-list-left{margin-top: 0;}

.newsdel .newsdel_title .others .footer-list-left .item{margin-bottom: 0;}

.newsdel .newsdel_content{padding: .35rem 0; border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.newsdel .newsdel_content p{font-size: 16px; line-height: 30px;}

.newsdel .newsdel_content img{display: inline-block;}

.newsdel_prev_next{padding: .31rem; margin-bottom: .9rem; justify-content: center; align-items: center;}

.newsdel_prev_next  .newsdel_btn{display: block; text-align: center; line-height: .54rem; width: 1.6rem; height: 0.54rem; border-radius: 12px;border: 1px solid #BFBFBF;font-size: 14px;color: #000000; margin-right: .48rem; background-color: #fff;}

.newsdel_prev_next  .newsdel_btn:hover{background-color: #E4091B;  color: #fff;}

.recommend-box{ padding-top: .5rem;}

.newsdel_right_title{font-size: .28rem;font-weight: 600; color: #333333; line-height: .38rem; margin-bottom: 24px;}

.recommend-box .list .item{background: #F6F6F8; height: 1.28rem; align-items: stretch; margin-bottom: 16px; border-radius: .18rem; overflow: hidden;}

.recommend-box .list .item .item-img{width: 1.28rem;height: 1.28rem; padding: .17rem .21rem;}

.recommend-box .list .item .item-txt{flex:1; max-width: calc(100% - 1.28rem); display: flex; justify-content: space-around; flex-direction: column; padding:.18rem .28rem;}

.recommend-box .list .item .item-txt .p1{color: #333333;line-height: .25rem;}

.recommend-box .list .item .item-txt .p2{color: #777;line-height: 19px;}

.articles{margin-top: .4rem;}

.articles .newsdel_right_title{margin-bottom: .39rem;}

.articles .list .item{margin-bottom: .36rem;}

.articles .list .item .item-img{width: 1.68rem; height: 1rem; overflow: hidden; border-radius: .16rem; }

.articles .list .item .item-txt{flex: 1; max-width: calc(100% - 1.68rem);  padding-left: .28rem;}



/* 视频弹框 */

#video-pop{position: fixed;



    z-index: 1000;

  

    width: 100%;

  

    height: 100%;

  

    left: 0;

  

    top: 0;

  

    display: none;

  

    visibility: hidden;

  

    align-items: center;

  

    justify-content: center;

  

    opacity: 0;

  

    pointer-events: none;

  

    transform: translateZ(0);

  

    transition: all 0.3s ease-in-out;

  

    -webkit-transition: all 0.3s ease-in-out;

  

    -moz-transition: all 0.3s ease-in-out;

  

    -o-transition: all 0.3s ease-in-out;

  

    -ms-transition: all 0.3s ease-in-out;}

#video-pop.on {



    opacity: 1;



    display: flex;



    pointer-events: auto;



    visibility: visible;



}



#video-pop .mask {



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  background-color: rgba(0, 0, 0, 0.7);



}



#video-pop .con {



  padding: 1em;



  width: 64%;



  position: relative;



  transform: translate3d(0, 8px, 0);



  -webkit-transform: translate3d(0, 8px, 0);



  -moz-transform: translate3d(0, 8px, 0);



  -o-transform: translate3d(0, 8px, 0);



  -ms-transform: translate3d(0, 8px, 0);



  transition: all 0.5s ease-in-out;



  -webkit-transition: all 0.5s ease-in-out;



  -moz-transition: all 0.5s ease-in-out;



  -o-transition: all 0.5s ease-in-out;



  -ms-transition: all 0.5s ease-in-out;



  opacity: 0;



  background-color: #333;



}



#video-pop.on .con {



  transform: none;



  -webkit-transform: none;



  -moz-transform: none;



  -o-transform: none;



  -ms-transform: none;



  opacity: 1;



}



#video-pop .con .del_p {



  position: absolute;



  bottom: calc(100% + 5px);



  left: calc(100% + 5px);



   width: 0.3rem;



   height: 0.3rem;



   border: 1px solid #fff;



   border-radius: 50%;



   cursor: pointer;



}



#video-pop .con .del_p::after{content: 'x'; font-size: 0.3rem; color: #fff; position: absolute; left: 20%; top:-25%;}



.video-box {



  height: 70vh;



  overflow: hidden;



}



.video-box video{ object-fit: cover; height: 100%; width: 100%;}

/* 产品页 */

.pro-swiper .swiper-button-prev{left: -37px;}

.pro-swiper .swiper-button-next{right: -37px;}

.page-products{padding-top: 30px;}

.load-more-btn{

    margin:30px auto 1.15rem;

    cursor: pointer;

    width: 1.72rem;

    text-align: center;

    height: .48rem;

    border-radius: .12rem;color: #666666;

    line-height: .48rem;

    background: #fff;

    border: 0.02px solid #BFBFBF;

    font-size: 14px;

}

/* 产品详情 */

.productsDetail-box{

    padding-top: .9rem;

}

.productsDetail-box .del-left{width: 50%;}

.productsDetail-box .del-left  .bigimg-item{width: 8rem; height: 8rem; overflow: hidden;}

.thumb-swiper {margin-top: 12px; }

.thumb-swiper .smallimg-item{ cursor: pointer;  height: 1.5rem; border: 2px solid #e9e9e9; overflow: hidden;}



.thumb-swiper .swiper-slide-thumb-active .smallimg-item{border: 2px solid #E4091B;}

.del-content{margin-top: .6rem;}

.del-right{

    width: 50%;

    padding: .32rem 2vw .32rem 10vw;

    box-sizing: border-box;

    position: relative;

}

.del-right-content{

    width: 100%;

    min-height: calc(100vh - .9rem) ;

    position: sticky;

    position: -webkit-sticky;

    top: .9rem;

    display: flex;

    flex-direction: column;

    /* justify-content: center; */

}
.del-right-top {flex-wrap: wrap;}
.del-right-top .iconfont{ color: #272536;}

.del-right-top a{font-size: 16px;color: #999999; position: relative; padding: 0 12px; }

.del-right-top a::after{position: absolute; content: '/';right: 0;z-index: 5;}

.del-right-top a:nth-child(2){padding: 0 12px 0 6px !important;}

.del-right-top span{font-size: 16px;color: #333333; padding-left: 12px;}

.del-right .del-right-big-title{margin-top: .39rem; }

.del-right .del-right-small-title{font-size: .17rem; margin-bottom: .19rem;}

.del-right .del-right-info{font-size: 14px;color: #333333; margin-bottom: .24rem; line-height: 22px;}

.del-right .contact-btn{width: 100%; height: .67rem; line-height: .67rem; text-align: center; color: #fff; background: #E4091B;border-radius: .12rem; margin-bottom: .39rem;}

.del-right .list{margin-bottom: .4rem;background: #F6F6F8; padding: .2rem 0 0;}

.del-right .list .item{width: 33.333%; margin-bottom: .2rem; cursor: pointer; transition: all .3s; }

.del-right .list .item >img{width: 20px; height: 20px; margin-right: 5px;}

.del-right .list2 .item{cursor: pointer;}

.del-right .list2 .item .item-title{border-bottom: 1px solid #DFDFDF; padding: .13rem .14rem .13rem 0;}

.del-right .list2 .item:nth-child(1) .item-title{border-top: 1px solid #DFDFDF;}

.del-right .list2 .item .item-title .title-r{width: 30px; position: relative;}

.del-right .list2 .item .item-title .title-r span{display: inline-block; width: 10px; height: 2px;background:#333 ; position: absolute; top: 50%; left: 50%;}

.del-right .list2 .item .item-title .title-r span:nth-child(2){ transform: rotate(90deg);}

.del-right .list2 .item.on .item-title .title-r span:nth-child(2){opacity: 0;}



.del-right .list2 .item .item-contents{ padding: .2rem .16rem; display: none;}

.del-right .list2 .item .item-contents .item-section .left{ width: 45%; }

.del-right .list2 .item .item-contents .item-section .right{ width: 55%;padding-left: .4rem; }

.aside-nav{position: fixed; opacity: 0; visibility: hidden; z-index: 999; left: 0; top: 0; right: 0; overflow: hidden; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }

/* .aside-nav .nav-content{position: absolute; left: 100vw; top: 0; width: 50vw; height: 100%; background-color: #fff;transition: all .36s;padding: 5vw 10vw; } */
.aside-nav .nav-content{
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,-50%);
    width: 45vw;
    background-color: #fff;
    transition: all .36s;
    padding: 2vw 3vw;
    border-radius: 24px;
 }
 .content-item .title{text-align: center; font-weight: bold;}
.content-item .con{
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.aside-nav.show{opacity: 1; visibility: visible;}

.aside-nav.show .nav-content{top: 50%;}
/* .aside-nav.show .nav-content{left: 50vw;} */

.aside-nav .nav-content  .content-item{display: none; animation-delay: .2s; width: 100%;}

.aside-nav  .nav-content  .content-item.on{display: block;}

.aside-nav  .nav-content  .close{cursor: pointer; position: absolute; top: .3rem; right: .3rem; z-index: 2;}

.aside-nav  .nav-content  .content-item .title{margin-bottom: .32rem;}







.del-sec2{padding-bottom: .36rem; overflow: hidden;}

.del-sec2 .pro-list .item{background: #F6F6F8;}

.del-sec2 .ind-title{ margin-top: 0.1rem; margin-bottom: .4rem;}

.del-sec3{padding: 1rem 0 .2rem;}
.del-sec3 .review-list,.del-sec3 .review-list-m{margin-top: .4rem;}
.review-list .item,.review-list-m .item{ transition: all .3s; background: #F6F6F8; margin-bottom: .24rem; display: block; height: 100%; color: #333; border-radius: .18rem; text-align: center; padding: .4rem .24rem .3rem;}
.review-list .item .avatar,.review-list-m .item .avatar{width: 1rem; height: 1rem; border-radius: 50%; margin-bottom: .16rem;}
.review-list .item .star-list,.review-list-m .item .star-list{display: flex;align-items: center; justify-content: center; margin-top: .14rem; margin-bottom: .16rem;}
.review-list .item .star-list img,.review-list-m .item .star-list img{width: .2rem; height: .2rem; min-width: 20px; min-height: 20px; margin-right: 4px;}





.review-list-m .swiper-button-prev, .pro-list-m .swiper-button-prev{top: unset; bottom: 0; left: calc(50% - 1rem); width: 0.58rem; height: 0.58rem; border-radius: 50%;background: #f8f8f8;}
.review-list-m .swiper-button-next, .pro-list-m .swiper-button-next{top: unset; bottom: 0; right: calc(50% - 1rem);width: 0.58rem; height: 0.58rem; border-radius: 50%;background: #f8f8f8;}


.review-list-m .swiper-button-prev.swiper-button-disabled,.review-list-m .swiper-button-next.swiper-button-disabled,.pro-list-m .swiper-button-prev.swiper-button-disabled,.pro-list-m .swiper-button-next.swiper-button-disabled{opacity: 1;}


.review-list-m .swiper-wrapper .swiper-slide,.pro-list-m .swiper-wrapper .swiper-slide{height: unset; }


/* 联系我们 */

.contact{padding: .5rem 0 1.1rem;}

.contact-box{

    border-radius: 0.08rem;

    overflow: hidden;

    padding: .59rem .76rem .71rem;

    background: url(../images/contact-bg.png) no-repeat; background-size: cover;



}

.contact-left{width: 47.5%;}

.contact-left .contact-title{margin-bottom: .4rem;}

.contact-list .item {margin-bottom: .44rem;}

.contact-list .item img{width: .6rem; height: .6rem; border-radius: 50%; overflow-x: hidden; transition: all .3s;}

.contact-list .item .item-txt{padding-left: 0.15rem; padding-right: .58rem; transition: all .3s; flex: 1; max-width: calc(100% - .6rem);}

.contact-list .item .item-txt .txt1{margin-bottom: 6px;}

.contact-right{width: 52.5%; position: relative; padding-left: .63rem; padding-right: .36rem;}

.contact-right .contact-title{margin-bottom: .25rem;}

.contact-right::after{width: 1px; height: 100%; top: 0; content: ''; position: absolute; left: 0; z-index: 2;background: #D8D8D8;}

.contact-form{padding-top: .3rem;}

.form-group{margin-bottom: 18px; position: relative;}

.form-group input{padding-left: 42px;font-size: 15px; height: .44rem; width: 100%;border-radius: 8px;border: 1px solid rgba(0,0,0,0.1);}

.form-group textarea{padding-left: 42px;font-size: 15px; height:1.45rem; width: 100%;border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); padding-top: 10px;}
.form-group textarea:focus-visible {outline: none;}
.form-group .form-icon{position: absolute; left: 12px;top: 50%; transform: translateY(-50%);}

.form-group .form-icon2{position: absolute; left: 12px;top: 10px;  }

.contact-right .submit-btn{

    cursor: pointer;

    width: 1.72rem;

    height: .48rem;

    text-align: center;

    line-height: .48rem;

    background: #E4091B;

    border-radius: .12rem;

    margin-top: .3rem;

    text-transform: uppercase;

}

/* support */

.support-sec1{padding: .9rem 0 .8rem;}

.support-list{margin-top: .3rem;border-top: 1px solid #EBEBEB;padding-bottom: 1.5rem;}

.support-list .item{padding: 0 .2rem; cursor: pointer;  position: relative; border-bottom: 1px solid #EBEBEB;}

.support-list .item::after{position: absolute; content: '';left: 0; bottom: 0; width: 0; height: 2px; background: #E4091B ; z-index: 2; transition: width .3s; }

.support-list .item .item-q img,.support-list .item .item-a img{display: inline-block; width: .24rem; height: .24rem; margin-right: .17rem; min-width: 24px; min-height: 24px;}

.support-list .item .item-q{padding: .31rem 0;  }

.support-list .item .item-q .item-q-left{flex:1; max-width: calc(100% - 1.23rem);}

.support-list .item .item-q .item-q-right{width: .3rem; height: .3rem; min-width: 30px; position: relative; min-height: 30px; border-radius: 50%; background:#F8F8F8 ;}

.support-list .item .item-q .item-q-right span{ background: #333; display: inline-block; position: absolute;}

.support-list .item .item-q .item-q-right span:nth-child(1){width: .12rem;min-width: 12px; height: 1px;left: 50%; top: 50%; transform: translate(-50%, -50%);}

.support-list .item .item-q .item-q-right span:nth-child(2){width: 1px; height: .12rem; min-height: 12px; left: 50%; top: 50%; transform: translate(-50%, -50%);}



.support-list .item .item-a{padding: .1rem 1.03rem .31rem 0; display: none;}

.support-list .item.on .item-q-title{color: #E4091B;}

.support-list .item.on::after{width: 100%;}



.support-list .item.on .item-q .item-q-right span:nth-child(2){opacity: 0;}



.support-sec2{background-color: #f8f8f8; padding: .9rem 0 .8rem;}

.download-list{ margin-top: .31rem; border-top: 1px solid #EBEBEB;padding-bottom: 1.5rem;}

.download-list .item{padding: .28rem .36rem .31rem .4rem; cursor: pointer; background: #FFFFFF; border-bottom: 1px solid #EBEBEB;}

.download-list .item .title{flex: 1; max-width: calc(100% - 1.23rem - 0.3rem); padding-left: .33rem; padding-right: .3rem;}

.download-list .item .down-btn{width: 1.23rem; height: .36rem; min-height: 36px; border-radius: .12rem; border: 1px solid #BFBFBF; color: #222;}

.download-list .item .down-btn i{margin-right: 2px;}

.download-list .item:hover {background: #F9F9F9;}

.download-list .item:hover .down-btn{background: #E4091B; color: #fff;}

.support-sec3{padding: .9rem 0 .87rem;}

.support-tab{margin-top: .3rem;}

.support-tab .tab-item{ cursor: pointer; margin-right: .2rem; margin-bottom: .2rem; padding: .2rem .32rem; color: #999; border-radius: .32rem;border: 1px solid #AAAAAA;}

.support-tab .tab-item:hover,.support-tab .tab-item.active{ color: #fff;background: #E4091B; border: 1px solid #E4091B;}



.support-content{ margin-top: .2rem; background: #F8F8F8; border-radius: .16rem; padding: .42rem 9.5vw .66rem;}

.support-slide .title{margin-bottom: .3rem;}

.support-slide .info{line-height: .36rem;}

.support-list .swiper-button-prev,.download-list .swiper-button-prev{left: calc(50% - 1rem);top: unset; bottom: 0.2rem; width: .58rem; height: .58rem; border-radius: 50%;}
.support-list .swiper-button-next,.download-list .swiper-button-next{right: calc(50% - 1rem);top: unset; bottom: 0.2rem;width: .58rem; height: .58rem; border-radius: 50%;}
.support-list .swiper-button-prev,.support-list .swiper-button-next{background: #f8f8f8;}
.download-list .swiper-button-prev,.download-list .swiper-button-next{background: #fff;}

.support-list .swiper-button-prev.swiper-button-disabled,.support-list  .swiper-button-next.swiper-button-disabled,
.download-list .swiper-button-prev.swiper-button-disabled,.download-list  .swiper-button-next.swiper-button-disabled{
    opacity: 1;
}
/* about */

.about-sec1{padding: .9rem 0  0.09rem;}

.about-play {margin: .32rem; text-align: center; cursor: pointer;}

.about-play img{width: .8rem; height: .8rem;}

.about-sec1-left{padding-right: 1.5vw;}

.about-sec1-top{padding: 0.58rem 0 .5rem 5vw; background: url(../images/about-bg.png) no-repeat; background-size: cover; background-position: center;}

.about-sec1-top.ind2-left .list .item{width: 50%; margin-bottom: .68rem;}

.about-sec1-top.ind2-left .list .item .item-l2{margin-top: .17rem;}

.about-sec1-bottom.ind3{background: none; padding: .72rem .43rem; flex-wrap: wrap;}

.about-sec1-bottom.ind3 .item{width: 25%; margin-bottom: .51rem;}

.about-sec1-right{padding-left: 1.5vw;}

.about-sec1-right .info{margin-top: .2rem;line-height: 22px;}

.about-sec1-right .info p{margin-bottom: .2rem;}

.about-sec2{padding: .95rem 0 .98rem ; background: url(../images/history-bg.png) no-repeat ; background-size: cover;}

.about-sec2-swiper-box{margin-left: 10.4vw;}

.about-sec2-swiper .swiper-slide {

    padding-left: 0.5rem;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-top: 1.5rem;

    /* padding-bottom: 0.5rem; */

    cursor: pointer;

}

.about-sec2-swiper .slide-item{

    padding-left: 0.18rem;

    position: relative;

    padding-bottom: 1rem;

    top: 0;

    transition: .33s;

}

.about-sec2-swiper .slide-item .slide-year{

    font-size: 0.36rem;

    position: relative;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}



.about-sec2-swiper .slide-item::after{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 1px;

    background: #ddd;

}

.about-sec2-swiper .swiper-slide.active  .slide-item .slide-year{

   font-weight: bold;

    color: #E4091B;

}

.about-sec2-swiper .slide-item .slide-des{

    font-size: 16px;

    color: #666;

    margin-top: 0.1rem;

    line-height: 22px;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    max-height: 1rem;

    overflow: auto;

    overflow-x: hidden;

    overflow-y: auto;

    padding-right: 10px;

}

.about-sec2-swiper-prosess{ position: relative;}

.img_box{

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

    transform: translateY(-1rem);

}

.about-sec2-imgbg{

    position: relative;

    left: 0;

    -webkit-transition: 0.6s ease;

    -o-transition: 0.6s ease;

    transition: 0.6s ease;

}

.years-swiper{border-top: 1px solid #d8d8d8; padding: .29rem; margin-top: .5rem;}

.years-slide-item{text-align: center; cursor: pointer;}

.about-sec2-imgbg > img{

  

    position: relative;

    left: 0;

}

.years-swiper .swiper-slide.active .years-slide-item{color: #E4091B;}

.about-sec2-bg-blue{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    background: url(../images/history-img2.png) no-repeat;

    background-position: -800px 50%;

    -webkit-transition: 0.6s ease-in;

    -o-transition: 0.6s ease-in;

    transition: 0.6s ease-in;

    background-size: auto 100%;

    -webkit-mask-image: url(../images/history-img1.png);

    -webkit-mask-size: auto 100%;

}

.about-sec3{ background: #333333; padding: 1.02rem 0 1.09rem;}

.about-sec3-tabs .item{ cursor: pointer; width: 2rem;height: .64rem; margin-bottom: .2rem; border-radius: .32rem; border: 1px solid #FFFFFF; margin-right: .32rem; line-height: .64rem; text-align: center;}

.about-sec3-tabs .item:hover,.about-sec3-tabs .item.on{background: #E4091B;border: 1px solid #E4091B;}

.about-sec3-swiper{margin-top: .8rem;}

.about-sec3-swiper .swiper-scrollbar{ position: absolute; width: calc(100% - 70px); left: inherit; right: 0;height: 0.02rem; background: rgba(255, 255, 255,.4);}

.about-sec3-swiper .swiper-scrollbar .swiper-scrollbar-drag{height: 0.06rem;background: #E4091B;top: -0.02rem;}

.about-sec3-swiper .item { width: 100%; height: 2.99rem;margin-bottom: 0.51rem;}

.about-sec3-swiper .item .item-img{ width: 100%; height: 100%; padding: 0.15rem; background: url(../images/honor-bg-small.png) no-repeat; background-size: cover;  border-radius: .16rem; overflow: hidden;}

.about-sec3-swiper .item .item-txt{position: absolute;border-radius: .16rem;box-sizing: border-box; overflow: hidden; left: 0; top: 0; right: 0; z-index: 5; bottom: 0; display: flex; align-items: center; justify-content: center;padding: .3rem  4vw;background-color: rgba(228, 9, 27, .72) ; opacity: 0; }

.about-sec3-swiper .item:hover .item-txt{opacity: 1;}

.about-sec3-swiper .swiper-button-next{



    bottom: 0;

    top: inherit;

    z-index: 10;

    left: 30px;

}

.about-sec3-swiper .swiper-button-prev{



    bottom: 0;

    top: inherit;

    z-index: 10;

    left: -5px;

    position: relative;

}

.g_sypt4_line {

    position: absolute;

    bottom: 16px;

    left: 25px;

    width: 2px;

    height: 12px;

    background: rgba(255,255,255,0.5);

    opacity: 0;

}

.g_sypt4_line.show{opacity: 1;}

.honor-box .about-sec3-swiper{display: none;}

.honor-box .about-sec3-swiper.on{display: block;}

.about-sec4{/*padding: .98rem .93rem;*/ padding: 0.98rem 0;}

.expo-box{/*padding: .44rem .82rem;*/padding: 0.44rem 0;}

.expo-box .about-sec4-swiper{display: none;}

.expo-box .about-sec4-swiper.on{display: block;}

.about-sec4-swiper  .swiper-horizontal > .swiper-scrollbar{left: 50%;width: 81%;transform: translateX(-50%);}

.about-sec4-swiper .item {height: 4.8rem; border-radius: .16rem; overflow: hidden; margin-bottom: .8rem;}

.about-sec4-swiper .swiper-scrollbar{background: #DEDEDE;}

.about-sec4-swiper .swiper-scrollbar .swiper-scrollbar-drag{background: #E4091B; height: 6px; top: -1px;}

.about-sec4-category .category-slider-title{text-align: center; cursor: pointer;}

.about-sec4-category .swiper-button-prev{left: -.41rem;}

.about-sec4-category .swiper-button-next{right: -.42rem;}

/* .about-sec4-category .swiper-slide-active .category-slider-title{color: #E4091B; ;} */
.about-sec4-category .swiper-slide.active .category-slider-title{color: #E4091B; ;}



/* 落地页 */

.ldy_section2{ padding: .85rem 0 1.21rem;}

.ldy_section2 .list{margin-top: .4rem; align-items: stretch;}

.ldy_section2 .list .item{width: 19%; margin-right: 1%; padding: .4rem .22rem; margin-bottom: .2rem; background-color: #fff;border-radius: .16rem; overflow: hidden;}

.ldy_section2 .list .item img{width: .36rem; height: .36rem;}

.ldy_section2 .list .item .title{line-height: .27rem; margin-top: .32rem; height: .54rem; overflow: hidden; margin-bottom: .17rem;}




.ldy_section1{padding: .6rem 0 ;}
.ldy-list{
    position: relative;

    /* padding-top: 1.05rem; */

    padding-bottom: .8rem;

}

.simg-tab-box{width: 76%;transform: translateY(.5rem); background-color: #fff;  position: relative; z-index: 5;  overflow: hidden; border-radius: 0px 0px .2rem 0px; padding-bottom: .12rem; padding-right: .12rem;}

.simg-tab {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 3;

    

}

.simg-tab .swiper-slide {

    width: auto;

    padding-bottom: .15rem;

    background: #fff;

    padding: 0 .12rem 0rem 0;

}

.simg-tab .con-box {

    display: block;

    width: 1.67rem;

    height: 1rem;

    padding:.28rem .15rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    text-align: center;

    border-radius: .12rem;

    overflow: hidden;

    display: flex;

    align-items: center;

    /* margin-bottom: .12rem; */

    transition: all .3s;
    cursor: pointer;

}

.simg-tab .con-box:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #333;

    opacity: .5;

    filter: alpha(opacity=5);

}

.simg-tab .con-box span {

    font-size: .16rem;

    color: #fff;

    position: relative;

    z-index: 3;

    display: block;

}



.simg-tab .swiper-slide.cur .con-box {

    width: 2.2rem;

}

.simg-tab .swiper-slide.cur .con-box:before{opacity: 0;}

.bimg-tab {

    overflow: hidden;

    background-color: #fff;

}



.bimg-tab .img {

    float: right;

    width: 75%;

    border-radius: .16rem;

    overflow: hidden;

}

.bimg-tab .img img {

    width: 100%;

}

 .bimg-tab .text-box {

    position: absolute;

    left: 0;

    top: 21.21%;

    width: 26%;

}

.bimg-tab .text-box .icon {

    width: .79rem;

    height: .79rem;

    line-height: .79rem;

    background: #F5F5F5;

    text-align: center;

    border-radius: 100%;

}

.bimg-tab .text-box .icon img {

    width: .6rem;

    height: .6rem;

    display: inline-block;

}

.bimg-tab .text-box .en-tit {

    font-size: .32rem;

    color: #333;

    font-weight: bold;

    margin-top: .32rem;

}

.bimg-tab .swiper-slide{background-color: #fff;}

.bimg-tab .text-box .con {

 

    overflow: hidden;

    color: #333;

    margin-top: .3rem;

    width: 78%;

}





.bimg-tab .detail {

    position: absolute;

    left: 0;

    bottom: 7%;

    z-index: 3;

    transition: all .3s;

}

/* .bimg-tab .detail:hover{

    color: #E4091B

} */


/* 表单提交后提示框 */
.myModal{
    position: fixed;
    left: 0; 
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: none;
}
.myModal.onshow{
     display: flex;
}
.myModal  .content{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.2);
    border-radius: 8px;
    border: 1px solid #F5F5F5;
    padding: .24rem .3rem;
    width: 26vw;
}
.confirm-btn{
    text-align: right;
    margin-top: .32rem;
}
.confirm-btn button{
    color: #FFFFFF;
    font-size: 14px;
    width: 110px;
    height: 40px;
    background: #E4091B;
    border-radius: 12px;
    text-align: center;
    line-height: 40px;
}
@keyframes myrotate {



    0%{-webkit-transform:rotate(0deg);}

  

    25%{-webkit-transform:rotate(90deg);}

  

    50%{-webkit-transform:rotate(180deg);}

  

    75%{-webkit-transform:rotate(270deg);}

  

    100%{-webkit-transform:rotate(360deg);}

  

  }

  @media (min-width: 993px){
    /* .pro-sub .swiper  .swiper-slide:nth-child(3){width: 3.5rem !important;}
    .pro-sub .swiper  .swiper-slide:nth-child(1), .pro-sub .swiper  .swiper-slide:nth-child(4){width: 2rem !important;} */
    .myswiperbtn:hover {color: #CA3935;}
    .row-flex{display: flex; align-items: stretch; flex-wrap: wrap;}

    /* .row-flex div,.row-flex div .item{height: 100%;} */

    .list-row .col-xs-6,.list-row .col-lg-6,

    .list-row .col-md-6,.list-row .col-md-4,.list-row .col-lg-4,

    .list-row .col-lg-3{ padding-right: 0.24rem;  padding-left: 0.24rem;  }

    .list-row .row { margin-right: -0.24rem; margin-left: -0.24rem; }

    .img-hover:hover img{transform: scale(1.1);}

    .ind3 .list .item:hover {transform: translateY(-10px);}

    .ind2 .col-md-5, .ind2 .col-lg-5{width: 48%;}

    .ind2 .col-md-7, .ind2 .col-lg-7{width: 52%;}

    .ind6 .list .item:hover{transform: translateY(-10px);}

    .pro-list .row .col-md-3,.pro-list .row .col-lg-3{ padding-right: 0.12rem; padding-left: 0.12rem;}

    .pro-list .row { margin-right: -0.12rem; margin-left: -0.12rem; }

    .pro-list .item:hover .title, .pro-list-m .item:hover .title{color: #E4091B;;}
    .pro-list .item:hover,.pro-list-m .item:hover,.review-list .item:hover,.review-list-m .item:hover {
        box-shadow: 0px 0.2rem 0.5rem rgba(157,157,157,0.3);
    }

    .ind4-tab  .ind4-tab-item:hover .ind4-tab-item-img img:nth-child(1){opacity: 0;} 

    .ind4-tab  .ind4-tab-item:hover  .ind4-tab-item-img img:nth-child(2){opacity: 1;} 

    .ind4-tab  .ind4-tab-item:hover::before{background: #CA3935;}

    .ind4-tab  .ind4-tab-item:hover::after{background: rgba(202, 57, 53, 0.2);}
    .ind4-tab-content .more-btn:hover{background: #CA3935 ; border: 1px solid #CA3935;}

    .news-list .item:hover  .item-detail::after{width: 100%;}

    .form-group input,.form-group textarea{padding-left: .42rem; font-size: .15rem;}

    .load-more-btn:hover{

        background: #E4091B;

        color: #fff;

    }

    .ldy_section2 .list .item:hover img{transform: translate(0,-10px);}

    .ldy_section2 .list .item:hover .title{color: #E4091B;}



    .contact-right .submit-btn:hover,.contact-btn:hover{box-shadow: 0px 4px 24px 0px rgba(228, 9, 27, 0.5)}

    .del-right .list .item >img{width: 0.2rem; height: 0.2rem;}
    .thumb-swiper .swiper-slide:hover .smallimg-item{border: 2px solid #E4091B;}
    .ind4 .ind4-bg-mobile{display: none;}
    .years-swiper .swiper-slide:hover .years-slide-item{color: #E4091B;}
    .del-right .list .item:hover{transform: translateY(-10px);}
    .ind5-swiper .ind5-swiper-slide:hover .ind5-play-icon{opacity: 1;}
    .support-list .item:hover .item-q-title{color: #E4091B;}

    .support-list .item:hover::after{width: 100%;}

    .support-list .swiper-button-prev:hover,.support-list .swiper-button-next:hover,.download-list .swiper-button-prev:hover,.download-list .swiper-button-next:hover{background: #E4091B;}
    .support-list .swiper-button-prev:hover .iconfont ,.support-list .swiper-button-next:hover .iconfont ,.download-list .swiper-button-prev:hover .iconfont ,.download-list .swiper-button-next:hover .iconfont {color: #fff;}
    .support-tab{ justify-content: center;}
    /* .review-list-m,.pro-list-m{display: none;} */
    .review-list-m .swiper-wrapper,.pro-list-m .swiper-wrapper{align-items: stretch; padding-bottom: 1rem; }

}
@media (max-width:1400px){
    .del-right .list{padding:10px 10px 0; }

    .del-right .list .item{width: 50%;justify-content:left; margin-bottom: 22px;}
   
}
@media (max-width:1600px){
    /* .ind3 .list .item{width: 25%; margin-bottom: 15px;} */
    .about-sec1-bottom.ind3 .list .item{width: 25%; margin-bottom: 15px;}
}
  @media (max-width: 993px) {
    .review-list,.prodel-list{display: none;}
    .m-d-flex{flex-wrap: wrap;}

    .more-btn{height: 0.68rem; line-height: 0.68rem;}

    .ind2-left .ind-p1{line-height: 26px;}

    .ind2-left .ind-p2{font-size: 12px; line-height: 26px;}

    .ind2-right{transform: translateX(0); margin-top: 30px;}

    .ind3 .list .item{width: 25%;}

    .ind4-content{width: 100%;}

    .ind6 .list .item{width: 31.333%;}

    .newsdel_prev_next .newsdel_btn{width: 2.4rem; height: .7rem; line-height: .7rem;}

    .inner-banner{height: 320px;}

    .ind-banner{height: 100vh;}

    .ind-banner-swiper,.ind-banner-silde {

        height: 100%;

    }

    .ind-banner-bottom{top: 90%; bottom: unset;}

    .index-mouse{display: none;}

    #video-pop .con{width: 85%;}

    .video-box{height: unset;}

    #video-pop .con .del_p::after{top: -37%;}

    .ind-banner-swiper .swiper ,.ind-banner-swiper .swiper {height: 100%;}

    .bannerSwiper .ind-banner-silde .ind-banner-txt{left: 30px; right: 30px;}

    .ind-banner-txt .ind-ban-morebtn{height: 40px; line-height: 38px; font-size: 14px}

    .ind5-bottom .swiper-pagination{width: 100%; left: 0; margin-top: 40px;}

    .pro-swiper .swiper-button-prev{left: 0px;}

    .pro-swiper .swiper-button-next{right: 0px;}

    .sub-menu-list{padding: 0 30px;}

    .contact-left,.contact-right{width: 100%;}

    .contact-right{padding: 30px 0;}

    .contact-right::after{opacity: 0;}

    .form-group input{height: 44px;}

    .form-group textarea{height: 145px;}

    .contact-list .item .item-txt{padding-right: 0;}

    .contact-box{padding: 30px;}

    .about-sec3-swiper .item{height: 4.9rem;}

    .about-sec3-tabs .item{width: 160px;}

    .about-sec3-tabs{margin-top: 30px;}

    .about-sec4{padding: 30px 15px;}

    .news-list .item .item-txt .title{

        height: 60px;

        line-height: 30px;

    }

    .news-list .item .item-txt .txt{

        height: 48px;

        line-height: 24px;

    }

    .newsdel_right_title {

        font-size: 20px;

    }

    .articles{margin-top: 50px;}

    .articles .list .item .item-txt{font-size: 14px;}

    .support-list .item .item-a{padding: .1rem 0 .31rem 0;}

    .support-list .item .item-q-title{font-size: 16px;}

    .item-a .item-a-content {font-size: 14px;}

    .download-list .item .down-btn{width: 1.8rem;}

    .support-content .support-slide .title{font-size: 16px;}

    .support-tab .tab-item{font-size: 14px;}

    .support-slide .info{line-height: 30px;}

    .support-content{padding: .42rem 15px .66rem;}

    .search--box .input-box{height: 60px;}
    .search--box .input-box input::placeholder{font-size: 12px;}
    .pro-list .item-img,.news-list .item .item-img{height: unset;}

    .ind2-left .list .item .item-l1{justify-content: center;}

    .ind2-left .list .item .item-l2{text-align: center;}

    .load-more-btn{width: 120px; height: 45px; line-height: 45px;}

    .contact-right .submit-btn{width: 100%; height: 45px; line-height: 45px;}

    .news-swiper .swiper-wrapper{justify-content: left;}

    .del-sec1{flex-wrap: wrap;}

    .productsDetail-box .del-left,.productsDetail-box .del-right{width: 100%;}

   .del-right-top{display: none;}

    .del-right{padding: 30px;}

    .del-right-content{min-height: unset;}

    .del-right .del-right-small-title,.del-right .list2 .item .item-contents{font-size: 14px;}

    .del-right .contact-btn{height: 45px; line-height: 45px;}
    

    .del-right .list2 .item .item-title{padding: 12px;}

    .aside-nav.show .nav-content{width: 85vw;}

    /* .aside-nav.show .nav-content{left: 0;} */

    .ldy_section2 .list .item{width: 100%; margin-right: 0; }

    .ldy_section2 .list .item .title{height: unset; line-height: 27px;}

    .ldy_section2 .list .item img {

        width: 36px;

        height: 36px;

    }


    .about-sec1,.about-sec2,.about-sec3,.about-sec4,.support-sec1,.support-sec2,.support-sec3,.support-sec4{padding-top: 65px;}
    .about-sec2-swiper-box{margin-left: 0;}

    .about-sec2-bg-blue{display: none;}

    .img_box{transform: translateY(0);}

    .bimg-tab .text-box{top: 0; width: 100%;}

    .bimg-tab .detail{bottom: 0;}
    .expo-box{padding: .44rem 0;}
    .ind4 .ind4-bg-pc{display: none;}
    .simg-tab-box{width: 100%;}
    .bimg-tab .img{
        float: none;
        width: 100%;
        display: block;
    }
    .bimg-tab .text-box {
        position: relative;
        width: auto;
        padding: .4rem .3rem;
        top: 0;
    }
    .bimg-tab .text-box .icon {
        position: absolute;
        right: .3rem;
        top: .4rem;
        width: .8rem;
    }
    .bimg-tab .text-box .con {
        height: auto;
        width: 100%;
        font-size: 14px;
        line-height: 26px;
    }
     .bimg-tab .detail {
        position: static;
        font-size: 14px;
        margin-left: .3rem;
    }
    .ind5-swiper .ind5-play-icon{opacity: 1;}
    .myModal  .content{width: 80vw;}
    .pro-list-m .item-img,.review-list-m .swiper-wrapper .swiper-slide,.pro-list-m .swiper-wrapper .swiper-slide{height: unset;}
    .review-list-m ,.pro-list-m{padding-bottom: 60px;}
    .review-list-m .swiper-wrapper,.pro-list-m .swiper-wrapper{align-items: stretch; }
    .del-right .list .item:nth-child(3){width: 100%;}
    .bimg-tab .swiper-wrapper{align-items: stretch;}
    .bimg-tab .swiper-wrapper .swiper-slide{height: unset;}
}







@media (min-width: 1600px){

    .ind1-btn .ind1-li-btn{  line-height: 2.72vw; width: 10.5vw; height: 2.72vw; }

}









@media (max-width: 450px) {

    .ind-banner-txt  .ind-ban-t {font-size: 23px; }

    .ind1-btn .ind1-li-btn{width: 120px;height: 45px; line-height: 45px;}

}

@keyframes myfadeInUp2{

    0%{

    

        transform: translate3d(0,100%,0);

    }

    100%{

      

        transform: none;

    }

}

.myfadeInUp2 {

    animation: myfadeInUp2 .5s ease-in-out both;

    animation-delay: .4s;

}

@keyframes myfadeInUp{

    0%{

        opacity: 0;

        transform: translate3d(0,50px,0);

    }

    100%{

        opacity: 1;

        transform: none;

    }

}

.myfadeInUp {

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: .4s;

}



@keyframes imgbigtosmall {

    0% { 

    opacity: 1;

    -webkit-transform: scale(1.2); 

    -ms-transform: scale(1.2); 

    transform: scale(1.2);

    }

    100% { 

    opacity: 1;

    -webkit-transform: scale(1); 

    -ms-transform: scale(1); 

    transform: scale(1);

    }

  }

  .imgbigtosmall{

    -webkit-animation-name: imgbigtosmall;

    animation-name: imgbigtosmall;

    transition: all 10s ease;

    transform-origin: 50% 50%;

  }