:root{
  --red:#E12542;
  --gray:#FAFAFA;
--blue:#2c2865;
--green:#0C9D61;}
body{margin:0;direction: rtl;color: #5e5e5e;}
.sw-sl-v1-bu {height: 450px;width: 100%;position:relative;}
.sw-sl-v1-bu .content{display: block;position:absolute;top: 120px;height: 260px;right: 50px;width: 50%;}
.sw-sl-v1-bu img{
  width:100%;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
}
.sw-sl-v1-bu .title h2{color:var(--red);font-size:50px;} 
.sw-sl-v1-bu .text{font-weight: 600;}
.sw-sl-v1-bu .desc{font-weight: 600;font-size: 14px;}
.sw-sl-v1-bu .butn {font-size: 14px;width: 240px;height: 40px;background-color: var(--red);position: relative;top: 20px;border-radius: 5px;right: 200px;font-weight: 600;border: none;color: white;box-shadow: 0px 1px 5px var(--red);}
.sw-sl-v1-bu .description{
  font-size: 10px;
  padding: 10px;
  font-weight: 600;
  height: 10%;
}
.sw-sl-v1-bu .desc-desc{border-left:2px solid var(--blue);}

.bus1_block .description{

  font-size: 10px;
  padding: 10px;
  font-weight: 600;
  height: 10%;
}
.bus1_block .desc-desc{border-left: 2px solid #d5d5d5;}
.bus1_block .container div:nth-child(3) .desc-desc{border-left:none;}
.bus1_block .swiper_navs{position: absolute;width: 110px;height: 49px;background-color: rgb(255, 255, 255);margin: -49px -4px 0 auto;border-radius: 15px 0 0 0;z-index: 9999;}
.bus1_block .swiper_navs .swiper-button-next{position: absolute; left: 0;  color: #000; z-index: 50;}
.bus1_block .swiper_navs .swiper-button-next:after,.bus1_block .swiper_navs .swiper-button-prev:after{color :#000 ;font-size: 20px;}
.bus1_block .swiper_navs .swiper-button-prev{position: absolute;right: 0;font-size: 25px;}
/* .bus1_block .swiper_navs .swiper-button-prev:after{font-size: 20px;} */
.bus1_block .swiper_navs .swiper-pagination{position: absolute;bottom: 0%;top: 23% !important;!i;!;}

.sw-sl-v2-bu{width:100%;height: 75px;}
.pre-title{text-align:center;color:var(--red);font-size: 25px;font-weight:600;padding: 37px 0;}
.sw-sl-v2-bu .pic{width:100%;height: 100%;padding: 10px;}
.sw-sl-v2-bu .pic img{
width:100%;
height:100%;
}
.bl-4pic-tx-bu{width: 100%;height: 400px;margin: 50px 0;}
.bl-4pic-tx-bu .container{height:100%;}
.bl-4pic-tx-bu .pic{height: 100%;float: right;width: 48%;position: relative;padding: 2px;border-radius: 25px;overflow: hidden;margin-left: 3px;}
.bl-4pic-tx-bu img{height: 100%;width: 100%;}
.bl-4pic-tx-bu .pic:nth-child(2){float: right;width: 25%;height: 100%;}
.bl-4pic-tx-bu .pic:nth-child(3){float: left;left: 10px;width: 25%;height: 49%;}
.bl-4pic-tx-bu .pic:nth-child(4){float: left;top: 8px;left: 10px;width: 25%;height: 49%;}
.bl-4pic-tx-bu .content{position: absolute;right: 20px;top: 24px;font-size: 14px;}
.bl-4pic-tx-bu .title{
color:var(--red);
}
@media only screen and (max-width:840px)
{
.sw-sl-v1-bu .butn{right: 0px;width: 200px;}
.bl-4pic-tx-bu{width: 100%;height: 340px;margin: 40px 0;}
}
@media only screen and (max-width: 576px)
{
.sw-sl-v1-bu {height: 500px;width: 100%;}
.sw-sl-v1-bu .content{right: 35px;width: 80%;}
.sw-sl-v1-bu img{
  width:100%;
  height: 100%;
}
.sw-sl-v1-bu .description{
display:none;
}
.bl-4pic-tx-bu{
  width: 100%;
  height: 1000px;
  margin: 40px 0 0 0;
}
.bl-4pic-tx-bu .pic{
  height: 23%;
  float: right;
  width: 100%;
}
.bl-4pic-tx-bu .pic:nth-child(2){top: 15px;width: 100%;height: 23%;}
.bl-4pic-tx-bu .pic:nth-child(3){top: 30px;left: 0px;width: 100%;height: 23%;}
.bl-4pic-tx-bu .pic:nth-child(4){top: 46px;left: 0;width: 100%;height: 23%;}
}