@charset "utf-8";



.banner .swiper-pagination-bullet{width: 80px;height: 1px;border-radius: 0;position: relative;}
.banner .swiper-pagination-bullet:after{content: "";width: 0;height: 3px;background: white;position: absolute;left: 0;bottom: 0;display: block;transition: all .6s ease;}
.banner .swiper-pagination-bullet-active:after{width: 100%;}





.Inews{background: #f0f0f0;padding: 2rem 0rem 3rem;}
.Inwlie{padding: 20px 0px;overflow: hidden;}
.Inwlie ul{padding: 0;margin: 0;}
.Inwlie li{cursor: pointer;float: left;font-size: 20px;color: #808080;transition: all .4s ease;padding: 0px 30px;line-height: 28px;margin-right: 30px;}
.Inwlie .on{color: #D72428;font-weight: bold;}
.Inwbox{display: none;width: 100%;}
.Inwbox .row{margin: 0;}
.Inwbox.active{display: block;}
.Inwlie li:nth-child(1){background: url(../images/xw1.png) left center no-repeat;border-right: 1px solid #808080;}
.Inwlie li:nth-child(2){background: url(../images/xw2.png) left center no-repeat;}
.Inwlie .on:nth-child(1){background: url(../images/xw1-1.png) left center no-repeat;}
.Inwlie .on:nth-child(2){background: url(../images/xw2-1.png) left center no-repeat;}
.Inwbox .box{position: relative;}
.Inwbox .box img{width: 100%;height: 480px;}
.Inwbox .box .tit{position: absolute;bottom: 0;padding: 20px 25px;background-image: linear-gradient(transparent, rgba(0,0,0,.85));width: 100%;}
.Inwbox .box .tit p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;color: white;margin: 0;}
.Inwbox .box .tit span{color: white;display: inline-block;width: 85%;margin-top: 8px;}
.Inwbox .time{position: absolute;right: 10%;top: 0;text-align: center;background: white;padding: 0px 10px 10px 10px;}
.Inwbox .time p{font-size: 25px;color: #e50007;text-align: center;margin: 0;border-bottom: 1px solid #e50007;}
.Inwbox .time span{color: #e50007;font-size: 12px;}
.Inwbox .Irbox{position: relative;height: 480px;background: white;}
.Inwbox .Irbox .tit{background: white;padding: 10px;}
.Inwbox .Irbox .tit h5{font-size: 16px;color: #333;padding: 6px 0px;margin: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Inwbox .Irbox .tit p{color: #666666;font-size: 13px;}
.Inwbox .Irbox .tit span{background: #f5f5f5;border-radius: 20px;text-align: center;transition: all .4s ease;display: inline-block;padding: 5px 15px;font-size: 12px;color: #D72428;}
.Inwbox .right{padding: 0;}
.Inwbt .box{display: block;transition: .5s ease-in-out;background: #fff;padding: 15px;margin-bottom: 15px;padding: 0px 20px;}
.Inwbt ul{padding: 0;margin: 0;}
.Inwbt .box .left{font-size: 12px;width: 10%;line-height: 54px;}
.Inwbt .box .left b{font-size: 30px;font-weight: 500;line-height: 54px;}
.Inwbt .box .right{width: 90%;}
.Inwbt .box .right h5{margin: 0;line-height: 54px;padding-left: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Inwbt .box:hover{background: #D72428;color: white;}
.Inwbox .Irbox:hover .check{background: #D72428;color: white;}
.Inwbox .text-center .check{color: #D72428;border: 1px solid #D72428 !important;display: block;width: 10%;border-radius: 30px;line-height: 45px;margin-top: 1rem;}
.Inwbox .text-center .check:hover{background: #D72428;color: white;}
.Inw .swiper-pagination,.Inw1 .swiper-pagination{width: 15%;left: auto;right: 0;bottom: 30px;}
.Inw .swiper-pagination-bullet-active,.Inw1 .swiper-pagination-bullet-active{background: white;}




/*
.photo .bgbox{position: relative;}
.photo .bgbox .box{position: absolute;cursor: pointer;}
.photo .bgbox .box .img{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 220px;height: 290px;transition: all .4s ease;display: none;z-index: 9;}
.photo .bgbox .box .img .ms{position: absolute;margin: 0;bottom: 30px;width: 100%;text-align: center;line-height: 40px;background-image: linear-gradient(transparent, rgba(0,0,0,.9));color: white;}


.photo .bgbox .box:hover .img{display: block;}

.photo .bgbox .spot1{left: 21%;bottom: 55%;}
.photo .bgbox .spot2{left: 22.39%;bottom: 42%;}
.photo .bgbox .spot3{left: 25.78%;bottom: 41%;}
.photo .bgbox .spot4{left: 34.37%;bottom: 45%;}
.photo .bgbox .spot5{left: 42.7%;bottom: 49%;}
.photo .bgbox .spot6{right: 50%;bottom: 45%;}
.photo .bgbox .spot7{right: 38.5%;bottom: 43%;}
.photo .bgbox .spot8{right: 34%;bottom: 52%;}
.photo .bgbox .spot9{right: 22.2%;bottom: 41%;}


.photo .bgbox .ys{text-align: center;position: absolute;bottom: 27%;width: 100%;justify-content: center;display: flex;align-items: center;}
.photo .bgbox .ys .tit{margin: 0px 20px;}
.photo .bgbox .ys .tit h5{font-size: 12px;line-height: .4rem;color: #fff;}
.photo .bgbox .ys .tit h5 span{font-size: 40px;line-height: 25px;color: #fff;font-weight: bold;display: inline-block;vertical-align: bottom;margin-right: 7px;}
.photo .bgbox .ys .tit p{font-size: 12px;color: #fff;margin: 0;}

.photo .bgbox .seebos{position: absolute;bottom: 18%;width: 100%;justify-content: center;display: flex;align-items: center;}
.photo .bgbox .seebos a{transition: all .4s ease;border-radius: 30px;border: 1px solid rgba(255,255,255,.4);line-height: 48px;color: #fff;width: 15%;text-align: center;}
.photo .bgbox .seebos a:hover{background-color: #D72428;border: 1px solid #D72428;color: #fff;}
.photo .bgbox .tittop{position: absolute;top: 5%;width: 100%;justify-content: center;display: flex;align-items: center;}
.photo .bgbox .tittop h3{text-align: center;font-size: 30px;}
.photo .bgbox .tittop h3 span{display: block;height: 5px;background: black;width: 35px;margin-top: 25px;}

*/






.suit li{position: relative;float: left;width: 20%;height: 200px;padding: 27px 0;text-align: center;-webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s;-o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;transition-delay: .5s;}
.suit .xian{position: absolute;display: block;width: 2px;height: 2px;background: #e6e6e6;}
.suit .s-lt{left: 0;top: 0;}
.suit .s-lb{left: 0;bottom: 0;}
.suit .s-rt{right: 0;top: 0;}
.suit .s-rb{right: 0;bottom: 0;}
.suit-img{display: block;width: 100%;height: 145px;border-left: 1px solid #e6e6e6;}
.suit-img .suit-in{border-bottom: 1px solid #e6e6e6;}
.suit-img .suit-in{position: absolute;top: 0;left: 50%;display: block;width: 80%;height: 200px;margin-left: -40%;}
.suit-img .suit-in img{transform: translateY(-50%) rotateY(0deg);width: 135px;cursor: pointer;}
.suit-in img{position: absolute;top: 50%;left: 50%;display: block;margin-left: -75px;transition: all .8s linear 10ms;}
.suit li:hover img{transform: translateY(-50%) rotateY(360deg);}



.photo .titlel{text-align: center;}
.photo .titlel h5{color: #333;font-size: 25px;}
.photo .titlel span{display: inline-block;height: 4px;background: #D72428;width: 55px;border-radius: 4px;margin: 10px 0px;}









.goodbox .box{margin-top: -15vh;}
.goodbox .box .ys{position: relative;overflow: hidden;cursor: pointer;}
.goodbox .box .ys .tit{position: absolute;left: 0;top: 30%;text-align: center;width: 100%;z-index: 9;transition: all .4s ease;}
.goodbox .box .ys .tit h5{font-size: 25px;color: rgba(255,255,255,.8);margin: 20px 0px 10px;}
.goodbox .box .ys .tit span{color: rgba(255,255,255,.8);}
.goodbox .box .ys .bluebg{position: absolute;width: 100%;height: 100%;top: 70%;left: 0;    background: rgb(215 33 38 / 50%);opacity: 0;transition: all .4s ease;z-index: 5;}
.goodbox .box .ys:hover .bluebg{top: 0;opacity: 1;}
.goodbox .box .ys:hover .tit{top: 25%;}




.vioin{padding: 3rem 0rem;}
.vioin .titlel{text-align: center;}
.vioin .titlel h5{color: #333;font-size: 25px;}
.vioin .titlel span{display: inline-block;height: 4px;background: #D72428;width: 55px;border-radius: 4px;margin: 10px 0px;}
.vioin .boxl{text-align: center;}
.vioin .boxl p{font-size: 18px;}

.vioin a{overflow: hidden;display: block;cursor: pointer;}
.vioin img{width: 100%;display: inline-block;vertical-align: middle;transition: .5s linear 0s;transform: scale(1);}
.vioin a:hover img{transform: scale(1.1);}









.photo{padding: 3rem 0 8rem;}





@media (max-width: 768px) {

  .Inwbox .box img{height: auto;}
  .Inwbox .box .tit{padding: 10px 15px 25px;}
  .Inwbox .box .tit span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 100%;margin-top: 0px;font-size: 12px;}
  .Inw .swiper-pagination,.Inw1 .swiper-pagination{width: 100%;bottom: 0;bottom: 15px;}
  .Inw .swiper-slide,.Inw1 .swiper-slide{margin-bottom: 15px;}

  .Inwbt .box .left{width: 15%;}
  .Inwbt .box .left b{font-size: 20px;}
  .Inwbt .box .right{width: 85%;}
  .Inwbt .box .right h5{font-size: 18px;}
  .Inwbox .text-center .check{width: 35%;line-height: 35px;}
  .Inwbox .Irbox{height: auto;margin-bottom: 8px;}

  .Inwbox .Irbox .tit h5{font-size: 14px;}
  .Inwbox .Irbox .tit p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 2px;}
  .Inwbox .time p{font-size: 18px;}
  .Inwbox .time{right: 5%;padding: 0px 5px 0px 5px;}
  .Inwbox .Irbox .tit span{padding: 3px 12px;}
  .goodbox .box{margin-top: 10px;}
  .goodbox .box .ys .tit{top: 15%;}
  .goodbox .box .ys .tit h5{margin: 10px 0px 10px;}

  .Inews .container{padding: 0;}
  .Inwlie li{margin: 0px 15px;}

  .vioin .row{margin: 0;}

  }

  


@media (min-width: 1400px){
  .goodbox .box .container{max-width: 1520px;}
}