body { color: #333; font-size: 14px;  font-family: Arial; }
a{color: #333;}
a:hover{color: #0a8496;}
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; }
img {
  aspect-ratio: attr(width) / attr(height);
}
ul, ol, li, dl, dd, dt {list-style-type: none; }
.img-width{width: 100%;height: auto;}
.main-container { margin-bottom: 40px; margin-top: 30px; }
.bghui{background: #f2f2f2;}
.card-thumb img{transition: all 0.5s ease;}
.card-thumb:hover img{transform: scale(1.05);}
.container-xl.long{max-width: 1630px;}
@media(max-width:768px) {
    .main-container { margin: 10px 0 30px; }
}
@media(max-width:1330px) {
    .container-xl{max-width: 1230px;}
}


body{margin-top: 113px;}

.header {z-index: 999;width: 100%;top: 0;background: #fff;position: fixed;width: 100%;}
.header-desc{font-size: 14px;color: #97c6f4;line-height: 42px;background: #fff;}
.header-top{background: #fff; padding: 20px 0; }
.header-top .top-box {display: flex;align-items: center;justify-content: flex-end;}
.header-top .top-search{margin-left: 20px;}

.header.fadeInDown{border-bottom: 1px solid #0a8496;}
.header.fadeInDown .header-top{padding: 0;}

.navbar { padding: 0px;position: relative; z-index: 9999;}
.navbar-custom { top: 0; z-index: 2; justify-content: end;}
.navbar-custom .navbar-nav > .nav-item { font-size: 16px; min-width: 100px; margin: 0 15px;  }
.navbar-custom .navbar-nav .nav-link {display: flex;align-items: center;line-height: 40px;justify-content: center; text-align: center; color:#333; font-size: 16px; }
.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 5px;background: linear-gradient(#28bed4, #0f8da0);position: absolute; bottom: 0;}
.navbar-custom .navbar-nav .nav-link:hover:before,.navbar-custom .navbar-nav .nav-link.active:before{width: 70px; transition: all 0.3s;}
.navbar-custom .navbar-nav > .nav-item.active .nav-link:before{width: 70px;}
.navbar-custom .navbar-nav .nav-link:hover{color: #008296;}
.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active{color: #008296;}
.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

.header-top .navbar .dropdown-menu{border-top: 2px solid #068388;border-radius: 0 0 20px 20px;padding: 10px 15px;}
.header-top .navbar .dropdown-menu .dropdown-item{border-bottom: 1px solid #dfdfdf;padding-top: 10px;padding-bottom: 10px;}


.content-wrapper.article .content a{color: #261fa0;}
.content-wrapper.article .content a:hover{color: #0a8496;transition: all 0.5s;}

@media(max-width:1600px) {
.navbar-custom .navbar-nav .nav-item { margin: 0 5px;}


}

.header-mb{background: #0a8496;position: fixed;top: 0;left: ;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;}
.header-mb .container-xl{height: 50px;}
.header-mb .top-logo{width: 50%;}
.header-mb .top-logo img{height: 30px;width: auto;}
.header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; }
.header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;}
.header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;}
.header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; }
.header-mb .top-mb .top-mb-search i{font-size: 16px;color: #fff}
.header-mb .top-mb .icon-bars{color: #fff;}
.header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #fff;}
.top-mb-search-box{display: none; position: fixed;background: #008296; top: 50px; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; }
.top-mb-search-box .search-group{width: 100%;height: 38px;}


.mobile-head-item .main-content-wrap {
  background: #FFF;
  top: 0;
  display: block;
  z-index: 99999;
 }
 .mobile-head-item .main-content-wrap .content-wrap {
  overflow-y: auto;
  height: 100%;
  padding: 15px 10px;
  background-color: #fff;
 }
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
  overflow-y: hidden;
 }
 .mobile-head-item .side-content-wrap {
  position: fixed;
  display: block;
  right: -80%;
  width: 80%;
  height: 100%;
 }
 .mobile-head-item .middle-content-wrap {
  position: absolute;
  right: 0;
  width: 100%;
  height: auto;
  padding: 20px 0;
  opacity: 0;
  visibility: hidden;
 }
 .mobile-head-item .middle-show-content-wrap {
  top: 30px;
  visibility: visible;
  opacity: 1;
 }
 .head_top .top_left {
  display: none;
 }
 
 .head_nav {
  width: 100%;
  padding: 0 5px;
 }
 .head_nav li {
  padding-left: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
 }
 .head_nav li,
 .head_nav li a {
  color: #111;
 }
 .head_nav li.has-child {
  padding-left: 28px;
  margin-top: 0;
  margin-bottom: 0;
 }
 .head_nav li.has-child>a {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 35px;
 }
 .head_nav li.has-child>ul {
  display: none;
 }
 .head_nav li.siblings-no-menu {
  position: relative;
  padding-left: 15px;
 }
 .head_nav li a {
  display: block;
  height: 1.4em;
  line-height: 1.4em;
  position: relative;
 }
 .head_nav li a:hover {
  color: inherit;
 }
 .head_nav li em {
  display: block;
  height: 1.4em;
  overflow: hidden;
 }
 .head_nav li li {
  font-size: 14px;
 }
 .head_nav li li li {
  font-size: 12px;
 }
 .head_nav li li a {
  color: #666;
 }
 .head_nav li.has-child a b {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #111;
  border-radius: 2px;
  overflow: hidden;
  line-height: 15px;
  position: absolute;
  right: -35px;
  top: 1px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
 }
 .head_nav li.has-child a b:before,
 .head_nav li.has-child a b:after {
  content: '';
  display: block;
  width: 9px;
  height: 1px;
  background-color: #111;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -.5px;
 }
 .head_nav li.has-child a b:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
 }
 .head_nav li.has-child a:hover b {
  border-color: #111;
 }
 .head_nav>li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
 }
 .head_nav>li>a {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: -1px;
  position: relative;
  text-transform: uppercase;
  position: relative;
 }
 .head_nav li,
 .head_nav li.has-child {
  padding-left: 0;
 }
 .head_nav li li,
 .head_nav li li.has-child {
  padding-left: 15px;
 }
 .head_nav li.active>a>b:after {
  display: none;
 }
 .head_nav li.active>a>b {
  background-color: #111;
 }
 .head_nav li.active>a>b:before,
 .head_nav li.active>a>b:after {
  background-color: #fff;
 }

 .mobile-ico-close {
  width: 30px;
  height: 30px;
  background: #fff url(../webp/mobile_close4nr3ki.webp) center center no-repeat;
  background-size: 50% auto;
  position: absolute;
  left: -35px;
  top: 0;
  cursor: pointer;
 }






.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #008296; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #008296 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

.menu-horizontal-wrapper.pro{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);}
.menu-horizontal-wrapper.pro h2{font-size: 22px;color: #0a8496;padding: 15px 10px;text-align: center;font-weight: bold;border-bottom: 5px solid #0a8496;}
.menu-horizontal { display: block;padding: 10px;}
.menu-horizontal .nav-item {  display: block; margin-bottom: 2px;border-bottom: 1px dashed #ced4da; }
.menu-horizontal .nav-item:last-child{margin-bottom: 0;}
.menu-horizontal .nav-link {width: 100%; padding: 8px 15px; color: #333333;display: block;text-align: left;  font-size: 17px; }
.menu-horizontal .nav-item.active .nav-link{color: #0a8496;  }
.menu-horizontal .nav-link:hover {color: #0a8496; transition: all 0.3s; }

.nav-left.fadeInDown{position: fixed;top: 80px;z-index: 99;width: 352px;background: #fff;}

@media(max-width:1550px) {
    .nav-left.fadeInDown{width: 23%;}
}

.feedback-left{display: flex;align-items: center;background: #fff;box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);cursor: pointer;}
.feedback-left .left{width: 20%;min-width: 65px;}
.feedback-left .right{text-align: center;font-size: 20px;width: 80%;}
.feedback-left:hover .right{color: #0a8496;transition: all 0.5s;}

.menu-horizontal .nav-item.active .menu-horizontal-child{display: flex;}
.menu-horizontal-child { display: none; flex-wrap: wrap; padding-left: 10px; }
.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;width: 100%;}
.menu-horizontal-child .nav-link-child:before { content: "-"; font-size: 14px;color: #727272;margin-right: 7px;}
.menu-horizontal-child .nav-link-child { color: #515151;font-size: 14px;line-height: 24px; padding: 5px 15px; width: 100%;display: block; }
.menu-horizontal-child .nav-link-child.active { color: #0a8496;text-decoration: underline; }
.menu-horizontal-child .nav-link-child.active:before { color: #0a8496;}
.menu-horizontal-child .nav-link-child:hover{color: #0a8496; text-decoration: underline; }
.menu-horizontal-child .nav-link-child:hover:before { color: #0a8496;}

.ny-nav{margin-top: 40px;}
.menu-horizontal-about{display: flex;justify-content: center;margin-bottom: 35px;}
.menu-horizontal-about .nav-item-about { margin-right: 12px;margin-left: 12px; color: #626262;}
.menu-horizontal-about .nav-link-about {padding: 10px 25px; color: #626262;display: block; text-align: left;background: #efefef; font-size: 18px;border-radius: 50px;overflow: hidden; }
.menu-horizontal-about .nav-link-about.active,.menu-horizontal-about .nav-link-about:hover {color: #fff; background: linear-gradient(#28bed4, #0f8da0);  }

@media(max-width:768px) {
    .nynav-about{padding-right: 0px;}
    .ny-nav{margin-top: 10px;padding-left: 15px;padding-right: 15px;}
}

.contact-wrapper .img{border: 2px solid #3ba76f;line-height: 0;}
.contact-wrapper .img iframe{width: 100%;}



.ny-crumb{}
.ny-crumb .container-xl{display: flex;justify-content: flex-start;align-items: center;height: 400px; }
.ny-crumb .container-xl.newsnr{justify-content: center;}
.ny-crumb .container-xl.newsnr .page-title .breadcrumb{ justify-content: center;margin-bottom: 10px; }
.page-title { display: block; }
.page-title .title{font-size: 36px;font-weight: bold; color: #0a8496;text-align: left;margin-bottom: 10px;}
.page-title a{color: #0a8496;}
.page-title a:hover{text-decoration: underline;}
.page-title .breadcrumb { justify-content: flex-start; }
.page-title .breadcrumb-item + .breadcrumb-item::before { color: #0a8496;font-family: cmsfont; content: "\f054";font-size: 10px;  }
.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 0.25rem; color: #0a8496}

.page-title.colorbai .title{color: #fff;}
.page-title.colorbai a{color: #fff;}
.page-title.colorbai .breadcrumb:before {color: #fff;}
.page-title.colorbai .breadcrumb-item + .breadcrumb-item::before { color: #fff;}

.wznav .breadcrumb { justify-content: center; }
.wznav a{color: #0a8496;}
    .wznav .breadcrumb-item + .breadcrumb-item::before { content: '';
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    border: .55em solid #0a8496;
    border-top-width: .3em;
    border-bottom-width: .3em;
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    vertical-align: middle;
    margin-right: .4em;
    margin-left: 0.4em;
    border-left-color: #0a8496; }
    .wznav{background: #fff;font-size: 16px!important;padding: 20px 15px;margin-bottom: 20px;border-bottom: 1px solid #ddd; text-align: center;}
    .wznav .breadcrumb-item:last-child a{color: #d0220b;font-weight: bold;}

@media(max-width:768px) {
  .page-title .title{text-align:center;}
    body{margin-top: 50px;}
    .ny-crumb{background-size: cover;margin-top: 50px;}
    .ny-crumb .container-xl{height: 100px;}
    
    .page-title{ width: 100%;}
    
}



footer { background: #0a8496;padding-top: 40px;}
footer h3{color: #fff;font-size: 26px;margin-bottom: 20px;font-family: Arial;font-weight: bold;}
footer h3:after{content: "";width: 180px;height: 2px;background: #ffffff;display: block;margin-top: 12px; margin-bottom: 20px;}
footer .foot-logo{margin-bottom: 30px;}
footer .list{}
footer .list p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;font-size: 16px;line-height: 30px;}
footer .list p a{color: #fff;}
footer .list p a:hover{text-decoration: underline;}
footer .foot-bottom .addr{}
footer .foot-bottom .addr p{font-size: 16px;color: #fff;line-height: 30px;margin-bottom: 10px;}
footer .foot-bottom .social span{border-radius: 20%;overflow: hidden;width: 30px;margin-right: 10px; height: 30px;display: flex;justify-content: center;align-items: center;}
footer .foot-bottom .social span:before{font-size: 1.3rem;width: 1.3rem;}
footer .foot-bottom .addr p a{color: #fff;}
footer .foot-bottom .addr p a:hover{text-decoration: underline;}
footer .foot-bottom .social a{border-radius: 20%;overflow: hidden;width: 30px;margin-right: 10px; height: 30px;display: flex;justify-content: center;align-items: center;}
footer .foot-bottom .social a:before{display: none;}
footer .foot-bottom .social .social-youtube:before{display: none;}
footer .foot-bottom .social .social-whatsapp{background: #14bf28 !important;}
footer .foot-bottom .social .social-whatsapp:hover{background: #41cc51 !important;}
footer .foot-bottom .social a i{font-size: 18px;}

footer .footpro h3:after{content: "";width: 80%;height: 2px;background: #ffffff;display: block;margin-top: 12px; margin-bottom: 20px;}
footer .footpro .list-box{display:flex;justify-content:space-between;width:80%;position:relative;}
footer .footpro .list{width:48%;}

@media(max-width:768px) {
	footer h3{margin-top: 10px;}
    footer .list p{padding-left: 0px;}
    
}



#open-feedback{z-index: 99; background: #fff;display: none; position: fixed;opacity: 0; width: 360px;left: calc(50% - 180px);top: 20%;box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4);}
#open-feedback.active{opacity: 1;transition: all 0.5s;display: block;}
#open-feedback .text{background: #0b8497;text-align: center;position: relative;}
#open-feedback .close{cursor: pointer; width: 25px;height: 25px;background: url(../webp/tcoff52tlti.webp) no-repeat;display: block;position: absolute;right: -10px;top: -10px;z-index: 99;}
#open-feedback .text .desc{font-size: 22px;color: #fff; line-height: 60px;}
#open-feedback .nr{background: #f6f6f6;padding: 30px;}
.banner .banner-text .container-xl{padding-left: 60px;}
.banner .banner-text h3{font-size: 46px;font-weight: bold;color: #fff;margin-bottom: 20px;text-align: left;}
.banner .banner-text h4{font-size: 60px;font-weight: bold;color: #fff;margin-bottom: 40px;text-align: left;}
.banner .banner-text h4 span{color: #fbc12a;}
.banner .more{text-align: center;background: #fbc12a;width: 320px;color: #fff;height: 50px;display: block;font-size: 20px;font-weight: bold;line-height: 50px;}
.banner .more:hover{text-decoration: underline;color: #fff;}

@media(max-width:768px) {
    .banner .banner-text .container-xl{padding-left: 15px;}
    .banner .banner-text h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}
.banner .banner-text h4 {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}
    .banner .more {
        width: 100%;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
}


.home-title{font-size: 42px;text-align: center;font-weight: bold;font-family: Calibri}
.home-title:after{content: "";width: 142px;height: 6px;background: #0a8496;display: flex;margin: 20px auto 25px;}
.home-news-content{width:527px;text-align:center;margin:auto;}
.home-news-content>p{width:527px;margin-bottom:50px;color:#999;}

.home-contact{background: url(../webp/contactbgb038y9.webp) no-repeat center;background-size: cover;padding: 30px 0 40px;}
.home-contact p{font-size: 24px;color: #007182;font-weight: bold;text-align: center;line-height: 30px;}
.home-contact a{width: 170px;height: 35px;border: 2px solid #177686;display: block;margin: 15px auto 0;text-align: center;line-height: 32px;font-size: 22px; color: #177686;}
.home-contact a:hover{text-decoration: underline;}

.home-service{margin-bottom: 40px;position: relative;margin-top: -15px;z-index: 10;}
.home-service .service-box{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 47px 0 32px;background: #fff;position: relative;}
.home-service .service-box .serbg{background: #068389;height: 15px;position: absolute;top: 0;left: 0;right: 0;}
.home-service .col-md-4{display: flex;justify-content: center;align-items: center;}
.home-service .ser-item{display: flex;align-items: center;}
.home-service .ser-item .left{border-radius: 50%;overflow: hidden;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.home-service .ser-item .right{padding-left: 27px;}
.home-service .ser-item .right h4{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.home-service .ser-item .right p{font-size: 18px;}
.home-service .ser-item .left img{transition: all 0.5s;}
.home-service .ser-item .left:hover img{transform:rotateY(180deg);}

@media(max-width:768px) {
    .home-service .col-md-4{justify-content:flex-start; padding-left: 30px;padding-right: 30px; margin-top: 10px;margin-bottom: 10px; }
}

.home-pro{padding: 20px 0 50px;}
.home-pro .pro-box{position: relative;height: 760px;display: flex;justify-content: flex-end;}
.home-pro .pro-box .bg{position: absolute;left: 0;bottom: 0;right: 0;}
.home-pro .pro-box .text{z-index: 10;width: 45%;height: 700px;background: #fff;margin-right: 30px;margin-top: 20px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);}
.home-pro .pro-box .text h4{margin: 70px 55px 40px;}
.home-pro .pro-box .text h5{background: url(../webp/hmprobg2tvxpjv.webp) no-repeat left;height: 50px;font-size: 26px;color: #fff;line-height: 50px;padding-left: 55px;}
.home-pro .pro-box .list{margin: 40px 55px 60px;}
.home-pro .pro-box .list p{font-size: 20px;margin-bottom: 25px;display: flex;align-items: center;}
.home-pro .pro-box .list p:before{content: "";width: 10px;height: 10px;background: #0a8496;display:block;margin-right: 16px;}
.home-pro .pro-box .more-list{display: flex;align-items: center;margin-left: 55px; }
.home-pro .pro-box .more{display: block;width: 194px;height: 52px;background: linear-gradient(#28bed4, #0f8da0);font-size: 20px;margin-right: 50px; color: #fff;text-align: center;line-height: 52px;}
.home-pro .pro-box .more:hover{text-decoration: underline;}
.home-pro .swiper-products{position: relative;}
.home-pro #swiper-pagination-products{width: 20%;left:inherit;bottom: 90px;right: 0;}
.home-pro .swiper-pagination-bullet{width: 30px;height: 8px;border: 1px solid #a7a7a7;border-radius: 0;background: #fff;opacity: 1;}
.home-pro  .swiper-pagination-bullet-active{background: #017f92;border-color: #017f92;}

@media(max-width:1500px) {
    .home-pro .pro-box .text h4{margin: 30px 35px 30px;}
    .home-pro .pro-box .list{margin: 20px 25px 30px;}
    .home-pro .pro-box{position: relative;height: 660px;}
    .home-pro .pro-box .text{height: 600px;}
    .home-pro .pro-box .list p{font-size: 16px;}
}

.home-profl{padding: 70px 0 40px;}
.home-profl .row{margin-left: -27px;margin-right: -27px;}
.home-profl .row .col{padding-left: 27px;padding-right: 27px;}
.home-profl .box{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 12px;margin-bottom: 40px;position: relative;}
.home-profl .box .img{margin-bottom: 5px;padding: 0 67px 20px;}
.home-profl .box h4{text-align: center;font-size: 18px;line-height: 65px;height: 65px;}
.home-profl .box h4 a{color: #666;}
.home-profl .box h4 a:hover{color: #0a8496;transition: all 0.5s;}
.home-profl .box .text{position: absolute;left: 0;right: 0;bottom: 0;height: 65px;z-index: 10;overflow: hidden;padding: 0 40px;}
.home-profl .box .text h5{height: 0px;background: #148394;font-size: 16px;color: #fff;text-align: center;line-height: 50px;transition: all 0.5s;}
.home-profl .box .text h5 a{color: #fff;}
.home-profl .box .text .list{padding: 10px;}
.home-profl .box .text .list p{font-size: 16px;margin-bottom: 10px;display: flex;line-height: 22px;color: #fff;}
.home-profl .box .text .list p:before{content: "●";display: block;margin-right: 8px;color: #fff;line-height: 22px;min-width: 16px;}
.home-profl .box:hover .text{height: 100%;background: rgba(20, 131, 148, 0.5);transition: all 0.5s;}
.home-profl .box:hover .text h4{font-size: 26px;font-weight: bold;border-bottom: 1px solid #fff;margin-bottom: 5px;color: #fff;}
.home-profl .box:hover .text a{color: #fff;}
.home-profl .box:hover .text h5{position: absolute;bottom: 0;left: 0;right: 0;height: 50px;}

@media(max-width:1600px) {
    .home-profl .row{margin-left: -15px;margin-right: -15px;}
    .home-profl .row .col{padding-left: 15px;padding-right: 15px;}
}

@media(max-width:1430px) {
    .home-profl .box .text .list p{font-size: 16px;margin-bottom: 5px;display: flex;line-height: 22px;}
    .home-profl .box:hover .text h4{margin-bottom: 10px;}
}

@media(max-width:1230px) {
    .home-profl .box .text .list p{font-size: 15px;margin-bottom: 0px;display: flex;line-height: 22px;}
    .home-profl .box:hover .text h4{margin-bottom: 10px;}
    .home-profl .box .text h4{font-size: 18px;line-height: 40px;height: 40px;}
    .home-profl .box .text{height: 40px;}
    .home-profl .box:hover .text h4{margin-bottom: 0px;font-size: 18px;}
    .home-profl .box .text h5{line-height: 40px;}
    .home-profl .box:hover .text h5{height: 40px;}
}

@media(max-width:768px) {
  .home-profl .box .img{padding: 0;}
}

.home-video{position: relative;color: #fff;}
.home-video video{width: 100%;}
.home-video .text{position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;background: rgba(0, 0, 0, 0.5); display: flex;align-items: center;justify-content: center;text-align: center;}
.home-video .text h4{font-size: 58px;font-weight: bold;margin-bottom: 15px;}
.home-video .text .more{cursor: pointer;background: #068388;padding: 8px 25px;display: inline-block;font-size: 22px;font-weight: bold;margin-top: 30px;}

@media(max-width:1430px) {
  .home-video .text h4{font-size: 48px;margin-bottom: 10px;}
}

@media(max-width:1230px) {
  .home-video .text h4{font-size: 38px;}
}

.home-about-new{padding: 120px 0 70px;}
.home-about-new .img{margin-right: 30px;}
.home-about-new .text{padding: 10px 0 0;position: relative;}
.home-about-new .text .more{font-size: 18px;line-height: 24px; font-weight: bold;color: #068388;position: absolute;right: 0;top: 45px;z-index: 8;}
.home-about-new .text .more:after{content: "▶";line-height: 24px; display: inline-block;margin-left: 5px;}
.home-about-new .text h3{font-size: 40px;font-weight: bold;font-family: Calibri;color: #333;}
.home-about-new .text h3:after{content: "";width: 194px;height: 10px;background: #068389;display: block;margin-top: 10px;margin-bottom: 40px;}
.home-about-new .text p{font-size: 20px;line-height: 37px;color: #555555;}
.home-about-new .text p a{color: #261fa0;}
.home-about-new .text p a:hover{color: #0a8496;transition: all 0.5s;}
.home-about-new .tblist{display: flex;align-items: center;justify-content: space-between;margin-top: 40px;}
.home-about-new .ser-item{display: flex;align-items: center;}
.home-about-new .ser-item .left{box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);border-radius: 50%;overflow: hidden;max-width: 84px;}
.home-about-new .ser-item .right{padding-left: 13px;}
.home-about-new .ser-item .right h4{font-size: 20px;font-weight: bold;margin-bottom: 0px;}
.home-about-new .ser-item .right p{font-size: 18px;margin-bottom: 0;}
.home-about-new .ser-item .left img{transition: all 0.5s;}
.home-about-new .ser-item .left:hover img{transform:rotateY(180deg);}
#home-video .embed-responsive{display: flex;align-items: center;justify-content: center;cursor: pointer;}
.videotb{position: absolute;z-index: 999;}

@media(max-width:1430px) {
  .home-about-new .text p{font-size: 18px;line-height: 30px;}
  .home-about-new .ser-item .right h4{font-size: 18px;}
  .home-about-new .ser-item .right p{font-size: 16px;}
}

@media(max-width:1230px) {
  .home-about-new .text p{font-size: 16px;line-height: 22px;}
  .home-about-new .ser-item .right h4{font-size: 16px;}
  .home-about-new .ser-item .right p{font-size: 14px;}
}

.home-app{padding: 40px 0;}
.home-app .app-box{display: flex;flex-wrap: wrap;}
.home-app .app-box .left{width: 30%;display: flex;align-items: center;position: relative;}
.home-app .app-box .left .box{width: 88%;background: url(../webp/hmappbg1uxh30y.webp) no-repeat;background-size: cover;height: 558px;padding: 70px 50px;}
.home-app .app-box .left .box h3{font-size: 52px;font-weight: bold;font-family: Calibri;text-transform: uppercase;margin-bottom: 50px;}
.home-app .app-box .left .box h3 span{font-size: 52px;color: #0a8496;font-style: italic;margin-left: 20px;}
.home-app .app-box .left .box .img{margin-bottom: 50px;}
.home-app .app-box .left .box p{font-size: 18px;line-height: 32px;}
.home-app .app-box .right{width: 70%;}
.home-app .app-box .right .col-md-4{margin-bottom: 20px;}
.home-app .app-box .right h4{font-size: 22px;color: #666666;margin-top: 15px;margin-bottom: 10px;}
.home-app .app-box .right h4 a{color: #666666;}
.home-app .app-box .right h4 a:hover{color: #0a8496;}
.home-app .app-box .right .more{font-size: 22px;color: #0a8496;}
.home-app .app-box .right .more:hover{color: #0a8496;transition: all 0.5s;}
.home-app .app-box .right .more:after{content: "→";width: 18px;height: 16px;margin-left: 10px;}

@media(max-width:1330px) {
  .home-app .app-box .left .box h3{margin-bottom: 30px;}
  .home-app .app-box .left .box .img{margin-bottom: 30px;}
}

@media(max-width:1024px) {
    .home-profl .box-mb{height: 175px;display: flex;justify-content: center;align-items: center; box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);background: #fff; padding: 12px;margin-bottom: 20px;border: 1px solid #fff;}
  .home-profl .box-mb a{font-size: 18px;font-weight: bold;color: #0a8496;}
}

@media(max-width:768px) {
  
  .home-profl .box h4{font-size: 14px;line-height: initial;height: auto;}
    .home-pro{display: none;}
    .home-profl .box{margin-bottom: 20px;}
    .home-app .app-box .left .box{width: 100%;background: url(../webp/hmappbg1uxh30y.webp) no-repeat center;background-size: cover;height: auto;padding: 70px 50px;}
    .home-app{padding: 0px 0 40px;}
    .home-app .app-box .left{width: 100%;}
    .home-app .app-box .right{width: 100%;margin-top: 20px;}
}

.home-fk{background: url(../webp/hmfkbg1bwfpue.webp) no-repeat center top;padding-bottom: 110px;padding-top: 110px;}
.home-fk .fk-desc{font-size: 54px;text-align: center;line-height: 70px;font-family: Calibri;font-weight: bold;color: #fff;text-align: center;}
.home-fk .fk-jt{margin: 60px auto;text-align: center;}
.home-fk .fk-box{border-top: 15px solid #09bbbb;box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);background: #fff;padding: 50px 180px 40px;position: relative;}
.home-fk .fk-box:after{content: "";width: 200px;height: 175px;background: url(../webp/hmfkbg2r2rw0a.webp) no-repeat;display: block;position: absolute;bottom: 0;margin-bottom: -100px;right: -50px;}

.home-about{margin: 20px 0 50px;}
.home-about .about-box{display: flex;flex-wrap: wrap;align-items: center;box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);}
.home-about .left{width: 53.1%;text-align:center;display:flex;}
.home-about .right{width: 46.9%; background: url(../webp/hmaboutbg2hvpymb.webp) no-repeat right top;padding: 30px 80px;height:448px	}
.home-about .right h3{font-size: 40px;font-weight: bold;font-family: Calibri;color: #333;}
.home-about .right h3:after{content: "";width: 194px;height: 10px;background: #068389;display: block;margin-top: 10px;margin-bottom: 40px;}
.home-about .right p{font-size: 16px;line-height: 28px;color: #555555;}
.home-about .right p a{color: #261fa0;}
.home-about .right p a:hover{color: #0a8496;transition: all 0.5s;}
.home-about .right .more{width: 190px;height: 40px;font-size: 20px;line-height: 40px;background: linear-gradient(#28bed4, #0f8da0);display: block;margin-top: 40px;text-align: center;color: #fff;}
.home-about .right .more:hover{text-decoration: underline;}

.home-why{padding: 40px 0 60px;}
.home-why .why-box{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 60px 0 20px;}
.home-why .why-box .col-md-4{margin-bottom: 40px;display: flex;justify-content: center;position: relative;}
.home-why .why-box .col-md-4 .box{width: 70%;}
.home-why .why-box h4{font-size: 22px;color: #222;margin-bottom: 10px;font-weight: bold;display: flex;}
.home-why .why-box h4 span{margin-right: 13px;}
.home-why .why-box p{font-size: 16px;color: #999999;line-height: 22px;padding-left: 38px;}
.home-why .why-box .box:hover h4 span img{transform:rotateY(360deg);}
.home-why .why-box .box h4 span img{transition: all 0.5s;}
.home-why .why-box .box:hover h4{color: #0a8496;transition: all 0.5s;}

.home-news{padding: 20px 0 40px;}
.home-news .news-col{margin-bottom: 28px;display: flex;align-items: center;flex-wrap: wrap; justify-content: space-between;box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 13px;position: relative;}
.home-news .news-col .img{width: 38%;}
.home-news .news-col .text{width: 62%;padding-left: 33px;}
.home-news .news-col .text h4{font-size: 22px;font-weight: bold;margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-news .news-col .text p{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.home-news .news-col .text time{font-size: 14px;color: #555555;display: flex;align-items: center;}
.home-news .news-col .text time:before{content: "";width: 16px;height: 16px;background: url(../webp/newstimefesh0p.webp) no-repeat;margin-right: 8px;}
.home-news .news-col .tb{width: 30px;height: 30px;position: absolute;right: 30px;bottom: 25px;opacity: 1;}
.home-news .news-col:hover .text h4 a{color: #0a8496;transition: all 0.5s;}

.fc-box{position: fixed;right: 0;bottom: 40%;z-index: 20;}
.fc-box .item{width: 65px; display: flex;justify-content: flex-end; margin-bottom: 12px;}
.fc-box .item i{font-size: 18px;}
.fc-box .item a{width: 33px;border: 1px solid #999999;height: 35px;display: block; padding: 8px 10px; transition: all 0.3s;background: #fff; border-right: 0; border-radius: 5px 0px 0px 5px;overflow: hidden;cursor: pointer;color:#333}
.fc-box .item:hover i{color: #fff;}
.fc-box .item:hover a{width: 65px;}
.fc-box .facebook:hover a{background:linear-gradient(#386f9f, #1c4b75)!important;}
.fc-box .twitter:hover a{background:linear-gradient(#61abf0, #488ac8)!important;}
.fc-box .whatsapp:hover a{background:linear-gradient(#56d062, #26b53d)!important;}
.fc-box .linkedin:hover a{background:linear-gradient(#4b89d1, #376caa)!important;}
.fc-box .youtube:hover a{background:linear-gradient(#d30d20, #a80918)!important;}
.fc-box .social-facebook{background: #fff!important;}
.fc-box .item a.social-facebook{padding-right: 10px;}
.fc-box .social-twitter{background: #fff!important;}
.fc-box .social-linkedin{background: #fff!important;}
.fc-box .social-youtube{background: #fff!important;}
.fc-box .social-facebook:before{content: "";}
.fc-box .social-twitter:before{content: "";}
.fc-box .social-linkedin:before{content: "";}
.fc-box .social-youtube:before{content: "";}

@media(max-width:1630px) {
    
    .home-fk .fk-box:after{right: 0;}
}

@media(max-width:1430px) {
	
    .home-fk .fk-box:after{display: none;}
}

@media(max-width:768px) {
  .home-profl{margin-bottom: 0;}
  .home-title{font-size: 32px;}
  .home-fk{padding-bottom: 40px;}
  .home-about{margin-bottom: 0;}
	.home-about .left{width: 100%;margin-top: 25px;}
	.home-about .right{width: 100%;background: none; padding: 40px 15px;background: none;}

	.home-news .news-col{padding: 15px;}
	.home-news .news-col .img{width: 100%;}
	.home-news .news-col .text{width: 100%;padding: 10px;}

	.home-fk .fk-box{padding: 30px 15px;}
    .fc-box{display: none;}
    .home-fk .fk-box:after{display: none;}
}



.profl-desc ul{padding-left: 30px;}
.profl-desc li{list-style-type: initial;}
.profl-desc a{color: #261fa0;}
.profl-desc a:hover{color: #0a8496;transition: all 0.5s;}



.about-wrapper{margin-top: 40px;margin-bottom: 40px;}
.about-wrapper .about-text{padding-top: 10px;}
.about-wrapper .about-text h2{font-size: 40px;color: #1091a3;font-weight: bold;}
.about-wrapper .about-text h2:after{content: "";width: 200px;height: 6px;background: #0a8496;display: block;margin: 10px 0 20px;}
.about-wrapper .about-text strong{font-size: 16px;color: #222222;line-height: 22px;}
.about-wrapper .about-text p{font-size: 16px;color: #666;line-height: 22px;margin-bottom: 20px;}
.about-wrapper .about-text h5{font-size: 16px;color: #1091a3;font-weight: bold;margin-bottom: 5px;}
.about-wrapper .about-text h5:before{content: "";}

.about-wrapper2{padding: 0;background: #ececec;}
.about-wrapper2 h3{font-size: 40px;color: #1091a3;font-weight: bold;padding-left: 15px;border-left: 10px solid #0a8496;margin-bottom: 30px;}
.about-wrapper2 p{font-size: 16px;line-height: 30px;color: #444444;margin-bottom: 40px;}
.about-wrapper2 .list{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.about-wrapper2 .list .item{width: 33.3%;display: flex;align-items: center;}
.about-wrapper2 .list .item .right{padding-left: 15px;}
.about-wrapper2 .list .item .right h4{font-size: 20px;font-weight: bold;}
.about-wrapper2 .list .item .right p{font-size: 15px;margin-bottom: 0;}
.about-wrapper2 .col-md-7{display: flex;align-items: center;padding: 0 50px;}
.about-wrapper4{padding: 70px 0 60px;background: #fff;}
.about-wrapper4 h2{font-size: 46px;color: #333333;text-align: center;font-weight: bold;margin-bottom: 70px;}
.about-wrapper4 .box{text-align: center;padding: 0 20px;margin-bottom: 50px;}
.about-wrapper4 .box h3{font-size: 22px;color: #222222;font-weight: bold;margin-top: 15px;margin-bottom: 15px;}
.about-wrapper4 .box p{font-size: 16px;color: #555555;line-height: 25px;}
.about-wrapper4 .why-box{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 15px;}

.about-wrapper3{background: #fff;padding: 50px 0;}
.about-wrapper3 .nav{justify-content: center;margin-bottom: 55px;}
.about-wrapper3 .nav-item {margin-right: 30px;margin-left: 30px; color: #626262;min-width: 250px;}
.about-wrapper3 .nav-link {padding: 10px 30px; color: #626262;display: block;font-weight: bold; text-align: center;background: #efefef; font-size: 20px;border-radius: 50px;overflow: hidden; }
.about-wrapper3 .nav-link.active,.about-wrapper3 .nav-link:hover {color: #fff!important; background: linear-gradient(#28bed4, #0f8da0);  }
.about-wrapper3 .tab-content{border: none;}
.about-wrapper3 .tab-content #Factory p{margin-bottom: 50px;}

.about-wrapper3 #Video .col-md-6{padding: 30px 100px; border-right: 1px solid #bfbfbf;}
.about-wrapper3 #Video .col-md-6:nth-child(2n){border-right:0}
.about-wrapper3 .video-col .card-title{font-size: 18px;line-height: 24px;color: #666666;margin-top: 20px;}
.about-wrapper3 .video-col iframe{width: 100%;}

.about-wrapper3 #Certificates .row{margin-left: 20px;margin-right: 20px;}
.about-wrapper3 #Certificates .col{padding-left: 20px;padding-right: 20px;}

@media(max-width:768px) {
  .about-wrapper2 .col-md-7{padding: 20px 30px 0;}
	.about-wrapper3{padding: 30px 0;}
  .about-wrapper{margin-top: 10px;}
    .about-wrapper .about-text h2{font-size: 32px;}
    .about-wrapper2 h3{font-size: 24px;}
    .about-wrapper2 p{margin-bottom: 25px;}
    .about-wrapper2 .list .item{width: 100%;margin-bottom: 15px;}
    .about-wrapper2 .list{margin-bottom: 20px;}
    .about-wrapper3 .nav{margin-bottom: 20px;}
    .about-wrapper3 .nav-tabs .nav-item{margin-bottom: 10px;margin-top: 10px;}
    .about-wrapper3 #Video .col-md-6{border-right: 0;padding: 15px 0px;}
    .about-wrapper3 #Certificates .row{margin-left: -15px;margin-right: -15px;}
    .about-wrapper3 #Certificates .col{padding-left: 15px;padding-right: 15px;}
    .about-wrapper3 .video-col .card-title{margin-top: 10px;margin-bottom: 20px;}
}

.app-wrapper .app-title{font-size: 28px;color: #0a8496;line-height: 42px;font-weight: bold;margin-right: 10px;border-left: 8px solid #0a8496;margin-bottom: 30px;padding-left: 10px; margin-top: 40px;}
.app-wrapper h6{font-size: 18px;line-height: 24px;color: #666666;margin-top: 10px;}
.app-wrapper .content p{font-size: 16px;color: #666666;line-height: 42px;}
.app-wrapper .content h5{font-size: 16px;color: #666666;line-height: 42px;}
.app-wrapper .content h5:before{content: "▶";color: #0a8496;margin-right: 7px;display: inline-block;}
.container-xl.app-pro{max-width: 1640px;padding-bottom: 50px;position: relative;padding-left: 55px;padding-right: 55px;}
.app-pro .pro-box h4{font-size: 14px;color: #666666;margin-top: 10px;line-height: 32px;padding-left: 15px;padding-right: 15px; text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.app-pro .pro-box {box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);padding: 15px;margin-left: 15px;margin-right: 15px;margin-top: 15px;margin-bottom: 15px;}
.app-pro .pro-box .img{overflow: hidden;}
.app-pro .pro-box  a{color: #666666;}
.app-pro .pro-box:hover h4 a{color: #0a8496;}
.app-pro .pro-box:hover h4{color: #0a8496;transition: all 0.3s;}
.app-pro .swiper-button-prev{width: 50px;height: 50px;background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);top: calc(50% - 25px);display: flex;align-items: center;justify-content: center;}
.app-pro .swiper-button-next{width: 50px;height: 50px;background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);top: calc(50% - 25px);display: flex;align-items: center;justify-content: center;}


.cert-col { margin-bottom: 50px; margin-top: 0.5rem; }
.cert-col .card { padding: 5px 15px 15px 5px; background:url(../webp/certbglpe6jw.webp) no-repeat;background-size: cover;}
.cert-col .card-thumb {display: flex; justify-content: center; align-items: center;}
.cert-col .card-title { font-size: 18px; margin: 0; color: #666666; padding: 0.5rem 0.75rem; margin-top: 0.5rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media(max-width:768px) {
    .cert-col { margin-bottom: 30px;}
    .app-wrapper .app-title{font-size: 30px;}
    .app-wrapper h6{margin-bottom: 20px;}
    .app-pro .pro-box{margin-left: 0;margin-right: 0;}
    .app-pro{padding-left: 15px;padding-right: 10px;}
    .app-pro .pro-box h4{padding-left: 0px;padding-right: 0;}
}

.down-wrapper{padding: 0px 0px 40px;background: #fff;}
.down-wrapper h2{font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 25px;}
.down-wrapper p{font-size: 16px;line-height: 24px;color: #fff;margin-bottom: 20px;}
.down-wrapper .form-feedback .form-control{ background: transparent; color: #fff; border-right: 0;border-left: 0;border-top: 0; border-radius: 0; border-bottom: 1px solid #fff; padding-top: 10px;padding-bottom: 10px;  }
.down-wrapper .form-feedback .btn { color: #0a8496; background: #f5f5f5;border-radius: 50px; font-size: 18px; line-height: 30px;}
.down-wrapper .form-feedback .btn:hover{background:#7bb9f1;color: #fff; }
.down-wrapper .feedback{background: #0a8496;padding: 60px 60px;}
.down-wrapper .form-control::-webkit-input-placeholder{color: #fff;}
.down-wrapper .feedback-result{color: #fff;}

@media(max-width:768px) {
    .down-wrapper .feedback{padding: 20px;}
}

.service-wrapper{padding-top: 10px;padding-bottom: 40px;}
.service-wrapper .ser-box{background: #ffffff;padding-top: 50px;padding-bottom: 50px;}
.service-wrapper .ser-box:nth-child(2n){background: #f3f3f3;}
.service-wrapper .ser-box .col-md-7{display: flex;align-items: center;justify-content: center;padding-right: 57px;padding-left: 57px;}
.service-wrapper .ser-box .text-box h4{font-size: 34px;color: #0a8496;font-weight: bold;display: flex;align-items: center;margin-bottom: 25px;}
.service-wrapper .ser-box .text-box h4:before{content: "";width: 8px;height: 35px;background: #0a8496;display: block;margin-right: 20px;}
.service-wrapper .ser-box .text-box p{font-size: 18px;line-height: 24px;color: #666666;}
.service-wrapper .ser-box:nth-child(2n) .col-md-5{order: 13;}
.service-wrapper .ser-box:nth-child(2n) .col-md-7{order: -1;padding-left: 0;}



.contact-wrapper { margin: 50px 0; background: #fff;}
.contact-wrapper .contact-img img { width: 100%; height: auto }
.contact-wrapper .fktitle{margin-bottom: 30px;font-size: 30px;}
.contact-wrapper .list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.contact-wrapper .list .item{display: flex;align-items: center;width: 48%;margin-bottom: 52px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);}
.contact-wrapper .list .item h4{font-size: 19px;color: #666666;line-height: 30px;}
.contact-wrapper .list .item p{font-size: 20px;line-height: 30px;color: #0a8496;}
.contact-wrapper .list .item:last-child{width: 100%;margin-bottom: 0;}
.contact-wrapper .list .item .right{padding-left: 35px;}
.contact-wrapper .list .item .left{min-width: 115px;}
.contact-wrapper .map-box{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);}
.contact-wrapper .fk-box{box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 60px 110px;margin-top: 70px;}
.contact-wrapper .fk-box .fktitle{font-size: 32px;color: #0a8496;text-align: center;margin-bottom: 50px;}
.contact-wrapper .map-box h3{font-size: 24px;font-weight: bold;text-align: center;padding-top: 30px;color: #468e99;}
.contact-wrapper .map-box h3:after{content: "";display: block; width: 80px;height: 5px;background: #468e99;margin: 25px auto 0;}

@media(max-width:768px) {
  .contact-wrapper { margin: 10px 0 30px;}
	.service-wrapper .ser-box{padding-top: 0px;padding-bottom: 30px;}
    .service-wrapper .ser-box .col-md-7{padding: 15px;}
    .service-wrapper .ser-box .text-box h4{font-size: 28px;}
    .service-wrapper .ser-box:nth-child(2n) .col-md-5{order: -1;}
	.service-wrapper .ser-box:nth-child(2n) .col-md-7{order: 13;padding-left: 15px;}

	.contact-wrapper .list .item{width: 100%;margin-bottom: 30px;}
    .contact-wrapper .list .item:last-child{width: 100%;margin-bottom: 30px;}
	.contact-wrapper .fk-box{margin-top: 0px;padding: 25px 15px;}
}




.proindex-wrapper{ padding:40px 0;}
.pro-row {background: #ebebeb; margin-left: 0px;margin-right: 0px; padding: 40px;margin-bottom: 30px;}
.pro-row .col-md-7{padding-right: 50px;}
.pro-row .text h4{font-size: 20px;color: #0a8496;line-height: 30px;margin-bottom: 10px;}
.pro-row .text h4 a{color: #0a8496;}
.pro-row .text h4 a:hover{text-decoration: underline;}
.pro-row .text .dsec{font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 10px;}
.pro-row .text .list p{font-size: 16px;color: #666666;line-height: 26px;display: flex; align-items: center;}
.pro-row .text .list p:before{ content: "●"; font-size: 0.75rem; margin-right: 8px; color: #0a8496 }

@media(max-width:768px) {
.pro-row {padding: 20px;}
}

.promt{margin-top: 40px;margin-bottom: 40px;}
.proflbox{background: #efefef;padding: 20px 10px;margin-bottom: 20px;}
.pro-title{font-size: 28px;line-height: 18px;color: #0a8496;font-weight: bold;}
.profl-desc{font-size: 16px;line-height: 22px;margin-top: 15px;}

.pro-wrapper { padding:0px 0 30px;min-height:620px;}
.pro-wrapper .pro-col{box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3); margin-bottom: 30px; background: #ffffff;position: relative;display: flex;flex-wrap: wrap;}
.pro-wrapper .pro-col .img{width: 45%;}
.pro-wrapper .pro-col .text{width: 55%;background: url(../webp/probgbcb4j6.webp) no-repeat bottom right;padding: 30px 22px;position: relative;align-items: center;display: flex;flex-wrap: wrap;}
.pro-wrapper .pro-col .text h4{font-size: 22px;font-weight: bold;margin-bottom: 15px;display: -webkit-box;width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.pro-wrapper .pro-col .text .listdesc{width: 100%;}
.pro-wrapper .pro-col .text .desc{font-size: 16px;line-height: 28px;color: #666666;}
.pro-wrapper .pro-col .text .more{display: block;position: absolute;width: 65px;line-height: 30px;text-align: center;color: #fff;right: 0;bottom: 8px;}
.pro-wrapper .pro-col .text .more:hover{text-decoration: underline;}
.pro-wrapper .pro-col .text h4 a:hover{color:#0a8496;}

.pro-down{color: #fff;
    background: #09bbbb;
    border-radius: 10px;
    font-size: 18px;
    padding: 0.55rem 0.75rem;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 22px;}
.pro-down:hover{color: #fff;background: #7bb9f1;}

@media(max-width:768px) {
  .profl-desc{margin-top: 0;}
    .pro-title{font-size: 30px;}
    .pro-wrapper .pro-col .img{width: 100%;}
    .pro-wrapper .pro-col .text{width: 100%;padding: 25px 15px;}
    .promt{margin-top: 10px;}
	.pro-wrapper {min-height:auto;}
}





.news-wrapper {padding-top: 50px; padding-bottom: 40px;}
.news-wrapper .news-col {padding-bottom: 30px; margin-bottom: 30px;display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;border-bottom: 1px solid #d7d7d7;  }
.news-wrapper .news-col .tb{width: 7%;}
.news-wrapper .news-col .tb .tb-box{border: 3px solid #999999;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center; border-radius: 50%;overflow: hidden;}
.news-wrapper .news-col .tb .tb-box i{font-size: 21px;color: #999999;}
.news-wrapper .news-col .time{width: 10%;padding-left: 40px;}
.news-wrapper .news-col .time time{font-size: 30px;color: #666666;}
.news-wrapper .news-col .time p{font-size: 21px;color: #999999;}
.news-wrapper .news-col .img{width: 20%; display: block;justify-content: center;align-items: center;border: 1px solid #cedae4;}
.news-wrapper .news-col .text{width: 63%;padding-left: 20px; padding-right: 20px; }
.news-wrapper .news-col .text h3{margin-bottom: 15px; margin-top: 10px; line-height: 32px;font-weight: bold; font-size: 24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-wrapper .news-col .text p{font-size: 16px; color: #999999; line-height: 28px; margin-bottom: 15px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.news-wrapper .news-col:last-child{border-bottom: 0;}
.news-wrapper .news-col:hover .tb .tb-box{background: #0a8496;border: 3px solid #0a8496;transition: all 0.5s;}
.news-wrapper .news-col:hover .tb .tb-box i{color: #fff;transition: all 0.5s;}
.news-wrapper .news-col:hover .text h3 a{color: #0a8496;transition: all 0.5s;}


@media(max-width:768px) {
    .news-wrapper {padding-top: 0px; padding-bottom: 30px;}
    .news-wrapper .news-col .img{width: 100%;}
    .news-wrapper .news-col .time{width: 15%;padding-left: 10px;}
    .news-wrapper .news-col .text{width: 75%;}
    .news-wrapper .news-col .tb{width: 10%;}
}


.img-col{ margin-bottom: 25px;}
.img-col .img {  line-height: 0; border: 3px solid #1063b3; }
.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;color: #fff;background: #1063b3; text-align: center;font-size:18px;line-height: 24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.img-col:hover .card-title{color: #fff;}

@media(max-width:768px) {
    
}



.faq-list{}
.faq-list .faq-li{border: 1px solid #008296;margin-bottom: 30px;padding: 20px}
.faq-list .faq-box{cursor: pointer;display: flex;align-items: center;position: relative;width: 100%;}
.faq-list .faq-box .num{ width: 50px;height: 50px; text-align: center; background: url(../webp/faqtbdvfyr6.webp) no-repeat;font-size: 22px;color: #fff;line-height: 42px; font-weight: bold;}
.faq-list .faq-box .title{padding-left:10px;font-size: 22px;line-height: 22px;color: #008296;padding-left: 20px;font-weight: bold;}
.faq-list .faq-li .faq-a{width: 100%;}
.faq-list .faq-li .faq-a-text{font-size: 18px;color: #666666;line-height: 24px;padding-left: 72px;padding-right: 72px;margin-top: 10px;}
.faq-list .faq-li .faq-a-text span{font-size: 15px;line-height: 24px;color: #015aaa;padding-right: 5px;}

@media(max-width:768px) {
    .faq-list .faq-li .faq-a-text{padding-left: 0;padding-right: 0;}
    .faq-list .faq-box .num{min-width: 50px;}
}



.content-wrapper {}
.content-wrapper h2 { font-size: 28px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px;margin-top: 30px;}
.content-wrapper p{margin-bottom: 15px;}
.content-wrapper img { max-width: 100% !important; height: auto !important;margin-bottom: 15px;}
.content-wrapper table img{ max-width: initial!important; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper ul{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ul li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper ol{padding-left: 20px;margin-bottom: 15px;}
.content-wrapper ol li{list-style-type: initial;margin-bottom: 10px;}
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6;  }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;}


.content-wrapper .nav-tabs { border-bottom: 1px solid #ced4da; margin-bottom: 30px; }
.content-wrapper .nav-tabs .nav-link{font-size: 18px;font-weight: bold;}
.nav-tabs .nav-link.active{color: #0a8496;border-bottom: 1px solid #fff;}
.nav-tabs .nav-link:hover{color: #0a8496;border-bottom: 1px solid #fff;}

.nav-tabs .nav-item{margin-bottom: 0;}
.nav-tabs{border-bottom: 0;}
.tab-content{border-top: 0px solid #0a8496;border-bottom: 1px solid #d8d8d8;padding-bottom: 40px;}
.video-content iframe{width: 100%;}



.pronr-wrapper{ padding-top: 40px; padding-bottom: 40px; }
.content-wrapper.product .content { padding: 0; background: #fff; }
.product-head .product-thumb { border: 1px solid #ced4da;padding: 20px 15px 30px; background: #fff; position: relative; }
.product-head .product-thumb .list{display: flex;justify-content: center;margin-top: 20px;}
.product-head .product-thumb .list .item{margin-left: 10px;margin-right: 10px;}
.product-head { margin-bottom: 1.5rem;}
.pronr-wrapper .pronr-title{font-size: 28px;color: #0a8496;font-weight: bold;margin-bottom: 30px;margin-top: 20px;}
.pronr-wrapper .pronr-text p{font-size: 16px;line-height: 38px;color: #666666;margin-bottom: 30px;white-space: pre-line;margin-top: -20px;}
.pronr-wrapper .pronr-text h5{font-size: 20px;color: #222;line-height: 34px;margin-bottom: 10px;}
.pronr-wrapper .pronr-text .social span{border-radius: 50%;overflow: hidden;width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;}
.pronr-wrapper .pronr-text .social span:before{font-size: 1.3rem;width: 1.3rem;}

.content-wrapper ul,.content-wrapper li{list-style-type: initial;}
.content-wrapper ul{padding-left: 40px;}
.content-wrapper.product .content h5,.content-wrapper.product .content h2{color: #0a8496;font-size: 26px;font-weight: bold;line-height: 42px;border-bottom: 1px solid #0a8496;margin-bottom: 25px;}

@media(max-width:768px) {
    .pronr-wrapper{padding-top: 10px;}
    .pronr-wrapper .pronr-title{color: #333;}
.pronr-wrapper .pronr-text p{margin-top: 0px;}
}
.content-pro .content-pro-title{padding: 13px 0;font-size: 28px;margin-bottom: 10px;color: #0a8496;font-weight: bold;display: flex;align-items: center;}
.content-pro .content-pro-title:before { content: "\f054"; font-family: cmsfont;  font-size: 1rem; margin-right: 8px; color: #0a8496; }
.content-pro .pro-box h4{font-size: 14px;color: #666666;margin-top: 10px;line-height: 32px;padding-left: 15px;padding-right: 15px; text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content-pro .box{padding: 20px 0;}
.content-pro .pro-box {box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 15px;}
.content-pro .pro-box .img{overflow: hidden;}
.content-pro .pro-box  a{color: #666666;}
.content-pro .pro-box:hover h4 a{color: #0a8496;}
.content-pro .pro-box:hover h4{color: #0a8496;transition: all 0.3s;}

.content-news{margin-top: 20px;  }
.content-news .content-news-title{padding: 13px 0;font-size: 28px;margin-bottom: 20px;color: #0a8496;font-weight: bold;display: flex;align-items: center;}
.content-news .content-news-title:before { content: "\f054"; font-family: cmsfont;  font-size: 1rem; margin-right: 8px; color: #0a8496; }
.content-news .news-col{margin-bottom: 35px;display: flex;justify-content: space-between;border-bottom: 1px dashed #666666; padding-bottom: 35px;}
.content-news .news-col .time{width: 12%; background: linear-gradient(#28bed4, #0f8da0);color: #fff;text-align: center;padding: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);}
.content-news .news-col .time p{font-size: 16px;}
.content-news .news-col .time h6{font-size: 18px;}
.content-news .news-col .text{width: 78%;padding-left: 33px;padding-top: 10px;}
.content-news .news-col .text h4{font-size: 22px;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content-news .news-col .text p{font-size: 16px;}
.content-news .news-col .tb{width: 10%;display: flex;justify-content: flex-end;align-items: center;}

@media(max-width:768px) {
    .content-pro .pro-box {margin-bottom: 20px;}
    .content-news .news-col .text{padding-left: 15px;}
}



.newsnr-container{margin-bottom: 30px;}
.newsnr-container .title { font-size:30px; color: #000; text-align: center; }
.newsnr-container .content { color: #595959; line-height: 1.8rem; padding: 0; }
.newsnr-container .content p { margin-bottom: 0; }
.newsnr-container .summary { padding-bottom: 20px; text-align: center; margin: 30px 0; font-size: 15px; color: #595959; border-bottom: 1px solid #cccccc; }
.newsnr-container .summary span { margin-right: 15px; }
.newsnr-container .social a{border-radius: 0;}
.content-other{background: #fff;font-size: 16px;color: #0a8496;margin-bottom: 30px;border-bottom: 1px solid #d8d8d8;padding-bottom: 25px;}
.content-other a{color: #3d3d3d;}
.content-other a:hover{ color: #c2150f;transition: all 0.3s; }

.hot-pro { }
.hot-pro .hot-pro-title{color: #fff;padding: 5px 0;font-size: 20px;margin-bottom: 0px;color: #0a8496;font-weight: bold;}
.hot-pro .hot-pro-title:before { content: "\f054"; font-family: cmsfont; font-size: 1rem; margin-right: 8px; color: #0a8496; }
.hot-pro .pro-box h4{font-size: 14px;color: #666666;margin-top: 10px;line-height: 32px;padding-left: 15px;padding-right: 15px; text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot-pro .box{padding: 20px 0;}
.hot-pro .pro-box {box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);padding: 15px;}
.hot-pro .pro-box .img{overflow: hidden;}
.hot-pro .pro-box  a{color: #666666;}
.hot-pro .pro-box:hover h4 a{color: #0a8496;}
.hot-pro .pro-box:hover h4{color: #0a8496;transition: all 0.3s;}

.hot-news{background: #fff;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);margin-bottom: 30px;}
.hot-news-title{border-bottom: 5px solid #0a8496;}
.hot-news-title{font-size: 22px;color: #0a8496;text-align: center;line-height: 55px;}
.hot-news .box{padding: 20px 0 0;}
.hot-news .box .item{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 20px;padding-left: 25px;padding-right: 25px;}
.hot-news .box .item h4{font-size: 18px;margin-bottom: 10px;}
.hot-news .box .item time{font-size: 16px;color: #999999; display: flex;align-items: center;}
.hot-news .box .item time:before{content: "";width: 16px;height: 16px;background: url(../webp/newstimefesh0p.webp) no-repeat;margin-right: 8px;}

@media(max-width:768px) {
    .hot-news{margin-left: 0;}
    .hot-pro .pro-box{margin-bottom: 20px;}
}



.pro-feedback h3{ font-size: 18px; color: #10539a;}
.content-subtitle { color: #484848; font-size: 18px; margin-bottom: 10px; font-weight: bold; }






.page-link { padding: .5rem 0.875rem; }
.page-item.active .page-link { color: #fff; background-color: #008296; border-color: #008296; }


.form-feedback .form-control{ background: #fff; color: #4b4b4b; border-radius: 10px;overflow: hidden; padding-top: 10px;padding-bottom: 10px;  }
.form-feedback .btn { color: #777; color: #fff; background: #09bbbb;border-radius: 10px; font-size: 18px; line-height: 22px;}
.form-feedback .btn:hover{background:#7bb9f1 }


.search-group { width: 170px; height: 37px; background: transparent; overflow: hidden;border: 1px solid #fff;border-radius: 5px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #fff;}
.search-group .form-control::-webkit-input-placeholder{color: #fff;}
.search-group .btn {border-radius: 0px;background:#42434a; height: 37px;  width: 37px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #fff; font-size: 1.3rem; }
.search-group .btn:hover{background: #42434a;}
.search-group .btn:hover i{color: #fff;}



.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6;  }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1399px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

.totop{bottom: 75px;}
@media(max-width:768px) {
    .totop{bottom: 5px;}
}


.feedpc{position:fixed;right: 0px;top:60%;cursor: pointer;z-index: 999;}
.feedpc .feed{display: flex;align-items: center;}
.feedpc .feed .img{z-index: 998;margin-right: -20px;}
.feedpc .feed p{background: #068389;height: 50px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;padding: 0 15px 0 25px;}

@media(max-width:768px) {
    .feedpc .feed .img{margin-right: 0px;}
    .feedpc .feed .img img{width: 50px;height: 50px;}
    .feedpc .feed p{display: none;}
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0.8);
}

.reveal-modal {
    visibility: hidden;
    top: 250px;
    left: 50%;
    margin-left: -25%;
    width: 50%;
    position: absolute;
    z-index: 1001;
    padding: 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-color: #FFF;
}

.reveal-modal h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
}

.reveal-modal .close-reveal-modal {
    font-size: 30px;
    line-height: 0.5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #333;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
}

@media(max-width:768px) {
    .reveal-modal {
        visibility: hidden;
        top: 50px;
        left: 50%;
        margin-left: -45%;
        width: 90%;
        position: absolute;
        z-index: 1001;
        padding: 25px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        background-color: #FFF;
    }
    .reveal-modal h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}


.banner-home{position:relative;}
.banner-home .banner3{align-items:flex-start;padding-top:123px;}
.banner-home .box3{width:44%;margin-left:6%;}
.banner-home .box3 .p3{font-size:25px;color:#fff;line-height:32px;margin-bottom:25px;text-align:left;padding:0 60px;}
.banner-home .box3 .t3{font-size:56px;font-weight:bold;line-height:73px;}
.banner-home .box3 .t3.first{margin-top:30px;}
.banner-home .box3 .t3 .color1{color:#019b96;}
.banner-home .box3 .t3 .color2{color:#3b7d80;}
.banner-home .box3 .more3{background:#af8648;font-size:34px;color:#fff;text-transform:uppercase;padding:15px 68px;border-radius:20px;overflow:hidden;font-weight:bold;margin-top:110px;display:inline-block;}

@media(max-width:1700px) {
	.banner-home .banner3{align-items:flex-start;padding-top:63px;}
	.banner-home .box3 .p3{font-size:20px;}
	.banner-home .box3 .t3{font-size:46px;line-height:60px;}
	.banner-home .box3 .more3{margin-top:50px;padding:12px 50px;font-size:29px;}
}

@media(max-width:1500px) {
	.banner-home .banner3{align-items:flex-start;padding-top:53px;}
	.banner-home .box3 .p3{font-size:18px;margin-bottom:15px;}
	.banner-home .box3 .t3{font-size:40px;line-height:50px;}
	.banner-home .box3 .more3{margin-top:40px;padding:10px 50px;font-size:25px;}
}

.banner-home{position:relative;}
.banner-home .box2{width:100%;background:rgba(0, 0, 0, 0.4);position:relative;padding:130px 150px;}
.banner-home .box2 .p2{font-size:42px;color:#fff;line-height:55px;text-align:left;}
.banner-home .box2 .t2{font-size:68px;font-weight:bold;line-height:80px;text-align:left;margin-bottom:70px;}
.banner-home .box2 .t2 .color1{color:#019b96;}
.banner-home .box2 .t2 .color2{color:#3b7d80;}
.banner-home .box2 .more2{background:#fff;font-size:34px;color:#000;padding:15px 68px;border-radius:50px;overflow:hidden;font-weight:bold;display:inline-block;position:absolute;right:20%;bottom:-40px;}

@media(max-width:1670px) {
	.banner-home .box2{padding:100px 110px;}
	.banner-home .box2 .p2{font-size:32px;}
	.banner-home .box2 .t2{font-size:58px;line-height:70px;}
	.banner-home .box2 .more2{font-size:29px;padding:12px 50px;}
}

@media(max-width:1500px) {
	.banner-home .box2{padding:90px 100px;}
	.banner-home .box2 .p2{font-size:30px;}
	.banner-home .box2 .t2{font-size:52px;line-height:60px;margin-bottom:50px;}
}

.banner-home{position:relative;}
.banner-home .box1a{width:36%;position:absolute;position:absolute;left:7%;top:30%;z-index:2;text-align:left;}
.banner-home .box1a .text{background:rgba(232, 139, 62, 0.8);padding:20px 40px;}
.banner-home .box1b{width:55%;padding:22px;border:6px solid #0c101d;position:absolute;right:7%;top:20%;}
.banner-home .p1{font-size:24px;color:#fff;line-height:32px;text-align:left;margin-bottom:15px;}
.banner-home .p1:last-child{margin-bottom:0;}
.banner-home .p1:before{content: "●";display: inline-block;margin-right: 15px;color: #fff;}
.banner-home .t1{font-size:68px;font-weight:bold;line-height:80px;text-align:left;background:rgba(0, 0, 0, 0.5);padding:25px 86px;}
.banner-home .t1 .color1{color:#019b96;}
.banner-home .more1{background:#fff;font-size:34px;color:#5c4839;padding:12px 58px;display:inline-block;margin-top:130px;}

@media(max-width:1670px) {
	.banner-home .p1{font-size:20px;line-height:30px;}
	.banner-home .t1{font-size:58px;line-height:70px;}
	.banner-home .more1{font-size:30px;padding:10px 55px;margin-top:100px;}
}

@media(max-width:1500px) {
	.banner-home .p1{font-size:18px;line-height:26px;}
	.banner-home .t1{font-size:48px;line-height:60px;}
	.banner-home .more1{font-size:28px;padding:10px 48px;margin-top:70px;}
}


@keyframes jtmove{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(0,-8px);
    }
    100%{
        transform: translate(0,0);
    }
}

@keyframes jtmove2{
    0%{
        transform: translate(-5px,0);
    }
    50%{
        transform: translate(0px,0);
    }
    100%{
        transform: translate(5px,0);
    }
}

.home-news .exh-box{position:relative;padding:70px 35px 40px;margin-top:55px;}
.home-news .exh-box .bg{background:#f1f1f1;height:180px;width:100%;display:block; position:absolute;top:0;left:0;right:0;}
.home-news .exh-box .row{z-index:2;position:relative;}
.home-news .exh-box .exh-col{margin-bottom:20px;position:relative;}
.home-news .exh-box .exh-col .img{border:1px solid #d3d3d3;margin-bottom:20px;}
.home-news .exh-box .exh-col h4{font-size: 20px;font-weight: bold;margin-bottom: 5px;text-align:center;}
.home-news .exh-box .exh-col p{font-size: 16px;line-height: 24px;text-align:center;}

.prolist-box{background:#f6f6f6;padding:30px 50px;}
.prolist-box .t1{font-weight:bold;font-size:30px;line-height:36px;margin-bottom:15px;color:#0a8394;}
.prolist-box p{font-size:17px;line-height:30px;color:#4d595b;margin-bottom:30px;}
.prolist-box .items{display:flex;justify-content:space-between;flex-wrap:wrap;}
.prolist-box .items .item{background:#fff;width:48%;padding:25px 35px;box-shadow:14px 0 35px rgba(0, 0, 0, 0.03);display:flex;align-items:center;margin-bottom:20px;}
.prolist-box .items .item .tb{min-width:62px;width:62px;margin-right:22px;}
.prolist-box .t2{font-size:24px;line-height:36px;font-weight:bold;color:#0a8394;margin-bottom:5px;}
.prolist-box .items .item p{line-height:24px;margin-bottom:0;}

.prolist-box2{background:#fff;padding:50px;}
.prolist-box2 .t1{font-weight:bold;font-size:30px;line-height:36px;margin-bottom:15px;color:#0a8394;}
.prolist-box2 p{font-size:20px;line-height:36px;color:#4d595b;display:flex;align-items:center;}
.prolist-box2 p:before{content:"";min-width:22px; width:22px;height:15px;background:url(../webp/prolist-tb7s65xiy.webp) no-repeat;display:block;margin-right:16px;}

.prolist-box3{background:#f6f6f6;padding:30px 50px;}
.prolist-box3 .box{display:flex;justify-content:space-between;}
.prolist-box3 .box .left{width:43%}
.prolist-box3 .box .left .col-6{margin-bottom:20px;}
.prolist-box3 .box .right{width:53%}
.prolist-box3  .t1{font-weight:bold;font-size:30px;line-height:36px;margin-bottom:35px;color:#0a8394;}
.prolist-box3 .box .right p{font-size:17px;line-height:28px;}
.prolist-box3 .box .right .item:before{content:"";width:8px;min-width:8px;height:8px;background:#0a8394;margin-right:12px;display:block;margin-top:9px;}
.prolist-box3 .box .right p span{font-weight:bolder;color:#0a8394;}
.prolist-box3 .box .right .item{background:#fff;padding:25px 25px;box-shadow:5px 0 27px rgba(0, 0, 0, 0.03);margin-bottom:20px;display:flex;}

.prolist-box4{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:70px 0;}
.prolist-box4 .text{width:48%;}
.prolist-box4 .text .t1{font-weight:bold;font-size:30px;line-height:36px;margin-bottom:35px;color:#0a8394;}
.prolist-box4 .text p{font-size:20px;line-height:36px;font-weight:300;}
.prolist-box4 .img{width:48%;}

.prolist-box5{background:url(../webp/prolist-bg2f5kfxw.webp) no-repeat ;background-size:cover;padding:65px 0;text-align:center;margin-bottom:60px;}
.prolist-box5 .t1{font-size:42px;font-weight:bold;color:#fff;}
.prolist-box5 .more{background:#f68400;text-align:center;align-items:center;cursor:pointer; font-size:26px;line-height:54px;height:54px;display:flex;margin:30px auto 0;color:#fff;width:296px;justify-content:center;border-radius:50px;overflow:hidden;}
.prolist-box5 .more .img-fluid{margin-right:23px;min-width:36px;width:36px;height:36px;}
.prolist-box5 .more:hover img{animation: jtmove 1s linear infinite;animation-iteration-count: infinite;}

@media(max-width:1024px) {
    body{margin-top: 0;}
    .banner-home .swiper-slide a>img{width: 100%;height: auto;}
    .home-about .left{display: block;}
    .home-about .right{height: auto}
}

@media(max-width:768px) {
    
    .prolist-box{padding:25px 15px 5px;}
    .prolist-box .t1{font-size:24px;line-height:30px;}
    .prolist-box p{font-size:14px;line-height:22px;}
    .prolist-box .items{display:block;}
    .prolist-box .items .item{width:100%;padding:15px;}
    .prolist-box .t2{font-size:18px;line-height:26px;}
    .prolist-box .items .item p{font-size:14px;line-height:20px;}

    .prolist-box2{padding:35px 0;}
    .prolist-box2 .t1{font-size:24px;line-height:30px;}
    .prolist-box2 p{font-size:16px;line-height:22px;align-items:flex-start;margin-bottom:10px;}
    .prolist-box2 p:before{width:18px;min-width:18px;height:13px;margin-right:12px;background-size:cover;margin-top:4px;}

    .prolist-box3{padding:25px 15px 5px;}
    .prolist-box3 .t1{font-size:22px;line-height:30px;}
    .prolist-box3 .box{display:block;}
    .prolist-box3 .box .left{width:100%;}
    .prolist-box3 .box .left .row{margin-right:-7px;margin-right:-7px;}
    .prolist-box3 .box .left .row .col-6{padding-left:7px;padding-right:7px;margin-bottom:15px;}
    .prolist-box3 .box .right{width:100%;}
    .prolist-box3 .box .right .item{padding:15px;}
    .prolist-box3 .box .right p{font-size:14px;line-height:22px;}
    .prolist-box3 .box .right .item:before{margin-top:6px;}

    .prolist-box4{padding:35px 0;display:block;}
    .prolist-box4 .text{width:100%;margin-bottom:25px;}
    .prolist-box4 .img{width:100%;}
    .prolist-box4 .text .t1{font-size:24px;line-height:30px;margin-bottom:15px;}
    .prolist-box4 .text p{font-size:16px;line-height:24px;}

    .prolist-box5{padding:35px 15px;}
    .prolist-box5 .t1{font-size:26px;}
    .prolist-box5 .more{width:80%;font-size:20px;}
}

.ny-crumb{position:relative;}
.ny-crumb .text{font-size:20px;line-height:24px;color:#fff;text-shadow:1px 0 7px rgba(0, 0, 0, 0.51);margin-top:20px;position:relative;}
.ny-crumb .text:before{content:"";width:70px;height:4px;background:#fff;display:block;margin-bottom:10px;}

.ny-crumb .text-box{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2}
.ny-crumb .text-box .desc{width:40%;font-size:36px;font-weight:bold;line-height:44px;color:#fff;text-shadow:1px 0 7px rgba(0, 0, 0, 0.51);position:relative;}

@media(max-width:768px) {
    .ny-crumb .text{display:none;}
    .ny-crumb .text-box{display:none;}
}


#float{position:fixed;right:5px;bottom:125px; margin-top:-60px;z-index:55;}
#float .ico{display:block;width:55px;height:55px; text-align:center;position:relative;cursor:pointer;margin-bottom:5px;}
#float .ico>i{font-size:30px;line-height:55px;border-radius:50%;display:block;color:#fff;position:relative;z-index:9999;background:#0a8496;}
#float .ico>.img{position:absolute;right:55px;width:140px;top:0;display:none;background-color:#fff;}
#float .ico>.img>img{width:100%;}
#float .ico p{position:absolute;top:0;border-radius:10px; right:-350px;padding:0px 20px;line-height:55px; font-size:16px;height:55px;background-color:#0a8496;color:#FFF;transition:all 0.3s;z-index:0;white-space: nowrap;}
#float .ico:hover>.img{display:block;}
#float .ico:hover p{right:55px;}
@media (min-width:1px) and (max-width:991px){
#float{bottom:165px;}
    #float .ico{width:40px;height:40px;}
    #float .ico>i{font-size:22px;line-height:40px;}
    #float .ico>.img{right:40px;}
    #float .ico p{line-height:40px;padding:0 15px;height:40px;}
}

.down-wrapper .form-feedback.was-validated .form-control:invalid,.down-wrapper .form-feedback.was-validated .form-control.is-invalid {
    border-color:#f5543f;
    padding-right: calc(1.5em + 0.75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


.google-cookies{position:fixed;z-index:99;bottom:50px;left:50px;width:450px;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.google-cookies .left{width:100%;}
.google-cookies .right{text-align:center;display:flex;justify-content:flex-end;width:100%;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:#0a8496;margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{border:1px solid #0a8496;color:#0a8496;display:block;font-size:16px;padding:8px 25px;margin-top:15px;margin-left:10px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:#0a8496;color:#fff;margin-top:15px;}

@media(max-width:768px) {
  .google-cookies{padding:10px 0;bottom:0;left:0;right:0;border-radius:0;width:100%;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;}
  .google-cookies .right{width:100%;text-align:left;justify-content:flex-start;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;font-size:14px;display:inline-block;margin-left:0;margin-right:10px;}
}

.footer-bottom{background:#054c56;padding:10px 0;font-size:16px;line-height:24px;color:#fff;margin-top:30px;}
.footer-bottom a{color:#fff;margin-left:10px;}
.footer-bottom a:hover{text-decoration:underline;}

@media(max-width:768px) {
	.footer-bottom{font-size:14px;line-height:20px;}
}

.newtab-box{margin-bottom:40px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);display:inline-block;background:#fff;z-index:10;}
.newtab-box .title{font-size: 22px;color: #0a8496;text-align: center;line-height: 55px;border-bottom: 5px solid #0a8496;}
.newtab-box .box1{padding:20px 25px;}
.newtab-box a{display:flex;font-weight:500;font-size:16px;line-height:24px;color:#999;margin-bottom:8px;}
.newtab-box a:hover{color:#0a8496;text-decoration:underline;}
.newtab-box a p{display:inline;}
.newtab-box.active{top:100px;position:sticky;transition:all .5s;}

.content-wrapper.article .content .newtab-box a{color:#999;}
.newnr-feedback .box{padding:15px;}
.newnr-feedback.active{top:100px;position:sticky;transition:all .5s;}

@media(max-width:768px) {
  .newnr-feedback.active{position:relative;top:inherit;}
}