.con {
  padding: 46px 0 110px 0;
}
.con .swiper {
  width: 100%;
  overflow: hidden;
}
.con .w1440 {
  overflow: visible;
}
.con .product_nav {
  border-bottom: 1px solid rgba(223, 223, 223, 0.6);
}
.con .product_nav .swiper-wrapper {
  height: auto;
}
.con .product_nav .swiper-slide {
  padding-bottom: 56px;
  cursor: pointer;

      height: auto;
}
.con .product_nav .swiper-slide:after {
  content: "";
  width: 0%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background: #ff441a;
}
.con .product_nav .swiper-slide-thumb-active .image img {
  filter: invert(0);
  opacity: 1;
}
.con .product_nav .swiper-slide-thumb-active p {
  color: #ff441a;
}
.con .product_nav .swiper-slide-thumb-active::after {
  width: 100%;
}
.con .product_nav .image {
  width: 64px;
  height: 54px;
  margin: auto;
}
.con .product_nav .image img {
  height: 100%;
  max-width: 100%;
  filter: invert(0.5);
  opacity: 0.6;
  transition: all 0.2s linear;
}
.con .product_nav p {
  font-family: TTNorms-Medium;
  font-weight: 600;
  text-align: center;
  color: #000000;
  letter-spacing: -0.7px;
  margin-top: 30px;
  transition: all 0.2s linear;
}
.con .swiper2_main {
  overflow: visible;
}
.con .swiper2_main .swiper-slide {
  padding-top: 84px;
  background-color: #fff;
}
.con .swiper2_main .sel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.con .swiper2_main .sel .sel_radio {
  display: flex;
  align-items: center;
  font-family: TTNorms-Medium;
  font-weight: 600;
  color: #222222;
  letter-spacing: -0.45px;
  margin: 0 30px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s linear;
}
.con .swiper2_main .sel .sel_radio::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid #ff441a;
  display: inline-block;
  margin-right: 18px;
  transition: all 0.2s linear;
}
.con .swiper2_main .sel .on {
  color: #ff441a;
}
.con .swiper2_main .sel .on::before {
  background: #ff441a;
}
.con .swiper2_main .sel .on::after {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 2px solid #ff441a;
  display: inline-block;
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
}
.con .swiper2_main .list_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.con .swiper2_main .list_box .list {
  flex: 0 0 calc((100% - 4%)/3);
  margin-right: 2%;
  padding: 78px 78px 60px 78px;
  position: relative;
  transition: all 0.2s linear;
  margin-bottom: 30px;
}
.con .swiper2_main .list_box .list:nth-child(3n) {
  margin-right: 0;
}
.con .swiper2_main .list_box .list .image {
  width: 100%;
  overflow: hidden;
}
.con .swiper2_main .list_box .list .image img {
  width: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .swiper2_main .list_box .list .news_icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.con .swiper2_main .list_box .list .news_icon img {
  width: 100%;
}
.con .swiper2_main .list_box .list .tit {
  font-family: TTNorms-Medium;
  font-weight: 600;
  text-align: center;
  color: #333333;
  letter-spacing: -0.6px;
  margin-top: 40px;
  transition: all 0.2s linear;
}
.con .swiper2_main .list_box .list .toPage {
  font-family: TTNorms-Medium;
  font-weight: 600;
  text-align: center;
  color: #ff441a;
  margin-top: 20px;
  letter-spacing: -0.45px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s linear;
}
.con .swiper2_main .list_box .list:hover {
  box-shadow: -18px 0px 50px 18px rgba(54, 55, 56, 0.1);
}
.con .swiper2_main .list_box .list:hover .toPage {
  visibility: visible;
  opacity: 1;
}
.con .swiper2_main .list_box .list:hover .image img {
  transform: scale(1.05);
}


@media only screen and (max-width: 1920px){
    
.con {
    padding: 2.39vw 0 5.72vw 0;
}
.con .product_nav p{
    margin-top: 1.56vw;
}
.con .product_nav .swiper-slide{
    padding-bottom: 2.91vw;
}
.con .swiper2_main .sel .sel_radio{margin:0 1.56vw}
.con .swiper2_main .swiper-slide{padding-top:4.37vw;}
.con .swiper2_main .list_box{margin-top:3.125vw;}
.con .swiper2_main .list_box .list{    padding: 4.06vw 4.06vw 3.125vw 4.06vw;}
    .con .swiper2_main .list_box .list .tit{margin-top:2vw;}
}
@media only screen and (max-width: 1440px){
    .con .swiper2_main .list_box .list .news_icon{width:60px;}
    .con .swiper2_main .list_box .list{margin-bottom:20px;}
    
}
@media only screen and (max-width: 768px){
    .con{padding:40px 0;}
    .con .product_nav .swiper-slide{padding-bottom:10px;}
    .con .swiper2_main .swiper-slide{padding-top:20px;}
    .con .swiper2_main .list_box{margin-top:20px;}
    .con .swiper2_main .list_box .list{flex:0 0 100%;margin-right:0;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
        border-radius: 2px;}
    .con .swiper2_main .list_box .list .tit{margin-top:20px;}
    .con .swiper2_main .list_box .list .toPage{margin-top:10px;}
    .con .swiper2_main .sel .sel_radio::before{width:6px;height:6px;margin-right:8px;}
    .con .swiper2_main .sel .on::after{width:12px;height:12px;    left: -3px;}
    .con .product_nav .image{width:auto;height:40px;text-align:center;}
}