@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;900&display=swap);
@import url(../templates/font-awesome-pro/css/all.min.css);
@import url(../scripts/wow/animate.min.css);
@import url(../scripts/wow/animate.compat.css);
@import url(../scripts/swiper-6/swiper-bundle.min.css);
@import url(../scripts/fancybox-3/dist/jquery.fancybox.min.css);
* {
  margin: 0;
  padding: 0;
  outline: 0;
}
html {
  height: 100%;
}
h1 {
  font-size: 15px;
}
h2 {
  font-size: 14px;
}
h3 {
  font-size: 13px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-size: 11px;
}
h6 {
  font-size: 10px;
}
a {
  text-decoration: none;
}
p {
  padding: 0 0 10px 0;
}
img {
  border: 0;
  border-spacing: 0;
  max-width: 100%;
}
embed,
img {
  vertical-align: middle;
}
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  margin: 0;
  padding: 0;
  outline: 0;
}
:focus {
  outline: 0;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #eee;
}
table td,
table th {
  border: 1px solid #eee;
  padding: 3px 10px;
}
caption,
td,
th {
  font-weight: 400;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 600;
}
em {
  font-style: italic;
}
sup {
  vertical-align: super;
}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
button,
input[type="file"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
html {
  background: #222;
}
body {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #333;
  line-height: 21px;
}
.css_body {
  background: #fff;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
}
.fixbody {
  overflow: hidden;
}
#wrapper {
  position: relative;
  height: 100%;
}
.min_wrap {
  width: 1140px;
  margin: 0 auto;
}
.min_wrap2 {
  width: 1170px;
  margin: 0 auto;
}
.sty_cont {
  padding: 0 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.img_hover:hover {
  opacity: 0.9;
}
#header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 111;
  background-color: #fff;
  height: 72px;
  max-width: 1920px;
  margin: 0 auto;
}
#header::before {
  content: "";
  height: 59px;
  position: absolute;
  bottom: -58px;
  left: 0;
  right: 0;
  background: url(../imgs/bg_header.png) no-repeat center bottom;
  background-size: 100% 100%;
}
.logo {
  display: block;
  width: 143px;
  height: 100px;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 11;
}
.logo img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.l_hea {
  position: absolute;
  top: 0;
  right: 50%;
  width: 50%;
  padding-right: 101px;
  color: #888;
  font-size: 11px;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../imgs/bg_l_hea.png) no-repeat bottom right 101px;
}
.r_hea {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  padding-left: 101px;
  color: #888;
  font-size: 11px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../imgs/bg_r_hea.png) no-repeat bottom left 92px;
}
.l_hea > li,
.r_hea > li {
  line-height: 34px;
  padding: 0 11px 0 7px;
  position: relative;
  display: inline-block;
}
.l_hea > li::before,
.r_hea > li::before {
  content: "";
  width: 1px;
  height: 10px;
  background: #9b9b9b;
  position: absolute;
  top: 12px;
  right: 0;
}
.l_hea > li:last-child::before,
.r_hea > li:last-child::before {
  display: none;
}
.l_hea > li:first-child,
.r_hea > li:first-child {
  padding-left: 0;
}
.l_hea > li:last-child,
.r_hea > li:last-child {
  padding-right: 0;
}
.l_hea a,
.r_hea a {
  color: #888;
}
.l_hea a:hover,
.r_hea a:hover {
  color: #077e3f;
  text-decoration: underline;
}
.l_hea a.active {
  font-weight: 600;
  color: #077e3f;
}
.lang_hea + .lang_hea {
  margin-left: 4px;
}
.social_hea {
  font-size: 14px;
  text-decoration: none !important;
}
.nav_mn {
  position: absolute;
  top: 59px;
  left: 0;
  right: 0;
}
.l_mn {
  position: absolute;
  top: 0;
  right: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 71px;
}
.l_mn > li {
  float: left;
  position: relative;
  margin-right: 30px;
}
.r_mn {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 71px;
}
.r_mn > li {
  float: left;
  position: relative;
  margin-left: 30px;
}
.ul_mn > li > a {
  line-height: 36px;
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  color: #077e3f;
}
.ul_mn .fa-home-lg-alt {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #077e3f;
  text-align: center;
  display: block;
  line-height: 34px;
}
.l_mn > li:first-child .fa-home-lg-alt {
  color: #077e3f;
}
.l_mn > li:hover:first-child .fa-home-lg-alt {
  color: #00bf58;
}
.ul_mn li:hover .fa-home-lg-alt {
  border-color: #00bf58;
}
.ul_mn > li.active > a,
.ul_mn > li:hover > a {
  color: #00bf58;
}
.ul_mn > li:hover .mn_child_01 {
  display: block;
}
.mn_child_01::before {
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: " ";
  cursor: pointer;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -4px;
  left: 20px;
  margin: auto;
  z-index: 1;
}
.mn_child_01::after {
  border-bottom: 5px solid #eee;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: " ";
  cursor: pointer;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -5px;
  left: 19px;
  margin: auto;
}
.mn_child_01 {
  text-transform: capitalize;
  display: none;
  position: absolute;
  top: 36px;
  left: -15px;
  z-index: 11;
  background-color: #fff;
  padding: 5px 0;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.mn_child_01 > li {
  white-space: nowrap;
}
.mn_child_01 > li > a {
  display: block;
  padding: 5px 15px;
  color: #333;
  -webkit-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
  font-size: 14px;
}
.mn_child_01 > li > a:hover {
  background-color: #00bf58;
  color: #fff;
  padding-left: 20px;
  padding-right: 10px;
}
.click_s {
  text-decoration: none !important;
}
.form_s {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 99999999;
  visibility: hidden;
  -webkit-transition: ease 0.4s;
  -moz-transition: ease 0.4s;
  -ms-transition: ease 0.4s;
  -o-transition: ease 0.4s;
  transition: ease 0.4s;
  opacity: 0;
}
.form_s.active {
  visibility: visible;
  opacity: 1;
}
.close_form_s {
  font-size: 32px;
  color: #fff;
  position: absolute;
  top: 40px;
  right: 40px;
  display: block;
  cursor: pointer;
  z-index: 1;
  font-style: normal;
}
.close_form_s::before {
  content: "\f057";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.d_form_s {
  width: 50%;
  margin: -30px auto 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.ipt_form_s {
  width: 100%;
  height: 60px;
  border: 0;
  padding: 0 60px 0 20px;
  border-bottom: 1px solid #eee;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.btn_form_s {
  border: 0;
  cursor: pointer;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 32px;
  color: #000;
  position: absolute;
  bottom: 0;
  right: 0;
  background: 0 0;
}
#container {
  min-height: 100vh;
}
.swiper-container {
  visibility: hidden;
}
.swiper-container.swiper-container-initialized {
  visibility: visible;
}
.swiper1 {
  height: 100vh;
}
.swiper1 .swiper-slide {
  background-color: #999;
}
.swiper1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.gt_h {
  background: url(../imgs/bg_cont.png) repeat;
  padding: 70px 0 100px 0;
  text-align: center;
}
.gt_h .f-detail {
  padding-bottom: 30px;
}
.t_gt_h {
  font-weight: 900;
  text-transform: uppercase;
  color: #077e3f;
  font-size: 60px;
  line-height: 70px;
  padding-bottom: 20px;
}
.link_gt_h {
  display: inline-block;
  text-transform: uppercase;
  color: #077e3f;
  border-radius: 5px;
  border: 1px solid #077e3f;
  padding: 9px 20px;
  -webkit-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
}
.link_gt_h:hover {
  background-color: #077e3f;
  color: #fff;
  padding-right: 13px;
}
.link_gt_h i {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.link_gt_h:hover i {
  margin-left: 12px;
}
.csat_h {
  background: url(../imgs/bg_cont.png) repeat;
}
.csat_h .t_cont_h {
  padding: 0 270px;
}
.in_csat_h {
  background: url(../imgs/bg_in_csat_h.png) no-repeat center top;
  background-size: cover;
  min-height: 416px;
  text-align: center;
  padding: 60px 0;
}
.ul_csat_h {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  padding: 90px 30px 0 30px;
}
.ul_csat_h > li {
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  position: relative;
}
.ul_csat_h > li:nth-child(2) {
  top: 80px;
  position: relative;
}
.link1_bh {
  top: 55px;
  animation-name: mymove1;
  animation-delay: -0.5s;
}
.link2_bh {
  top: 110px;
  animation-name: mymove2;
  animation-delay: -1s;
}
.link3_bh {
  top: 130px;
  animation-name: mymove3;
  animation-delay: -1.5s;
}
@keyframes mymove1 {
  from {
    top: 0;
  }
  to {
    top: 50px;
  }
}
@keyframes mymove2 {
  from {
    top: 80px;
  }
  to {
    top: 30px;
  }
}
@keyframes mymove3 {
  from {
    top: 0;
  }
  to {
    top: 50px;
  }
}
.box_csat1,
.box_csat2 {
  position: relative;
}
.box_csat strong {
  text-transform: uppercase;
  font-size: 70px;
  display: block;
  line-height: 70px;
  position: relative;
}
.box_csat strong em {
  font-size: 41px;
  font-style: normal;
  position: absolute;
}
.box_csat1 .box_csat {
  background-color: #077e3f;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  width: 180px;
  height: 160px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: capitalize;
  position: relative;
  z-index: 2;
}
.box_csat2 .box_csat {
  background-color: #ffcd00;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 25px;
  width: 180px;
  height: 160px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: capitalize;
  position: relative;
  z-index: 2;
}
.box_csat1::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -20px;
  left: -20px;
  background-color: rgba(7, 126, 63, 0.2);
  border-radius: 5px;
}
.box_csat2::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -20px;
  left: -20px;
  background-color: rgba(255, 205, 0, 0.2);
  border-radius: 5px;
}
.box_csat1 img,
.box_csat2 img {
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  display: block;
  width: 100px;
  height: 100px;
}
.text_box_csat {
  font-size: 35px !important;
  line-height: 45px !important;
}
.t_cont_h {
  text-align: center;
  padding-bottom: 30px;
}
.h_t_cont_h {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 10px;
}
.t_cont_h2 {
  text-align: center;
  padding-bottom: 30px;
}
.h_t_cont_h2 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 20px;
  font-weight: 900;
  color: #ffcd00;
}
.link_t_cont_h2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.link_t_cont_h2 a {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  min-width: 130px;
  padding: 9px 10px;
  background-color: rgba(255, 255, 255, 0.2);
  display: block;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.link_t_cont_h2 a:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.3);
}
.link_t_cont_h2 a + a {
  margin-left: 1px;
}
.link_t_cont_h2 a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.link_t_cont_h2 a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.link_t_cont_h2 a:hover {
  background-color: #ffcd00;
}
.t_cont_h .link_t_cont_h2 {
  padding-top: 10px;
}
.t_cont_h .link_t_cont_h2 a {
  background-color: #699c81;
  min-width: 170px;
}
.t_cont_h .link_t_cont_h2 a.active,
.t_cont_h .link_t_cont_h2 a:hover {
  background-color: #077e3f;
}
.cnct_h {
  padding: 30px 0 60px 0;
}
.cnct_h .min_wrap {
  position: relative;
}
.swiper2 {
  padding: 10px 0 !important;
  margin: 0 100px !important;
}
.swiper2 .swiper-slide,
.swiper2-plus .swiper-slide {
  height: 100px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper2 .swiper-slide img,
.swiper2-plus .swiper-slide img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.swiper2 .swiper-slide img:hover,
.swiper2-plus .swiper-slide img:hover {
  opacity: 0.9;
}
.swiper-button-next-2,
.swiper-button-next-2-plus,
.swiper-button-next-4 {
  right: 0;
  width: 40px;
  height: 40px;
  border: 2px solid #077e3f;
  border-radius: 50%;
  color: #077e3f;
  top: auto;
  bottom: 38px;
  margin-top: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.swiper-button-prev-2,
.swiper-button-prev-2-plus,
.swiper-button-prev-4 {
  left: 0;
  width: 40px;
  height: 40px;
  border: 2px solid #077e3f;
  border-radius: 50%;
  color: #077e3f;
  top: auto;
  bottom: 38px;
  margin-top: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.swiper-button-next-2-plus:after,
.swiper-button-next-2:after,
.swiper-button-next-3-plus::after,
.swiper-button-next-3:after,
.swiper-button-next-4:after,
.swiper-button-prev-2-plus:after,
.swiper-button-prev-2:after,
.swiper-button-prev-3-plus::after,
.swiper-button-prev-3:after,
.swiper-button-prev-4:after {
  font-size: 20px;
}
.swiper-button-next-2-plus:hover,
.swiper-button-next-2:hover,
.swiper-button-next-3-plus:hover,
.swiper-button-next-4:hover,
.swiper-button-prev-2-plus:hover,
.swiper-button-prev-2:hover,
.swiper-button-prev-3-plus:hover,
.swiper-button-prev-4:hover {
  color: #fff;
  background-color: #077e3f;
}
.swiper-button-next-3 {
  right: 20px;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-top: 0;
  top: auto;
  bottom: 264px;
}
.swiper-button-prev-3 {
  left: 20px;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-top: 0;
  top: auto;
  bottom: 264px;
}
.swiper-button-next-3:hover,
.swiper-button-prev-3:hover {
  color: #077e3f;
  background-color: #fff;
}
.prod_h {
  padding: 60px 0;
  background: #077e3f url(../imgs/bg_prod_h.png) no-repeat;
  background-size: cover;
  position: relative;
}
.prod_h .t_cont_h2 {
  padding-bottom: 40px;
}
.swiper3 .swiper-slide {
  width: 290px;
}
.img_prod_h {
  height: 363px;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
}
.img_prod_h::before {
  content: "";
  height: 5px;
  background-color: #ffcd00;
  position: absolute;
  left: 5px;
  bottom: -5px;
  width: 280px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.img_prod_h img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
}
.n_prod_h {
  text-transform: capitalize;
  font-size: 19px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  padding-top: 20px;
  display: none;
}
.swiper3 .swiper-slide.swiper-slide-active .n_prod_h {
  display: block;
}
.swiper3.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.swiper3.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.news_h {
  padding: 60px 0 30px 0;
}
.news_h .list_news {
  padding-top: 20px;
}
.list_news {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px;
}
.list_news > li {
  width: 360px;
  position: relative;
  margin-bottom: 30px;
  padding: 0 15px;
}
.img_news {
  height: 240px;
}
.img_news img {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #eee;
  border-radius: 5px;
}
.in_news {
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  width: calc(100% - 70px);
  top: -20px;
  left: 20px;
  right: 20px;
  z-index: 1;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  padding: 0 15px;
}
.n_news {
  font-size: 15px;
  padding: 15px 0 0 0;
  margin-bottom: 15px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 42px;
}
.n_news:hover {
  color: #077e3f;
}
.if_news {
  position: relative;
  border-top: 1px solid #eaeaea;
  padding: 0;
  line-height: 40px;
  font-size: 12px;
  color: #888;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.if_news::before {
  content: "";
  width: 40px;
  height: 3px;
  background-color: #077e3f;
  position: absolute;
  top: -3px;
  left: 0;
}
.if_news .fa-arrow-right {
  font-size: 14px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
.list_news > li :hover .fa-arrow-right {
  color: #077e3f;
  right: -5px;
}
.bg_cont {
  background: #077e3f url(../imgs/bg_beacrum.png) no-repeat center bottom;
  background-size: cover;
  height: 120px;
  padding-top: 130px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.h_bg_cont {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
  color: #ffcd00;
}
.ul_breacrum {
  font-size: 11px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.ul_breacrum > li {
  display: inline-block;
}
.ul_breacrum > li::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f105";
  margin: 0 3px;
}
.ul_breacrum > li:last-child::after {
  display: none;
}
.ul_breacrum > li > a {
  color: rgba(255, 255, 255, 0.5);
}
.ul_breacrum > li > a:hover {
  color: #fff;
}
.tq {
  padding: 60px 0;
}
.tq .min_wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.lsht_tq {
  width: 49%;
}
.lsht_tq .link_gt_h {
  margin-top: 30px;
}
.h_lsht_tq {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  color: #077e3f;
  padding-bottom: 15px;
}
.csat_tq {
  width: 49%;
}
.csat_tq ul {
  padding: 0 50px 0 90px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.csat_tq ul li {
  padding-top: 60px;
}
.csat_tq ul li:nth-child(1) {
  padding-top: 120px;
}
.csat_tq ul li:nth-child(3) {
  padding-top: 120px;
}
.box_csat_video {
  background: #ffcd00 url(../imgs/bg_box_csat_video.png) no-repeat center center;
  background-size: cover;
}
.htpp {
  padding: 60px 0 0 0;
  background: #077e3f url(../imgs/bg_htpp.png) no-repeat center bottom;
  background-size: cover;
  min-height: 640px;
}
.htpp .f-detail {
  color: #fff;
  font-size: 19px;
  padding-top: 20px;
}
.htqt {
  padding: 60px 0;
  position: relative;
}
.swiper4 {
  padding-top: 10px !important;
}
.swiper4 .swiper-slide {
  padding-bottom: 50px;
}
.swiper4 .swiper-slide:hover .n_dvtt_tq::before {
  width: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.swiper4 .swiper-slide:hover .n_dvtt_tq {
  color: #fff;
}
.swiper-button-next-4 {
  right: 20px;
  bottom: 200px;
}
.swiper-button-prev-4 {
  left: 20px;
  bottom: 200px;
}
.img_dvtt_tq {
  height: 240px;
  position: relative;
}
.img_dvtt_tq img {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #eee;
  border-radius: 5px;
}
.n_dvtt_tq {
  position: absolute;
  bottom: 15px;
  right: 20px;
  left: 0;
  background-color: #fff;
  height: 50px;
  padding: 10px 20px 10px 23px;
  font-size: 15px;
  color: #077e3f;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.n_dvtt_tq span {
  position: relative;
  z-index: 1;
}
.n_dvtt_tq::before {
  content: "";
  width: 3px;
  background-color: #077e3f;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.cnct {
  padding: 60px 0 90px 0;
  background: url(../imgs/bg_line.png) repeat-x top center;
}
.dt {
  padding: 10px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.swiper2-plus {
  margin: 0 20px !important;
}
.swiper-button-next-2-plus {
  right: 20px;
}
.swiper-button-prev-2-plus {
  left: 20px;
}
.sub_mn {
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  height: 50px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.sub_mn a {
  display: block;
  text-transform: capitalize;
  color: #666;
  position: relative;
  line-height: 50px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sub_mn a.active {
  font-weight: 600;
  color: #077e3f;
}
.sub_mn a.active::before,
.sub_mn a:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.sub_mn a::before {
  content: "";
  height: 2px;
  background-color: #ffcd00;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.sub_mn a:hover {
  color: #077e3f;
}
.sub_mn a + a {
  margin-left: 30px;
}
.f_cont {
  padding: 40px 0 80px 0;
  min-height: 50vh;
}
.f_htpp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.img_htpp,
.nd_htpp {
  width: 550px;
}
.img_htpp img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.list_dvtt > li {
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.list_dvtt > li:nth-child(2n) {
  flex-direction: row-reverse;
}
.img_list_dvtt {
  width: 570px;
  height: 380px;
  position: relative;
  z-index: 1;
}
.img_list_dvtt::before {
  content: "";
  background-color: #077e3f;
  width: 10px;
  position: absolute;
  top: 10px;
  left: -10px;
  bottom: 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.list_dvtt > li:nth-child(2n) .img_list_dvtt::before {
  left: auto;
  right: -10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.img_list_dvtt img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #eee;
}
.nd_list_dvtt {
  background-color: #fff;
  position: relative;
  top: 20px;
  width: 530px;
  height: 280px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 20px 20px 40px 20px;
}
.list_dvtt > li:nth-child(2n) .nd_list_dvtt {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.n_list_dvtt {
  font-size: 24px;
  line-height: 30px;
  color: #077e3f;
  padding: 10px 0;
}
.nd_list_dvtt .f-detail {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 50px);
}
.bot_list_dvtt {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #ededed;
  line-height: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #555;
}
.user_bot_list_dvtt {
  padding: 0;
  font-weight: 600;
}
.title_D {
  font-size: 30px;
  line-height: 40px;
  color: #077e3f;
  padding-bottom: 15px;
  text-align: center;
}
.des_D {
  font-size: 15px;
  text-align: center;
  padding-bottom: 15px;
}
.date_D {
  text-align: center;
  font-size: 13px;
  color: #666;
  padding-bottom: 10px;
}
.other_D {
  padding: 60px 0 0 0;
}
.f_contact {
  padding-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.l_f_contact {
  width: 48%;
}
.r_f_contact {
  width: 48%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 30px 30px 30px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.l_f_contact .ol1_foot_1 {
  padding-top: 20px;
}
.ol1_foot_1 a {
  color: #444;
}
.ol1_foot_1 a:hover {
  color: #0d7d3f;
}
.l_f_contact .ol1_foot_1 > li strong {
  padding-bottom: 5px;
  display: block;
}
.l_f_contact .ol1_foot_1 > li p {
  padding-bottom: 5px;
}
.l_f_contact .ol1_foot_1 > li p span {
  font-size: 14px;
  margin-right: 5px;
}
.t_f_contact {
  position: relative;
  color: #0d7d3f;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
}
.note_f_contact {
  padding-bottom: 20px;
}
.ul_r_f_contact > li {
  position: relative;
  margin-bottom: 15px;
}
.ipt_f_contact {
  width: 100%;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  padding: 0 54px 0 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.icon_r_f_contact {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border-left: 1px solid #ddd;
  color: #888;
  font-size: 16px;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.txt_f_contact {
  width: 100%;
  height: 100px;
  min-height: 100px;
  resize: vertical;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.ipt_f_contact:focus,
.ipt_f_contact:focus ~ .icon_r_f_contact,
.txt_f_contact:focus {
  border-color: #0d7d3f;
  color: #211061;
}
.cap_f_contact {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: auto;
  height: 38px;
  z-index: 1;
}
.but_contact {
  margin-top: 10px;
  border: 1px solid #077e3f;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  border-radius: 2px;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #077e3f;
}
.but_contact:active,
.but_contact:focus,
.but_contact:hover {
  opacity: 0.8;
}
.maps_ct {
  height: 350px;
  background-color: #eee;
}
.maps_ct iframe {
  width: 100% !important;
  height: 100% !important;
}
.filter_td {
  padding-top: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.in_filter_td {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 30px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  padding: 5px 10px;
}
.filter_td span {
  margin-right: 5px;
}
.filter_td select {
  height: 30px;
  border: 0;
  font-size: 13px;
  background: url(../imgs/icon_0.png) no-repeat center right 5px;
  background-size: auto 4px;
  font-weight: 600;
  color: #333;
  padding: 0 20px 0 10px;
  border-radius: 2.5px;
}
.filter_td select:focus {
  background-color: #f6f6f6;
}
.filter_td select option {
  background-color: #fff;
}
.div_tb {
  padding-bottom: 20px;
}
.t_tb {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #077e3f;
}
.col1_div_tb {
  padding: 20px 20px 20px 23px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col2_div_tb {
  padding: 20px 10px;
  width: 15%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col3_div_tb {
  padding: 20px 10px;
  width: 20%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col4_div_tb {
  padding: 20px 10px;
  width: 15%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.m_tb > li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  background-color: #fafdfc;
  position: relative;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.m_tb > li:nth-child(2n) {
  background-color: #f3faf7;
}
.m_tb > li::before {
  content: "";
  width: 3px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #077e3f;
  border-radius: 1.5px;
}
.m_tb > li:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}
.link_tb_td {
  color: #333;
}
.link_tb_td:hover {
  color: #0d7d3f;
}
.dc_tb_td {
  text-transform: capitalize;
}
.cen_tb_td {
  text-align: center;
}
.date_qhcd {
  font-weight: 600;
  color: #ffcd00;
}
.r1_nlct {
  padding: 60px 0;
  text-align: center;
}
.h_r1_nlct {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 50px;
  line-height: 60px;
  color: #077e3f;
  padding-bottom: 10px;
}
.r2_nlct {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
}
.dcsx_nlct,
.kscl_nlct {
  width: 550px;
}
.img_r2_nlct {
  position: relative;
  height: 367px;
}
.img_r2_nlct::before {
  content: "";
  width: 5px;
  height: 40px;
  position: absolute;
  left: -5px;
  bottom: 5px;
  background-color: #ffcd00;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.kscl_nlct .img_r2_nlct::before {
  left: auto;
  right: -5px;
}
.img_r2_nlct:hover::before {
  background-color: #077e3f;
}
.img_r2_nlct img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.img_r2_nlct h2 {
  font-size: 19px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(7, 126, 63, 0.9);
  color: #fff;
  text-transform: uppercase;
  padding: 15px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.img_r2_nlct:hover h2 {
  background-color: rgba(255, 205, 0, 0.9);
}
.nd_r2_nlct {
  padding: 20px 0;
}
.cs_dcsx_nlct {
  padding-top: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  color: #077e3f;
}
.cs_dcsx_nlct > li b {
  font-weight: 900;
  font-size: 30px;
}
.cs_dcsx_nlct > li strong {
  display: block;
  color: #333;
}
.r3_nlct {
  padding: 60px 0;
  position: relative;
}
.r3_nlct::before {
  content: "";
  background: url(../imgs/bg_vnl.png) no-repeat bottom;
  background-size: 100% 100%;
  height: 545px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.r3_nlct .t_cont_h2 {
  color: #fff;
  padding-bottom: 37px;
  position: relative;
  z-index: 1;
}
.r3_nlct .h_t_cont_h2 {
  padding-bottom: 10px;
}
.img_r3_nlct {
  height: 350px;
  position: relative;
  z-index: 1;
}
.img_r3_nlct img {
  display: block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #fff;
}
.nd_r3_nlct {
  padding: 25px 30px;
  text-align: center;
  position: relative;
  min-height: 90px;
}
.nd_r3_nlct::before {
  content: "";
  background: url(../imgs/bg_shadown_1.png) no-repeat;
  width: 15px;
  height: 140px;
  position: absolute;
  top: 0;
  left: -15px;
}
.nd_r3_nlct::after {
  content: "";
  background: url(../imgs/bg_shadown_2.png) no-repeat;
  width: 15px;
  height: 140px;
  position: absolute;
  top: 0;
  right: -15px;
}
.gallery-thumbs {
  padding-bottom: 40px;
}
.gallery-thumbs .swiper-slide {
  text-align: center;
  cursor: pointer;
}
.gallery-thumbs .swiper-slide strong {
  font-size: 19px;
  line-height: 23px;
  color: #666;
  position: relative;
  padding-bottom: 6px;
  display: block;
}
.gallery-thumbs .swiper-slide strong::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 11;
}
.line_lsht {
  height: 2px;
  display: block;
  background-color: #e5e5e5;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active strong {
  color: #077e3f;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active span,
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active strong::before {
  background-color: #077e3f;
}
.swiper-button-next-1-plus {
  right: 0;
  width: 8px;
  height: 14px;
  margin-top: -13px;
}
.swiper-button-prev-1-plus {
  left: 0;
  width: 8px;
  height: 14px;
  margin-top: -13px;
}
.swiper-button-next-1-plus:after {
  font-size: 22px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0da";
  color: #077e3f;
}
.swiper-button-prev-1-plus:after {
  font-size: 22px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0d9";
  color: #077e3f;
}
.swiper-button-next-1-plus.swiper-button-disabled,
.swiper-button-prev-1-plus.swiper-button-disabled {
  display: none;
}
.gallery-top .swiper-slide:nth-child(2n) .r_lsht {
  flex-direction: row-reverse;
}
.r_lsht {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
.img_lsht,
.nd_lsht {
  width: 550px;
}
.img_lsht img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  background-color: #eee;
}
.f_prod {
  padding: 40px 0 60px 0;
}
.list_prod {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list_prod > li {
  width: 300px;
  margin: 0 10px 30px 10px;
  text-align: center;
  padding: 0 10px;
  background: url(../imgs/bg_list_prod.png) no-repeat center top 273px;
}
.img_list_prod {
  background-color: #fff;
  border-radius: 5px;
  height: 363px;
  position: relative;
}
.img_list_prod img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
}
.img_list_prod::before {
  content: "";
  height: 5px;
  background-color: #077e3f;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  bottom: -5px;
  left: 5px;
  right: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.list_prod > li:hover .img_list_prod::before {
  background-color: #ffcd00;
}
.n_list_prod {
  font-size: 17px;
  line-height: 23px;
  padding-top: 20px;
  text-transform: capitalize;
}
.n_list_prod a {
  color: #333;
}
.n_list_prod a:hover {
  color: #077e3f;
}
.dt_list_prod {
  padding: 10px 0 0 0;
  color: #666;
}
.r1_prod_D {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding-bottom: 55px;
}
.nd_prod_D {
  width: 550px;
}
.title_prod_D {
  text-transform: capitalize;
  font-size: 30px;
  line-height: 40px;
  color: #077e3f;
  padding: 20px 0 5px 0;
}
.dt_prod_D {
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  color: #000;
  padding-bottom: 20px;
}
.ts_prod_D {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.ts_prod_D .f-detail {
  line-height: 21px;
  color: #555;
}
.r_pri_prod_D {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.r_pri_prod_D strong {
  font-weight: 600;
  color: #e91d2d;
  font-size: 20px;
}
.r_pri_prod_D span {
  color: #666;
  text-decoration: line-through;
  font-weight: 500;
}
.ct_prod_D,
.mt_prod_D {
  width: 265px;
}
.t_ts_prod_D {
  padding-bottom: 10px;
  font-size: 15px;
}
.slide_D {
  width: 560px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: relative;
}
.gallery-top3 {
  width: 460px;
  background: url(../imgs/bg_slide_D.png) no-repeat center bottom;
}
.gallery-top3::before {
  content: "";
  height: 5px;
  background-color: #077e3f;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  bottom: 5px;
  left: 15px;
  right: 15px;
}
.gallery-top3 .swiper-slide {
  opacity: 0;
  visibility: hidden;
}
.gallery-top3 .swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
}
.img-gallery-top3 {
  padding: 0 10px 10px 10px;
  height: 440px;
  position: relative;
}
.img-gallery-top3 img {
  cursor: zoom-in;
  border-radius: 5px;
  display: block;
  max-width: 94%;
  max-height: 94%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.gallery-thumbs3 {
  height: 440px;
  width: 90px;
  margin: 0 -5px;
  padding: 0 5px;
}
.gallery-thumbs3 .swiper-slide {
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  width: 88px;
  height: 88px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.gallery-thumbs3 .swiper-slide.swiper-slide-thumb-active {
  border-color: #077e3f;
}
.gallery-thumbs3 .swiper-slide img {
  border-radius: 5px;
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.gallery-thumbs3 .swiper-slide:last-child {
  width: 90px;
  height: 90px;
  border: none;
}
.fcb_vd_prod:hover::before {
  background-color: rgba(7, 126, 63, 0.5);
}
.fcb_vd_prod::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.fcb_vd_prod::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f144";
  font-size: 36px;
  color: #fff;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: auto;
}
.fcb_vd_prod img {
  border-radius: 5px;
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.swiper-button-next-3-plus {
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #077e3f;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.swiper-button-prev-3-plus {
  left: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #077e3f;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.swiper-button-next-3-plus.swiper-button-disabled,
.swiper-button-prev-3-plus.swiper-button-disabled {
  display: none;
}
.r2_prod_D {
  padding: 60px 0;
  background: #ccc url(../imgs/bg_cont.png) repeat;
}
.r2_prod_D .f-detail {
  color: #222;
}
.ul_share_social {
  text-align: center;
  padding-top: 40px;
  line-height: 20px;
}
.ul_share_social > li {
  display: inline-block;
}
.pop_dvtt_tq {
  display: none;
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
  width: 610px;
}
.img_pop_dvtt_tq {
  padding-bottom: 20px;
}
.img_pop_dvtt_tq img {
  display: block;
  width: 100%;
  height: auto;
}
.n_pop_dvtt_tq {
  color: #077e3f;
  font-size: 21px;
  line-height: 27px;
  padding-bottom: 10px;
}
.user_pop_dvtt_tq {
  font-weight: 600;
}
.link_bot_list_dvtt {
  color: #555;
}
.link_bot_list_dvtt:hover {
  color: #077e3f;
}
.pop_list_dvtt {
  display: none;
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
  width: 90%;
}
.pop_list_dvtt iframe {
  width: 100% !important;
}
.fancybox-close-small {
  color: #077e3f !important;
  width: 40px;
  height: 40px;
  padding: 5px !important;
}
.but_prod_D {
  padding-top: 2rem;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.but_prod_D {
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.but1_prod_D {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #077e3f;
  padding: 14px 24px;
  line-height: 20px;
  background-color: #d6ffe8;
  font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.but1_prod_D:hover {
  background-color: #afffd2;
}
.but2_prod_D {
  background: #077e3f;
  padding: 14px 24px;
  line-height: 20px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.but2_prod_D:hover,
.but2_prod_D:focus,
.but2_prod_D:active {
  background-color: #009545;
}
.but_02 {
  cursor: pointer;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #077e3f;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 11px 20px;
  background-color: #fff;
  border: 1px solid #077e3f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.but_02:hover {
  background-color: #edfff4;
}
.but_03 {
  cursor: pointer;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 20px;
  background-color: #077e3f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.but_03:hover {
  background-color: #085f32;
}
.but_prod_D .but_02,
.but_prod_D .but_03 {
  flex: 1;
}
.f_gh {
  background-color: #f6f6f6;
  padding: 30px 0 60px 0;
  font-size: 14px;
  font-weight: 400;
}
.f_gh .min_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}
.ct_f_gh {
  flex-basis: 760px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sb_f_gh {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 10px;
}
.title_ct_f_gh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.lb_ctc_gh {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  color: #666;
}
.lb_ctc_gh input,
.cb_r_cctfgh {
  cursor: pointer;
}
.lb_ctc_gh input:checked,
.cb_r_cctfgh:checked,
.lb_cktt_f_gh input:checked {
  accent-color: var(--SecondaryColor);
}
.but_ctc_gh {
  cursor: pointer;
  background: none;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #888;
  border: 0;
}
.but_ctc_gh:hover {
  color: #077e3f;
}
.m_r7_info_prod_D {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ct_r7_info_prod_D {
  flex: 1 0 40%;
  display: flex;
  gap: 10px;
}
.ct_r7_info_prod_D strong {
  font-weight: 500;
}
.ct_r7_info_prod_D p {
  color: #666;
  padding-bottom: 0;
  font-size: 13px;
  line-height: 17px;
}
.content_ct_f_gh > li {
  padding: 16px;
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.r_cctfgh {
  display: flex;
  align-items: center;
  gap: 12px;
}
.img_r_cctfgh {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding: 5px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.img_r_cctfgh img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.if_r_cctfgh {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.l_if_r_cctfgh {
  flex: 1;
  max-width: 100%;
}
.r_if_r_cctfgh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.na_if_r_cctfgh {
  display: block;
  font-weight: 500;
  color: #077e3f;
  margin-bottom: 4px;
  font-size: 16px;
}
.na_if_r_cctfgh:hover {
  color: #085f32;
}
.num_sl_prod_D {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.num_sl_prod_D button {
  border: 0;
  background: none;
  cursor: pointer;
  width: 46px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.num_sl_prod_D button:active {
  background-color: #eee;
}
.num_sl_prod_D button[disabled] {
  color: #ccc;
  cursor: not-allowed;
  background: none;
}
.text_num_sl_prod_D {
  width: 46px;
  height: 46px;
  padding: 0 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-1);
  background-color: #fff;
  border: 0;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
.text_num_sl_prod_D[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
.list_if_r_cctfgh {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.list_if_r_cctfgh > li {
  font-size: 12px;
  line-height: 16px;
  padding: 4px 8px;
  color: #333;
  background-color: #f6f6f6;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -ms-border-radius: 2.5px;
  -o-border-radius: 2.5px;
}
.sale_if_r_cctfgh {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
  font-size: var(--font-size-12);
  color: #333;
  font-weight: 500;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.pri_if_r_cctfgh {
  display: flex;
  gap: 10px;
}
.p1_pri_list_prod {
  font-size: 16px;
  font-weight: 500;
  color: #e91d2d;
  line-height: 20px;
}
.p2_pri_list_prod {
  font-size: 13px;
  color: #666;
  text-decoration: line-through;
  line-height: 20px;
}
.num_if_r_cctfgh button,
.num_if_r_cctfgh .text_num_sl_prod_D {
  width: 32px;
  height: 32px;
  font-size: 12px;
}
.nmkm_ct_f_gh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  background-color: #fff;
  padding: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.ipt_nmkm_ct_f_gh {
  flex: 1;
  width: 100%;
  height: 38px;
  border: 0.1rem solid #d9d9d9;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-sizing: border-box;
}
.txt_nmkm_ct_f_gh {
  flex: 1;
  width: 100%;
  min-height: 80px;
  border: 1px solid #d9d9d9;
  padding: 12px;
  resize: vertical;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-sizing: border-box;
}
.ipt_nmkm_ct_f_gh:focus,
.txt_nmkm_ct_f_gh:focus {
  border-color: #077e3f;
}
.lb_nmkm_ct_f_gh {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #666;
}
.but_nmkm_ct_f_gh {
  cursor: pointer;
  height: 38px;
  background-color: #eee;
  color: #666;
  font-weight: 500;
  font-size: 14px;
  border: 0;
  padding: 0 12px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.but_nmkm_ct_f_gh:active {
  background-color: #077e3f;
  color: #fff;
}
.bot_ct_f_gh {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.l_bot_ct_f_gh {
  flex-basis: 40%;
  max-width: 100%;
}
.til_l_bot_ct_f_gh {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-1);
  margin-bottom: 10px;
}
.des_l_bot_ct_f_gh {
  font-size: 13px;
  color: #666;
  margin-bottom: 16px;
  line-height: 17px;
}
.des_l_bot_ct_f_gh a {
  color: #077e3f;
  text-decoration: underline;
}
.des_l_bot_ct_f_gh a:hover {
  color: #077e3f;
  text-decoration: none;
}
.r_bot_ct_f_gh {
  flex: 1;
  flex-direction: column;
  gap: 10px;
  border-left: 1px solid #eee;
  padding-left: 16px;
}
.row_rbctfgh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
}
.l_row_rbctfgh {
  flex: 1;
  font-weight: 500;
}
.r_row_rbctfgh {
  flex-basis: 60%;
  max-width: 100%;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
  color: #e91d2d;
}
.note_rbctfgh {
  font-size: 13px;
  color: #333;
  padding: 10px 0;
  list-style: inside circle;
}
.but_rbctfgh {
  padding-top: 20px;
}
.but_rbctfgh .but_03 {
  width: 100%;
}
.c1_sb_f_gh {
  background-color: #fff;
  padding: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.c1_sb_f_gh .m_r7_info_prod_D {
  border: 0;
  padding: 0;
  flex-direction: column;
}
.c2_sb_f_gh {
  background-color: #fff;
  padding: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.form_c2_sb_f_gh {
  margin-bottom: 16px;
}
.form_c2_sb_f_gh > li {
  margin-bottom: 10px;
}
.form_c2_sb_f_gh > li:last-child {
  margin-bottom: 0;
}
.c1_ct_f_gh {
  background-color: #fff;
  padding: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.c1_ct_f_gh .content_ct_f_gh > li {
  padding: 0;
  margin-bottom: 16px;
}
.c1_ct_f_gh .content_ct_f_gh > li:last-child {
  margin-bottom: 0;
}
.c1_ct_f_gh .r_if_r_cctfgh {
  justify-content: flex-end;
  gap: 20px;
}
.c1_ct_f_gh .num_if_r_cctfgh {
  text-align: right;
}
.c1_ct_f_gh .content_ct_f_gh {
  padding-bottom: 16px;
  border-bottom: 0.1rem dashed #d9d9d9;
}
.c1_ct_f_gh .row_rbctfgh {
  padding-top: 16px;
}
.c1_ct_f_gh .l_row_rbctfgh {
  font-size: 18px;
}
.c2_ct_f_gh .row_rbctfgh {
  padding: 4px 0;
}
.c2_ct_f_gh .r_row_rbctfgh {
  font-weight: 400;
  font-size: 14px;
  color: #666;
}
.c2_sb_f_gh .note_rbctfgh {
  color: #333;
  padding: 0;
}
.c2_sb_f_gh .but_prod_D {
  padding-top: 0;
}
.cktt_f_gh {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}
.lb_cktt_f_gh {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 12px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -ms-border-radius: 2.5px;
  -o-border-radius: 2.5px;
}
.lb_cktt_f_gh input {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.lb_cktt_f_gh span {
  position: relative;
  z-index: 1;
  font-weight: 500;
}
.mask_cktt_f_gh {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f6f6f6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.lb_cktt_f_gh input:checked + span {
  color: #077e3f;
  font-weight: 500;
}
.lb_cktt_f_gh input:checked ~ .mask_cktt_f_gh {
  background-color: #d6ffe8;
}
.f_tttc {
  background-color: #f6f6f6;
  padding: 60px 0;
  font-size: 14px;
  font-weight: 400;
}
.content_f_tttc {
  width: 480px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  padding: 40px;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.title_content_f_tttc {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #077e3f;
  margin-bottom: 16px;
}
.r1_content_f_tttc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}
.note_content_f_tttc {
  color: #e91d2d;
}
.f_bank_tttc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bank_tttc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  width: 80%;
}
.l_bank_tttc {
  flex-basis: 80px;
  max-width: 100%;
}
.l_bank_tttc img {
  width: 100%;
  height: auto;
}
.r_bank_tttc {
  flex: 1;
  text-align: left;
}
.r_bank_tttc strong {
  font-weight: 500;
}
#animation-container {
  width: 50%;
  margin: auto;
}
#footer {
  font-size: 13px;
  line-height: 21px;
  background: #077e3f url(../imgs/bg_foot_1.png) repeat;
  color: #fff;
}
#footer a:hover {
  color: #ffcd00 !important;
}
.foot_1 {
  padding: 40px 0;
}
.foot_1 a {
  color: rgba(255, 255, 255, 0.9) !important;
}
.ul_foot_1 {
  overflow: hidden;
  margin: 0 -15px;
}
.ul_foot_1 > li {
  float: left;
  width: 33.33333%;
  min-height: 1px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.t_foot_1 {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 600;
  line-height: 23px;
  color: #fff;
  position: relative;
  padding: 10px 0;
}
.t_foot_1::before {
  content: "";
  width: 50px;
  height: 3px;
  background-color: #ffcf06;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.m_foot_1 {
  padding-top: 20px;
}
.ol1_foot_1 > li {
  padding-bottom: 20px;
}
.ol1_foot_1 > li:last-child {
  padding-bottom: 0;
}
.ol1_foot_1 > li strong {
  display: block;
  padding-bottom: 5px;
}
.ol1_foot_1 > li p {
  padding: 0;
}
.ol2_foot_1 {
  overflow: hidden;
}
.ol2_foot_1 > li {
  float: left;
  min-height: 1px;
  width: 48.5%;
}
.ol2_foot_1 > li:nth-child(2n) {
  float: right;
}
.ol3_foot_3 > li {
  padding-bottom: 5px;
}
.ol3_foot_3 > li > a {
  display: inline-block;
  position: relative;
  padding-left: 10px;
}
.ol3_foot_3 > li > a::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f105";
  position: absolute;
  top: 0;
  left: 0;
}
.note_foot_1 {
  padding: 15px 0 0 0;
}
.note_foot_1 i {
  margin-right: 3px;
}
.foot_2 {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.foot_2 .min_wrap {
  padding: 10px 0;
}
.foot_2 a {
  color: rgba(255, 255, 255, 0.8);
}
.f-detail {
  line-height: 1.6;
}
.f-detail div,
.f-detail h1,
.f-detail h2,
.f-detail h3,
.f-detail h4,
.f-detail h5,
.f-detail h6,
.f-detail img,
.f-detail p,
.f-detail span,
.f-detail strong,
.f-detail table {
  max-width: 100% !important;
}
.f-detail img {
  padding: 5px 0;
  max-width: 100% !important;
  height: auto !important;
}
.f-detail a {
  color: #077e3f;
}
.f-detail a:hover {
  color: #ffcd00;
}
.f-detail iframe {
  max-width: 100% !important;
}
.f-detail table tr {
  background: #fff;
}
.f-detail table tr:nth-child(2n) {
  background: #f9f9f9;
}
.f-detail table td {
  padding: 10px;
}
.f-detail ol,
.f-detail ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.f-detail ul li {
  list-style: disc;
  margin-left: 30px;
}
.f-detail ol li {
  list-style: decimal;
  margin-left: 30px;
}
.tag {
  padding: 20px 0 0 0;
  font-size: 11px;
  overflow: hidden;
  font-family: Arial;
  line-height: 18px;
}
.tag span {
  color: #939393;
  padding: 2px 5px 2px 23px;
  background: #f1f1f1 url(../imgs/icontag.png) no-repeat 5px 5px;
  display: block;
  float: left;
  margin: 0 3px 3px 0;
}
.tag a {
  padding: 2px 5px;
  color: #656565;
  background: #f1f1f1;
  display: block;
  float: left;
  margin: 0 3px 3px 0;
}
.tag a:hover {
  background: #e2e2e2;
}
.error-sty {
  color: #f70000;
  font-weight: 400;
  padding: 5px 0;
  font-size: 11px;
}
.clear {
  clear: both;
  height: 0;
  float: none;
}
.box-sizing-fix {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.img_object_fit {
  object-fit: cover;
  -moz-object-fit: cover;
  -webkit-object-fit: cover;
  -o-object-fit: cover;
  -ms-object-fit: cover;
}
::-webkit-input-placeholder {
  opacity: 1;
}
::-moz-placeholder {
  opacity: 1;
}
:-ms-input-placeholder {
  opacity: 1;
}
:-moz-placeholder {
  opacity: 1;
}
.sty_slec {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.sty_slec::-ms-expand {
  display: none;
}
.sty_transition {
  -webkit-transition: ease 0.3s;
  -moz-transition: ease 0.3s;
  -o-transition: ease 0.3s;
  -ms-transition: ease 0.3s;
  transition: ease 0.3s;
}
.hover_img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.hover_img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
select option {
  font-size: 12px;
  padding: 0 5px;
}
button,
input,
select,
textarea {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  color: #777;
}
button:active {
  opacity: 0.9;
}
.ol_r3_cont,
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) #ddd;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #ddd;
}
::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  padding: 3px;
}
#star img {
  display: inline-block;
  width: auto;
  height: 18px;
  position: relative;
  top: -1px;
}
.page {
  font-size: 13px;
  padding: 20px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}
.PageNum a {
  display: inline-block;
  color: #666;
  background-color: #fff;
  padding: 3px 10px;
  margin: 0 3px 5px 0;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
}
.PageNum a:hover {
  color: #fff;
  background-color: #077e3f;
  border-color: #077e3f;
}
.PageNum span {
  border-radius: 2px;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  padding: 3px 10px;
  margin: 0 3px 5px 0;
  background-color: #077e3f;
  border: 1px solid #077e3f;
}
.icon_menu_mobile {
  visibility: hidden;
  width: 40px;
  height: 40px;
  background: url(../imgs/menu_mobile.png) no-repeat center center;
  position: absolute;
  top: 10px;
  left: 2%;
  z-index: 1;
  cursor: pointer;
  display: block;
}
.menu_mobile {
  visibility: hidden;
  background: #fff;
  width: 280px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: -280px;
  z-index: 99999;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.close_menu_mobile {
  background: rgba(255, 255, 255, 0);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 280px;
  z-index: 7009;
}
.show_menu_mobile {
  overflow-y: hidden;
}
.show_menu_mobile .menu_mobile {
  left: 0;
}
.show_menu_mobile #wrapper::after {
  content: "";
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10001;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.menu_accordion {
  padding: 0 15px;
}
.ul_ma_1 > li {
  font-size: 15px;
  position: relative;
}
.ul_ma_1 > li > a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: #000;
  padding: 10px 38px 10px 10px;
  border-bottom: 1px solid #eee;
}
.ul_ma_1 > li.active > a,
.ul_ma_1 > li > a:hover {
  color: #077e3f;
  font-weight: 600;
}
.ul_ma_1 > li.active {
  color: #077e3f;
  background-color: #fff;
}
.ul_ma_1 > li.active .ul_ma_2 {
  display: block;
}
.ul_ma_2 {
  display: none;
}
.ul_ma_2 > li > a {
  background-color: #f9f9f9;
  border-left: 3px solid#077e3f;
  border-bottom: 1px solid #eee;
  padding: 10px 0 10px 20px;
  display: block;
  color: #000;
}
.ul_ma_1 > li.active .arrown_menu_accordion {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.arrown_menu_accordion {
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  position: absolute;
  top: 1px;
  right: 0;
  cursor: pointer;
  font-style: normal;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.arrown_menu_accordion::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f078";
}
.t_ul_ma_1 {
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 0 5px 0;
  display: inline-block;
  border-bottom: 1px solid #000;
}
.list_social_rwd {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 15px;
}
.list_social_rwd > li + li {
  margin-left: 10px;
}
.list_social_rwd > li > a {
  font-size: 18px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #555;
  border: 1px solid #ccc;
  display: block;
}
.list_social_rwd > li > a:active {
  color: #fff;
  background-color: #077e3f;
  border-color: #077e3f;
}
.click_s_rwd2 {
  display: none;
  height: 40px;
  color: #333;
  line-height: 40px;
  position: absolute;
  top: 10px;
  right: 2%;
  font-size: 13px;
  text-transform: uppercase;
}
.click_s_rwd2_lang {
  display: inline-block;
  height: 40px;
  color: #333;
  line-height: 40px;
  font-size: 13px;
  text-transform: uppercase;
}
.click_s_rwd2_lang:hover .sub_click_s_rwd2 {
  display: block;
}
.sub_click_s_rwd2 {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  background-color: #077e3f;
  border-radius: 4px;
  min-width: 50px;
}
.sub_click_s_rwd2 > li > a {
  display: block;
  line-height: 21px;
  color: #fff;
  padding: 0 10px;
  text-align: center;
}
.sub_click_s_rwd2 > li.active > a {
  background-color: #ffcd00;
}
@media only screen and (min-width: 1367px) {
  .swiper-button-next-3,
  .swiper-button-next-4 {
    right: 6%;
  }
  .swiper-button-prev-3,
  .swiper-button-prev-4 {
    left: 6%;
  }
}
@media only screen and (min-width: 1600px) {
  .swiper-button-next-3,
  .swiper-button-next-4 {
    right: 12%;
  }
  .swiper-button-prev-3,
  .swiper-button-prev-4 {
    left: 12%;
  }
}
@media only screen and (min-width: 1921px) {
  .slide,
  .swiper1 {
    max-height: 1080px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .min_wrap,
  .min_wrap2 {
    width: 960px;
  }
  .sty_cont {
    padding: 0 45px;
  }
  .l_mn > li {
    margin-right: 15px;
  }
  .r_mn > li {
    margin-left: 15px;
  }
  .ul_mn > li > a {
    font-size: 13px;
  }
  .l_hea {
    padding-right: 86px;
    background-position: bottom right 86px;
  }
  .r_hea {
    padding-left: 86px;
    background-position: bottom left 76px;
  }
  .swiper1 {
    height: 576px;
  }
  .swiper2 {
    margin: 0 10px !important;
  }
  .swiper2-plus .swiper-slide img {
    max-width: 90%;
  }
  .csat_h .t_cont_h {
    padding: 0 12px;
  }
  .ul_csat_h {
    padding-left: 0;
    padding-right: 0;
  }
  .list_news > li {
    width: 300px;
  }
  .img_dvtt_tq,
  .img_news {
    height: 200px;
  }
  .dcsx_nlct,
  .kscl_nlct {
    width: 465px;
  }
  .img_r2_nlct {
    height: 310px;
  }
  .list_prod {
    padding: 0;
  }
  .list_prod > li {
    width: 280px;
    background-size: 100% auto;
    background-position: center top 260px;
  }
  .img_list_prod {
    height: 350px;
  }
  .nd_prod_D {
    width: 370px;
  }
  .csat_tq ul {
    padding: 0 0 0 40px;
  }
  .csat_tq,
  .ct_prod_D,
  .img_htpp,
  .img_lsht,
  .lsht_tq,
  .mt_prod_D,
  .nd_htpp,
  .nd_lsht {
    width: 48%;
  }
  .ct_f_gh {
    flex: 2;
  }
}
@media only screen and (max-width: 1023px) {
  body,
  html {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .icon_menu_mobile {
    visibility: visible;
  }
  #wrapper {
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    left: 0;
  }
  .min_wrap,
  .min_wrap2 {
    width: 96%;
  }
  .click_s_rwd2 {
    display: block;
  }
  #header {
    height: 60px;
    position: fixed;
  }
  #header::before {
    height: 20px;
    bottom: -20px;
  }
  .logo {
    width: 97px;
    height: 68px;
    top: 6px;
  }
  .swiper1 {
    height: calc(100vw - 43.75vw);
  }
  #container {
    padding-top: 60px;
  }
  .h_r1_nlct,
  .t_gt_h {
    font-size: 40px;
    line-height: 50px;
  }
  .h_t_cont_h,
  .h_t_cont_h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .csat_h .t_cont_h {
    padding: 0 40px;
  }
  .swiper2 {
    margin: 0 40px !important;
  }
  .news_h .list_news {
    padding-top: 0;
  }
  .list_news {
    margin: 0;
    justify-content: space-between;
  }
  .list_news > li {
    width: 48%;
    padding: 0;
  }
  .ul_foot_1 > li {
    width: 50%;
    padding: 0 2%;
  }
  .img_news {
    height: calc(100vw - 69.28vw);
  }
  .ul_csat_h {
    padding-left: 0;
    padding-right: 0;
  }
  .box_csat1 .box_csat,
  .box_csat2 .box_csat {
    width: 150px;
    height: 130px;
  }
  .box_csat strong {
    font-size: 60px;
    line-height: 60px;
  }
  .swiper-button-next-3,
  .swiper-button-next-4 {
    right: 2%;
  }
  .swiper-button-prev-3,
  .swiper-button-prev-4 {
    left: 2%;
  }
  .bg_cont {
    padding-top: 20px;
  }
  .r2_nlct {
    display: block;
  }
  .dcsx_nlct,
  .kscl_nlct {
    width: auto;
    padding-bottom: 4%;
  }
  .img_r2_nlct {
    height: auto;
  }
  .nd_r2_nlct {
    text-align: center;
  }
  .nd_r3_nlct {
    background-color: #fff;
  }
  .tq .min_wrap {
    display: block;
  }
  .lsht_tq {
    width: auto;
    text-align: center;
  }
  .csat_tq {
    width: auto;
  }
  .csat_tq ul li {
    padding-top: 140px !important;
  }
  .htpp {
    min-height: 500px;
  }
  .swiper4 .swiper-slide {
    width: 360px;
  }
  .f_htpp,
  .r_lsht {
    min-height: 70vh;
  }
  .img_htpp,
  .img_lsht,
  .nd_htpp,
  .nd_lsht {
    width: 48%;
  }
  .list_dvtt > li {
    display: block;
    margin-bottom: 4%;
  }
  .img_list_dvtt {
    width: auto;
    height: auto;
    max-height: 500px;
  }
  .img_list_dvtt img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .nd_list_dvtt {
    width: auto;
    top: auto;
  }
  .r1_prod_D {
    display: block;
  }
  .slide_D {
    width: auto;
  }
  .nd_prod_D {
    width: auto;
  }
  .cnct,
  .cnct_h,
  .f_cont,
  .f_prod,
  .gt_h,
  .htqt,
  .in_csat_h,
  .news_h,
  .prod_h,
  .r1_nlct,
  .r2_prod_D,
  .r3_nlct,
  .tq {
    padding: 6% 0;
  }
  .foot_1 {
    padding: 4% 0;
  }
  .filter_td {
    padding-top: 4%;
  }
  .htpp,
  .other_D {
    padding-top: 6%;
  }
  .r1_prod_D,
  .r2_nlct {
    padding-bottom: 6%;
  }
  .csat_tq ul,
  .list_prod {
    padding: 0;
  }
  .ul_foot_1 {
    margin: 0;
  }
  .ul_breacrum {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .f_gh {
    padding: 20px 0 40px 0;
  }
  .csat_tq .box_csat1::before,
  .csat_tq .box_csat2::before,
  .img_list_dvtt::before,
  .l_hea,
  .nav_mn,
  .news_h .list_news > li:nth-child(3),
  .r_hea,
  .ul_foot_1 > li:nth-child(2) {
    display: none;
  }
  .f-detail table,
  .f-qldh {
    display: block;
    overflow-x: auto;
  }
  .sty_cont {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  .d_form_s {
    width: 90%;
  }
  .close_form_s {
    top: 5%;
    right: 5%;
  }
  .f_tttc {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 480px) {
  .min_wrap,
  .min_wrap2 {
    width: 94%;
  }
  .icon_menu_mobile,
  .swiper-button-prev-3,
  .swiper-button-prev-4 {
    left: 3%;
  }
  .click_s_rwd2,
  .swiper-button-next-4,
  .swiper-button-prev-3 {
    right: 3%;
  }
  .cnct,
  .cnct_h,
  .f_cont,
  .f_prod,
  .gt_h,
  .htqt,
  .in_csat_h,
  .news_h,
  .prod_h,
  .r1_nlct,
  .r2_prod_D,
  .r3_nlct,
  .tq {
    padding: 9% 0;
  }
  .foot_1 {
    padding: 6% 0;
  }
  .htpp,
  .other_D {
    padding-top: 9%;
  }
  .h_lsht_tq,
  .h_r1_nlct,
  .t_gt_h {
    font-size: 30px;
    line-height: 40px;
  }
  .h_bg_cont,
  .h_t_cont_h,
  .h_t_cont_h2,
  .t_f_contact {
    font-size: 20px;
    line-height: 30px;
  }
  .title_D,
  .title_prod_D {
    font-size: 24px;
    line-height: 30px;
  }
  .csat_h .t_cont_h {
    padding: 0;
  }
  .ul_csat_h {
    display: block;
    padding: 0;
  }
  .ul_csat_h > li {
    animation: none;
    position: static !important;
    padding-top: 6%;
  }
  .box_csat1 .box_csat,
  .box_csat2 .box_csat {
    width: auto;
  }
  .in_news {
    width: auto;
    position: static;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
  }
  .n_news {
    height: 63px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .ul_foot_1 > li {
    padding: 3% 0;
    width: auto;
  }
  .f_contact {
    display: block;
    padding-top: 0;
  }
  .l_f_contact {
    width: auto;
    padding-bottom: 6%;
  }
  .r_f_contact {
    width: auto;
    padding: 20px;
  }
  .but_contact {
    width: 100%;
  }
  .maps_ct {
    height: 200px;
  }
  .filter_td {
    padding-top: 0;
    display: block;
  }
  .in_filter_td {
    border-radius: 0;
    justify-content: space-between;
  }
  .div_tb {
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
  }
  .m_tb,
  .t_tb {
    width: 800px;
  }
  .img_r3_nlct {
    height: 120px;
  }
  .r3_nlct::before {
    height: 50%;
  }
  .cs_dcsx_nlct {
    display: block;
    text-align: center;
  }
  .cs_dcsx_nlct > li {
    padding-bottom: 6%;
  }
  .htqt .link_t_cont_h2 {
    display: block;
  }
  .htqt .link_t_cont_h2 a {
    border-radius: 0;
    background-color: #f9f9f9;
    color: #077e3f;
    margin-bottom: 1px;
  }
  .htqt .link_t_cont_h2 a + a {
    margin-left: 0;
  }
  .htqt .link_t_cont_h2 a.active {
    color: #fff;
  }
  .swiper4 {
    padding-top: 0 !important;
  }
  .csat_tq ul {
    display: block;
    padding-top: 6%;
  }
  .csat_tq ul li {
    padding-top: 3% !important;
  }
  .f_htpp,
  .r_lsht {
    display: block;
    min-height: inherit;
  }
  .img_htpp,
  .img_lsht,
  .nd_htpp,
  .nd_lsht {
    width: auto;
    padding-bottom: 6%;
  }
  .gallery-thumbs .swiper-slide strong {
    font-size: 15px;
  }
  .list_prod > li {
    margin-left: 0;
    margin-right: 0;
    background-position: 100% auto;
  }
  .ts_prod_D {
    display: block;
  }
  .ct_prod_D,
  .mt_prod_D {
    width: auto;
    padding-bottom: 3%;
  }
  .slide_D {
    display: block;
  }
  .gallery-top3 {
    width: auto;
    background: 0 0;
  }
  .gallery-thumbs3 {
    height: 70px;
    width: auto;
    padding: 10px 0 !important;
  }
  .gallery-thumbs3 .swiper-slide {
    width: 68px;
    height: 68px;
  }
  .gallery-thumbs3 .swiper-slide:last-child {
    width: 70px;
    height: 70px;
  }
  .img-gallery-top3 {
    height: calc(calc(100vw - 6vw) - 20px);
  }
  .swiper-button-next-3-plus {
    right: 0;
  }
  .swiper-button-prev-3-plus {
    left: 0;
  }
  .l_bot_ct_f_gh {
    flex-basis: 100%;
  }
  .r_bot_ct_f_gh {
    flex-basis: 100%;
    padding-left: 0;
    border-left: 0;
  }
  .r_bot_ct_f_gh .row_rbctfgh:last-child {
    padding-top: 10px;
    border-top: 1px solid #d9d9d9;
    margin-top: 10px;
  }
  .c2_ct_f_gh .row_rbctfgh:last-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  .r_cctfgh {
    align-items: flex-start;
  }
  .if_r_cctfgh {
    flex-wrap: wrap;
    gap: 12px;
  }
  .l_if_r_cctfgh,
  .r_if_r_cctfgh {
    flex-basis: 100%;
  }
  .c1_ct_f_gh .r_if_r_cctfgh {
    justify-content: space-between;
  }
  .na_if_r_cctfgh {
    margin-bottom: 0;
  }
  .content_f_tttc {
    padding: 24px;
  }
  .box_csat1 img,
  .box_csat1::before,
  .box_csat2 img,
  .box_csat2::before,
  .gallery-top3::before {
    display: none;
  }
}