@charset "utf-8";

@font-face {
  /* font-properties */
  font-family: 'roboto';
  src:url('../style/Roboto-Regular.ttf');
}
@font-face {
  /* font-properties */
  font-family: 'Poppins';
  src:url('../style/Poppins.ttf');
}

body { font-family:  Arial,Helvetica,roboto,Microsoft JhengHei; font-size:16px; color:#252525; line-height: 28px; letter-spacing: 1px; }

header { position: fixed; top: 0; z-index:99999; background-color:RGBA(255, 255, 255, 1); width:100%; box-shadow: 0px 15px 10px -15px #ccc; }

.ward { max-width: 1280px; margin:0 auto; padding: 0 15px;}

.menu-ward { max-width:1280px; margin:0 auto; padding:0 15px; }
@media (min-width: 1680px){
.menu-ward {max-width:1280px; }
}
/*.inner-ward { width: 100%; margin:0 auto; padding:0 15px; }
@media (min-width: 768px){
.inner-ward { padding:0 30px; }
}
@media (min-width: 1280px){
.inner-ward { padding:0 120px; }
}
@media (min-width: 1680px){
.inner-ward { padding:0 250px; }
}*/

.mx-auto { display: block; }

@media (min-width: 1440px){
.container { max-width: 1280px; }
}

.center-block { display: block; margin-left: auto; margin-right: auto; }

a{text-decoration: none;color:#ef8918;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.blue {color:#3b64a3!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}
.editor p {margin-bottom:0px;}
.logo { height: 35px; }
@media(min-width: 576px) {
.logo { height: 60px; }
}
@media(min-width: 992px) {
.logo { height: auto; }
}

.box-logo { float:left; margin-top: 10px; margin-bottom: 8px; }
@media(min-width: 768px) {
.box-logo { margin-top: 15px; margin-bottom: 10px; } 
}
@media(min-width: 992px) {
.box-logo { margin-top: 15px; margin-bottom: 15px; } 
}
.header-right { float:left; min-height: 20px; margin-top: 15px; }
@media(min-width: 576px) {
.header-right { margin-top: 28px; }
}
@media(min-width: 992px) {
.header-right { margin-top: 15px; }
}
@media(min-width: 1024px) {
.header-right { margin-top: 24px; }
}
@media(min-width: 1280px) {
.header-right { margin-top: 28px; }
}
@media(min-width: 1440px) {
.header-right { margin-top: 26px; }
}

.box-logo { width: 50%; }
.header-right { width: 32%; } 
.lang { float: right;width: 18%; }
@media(min-width: 576px) {
.box-logo { width: 40%; }
.header-right { width: 45%; }  
.lang{width: 15%; }
}
@media(min-width: 768px) {
.box-logo { width: 40%; }
.header-right { width: 50%; }  
.lang{width: 10%; }
}
@media(min-width: 992px) {
.box-logo { width: 27%; }
.header-right { width: 65%; } 
.lang { width: 8%; }
}
@media(min-width: 1024px) {
.box-logo { width: 30%; }
.header-right { width: 62%; }
.lang { width: 8%; }
}
@media(min-width: 1440px) {
.box-logo { width: 32%; }
.header-right { width: 61%; }
.lang { width: 7%; }
}
@media(min-width: 1680px) {
.box-logo { width: 32%; }
.header-right { width: 61%; }
.lang { width: 7%; }
}


/*nav*/
.box-menu { float: right; margin-top: 30px; margin-right: 35px; }
@media(min-width: 768px) {
.box-menu { margin-top: 0; margin-right: 0; }
}
@media(min-width: 1280px) {
.box-menu { margin-right: 0px; }
}
@media(min-width: 1440px) {
.box-menu { margin-right: 0px; margin-top: 5px; }
}
@media(min-width: 1680px) {
.box-menu { margin-right: 0px; margin-top: 10px; }
}

.box-menu li {position: relative;}
.box-menu > ul > li {padding:0px 10px; line-height: 5px; margin: 15px 0; }
@media(min-width: 1024px) {
.box-menu > ul > li { padding:0px 15px; margin: 15px 0; }
}
@media(min-width: 1280px) {
.box-menu > ul > li { padding:0px 15px; margin: 15px 0; }
}
@media(min-width: 1680px) {
.box-menu > ul > li { padding:0px 15px; margin: 15px 0; }
}
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { color:#252525; display: block; font-size:16px; padding:0 5px; padding:5px; }
@media(min-width: 1280px) {
.box-menu > ul > li > a { padding:5px 10px; font-size:18px; }
}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {padding-right: 0;}
.box-menu > ul {padding:0 10px;}
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a { 
  color:#5dd5f6;
}
.box-menu > ul > .active::before{
  content: "";
  background: url(../images/menu-bg.png) bottom no-repeat;
  width: 60px;
  height: 9px;
  position: absolute;
  z-index: 999;
  bottom: -15px;
  left:12px;
}
 .box-menu > ul > li:hover > a:before{
  content: "";
  background: url(../images/menu-bg.png) bottom no-repeat;
  background-size: 100%;
  width: 60px;
  height: 9px;
  position: absolute;
  z-index: 999;
  bottom: -15px;
}
@media(min-width: 1024px){
  .box-menu > ul > .active::before{
    left:18px;
  }
}
@media(min-width: 1280px){
  .box-menu > ul > .active::before{
    left:24px;
  }
}
.box-menu > ul > li > ul {position: absolute;top:120%;left:9%;padding-top:9px;/* display:none; */z-index: 99999;
     opacity: 0;
     pointer-events: none;
     filter: alpha(opacity=0); 
     -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
     transform: translateY(10px);
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out; 
}
.box-menu > ul > li ul li {background-color:#fff;text-align: left;padding:15px 0;border-bottom: 1px solid #efefef;}
.box-menu > ul > li ul li a {min-width: 140px;white-space:nowrap;padding:8px 4px;margin: 0 10px;color:#000;display: inline-block;}
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li a:hover , .box-menu > ul > li ul li a.active{color:#5dd5f6;}
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}
.menu-hk ul > li ul li a {min-width: 93px;text-align:center;}

/* mobile menu */
.st-menu { background-color: #1dafc8;width: 240px;}

.st-effect-3.st-menu-open .st-pusher {
  -webkit-transform: translate3d(240px, 0, 0);
  transform: translate3d(240px, 0, 0);
}

.mobile-menu-btn { float:right; margin-right:0; margin-top: -4px; }
@media(min-width: 375px) {
.mobile-menu-btn { margin-top: -3px; }
}
@media(min-width: 414px) {
.mobile-menu-btn { margin-top: -4px; }
}
@media(min-width: 768px) {
.mobile-menu-btn { margin-top: -1px; }
}

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #1797ad;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  background-color: #5dd5f6;
  padding:5.5px 10px;
  border-radius: 0;
  font-size: 16px;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;}
.btn-ud:hover {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}

.lang { margin-top: 13px; position: relative; margin-right: 0px; text-align: right; color: #000; font-size: 14px; }
@media(min-width: 576px) {
.lang { margin-right: 0px; font-size: 16px; margin-top:28px; }
}
@media(min-width: 768px) {
.lang { margin-top: 28px; }
}
@media(min-width: 992px) {
.lang { margin-right: 0;margin-top:25px; }
}
@media(min-width: 1024px) {
.lang { margin-right: 0;margin-top:32px; }
}
@media(min-width: 1280px) {
.lang { font-size: 18px; }
.lang { margin-top: 35px; }
}
@media(min-width: 1440px) {
.lang { margin-top: 40px; }
}
.lang a { color: #666; }
.lang a.active { color: #5dd5f6; }


/*main-all*/
.main-all {  }


/*slideshow*/
.slideshowbox { height:300px; position: relative; }
.footer-height{height:0px;}
@media (min-width: 768px){
.slideshowbox { height:450px; position: relative;}
.footer-height{height:0px;}
}
@media (min-width: 1280px){
.slideshowbox { height:500px; position: relative;}
.footer-height{height:0px;}
}
@media(min-width: 1280px) {
.slideshowbox { height:600px; position: relative; }
.footer-height{height:0px;}
}
@media(min-width:1680px) {
.slideshowbox { height:700px; position: relative;}
.footer-height{height:0px;}
}
.slideshow .slick-prev, .slideshow .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slideshow .slick-prev {
  top: 50%;
  left: 10px;
  position: absolute;
  background:  url(../images/home-prev.png) no-repeat;
  z-index: 999;
}

.slideshow .slick-next {
  top: 50%;
  right: 10px;
  position: absolute;
  background: url(../images/home-next.png) no-repeat;
}
@media(max-width:576px){
.slideshow .slick-prev, .slideshow .slick-next{display: none !important;}
}

.slideshow-box { position: relative; height: 300px; }
@media(min-width: 768px) {
.slideshow-box { height: 450px; }
}
@media(min-width: 1280px) {
.slideshow-box { height: 500px; }
}
@media(min-width: 1440px) {
.slideshow-box { height: 600px; }
}
@media(min-width: 1680px) {
.slideshow-box { height: 700px; }
}
.slideshow-1 { background: url(../images/slideshow1.jpg) center no-repeat; background-size: cover; }
.slideshow-2 { background: url(../images/slideshow2.jpg) center no-repeat; background-size: cover; }
.slideshow-3 { background: url(../images/slideshow3.jpg) center no-repeat; background-size: cover; }

.slideshow-text{
  position: absolute;
  top:35%;
  left: 0;
  right:0;
  text-align: center;
  line-height: 40px;
  color: #23c2fb;
  font-weight: bold;
  text-shadow: 0px 1px 4px rgba(144, 121, 121, 1);
  /*text-shadow: 0px 1px 4px rgba(255, 255, 255, 1);*/
  padding: 20px 10px;
}
.slideshow-text .p1{font-family: 'Poppins';font-size: 30px;color:#23c2fb;text-shadow: 4px 2px 0px #107491;margin-bottom: 0;}
.slideshow-text .p2 .span1{color:#23c2fb;/*54b631*/}
.slideshow-text .p2 .span2{color:#23c2fb;}
.slideshow-text .p2{/*color:#ff6b6e;*/color:#67d7ff;font-family:"Poppins" /*"Times New Roman"*/;}
.slideshow-text .p2 .color-black{font-family:"Arial";font-weight: normal;}
/*.slideshow-text-icon:hover{color:#23c2fb;background: #fff;}*/
@media(min-width: 576px){
.slideshow-text{
  top:39%;
  left: 0;
  right:0;
  text-align: center;
  font-size: 48px;
  line-height: 52px;
}
.slideshow-text .p1{font-size: 40px;}
}
@media(min-width: 768px){
.slideshow-text{
  top: 39%;
  left: 0;
  right:0;
  text-align: center;
  font-size: 52px;
  line-height: 60px;
}
.slideshow-text .p1{font-size: 48px;}
}
@media(min-width: 1280px){
.slideshow-text-icon{font-size: 16px;}
.slideshow-text{
  top: 39%;
  left: 0;
  right:0;
  text-align: center;
  font-size: 66px;
  line-height: 72px;
}
.slideshow-text .p1{font-size: 52px;}
}
@media(min-width: 1440px){
.slideshow-text{
  top:39%;
  left: 0;
  right:0;
  text-align: center;
  font-size: 76px;
  line-height: 86px;
}
.slideshow-text .p1{font-size: 66px;}
}

.slideshow-text-icon{
  padding:12px 15px;
  display:inline-block;
  border:1px solid #23c2fb;
  font-size: 14px;
  line-height: normal;
  color:#000;
  font-weight: normal;
}

a.animated-button.btn-hover {
  color: #73e24b;
  cursor: pointer;
  position: relative;
  border: 1px solid #73e24b;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  background: #fff;
}
a.animated-button.btn-hover:hover {
  color: #fff !important;
  background-color: transparent;
  text-shadow: nthree;
}
a.animated-button.btn-hover:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
}
a.animated-button.btn-hover:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  content: '';
  color: #252525 !important;
  background: #73e24b;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}




/*all-item-padding*/
.all-item-padding { padding: 35px 0 40px; }
.all-item-padding2 { padding: 30px 0 40px; }
@media(min-width: 768px) {
.all-item-padding { padding: 50px 0; }
.all-item-padding { padding: 30px 0; }
}
@media(min-width: 1280px) {
.all-item-padding { padding: 65px 0; }
.all-item-padding2 { padding: 45px 0; }
}
@media(min-width: 1680px) {
.all-item-padding { padding: 80px 0; }
.all-item-padding2{ padding: 60px 0;}
}


/*home-title*/
.home-title { font-size: 28px; font-weight: bold; text-align: center; }
.home-title span{color: #5dd5f6;}
.home-title-sec{color: #666;font-size: 16px;text-align: center;margin-top:30px;padding: 0 100px;}
@media(max-width:992px){
  .home-title-sec{padding: 0px;margin-top:20px;margin-bottom:10px; }
}
@media(min-width: 768px) {
.home-title { font-size: 36px; }
}
@media(min-width: 1440px) {
.home-title { font-size: 40px; }
}
.color-black { color: #252525; }
.color-white { color: #fff; }
.home-title-line { margin-top: 20px; }


.home-button .btn-01{
  padding: 7px 15px;
  background: #fff;
  border:1px solid #73e24b;
  display: inline-block;
  color: #73e24b;
  margin-top:30px;
  min-width: 130px;
  text-align: center;
}
a.btn-01 {
  color: #73e24b;
  cursor: pointer;
  position: relative;
  border: 1px solid #73e24b;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  background: #fff;
  z-index: 2;
}
a.btn-01:hover {
  color: #fff !important;
  background-color: transparent;
  text-shadow: nthree;
}
a.btn-01:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
}
a.btn-01:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  content: '';
  color: #252525 !important;
  background: #73e24b;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}




/*home-about*/
.home-about { background:#76d1e9;border-top:15px solid #f8f8f8;border-bottom:15px solid #f8f8f8;}
@media(max-width:767.98){
  border:0;
}
.home-about-img-bg{background: #f8f8f8;padding: 20px;margin-top: -80px;}
.home-about-img{
  margin-top: -60px;
  overflow: hidden;
  position: relative;
}
.home-about-img img{
  width: 100%;
}
.home-about-img::before{
  content: "";
  position: absolute;
  border-color:  transparent #fff transparent #fff;
  border-width: 0px 700px 40px 0px;
  border-style: solid;
}
.home-about-sec{color: #ff8a45;font-size: 24px;margin-top: 30px;}
.home-about-text { color: #fff; margin-top: 30px; font-size: 16px;font-weight:bold; }
@media(min-width: 768px) {
.home-about-text { margin-top: 30px; font-size: 16px; line-height: 32px; text-align: justify;font-weight:bold; }
}
@media(min-width: 1440px) {
.home-about-text { margin-top: 30px; font-size: 16px; line-height: 32px;font-weight:bold; }
}

@media(max-width:767.98px){
.home-about-img-bg{margin-top:-40px;margin-bottom: 30px;}
.home-about-img{
  margin-top: -30px;
}
}
@media(min-width: 768px) and (max-width:991.98px){
.home-about-img-bg{margin-top:-50px;margin-bottom: 30px;}
.home-about-img{
  margin-top: -60px;
}
.home-about-sec{margin-top:10px;font-size: 18px; }
.home-about-text {margin-top:10px;}

.home-about-con{padding-left:30px;}
}
@media(min-width: 992px) and (max-width:1023.98px){
.home-about-img-bg{margin-top: -50px;margin-bottom: 30px;}
.home-about-img{
  margin-top: -60px;
}
}
@media(min-width: 1024px) and (max-width:1280px){
.home-about-img-bg{margin-top: -50px;margin-bottom: 30px;}
.home-about-img{
  margin-top: -60px;
}
}


/*home-work*/
.new-icon{position: absolute;right: -5px;top: -5px;z-index: 999;width: 90px;height: auto;}
.home-work-height { height: 0; }
@media(min-width: 768px) {
.home-work-height { height: 20px; }
}
.home-work-list { margin-top: 30px; position: relative; overflow: hidden;border:1px solid #ececec;border-radius: 10px;}
.home-work-list:hover{box-shadow: 0px 1px 29px 0px rgba(0, 0, 0, 0.23);}

.home-work-list-text { 
  padding: 0 10px; 
  height: 70px; 
  font-size: 16px; 
  color: #252525; 
  display: table-cell; 
  vertical-align: middle; 
  border-collapse: collapse; 
  border-spacing: 0; 
  border-bottom:6px solid #fff ;
}
.home-work-list:hover .home-work-list-text{color:#5dd5f6;border-bottom:6px solid #5dd5f6;}
.home-work-list:hover .home-work-list{border-bottom: 1px solid #5dd5f6;}
.home-work-list:hover .new-active{color:#73e24b;border-bottom:6px solid #73e24b;}

@media(max-width:767.98px){
.home-work-list-photo img{ width: 100%;}
}
@media(min-width: 1280px) {
.home-work-list-text { padding: 0 15px; height: 88px; font-size: 20px; }
}
@media(min-width: 1680px) {
.home-work-list-text { padding: 0 15px; height: 88px; }
}


/*home-mark*/
.home-mark{background:#fff url(../images/mark-bg.png) center no-repeat;background-size: cover;}
.home-mark-list{
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
}
@media(max-width:992px){
  .home-mark-list{width: 100%;}
}
@media(min-width: 576px){
  .home-mark-list{
    padding: 0px 50px;
  }
}
@media(min-width: 768px){
  .home-mark-list{
    padding: 0px 150px;
  }
}
@media(min-width: 1280px) {
.home-mark-list{
  padding: 0px 250px;
  padding-bottom:0; 
}
}
.home-mark-list li{width: 50%;float: left;}
/*home-mark-end*/

/*home-contact*/
.home-contact { background:#f2f2f2 url(../images/contactus-bg.png) bottom no-repeat; background-size: cover; }
@media(max-width:992px){
  .home-contact { background:#f2f2f2 url(../images/contactus-bg.png) top left no-repeat; background-size: 250%; }
}
.home-contact-title { text-align: center; font-size: 14px; margin-top: 30px; color: #fff; }
@media(min-width: 768px) {
.home-contact-title { margin-top: 50px; font-size: 18px; }
}
@media(min-width: 1280px) {
.home-contact-title { font-size: 22px; }
}
@media(min-width: 1680px) {
.home-contact-title { font-size: 26px; }
}
.home-contact-title span { text-align: center; background-color: #f38e93; padding: 10px; }
@media(min-width: 768px) {
.home-contact-title span { padding: 10px 50px; }
}
.home-contact-left { margin-top: 20px; }
@media(min-width: 768px) {
.home-contact-left { margin-top: 45px; }
}
@media(min-width: 1280px) {
.home-contact-left { padding-right: 50px; }
}

.home-contact-right {background:#fff; margin-top: 45px;box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15);padding: 30px; }
.home-contact-right .form-con { margin-top: 15px; }
.form-con .form-group .form-control{
  border: 0;
  border-bottom:1px solid #ddd;
  outline: none !important;
  border-radius: 0;
  padding: 15px 10px;
}
@media(min-width: 768px) {
.home-contact-left form { margin-top: 30px; }
}
.home-contact-left .form-control {  }
@media(min-width: 768px) {
.home-contact-left .form-control { height: 45px; margin-bottom: 30px; }
}
.home-contact-left form textarea { min-height: 250px!important; resize: none; }
.home-form-code { width: 40%;float:left;margin-right:10px;}
.icon-code img{height: 30px;}
.home-form-send { margin-top: 35px; }
@media(min-width: 768px) {
.home-form-send { margin-top: 55px; }
}
.home-form-send a { font-size: 18px; background-color: #2e3092; padding: 10px 35px; color: #fff; }
@media(min-width: 768px) {
.home-form-send a { font-size: 20px; padding: 14px 50px; }
}
@media(min-width: 1280px) {
.home-form-send a { font-size: 22px; padding: 15px 55px; }
}
.home-contact-right-title { font-size: 18px; font-weight: bold; }
@media(min-width: 1280px) {
.home-contact-right-title { font-size: 22px; }
}
@media(min-width: 1680px) {
.home-contact-right-title { font-size: 26px; }
}
.home-contact-right-text { position: relative; width: 100%; font-size: 16px; }
@media(min-width: 768px) {
.home-contact-right-text { margin-top: 10px; font-size: 16px; margin-top: 10px; }
}
@media(min-width: 1280px) {
.home-contact-right-text { margin-top: 10px; font-size: 16px; }
}
@media(min-width: 1680px) {
.home-contact-right-text { margin-top: 10px; font-size: 18px; }
}
.home-contact-right-text a { color: #252525; }
.home-contact-right-text-left { float: left; width: 7%; margin-top: 15px; padding-top: 5px; }
.home-contact-right-text-right { float: left; width: 92%; margin-top: 15px; color: #252525;padding-left:10px; }
.home-contact-right-text-right .r-tit{color: #73e24b;font-size: 22px;}
@media(max-width: 768px){
  .home-contact-right-text-right .r-tit{font-size: 18px;}
}
@media(min-width: 1280px) {
.home-contact-right-text-left { width: 6%; }
.home-contact-right-text-right { width: 94%; }
}
.home-contact-right-map { margin-top: 30px; }
.home-contact-right-map img { border: 3px solid #fff; }


/*innerpage-style*/
.inner-banner{
  width: 100%;
  height:130px;
}
.inner-banner-tit{
  font-size: 32px;
  text-shadow: 0px 2px 0px rgba(0, 95, 123, 1);
  color: #fff;
  font-weight:bold; 
  text-align: right;
  padding-top:50px;
}
@media(min-width: 576px){
.inner-banner{
  height: 150px;
}
.inner-banner-tit{
  font-size: 36px;
  padding-top:60px;
}
}
@media(min-width: 768px){
.inner-banner{
  height: 180px;
}
.inner-banner-tit{
  font-size: 40px;
  padding-top:80px;
  text-shadow: 0px 3px 0px rgba(0, 95, 123, 1);
}
}
@media(min-width: 992px){
.inner-banner{
  height: 200px;
}
.inner-banner-tit{
  font-size: 46px;
  padding-top:95px;
  text-shadow: 0px 4px 0px rgba(0, 95, 123, 1);
  color: #fff;
}
}
@media(min-width: 1200px){
.inner-banner{
  height: 220px;
}
.inner-banner-tit{
  font-size: 48px;
  padding-top:95px;
  text-shadow: 0px 4px 0px rgba(0, 95, 123, 1);
  color: #fff;
}
}
@media(min-width: 1440px){
.inner-banner{
  height: 250px;
}
.inner-banner-tit{
  font-size: 52px;
  padding-top:115px;
  text-shadow: 0px 5px 0px rgba(0, 95, 123, 1);
  color: #fff;
}
}

.innerbanner01{
  background: url(../images/innerbanner01.jpg) center no-repeat;
  background-size: cover;
}
.innerbanner02{
  background: url(../images/innerbanner02.jpg) center no-repeat;
  background-size: cover;
}
.innerbanner03{
  background: url(../images/innerbanner03.jpg) center no-repeat;
  background-size: cover;
}
.innerbanner04{
  background: url(../images/innerbanner04.jpg) center no-repeat;
  background-size: cover;
}
.inner-position{
  padding: 10px 0;
  background: #f8f8f8;
}
.inner-position a{color: #252525;}
.inner-position span{color: #5dd5f6;}

/*left-bar*/
.list-con-left-tit{
  padding: 20px;
  background: #5dd5f6;
  font-size: 24px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-weight: bold;
}
.list-con-left-tit-phone{
  padding: 20px;
  background: #5dd5f6;
  font-size: 24px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-weight: bold;
}
@media(min-width: 1280px){
.list-con-left-tit,.list-con-left-tit-phone{font-size: 32px;}
}
.list-con-left ul li a{
  padding: 20px;
  border-bottom: 1px solid #5dd5f6;
  position: relative;
}
.prducts-inner-con .list-con-left ul li a{
  padding: 20px 35px;
  position: relative;
}
/* .list-con-left ul li a .span-img1,.list-con-left ul li a .span-img2,.list-con-left ul li a .span-img3{
  width: 20px;
  position: absolute;
  left: 10px;
  top:30px;
} */
.list-con-left ul li a span{display: inline-block;}

@media(max-width:767.98px){
.list-con-left-tit,.list-con-left-tit-phone{
  font-size: 24px;
  padding: 12px 15px;
} 
.prducts-inner-con .list-con-left ul li a{padding: 15px 35px;} 
}
@media(max-width:991.98px){
 .list-con-left{margin-bottom: 30px;}
 .list-con-left-tit-phone{
  text-align: left;
 }
 .list-con-left-tit-phone:before{
  content: "";
  width:30px;
  height:30px;
  background:url(../images/list-icon.png) center no-repeat;
  position: absolute;
  right: 25px;
  top: 10px;
 }
 /*.list-con-left-tit-phone:before{
  content: "";
  width:0;
  height:0;
  border-right:10px solid transparent;
  border-left:10px solid transparent;
  border-top:15px solid #fff;
  position: absolute;
  right: 30px;
  top: 30px;
 }*/
 .list-con-left ul{
  display: none;
 }
}
@media(min-width: 1280px){
.list-con-left ul li{font-size: 20px;}
}


.list-con-left ul li a:before{
  content:"";
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:12px solid #5dd5f6;
  position: absolute;
  right: 15px;
  top:40%;
}
.list-con-left ul .new-active a{
  /* background: #73e24b; */
  border-bottom: 1px solid #5dd5f6;
}
.list-con-left ul .new-active:hover{
  /* background: #87e864; */
}
.list-con-left ul .new-active a{
  color: #de6d29;
}
.list-con-left ul .new-active a:before{
  content:"";
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:12px solid #de6d29;
  position: absolute;
  right: 20px;
  top:35%;
}
.list-con-left ul li:hover{
  background: #cef2fc;
}
.list-con-left ul li a{
  color: #252525;
  width: 100%;
  display: inline-block;
}
.inner-sub-menu{
  background: #fff; 
}
 .list-con-left ul .active{
  background: #cef2fc;
  color: #252525;
  border-bottom: 1px solid #fff;
}
/* .list-con-left ul .active:before{
   border-left:12px solid #5dd5f6!important;
}  */
/*products-left*/
.prducts-inner-con .list-con-left .inner-sub-menu a{
  padding: 15px 35px;
  border-bottom: 1px solid #fff;
}
.prducts-inner-con .list-con-left .inner-sub-menu a:after{
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  width: 10px;
  height: 16px;
  display: inline-block;
  background: url(../images/r-icon.png) center no-repeat;
}
.prducts-inner-con .list-con-left .inner-sub-menu a:hover{color:#5dd5f6;}
.prducts-inner-con .list-con-left .inner-sub-menu div:last-child{border-bottom: 1px solid #5dd5f6;}
.more-icon{
  width: 20px;
  height: 20px;
  width: 20px;
    position: absolute;
    left: 10px;
    top: 30px;

  background: url(../images/more-icon.png) center no-repeat;
}
.less-icon{
   width: 20px;
  position: absolute;
  left: 10px;
  top:30px;
  width: 20px;
  height: 20px;
  background: url(../images/less-icon.png) center no-repeat;
}
.list-con-hk .more-icon{
  width: 20px;
  height: 20px;
  width: 20px;
    position: absolute;
    left: 10px;
    top: 18px;

  background: url(../images/more-icon.png) center no-repeat;
}
.list-con-hk .less-icon{
   width: 20px;
  position: absolute;
  left: 10px;
  top:18px;
  width: 20px;
  height: 20px;
  background: url(../images/less-icon.png) center no-repeat;
}
@media(min-width:767.98px){
 .list-con-hk .more-icon{
  width: 20px;
  height: 20px;
  width: 20px;
    position: absolute;
    left: 10px;
    top: 24px;

  background: url(../images/more-icon.png) center no-repeat;
}
.list-con-hk .less-icon{
   width: 20px;
  position: absolute;
  left: 10px;
  top:24px;
  width: 20px;
  height: 20px;
  background: url(../images/less-icon.png) center no-repeat;
}
}
/*about-us*/
.about-us-right{display: flex;}
.about-us-right-text{
  width: 70%;
  text-align: justify;
  margin-right: 50px;
  line-height: 32px;
}
.about-us-right-text h3{color:#ff8a45;margin-bottom: 15px;}
.about-us-right-img .r-img{position: relative;z-index: 1;margin-top:30px;}
.about-us-right-img img{width: 100%;}
.about-us-right-img .r-img:before{
  content: "";
  border: 2px solid #5dd5f6;
  margin: 10px 10px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@media(min-width:767.98px){
.about-us-right-img .r-img{margin-top:0px;}
}
@media(max-width:767.98px){
  .about-us-right-img{width:93%;}
  .about-us-right{display: inline-block;}
  .about-us-right-text{width: 100%;}
}
/*products*/
.inner-product-list{
  border:1px solid #ececec;
  border-radius: 5px;
  margin-bottom: 30px;
}
.inner-product-list:hover{
  background: #5dd5f6;
  border:2px solid #5dd5f6;
  box-shadow: 1.414px 1.414px 40px 0px rgba(0, 0, 0, 0.18);
}

.inner-product-list-tit{
  padding:15px;
  min-height:80px;
}
@media(min-width:1280px){
.inner-product-list-tit{
  font-size: 20px;
}
}
.inner-product-list-tit .tit-01{
  color: #252525;
  margin-bottom: 5px;
}
   
.inner-product-list-tit .tit-02{
  color: #666;
}
@media(min-width:576px){
.inner-product-list-tit .tit-01{
  color: #252525;
  margin-bottom: 5px;
   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
}
.inner-product-list-tit .tit-02{
  color: #666;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
}
}
.inner-product-list:hover .inner-product-list-tit .tit-01{color:#fff;}
.inner-product-list:hover .inner-product-list-tit .tit-02{color:#fff;}
.page-con{display: flex;margin: 20px auto;}
.page-con .active{background: #73e24b;color: #fff;}
.page-con a{
  width:34px;
  height:34px;
  line-height: 34px;
  text-align: center;
  display:inline-block;
  border: 1px solid #73e24b;
  color: #73e24b;
  margin: 0 5px;
}
.page-con a:hover{
  background: #87e864;
  color: #fff;
}
@media(min-width: 768px){
.page-con a{
  width:40px;
  height:40px;
  line-height: 40px;
  text-align: center;
  display:inline-block;
  border: 1px solid #73e24b;
  color: #73e24b;
  margin: 0 5px;
}
}
/*product-inner*/
.products-inner{background: url(../images/products-inner-bg.png) center no-repeat;background-size: cover;}
.slider-for .borderBox { width: calc(100% - 2px);padding:15px; border-radius: 5px; border: 1px solid #5dd5f6; margin-bottom: 10px;background: #fff;margin-right: 2px; }
@media(min-width: 1024px){
  .slider-for .borderBox{margin-right: 25px;}
  .slider-nav{margin-right:15px;}
}

.slider-nav .borderBox { padding: 8px;margin-right:8px;margin-left:2px; border-radius: 5px; border: 1px solid #ececec;background: #fff;}
.borderBox img{width: 100%;}
.products-inner .slider-nav .slick-current .borderBox{border: 1px solid #5dd5f6;}
@media(min-width: 768px){
  .slider-nav .borderBox { padding: 15px;margin-right:10px;margin-left:0px; border-radius: 5px; border: 1px solid #ececec;background: #fff;}
}

.productBand { font-size: 22px; color: #666;}
.productName { font-size: 36px;line-height: 48px; margin-bottom: 15px;color:#5dd5f6;}
.productCat .catBox { margin-bottom: 20px; }

.addToCart { margin-top: 50px; }
.catBox-tit{font-size: 22px; margin-bottom: 20px;}
.catBox-text{color: #666;}
.addToCart a { 
  font-size: 18px;
  background-color: #5dd5f6; 
  color: #fff;  
  text-align: center;
  width: 100%;
  display: inline-block;
  padding: 12px 10px;
}
.addToCart a:hover{
  background: #73daf7;
}

@media(max-width:575.98px){
.productCat{margin-top: 20px;}
}
@media(max-width:767.98px){
  .productName { font-size: 24px;line-height: 36px;}
  .productBand { font-size: 20px; }
}
@media(min-width: 992px){
  .productCat .catBox { font-size: 18px;}
}
/*contact-us*/
.contact-us-inner{
  background: url(../images/contactus-bg.png) bottom no-repeat;
  background-size: 130%
}
.contact-us-inner-tit{
  font-size: 24px;
  font-weight:bold;
}
.inner-contact-left{margin-top: 0;}
.inner-contact-right{
  background: #f8f8f8;
  border:1px solid #ececec;
  box-shadow: none;
  margin-top: 0;
}
.inner-contact-right .form-con .form-group .form-control{background: #f8f8f8;border-bottom: 1px solid #888888;}

.contact-line{
  width:100%;
  height: 1px;
  background: #73e24b;
  margin-top: 50px;
}
@media(max-width:768px){
  .inner-contact-right{margin-bottom: 30px;}
  .contact-us-inner .contact-us-b:first-child{
    margin-bottom: 15px;
  }
  .contact-line{margin-top: 30px;}
}

.list-con-left .inner-sub-menu .active{color:#5dd5f6!important;background:#fff!important;}
/*footer*/
footer { background-color: #5dd5f6; padding: 15px 0; color: #fff; font-size: 14px;text-align: center;}
@media(min-width: 768px) {
footer { padding: 20px 0; font-size: 16px; }
}


/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 10%; padding: 25px; background: url(../images/topbg.png) #484848 center no-repeat; border-radius: 5px; z-index: 999; }
@media(min-width: 768px) {
#back-to-top { right: 3%; bottom: 6%; }
}

.inner-position a:last-child{
    color: #5dd5f6;
 
}

.cloudzoom-blank {
  z-index: 999999!important;
}
.cloudzoom-zoom {
  z-index: 999999!important;
  background-color: #fff;
}
.text-danger {
    color: #dc3545!important;
    line-height:20px;
    margin-top:5px;
}

.searchBox .inpuBox .mail-txt  
   {border: none;
    background: #fff;
    outline: none;
    float: left;
    padding: 0 30px;
    color: #000;
    font-size: 16px;
    transition: 0.4s;
    line-height: 40px;
    height:42px;
    width: 85%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top: 1px solid #5dd5f6;
    border-bottom: 1px solid #5dd5f6;
    border-left: 1px solid #5dd5f6;
}

.searchBox .inpuBox .mail-btn {padding-left: 4px; padding-right: 25px; color: #5dd5f6;float:left ;width: 15%;height: 42px;background: #fff; border-top-right-radius: 50px; border-bottom-right-radius: 50px;display: flex;justify-content: right;align-items: center;border-top: 1px solid #5dd5f6; border-bottom: 1px solid #5dd5f6;border-right:1px solid #5dd5f6; font-size: 22px; }
.searchBox { margin-bottom: 30px; margin-top:30px;}

.search-product{margin:0 auto;margin-top:0px;margin-bottom:30px;width:100%;}
@media(min-width: 576px) {
.search-product{margin:0 auto;margin-top:0px;margin-bottom:30px;width:400px;}
}
.showlist {margin-bottom:30px; }
.showlist span { color: #5dd5f6; font-weight: bold; }

.form-group-phone{margin-bottom:0px;}
@media(min-width: 768px) {
.form-group-phone{margin-bottom:1rem;}
}