.banner{
    
      
    text-align: center;
    
    max-width: 1920px;
    overflow: hidden;
}




.full img {
width: 100%;
}

.banner-tips{
width: 1200px;
left: 50%;
position: absolute;
z-index: 10;
margin-left:-600px;
top:30%;
text-align: left;
}

.banner-tips h4{
font-size: 58px;
color:#fff;
 
font-family: "Noto Serif SC";
font-weight: 700;

}

.banner-tips h5{
font-size: 40px;
color:#fff;
 
font-family: "Noto Serif SC";
font-weight: 700;
margin-top: 40px;

}

.banner-tips p{
font-size: 18px;
color:#fff;

font-family: "Noto Serif SC";
font-weight: 700;

}


.swiper-pagination-bullet-active {
background: #eb6100;
 width: 25px;

 border-radius: 30px;
opacity: 1;
}

.activity{
   
  background-color: #fff;
  box-shadow: 0 6px 10px -1px rgb(68 68 68 / 40%);
  -moz-box-shadow: 0 6px 10px -1px rgba(68,68,68,0.4);
  -webkit-box-shadow: 0 6px 10px -1px rgb(68 68 68 / 40%);
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}
 
.activity  .item{
   
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  
}

.activity  .item:not(:last-of-type)::after {
  content: '';
  display: inline-block;
  position: absolute;
  margin-right: 0px;
  margin-left: 0px;
  /* top: 4px; */
  top: 0px;
  right: 0;
  width: .5px;
  height: 45px;
  background: #c9c9c9;
}

.activity  .item .img{
  width: 48px;
  height: 48px;
  margin-left: 25px;
  margin-right: 25px;
}
.activity  .item:first-child .img{
  margin-left: 40px;
}
.activity .item .img img{
  max-width: 100%;
}

.activity .item .txt{
 
  flex: 1;
}
.activity .item .txt a{
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.activity .item .txt a span.icon-arrow-right {
  -webkit-text-size-adjust: none;
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
  color: var(--SW-PAGE-ROOT-COLOR);
}
.about,.news,.commerce{
  margin-top: 120px;
}
h2.tit{
  font-size: 1.9rem;
  font-weight: 500;
  position: relative;
  line-height: 1;
}
h2.tit span{
  font-size: 1rem;
  color: #666;
  margin-left: 30px;
}
h2.tit::before {
  content: '';
  display: inline-block;
  position: absolute;


  /* top: 4px; */
  top: -30px;
  left: 0;
  width: 50px;
  height: 2px;
  background: var(--SW-PAGE-ROOT-COLOR);
}
h2.tit a{
  position:absolute;
  font-size: 12px;
  font-weight: normal;
  background: url(../images/icon-row-more.png) left center no-repeat;
  padding-left: 20px;
  background-size: 20%;
  right: 0;
  top:13px;
  line-height: 1.5;
  
}
.aboutus{
  margin-top: 65px;
}
.aboutus img{
  max-width: 100%;
}
.aboutus .txt{
  font-size: 14px;
  line-height: 1.8;
}
.aboutus .txt .more a{
  font-size: 14px;
}

.aboutus .txt .more a:hover{
   color: var(--SW-PAGE-RED-COLOR);
}

.aboutus .txt .more a icon{
  margin-left: 10px;
}
.eightbox .tit{
  font-size: 1.9rem;
  text-align: center;
  margin-top: 90px;
  margin-bottom: 50px;
}

.eightbox .row{
  margin-bottom: 30px;
}
.eightbox  .tits{
  text-align: center;
}
html[lang=en] .eightbox  .tits{
  padding: 0px 10px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eightbox .item a
{
   display: block;
  background: #fff;
  /*
  box-shadow: 2px 4px 8px 4px rgb(68 68 68 / 50%);
    -webkit-box-shadow: 2px 4px 8px 4px rgb(68 68 68 / 50%);
    */
    
    box-shadow: 0px 2px 5px 2px rgb(68 68 68 / 50%);
    -webkit-box-shadow: 0px 2px 5px 2px rgb(68 68 68 / 50%);
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    text-align: center;
    padding: 35px 0;
}

.eightbox .item a:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	/*-webkit-box-shadow:0px 5px 15px #e5e5e5;
	-moz-box-shadow:0px 5px 15px #e5e5e5;
	box-shadow:0px 5px 15px #e5e5e5;*/
}
.eightbox .item .imgs{
  margin-bottom: 25px;
}
.commerce{

}
.commerce .cate li:not(:last-child){
   margin-bottom: 20px;
}
.commerce .cate icon{display: none;}
.commerce .cate a:hover::before {
    content: '';
    display: inline-block;
    position: absolute;
   
    /* top: 4px; */
    left: 0;
    top: 4px;
    width: .5px;
    height: 20px;
    background: var(--SW-PAGE-ROOT-COLOR);

}
.commerce .cate a{
  display: flex;
  padding-left: 10px;
  position: relative;
  vertical-align:middle;
  
  align-items: center;
   
   
}
.commerce .cate a img{
   width: 80%;
   vertical-align: middle;
}
.commerce .cate a:hover icon{
  color: var(--SW-PAGE-ROOT-COLOR);
  display: inline-block;
  margin-left: 5px;
}
.commercebox{
  margin-top: 50px;
   
}
.commerce .bigimg {
  overflow: hidden;
}
.commerce .bigimg img{
  
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
    
 
}
.commerce img{
  max-width: 100%;
}

.commercebox .bigimg  a{
  position: absolute;
  left:20px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
.commercebox .bigimg  a icon{
  font-size: 12px;
  margin-left: 5px;
}
.commercebox .smallimg div{
  position: relative;
 
}
.commercebox .smallimg div:first-child{
  margin-bottom: 25px;
}
.commercebox .smallimg  a{
  position: absolute;
  left:20px;
  bottom: 10px;
  color: #fff;
}
.commercebox .smallimg  a icon{
  font-size: 12px;
  margin-left: 5px;
}
h2.titc{
  font-size: 30px;
  font-weight: 500;
  position: relative;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.databig{
   height: 490px;
   background: url(../images/databg.jpg) top center no-repeat;
   margin-top: 90px;
   padding-top: 90px;
}

h2.titc{
  font-size: 1.9rem;
  font-weight: 500;
  position: relative;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin-bottom: 90px;
  
}
.databig h3{
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.databig .txt{
  font-size: 12px;
  color: #fff;
   line-height: 1.8;
  text-align: center;
  margin-top: 30px;
  height: 70px;
}
.databig .more{
  width: 140px;
  height: 35px;
  margin: 0 auto;
  margin-top: 30px;
}
.databig .more a{
  width:100%;
  display: block;
  text-align: center;
  color:#fff;
  border: 1px solid #fff;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}
.databig .more a:hover{
  background: var(--SW-PAGE-ROOT-COLOR);
}
.databig .more a icon{
  margin-left: 10px;
}
.newstopbox{
  margin-top: 50px;
  
}
.newstopbox .row{
 
}
.newstopbox .imgs{
  height: 470px;
 
  overflow: hidden;
}

.newstopbox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
    object-position: 50% 50%;

}
.newstopbox .txt{
  position: relative;
  height: 470px;
 
  overflow: hidden;
}
.newstopbox  .abtn{
  position: absolute;
  bottom: 20px;
}
.newstopbox  .abtn a:hover{
   background: var(--SW-PAGE-ROOT-COLOR);
   border:1px solid var(--SW-PAGE-ROOT-COLOR);
   color: #fff;
}
.nlist
{
   overflow: hidden;
}

.nlist li{
  border-bottom: 1px solid #c9c9c9;
  min-height: 115px;
  line-height: 1.8;
  padding-top: 20px;
  padding-bottom: 20px;
}
.nlist li span{
  display: block;
  font-size: 14px;
  color:#999

}
.nlist li span icon{
   margin-left: 10px;
}
.nlist li a:hover{
   color: var(--SW-PAGE-ROOT-COLOR);
}
.nlist li a:hover span{
  color: var(--SW-PAGE-ROOT-COLOR);
}
.newstopbox .abtn a{
   border:1px solid #c9c9c9;
   font-size: 14px;
   padding: 5px 8px;
}

.newslist {
  margin-top: 50px;
}
.newslist .title{
  line-height: 1;
  margin-bottom: 20px;
}
.newslist .title span{
  float: right;
  font-size: 12px;
 padding-top: 3px;
}

.newslist .imgs{
  overflow: hidden;
}
.newslist .imgs img{
  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.newslist .txt{
  height: 100px;
    padding: 10px 15px 15px;
    line-height: 1.8;
    position: relative;
    font-size: 16px;
}

.newslist .txt h4 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.newslist .txt .time{
  position: absolute;
  bottom: 0px;
  font-size: 14px;
  color: #999;
  left: 15px;
} 
.newslist a:hover .txt{
  background: #eeeeee;
}
.alinkbox {
  margin-top: 90px;
  margin-bottom: 60px;
}
.alinkbox .wrap{
  border-top: 1px solid #c9c9c9;
  padding-top: 20px;
  
}

.alinkbox .row{
  margin-bottom: 20px;
 
}
.alinkbox span{
    background: #ededed;
    display: inline-block;
    padding: 8px 20px;
    width: 150px;
    text-align: center;
  
}
.alinkbox .row .item{
  padding-top: 5px;
  
 
}
.alinkbox a{
   margin-right: 20px;
   font-size: 14px;
   line-height: 1.5;
   

}
.alinkbox a:hover{
  margin-right: 20px;
  text-decoration: underline;

}


@media (min-width: 992px)
{
 
}

@media (min-width: 1025px)
{

  .commercebox .smallimg div{
   
    max-height: 160px;
    overflow: hidden;
  }

  .databig .txt{
    font-size: 14px;
  
  }

  .about .row-eq-height{
    align-items: center;
  }


}
@media screen and (min-width: 1600px){
     
  
  .newslist .imgs {
    height: 280px;
}
  
  }
  
  @media screen and (max-width: 1600px){
    .newslist .imgs
    {
        
      height: 240px;
    }

    .databig .txt{
      font-size: 12px;
    
    }

  }
  
  @media screen and (max-width: 1440px)
  {
   
   
    .newslist .imgs
  {
      
    height: 230px;
  }

  
  }
  
  
  
  @media screen and (max-width:1366px){

    .newslist .imgs,
    .videolist .imgs{
        
      height: 200px;
    }
   
  }
  @media screen and (max-width:1250px){
    
    }
  @media screen and (max-width:1024px){
    .newslist .imgs
      {
        
        height: 230px;

        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
      }
    }
  
  
    @media screen and (max-width:768px){
      
        .pc{
            display: none;
        }
        .mob{
            display: block;
        }

        .activity  .item:first-child .img{
          margin-left: 25px;
        }

        .activity  .item{
          margin-bottom: 20px;
        }

        .activity .item .img {
          width: 36px;
          height: 36px;
          margin-left: 25px;
          margin-right: 25px;
      }

        h2.tit span {
          display: block;
          
          color: #666;
          margin-left: 0px;
          margin-top: 10px;
      }

      .eightbox [class*="col-"]{
        margin-bottom: 20px;
      }
      .eightbox .row {
        margin-bottom: 0px;
    }

    .eightbox  .tits{
      text-align: center;
      height: 40px;
    }

      .databig {
        height: auto;
        background: url(../images/databg.jpg) top center no-repeat;
        background-size: cover;
        margin-top: 70px;
        padding-top: 90px;
        padding-bottom: 90px;
        overflow: hidden;
    }
    .commerce .cate li {
      margin-bottom: 20px;
      float: left;
      width: 50%;
  }
    .commercebox .smallimg div {
      width: 49%;
      float: left;
      margin-left: 1%;
      
  }

  .commercebox .smallimg  div:first-child {
     
    margin-left: 0;
    margin-right: 1%;
}
.commercebox [class*="col-"]{
  margin-bottom: 20px;
}
    .databig [class*="col-"]{
      margin-bottom: 30px;
    }

        .newstopbox .imgs {
           height: auto;
          overflow: hidden;
      }

        .newslist [class*="col-"]{
          margin-bottom: 20px;
        }

        .alinkbox {
          margin-top: 40px;
           
      }

        .alinkbox .row .item {
          margin-top: 10px;
      }

      .databig .txt{
        height: auto;
      }
  
    }
    
    @media screen and (max-width:740px){
  
  
    }
    
    @media screen and (max-width:640px){
  
  
    
    }
      
    @media screen and (max-width:540px){
  
    }
  
  @media screen and (max-width: 480px){
  
  
  }
  
  @media screen and (max-width: 413px){
 
  
  }
  
  @media screen and (max-width: 375px){
  
  
  
  
  }