body,html{ padding:0px; margin:0px; color:#333333;}
html{ font:16px "Microsoft Yahei",arial,helvetica,clean,sans-serif;}
a:focus{ outline:none;}
a img { border:none;}
img{ margin:0px; padding:0px;  margin:0 auto; text-align:center; vertical-align:middle}
a{color:#333;}
a:hover{text-decoration: none;}
html{scroll-behavior: smooth;}

.ratio3-2 {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
  }
.ratio1-1 {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.ratio16-9 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.w-90 {
  width: 90% !important;
}

.hr-line-dashed {
  border-bottom: #b9b9b9 dashed 0.0625rem;
}

/* img-transform */
.img-transform-box{
  overflow: hidden;
}
.img-transform-box img{
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.img-transform-box:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* img-transform end*/


/* font-size */
.font18 {
	font-size: 1.125rem;
  font-weight: normal;
}

.font14 {
	font-size: .875rem;
  font-weight: normal;
}


h4 {
  font-size: 1.125rem !important;
  font-weight: 700;
}

.display-4 {

  font-size: 2.5rem;

  font-weight: 500;

  line-height: 1.2;

  color: #01308a;

}

.display-flex {
    display: flex!important;
}
.flex-1 {
    flex: 1!important;
}
.flex-column {
    flex-direction: column!important;
}
@media (max-width:768px) {

  .display-4{
      font-size: 2rem;
  }

}

/* bg-color*/
.bg-navy-blue {
  background-color: #01308a;
}

.bg-gray {
  background-color: #f2f3f4;
}

.bg-light {
  background-color:#EBEDEF !important;
}

.bg-hero {

  background-color: #0957d9;

  background-size: cover;

  background-position: center center;

  position: relative;
   
}

.bg-hero:before {

  position: absolute;

  z-index: 1;

  width: 100%;

  height: 100%;

  display: block;

  left: 0;

  top: 0;

  content: "";

  background-color: rgba(0, 0, 0, 0.8);

}

.bg-hero .container, .bg-hero .container-sm, .bg-hero .container-md, .bg-hero .container-lg {

  z-index: 2;

  position: relative; 
}


.bg-dark {

  background-color: #283747 !important;

}

/* btn */
.btn-primary {
  color: #ffffff;
  background-color: #0748b4 !important;
  border-color:#0957d9 !important;
}
.btn-primary:hover {
  color: #fff;
  background-color: #03368c !important;
  border-color:#0341a8 !important;
}

/* reset-----btn */
.btn:hover, .btn:focus, .btn:active, .btn:visited {
  outline: none;
  box-shadow: none !important;
}
/* btn end */


/*scroll to top */
.scroll-top {

  bottom: 20px;

  font-size: 20px;

  height: 40px;

  position: fixed;

  text-align: center;

  width: 40px;

  z-index: 10;

  cursor: pointer;

  transition: .3s;

  border-radius: 50%;

  line-height: 40px;

  right: -100px;

  color: #ffffff;

  background-color: rgba(9, 87, 217, 0.5);
  
 }

.scroll-top:hover {

  background-color: #0957d9;

  -webkit-transform: translateY(-1px);

          transform: translateY(-1px);

  transition: all .4s ease-in-out;
  }

.scroll-top.active {

  right: 20px; 

}
/*scroll end */

.divider {

  width: 3.125rem !important;

  height: 0.25rem;

  border-radius: 0.25rem !important;

  margin-top: 1.5rem;

  margin-bottom: 1.5rem; }

  .divider.divider-sm {

    height: 0.125rem; }

  .divider.divider-lg {

    height: 0.5rem; }
    



/*--scheme--*/
.solution-box {
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
}

.solution-box:hover img {
  transform: scale(1.1);
  transition: transform 0.3s linear;
}

.solution-box .box-content,
.solution-box:after {
  width: 100%;
  position: absolute;
  left: 0;
}

.solution-box:after {
  content: "";
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.08) 69%, rgba(0, 0, 0, 0.76) 100%);
  top: 0;
  border-radius: 0.25rem;
  transition: all .5s ease 0s;
}

.solution-box .desc,
.solution-box .title {
  transform: translateY(1.875rem);
  transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
}

.solution-box:hover:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.09) 11%, rgba(0, 0, 0, 0.12) 13%, rgba(0, 0, 0, 0.19) 20%, rgba(0, 0, 0, 0.29) 28%, rgba(0, 0, 0, 0.29) 29%, rgba(0, 0, 0, 0.42) 38%, rgba(0, 0, 0, 0.46) 43%, rgba(0, 0, 0, 0.53) 47%, rgba(0, 0, 0, 0.75) 69%, rgba(0, 0, 0, 0.87) 84%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 0.94) 100%);
}

.solution-box img {
  width: 100%;
  height: auto;
  transition: transform 0.3s linear;
}

.solution-box .box-content {
  padding: 1.5625rem;
  margin-bottom: 1.875rem;
  bottom: 0;
  z-index: 1;
  text-align: left;
  color: #fff;
}

.solution-box .box-content .title{
  font-weight: 600;
  margin: 0 0 0.625rem;
  color: #fff;
}

.solution-box .desc {
  display: block;
  padding: 0rem 0;
  font-size: 0.9375rem;
  color: #eee;
}

.solution-box:hover .desc,
.solution-box:hover .title {
  transform: translateY(0);
}

.solution-box img {
  border-radius: 0.25rem;
}


/* All page content-tabs */
.content-tab.nav-tabs {
  border-bottom: 0;
}

.content-tab.nav-tabs li {
  margin-bottom: 1.875rem;
}

.content-tab.nav-tabs li a{
  padding:0.625rem 1.4375rem;
  font-size:0.875rem;
  font-weight:500;
  border:none;
  background:#eff2f9;
  color:#051441;
  border-radius:0.375rem;
  margin-right:0.625rem;
  margin-bottom:0.625rem;
  -webkit-transition:all .3s ease-out 0s;
  transition:all .3s ease-out 0s;
}

.content-tab.nav-tabs li a.active {
  background:#01308a;
  color:#fff;
}
/* All page content-tabs end*/

/* product end */


/* img  transform*/
.image-box {
  overflow: hidden;
}
.image-box img {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.image-box img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* img  transform end*/


/* pagination */
.pagination .disabled{
  cursor:not-allowed;
  opacity:0.5;
}

.pagination .page-item .page-link {
  color: #666;
}

.pagination .page-item.active .page-link {
  background-color: #34495E;
  border-color: #2E4053;
  color: #EBEDEF;
}

.pagination .page-link:focus, .pagination .page-link:hover {

  color: #EBEDEF;

  text-decoration: none;

  background-color: #34495E;

  border-color: #2E4053; 
}


/* page end */

.notes {
    border-top: 1px dashed #ccc;
    padding-top: 1em;
    font-weight: 600;
}

.navbar .nav .user {
    padding: 0;
    /*line-height: 70px;*/
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
}