html{letter-spacing:1px!important;overflow-x: hidden!important;}
.page-wrapper{ overflow-x: hidden!important; overflow-y: auto; }
:root {
  --bs-primary:#02BE6E; /*主色*/
  --bs-primary-rgba:2,190,110;/*主色*/
  --bs-gray: #7D7D7D;/*灰色*/
  --bs-gray-dark: #343a40;/*暗灰色*/
  --bs-gray-100: #FAFAFA;/*灰色100*/
  --bs-gray-200: #f6f6f6;
  --bs-gray-300: #E9E9E9;
  --bs-gray-400: #E3E3E3;
  --bs-gray-500: #BDBDBD;
  --bs-gray-600: #7D7D7D;
  --bs-gray-700: #575757;
  --bs-gray-800: #404040;
  --bs-gray-900: #232A34;
  --bs-red:#FF657B;/*红色*/
  --bs-info: #158CC1;/*信息色*/
  --bs-yellow: #ffc107;/*黄色*/
  --bs-green: #24C273; /*绿色*/
}
.container{ width: 1300px!important; }
/* 导航 */
.app-header-menu .menu{justify-content: center;}
.app-header-menu.drawer-on{padding: 10px;}
.app-header-menu.drawer-on .menu{justify-content: normal!important;}
.app-header-menu .menu > .menu-item.here > .menu-link{ background: var(--bs-primary);}
.app-header-menu .menu > .menu-item.here > .menu-link span{color: var(--bs-white)!important;}
.app-header-menu .menu > .menu-item.here > .menu-link .menu-arrow:after{background-color: var(--bs-white);}


.app-sidebar-logo-default{ height: 65px!important;}
.app-header .app-header-mobile-drawer{ width: 100%;}
.app-navbar .cursor-pointer{ margin-left: 10px;}
.app-navbar .cursor-pointer img{ width: 35px;height: 35px;}
/*banner========================================*/
.banner{ margin-bottom: 10px;}
.banner,
.banner .swiper-container,
.banner .swiper-container a{ float: left; width: 100%; height: 660px; overflow: hidden; position: relative;} 
.banner.banner .swiper-container .title-group{ }
.banner .swiper-container a{ display: flex; align-items: center; justify-content: center; }
.banner .swiper-container .title-group{ height: auto; }
.banner .swiper-container .title-info{ width: 1300px; position: absolute;left: 50%; margin-left: -650px; margin-bottom: 50px; color: #fff; text-align: left; padding: 0 15px; }
.banner .swiper-container .title-info h1{ width: auto; padding: 12px 20px; font-size: 26px; margin: -55px 0 0 0;font-weight: normal;display: inline-block; position: relative;}
.banner .swiper-container .title-info h1 span{ position: relative; z-index: 1; color: var(--bs-white)!important; }
.banner .swiper-container .title-info h1:after{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0;  background:var(--bs-primary); z-index: 0; opacity: 0.9;}

.banner .swiper-container .title-info p{ width: 50%; padding: 15px 20px; margin: 0; font-size: 15px; font-weight: normal; background:rgba(0, 0, 0, 0.5); opacity: 0.9; line-height: 26px!important;}
.banner .swiper-container img{ width: 100%; height: 100%;object-position: center;object-fit: cover;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  border-radius: 100px!important;  background: none; border: 2px solid #fff; opacity: 0.6;}
.swiper-pagination-bullet{ width: 10px!important; height: 10px!important; }
.swiper-pagination-bullet-active{  border: 2px solid var(--bs-primary)!important; }
.swiper-button-next,.swiper-button-prev{ display: none; }
.banner .download{ width: 100%; height: 115px; line-height: 115px; background: var(--bs-primary); position: absolute; bottom: 0; z-index: 99;backdrop-filter: blur(54px); color: #fff; font-size: 18px;}
.banner .download .info{ width: 1300px; margin: 0 auto!important; padding: 0!important;}
.banner .download .info .btn{ float: right; color:#fff;margin: 35px 0 0 0!important; padding: 10px 35px!important; border: 1px solid rgba(255, 255, 255, 1.0)!important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 130px!important; }

.page-header-search{ float: right; padding-top: 15px; position: relative; display: none;}
.page-header-search .input-group{ display: block!important; }
.page-header-search input{ width: 100%!important; position: relative; z-index: 0; border-radius: 3px!important;}
.page-header-search .input-group-btn{ position: absolute; right: 33px; z-index: 10;}
.page-header-search .input-group-btn .btn{ background:var(--bs-primary)!important; border: 1px solid var(--bs-primary)!important;}
.page-header-search .input-group-btn .btn i{}
.page-header-search .input-group-btn.btn-group{ left: 0; right: initial; z-index: 2;}
/*内容开始===============================*/
.page-head{ display: none; }
.page-content{ padding: 20px 0; }
.portlet.light{ border-radius: 0px!important; border: 1px solid var(--bs-gray-300);}
.todo-project-list .nav>li.active>a{ background: #fff!important; color: var(--bs-primary); }
.page-wrapper .page-wrapper-middle{ background:#fff!important; }
.search-content-1 .search-container>ul .search-item>.search-content>.search-title>a{ color: var(--bs-gray-900); }
.search-content-1 .search-container>ul .search-item>.search-content>.search-title>a:hover{ color: var(--bs-primary); }

.search-content-1 .search-container>ul .search-item>.search-content>.search-desc{ color: var(--bs-gray-600); line-height: 24px; }

/*栏目*/
.search-content-1 .search-container>ul{ padding: 0 30px 0 0; }
.search-content-1 .search-container>ul .search-item:nth-child(1){ padding-top: 0px; }
.search-content-1 .search-container>ul .search-item>a{float: left; width: 150px; padding-top: 115px; position: relative; display: inline-block;}
.search-content-1 .search-container>ul .search-item>a img{ width: 85%; height: 85%; position: absolute; top: 0; left: 0;object-position: center;object-fit: cover;}
.search-content-1 .search-container>ul .search-item>.search-content{ padding-left: 150px;}
.search-post-foot>.search-post-tags>li>a{ color: var(--bs-gray-800); font-weight: normal!important; }
.nav>li>a:focus, .nav>li>a:hover{ background: #fff!important; /*background:rgba(var(--bs-primary-rgba), 0.06)!important;*/color: var(--bs-primary);}
.todo-project-list .nav li a:hover .badge{background:rgba(var(--bs-primary-rgba), 0.9)!important}
.portlet.light>.portlet-title{min-height: 40px;}
.portlet.light>.portlet-title>.caption{ padding: 5px 0; }
.portlet.light>.portlet-title>.caption>.caption-subject{font-size: 15px;}
.todo-project-list ul li a{padding: 10px 0px;}
.search-page{ padding-top: 10px; }
.search-page .row .col-md-4{ margin: 0px 0 0 0; }
.search-page .row .col-md-4 .portlet:nth-child(1){ border-top:2px solid var(--bs-primary) ; }


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: var(--bs-primary)!important;border-color: var(--bs-primary)!important; color: var(--bs-white)!important;}
.pagination>li>a, .pagination>li>span{padding: 4px 10px;}
.search-post-meta{ display: none!important; }
.modulegroup{ margin: 0 0 0 0!important; padding: 50px 0 50px 0;}
.modulegroup .info{ width: 1300px; margin: 0 auto; }
.modulegroup .col-lg-12{ margin: 0 -10px; width: auto!important; }
.modulegroup.left{ border-top: 1px solid var(--bs-gray-300); margin-top: 55px; background: var(--bs-gray-200); }
.modulegroup.left .portlet.light .portlet-body{margin: 0 -10px;}
.modulegroup.left .search-content-1 .search-container>ul{padding: 0 0px 0px; margin: 0 -10px;}
.modulegroup.left .search-content-1 .search-container>ul .search-item{ float: left; width: calc(25% - 20px); margin: 0 10px 20px 10px; padding: 15px; border-bottom: none; background: #fff;}
.modulegroup.left .search-content-1 .search-container>ul .search-item>.search-content{ float: left; margin: 0!important; padding: 0!important; }
.modulegroup.left .search-content-1 .search-container>ul .search-item>.search-content>.search-title{ margin: 10px 0 10px 0; text-overflow: ellipsis;display: -webkit-box;
    -webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.modulegroup.left .search-content-1 .search-container>ul .search-item>.search-content>.search-desc{text-overflow: ellipsis;display: -webkit-box;
    -webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}

.modulegroup.left .search-content-1 .search-container>ul .search-item > a{ width: 100%; padding-top: 62%; display: inline-block; position: relative; margin: 0 0 15px 0; }
.modulegroup.left .search-content-1 .search-container>ul .search-item > a img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;object-position: center;object-fit: cover; margin: 0!important;}
.modulegroup.left .search-post-foot{ display: none; }


.modulegroup .portlet.light>.portlet-title{ border-bottom: none;}
.modulegroup .portlet.light>.portlet-title>.caption{ padding: 0px; }
.modulegroup .portlet.light>.portlet-title>.caption>.caption-subject,.links .title{ font-size: 22px; line-height: 22px; font-weight: normal!important; padding: 0 0 0 0px; color: var(--bs-gray-900);}
.modulegroup .portlet.light>.portlet-title>.caption>.caption-subject:before,.links .title:before{ width: 3px; height: 20px; background: var(--bs-primary); content: ""; display: inline-block; margin: 0px 10px 0 0; position: relative; top: 3px;}
.modulegroup .portlet.light{ padding: 0px; margin: 0px; border: none!important; background:none; }
.modulegroup .left .search-content-1 .search-container>ul{ padding: 0; }
.modulegroup .fc-list-row li{ line-height: 32px; }
.modulegroup .tile-thumbnail{ width: 100%; height: 63%; position: relative; overflow: hidden; }
.modulegroup .tile-thumbnail img{ width: 100%; height: 100%;object-position: center;object-fit: cover;}
.modulegroup .right{ float: right; width: 100%;  }

/* 友情链接 */
.links{  margin: 0 0 0 0;}
.links .card-body .flex-stack{ padding: 0 0 15px 0;}
.links .card-body .flex-stack a{ }
/*当前位置========================*/
.breadcrumb{ padding: 25px 0 5px 0; margin: 20px 0 20px 0; width: 100%;border-radius: 5px!important; opacity: 0.8;}
.breadcrumb li{ padding: 0; }
.breadcrumb li a,.breadcrumb li span,.breadcrumb li i{ color:var(--bs-gray-700)!important; font-size: 14px; }

/*图标*/
.fa-circle:before{ content: "/"!important; }
.btn.btn-icon i, 
.btn.btn-icon .svg-icon{ color: var(--bs-gray-700);}
.app-navbar-item #kt_app_header_menu_toggle .svg-icon:before{content: "\e9a4";font-family: 'youzhanla' !important; font-size: 22px;}
.app-navbar-item #kt_app_header_menu_toggle .svg-icon svg{ display: none;}
.symbol.symbol-60px.symbol-2by3 .symbol-label{ height: 70px!important;}
.symbol.symbol-90px.symbol-2by3 .symbol-label{height: 110px!important;}
.align-items-center .align-self-lg-center{align-self: normal !important;align-items: normal!important;}

/*footer========================================*/
.app-footer{ background: var(--bs-primary)!important;}
.app-footer *,
.app-footer .text-muted{color: var(--bs-white)!important; opacity: 0.98;}
.scrolltop{bottom: 83px!important;}

@media (max-width: 1366px) {
  .banner .swiper-container .title-info{ width: 100%; left: 0px; margin: 0!important; padding: 0 4%}
  .banner .download .info{ width: 100%; margin: 0!important; padding: 0 4%!important;}
 }
 @media (max-width: 641px) {
  
  /*banner========================================*/
  .banner,
  .banner .swiper-container,
  .banner .swiper-container a{ height: 460px;} 
  .banner .swiper-container .title-info{ top: 35%;}
  .banner .swiper-container .title-info h1{font-size: 22px;}
  .banner .swiper-container .title-info p{ width: 100%; font-size: 13px;}
  .banner .download{ height: 90px; line-height: 90px; }
  .banner .download .info{ font-size: 16px; }
  .banner .download .info .btn{margin: 25px 0 0 0; padding: 10px 25px;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 100px!important;}

  
}
@media (max-width: 414px) {
    .banner,
    .banner .swiper-container,
    .banner .swiper-container a{ height: 360px;} 
    .banner .swiper-container .title-info{top: 18%;}

}