@media screen and (max-width: 2560px) and (min-width: 1024px){ 
  .widthnewbox{  }
.bubox{ background:#f5f5f5; padding: 60px 0;  display: flex; justify-content: center; color: #000}
.topinfo22{ background-color:rgba(0,0,0,0.5); color: #fff; width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0 }
.topinfo22 ul{ display: flex;  } .topinfo22 ul li{ margin: 0 80px; text-align: center;  }
 
 .topinfo22 ul li div em{ font-size: 60px; line-height: 60px; } .topinfo22 ul li div{ font-family: Arial ; font-size: 30px; font-weight: bold; }
   .zflink{ width: 220px;  }
   .zflink p{ font-size: 36px; font-weight: bold; margin-bottom: 25px; line-height: 50px; }
   .alink{ height: 50px; line-height: 50px; width: 200px; text-align: center; color: #fff; background-color:#ee3142; display: block; border-radius: 10px; font-size: 16px;  }
      .alink2{ height: 50px; line-height: 50px; width: 200px; text-align: center; color: #fff; border: 1px solid #ccc; display: block; border-radius: 10px; font-size: 16px;  }

   .step_1{  margin-left: 50px; display: flex; }
   .step_1 h2{ font-size: 24px; margin-bottom:5px; }
   .step_1 p{ color: #333; font-size: 16px }
   .step_1 span{ 
 
font-size: 105px;
color: transparent;
-webkit-text-stroke: 1px #232020;
text-stroke: 1px #232020;
line-height:0.8;
margin-right: 15px;
font-family:Arial; font-weight: bold;}

.bannerbox{   background: url(../images/pro_indices_page_banner_bg-scaled.webp) no-repeat center #000; background-size: 100% auto  ; }
.bannerboxss{  display: flex; align-items: center; height: 600px;}
.width1200{ width: 1200px; margin:0 auto; }
.bannneralink{ display: flex;  }
.bannneralink .alink2{ margin-left: 20px; }
.bannertxt { width: 500px;  } .bannertxt22 { width: 800px;  }
.bannertxt h2{ font-size: 50px; line-height: 1; color: #fff; }
.bannertxt p{ font-size: 18px; padding: 15px 0 35px 0; color: #fff; }
.ysbox{ background-color:#fff; padding: 80px 0; color: #000 }
 .h1title{ font-size: 40px; text-align: center; font-weight: bold; }
.ysbox ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;  }
.ysbox ul li{display: flex; flex-direction:column ; justify-content:center; align-items: center; width: 33.33%; margin-bottom:50px;}
.ysbox ul li h2{ font-size: 24px; margin:20px 0 5px 0; }
.ysbox ul li p{ font-size: 16px; text-align: center;  padding: 0 30px; color: #666;}
.ysbox ul li img{  height: 60px; width: auto;}
.dluo{ text-align: center; color: #666 ;  margin-bottom: 50px; padding-top: 10px;}

.market{ padding: 80px 0;  background-color:#f5f5f5; color: #000}
.market h2{ font-size: 20px; } .market a{ color: #fff; }
.market ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.market ul li{ width: 390px; height: 200px; display: flex;  color: #fff;  justify-content: end; flex-direction: column; border-radius: 15px; overflow: hidden; padding: 30px; box-sizing: border-box; margin-bottom: 25px;  }
.market ul li a{ display: block; text-align: right; margin-top: 15px; }
.market ul li:nth-child(1) { background: url(../images/trade_marke_forex.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(2) { background: url(../images/trade_marke_indices.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(3) { background: url(../images/trade_marke_commodities.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(4) { background: url(../images/trade_marke_gold.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(5) { background: url(../images/trade_marke_etfs.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(6) { background: url(../images/trade_marke_bonds.webp) no-repeat center ; background-size: 100% auto; }

.deskbox{padding: 80px 0;  background-color:#fff; color: #000}
.softbox{ display: flex; justify-content:center; align-items: center;  }
.softbox ul{ width: 30%; }
.softbox ul li{ height: 50px; line-height: 50px; border: 1px solid #ccc; border-radius: 25px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;  }
.softbox ul li a{display: flex; align-items: center; justify-content: center;  height:100%; width:100%}
.softbox ul li a:hover{ color:#0069FF!important; }
.softbox ul li img{ height: 30px; margin-right: 20px; }
.softimg{ width:75%; height:auto;       }

.shibox{ padding: 80px 0; background-color: #fff; color: #000 }
.shibox ul{ display: flex; align-items: center; justify-content:center; margin-top: 40px; flex-wrap: wrap;  } .shibox ul li{ border: 1px solid #ececec; padding: 5px; margin: 10px; border-radius: 8px;   }
.shibox ul li img{ height: 30px; }

}
@media screen and (max-width: 1000px) and (min-width:0){  
.bubox{ background:#f5f5f5; padding:50px 20px;  display: flex; justify-content: center; flex-direction: column;  color: #000}
   .bubox br{
display: none;
}
.topinfo22{ background-color:rgba(0,0,0,0.5); color: #fff;    padding: 20px ; }
.topinfo22 ul{ display: flex; justify-content: space-between;  } .topinfo22 ul li{ margin: 0 0px; text-align: center;  }
 
 .topinfo22 ul li div em{ font-size: 20px; line-height: 30px; } .topinfo22 ul li div{ font-family: Arial ;  font-weight: bold; }
   .zflink{     display: flex;
    flex-direction: column;
    align-items: center; }
   .zflink p{ font-size: 36px; font-weight: bold; margin-bottom: 25px; line-height: 50px; }
   .alink{ height: 50px; line-height: 50px; width: 200px; text-align: center; color: #fff; background-color:#0069FF; display: block; border-radius: 10px; font-size: 16px;  }
      .alink2{ height: 50px; line-height: 50px; width: 200px; text-align: center; color: #fff; border: 1px solid #ccc; display: block; border-radius: 10px; font-size: 16px;  }

   .step_1{    display: flex; margin-top: 20px; }
   .step_1 h2{ font-size: 24px; margin-bottom:5px; }
   .step_1 p{ color: #333; font-size: 16px }
   .step_1 span{ 
 
font-size: 105px;
color: transparent;
-webkit-text-stroke: 1px #232020;
text-stroke: 1px #232020;
line-height:0.8;
margin-right: 15px;
font-family:Arial; font-weight: bold;}

.bannerbox{   background: url(../images/pro_indices_page_banner_bg-scaled.webp) no-repeat center #000; background-size:cover; }
.bannerboxss{  display: flex; align-items: center;}
.width1200{ width:100%; margin:0 auto; padding: 0 20px; box-sizing: border-box; }
.bannneralink{ display: flex; flex-direction: column; align-items: center; }
.bannneralink .alink2{ margin-left: 0px; margin-top: 20px; }
.bannertxt { padding: 50px 0; color: #fff  }
.bannertxt h2{ font-size: 30px; line-height: 1; text-align: center; }
.bannertxt p{ font-size: 16px; padding: 15px 0 35px 0; }
.ysbox{ background-color:#fff; padding: 80px 0; color: #000 }
 .h1title{ font-size: 30px; text-align: center; font-weight: bold; }
.ysbox ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;  }
.ysbox ul li{display: flex; flex-direction:column ;   align-items: center; width:48%; margin-bottom:30px;}
.ysbox ul li h2{ font-size:18px; margin:20px 0 5px 0; }
.ysbox ul li p{ font-size: 14px; text-align: center;  padding: 0  0px; color: #666;}
.ysbox ul li img{  height: 60px; width: auto;}
.dluo{ text-align: center; color: #666 ;  margin-bottom: 50px; padding-top: 10px;}

.market{ padding: 80px 0;  background-color:#f5f5f5; color: #000}
.market ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.market ul li{ width: 100%; height:150px; display: flex;  color: #fff;  justify-content: end; flex-direction: column; border-radius: 15px; overflow: hidden; padding: 30px; box-sizing: border-box; margin-bottom: 25px;  }
.market ul li a{ display: block; text-align: right; margin-top:5px; color: #fff }
.market ul li:nth-child(1) { background: url(../images/trade_marke_forex.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(2) { background: url(../images/trade_marke_indices.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(3) { background: url(../images/trade_marke_commodities.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(4) { background: url(../images/trade_marke_gold.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(5) { background: url(../images/trade_marke_etfs.webp) no-repeat center ; background-size: 100% auto; }
.market ul li:nth-child(6) { background: url(../images/trade_marke_bonds.webp) no-repeat center ; background-size: 100% auto; }

.deskbox{padding: 80px 0;  background-color:#fff; color: #000}
.softbox{ display: flex; justify-content:center; align-items: center; flex-direction: column;  }
.softbox ul{ width: 80%; margin-top: 15px; }
.softbox ul li{ height: 50px; line-height: 50px; border: 1px solid #ccc; border-radius: 25px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; justify-content: left;
    padding-left: 89px; }
.softbox ul li img{ height: 30px; margin-right: 20px; }
.softimg{   height:auto; width: 100%;   }

.shibox{ padding: 80px 0; background-color: #fff; color: #000 }
.shibox ul{ display: flex; align-items: center; justify-content:center; margin-top: 40px; flex-wrap: wrap;  } .shibox ul li{ border: 1px solid #ececec; padding: 5px; margin: 10px; border-radius: 8px;   }
.shibox ul li img{ height:40px; }
 
}