* { box-sizing:border-box;margin:0;padding:0} *:focus {outline: none;}
* {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Open Sans', -apple-system-font,BlinkMacSystemFont,"Helvetica Neue",Arial,"华文细黑", SimSun, "Microsoft YaHei", "微软雅黑", "宋体", Heiti, "黑体",sans-serif;
  font-weight: 400;
  font-size: 15px;
  min-width: 960px;
  color: #606c76;
}
input, textarea, select {
  padding: 15px 15px;border:1px solid #ddd;border-radius:3px;font-size: 16px;color:#555;
  min-width: 100%; border-radius: 0; background: #f5f5f2; background: #fff;
}

a {color:#40ac82;text-decoration: none;}
button {border: none; padding:15px 18px;text-align: center;background: #40ac82;color:#fff;font-weight: 500}

ul {padding-left:16px}

.font-11 {font-size:11px} .font-12 {font-size:12px} .font-13 {font-size:13px} .font-14 {font-size:14px} .font-15 {font-size:15px} .font-16 {font-size:16px}
.font-17 {font-size:17px} .font-18 {font-size:18px} .font-19 {font-size:19px} .font-20 {font-size:20px} .font-22 {font-size:22px} .font-26 {font-size:26px} .font-30 {font-size:30px}
.font-bold {font-weight:bold} .font-sebold {font-weight:500} .font-light {font-weight:300}
.break-all {word-break:break-all} .pre-wrap {white-space: pre-wrap}

.mx-auto{margin-left:auto;margin-right:auto} .mx-10{margin-left:10px;margin-right:10px} .mx-15{margin-left:15px;margin-right:15px}
.my-10{margin-top:10px;margin-bottom:10px} .my-20{margin-top:20px;margin-bottom:20px}
.mt-10{margin-top: 10px;} .mt-15{margin-top: 15px;} .mt-20{margin-top: 20px;} .mt-30{margin-top: 30px;} .mt-50{margin-top: 50px;} .mt-80{margin-top: 80px;}
.p-0{padding:0} .p-5{padding:5px} .p-8{padding:8px} .p-10{padding:10px} .p-12{padding:12px} .p-15{padding:15px} .p-20{padding:20px} .p-25{padding:25px} .p-30{padding:30px}
.px-20{padding-left:20px;padding-right:20px} .px-25{padding-left:25px;padding-right:25px} .px-30{padding-left:30px;padding-right:30px}

.flex {display:flex;} .flex-column{flex-direction: column} .flex-grow {flex-grow: 1;} .flex-wrap {flex-wrap: wrap;}
.justify-center {justify-content: center;} .justify-end{justify-content: flex-end;} .align-start{align-self: flex-start;}
.text-center{text-align:center;} .text-right{text-align:right}

 .object-cover {object-fit: cover;}

.relative {position:relative;} .absolute {position:absolute} .fixed {position:fixed}
.block {display:block} .inline-block {display:inline-block} .hidden {display: none;}
.appear {
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
  opacity: 1;animation-name:fadeInOpacity;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 0.5s;
}

.max-w-full{max-width:100%} .max-w-25p{max-width:25%} .max-w-50p{max-width:50%} .max-w-80p{max-width:80%} .max-w-80{max-width:80px} .max-w-400{max-width:400px} .max-w-500{max-width:500px} .max-w-600{max-width:600px}
.max-w-600{max-width:600px} .max-w-800{max-width:800px} .max-w-900{max-width:900px} .max-w-1000{max-width:1000px} .max-w-1200{max-width:1200px}
.min-w-25p{min-width:25%} .min-w-35p{min-width:35%} .min-w-50p{min-width:50%}
.min-w-100{min-width:100px} .min-w-120{min-width:120px} .min-w-150{min-width:150px} .min-w-200{min-width:200px}

@keyframes fadeInOpacity { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeOutOpacity { 0% {opacity: 1;} 100% {opacity: 0;} }

.primary-color{color:#40ac82}
.pagenation {display: flex;flex-wrap:wrap;padding:20px 0}
.pagenation .dot {flex-grow: 1;text-align: center;margin-right: 5px;padding: 10px 10px;margin-top:5px}
.pagenation .pagelink {max-width:80px;cursor:pointer;flex-grow: 1;text-align: center;margin-top:5px;margin-right: 5px;padding: 10px 10px;border:2px solid #40ac82;color:#40ac82;}
.pagenation .pagelink.current {flex-grow: 1;text-align: center;margin-top:5px;margin-right: 5px;padding: 10px 10px;border:2px solid #40ac82;background:#40ac82;color:#fff;}

.tmp-page .tmp-content {line-height: 1.9}
.tmp-page .tmp-content h2 {margin-top:20px}
.tmp-page .tmp-content ul {padding-left:30px}
.tmp-page .tmp-content p, ul{margin-bottom: 15px}
.tmp-page .tmp-content a{color: #40ac82}

.container {max-width: 1000px;margin:auto}
.container.hp-header-ctn {max-width: 1200px;}
.content-container {padding:30px;max-width: 1000px;margin:auto}
.content-container.err-page {text-align: center;padding:50px 0}
.content-container.err-page h1 {font-size: 60px}
.content-container.err-page p {font-size: 20px}
.content-container.err-page .links a{font-size: 20px;display: inline-block;margin:20px 20px;text-decoration: underline;font-weight: 500}
.content-fw-container {padding:30px;}

.contact-form .form-field {margin-top: 20px}
.contact-form .form-field textarea {resize: vertical;}

header {position: fixed;width: 100%;background: #fff;z-index:999}
header .container {padding:30px 30px}
header .logo-img img {width: 150px}
footer {padding:30px;font-size: 13px;color:#888;text-align:center;font-weight: 300}

.nav-height-placeholder {position: relative;height:95px;width:100%}

.hero-banner {padding:80px 0;padding-top:150px;border-bottom:1px solid #eee}
/* .hero-banner {padding:100px 0;padding-top:150px;background-image: url(/images/banner-bg-01.jpg);background-repeat: no-repeat;background-size: cover;background-position: center right} */
.hero-banner .main-flex {display: flex;line-height: 1.7;max-width: 1200px;margin:auto;padding:0 30px;}
.hero-banner .main-flex .flex.flex-grow{padding-left: 80px;}
.hero-banner .main-flex .flex.flex-grow .bannr-cnt {max-width: 500px;font-size:17px}
.hero-banner .main-flex .flex.flex-grow .bannr-cnt  h1 {font-size: 40px}
.hero-banner .main-flex .flex.flex-grow .bannr-cnt .why-us {margin-top:50px}
.hero-banner .main-flex .flex.flex-grow .bannr-cnt .why-us p {font-weight: 600;font-size:20px}
.hero-banner .main-flex .flex.flex-grow .bannr-cnt .why-us ul{list-style: none;margin-top: 15px}
.hero-banner .main-flex .flex.flex-grow .bannr-cnt .why-us ul li {padding:5px 0;display: flex}
.hero-banner .main-flex .flex.flex-grow .bannr-cnt .why-us ul li i {color:#40ac82;padding-right:10px;padding-top:5px}
.hero-banner .main-flex .banner-box {width:500px;max-width: 500px;height:600px;background-image:url(/images/banner-astronaut.jpg);background-repeat: no-repeat;background-size: cover;background-position: center right}
/* .hero-banner .main-flex .banner-box .banner-box-border {padding:30px;border:3px solid #4cb189;}
.hero-banner .main-flex .banner-box a {display: block;border:1px solid #4cb189;border-radius: 3px;text-align: center;padding:15px;margin-top:15px} */
.hero-banner h3 {font-weight: 400;margin-top: 15px}
.hero-banner .bannr-links {display: flex;flex-direction: column;}
.hero-banner .bannr-links a {display: inline-block;border:1px solid #4cb189;border-radius: 3px;text-align: center;padding:15px;margin-top:20px}
.hero-banner .bannr-links a.highlight {background: #4cb189;color:#fff;font-weight: 600}

@media screen and (max-width: 1300px) {
  .reg-content-container {padding: 30px 50px;}
}

.hp-services {padding:50px 0}
.hp-services .services-header {text-align: right}
.hp-services .services-header p.primary-color {font-weight: 600;font-size:18px}
.hp-services .service-list .service {padding:10px 0;margin-bottom:100px;line-height: 1.7}
.hp-services .service-list .service h3 {font-size: 27px;font-weight: 400}
.hp-services .service-list .service h3 i {color:#40ac82;padding-right: 15px}
.hp-services .service-list .service p {margin-top:10px}
.hp-services .service-list .service p b {color: #40ac82;font-size: 20px;padding:0 3px;}
.hp-services .service-list .service .service-qa-container{margin-top:50px;display: flex;}
.hp-services .service-list .service .service-qa-container h4 {color:#40ac82;font-size:18px;}
.hp-services .service-list .service .service-qa-container .qa {flex-grow: 1;padding-right:80px;line-height: 2.0;color:#999;font-size: 14px}
.hp-services .service-list .service .service-qa-container .qa.on-right-side {padding-right: 0;padding-left:80px}
.hp-services .service-list .service .service-qa-container .qa-img {width: 450px;min-width: 450px;border-radius: 5px;background: #4cb189;position: relative}
.hp-services .service-list .service .service-qa-container .qa-img img {width:100%;position: relative;top:30px;left:30px}
.hp-services .service-list .box-info {border:1px solid rgb(151,151,151);padding:20px}
.hp-services .service-list .box-info  a {display: block;border:1px solid #4cb189;border-radius: 3px;text-align: center;padding:15px;margin-top:20px}

.hp-contact-container  {background: #4cb189;padding:50px 0;color:#fff}

.page-index ul{list-style: none;padding-left:0;margin-top:20px}
.page-index ul li {padding:5px 0}

.lt-bg-layor {background: #f3f2f2}
.page-banner {background: #fff}

.free-website-banner {display: flex}
.free-website-banner h1 {font-weight: 400}

article {line-height: 1.7}
article h2 {font-weight: 400;font-size:22px}
article .qa{padding:25px 0}
article .qa .a {margin-top:10px}