.banner {
    position: relative;
    z-index: 1;
}

.banner .banner-pic {
    position: relative;
}
.banner .banner-pic .pic {
    display: block;
    position: relative;
    z-index: 1;
    height: 400px;
    background: no-repeat center center;
    background-size: cover;
}
.banner .banner-pic .pic:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,.5); */
    content: '';
}
.banner .banner-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
     top:120px;
    left: 0;
    right: 0;
    
    z-index: 3;
     
    color: #fff;
}
.banner .banner-info .title {
     
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px;
    margin-left: 120px;
}
.banner .banner-info .name {
    margin: 1.6667% 0 0;
    font-size: 18px;
    line-height: 40px;
    margin-left: 120px;
}
.news{
    margin-top: 90px;
    margin-bottom: 90px;
}
.mt90{
  margin-top: 90px;
}
.anmao{
  height: 0px;
  position: relative;
  top:-180px;
}
.mb90{
   margin-bottom: 90px;
}
.newstop{
  overflow: hidden;
  max-height: 540px;
}
.newstop .imgs{
    height: 470px;
}
.newstop .imgs img{
    width: 100%;
}

.newstop h3{
    font-size: 22px;
    font-weight: 500;
    margin-top: 50px;
    line-height: 1.5;
}
.newstop .time{
    font-size: 14px;
    color: #999;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.newstop .detail{
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    height: 235px;
    overflow: hidden;
}
.newstop .more{
    font-size: 14px;
}

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

.news.media .detail{
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    height: 165px;
    overflow: hidden;
}

.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;
    position: relative;
  }
  .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: 5px;
    font-size: 14px;
    color: #999;
    left: 15px;
  } 
  .newslist a:hover .txt{
    background: #eeeeee;
  }

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

  .magaz .newslist .txt {
    height: 50px;
    padding: 10px 15px 15px;
    line-height: 1.8;
    position: relative;
    font-size: 16px;
    text-align: center;
}
.leftmenu{
  position: relative;
  width: 100%;
  
}

 
  .leftmenu h2.tit{
      font-size: 24px;
      line-height: 1;
      padding-bottom: 30px;
      border-bottom: 1px solid #c9c9c9;
      font-weight: 500;
      margin-bottom: 40px;

  }
  .leftmenu li {
      margin-bottom: 3px;
     
       
  }
  .leftmenu li a{
    display: block;
    width: 100%;
    min-height: 50px;
    line-height: 1.2;
    background: #eeeeee;
    padding: 10px 0;
    padding-left: 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  .leftmenu li a:hover, .leftmenu li.on a{
     color:#fff;
    background: var(--SW-PAGE-ROOT-COLOR);
  }



  .con-r-tit h2.tit{
    font-size: 24px;
    line-height: 1;
    padding-bottom: 30px;
    border-bottom: 1px solid #c9c9c9;
    font-weight: 500;
    margin-bottom: 40px;
    text-align: center;position: relative;
  }


  .con-r-tit h2.tit::after {
    content: '';
    display: block;
    position: absolute;
    /* top: 4px; */
     bottom: -1px;
    left: 50%;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background: var(--SW-PAGE-ROOT-COLOR);
    margin-left:-25px;
}
.videolist{
    margin-top: 30px;
}

.videolist .imgs{
  overflow: hidden;
  position: relative;
}
.videolist .imgs img{
  width: 100%;
    
   
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

  .videolist .item{
      width: 100%;
      box-shadow: 0px 2px 5px 2px rgb(68 68 68 / 50%);
       
  }
  .videolist .txt{
    height: 90px;
    padding: 10px 15px;
    line-height: 1.8;
    position: relative;
    font-size: 16px;

    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
     
}

.videolist .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;
   
}

.videolist [class*="col-"]{
    margin-bottom: 30px;
  }
  .videolist .imgs icon{
      position: absolute;
      color: #fff;
      font-size: 40px;
      top:50%;
      left:50%;
      margin-left: -20px;
      margin-top: -20px;

  }

  h2.rtit{
    font-size: 24px;
    line-height: 1;
    padding-bottom: 30px;
    font-weight: 500;
    margin-bottom: 40px;
    text-align: center;position: relative;
  }

  .media{
    
    margin-bottom: 90px;
  }

  
   h2.rtit::after {
    content: '';
    display: block;
    position: absolute;
    /* top: 4px; */
     bottom: -1px;
    left: 50%;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background: var(--SW-PAGE-ROOT-COLOR);
    margin-left:-25px;
}
.media .boxs{
  box-shadow: 0px 2px 5px 2px rgb(68 68 68 / 50%);
  -webkit-box-shadow: 0px 2px 5px 2px rgb(68 68 68 / 50%);
  padding: 50px 0px;
}

.media .boxs .item {
  width: 60%;
  margin: 0 auto;
  background: #f6f6f6;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
}
.media .boxs .item .txt{
  line-height: 1.5;
  margin-top: 10px;
  height: 40px;
}

.media .boxs [class*="col-"]{
  margin-bottom: 30px;
}

.media .rtit{
  margin-top: 90px;
}
 
.mediawmbox{
  text-align: center;padding-top:30px;
  padding-bottom: 20px;
}
.mediawmbox p{
  font-size: 12px;
  margin-top: 10px;
}
.mediawmbox .close {
  

line-height: 1.706667rem;
color: #fff;
font-size: .682667rem;
font-weight: 500;
text-align: center;
width: 80%;
margin: 0 auto;
background-image: linear-gradient(
0deg
,#c41320,#e1403c),linear-gradient(#a51a28,#a51a28);
border-radius: 1.706667rem;
padding: 0;
margin-top: 20px;
}

.about{
  margin-top: 90px;
  margin-bottom: 90px;
}

.about .aboutbox{
  box-shadow: 0px 2px 5px 2px rgb(68 68 68 / 50%);
  -webkit-box-shadow: 0px 2px 5px 2px rgb(68 68 68 / 50%);
  padding: 50px;
}

.about .intro{
  line-height: 1.8;
  font-size: 14px;
}

.about .intro img{
  max-width: 100%;
}
.about .guih
.item
{
  background: #eeeeee;
  text-align: center;
  padding-top: 35px;
  padding-bottom: 35px;
  height: 100%;
}
.about .guih
.item:hover
{
  background: var(--SW-PAGE-ROOT-COLOR);
  color: #fff;
   
}
.about .guih .num{
  font-size: 24px;
}

.about .guih .name{
  font-size: 18px;
  line-height: 1;
  margin-top: 35px;
}

.about .guih .tip{
  font-size: 14px;
   margin-top: 18px;
   line-height: 1.5;
   padding: 0 10px;
  /* height: 36px;*/
}
.about-certbox{
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
   
  padding-left: 10px;
  padding-right: 10px;
   
}

.about-certbox .items{
  margin-top: 10px;
  text-align: center;
  box-shadow: 0 4px 8px 2px rgba(68,68,68,0.4);
    -webkit-box-shadow: 0 4px 8px 2px rgba(68,68,68,0.4);
     
    

}
.about-certbox .items img{
  max-width: 100%;
}
.about-certbox .items .title{
   height: 50px;
   background: #fff;

   padding: 0 15px;
   line-height: 1.5;
   width: 100%;
   display: table;
}
.about-certbox .items .title P{
     display: table-cell;
   vertical-align: middle;
   text-align: center;
}

 
.swiper-pagination-bullet-active {
  background: #eb6100;
   width: 25px;
 
   border-radius: 30px;
  opacity: 1;
}
.about .history{
  box-shadow: 0 4px 8px 2px rgba(68,68,68,0.4);
  -webkit-box-shadow: 0 4px 8px 2px rgba(68,68,68,0.4);
}
.about .history img{
  max-width: 100%;
}
 

.about .newbox .imgs{

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



}
.about .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;
}

.about .newbox .txt .time{
  position: absolute;
  bottom: 5px;
  font-size: 14px;
  color: #999;
  left: 15px;
} 
.about .newbox a:hover .txt{
  background: #eeeeee;
}


.worklist .item{
   
  margin-bottom: 25px;
  
}

.worklist .item .tit{
font-size: 16px;
height: 35px;
 
line-height: 35px;
padding-left: 30px;
 
}

.worklist .item .tit span{
  
  font-size: 16px;
  padding-left: 25px;
 
}

.worklist .item .detail{
  padding: 22px;
  font-size: 14px;
  height: 125px;
  overflow: hidden;
   
}

.worklist .item .more
{
    height: 50px;
    width: 100%;
   text-align: center;
  color: #666;
  background: #eeeeee;
  margin-bottom: 15px;
  line-height: 50px;
}

.worklist .item .more .icon.icon-dropdown-arrow {
  fill: transparent;
  stroke: currentColor;
  width: 23px;
  margin-left: 7px;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
 
}

.worklist .item .more.active .icon-dropdown-arrow {
  transform: rotate(-180deg);
}
.detail-item-txt
{
  word-wrap: break-word;
}

.digits{
  margin-top: 90px;
  margin-bottom: 90px;
}

.digits .intro{
  line-height: 1.8;
}

.platform{
  margin-top: 90px;
  margin-bottom: 90px;
  background: url(../images/platformbg.jpg) top center ;
  background-size: cover;
  padding: 90px 0;
}
.platform .rtit{
  color: #fff;
}

.platform .iframe{
 /* height: 780px;*/
}
.systembox{
  margin-bottom: 90px;
}
.systembox .box .item{
  
  height: 100%;
  position: relative;
  padding: 0 25px 25px;
  box-shadow: 0 4px 8px 2px rgba(68,68,68,0.4);
  -webkit-box-shadow: 0 4px 8px 2px rgba(68,68,68,0.4);

  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;

}
.systembox .box .item: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);
}
.systembox .box .icon{
  margin-top: 30px;
  width: 38px;
  height: 38px;
}
.systembox .box .title{
  margin-top: 25px;
}
.systembox .box .txt{
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin-top: 30px;
  text-align: justify;
  margin-bottom: 30px;

}

.systembox .box .more{
  
   font-size: 14px;
   text-align: center;
  
   position: absolute;
   bottom: 12px;
   right: 10px;
   color: var(--SW-PAGE-ROOT-COLOR);
  
   
}


.systembox .box .line{
   width: 28px;
   height: 2px;
   background: var(--SW-PAGE-ROOT-COLOR);
   position: absolute;
   bottom: 20px;
}

.systembox .box [class*="col-"]{
  margin-bottom: 30px;
}

.con-r-b-tit h2{
   font-size: 24px;
    line-height: 1;
    padding-bottom: 30px;
    border-bottom: 1px solid #c9c9c9;
    font-weight: 500;
    margin-bottom: 40px;
    text-align: left;
    position: relative;
}

.trade
{
  margin-top: 90px;
  margin-bottom: 90px;
}
.trade section{
  margin-bottom: 90px;
}

.trade .intro{
  line-height: 1.8;
  font-size: 14px;
  text-align: center;
}

.trade .intro img{
  max-width: 100%;
}

.graybg{
  background: linear-gradient(90deg,#eeeeee 90%,#fff 10%);
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  height: 100%;
  min-height: 300px;
}
.trade .box .imgs{

}
.trade .box  .imgs img{
  max-width: 100%;
}
.trade .box .txt{
   margin-top: 50px;
  
}
.trade .box  .txt h4{
   font-weight: 500;
}
.trade .box  .txt .de{
  font-size: 14px;
  color: #666;
  line-height: 1.8;

  margin-top: 25px;
}

.trade .box .lbox{
  background: linear-gradient(90deg,#eeeeee 55%,#fff 45%);
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  
}
.trade .box .lbox img{
  max-width: 100%;
}
.trade .box .lbox .txt{
    width: 40%;
}

.trade .box .lbox1 .txt{
   margin-left: 30px;
}

.trade .box .lbox2 .txt{
  margin-right: 30px;
  padding-left: 30px;
}
.trade .more{
  display: table;
  margin: 0 auto;
}
.trade .more a{
  border: 1px solid #c9c9c9;
  font-size: 14px;
  padding: 5px 8px;
  margin: 0 10px;
  display: inline-block;
  width: 120px;
  text-align: center;margin-top:30px;
}

.trade .more a:hover{
   background:  var(--SW-PAGE-ROOT-COLOR);;
   color: #fff;
}

.commerce{
  margin-top: 90px;
   
}

.commerce section {
  margin-bottom: 60px;
}

.commerce img{
  max-width: 100%;
}

.commerce .imgs {
  height: 100%;
}

.commerce .imgs img{
  width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.commerce .row .intro{
  position: relative;
  padding-top: 30px;
  height: 100%;
  padding-bottom: 30px;
}
.commerce .row .intro.diy{
  padding-top: 0px;
}

.commerce  .more.diy {
  display: table;
  margin: 0 auto;
}
.commerce  .more.diy a{
  border: 1px solid #c9c9c9;
  font-size: 14px;
  padding: 5px 8px;
  margin: 0 10px;
  display: inline-block;
  width: 120px;
  text-align: center;
  margin-top: 30px;
}
.commerce  .more.diy  a:hover{
  background:  var(--SW-PAGE-ROOT-COLOR);;
  color: #fff;
}


.commerce .row .intro .tit{
  
      
}
  
.commerce .row .intro .de{
  
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.8;
}


.commerce .intro .btnsbox a{
  display: inline-block;
   padding: 5px 15px 5px 35px;
   
  border: 1px solid #dcdcdc;
}

.commerce .intro .more{
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.commerce .intro .btnsbox a.s{
   background-image: url(../images/icon-server.png) ;
   background-size: 20%;
   background-repeat: no-repeat;
   background-position:  15px 6px;
}

.commerce .intro .btnsbox a.r{
  background-image: url(../images/icon-rz.png);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position:  15px 6px;
}
.commerce .intro .btnsbox a.u{
  background-image: url(../images/icon-u.png)  ;
  background-size: 20%;
  background-repeat: no-repeat;
  background-position:  15px 6px;
}
.commerce .intro .btnsbox a:hover{
  background-color:#dcdcdc
}
 
html[lang=en]  .commerce .intro .btnsbox a {
  font-size: 12px;
  padding: 5px 10px 5px 30px;
}

html[lang=en] .commerce .intro .btnsbox a.s{

  background-size: 15%;
  background-repeat: no-repeat;
  background-position:  10px 6px;
}

html[lang=en] .commerce .intro .btnsbox a.r{
 
  background-size: 15%;
  background-repeat: no-repeat;
  background-position:  10px 4px;
}

html[lang=en] .commerce .intro .btnsbox a.u{
 
  background-size: 15%;
  background-repeat: no-repeat;
  background-position:  10px 4px;
}

.commerce .newslist,.commerce .nlist{margin-top: 30px;}

.commerce .nlist{
  
  
}


.nlist
{
   overflow: hidden;
}

.nlist li{
  border-bottom: 1px solid #c9c9c9;
 
  line-height: 1.8;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}
.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);
}

.newsdetail{
  background: #f5f6f8;
  padding-top: 90px;
  padding-bottom: 90px;
}



.newsdetail h1.title {
   
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.8;
  text-align: center;
   
}
.newsdetail .time {
   
  font-size: 14px;
  font-weight: normal;
  
  text-align: center;
  color:#666;
  margin-top: 20px;
   
}

.newsdetail .details {
  margin-top: 50px;
   line-height: 1.8;
   padding-bottom: 30px;
   overflow: hidden;
   
}
.newsdetail .details img{
  max-width: 100%;
}


.newsdetail .prnews {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
  font-size: 16px;
  position: relative;
}
.prnews ul{
  width: 80%;
}
.prnews li {
  margin-bottom: 20px;
}

.prnews .return {
  /*
  float: right;
  font-size: 14px;
  color: #fff;
  background: #19ccf4;

  line-height: 38px;
  padding: 0 20px;
  margin-top: 6px;*/

  
      position: absolute;
      display: block;
      top: 28px;
      right: 0px;
      font-size: 14px;
      color: #fff;
      background: var(--SW-PAGE-ROOT-COLOR);
  
      line-height: 38px;
      padding: 0 20px;
  

}

.companybox{
  
}

.pagers {
  padding-top: 40px;
  text-align: center;
  margin-bottom: 50px;
}

.pagers .on {
  background: var(--SW-PAGE-ROOT-COLOR);
  color: #fff;
  border-color: var(--SW-PAGE-ROOT-COLOR);
}

.pagers a {
  text-align: center;
  line-height: 20px;
  color: #666;
  padding: 6px 12px;
  display: inline-block;
  margin: 0 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
}
.pagers span {
  text-align: center;
  line-height: 20px;
  color: #666;
  padding: 6px 12px;
  display: inline-block;
  margin: 0 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
   
}
.pagers span.now {
  text-align: center;
  line-height: 20px;
  color: #fff;
  padding: 6px 12px;
  display: inline-block;
  margin: 0 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
  background: var(--SW-PAGE-ROOT-COLOR);;
}

.creditbox{
  text-align: center;
  margin-top: 50px;
}

.creditbox input{
  display: block;
}

/*time line*/
.timer-shaft-box{width:100%;padding:30px 40px;box-sizing: border-box;}
.timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;}
.timer-left{position:absolute;top:50%;left:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_left.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-right{position:absolute;top:50%;right:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_right.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:80px;padding-left: 80px;font-size: 0;white-space: nowrap;}
.timer-scale-cont{display:inline-block;height:100%;line-height:80px;}
.time-circle{margin:0px;display:inline-block;vertical-align:middle;width:60px;height:60px;line-height: 60px;text-align: center;font-size:18px;color:#fff;border-radius: 50%;background: #e2302e;transition: all .3s;cursor:pointer;}
.timer-scale-cont.hov .time-circle{width:80px;height:80px;line-height: 80px;font-size:24px;background: #ff8d3d;}
.line-scale{display:inline-block;vertical-align:middle;width:150px;height:22px;margin:0 2px;background: url(../images/icon_scale.png) no-repeat;background-size: cover;}

.timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;}
.shaft-detail-cont{display: none;width:100%;}
.timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;}
.timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #ff8d3d;}
.month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333; display: none;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
.incident-record,.month-detail-box p{margin:0px;display:block;padding-left:71px;line-height:2;font-size:14px;color:#333;}


.incident-record a{font-size:14px;color:#1d69a3;}

/*time line */


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

@media (min-width: 1025px)
{

  html[lang=en] .media .boxs .item .txt {
     line-height: 1.2;
    margin-top: 10px;
   height: auto;
   display: flex;
   align-items: center;
   min-height: 100px;
}
 

  .systembox .row-eq-height{
    flex-wrap: wrap;
    /*justify-content: space-between;*/
  }

  .commerce .intro .btnsbox{
   
    position: absolute;
    bottom: 10px;
   
    
  }
  

  .commerce .row.two .intro
  {
    background: #eee;
      width: calc(100% + 30px);
      height: 100%;
      padding-left: 30px;
      padding-right:30px;
    
  }


}


@media screen and (min-width: 1600px){
     
  .newslist .imgs,
  .videolist .imgs,
  .about .newbox .imgs
  {
      
    height: 280px;
  }
  
  .anmao{
    height: 0px;
    position: relative;
    top:-220px;
  }

  .trade .box .lbox {
    background: linear-gradient(90deg,#eeeeee 50%,#fff 50%);
     
  }

  .systembox .box .txt{
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-top: 30px;
    text-align: justify;
  
  }


  
}

@media screen and (max-width: 1600px){
  .newslist .imgs,
  .videolist .imgs,
  .about .newbox .imgs
  {
      
    height: 240px;
  }

  .leftmenu li a{
    padding-left: 15px;
    font-size: 14px;
  }

  .commerce .row .intro .de {
   margin-top: 20px;
    font-size: 14px;
    line-height: 1.6;
}

}

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


}



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

    .newslist .imgs,
    .videolist .imgs,
    .about .newbox .imgs
    {
      
      height: 230px;

      height: 100%;
      object-fit: cover;
      object-position: 50% 50%;
    }

    .leftmenu{
      position: fixed;
      top:80px
    }

  }


  @media screen and (max-width:768px){
    
      .banner .banner-info .title {
        font-size: 32px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 60px;
        margin-left: auto;
        text-align: center;
    }
    .banner .banner-info .name {
      margin: 1.6667% 0 0;
      font-size: 18px;
      line-height: 40px;
      margin-left: auto;
      text-align: center;
  }

    .trade .box .lbox {
        background: none;
        flex-direction: column ;
    }
    .trade .box .lbox .txt {
        width: 100%;
    }

    .trade .box .lbox2 .imgs{
      margin-top: 20px;
  }

  .trade .box .lbox2 .txt{
    margin-top: 0px;
}

  .media .boxs .item {
    width: 90%;
     
  }

  .prnews ul {
      width: 100%;
  }

  .prnews .return {
    
    top:auto
     
}
.platform .iframe {
   height: auto; 
}

.systembox .box .item {
  height: auto;
  padding-bottom: 50px;
 
}

.newsdetail h1.title {
  
   line-height: 1.5; 
  text-align: center;
}

.about .guih [class*="col-"]{
  margin-bottom: 30px;
}

.about .newbox [class*="col-"] {
  margin-bottom: 30px;
}
 
.commerce .newslist .txt {
  height: auto;
  padding: 10px 15px 15px;
  line-height: 1.8;
  position: relative;
  font-size: 16px;
}
.commerce section{
  margin-bottom: 30px;
}

.commerce .newslist, .commerce .nlist {
  margin-top: 0px;
}

.commerce .intro .btnsbox {
  margin-bottom: 30px;
}

.guih  .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

  }
  
  @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){




}