body .nav-link-box-left{
  width: calc((6 + 3 + 222) / 452 * 100%);
}
.index-first-box-left-top-right-swiper-slide-img[src='']{
  display:none;
}
body .nav-link-box-right-unit:nth-child(2){
  width: calc(172 / 452 * 100%);
}
body .index-first-box-left-tool-img-fullscreen{
  width:clamp( calc( 33 / 27 * 15px ),calc( 33 / 27 * 2vw ),calc( 33 / 27 * 27px ) );
  height:clamp( calc( 33 / 27 * 15px ),calc( 33 / 27 * 2vw ),calc( 33 / 27 * 27px ) );
}
body .nav-link-box-right-unit:nth-child(3){
  width: calc(173 / 452 * 100%);
}
.index-first-box-right-top-list-unit-title{
  padding-left:clamp( 5px,1.6vw,16px );
  padding-top:clamp( 5px,1vw,10px );
  padding-bottom:clamp( 5px,1vw,10px );
  border-bottom:3px solid rgba(0,0,0,0);
  transition:0.5s;
}
.index-first-box-right-top-list-unit-title-point{
  width:clamp(0.3vw,0.6vw,6px);
  height:clamp(0.3vw,0.6vw,6px);
  background-color: #b5020e;
  border-radius:50%;
}
.index-first-box-right-top-list-unit-title-text{
  margin-left:clamp( 5px,0.9vw,9px );
  font-size: clamp( 10px,1.8vw,18px );
  color: #333333;
  transition:0.5s;
}
.index-first-box-right-top-list-unit-title-down{
  margin-left:clamp( 5px,1.1vw,11px );
  transition:0.5s;
  width:clamp( 8px,1.5vw,15px );
  opacity:0;
}
.index-first-box-right-top-list-unit-active .index-first-box-right-top-list-unit-title{
  border-bottom:3px solid #ad0000;
}
.index-first-box-right-top-list-unit-active .index-first-box-right-top-list-unit-title-text{
  color: #c02527;
}
.index-first-box-right-top-list-unit:not(.index-first-box-right-top-list-unit-active) .index-first-box-right-top-list-unit-list{
  height:0!important;
}
.index-first-box-right-top-list-unit-active .index-first-box-right-top-list-unit-title-down{
  opacity:1;
}
.index-first-box-right-top-list-unit-list{
  padding-top:1px;
  transition:0.5s;
  overflow:hidden;
}
.index-first-box-right-top-list-unit-list-unit{
  width:50%;
  padding-top:clamp( 5px,0.8vw,8px );
  padding-bottom:clamp( 5px,0.8vw,8px );
  color: #333333;
  text-align:center;
  font-size: clamp(10px,1.8vw,18px);
  margin-top:5px;
  padding-left:5px;
  padding-right:5px;
}
.index-first-box-right-top-list-unit-list-unit-active{
  background-image: linear-gradient(to right,rgba(0,0,0,0),#dbdbdb 10%,#dbdbdb 90%,rgba(0,0,0,0));
}
.share-shadow-flex{
  width:100%;
  height:100%;
}
body .page-footer-box.section-box{
  margin-top:clamp(10px,10vw,100px);
}
.share-shadow{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  display:none;
}
.share-shadow-content{
  background-color: #dcd8d8;
}
.share-shadow-content-top{
  background-color: #9d0909;
  padding:7px 10px 6px clamp(10px,1.4vw,14px);
  border-radius: 5px 5px 0 0;
}
.share-shadow-content{
  border-radius: 5px;
  box-shadow: 0px 0px 7px 2px 
		rgba(0,0,0,0.3);
}
.share-shadow-content-top-bottom{
  border-radius: 0 0 5px 5px;
  background-color: #dcd8d8;
  padding:10px clamp(10px,1.4vw,14px) clamp(10px,1.9vw,19px) clamp(10px,3.1vw,31px);
}
.share-shadow-content-top-bottom-left-qrcode{
  background-color:#ffffff;
}
.share-shadow-content-top-bottom-left-qrcode canvas{
  width:clamp(100px,15.1vw,151px);
  height:clamp(100px,15.1vw,151px);
}
.share-shadow-content-top-bottom-left-title{
  font-size: clamp(6px,1.4vw,14px);
  margin-top:6px;
  text-align:center;
}
.share-shadow-content-top-bottom-left{
  flex:none;
}
.share-shadow-content-top-bottom-line{
  width: 1px;
  height: clamp( 150px,21.2vw,212px );
  background-color: #ffffff;
  margin:0 clamp(10px,2.1vw,21px) 0 clamp(10px,2.5vw,25px);
  flex:none;
}
.share-shadow-content-top-bottom-right{
  display:flex;
  flex:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.share-shadow-content-top-bottom-right-share{
  flex:none;
  display:flex;
  align-items:center;
}
.share-shadow-content-top-bottom-right-share .share-box-unit{
  width:clamp(15px,4.1vw,41px);
  margin-left:10px;
}
.share-shadow-content-top-bottom-right-link{
  display:flex;
  align-items:center;
  border-radius: 5px;
  height:clamp(20px,3.5vw,35px);
  flex:none;
  overflow:hidden;
  margin-top:clamp(10px,3.6vw,36px);
}
.share-shadow-content-top-bottom-right-link-input{
  width:clamp( 100px,17.3vw,173px );
  height:100%;
  line-height:clamp(20px,3.5vw,35px);
  color: #6e6e6e;
  font-size: clamp(6px,1.4vw,14px);
  padding:0 clamp(10px,1.4vw,14px);
  background-color: #ffffff;
}
.share-shadow-content-top-bottom-right-link-button{
  padding:0 clamp(10px,1.5vw,15px);
  line-height:clamp(20px,3.5vw,35px);
  color:#ffffff;
  font-size: clamp(10px,1.8vw,18px);
  background-color: #929292;
  cursor:pointer;
}
.share-shadow-content-top-left-img{
  width:clamp(10px,2.5vw,25px);
}
.share-shadow-content-top-left-title{
  font-size: clamp(10px,1.6vw,16px);
  color: #ffffff;
  margin-left:7px;
}
.share-shadow-content-top-close{
  width:15px;
  cursor:pointer;
}
.index-first-box-right-swiper-slide-list-unit-point{
  height: clamp(16px, 1.2vw, 24px);
  margin-right:clamp(5px,0.9vw,9px);
}
.index-first-box-right-swiper-slide-list-unit .index-first-box-right-swiper-slide-list-unit-title{
  height:unset;
}
.index-first-box-right-swiper-slide-list-unit-point-inner{
  width:clamp(3px, 0.6vw, 6px);
  height:clamp(3px, 0.6vw, 6px);
  border-radius:50%;
  background-color: #b5020e;
}
.index-first-box-right-swiper-slide-list-unit{
  margin-top:10px;
}
.index-first-box-right-swiper-slide-list-unit:first-of-type{
  margin-top:0px;
}
.index-first-box{
  padding-top:1px;
}
.index-first-box-left{
  width:calc( 308 / 1440 * 100% );
  display:flex;
  flex-direction:column;
}
.hot-title{
  width:103%;
  flex:none;
}
.hot-title img{
  width:100%;
}
.index-first-box-right{
  width:calc( 1109 / 1440 * 100% );
}
.index-first-box-right-right{
  width:calc( 466 / 1109 * 100% );
}
#os-box-1 .nav-link-box{
  margin-top:clamp( 10px,2.1vw,21px );
}
.index-first-box-right-swiper,.index-first-box-right-swiper .swiper-wrapper,.index-first-box-right-swiper .swiper-slide{
  height:unset;
}
.index-first-box-right-swiper{
  margin-top:clamp(10px,1.6vw,16px);
}
.index-first-box-right-swiper-slide-title{
  background-color: #ad0000;
  font-size: clamp(10px,1.8vw,18px);
  color: #ffffff;
  padding-left:clamp(10px,2.4vw,24px);
  line-height:clamp( 20px,4.5vw,45px );
  margin-top:clamp( 10px,2.7vw,27px );
}
#os-box-2 .index-first-box-right-swiper-slide-title{
  margin-top:clamp( 10px,5.6vw,56px );
}
.index-first-box-right-swiper-slide-list{
  width:calc( 100% - clamp( 10px,1.6vw,16px ) );
  margin:clamp( 10px,1.6vw,16px ) auto 0;
  max-height:calc( clamp(16px, 1.2vw, 24px) * 8 * 2 + 10px * 7 );
  overflow-y:auto;
}
.index-first-box-left-top-left{
  width:calc( 325 / 946 * 100% );
  display:flex;
  flex-direction:column;
}
.index-first-box-left-top-right{
  width:calc( 623 / 1109 * 100% );
}
#os-box-1 .index-first-box-left-top-right{
  margin-top: clamp(10px,2.8vw, 28px);
}
#os-box-2 .index-first-box-left-top-right{
  margin-top:clamp( 10px,5.6vw,56px );
}
#os-box-2{
  margin-top:clamp(20px,6.1vw,61px);
}
.index-first-box-left-top-right-swiper,.index-first-box-left-top-right-swiper .swiper-wrapper,.index-first-box-left-top-right-swiper .swiper-slide{
  height:unset;
}
.index-first-box-left-top-right-swiper-slide{
  position:relative;
}
#os-box-1 .index-first-box-left-top-right-swiper-slide{
  padding-top:calc( 999 / 623 * 100% );
}
#os-box-2 .index-first-box-left-top-right-swiper-slide{
  padding-top:calc( 1107 / 637 * 100% );
}
.index-first-box-left-top-right-swiper-slide>a{
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.index-first-box-left-top-right-swiper-slide-img{
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: 50% 0;
  position:absolute;
  left:0;
  top:0;
}

.index-first-box-left-tool{
  margin-bottom:clamp( 10px,4.2vw,42px );
  align-items:center;
  /*padding-right:clamp(10px,14.9vw,149px)*/
}
.index-first-box-left-tool-img{
  width:clamp( 15px,2.7vw,27px );
  height:clamp( 15px,2.7vw,27px );
  object-fit: contain;
}
.index-first-box-left-tool-input{
  background-color: #ca1621;
  border-radius: 5px;
  width: clamp(50px,8.4vw,84px);
  height: clamp(20px,3.2vw,32px);
  text-align:center;
  line-height: clamp(20px,3.2vw,32px);
  font-size: clamp(8px,1.5vw,15px);
  color:#ffffff;
}
.index-first-box-bottom-swiper-slide{
  cursor:pointer;
  height:100%;
}

.index-first-box-bottom{
  flex:1;
  display:flex;
  flex-direction:column;
}
.index-first-box-bottom-inner{
  flex:1;
  padding: 10px 0;
  background-image: linear-gradient(to bottom,rgba(0,0,0,0),#cbcbcb 20%,#cbcbcb 80%,rgba(0,0,0,0) 90%);
  border-radius: 5px;
}
.index-first-box-bottom-swiper{
  width:calc( 100% - clamp( 10px,2.4vw,24px ) * 2 );
}
.index-first-box-bottom-swiper-shadow{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:calc( clamp(50px,17.6vw,176px) + clamp( 10px,2.4vw,24px ) );
  z-index:5;
  background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(255,255,255,0.7));
}
.index-first-box-bottom-swiper-next,.index-first-box-bottom-swiper-prev{
  height:unset;
  margin-top:0;
  transform:translateX(-50%);
  left:50%;
  right:unset;
  width:clamp(15px,3.7vw,37px);
}
.index-first-box-bottom .index-first-box-bottom-swiper-next.swiper-button-disabled,.index-first-box-bottom .index-first-box-bottom-swiper-prev.swiper-button-disabled{
  opacity:0;
}
.index-first-box-bottom-swiper-next{
  bottom:0;
  top:unset;
}
.index-first-box-bottom-swiper-prev{
  top:5px;
}
.index-first-box-bottom-swiper-slide-top{
  height:80%;
}
.index-first-box-left-top-right-swiper-slide-top-img{
  width:100%;
  height:100%;
  object-fit: contain;
}
.index-first-box-left-top-right-swiper-slide-title{
  text-align:center;
  font-size: clamp(10px, 1vw, 16px);
  margin-top:4px;
  line-height:clamp(12px,1.2vw,18px);
}
@media (min-width:992px){
  @-moz-document url-prefix() {
    .index-first-box-right-swiper-slide-list{
      scrollbar-width: thin;
      scrollbar-color: #ad0000 transparent;
    }
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar{
    width:5px;
    height:5px;
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar-button{
    display:none;
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar-track{
    background-color:rgba(0,0,0,0);
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar-thumb{
    background: #ad0000;
  }
  
}
@media (max-width:1200px){
  .index-first-box-left-tool{
    padding-right:0;
    margin-top:10px;
  }
  .index-first-box-left-tool-img{
    width: clamp(15px, 1.9vw, 19px);
    height: clamp(15px, 1.9vw, 19px);
  }
  .index-first-box-left-tool-input{
    width: clamp(50px, 6.8vw, 68px);
    height: clamp(18px, 2.7vw, 27px);
    line-height: clamp(18px, 2.7vw, 27px);
  }
}
@media (max-width:992px){
  .index-first-box-right-swiper-slide-list{
    max-height: clamp(50px, 23vw, 300px);
  }
  #os-box-1 .index-first-box-left-top-right,#os-box-1 .nav-link-box,#os-box-1 .index-first-box-right-swiper-slide-title{
    margin-top:0;
  }
  #os-box-1 .index-first-box-right{
    margin-top:clamp(2px,0.4vw,4px);
  }
  #os-box-1 .nav-link-box{
    margin-bottom:10px;
  }
  body .date-area .layui-laydate-content th{
    line-height:1.6;
  }
}
@media (max-width:992px) and (min-width:577px){
  .nav-link-box-right-unit-title{
    font-size: clamp(8px, 1.8vw, 20px)!important;
  }
}
@media (max-width:576px){
  .index-first-box-right-right{
    width:100%;
  }
  body .index-first-box,body .index-first-box-right-top{
    display:block;
  }
  body .index-first-box-top,body .index-first-box-left-top{
    display:block;
  }
  .index-first-box-left,.index-first-box-right,.index-first-box-left-top-left,.index-first-box-left-top-right{
    width:100%;
  }
  .hot-title{
    width:clamp(1px,52.26vw,301px);
    margin-top:clamp(1px,2.43vw,15px);
    padding-left: clamp(1px, 1.87vw, 20px);
    padding-right: clamp(1px, 1.87vw, 20px);
  }
  .index-first-box-left-tool-input{
    width:clamp(1px,15.28vw,88px);
    height:clamp(1px,5.9vw,34px);
    line-height:clamp(1px,5.9vw,34px);
    font-size: clamp(1px, 2.75vw, 16px);
  }
  .index-first-box-bottom-swiper-shadow{
    display:none;
  }
  .index-first-box-bottom-swiper{
    padding-right:0;
  }
  .index-first-box-bottom-swiper-next, .index-first-box-bottom-swiper-prev{
    transform:translateY(0);
    width:clamp(1px,6.03vw,29px);
    top:calc( 100% + 7px );
  }
  .index-first-box-bottom-swiper-next{
    right:calc(50% - clamp(1px,6.03vw,29px) - 8px);
  }
  .index-first-box-bottom-swiper-prev{
    left:calc(50% - clamp(1px,6.03vw,29px) - 8px);
  }
  .index-first-box-bottom .index-first-box-bottom-swiper-next.swiper-button-disabled, .index-first-box-bottom .index-first-box-bottom-swiper-prev.swiper-button-disabled{
    opacity:0.35;
  }
  .index-first-box .nav-link-box,.index-first-box-top,.index-first-box-left-tool{
    padding-left: clamp(1px, 1.87vw, 20px);
    padding-right: clamp(1px, 1.87vw, 20px);
  }
  .index-first-box-bottom{
    margin-top:clamp(10px,4.8vw,48px);
    padding: clamp(10px,2.4vw,24px) clamp(1px, 1.87vw, 20px);
    background-image: linear-gradient(to right,rgba(0,0,0,0),#cbcbcb 10%,#cbcbcb 90%,rgba(0,0,0,0));
  }
  .index-first-box-bottom-swiper-slide-top{
    height:unset;
    position:relative;
    padding-top:calc( 269 / 163 * 100% );
  }
  .index-first-box-left-top-right-swiper-slide-top-img{
    position:absolute;
    left:0;
    top:0;
  }
  .index-first-box-bottom-inner{
    background-image: unset;
  }
  .index-first-box-right-swiper-slide-title{
    font-size: clamp(1px,5vw,28px);
    line-height:clamp(1px,8.85vw,51px);
  }
  .index-first-box-right-swiper-slide-list{
    max-height:unset;
  }
  .index-first-box-left-top-right-swiper{
    width:calc( 100vw - clamp(1px, 1.87vw, 20px) - clamp(1px, 1.87vw, 20px) );
  }
  body #date-area{
    width:100%;
    margin: clamp(1px, 3vw, 40px) auto 0;
  }
  .index-first-box-bottom-swiper{
    width:100%;
  }
  .index-first-box-right{
    margin-top: calc( clamp(5px, 5.73vw, 33px) + 7px + clamp(1px,6.03vw,29px) );
  }
  .index-first-box-right-swiper-slide-list-unit-point-inner{
    width:clamp(1px,2.26vw,13px);
    height:clamp(1px,2.26vw,13px);
  }
  .share-shadow-content-top-bottom-right-share .share-box-unit{
    width: clamp(15px, 7.1vw, 41px);
  }
  .share-shadow-content-top-bottom-right-link-input{
    font-size: clamp(6px, 3vw, 14px);
  }
  .share-shadow-content-top-bottom-left-title{
    font-size: clamp(6px, 3.4vw, 14px);
  }
  .share-shadow-content-top-left-title{
    font-size: clamp(10px, 3.6vw, 16px);
  }
  .share-shadow-content-top-left-img{
    width: clamp(10px, 4.5vw, 25px);
  }
  .share-shadow-content-top-bottom-left-qrcode canvas{
    width:19vw;
    height:19vw;
  }
  .share-shadow-content-top-bottom-right-link-button{
    font-size: clamp(10px, 3vw, 18px);
  }
  .share-shadow-content-top-bottom-line{
    height: clamp(111px, 21.2vw, 212px);
  }
  body .index-first-box.section-box{
    margin-top:clamp( 1px,2.43vw,14px );
  }
  #os-box-1 .nav-link-box{
    margin-bottom:0;
  }
  .index-first-box-left-top-right-swiper-slide-title{
    font-size: clamp(1px,3vw,16px);
    line-height: 1.6;
  }
  .index-first-box-right-right{
    margin-top:calc(clamp(1px, 6.03vw, 29px) + 7px + clamp(1px,2.6vw,15px));
    padding-left:clamp(1px, 1.87vw, 20px);
    padding-right:clamp(1px, 1.87vw, 20px);
  }
  .index-first-box-right-top-list-unit-title-text{
    font-size: clamp(1px, 5vw, 28px);
  }
  .index-first-box-right-top-list-unit-title-point{
    width:clamp( 1px,2.26vw,13px );
    height:clamp( 1px,2.26vw,13px );
  }
  .index-first-box-right-top-list-unit-list-unit{
    font-size: clamp(1px, 5vw, 28px);
    text-align:left;
    width:100%;
  }
  body .index-first-box-right-top-list-unit-list {
    display:block;
  }
  .index-first-box-right-top-list-unit-title-down{
    width: clamp( 1px,3.34vw,25px );
  }
  .index-first-box-right{
    margin-top:3px;
  }
  #os-box-2 .index-first-box-right-swiper-slide-title{
    margin-top:0;
  }
  #os-box-2 .index-first-box-left-top-right{
    margin-top:0;
  }
}