.motit{overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.mocont{overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/

.moimg{border-radius:1rem 0 0 1rem;}


.footer{position: fixed;left:0;bottom:0;max-width:767px;margin:0 auto;right: 0;height: 60px;z-index: 999}
.scroll-top {position: absolute;right: 15px;bottom:10px;transform: translateY(0);}
.scroll-top .code{box-shadow: 3px 3px 5px rgb(0 0 0 / 50%);}

.Code-page{min-height:calc(100vh - 80px);height: 100%;}
.Code-page .Code-block{margin-top: 1rem}
.Code-page .Code-block .code{margin-top: 3rem;width: 80%;padding:2rem;margin-bottom: 3rem}
.Code-page .Code-block .code .icon{margin-top: -5rem}
.Code-page .Code-block .code .name{margin-bottom: 2rem}
.Code-page .Code-block .bts a{padding:0.6rem 1rem}
.Code-page .Code-block .bts{width: 80%}
.icon-box{margin-left: auto}
header{height: 80px;transition: all 2s ease}
/*.logo,.top-title{transition: all 2s ease}*/
.inner header{top:0}
header .header #collapseNav{top:80px}
body .blueText{flex-grow: 1;text-align: center}
.Product .Product-list{padding-bottom: 80px}
.inner .artcle .right .mplaying .mask .before i { margin-left: 0;}
.video-progress{height:4px;background: #0C4DA2;width: 0%;margin-top: 10px}
.inner .more-items .swiper-slide .txt{flex-grow: 1;flex-basis: 70%}
.inner .more-items .swiper-slide .boximg{flex-grow: 1;flex-basis: 30%}
.inner .more-items .swiper-slide{flex-basis: 80%;margin-right: 5%;}
.items .boximg{height: 250px;border-radius: 1rem 1rem 0 0 ;overflow: hidden;}
.items .boximg img{width: 100%;height: 100%;object-fit: cover;}
main.inner{padding-bottom: 60px;}
.inner header .header .left .icon-box .btn span{background:#0C4DA2}
header .header .container .left{padding:8px 0}

.Product .topnav{padding-left: 0;width:100%;overflow: hidden}
.Product .topnav .mySwiper{width: 100%;height: 40px}
.more-swiper{width: 100%;overflow: hidden}
.more-swiper .mySwiper {width: 100%;overflow: hidden}
.logo img{max-width: 60px}
.logo2{display:none}

.content p{text-align: justify;}

.langinbox{position: fixed;top:0;left:0;z-index: 9999;background: rgba(0,0,0,0.5);width: 100%;height:100%;display: flex;align-items: center;justify-content:center;}
.lnin-cont{}
.inlangbtn{border-radius: 3rem;
  margin: 0 5px;
  padding: 8px 50px;
  border: 0;
  outline: 0;
  color: #ffffff;
  text-align: center;
  background-image: linear-gradient(to right, rgba(47,125,227,.8), rgba(14,80,166,0.8));
  display: block;
  margin:20% 0;
}