.fl {
  float: left;
}
.dhsl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promod_a img{
    max-height: 350px;
    min-height: 350px;
}
.twosl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.thrsl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.footer-mid-left dl {
  float: left;
  margin-right: 100px;
  margin-top: 30px;
  text-align: left;
  margin-bottom: 40px;
}
.footer-mid-left dt {
  margin-bottom: 5px;
}
.footer-mid-left dt a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
}
.footer-mid-left dd {
  height: 28px;
  overflow: hidden;
}
.footer-mid-left dd a {
  color: #ddd;
  font-size: 14px;
  line-height: 2;
}
.clear:after {
  content: '';
  display: table;
  clear: both;
}
.cart-concern-btm-fixed {
  bottom: 0;
  height: 50px;
  left: 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.four-column {
  display: none;
}
.four-column .concern-cart {
  width: 100%;
  display: none;
}
.concern-cart {
  background-color: #646464;
  float: left;
}
.concern-cart a {
  color: #FFFFFF;
  font-size: 12px;
  width: 25%;
  display: inline-block;
  float: left;
  height: 50px;
}
.concern-cart a span {
  display: block;
  height: 18px;
  line-height: 13px;
  text-align: center;
}
.aboutinfo p:nth-child(1){
    font-size: 55px;
    font-weight: bold;
    color: #000;
    margin-top: 10%;
}
.aboutinfo p:nth-child(2){
    font-size: 30px;
    color: #000;
}
.aboutinfo p:nth-child(3){
    font-size: 20px;
    color: #000;
    margin: 6% 0;
}
.aboutinfo p:nth-child(4){
    font-size: 16px;
    color: #000;
}
em.dibuyangshi {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-position: 0 0;
  margin: 8px 2px 5px 2px;
}
.footer .nav {
  background-image: unset;
  margin-bottom: 20px;
}
.x-banner .slick-next {
  right: 12rem;
  background: url(../image/indexr.png) no-repeat center center;
  background-size: cover;
  bottom: 25rem;
}
.x-banner .slick-prev {
  right: 12rem;
  background: url(../image/indexl.png) no-repeat center center;
  background-size: cover;
  bottom: 18rem;
}
.x-banner .slick-arrow {
  position: absolute;
  font-size: 0;
  /* top: 50%; */
  z-index: 9;
  width: 60px;
  height: 60px;
  margin-top: -50px;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: .8s;
}
.tonextp {
  position: absolute;
  top: 15%;
  text-align: center;
  color: #bcbbbb;
  font-size: 23px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  border-top: 3px solid #ffffff;
  right: 12rem;
}
.tonextp p:nth-child(2) {
  margin: 0px 10px;
}
.tonextp img {
  width: 27px;
  height: 43px;
  margin-bottom: 13px;
  cursor: pointer;
}
.protit_pc {
  display: block;
}
.protit_m {
  display: none;
}
.probtnmod {
  width: 50px;
  height: 50px;
  background: url(../image/btn.png) no-repeat center center;
  background-size: cover;
}
.pro .homeonepro .pro2 ul li:hover .probtnmod {
  background: url(../image/btnact.png) no-repeat center center;
}
a {
  text-decoration: none;
  list-style: none;
}
.morepro {
  display: none;
}
.slick-dots {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 6%;
  align-items: center;
}
.slick-dots li {
  width: 6px !important;
  height: 6px;
  /* border-radius: 50%; */
  background-color: #fff;
  overflow: hidden;
  margin: 0 10px;
}
.slick-dots li button {
  opacity: 0;
}
.slick-dots .slick-active {
  background-color: #ffffff !important;
  width: 10px !important;
  height: 10px !important;
}
.index-aboutfr .slick-next {
  left: -4.375rem;
  background: url(../image/zarrry.png) no-repeat center center;
  background-size: cover;
}
.index-aboutfr .slick-prev {
  left: -8.25rem;
  background: url(../image/zarrl.png) no-repeat center center;
  background-size: cover;
}
.index-aboutfr .slick-arrow {
  position: absolute;
  font-size: 0;
  bottom: 3%;
  z-index: 9;
  width: 50px;
  height: 50px;
  margin-top: -50px;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: .8s;
}
.abouttit {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}
.index-aboutfl {
  padding-right: 5%;
  display: flex;
  justify-content: flex-end;
}
.index-aboutfl p {
  /*font-size: 14px;*/
  /*color: #fff;*/
}
.aboutmod {
  width: 100%;
  height: 100%;
  /* position: absolute;
  top: 0; */
  /* padding-bottom: 40%; */
}
.aboutinfo {
  /*max-width: 560px;*/
  
  position: relative;
  margin-right: 10%;
  position: absolute;
    left: 12%;
}
.aboutinfo .protit_pc {
  margin-top: -10px;
  margin-bottom: 25%;
}
.formobile {
  display: none !important;
}
.gsjsmod h2 {
  font-size: 52px;
  font-weight: bold;
  color: #0352b8;
  text-align: center;
  margin-bottom: 25px;
  width: 100%;
}
.gsjsmod p {
  max-width: 600px;
  font-size: 20px;
  color: #666;
  text-indent: 2em;
  line-height: 37px;
}
.gsjsmod .knowmore {
  width: 198px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #0b0306;
  font-size: 16px;
  border: 1px solid #525252;
  margin: 0 auto;
  margin-top: 9%;
  margin-bottom: 10%;
  cursor: pointer;
}
.gssb {
  width: 38px;
  margin-left: calc(50% - 19px);
  margin-top: -25px;
}
.tjnumbox {
  width: 90%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 35px;
  flex-wrap: wrap;
  padding: 100px 180px;
  background: url(../image/gsjsnumbg.png) center top no-repeat;
  background-size: 100% 100%;
  border-radius: 160px;
}
.tjnum_mod {
  display: flex;
  justify-content: flex-start;
  max-height: 73px;
}
.nummod {
  margin-top: -10px;
  margin-left: 15px;
}
.nummod p {
  font-size: 39px;
  color: #035cb8;
  text-indent: 0em;
  margin: 0px;
  line-height: 30px;
}
.nummod p:first-child {
  font-size: 13px;
  color: #999;
  line-height: 10px;
  width: calc(100% + 12px);
  text-align: right;
}
.nummod p:last-child {
  font-size: 13px;
  color: #666;
  line-height: 10px;
  margin-top: 18px;
}
.index-about .index-aboutfl .yylytit {
  color: #0b0306;
  font-size: 43px;
  letter-spacing: 6px;
  font-weight: bold;
  margin-top: 16%;
}
.index-about .index-aboutfl .yylytiten {
  color: #999999;
  font-size: 21px;
  letter-spacing: 4px;
  margin-top: 1%;
  text-transform: uppercase
}
.index-about .index-aboutfl .yylyint {
  font-size: 52px;
  color: #fff;
  letter-spacing: 6px;
  font-weight: bold;
  margin-top: 9%;
}
.index-about .index-aboutfl .yylyinten {
  font-size: 24px;
  color: #666;
  margin-top: 3%px;
  letter-spacing: 4px;
  text-transform: uppercase
}
.index-about .index-aboutfl .yylyproimg {
  /*margin-top: 40px;*/
  /*position: absolute;*/
  /*z-index: 1;*/
  /*width: 34%;*/
  /*right: 5%;*/
  display: none;
}
.yylytitlist {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 13.5%;
    display: flex;
    align-items: center;
    background-color: #cfcfcf;
    justify-content: space-around;
}
.yylytitlist p {
  font-size: 20px;
  color: #666666;
  /*margin-right: 4%;*/
  cursor: pointer;
}
.yylytitlist .titactive {
  font-size: 24px;
  color: #0352b8;
}
.procenter {
  clear: both;
  position: relative;
  background: url(../image/procenterbg.png) center top no-repeat;
  padding: 70px 0 0px;
  background-size: 100% 100%;
  margin-top: 50px;
  padding-bottom: 7%;
}
.shubiao {
  position: absolute;
  bottom: -28px;
  left: calc(50% - 19px);
  cursor: pointer;
}
.procentermod {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.procenter h2 {
  color: #0352b8;
  font-weight: bold;
  font-size: 34px;
  text-align: center;
  margin-bottom: 15px;
}
.procenter h2:last-child {
  font-size: 28px;
  letter-spacing: 6px;
}
.procenter p {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
}
.rtpos {
  position: absolute;
  top: 0px;
  right: 0px;
}
.lbpos {
  position: absolute;
  bottom: -17%;
  left: 0px;
}
.procenter .rbpos {
  position: absolute;
  bottom: -17%;
  right: 0px;
  font-size: 19px;
  font-weight: normal;
}
.prorxmod {
  max-width: 1160px;
  margin: 0 auto;
  margin-top: 70px;
}
.promod {
  margin: 0 80px;
  width: 30%;
  display: flex;
  align-items: center;
}
.prorxmod .slick-next {
  right: -12rem;
  background: url(../image/pror.png) no-repeat center center;
  background-size: cover;
  bottom: 25rem;
}
.prorxmod .slick-next::after {
  content: '';
  width: 120px;
  border-top: 1px solid #333333;
  position: absolute;
  left: -160px;
  top: 47%;
}
.prorxmod .slick-prev {
  left: -12rem;
  background: url(../image/prol.png) no-repeat center center;
  background-size: cover;
  bottom: 18rem;
}
.prorxmod .slick-prev::after {
  content: '';
  width: 120px;
  border-top: 1px solid #333333;
  position: absolute;
  right: -160px;
  top: 47%;
}
.prorxmod .slick-arrow {
  position: absolute;
  font-size: 0;
  top: 50%;
  z-index: 9;
  width: 37px;
  height: 37px;
  margin-top: -50px;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: .8s;
}
.prolistmod {
  background: url(../image/probglist.png) center top no-repeat #fff;
  background-size: 100% 100%;
  margin-top: 160px;
}
.prolistbox {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.prolist_l {
  width: 24%;
  margin-top: -6.5%;
}
.prolist_r {
  width: 72%;
margin-top: 100px;
}
.prolisttab {
  width: calc(75% - 40px);
  position: absolute;
  top: -6.5%;
  right: 0px;
  padding: 40px 20px 40px;
  background-color: #035cb8;
  display: flex;
  justify-content: space-between;
  z-index: 8;
}
.proclassbox {
  width: calc(100% - 90px);
  display: flex;
  justify-content: space-around;
  padding-right: 20px;
  flex-wrap: wrap;
}
.proclasslist {
  font-size: 17px;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
.classon {
  font-size: 20px;
  border-bottom: 4px solid #fff;
}
.formorepro {
  width: 90px;
  height: 47px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 47px;
  font-size: 17px;
  color: #fff;
  cursor: pointer;
}
.prolist_l .pro_lmod:last-child {
  margin-bottom: 0px;
}
.pro_lmod {
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  margin-bottom: 45px;
  cursor: pointer;
}
.pro_rmod {
  width: 32%;
  padding-bottom: 15px;
  cursor: pointer;
  margin-right:2%;
}
.pro_rmod:nth-child(3n) {
  margin-right: 0;
}
.pro_lmod div {
  width: 83%;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
    overflow: hidden;
}
.pro_rmod div {
  width: 100%;
  text-align: center;
  position: relative;
}
.pro_lmod div .proimg {
  position: absolute;
  bottom: 0px;
  /* left: 12%; */
  z-index: 2;
  height: 100%;
  /* max-width: 100%; */
  /* max-width: 76%; */
}
.pro_rmod div .proimg {
  position: absolute;
  bottom: 0px;
  /* left: 24%; */
  z-index: 2;
  max-width: 100%;
  /* max-width: 52%; */
  height: 100%;
}
.pro_lmod div .bgprobg, .pro_rmod div .bgprobg {
  width: 100% !important;
  left: 0px;
  max-width: 100%;
  z-index: 1;
}
.pro_lmod .prolisttit {
  font-size: 27px;
  color: #333;
  margin-top: 15px;
}
.pro_rmod .prolisttit {
  font-size: 20px;
  color: #333;
  margin-top: 20px;
}
.pro_lmod .prolistclass {
  font-size: 24px;
  color: #666666;
  margin-top: 5px;
}
.pro_rmod .prolistclass {
  font-size: 18px;
  color: #666666;
  margin-top: 5px;
  display: none;
}
.pro_rmod .prolistclass1 {
  font-size: 14px;
  color: #666666;
  margin-top: 5px;
  min-height: 55px;
}
.pro_rmod .botline {
  width: calc(100% - 40px);
  padding-bottom: 30px;
  border-bottom: 1px solid #333;
}
.proysmod {
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 1200px;
  margin-top: 90px;
  position: relative;
}
.proysmod img {
  width: 100%;
}
.ysposlt {
  position: absolute;
  top: -1%;
  left: 2%;
  width: 24%;
}
.ysposlb {
  position: absolute;
  top: 36%;
  left: 2%;
  width: 24%;
}
.ysposrt {
  position: absolute;
  top: -1%;
  right: 2%;
  width: 24%;
}
.ysposrb {
  position: absolute;
  top: 36%;
  right: 2%;
  width: 24%;
}
.proystit {
  font-size: 20px;
  color: #6a0303;
  font-weight: bold;
  margin-bottom: 50px;
  width: 100%;
  text-align: center;
}
.proysmain {
  width: 100%;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  padding-left: 30px;
  position: relative;
}
.proysmain::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #333333;
  position: absolute;
  top: 10px;
  left: 0px;
}
@media (max-width: 1630px) {
    .index-about .index-aboutfl .yylyint {
    font-size: 32px;
    margin-top: 6%;
}
.index-about .index-aboutfl .yylytiten {
    font-size: 18px;
}
.index-about .index-aboutfl .yylytit {
    font-size: 36px;
    margin-top: 80px;
}
.index-about .index-aboutfl .yylyproimg {
    width: 30%;
    margin-top: 40px;
}
}

@media (max-width: 1460px) {
  .index-about .index-aboutfl .yylytit{font-size: 36px;margin-top: 80px;}
  .index-about .index-aboutfl .yylytiten{font-size: 18px;}
  .index-about .index-aboutfl .yylyint{font-size: 32px;margin-top: 6%;}
  .index-about .index-aboutfl .yylyinten{font-size: 16px;}
  .toaboutus{width: 200px;height: 50px;line-height: 50px;margin-top: 10%;font-size: 20px;}
  .yylytitlist p{margin: 0 1% 0 1%;font-size:17px;}
  .yylytitlist .titactive {
    font-size: 20px;
    color: #333333;}
  .procenter{padding-top: 50px;padding-bottom: 50px;}
  .prorxmod{margin-top:50px;}
  .prorxmod{margin-top:120px;}
  .formorepro{display: none;}
  .proclassbox{padding-right: 0;width: 100%;}
  .index-about .index-aboutfl .yylyproimg{width: 30%;margin-top: 40px;}
  .prolist_l{width: 25%;}
  .prorxmod .slick-next::after{display: none;}
  .prorxmod .slick-prev::after{display: none;}
  .prorxmod .slick-prev{left: 2rem;}
  .prorxmod .slick-next{right: 2rem;}
  .thrsl{-webkit-line-clamp: 2;}
  .pro_rmod .prolistclass1{min-height: 44px;}
  .pro_rmod .botline{padding-bottom: 20px;}
 
    .casemod{margin-top: 60px;}
    .casemod .protit_pc{width: 90%;}
    .mingpai{padding-top: 60px;height: unset;}
    .gsjsmod h2{font-size:36px;}
    .gsjsmod p{font-size:16px;margin-right:0;}
    .tjnumbox{padding: 50px 80px;}
    .index-about{margin-top:40px;}
    .gsjsmod .knowmore{margin-top: 5%;margin-bottom: 5%;}
    .prolistbox{padding:0 50px;}
    .pro_rmod .prolistclass{display: none;}
    .pro_rmod .prolisttit{font-size: 18px;}
    .pro_rmod{margin-bottom:20px;}
    .pro_lmod{margin-bottom:20px;}
    .pro_lmod .prolisttit{font-size: 24px;}
    .pro_lmod .prolistclass{display: none;}
    .prolist_l .pro_lmod:last-child{margin-bottom: 0;}
}


@media (max-width:1200px) {
  .index-about .index-aboutfl .yylytit, .index-about .index-aboutfl .yylytiten {
    display: none;
  }
}
@media (max-width:768px) {
  .xymob-head-box .xymob-logo {
    margin-top: 10px;
    top: 0;
  }
  .xymob-head{background-color: #333;}
  .xymob-head-box .xymob-logo img{height: 40px;}
  .x-banner .slick-arrow {
    width: 28px;
    height: 28px;
    top: 75%;
  }
  .x-banner .slick-next {
    right: 3%;
  }
  .mingpai{padding-top: 0;}
  .mingpairight_m .ljzxbtn {
    width: 100px;
  }
  .gssb{display: none;}
  .x-banner .slick-prev {
    left: 3%;
  }
  .tonextp {
    display: none;
  }
  .protit_pc {
    display: none;
  }
  .protit_m {
    display: block;
  }
  .pro .homeonedh {
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
    height: auto;
  }
  .formobile {
    display: flex !important;
  }
  .pro .homeonedh li {
    margin-left: 0px;
  }
  .title {
    display: block;
    height: auto;
  }
  .pro2 ul li a {
    width: 100%;
  }
  .pro2 ul li a.homeonetit {
    padding: 1.5rem 1.125rem;
    width: 100%;
  }
  .pro2 ul li a.homeonetit p {
    margin-bottom: 0.625rem;
  }
  .casemod {
    margin-top: 35px;
  }
  .container02 {
    margin-bottom: 20px;
  }
  .casemodind {
    /* margin-bottom: 35px; */
    font-size: 13px;
  }
  .morepro {
    display: block;
    width: 9rem;
    height: 3rem;
    line-height: 3rem;
    color: #fff !important;
    font-size: 14px;
    background-color: #646464;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto;
  }
  .probtnmod {
    width: 40px;
    height: 40px;
  }
  .footers {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer-mid-left dl {
    width: 50%;
    margin-right: 0;
    margin-top: 0;
    height: 210px;
  }
  .footer-mid-left dl:nth-child(5) {
    width: 100%;
  }
  .four-column {
    display: block
  }
  .four-column .concern-cart {
    display: block;
  }
  .footers {
    padding-bottom: 80px;
  }
  .n-list1 li a b {
    font-size: 16px;
  }
  .n-list1 li a p {
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 15px;
    line-height: 18px;
  }
  .n-list1 li a .more {
    margin-top: 0px;
    width: 100px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
  }
  .newsl {
    width: 100%;
  }
  .indnews {
    padding-bottom: 20px;
    background: #f3f4f4;
    margin-top: 0px;
    padding-top: 20px;
  }
  .news2 {
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 0px;
    width: calc(100% - 20px);
  }
  .aboutmod {
    /* width: calc(100% - 0px);
    padding: 0 10px;
    padding-bottom: 40px;
    background: url(/skin/images/zaboutusy1.png) center no-repeat;
    background-size: 100% 100%;
    position: inherit; */
  }
  .index-aboutfr .slick-arrow {
    display: none !important;
  }
  .index-aboutfl {
    padding-right: 0px;
  }
  .abouttit {
    font-size: 18px;
    text-align: center;
  }
  .index-about .index-aboutfr {
    position: inherit;
  }
  .gsjsmod h2 {
    font-size: 20px;
    margin-bottom: 18px;
  }
  .gsjsmod p {
    font-size: 14px;
    margin-right: 0px;
    line-height: 28px;
  }
  .gsjsmod .knowmore {
    width: 150px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .tjnumbox {
    margin-top: 0px;
    width: 100%;
    padding: 20px 15px 0 15px;
    background-size: cover;
    border-radius: 0;
  }
  .tjnum_mod {
    width: 50%;
    margin-bottom: 20px;
  }
  .tjnum_mod img {
    width: 50px;
    height: 50px;
  }
  .nummod {
    margin-top: -5px;
    margin-left: 5px;
  }
  .nummod p {
    line-height: 20px;
    font-size: 22px;
  }
  .nummod p:last-child {
    margin-top: 5px;
  }
  .newsl .con {
    padding-bottom: 40px;
    padding: 0 15px;
  }
  .aboutinfo{margin-right: 20%;}
  .news-index {
    margin-top: 0px;
  }
  .reasonmod {
    margin-top: 35px;
  }
  .reasonmod h2 {
    font-size: 25px;
    margin-bottom: 40px;
  }
  .reasonword {
    font-size: 14px;
    height: 60px;
    border-radius: 8px;
    width: 95%;
  }
  .indreason {
    padding-bottom: 40px;
    padding-top: 10px;
  }
  .index-about .index-aboutfl .yylyint {
    font-size: 20px;
    color: #333;
    margin-top: 20px;
  }
  .index-aboutfl {
    justify-content: center;
  }
  .index-about .index-aboutfl .yylyinten {
    font-size: 14px;
  }
  .yylytitlist {
    width: 100%;
    height: 30%;
    background-color: rgb(0, 0, 0, 0.3);
  }
  .yylytitlist p {
    color: #ffffff;
    font-size: 14px;
    margin-left:4%;
    margin-right: 4%;
    text-align: center;
  }
  .yylytitlist .titactive {
    color: #ffffff;
    font-size: 14px;
  }
  .prolisttab {
    width: 100%;
    padding: 10px 5px 10px;
    background-color: #646464;
    display: flex;
    justify-content: space-between;
  }
  .prolist_r {
    width: 100%;
  }
  .prolistmod {
    margin-top: 60px;
  }
  .pro_rmod {
    width: 49%;
    margin-right:2%;
  }
  .pro_rmod:nth-child(3n){
    margin-right:2%;
  }
  .pro_rmod:nth-child(2n) {
    margin-right: 0;
  }
  .pro_rmod .prolisttit{font-size: 16px;}
  .prolisttab{position: unset;}
  .prolistbox {
    display: block;
    padding: 0 15px;
  }
  .proclasslist {
    font-size: 12px;
    /*max-width: 22%;*/
  }
  .classon {
    font-size: 14px;
    border-bottom: 2px solid #fff;
  }
  .proclassbox {
    padding-right: 0px;
  }
  .proclasslist{width: 35%;text-align: center;
    height: 30px;
    line-height: 30px;}
  .formorepro {
    width: 60px;
    height: 30px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
  }
  .proysmod {
    margin-top: 50px;
  }
  .proysmain {
    display: none;
  }
  .proystit {
    font-size: 16px;
  }
  .ysposlt {
    top: -8%;
    left: 5%;
  }
  .ysposrt {
    top: -8%;
    right: 5%;
  }
  .ysposlb {
    top: 29%;
    left: 5%;
  }
  .ysposrb {
    top: 29%;
    right: 5%;
  }
}