.index_banner .swiper-button-next:after,
.index_banner .swiper-button-prev:after {
  font-family: none !important;
  content: '' !important;
}

.index_banner {
  position: relative;
  z-index: 50;
}

.index_banner #sj {
  display: none;
}

.index_banner .swiper-slide {
  height: auto;
  overflow: visible !important;
}

.index_banner .swiper-pagination{bottom: 15%;}

.index_banner .swiper-pagination-bullet {
  width: 42px;
  height: 5px;
  background: rgba(256, 256, 256, .65);
  opacity: 1 !important;
  border-radius: 10px;
}

.index_banner .swiper-pagination-bullet-active {
  background: var(--commonColor);
}

.web_th .title{text-transform: uppercase;}

/* common-prev common-next */
.swiper{position: static;}
.common-prev, .common-next{width: 52px; height: 52px; border-radius: 50%; background-color: #333; opacity: 1; background-position: center; background-repeat: no-repeat; background-size: 26px auto; padding: 0; display: none;}
.common-prev::after, .common-next::after{display: block; width: 100%; height: 100%; line-height: 52px; text-align: center; font-weight: bold; font-size: 24px; color: #fff;}
.common-prev{left: -80px; background-image: none !important; /* background-image: url(../img/prev_h.png); */}
.common-next{right: -80px; background-image: none !important; /* background-image: url(../img/next_h.png); */}
.common-pagination{display: none; left: 0; width: 100%; bottom: 0;}
.common-pagination .swiper-pagination-bullet:before{display: none;}
/* .common-prev:hover{background-image: url(../img/prev.png);}
.common-next:hover{background-image: url(../img/next.png);} */

@media only screen and (max-width: 1640px) {
	.common-prev{left: -65px;}
	.common-next{right: -65px;}
}
@media only screen and (max-width: 1500px) {
	.common-prev{left: -56px;}
	.common-next{right: -56px;}
}
@media only screen and (max-width: 1400px) {
  .common-prev, .common-next{width: 48px; height: 48px; margin-top: -24px;}
  .common-prev::after, .common-next::after{line-height: 48px; font-size: 22px;}
}
@media only screen and (max-width: 980px) {

 .index_banner  #pc{  display: none !important;}
  .index_banner #sj{ display: block !important;}
	.common-prev, .common-next{display: none !important;}
	.common-pagination{display: block; height: 20px;}
}

.pubMoreBg{display: inline-block; height: 48px; line-height: 48px; border: 2px solid var(--commonColor); font-weight: bold; text-transform: uppercase; border-radius: 30px; cursor: pointer; position: relative; padding: 0 52px 0 26px; color: #fff; background: var(--commonColor);}
.pubMoreBg::before{content: ''; display: block; width: 24px; height: 24px; background: url(../img/icon_right.png) no-repeat center; background-size: 24px auto; position: absolute; right: 22px; top: 50%; margin-top: -12px;}

.pubMoreBg:hover{background: #fff; color: var(--commonColor);}
.pubMoreBg:hover::before{background-image: url(../img/icon_right_h.png);}

@media only screen and (max-width: 980px) {
  .pubMoreBg{height: 44px; line-height: 44px;}
}

.home_pro_info .brief *,
.home_news_item .brief *{font-family: inherit !important; font-size: inherit !important; color: inherit !important; line-height: inherit !important; background: none !important;}


/* home_product */
.home_product{overflow: hidden; background-repeat: no-repeat; background-position: center; background-image: url(../img/bg_pro.webp); background-color: #FAFAFA;}

.product_inner{margin-top: 3%; position: relative;}
.product_inner .swiper-slide{width: calc((100% - 66px) / 4); margin-right: 22px; height: auto;}
.home_pro_item{padding: 30px 28px; border: 1px solid #E8E8E8; background: #fff; border-radius: 12px; height: 100%;}
.home_pro_item .pro_pic{padding-bottom: 100%;}
.home_pro_info{flex: 1; position: relative; padding-bottom: 56px;}
.home_pro_info .title{font-weight: bold; font-size: 20px; text-align: center; margin: 15px 0 10px;}
.home_pro_info .brief{color: #666; line-height: 28px; position: absolute; left: 0; bottom: 0; right: 0; height: 56px;}


@media only screen and (max-width: 1200px) {
  .home_pro_item{padding: 24px 20px;}
  .home_pro_info .title{font-size: 18px;}
  .product_inner .swiper-slide{width: calc((100% - 60px) / 3);}
}
@media only screen and (max-width: 980px) {
  .home_product{background-size: 100% 100%;}
  .home_product .web_th{text-align: center;}
  .home_product .web_th .th_more{display: none;}
  .home_pro_item{padding: 20px;}
  .product_inner .swiper-slide{width: 100%;}
  .product_inner{margin-top: 15px; padding-bottom: 32px;}
  .home_pro_info .title{margin: 15px 0 8px;}
}


/* home_appli */
.home_appli{overflow: hidden;}
.home_appli .web_th .title{width: 32%;}
.home_appli .web_th .line{width: 20px; border-left: 2px solid #999; height: 80px;}
.home_appli .web_th .brief{margin-top: 0; width: 58%;}


.app_inner{margin-top: 3%; position: relative;}
.swiper_app .swiper-slide{width: 25%;}

.app_item{position: relative; text-transform: capitalize;}
.app_item .pic{padding-bottom: 150%;}
.app_item .pic::before{position: absolute; left: 0; bottom: 0; width: 100%; height: 0; content: ''; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.app_item .pic::after{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.app_item .app_info{position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 20px 30px; z-index: 3;}
.app_item .item_icon{height: 68px; display: block;}
.app_item .item_icon img{height: 100%; display: block; margin: 0 auto; width: auto;}
.app_item .title{color: #fff; font-weight: bold; font-size: 18px; margin-top: 20px; line-height: 26px; min-height: 52px; text-align: center;}

.app_item:hover .pic::before{height: 100%;}
.app_item:hover .item_icon{animation: swing 0.5s;}
/* .app_item:hover .title{color: var(--commonColor);} */

@media only screen and (max-width: 1280px) {
  .app_item .item_icon{height: 60px;}
}
@media only screen and (max-width: 980px) {
  .home_appli .web_th{text-align: center;}
  .home_appli .web_th .title{width: 100%;}
  .home_appli .web_th .line{display: none;}
  .home_appli .web_th .brief{width: 100%; margin-top: 10px;}
  .app_inner{padding: 0 15px 35px; margin-top: 15px;}
  .swiper_app .swiper-slide{width: 100%; margin-right: 16px;}
  .app_item .pic{padding-bottom: 125%;}
  .app_item .title{min-height: unset; margin-top: 16px;}
}


/* home_about */
.home_about{overflow: hidden; position: relative; text-transform: capitalize;}
.home_about::before{position: absolute; right: 0; top: 0; height: 100%; width: 30%; content: ''; background: var(--commonColor);}
.home_about .web_th .brief{margin: 15px 0 30px;}

.about_left{width: 42%;}

.about_right{width: 48%; margin: 0 5%;}
.about_num li{width: calc(100% / 3); box-sizing: border-box; background: #fff; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;}
.about_num li:nth-child(3n + 1){border-left: 1px solid #E2E2E2;}
.about_num li:nth-child(-n+3){border-top: 1px solid #E2E2E2;}
.about_num li.img_li .pic{padding-bottom: 100%;}
.about_num li.num_li{padding: 8% 24px 20px; text-align: center;}
.about_num li.num_li .title{font-size: 32px; font-weight: bold; text-transform: uppercase; color: var(--commonColor); line-height: 1.25;}
.about_num li.num_li .brief{font-size: 20px; line-height: 1.5; margin-top: 10px;}

.about_num li.num_li:hover{background: #FAFAFA;}
.about_num li.num_li:hover .title{animation: jump 0.5s;}

@media only screen and (max-width: 1400px) {
  .about_num li.num_li .title{font-size: 30px;}
  .about_num li.num_li .brief{font-size: 18px;}
}
@media only screen and (max-width: 1200px) {
  .about_num li{width: 50%;}
  .about_num li:nth-child(3n + 1){border-left: 0;}
  .about_num li:nth-child(2n + 1){border-left: 1px solid #E2E2E2;}
  .about_num li:nth-child(-n+3){border-top: 0;}
  .about_num li:nth-child(-n+2){border-top: 1px solid #E2E2E2;}
  .about_num li.num_li .title{font-size: 28px;}
  .about_num li.num_li{padding: 10% 20px;}
}
@media only screen and (max-width: 980px) {
  .home_about{margin-top: 0;}
  .home_about::before{width: 0;}
  .about_inner{flex-direction: column;}
  .home_about .web_th{text-align: center;}
  .home_about .web_th .brief{margin: 10px 0 16px;}
  .about_left{width: 100%;}
  .about_right{width: 100%; margin-top: 24px;}
  .about_num{justify-content: space-between;}
  .about_num li{border: none !important; width: 48%;}
  .about_num li.num_li{padding: 20px 0 0; order: 2;}
  .about_num li.img_li{order: 1;}
  .about_num li.num_li .title{font-size: 26px;}
}

/* home_honor */
.home_honor{background: linear-gradient( 180deg, rgba(217,217,217,0) 0%, #F0F2F4 100%); background-image: url(../img/bg_honor.webp); background-repeat: no-repeat; background-position: center;}
.honor_inner{padding: 3% 0 10%; position: relative; background: url(../img/bg_honor1.webp) no-repeat center bottom; background-size: 98% auto; max-width: 1760px; margin: 0 auto;}
.honor_inner .layout{padding: 0 6%;}
.honor_inner .swiper-slide{width: calc((100% - 78px)/ 4); margin-right: 26px;}

.about_ser_list li{width: 30%; margin-top: 3%;}
.honor_item .pic{padding-bottom: 133%; overflow: hidden;}

.honor_inner .common-prev{left: 0;}
.honor_inner .common-next{right: 0;}

@media only screen and (max-width: 1620px) {
  .honor_inner .common-prev{left: 20px;}
  .honor_inner .common-next{right: 20px;}
}
@media only screen and (max-width: 1200px) {
  .honor_inner .layout{padding: 0 7.2%;}
}
@media only screen and (max-width: 980px) {
  .home_honor{background: #F6F7F9; padding-bottom: 28px;}
	.honor_inner .swiper-slide{width: calc(50% - 15px); margin-right: 30px;}
	.honor_item:hover .pic img{transform: none;}
	
	.honor_inner{padding: 15px 0 45px;}
  .honor_inner .layout{padding: 0 30px ;}
	
}


/* home_partner */
.home_partner{overflow: hidden; background: url(../img/bg_partner.webp) no-repeat center;}

.partner_ul{margin-top: 3%; overflow: hidden;}
.partner_item{float: left; width: calc(100% / 7); background: url(../img/bg_logo.png) no-repeat center; background-size: 96% auto; height: 0; padding-bottom: 15%; position: relative;}
.partner_item:nth-child(8){margin-left: calc(100% / 14);}
.partner_item:nth-child(n+8){margin-top: -2.6%;}
.partner_item:nth-child(14){margin-left: calc(100% / 7 * 2);}
.partner_item .pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.partner_item .pic img{display: block; margin: 0 auto; max-width: 76%; max-height: 54%;}

.partner_item:hover .pic img{animation: bounceInA 0.5s;}

@media only screen and (max-width: 980px) {
  .home_partner{background: none;}
  .partner_ul{margin-top: 16px;}
  .partner_item{width: calc(100% / 4); padding-bottom: 26%; margin-left: 0 !important;}
  .partner_item:nth-child(n+5){margin-top: 5px !important;}
}


/* home_news */
.home_news{overflow: hidden; text-transform: capitalize;}
.news_left{width: 33%; background: #FAFAFA;}
.news_left>div{height: 100%; padding: 8% 15%;}
.news_right{width: 67%; position: relative;}
.news_right .swiper-slide{width: 50%; height: auto;}
.home_news_item{height: 100%;}
.home_news_item .pic{padding-bottom: 85%; order: 2;}
.home_news_info{flex: 1; padding: 8% 6%; order: 3;}
.home_news_item .title{font-family: 'Work Sans-Bold'; font-size: 24px; color: #111; line-height: 1.25;}
.home_news_item .date{font-family: 'Work Sans-Regular'; line-height: 26px; color: #666; margin: 8px 0;}
.home_news_item .brief{color: #666; line-height: 28px;}

.news_right .swiper-slide:nth-child(2n) .home_news_info{order: 1;}

.news_left .pubMoreBg{background: none; color: #333; border: none; border-bottom: 2px solid #333; border-radius: 0; font-size: 20px; padding: 0 42px 0 14px;}
.news_left .pubMoreBg::before{background-image: url(../img/icon_right_b.png); right: 12px;}

.news_left .pubMoreBg:hover{background: var(--commonColor); color: #fff; border-color: var(--commonColor);}
.news_left .pubMoreBg:hover::before{background-image: url(../img/icon_right.png);}

.news_left .brief{margin-top: 6%;}
.swiper_btns{position: relative; height: 48px; margin: 10% 0; width: 130px;}
.swiper_btns .common-prev,
.swiper_btns .common-next{border-radius: 4px; width: 48px; height: 48px; margin-top: -24px;}
.swiper_btns .common-prev::after,
.swiper_btns .common-next::after{line-height: 48px;}
.swiper_btns .common-prev{left: 0;}
.swiper_btns .common-next{right: 0;}

.home_news_item:hover .title{color: var(--commonColor);}
.home_news_item:hover .brief{color: #333;}

@media only screen and (max-width: 1200px) {
  .news_left .title br{display: none;}
  .news_left .pubMoreBg{font-size: 18px;}
  .swiper_btns{margin: 10% 0 8%;}
  .home_news_item .title{font-size: 22px;}
}
@media only screen and (max-width: 980px) {
  .news_inner{flex-direction: column;}
  .index_banner .swiper-pagination-bullet{    width: 28px;}
  .index_banner .swiper-pagination{     bottom: 5%;
} 
.home_pro_item .pro_pic{     padding-bottom: 100%;}
  .news_left{width: 100%;}

  .news_left>div{padding: 28px 15px 20px;}
  .news_left .title{text-align: center;}
  .news_left .brief{margin-top: 10px; text-align: center;}
  .swiper_btns{display: none;}
  .news_left .th_more{display: none;}
  .news_right{width: 100%; padding: 0 15px 32px;}
  .home_news_info{padding: 18px 0 36px;}
  .news_right .swiper-slide:nth-child(2n) .home_news_info{order: 3;}
  .home_news_item .date{position: absolute; left: 0; bottom: 0; width: 100%; margin: 0;}
  .home_news_item .brief{display: none;}
  .swiper_pro{ width: 80%;}
}

.web_th .title .txt:hover{    color: var(--commonColor);
    text-decoration: underline;}

    
.home_appli  .title .txt:hover{    color: inherit !important;
    text-decoration: inherit !important;}
    .web_footer{ margin-top: 3.5% !important;}