@charset "UTF-8";
p {line-height: 150%;}
b {color: #0d6c29;}
.desktop {display: block;}
.mobile {display: none;}
.font23 {font-size:23px; line-height: 32px;}
.font20 {font-size:20px; line-height: 32px;}
.font17 {font-size:17px; line-height: 24px;}
.inword {font-size:20px; line-height: 28px; text-align: justify;  max-width: 1400px; margin: 0 auto;}
.newinword  b {font-size:32px; line-height: 55px;}
.newinword {font-size:20px; line-height: 28px; text-align: center;  max-width: 1400px; margin: 0 auto;}
.newinword  span {color: #f68b1f; font-weight: bold; }

.headnew {font-size: 28px; font-weight: bold; color: #0d6c29; text-align: center; margin-bottom: 30px; margin-top: -40px;}
.headlinebar {background-color: #e6f0be; width: 400px; margin: 0 auto; height: 15px;}
.headlinebar2 {background-color: #e6f0be; width: 460px; margin: 0 auto; height: 15px;}
.offer-area {max-width: 900px; margin: 0 auto;}
.gbox1 {background-color: #edf5eb; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 20px 40px; margin-top: 50px; }
.gbox2 {background-color: #fff0d1; border-radius: 20px; padding: 20px 40px; margin-top: 50px; }
.gbox2:after{display:table; clear:both; content:"";}
.dot {width: 35px; float: left;}
.dot img {width: 25px; margin-top: -2px;}
.dotword {padding-left: 35px;  width: 100%; font-size:20px; line-height: 28px;}
.point {margin-bottom: 20px;}
.point:after{display:table; clear:both; content:"";}
.dotword li {margin-left: 20px;}

.box-new {border-radius: 30px; background-color: #fff; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.15); margin-top: 80px; margin-bottom: 30px;}
.box-new:after{display:table; clear:both; content:""; }

.headline {font-size: 21px; background: rgb(5,85,65);
background: linear-gradient(137deg, rgba(5,85,65,1) 0%, rgba(13,108,40,1) 100%); color: #fff; width: 300px; text-align: center; border-radius: 40px; margin: 0 auto; font-weight: bold; padding: 5px;  margin-top: -50px;}

.border-g {
border-radius: 40px; padding: 3px; position: relative;
background: rgb(105,155,100);
background: linear-gradient(18deg, rgba(105,155,100,1) 0%, rgba(195,215,170,1) 100%);
  padding: 3px;}

.border-in {border-radius: 37px;
 background: rgb(5,85,65);
background: linear-gradient(137deg, rgba(5,85,65,1) 0%, rgba(13,108,40,1) 100%);
  color: white;
  padding: 5px; font-size: 25px;}

.wordarea {padding: 30px 30px;}
.head1 {font-size: 24px; background:url(bg.jpg); background-position: no-repeat center fixed; background-size: cover; color: #fff; width: 200px; text-align: left; padding: 10px 10px 10px 20px; border-bottom-right-radius: 15px; border-top-right-radius: 15px;  }
.head1 img {width: 60px; margin-right: 10px;}

.line-g {border-bottom: 1px solid #9fa0a0; width: 95%; margin: 0 auto ; margin-bottom: 40px;}
.act  {background-color: #699b64; font-size: 28px; font-weight: bold; text-align: center; color: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding: 20px; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.pbot {font-size: 20px; margin-top: 50px;}
.pbot span {font-size: 28px; font-weight: bold; background: -webkit-linear-gradient(#d6193f, #ffa800);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.wordpic1 {height: 26px; vertical-align: text-bottom; margin-top: -5px;}

.hline {border-bottom: 1px solid #0d6c29; width: 100%;}
.headlinenew {font-size: 28px; font-weight: bold; color: #0d6c29; border-right: 1px solid #0d6c29; border-left: 1px solid #0d6c29; text-align: center; background-color: #fff; width: 200px; margin: 0 auto; margin-top: -25px;}

.headlinenew2 {font-size: 28px; font-weight: bold; color: #0d6c29; border-right: 1px solid #0d6c29; border-left: 1px solid #0d6c29; text-align: center; background-color: #fff; width: 400px; margin: 0 auto; margin-top: -25px;}

.table-green{border-radius:0px;overflow:hidden;border:1px solid #c3d7aa; font-size:20px;margin-top:20px;margin-bottom:20px}
.table-green table{border:none;width:100%}
.table-green th{background: rgb(18,117,69);
background: linear-gradient(180deg, rgba(18,117,69,1) 0%, rgba(0,89,72,1) 100%); padding:20px;text-align:center;border:1px solid #c3d7aa;border-top:0}
.table-green th:first-child{border-left:0}
.table-green th:last-child{border-right:0}
.table-green td{padding:20px;border:1px solid #c3d7aa; background-color: #fff; }
.table-green td:first-child{border-left:0;}
.table-green td:last-child{text-align:center;border-right:0}
.table-green tr:last-child td{border-bottom:0}p{font-size:16px}
.table-green p {font-size:18px; line-height: 30px;}

.bg_new { 
background: rgb(153,55,177);
background: linear-gradient(90deg, rgba(153,55,177,1) 0%, rgba(223,46,83,1) 51%, rgba(241,161,81,1) 100%);
}	

.table-green a.btn2 {font-size:20px; line-height: 28px; padding-top: 10px; height: 50px;}
.mtop {margin-top: 15px;}

.borderbox {border:1px solid #c3d7aa; padding: 30px 15px; margin-top: 30px;}
.borderbox:after{display:table; clear:both; content:"";}

.klooklogo {width: 100px; float: right; padding-right: 30px; padding-top: 30px;}

.stepcontact .icon-area:after{display:table; clear:both; content:""; }
.icon {width: 30%; float: left;}
.iconpic {text-align: center;}
.iconpic img {width:110px; margin-bottom: 15px;}
.arr {width: 5%; float: left; text-align: center; padding-top: 20px;}
.arr img {width: 35px; }
.iconword {text-align: center;}

.tncbig {font-size: 15px; }
.tncleft {width: 30px; float: left;}
.tncright {padding-left: 30px; width: 100%;}

.ui-table2 {
    border-spacing: 0;
	border: 1px solid #000000;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 65%;
}
.ui-table2 th, .ui-table2 td {
	padding: 0px 0px;
	font-size: 10px;
}
.ui-table2 th {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #39b54a;
	color: #ffffff;
	line-height: 8px;
}
.ui-table2 th:first-child {
	border-left: 1px solid #000000;
}
.ui-table2 th:last-child {
	border-right: 1px solid #000000;
}
.ui-table2 th.td-rowspan {
	border-right: 1px solid #ffffff;
}
.ui-table2 td.td-rowspan {
	border-right: 1px solid #000000;
}
.ui-table2 td {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	
}

.ui-table2 td {  font-size: 10px; }
.ui-table2 tr:nth-child(even) {
	background-color:#ffffff;
}
.ui-table2 tr:first-child {
	border-top: 1px solid #000000;
}
.ui-table2 tr:last-child {
	border-bottom: 1px solid #000000;
}
.ui-table2 th.left-th {
	border-right: 0;
}
.ui-table2 th.left-th-last {
	border-bottom: 1px solid #000000;
}
.ui-table2 td.col-td {
	border-bottom: 1px solid #000000;
}

.act-area:after{display:table; clear:both; content:"";}
.act-area {margin: 20px 0;}

.acth {margin-bottom: 10px;}
.act-area a.btn2 {font-size:18px; line-height: 26px; padding-top: 10px; height: 50px;}

.acta{float: left;}
.acta:last-child {float: left; margin-left: 80px;}


.stepcontact .btn-area1:after{display:table; clear:both; content:"";}
.btnb {width: 50%; float: left; text-align: center;}
.btnb a { font-size: 18px;}
.bline {border-right: 1px solid #9fa0a0;}
.stepcontact .btn-area1 a.btn2 {font-size:18px; line-height: 26px; padding-top: 10px; height: 50px; min-width: 320px;}
.stepcontact .btn-area1 {margin-top: 10px;}
.icon-area-new:after{display:table; clear:both; content:"";}

.link a {text-decoration: underline; color: #000000;}
.link a:hover { color: #0d6c29;}

.awards {width: 100%; text-align: center;}
.awards img {width: 80%; margin-top: 20px;}

.loffer img {width: 150px; float: right; margin-right: 30px;}

.greenbox {max-width: 970px; background: #FFFFFF;
background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(233, 234, 234, 1) 100%); padding: 20px; border-radius: 20px;  margin: 0 auto; margin-top: 20px; box-shadow: inset 0px 5px 10px rgba(0, 0, 0, 0.2);}
.steparea:after{display:table; clear:both; content:"";}
.steparea {font-size:20px; line-height: 28px; margin-bottom: 15px;}
.leftbox {float: left; margin-left: -33px; width: 110px;}
.leftbox img {width: 100px; }
.leftdot {float: left;  width: 20px; padding-top: 35px; text-align: center;}
.stepword {padding-left: 110px; width: 100%; padding-top: 35px;}
.leftdota {float: left;  width: 20px; text-align: center;}
.stepworda {padding-left: 110px; width: 100%; padding-top: 25px;}

.oline {background-image: url("light.png");
background-repeat: no-repeat;
background-position: top center;
background-size: 1200px auto;
height: 120px;
margin-top: 30px;
}

.offerarea:after {display:table; clear:both; content:"";}
.offerarea {width: 970px; margin: 0 auto;}
.offer1 {width:28%; float: left; margin-right: 2%; margin-top: -30px;}
.offer2 {width:40%; float: left; margin-top: -30px;}
.offer3 {width:28%; float: left; margin-left: 2%; margin-top: -30px;}

.linebox {border:1px solid #ffa300; padding: 15px; border-radius: 20px; box-shadow: 0 0px 4px 0 rgba(255, 163, 0, 1), 0 0 20px 0 rgba(255, 163, 0, 0.6); background-color: #ffffff; }
.headword {text-align: center; margin-top: -70px;}
.headword img {width: 80px;}
.offerword {width: 100%; font-size:20px; line-height: 28px; text-align: center;}
.offerword2 {width: 100%; font-size:20px; line-height: 28px; text-align: left;}
.offerword2 ul {margin-left: 20px;}
.offerword2 li a {text-decoration: underline; color: #000000;}
.offerword2 li a:hover {color: #0d6c29;}
.offerword  span {color: #f68b1f; font-weight: bold; }
.offerword2  span {color: #f68b1f; font-weight: bold; }

.navbar-container {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 99;
}
.navbar-container .section-container {
  padding: 21px 0;
  display: flex;
  max-width: 1440px;
  width: 100%;
  justify-content: center;
  align-items: stretch;
margin: 0 auto;
}
@media (max-width: 767px) {
  .navbar-container .section-container {
    padding: 10px 0;
  }
}
.navbar-container .separator {
  background-color: #96ad9e;
  display: inline-block;
  width: 1px;
  min-width: 1px;
}
.navbar-container .nav-item {
  color: #000;
  font-size: 20px;
  line-height: 29px;
  padding: 0px 39px;
  white-space: inherit;
  text-align: center;
  align-self: center;
}
.navbar-container .nav-item.active {
  color: #0e662b;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .navbar-container .nav-item {
    font-size: 16px;
    line-height: 23px;
    padding: 0px 10px;
  }
}
@media (max-width: 767px) {
  .navbar-container .nav-item {
    font-size: 13px;
    line-height: 19px;
  }
}
.navbar-container .nav-item span {
  white-space: break-spaces;
  text-align: center;
  text-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  font-size: 25px;
}
.navbar-container .nav-item:last-child {
  margin-right: 0;
}

.light-green-background {
  background-color: rgba(14, 102, 43, 0.2);
}

.green-txt,
.green-txt mark {
  color: #096558 !important;
  font-weight: bold;
}

.gbg {background: #7fb097;
background: linear-gradient(180deg, rgba(127, 176, 151, 1) 0%, rgba(70, 153, 121, 1) 100%); padding: 15px; margin-bottom: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.ghead {text-align: center; font-size: 30px; font-weight: bold; color: #ffffff; background-color: #235442; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 15px;}




@media (max-width: 970px) {
.desktop {display: none;}
.mobile {display: block;}
.mtop {margin-top: 0px;}
.offerarea {width: 460px; margin: 0 auto; margin-top: 40px;}
.offer1 {width:100%; float: none; margin-right: 0%; margin-top: 80px;}
.offer2 {width:100%; float: none; margin-top: 80px;}
.offer3 {width:100%; float: none; margin-left: 0%; margin-top: 80px;}	
}

@media (max-width: 800px) {
.table-green a.btn2 {font-size:16px; line-height: 22px; padding-top: 10px; height: 45px;}
.btnb {width: 100%; float: none; text-align: center;}
.bline {border-right: 0px solid #9fa0a0;}
.icon-are:after{display:table; clear:both; content:""; }
.stepworda {padding-left: 110px; width: 100%; padding-top: 35px;}
}

@media (max-width: 680px) {
.mtop {margin-top: 20px;}		
.iconpic img {width: 90px; margin-bottom: 15px;}
.borderbox {border:1px solid #c3d7aa; padding: 15px; margin-top: 20px;}	
.arr {width: 5%; float: left; text-align: center; padding-top: 35px;}
.arr img {width: 25px; }
.acta{float: none;}
.acta:last-child {float: none; margin-left: 0px;}
.awards img {width: 100%; margin-top: 20px;}	
}

.tabcontent {
  scroll-margin-top: 1000px; /* 设置足够大的偏移值 */
}

@media (max-width: 767px) {
  .navbar-container .nav-item span {
    font-size: 18px;
  }
  .navbar-container .nav-item {
    padding: 0 15px;
  }
}

.cal {background-color: #ffffff; border-radius: 10px;}
.cal:after{display:table; clear:both; content:""; }
.cal-area:after{display:table; clear:both; content:""; }
.cal-pic {width: 250px;}
.cal-pic img {width: 230px; float: left;}
.cal-word {padding-left: 250px;}
.cal-word b {font-size: 20px;}
.cal-word p {font-size: 16px; line-height: 28px;}

.cal-word-full {padding-left: 0px;}


.cal-pic1 {width: 230px;}
.cal-pic1 img {width: 200px; float: left;}
.cal-word1 {padding-left: 230px; padding-top: 30px;}
.cal-word1 b {font-size: 20px;}
.cal-word1 p {font-size: 16px; line-height: 28px;}

.bgarea {background: #FFFFFF;
background: linear-gradient(270deg, rgba(255, 255, 255, 1) 16%, rgba(220, 242, 228, 1) 100%); padding-left: 10px; padding-top: 3px; padding-bottom: 5px;  margin-top: 10px; font-size: 18px; line-height: 18px;}

.gline {border-top: 1px solid #9fa0a0; margin-bottom: 40px; margin-top: 40px;}
.greenline {border-top: 2px solid #497c6b; margin-bottom: 40px; margin-top: 40px;}
.fright {float: right;}

@media (max-width: 628px) {
.cal-pic img {width: 230px; float: none;}
.cal-pic {width: 100%; }
.cal-word {margin-top: 10px; padding-left: 0px; font-size: 20px;}	
	
.cal-pic1 img {width: 230px; float: none; }
.cal-pic1 {width: 100%; text-align: center;}
.cal-word1 {margin-top: 10px; padding-left: 0px; font-size: 20px; padding-top: 10px; text-align: center;}		
	
}

.btnd {display: block;}
.btnm {display: none;}

@media (max-width: 550px) {
.btnd {display: none;}
.btnm {display: block;}	
}
@media (max-width: 490px) {
.bgarea {background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 16%, rgba(220, 242, 228, 1) 100%); padding-left: 10px; padding-top: 3px; padding-bottom: 5px;  margin-top: 10px; font-size: 18px; line-height: 18px;}	
.cal-pic img {width: 230px; float: none;}
.cal-pic {width: 100%; text-align: center;}
.cal-word {margin-top: 10px; padding-left: 0px; font-size: 20px; text-align: center;}	
	
.cal-pic1 img {width: 230px; float: none;}
.cal-pic1 {width: 100%; text-align: center;}
.cal-word1 {margin-top: 10px; padding-left: 0px; font-size: 20px; text-align: center;}	
.fright {float: none; margin-top: 10px; text-align: center;}	
}