/********** Template CSS **********/
:root {
  --primary: #33CC99;
  --secondary: #E93C05;
  --tertiary: #555555;
  --light: #DFE4FD;
  --dark: #011A41;

}

.back-to-top {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}

.max-width {
  max-width: 1200px !important;
}

h1,
.h1,
h2,
.h2,
.fw-bold {
  font-weight: 700 !important;
}

h3,
.h3,
h4,
.h4,
.fw-medium {
  font-weight: 600 !important;
}

h5,
.h5,
h6,
.h6,
.fw-semi-bold {
  font-weight: 500 !important;
}

h6 {
  line-height: 26px;
}

.father {
  position: relative;
}
.absolute{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
.text-over {
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.container-body-w {
  width: 1200px;
}

.currentColor {
  color: var(--primary) !important;
}

.flex {
  display: flex !important;
}

.flex_1 {
  flex: 1 !important;
}

.flexR {
  display: flex;
  align-items: center;
}

.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexCloum {
  flex-direction: column;
}

.flex-align-start {
  align-items: flex-start !important;
}

.flex-align-end {
  align-items: flex-end !important;
}

.flex-justify-end {
  justify-content: flex-end !important;
}

.ellp1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  text-align: justify;
}

.ellp3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  text-align: justify;
}




.cxy_bold {
  font-weight: bold;
}

.title-h3 {
  font-size: 2.6rem;
  font-weight: bold;
}
.title-22 {
  font-size: 22px;
  font-weight: bold;
}

.title-h5 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #000B1C;
}

.title-des {
  font-size: 14px;
  color: #999999;
}

.title-des3 {
  font-size: 0.8rem;
  line-height: 25px;
}

.title-des2 {
  font-size: 1.5rem;
  line-height: 25px;
  font-weight: bold;
  color: #33CC99;
}

.title-des4 {
  font-size: 1.2rem;
  line-height: 25px;
}

.logoImg {
  width: 111px;
  height: 48px;
}

.mtt-1 {
  margin-top: 5rem;
}

.mtt-2 {
  margin-top: 7rem;
}

.m-15 {
  margin: 15px !important;
}

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


.ul-none {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ulColV {
  box-sizing: border-box;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
}

.li-box {
  box-sizing: border-box;
  display: inline-block;

}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}







.nav-link-apply {
  font-size: 0.8rem;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.68rem 1.25rem;
  max-width: 145px;
  background: #33CC99;
  border-radius: 100px;
  /* margin-top: 2rem; */

}

.text-justify {
  text-align: justify !important;
}




.carousel-caption {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: start;
  z-index: 1;
}








/* h1=32px、h2=24px、h3=172px、h4=16px、p=16px、h5=128px、h6=12px */
.f-w800 {
  font-weight: 800 !important;

}
.f-w400 {
  font-weight: 400 !important;

}

.f-blod{
	font-weight: bold;
}

.f_12 {
  font-size: 12px !important;
}

.f_13 {
  font-size: 13px !important;
}

.f_14 {
  font-size: 14px !important;
}

.f_16 {
  font-size: 16px !important;
}

.f_18 {
  font-size: 18px;
}

.f_20 {
  font-size: 20px;
}

.f_22 {
  font-size: 22px;
}

.f_24 {
  font-size: 24px;
}

.f_26 {
  font-size: 26px !important;
}

.f_28 {
  font-size: 28px !important;
}

.f_30 {
  font-size: 30px !important;
}

.f_42 {
  font-size: 42px;
}

.f_44 {
  font-size: 44px;
}

.color_666 {
  color: #666 !important;
}

.color_999 {
  color: #999999 !important;
}

.color_price {
  color: #FE5405 !important;
}

.color_tel {
  color: #FE8A0F !important;
}

.color-0A1033 {
  color: #0A1033 !important;
}

.color-FFF {
  color: #FFF !important;
}

.color-5A94DD {
  color: #5A94DD !important;
}

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

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

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

.gColor {
  color: #999999;
}

.color_000 {
  color: #000 !important;
}

.color_fff {
  color: #FFF !important;
}

.color_333 {
  color: #333 !important;
}

.bg_FFFcolor {
  background-color: #FFF !important;
}

.box-shadow {
  box-shadow: 0px 3px 6px 1px rgba(109, 125, 149, 0.16) !important;
}

.linear-gradient1 {
  background: linear-gradient(90deg, #00E690 0%, #33CC99 100%);
}

.linear-gradient2 {
  background: linear-gradient(90deg, #FDBA00 0%, #FE8A0F 100%);
}


.pat1-bg-color {
  background-color: #F7F8FE;
}

.border-radius-20 {
  border-radius: 10px;
}

.border-radius-15 {
  border-radius: 15px !important;
}

.main_bg_color {
  background-color: var(--primary);
}

.main_color {
  color: var(--primary);
}



.wh_48 {
  width: 48px;
  height: 48px;
}

.w_146 {
  width: 146px;
}

.w_336 {
  width: 336px;
}

.w_700 {
  width: 700px !important;
}

.h_40 {
  height: 40px;

}

.h_42 {
  height: 42px;

}

.h_50 {
  height: 50px;

}

.m-T-26 {
  margin-top: 26px;
}

.m-T-30 {
  margin-top: 30px;
}

.pointer {
  cursor: pointer !important;
}



.bottom-zIndex {
  z-index: 99;
}

.footerAlign {
  display: flex;
  align-items: center;
}

@media (max-width:992px) {
  .footerAlign {
    display: flex;
    justify-content: center;
  }

}

input:focus {
  border-color: #E5E5E5;
  outline: none;
}