@charset "utf-8";

.com-switch-posi {
      padding-left: 3.4%;
    }

    .com-switch-posi .dn-box {
      margin: 10px 2.66% 10px 0;
      width: 12%;
      padding: 0 0 5px;
      font-size: 16px;
      border-bottom: none !important;
    }

    .com-switch-posi .dn-box:nth-of-type(7n) {
      margin-right: 0;
    }

    .com-switch-posi .dn-box.active b, .com-switch-posi .dn-box:hover b {
      border-bottom: 2px solid #cccccc;
    }

    .com-switch-posi .dn-box b {
      font-weight: 400;
      padding: 0 0 4px;
    }

    .index_sec1_listU li {
      width: calc(100% / 3 - 2%);
      margin: 1%;
      text-align: center;
    }

    .index_sec1_listU li video {
      object-fit: cover;
      width: 100%;

      height: 260px;
    }

    @media screen and (max-width: 768px) {
      .layui-tab-title li {
        font-size: 20px !important;
      }

      .layui-tab-title {
        margin-left: 0 !important;
        justify-content: center;
      }

      .index_sec2_swiper1 {
        float: left !important;
        width: 65% !important;
        height: 71vw !important;
		background:#fff;
      }
      .index_sec2_swiper_images{
        height: 45vw !important;
		background-size:60% 100% !important;
      }
      .index_sec2_swiper2 {
        display: block !important;
        height: 71vw !important;
		background:#fff;
        /*width: 100% !important;*/
      }
      .index_sec2_swiper2 .swiper-slide{
        height: 100% !important;
      }
      .index_sec2_swiper2Img {
        height: 100% !important;
      }

      .index_sec2_swiper2Img img {
        /*height: 60vw !important;*/
        margin-left:0 !important;
       
        width: 36vw;
      }
      .index_sec2_swiper2Txt{
        bottom:10vw;
      }
      .Bigtxt{
        overflow: hidden;
      }
	  
	  .index_sec1a .com-switch-posi .dn-box{
	  width: auto;
	  margin: 1vw 5% 1vw 0 !important;
	  }
	  
    }
	
	
	
	
	
	 .index_sec1_list_inners{
      display: none;
    }
    .index_sec1_list h6 img:last-child{
      float: right;
      width: 20px;
    }
    /*.banner_swiper .swiper-slide::before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);

    }*/
    .banner_swiper_set{
      position: absolute;
      left: 17%;
      top: 34%;
      transform:translateY(-50%);
      /*display: none;*/

    }
    .banner_swiper_set h2{
      font-size: 48px;
      margin-top: 0;
      margin-bottom: 13px;
      font-weight: bold;
      letter-spacing: 2.16px;
      color: #666;
    }
    .banner_swiper_set h4{
      font-size: 25px;
      margin-bottom: 15px;
      font-weight: bold;
      color: #666;
      letter-spacing: 1.16px;
    }
    .banner_swiper_set_more a{
      display: inline-block;
      padding: 8px 60px;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      background: #d82128;
      transition: background 0.3s;
      border-radius: 5px;
    }
    .banner_swiper_set_more a:hover{
      background: red;
    }
    .index_sec1_listTxt h6{
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      height: 15px;
      overflow: hidden;
    }
    .inde_banner_none{
      display: none;
    }

    .ri{
      display: none;
    }
    .inde_banner:hover .ri{
      display: block;
    }
    @media(max-width:768px){
      .banner_swiper_set1{
        position:static;
        margin-left: 10%;
        margin-top: 30px;
        width: 95%;
        margin: 0 auto;
      }
      .banner_swiper_set1 h2{
        font-size:25px;
        color: #000;
        margin-top: 20px;
      }
      .banner_swiper_set1 h4{
        font-size:20px;
        color: #000;
        padding: 10px 0 15px;
      }
      .banner_swiper_set_more a{
        width: 100%;
        text-align: center;
        padding: 15px 115px;
      }
      .inde_banner{
        display: none;
      }
      .inde_banner_none{
        display: block;
      }
      .swiper-scrollbar-s1{
        background-color: #fff;
        position: absolute;
        top: 100%;
      }
      .swiper-scrollbar-drag{
        background: red;

      }
      .swiper-scrollbar-s2{
        width: 97%;
        margin: 0 auto;
        position: absolute;
        background-color: rgba(0,0,0,.3);
        position: absolute;
        top: 0%;
        /* margin-left: 7.5px;
        margin-right: 7.5px;*/
      }
      .index_sec2_top .swiper-slide{
        padding-top: 10px;
      }
      .swiper-container{
        position: relative;
      }
      .index_sec2_swiper1Txt{
        position: static;
      }
      /* .index_sec2_swiper2Txt{
        display: block;
        }*/

      /* .index_sec2_swiper_images{
        height: 260px;
        }*/
      .index_sec2_swiper1Txt h6 {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px;
        margin-top: 20px;
      }
      .index_sec2_swiper1Txt p{
        font-size: 14px;
        color: #666;
      }

      .index_sec2_swiper1Txt{
        background-color: #fff;
      }
      .index_sec2_swiper_images{

        /*height: 333px ！important;*/
      }
    }

    .minimg {

    }
    .index_sec2_swiper2Img {
      /*position:relative;*/
      /*top:35%;*/
    }
    /*.tab {*/
    /*    margin-top: 20px;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/
    #detail {
      font-size: 20px;
      margin-right: 50px;

    }
    #video {
      font-size: 20px;
    }

    .layui-tab-title{
      display: flex;
      margin-left: 18%;
      border-bottom-style:none;
    }
    .layui-tab-title li{
      font-size: 25px;
      letter-spacing: 2px;
      font-family: "noto sans";
      font-weight: 700;
      padding: 0 30px;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
      border-bottom:2px solid red;
    }
    .layui-tab-brief>.layui-tab-title .layui-this{
      color: red;
    }
