h3{font-weight: bold;}
.banner{z-index: 999;width: 100%;}
.banner .swiper-slide{width: 100% !important;}
.banner .swiper-slide .inner{display: flex;align-items: center; position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-slide .inner .container{
  display: flex;
  justify-content: flex-end;
}
.banner .swiper-slide  img{width: 100%;}
.banner .swiper-slide .inner .container .in{
  width: 726px;
  height: 670px;
  background: url(../images/Polygon.png);
  color: #fff;
  background-size: cover;
  box-sizing: border-box;
  padding: 11rem 10rem;
}
.banner .swiper-slide-active .in{animation: smoke 5s ease-in-out infinite;} 
.banner .swiper-button-prev{left: 5%;}
.banner .swiper-button-next{right: 5%;}
.banner .swiper-pagination{bottom: 3rem; }



@keyframes smoke {
0%, 100% {
  transform: translate(0%) translateY(10px);
}
50% {
  transform: translate(0%) translateY(0px);
}
}





.title {
  position: relative;

}


.edit-button{width: 45px;height: 45px;position: absolute;right: 1rem;top: 2rem;border-radius: 50%;background: #F2FAE3;display: flex;align-items: center;justify-content: center;display: none;}
.login-block{position: relative;overflow: hidden;padding-bottom: 10%;z-index: 1;}
.bgindex{width: 100vw;height: 100%;background: url(../images/bg.png) no-repeat top center;background-size: cover;}
.login-block .box{
  position: relative;
  padding: 2.1rem 3rem;
  box-shadow: 0 3px 24px rgba( 0, 0, 0, 0.11);
  margin: 2rem 0;
  background: #fff;
  border-radius: 20px;
}
.login-block .box h1{text-align: center;color: #707070;font-weight: bold;}
.login-block .box h1::after{
  content: '';
  display: block;
  margin: 1rem auto;
  width: 60px;
  height: 3px;
  background: #1D9336;
}
.login-block .box p{text-align: center;margin-bottom: 0;color: #707070;font-weight: normal;}
.login-block .box p a{color: #1D9336;text-decoration: underline;font-weight: bold;}
.login-block .box form .form-group{
  display: flex;
  align-items: center;
  border-bottom: 3px solid #EAF2EB;
  padding: 1rem 0;
  margin: 1rem 0;
  position: relative;
}
.login-block .box form .form-group label{width: 40px;}
.login-block .box form .form-group label.error{
  width: 100%;
  position: absolute;
  font-size: 14px;
  color: red;
  left: 0;
  bottom: 0rem;
} .box form .form-group input{width: 95%;color: #878787; border: none; outline: none;box-shadow: none;}
.login-block .box form .form-group input{width: 95%;color: #878787; border: none; outline: none;box-shadow: none;}
.login-block .box .forget{color: #707070;text-align: center;text-decoration: underline;display: block;}
.login-block .box .forget:hover{color: #1D9336;}
.login-block .box form button,.login-block .txt a{font-weight: bold; border: none; border-radius: 30px;padding: 1rem;width: 246px; display: block;margin: 2rem auto;text-align: center; background: transparent linear-gradient(90deg, #3AB452 0%, #85D968 100%) 0% 0% no-repeat padding-box;color: #fff !important;}
.login-block .box form button:hover,.login-block .txt a:hover{ background: transparent linear-gradient(90deg, #85D968 0%, #3AB452 100%) 0% 0% no-repeat padding-box;color: #fff !important;}
.login-block .border{border: 1px solid #9D9D9D !important;height: 90vh;background: #fff;}
.login-block .border h3{color: #707070;}
.login-block .border .txt *{margin-bottom: 2rem;color: #707070;
  /* word-break: break-all; */
}
.login-block .border .txt h4{color: #2E2E2E;font-weight: bold;}
.login-block .bar{position: relative;z-index: 999; width: 100%; background: #fff;border-radius: 20px;padding: 1.5rem;box-shadow: 0 6px 12px rgba( 0, 0, 0, 0.16);}
.login-block .in{}
.login-block .in .boximg{
  position: absolute;
  right: -2rem;
  top: 0rem;
  width: 58%;
  height: 100%;
  display: flex;
  align-items: center;
}

.login-block .in .col-md-6{height: 100%;}
.login-block .in  .lo{width: 100%;height: 100%;object-fit: cover;}



.home-block{position: relative;}
.home-block .Sta{position: sticky;padding: 0; top: 106px;left: 0;height: 90vh;box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.16);}
.home-block .bar-left{ flex-direction: column;height: 100%; box-sizing: border-box;padding: 2rem;background: #fff;}
.home-block .bar-left .navs{display: block;width: 100%;}
.home-block .bar-left .navs a{display: flex;align-items: center;font-weight: bold; width: 100%;margin-bottom: 1rem;border-radius: 30px;padding: 1rem 2rem;color: #858585;}
.home-block .bar-left .navs a img{margin-right: 1rem;}
.home-block .bar-left .navs a .ic2{display: none;}
.home-block .bar-left .navs a.active{background: transparent linear-gradient(90deg, #3AB452 0%, #85D968 100%) 0% 0% no-repeat padding-box;color: #fff;}
.home-block .bar-left .navs a.active .ic1{display: none;}
.home-block .bar-left .navs a.active .ic2{display: block;}
.home-block .bar-left .answer{width: 100%;}
.home-block .bar-left .answer .y{width: 130px;height: 130px;border-radius: 50%;background: #EEFFE8;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.home-block .bar-left .answer p{text-align: center;color: #8F8F8F;}
.home-block .bar-left .answer .bntmore{display: inline-block;margin: 0 auto;}
.home-block .content{padding: 2rem;position: relative;}
.home-block .content .box{position: relative; border-radius: 30px;background: #fff;padding: 2.5rem;box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.16);}
.home-block .content .box .user a{display: block;text-align: center;text-decoration: underline;}
.home-block .content .box .user{width: 40%;margin: 0 auto;}
.home-block .content .box .user img{display: block;margin: 0 auto;}
.home-block .content .box ul{width: 60%;}
.home-block .content .box ul li{list-style: none;margin: 1rem 0; display: flex;flex-wrap: wrap;}
.home-block .content .box ul li span{color: #A5A5A5;}
.home-block .content .box ul li b{color: #31aa49;font-weight: bold;}
.home-block .content .box .title{left: 50%;transform: translate(-50%,-100%);margin-top: -5rem;position: relative;}
.home-block .content .box .title:hover{background: transparent linear-gradient(90deg, #3AB452 0%, #85D968 100%) 0% 0% no-repeat padding-box;}
.home-block .content .box .news a{position: relative; display: flex;align-items: center;border-bottom: 1px solid #E5E5E5;padding: 1rem 0;}
.home-block .content .box .news a::after{content: '';display: block;width: 0%;height: 1px;background: #31aa49;position: absolute;left: 0;bottom: 0;transition: all 0.3s ease 0s ;}
.home-block .content .box .news a:hover::after{width: 100%;}
.home-block .content .box .news a .date{color: #8F8F8F;white-space: nowrap;}
.home-block .content .box .news2 a{justify-content: space-between;}
.home-block .content .box .news a p{
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 70%;
}
.home-block .content .box .news .icos{width: 56px;height: 56px;background: #EEFFE8;border-radius: 14px;display: flex;align-items: center;justify-content: center;}
.home-block .content .box .news .r{margin-left:1rem;}
.home-block .content .box .news .r b{display: block;}
.home-block .content .box .news2 .r{text-align: right;}
.home-block .content .box .news2 .r b{display: block;text-align: right;}
.home-block .content form .form-group{display: flex;align-items: center;justify-content: space-between;}
.home-block .content form .form-group label{white-space: nowrap;color: #929292;margin-right: 0.5rem;}
.home-block .content form .form-group input{padding: 0.5rem;border-radius: 8px;border: 1px solid #ACACAC;}
.home-block .content form .form-group button{width: 39px;height: 39px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: transparent linear-gradient(90deg, #3AB452 0%, #85D968 100%) 0% 0% no-repeat padding-box;color: #fff;margin-left: 1rem;}
.home-block .content form .form-group button.profile-submit{
  border-radius: 30px;
  padding-left: 2rem;
  padding-right: 2rem;
  width: auto;
  height: 41px;
}
.home-block .content form .form-group.flex-wrap{display: block !important;}
.home-block .content form .form-group.flex-wrap label{margin-bottom: 0.5rem;font-weight: normal;margin-top: 0.5rem;}
.home-block .content form .form-group.flex-wrap input{border: 1px solid #EBEBEB;font-weight: normal;font-family: 'Microsoft JhengHei';color: #31aa49;}
.home-block .content .forms{border-left: 1px solid #E8E8E8;box-sizing: border-box;padding-left: 5%;}
.home-block .content form .form-group.flex-wrap .input-group{width: 95%;}
.home-block .content form .form-group.flex-wrap .input-group #areacode{width: 20%;}
.home-block .content form .form-group.flex-wrap .input-group #phone{width: 80%;}
@media screen and (min-width:1600px){
  .home-block .content form .form-group.flex-wrap .input-group #areacode{width: 15%;}
  .home-block .content form .form-group.flex-wrap .input-group #phone{width: 85%;}
}
.home-block .content .box table td,.home-block .content .box table th{padding: 1rem 0;font-weight: bold;vertical-align: middle;}
.home-block .content .box table td:nth-child(1),.home-block .content .box table th:nth-child(1){width: 49%;}
.home-block .content .box table th{color: #929292;}
.home-block .content .box table td{color: #31aa49;}
.home-block .content .box table a{display: inline-block;border: 1px solid #3AB452;border-radius: 30px;padding: 0.8rem 2rem;color: #3AB452;margin: 0.5rem;}
.home-block .content .box table a:hover{background: transparent linear-gradient(90deg, #85D968 0%, #3AB452 100%) 0% 0% no-repeat padding-box;color: #fff !important;}
.home-block .content .txt b{display: block;}
.home-block .content .txt p{margin-bottom: 1.5rem;margin-top: 0.5rem;font-weight: normal;}
.home-block .content .video img{width: 100%;}
.home-block .content .scrol{height: 450px;width: 100%; overflow-y: scroll;box-sizing: border-box;padding-right: 1rem;}
.home-block .content .gonggao a{display: flex;justify-content: space-between;align-items: center;background: #F6FEF3;border-radius: 10px;padding: 1rem;margin-top: 1rem;color: #3AB452;}
.home-block .content .gonggao a:hover{background: #31aa49;color: #fff !important;}
.home-block .content .file{border: 1px dashed #AEE29B;width: 100%;min-height: 120px;border-radius: 20px;background: #F7FFF5;position: relative;display: flex;align-items: center;justify-content: center;}
.home-block .content .file .form-group{display: flex;align-items: center;justify-content: center;height: 100%;}
.home-block .content .file .form-group b{display: block;}
.home-block .content .file .form-group p{margin-bottom: 0;color: #858585;width: 85%;}
.home-block .content .file input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.pup .file{border: 1px dashed #AEE29B;width: 80%;min-height: 120px;border-radius: 20px;background: #F7FFF5;position: relative;display: flex;align-items: center;justify-content: center;}
.pup .file .form-group{display: flex;align-items: center;justify-content: center;height: 100%;}
.pup .file .form-group b{display: block;}
.pup .file .form-group p{margin-bottom: 0;color: #858585;}
.pup .file input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.pup form{display: flex;justify-content: space-between;align-items: center;}


.home-block .content .sort{border-left: 1px solid #C9C9C9;margin-left: 1.5rem;padding-left: 1rem;display: flex;align-items: center;}
.home-block .content .sort a{margin-left: 1rem;}
.home-block .content .sort .is1{display: none;}
.home-block .content .sort .active .is1{display: block;}
.home-block .content .sort .active .is2{display: none;}
.home-block .content .box .items{border-bottom: 1px solid #D4D4D4;padding: 1.5rem 0;}
.home-block .content .box .items p{margin-bottom: 0.5rem;}
.home-block .content .box .items.flex3{width: 33%;}
.home-block .content .box .items.flex3 .row .col-sm-12{width: 100%;margin-top: 1rem;margin-bottom: 1rem;}
.home-block .content .box .swiper-slide ul{padding-left: 0; display: flex;align-items: center;width: 100%;}
.home-block .content .box .swiper-slide ul li{margin-right: 2rem;margin-top: 0;margin-bottom: 0.5rem;}
.home-block .content .box .swiper-slide .txt p{margin-bottom: 1rem;font-weight: bold;}
.home-block .content .question .arrow{position: relative;height: 54px;width: 100%;display: flex;}
.home-block .content .question .arrow .swiper-button-prev{left: 0;}
.home-block .content .question .arrow .swiper-button-next{right: 0;}
.home-block .content .question .arrow .swiper-button-prev.swiper-button-disabled{display: none;}
.home-block .content .question .arrow .swiper-button-next.swiper-button-disabled{display: none;}
.home-block .content .question .arrow .swiper-button-prev,.home-block .content .question .arrow .swiper-button-next{position: relative; width: 179px;margin-right: 1rem;text-align: center;display: flex;align-items: center;justify-content: center;float: left;}
.home-block .content .question .arrow .swiper-button-next:after,.home-block .content .question .arrow .swiper-button-prev:after{display: none;}
.home-block .content .question .arrow .submit{
  display: none;
  position: relative;
  width: 179px;
  text-align: center;
  align-items: center;
  justify-content: center;
  float: left;
  top: 50%;
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  border: none;
  white-space: nowrap;
}
.home-block .content .question .tags{display: flex;align-items: center;margin-bottom: 0;}
.home-block .content .question .tags dd{display: flex;align-items: center;}
.home-block .content .question .tags dd::before{content: '';display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 5px;background: red;}
.home-block .content .question .tags dd:nth-child(1){color: #e95751;margin-right: 1rem;}
.home-block .content .question .tags dd:nth-child(2){color: #3AB452;}
.home-block .content .question .tags dd:nth-child(2)::before{background: #3AB452;}
.home-block .content .question .bt{display: flex;align-items: center;color: #858585;}
.home-block .content .question .bt .number{width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #efefef;margin-right: 5px;}
.home-block .content .question .ul ul{width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-block .content .question .ul ul li{width: 24%;border-radius: 10px;border: 1px solid #999;padding: 15px;}
.home-block .content .question .ul ul li p{margin-bottom: 0;}
.home-block .content .question .ul ul li.border-green{border-color: #3AB452;color: #3AB452;}
.home-block .content .question .ul ul li.redback{background: #e95751;color: #fff;border: 1px solid #e95751;}
.home-block .content .question .ul ul li.greenback{background: #3AB452;color: #fff;border: 1px solid #3AB452;}
.home-block .content .question .record{border-radius: 20px;background: #60b05d;color: #fff;overflow: hidden;margin-left: 2rem;box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.16);}
.home-block .content .question .record  .re-top{padding: 1.5rem;}
.home-block .content .question .record  .re-top h5{text-align: center;margin-bottom: 0;}
.home-block .content .question .record  .re-bottom{padding: 1.5rem;background: #326b2d;}
.home-block .content .question .record  .re-bottom span{display: flex;justify-content: space-between;}
.home-block .content .question .record  .re-bottom span:nth-child(1){margin-bottom: 1.5rem;}
.home-block .content .question .bordre-top{border-top: 1px solid #efefef;}


.home-block .content .box .ar{position: relative;width: 85%;}
.home-block .content .box .ar .swiper-pagination-progressbar{background: #EBEBEB;height: 13px;border-radius: 30px;overflow: hidden;top: 50%;transform: translateY(-50%);}
.home-block .content .box .ar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #3AB452;border-radius: 30px;}
.home-block .content .download{text-align: center;white-space: nowrap;display: flex;align-items: center;justify-content: center;}
.home-block .content .btnmore.back{margin-right: 1rem;background: rgba( 0, 0, 0, 0.35);}
.home-block .content .btnmore.back:hover{background: rgba( 0, 0, 0, 0.5);}
@media screen and (max-width:575px){
  .home-block .content .btnmore.back{margin-right: 0;}
  /* .home-block .content .btnmore{width: 45%;} */
}
.home-block .content .address dd{display: flex;align-items: center; background: #F5F5F5;border-radius: 15px;margin-top: 1rem;padding: 1rem;}
.home-block .content .address dd b{width: 85%;margin-left: 1rem;
  /* word-break: break-all;  */
}
.home-block .content .address dd i{width: 40px;height: 40px;border-radius: 10px;box-shadow: 0 6px 12px rgba( 0, 0, 0, 0.16);display: flex;align-items: center;justify-content: center;background: #fff;}
.home-block .content .mrg{margin-right: 3rem;}
.i1{position: fixed;left: -10%;top: 0;z-index: -1;}
.i2{position: fixed;right: 0%;bottom: 0%;z-index: -1;}




/*滚动条的宽度*/
.home-block .content .scrol::-webkit-scrollbar {
  width:9px;
  height:9px;
}
/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.home-block .content .scrol::-webkit-scrollbar-track {
  width: 6px;
  background-color:#fff;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}

/*滚动条的设置*/
.home-block .content .scrol::-webkit-scrollbar-thumb {
  background-color:#3AB452;
  background-clip:padding-box;
  min-height:28px;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  border-radius:5em;
}
/*滚动条移上去的背景*/
.pup .sc::-webkit-scrollbar-thumb:hover {
   background-color:#fff;
}

/*滚动条的宽度*/
.pup .sc::-webkit-scrollbar {
  width:9px;
  height:9px;
}
/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.pup .sc::-webkit-scrollbar-track {
  width: 6px;
  background-color:#F8FCFF;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}

/*滚动条的设置*/
.pup .sc::-webkit-scrollbar-thumb {
  background-color:#3AB452;
  background-clip:padding-box;
  min-height:28px;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  border-radius:5em;
}
/*滚动条移上去的背景*/
.pup .sc::-webkit-scrollbar-thumb:hover {
   background-color:#F8FCFF;
}
.home-block .content .videolist .box{position: relative;overflow: hidden;}
.home-block .content .videolist .boximg{/*height: 240px;*/overflow: hidden;}
.home-block .content .videolist .boximg img{width: 100%;height: 100%;object-fit: cover;transition: all 0.35s ease;}
.home-block .content .videolist .box:hover .boximg img{transform: scale(1.1);}
.home-block .content .videolist .con{padding: 1.5rem; display: flex;align-items: center;justify-content: space-between;}
.home-block .content .videolist .con a{color: #fff;}
.home-block .content .videolist .con a i{margin-right: 5px;}
.home-block .content .videolist .con b{color: #A1A1A1;}


header .header .logo img{
  width: 100%;
  max-width: 340px;
}

@media (max-width: 1680px) {
  .login-block{padding-bottom: 8%;}
}
@media (max-width: 1532px) {
  .banner .swiper-slide .inner .container .in{
    width: 626px;
    height: 570px;
    padding: 9rem;
  }
  
}
@media (max-width: 1440px) {
  header .header .right .r {
     width: 40%;
  }
  .login-block{padding-bottom: 20%;}
  .btnmore{padding-left: 2rem;padding-right: 2rem;}
  header .header .logo{width: 30%;}
  .home-block .Sta{height: 92vh;top: 90px;}

}
.cons a{padding-left: 2.5rem;padding-right: 2.5rem;}
@media (max-width: 1366px) {
  .cons a{width: 100%;padding-left: 0.5rem;padding-right: 0.5rem;text-align: center;}
  .btnmore{font-size: 16px;}
}
@media (max-width: 1280px) {
  .Publications-blcok .Publications .list .content .right{width: 80%;}
  .contact-blcok dl dd span{width: 85%;}
  .wid{width: 100%;}
}
.menu-toggle {
  display: none;
  
}
header .nav-box .nav .c{display: none;}
.topbar .right .logo-r{
  width: 40%;
}
.topbar .right .logo-r a:first-child{margin-right: 1rem;}
@media (max-width: 1280px) {
  header .nav-box{display: flex;justify-content: flex-end;}
  header .topmenu{padding: 1rem 0;}
  header .header .topmenu .toptextright{display: block;}
  header .header .topmenu .toptextright{margin: 2rem 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding-top: 2rem;}
  .topbar .toptextright{display: none;/*width: 100%;*/justify-content: flex-end;}
  .home-block .Sta{width: 20%;top: 86px;}
  .home-block .Str{width: 80%;}
  .home-block .content form .col-md-3{width: 40%;}
  .home-block .content .box table td:nth-child(1), .home-block .content .box table th:nth-child(1) {
      width: 30%;
  }
  .home-block .content .question .record{margin-left: 0;}
  
}
@media (max-width: 1024px) {
  .menu-toggle {
    border: none;
    cursor: pointer;
    position: relative;
    width: 50px;
    display: block;
    height: 50px;
    background: transparent linear-gradient(90deg, #3AB452 0%, #85D968 100%) 0% 0% no-repeat padding-box;
    box-shadow: none;
    border-radius: 50%;
    margin-left: 1rem;
  }
  .menu-toggle .dashicons{display: block; width: 100%;height: 1.5px; background-color: #fff;margin: 0.3rem auto;}

  .login-block .box form button, .login-block .txt a{width: 150px;}
  .login-block .border{padding: 1.5rem !important;height: 75vh;}
  .Courses-blcok .imgs{position: relative;}
  .Courses-blcok .imgs img{display: block;margin: 2rem auto;}
  .ii1,.ii2,.ii3{display: none;}
  .login-block .box{padding: 3rem;}
  .login-block .in .boximg{top: auto;bottom: 0; width: 100%;display: none;}
  .login-block .in .col-md-5{width: 100%;}
  
  header .header .right .r,.topbar .right .logo-r{display: none !important;}
  header{background: none;box-shadow: none;position: relative;}
  header .header .logo{width: 50%;}
  header .header .right dl{display: none;}
  .logout img{margin-top: 0;}
  .home-block .Str{width: 100%;}
  footer .flo{display: none;}
  .index-footer footer{margin-top: 0;padding: 0rem 0 2rem 0;}

  .login-block .bar .logo-r{display: none !important;}
}
@media (max-width: 768px) {
  .login-block .box form button{width: 180px;height: 50px;display: flex;align-items: center;justify-content: center;}
  .login-block{width: 100%;margin: 0 auto;}
  
 
  header .header .right dl{display: none;}
  .login-block{padding-bottom: 7%;}
  .person {display: none;}
  .wid100{width: 100%;}
  .home-block .content .box .title{left: 0;transform: translate(0%,-100%);}
  .mtb-5{margin-top: 3rem;}
  .edit-button{display: flex;}
  .home-block .content form .col-md-3{width: 50%;}
  .home-block .content .box table td:nth-child(1), .home-block .content .box table th:nth-child(1) {
      width: auto;
      padding-left: 1rem;
      padding-right: 1rem;
  }
  .btnmore {
    padding-left: 1rem;
    padding-right: 1rem;
    /* width: 160px; */
    text-align: center;
  }
  .home-block .content .box .ar{width: 75%;}
  .home-block .content .box table a{padding: 0.6rem 2rem !important;height: 40px; font-size: 14px !important;width: 140px !important;text-align: center;}
  .home-block .content form .form-group.flex-wrap{width: 100%;}
  .home-block .content .box .user{width: 60%;}
  .home-block .content .mrg{margin-right: 0;margin-bottom: 2rem;}
  .pup form{flex-wrap: wrap;}
  .pup .file{width: 100%;}
  .pup .btnmore{width: 100%;margin-top: 1rem;}
  
}
@media (max-width: 767px) {
  .fs-dropdown{width: 100%;} 
  header .header .left{width: 86% !important;}
  header .header .left a{margin-right: 5px;}
  header .logo .imgs{width: 100%;}
  header .container{max-width: 100% !important;}
  footer .footer .sub-links{justify-content: center;}
  footer .footer .fnav li{width: 50%;text-align: center;margin-top: 0.5rem;margin-bottom: 0;}
  body .fs20{font-size: 18px;}
  body .fs36{font-size: 26px;}
  body .fs40{font-size: 28px;}
  body .fs48{font-size: 28px;}
  body .fs64{font-size: 34px;}
  body .fs24, body h2, body .h2{font-size: 20px;}
  .home-block .content {padding: 1.5rem;}
  .login-block .box {padding: 2.5rem;}
  .login-block .box form .form-group{margin: 0;}
  .login-block .border{padding: 1.5rem !important;height: auto;}
  header .header .logo{width: 80%;}
  .home-block .content .box{padding: 2rem 1.5rem;}
  .home-block .content .box .news a p{width: 100%;}
  .home-block .content .box .news a{flex-wrap: wrap;}
  .home-block .content .box .news a:nth-last-child(1){border-bottom: none;}
  .home-block .content .box .news3 a{flex-wrap: wrap !important;}
  .home-block .content .box .news2 a{flex-wrap: nowrap;}
  .home-block .content form .col-md-3{width: 100%;}
  .home-block .content .box table td:nth-child(1), .home-block .content .box table th:nth-child(1) {
    white-space: nowrap;
  }
  .table{width: 200%;}
  .btnmore{height: 43px; font-size: 14px;/*width: 133px;*/}
  .home-block .content form h4{margin-bottom: 0.8rem !important;}
  .logout{height: 50px;}
  .ssbox{flex-wrap: wrap !important;justify-content: flex-start !important;display: block !important;}
  .home-block .content .sort{display: none;}
  .home-block .content .box .items.flex3{width: 100%;}
  .home-block .content .box .ar{width: 50%;}
  .home-block .content .box .swiper-slide ul {flex-wrap: wrap;}
  .home-block .content .box .swiper-slide ul li{width: 40%;margin-right: 1rem;}
  .home-block .content .question .arrow .swiper-button-prev, .home-block .content .question .arrow .swiper-button-next{width: 124px;}
  .home-block .content .box table td, .home-block .content .box table th{white-space: nowrap;}
  body .fs18{font-size: 16px;}
  .home-block .content .forms{border-left: none;padding-left: 0;}
  .home-block .content .question .bt span{width: 70%;}
  .home-block .content .question .ul ul li{width: 48%;margin: 0.4rem 0;}

}
@media (max-width: 320px) {
  .home-block .content .question .arrow .swiper-button-prev, .home-block .content .question .arrow .swiper-button-next{width: 95px;}
  .home-block .content .box .ar{width: 40%;}
}
.pup .container{position: relative;}
.pup .close{
  position: relative;
  padding-bottom: 3rem;
  height: 30px;
  width: 25px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.pup .close::before{
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #000;
    transform: rotate(45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}
.pup .close::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #000;
    transform: rotate(-45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}
@media (max-width: 767px) {
  .four-block .newswi .swiper-slide a .boximg{height: 173px;}
}

header  .close{
  position: relative;
  padding-bottom: 3rem;
  float: right;
  overflow: hidden;
  height: 30px;
  width: 25px;
  z-index: 999;
}
header  .close::before{
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #000;
    transform: rotate(45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}
header .close::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #000;
    transform: rotate(-45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}



input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    appearance: none; 
    margin: 0; 
}
input[type=number] { 
  -moz-appearance: textfield;
}