@charset "utf-8";
/* CSS By SiteWis */
body {font-family: "Roboto", sans-serif;font-weight: normal; font-style: normal; font-size: 14px; color: #969696; overflow-x: hidden; }

a { outline: medium none !important; color: #16a086; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:focus {color: #16a085; text-decoration: none !important; }
a:hover {color: #16a085; text-decoration: none !important; }
i {color: #16a085;}

h1, h2, h3, h4, h5, h6 {font-family: "Barlow Semi Condensed", sans-serif; color: #001935;margin-top: 0px; font-weight:600; text-transform: capitalize; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; }
h1 {font-size: 42px; font-style: normal; }
h2 {font-size: 30px; }
h3 {font-size: 26px; }
h4 {font-size: 22px; }
h5 {font-size: 20px; }
h6 {font-size: 18px; }

.btn-link{color:#16a085; }
.btn-link:hover{color:#1cbb9b; }
.banner-top{background-color: #91e1ed;}
.banner-img{height: 100%;width: 100%;max-width:2050px;margin: 0 auto;}
@media (max-width: 990px){
.banner-top{display: none;}
}

.bg-green { background-color: #1cbb9b; /*background-image: linear-gradient(#00b27a, #02d887);*/ border-top: 3px solid #16a086; }
.bg-green-sea{ background-color: #16a085; padding: 0.7em 1em;}

/* navber begin */
.navbar-light .navbar-nav .nav-item .nav-link {color: #fff; font-size: 16px; -webkit-font-smoothing: antialiased;font-weight: 600;}
.navbar-light .navbar-nav .nav-item .nav-link:hover {color: rgba(255, 255, 255, 0.7);-webkit-transition: all 0.5s ease-in-out;}
.navbar-light .navbar-toggler {color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.2);}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-collapse { margin-top: 0em;}
.navbar-toggler {font-size: 0.75rem;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.9rem;padding-left: 1.9rem;}
.dropdown-item:hover{background-color: #d4ede6;}
@media (max-width: 1125px){
.navbar-expand-lg .navbar-nav .nav-link {padding-right:1rem; padding-left:1rem;}
}
/* navber end */

/* footer begin */
.bd-footer {font-size: 0.87rem;text-align: center;background-color: #f7f7f7;}
.bd-footer {text-align: left;}
@media (max-width: 575px){
	.bd-footer {text-align:center;}
}
.bd-footer-links {padding-left: 0px;margin-bottom: 1rem;}
.bd-footer p {margin-bottom: 0px;}
.bd-footer a {font-weight: 600;color: #495057;}
.bd-footer-links li {display: inline-block;}
.bd-footer-links li + li {margin-left: 1rem;}
/* footer end */

.section-title { margin-bottom: 40px; }
@media (max-width: 575px) {
.section-title {margin-bottom: 20px; }
}
/* space padding begin */
.space-ptb { padding: 60px 0; }
.space-pt { padding: 60px 0 0; }
.space-pb { padding: 0 0 60px; }
@media (max-width: 991px) {
  .space-ptb { padding: 60px 0; }
  .space-pt { padding-top: 60px; }
  .space-pb {  padding-bottom: 60px; }
}
@media (max-width: 767px) {
  .space-ptb { padding: 50px 0; }
  .space-pt { padding-top: 50px; }
  .space-pb { padding-bottom: 50px; }
}
@media (max-width: 575px) {
  .space-ptb {padding: 40px 0; }
  .space-pt { padding-top: 40px; }
  .space-pb {padding-bottom: 40px; }
}
/* space padding end */

.swiper-container {width: 100%;height: 100%;}
.swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
	-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/* stats begin */
.stats ul { display:-webkit-box;display:-ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.stats ul .stats-item {margin-top: -1px;    margin-right: -1px; -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.stats ul .stats-item a {color: #34495e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #eeeeee; padding: 24px; height: 100%; }
.stats ul .stats-item a .stats-icon { margin-right: 14px; }
.stats ul .stats-item a i {font-size: 40px;  line-height: 60px; color: #34495e; }
.stats ul .stats-item a span { margin-left: auto; color: #969696; -webkit-box-flex: 0; -ms-flex: 0 0 56px; flex: 0 0 56px; padding-left: 10px; }
.stats ul .stats-item a:hover { background: #1cbb9b; border-color: #1cbb9b; }
.stats ul .stats-item a:hover i { color: #fff; }
.stats ul .stats-item a:hover span { color: #fff; }
.stats ul .stats-item a:hover h6 { color: #fff; }
@media (max-width: 767px) {
  .stats ul .stats-item { max-width: 50%; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; text-align: center; }
  .stats ul .stats-item a {  display: block; }
  .stats ul .stats-item a span { padding-left: 0; }
}
@media (max-width: 575px) {
  .stats ul .stats-item { max-width: 50%; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; text-align: center; }
  .stats ul .stats-item a .stats-icon { margin-right: 0; }
}
/* stats end */

/* intro begin */
.intro{background-color: #fff; border:#eeeeee 1px solid;padding: 0; width: 100%;}
.intro .intro-title{border-bottom:1px dashed #fb973e; height:38px; line-height:38px; text-align: center;}
.intro .intro-title .intro-title-name{ float: left; background-color: #fb973e; color: #fff; width: 40%;height: 38px; line-height: 38px; font-size:16px; margin-top: 5px; margin-left: -5px;font-weight: 600; }
.intro .intro-title .intro-title-name i{color: #fff;font-size: 26px; display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;position: absolute; top: 0; margin: 12px 13px;}
.intro .intro-title .intro-title-other{float:left; width: 60%;height: 38px; line-height: 60px; font-size:16px;font-weight: 600;}
.intro .intro-content{width: 100%; height: 139px;}
.intro .intro-content .intro-more{text-align: right; padding-right: 5px;}
.intro .intro-content .intro-more a{ color: #fb973e; } 
/* intro  end */

/* donate begin */
.donate{background-color: #fff; border:#eeeeee 1px solid;padding: 0; width: 100%;}
.donate .donate-title{border-bottom:1px dashed #1cbb9b; height:38px; line-height:38px; text-align: center;}
.donate .donate-title .donate-title-name{ float:left; background-color:#1cbb9b; color: #fff; width: 40%;height: 38px; line-height: 38px; font-size:16px; margin-top: 5px; margin-left: -5px;font-weight: 600; }
.donate .donate-title .donate-title-name i{color: #fff;font-size: 26px; display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;position: absolute; top: 0; margin: 12px 13px; }
.donate .donate-title .donate-title-other{float:left; width:60%; height:38px; line-height: 60px; font-size:16px;font-weight: 600;}
.donate .donate-content{width: 100%; height: 180px; text-align:center;}
.donate .donate-content .donate-item{float:left; width: 50%;}
.donate .donate-content .donate-item img{ width: 130px; border: 2px solid #eee; padding: 5px;}
/* donate  end */

/* person begin */
.person-image {position: relative;}
.person-image .person-lable {display: -webkit-box;display: -ms-flexbox;display: flex; position: absolute; right: 8px; top: 20px;}
.badge-md {padding: 5px 8px; font-size: 13px; font-weight: normal;}
.badge {border-radius: 3px; }
.badge + .badge {margin-left: 6px;}
.badge-purple{background-color:#7952b3; color:#fff;}

.person-image {}
.person-image .img-box {cursor: pointer; overflow: hidden;border-radius: 3px;}
.person-image .img-box img {width: 100%;height: 100%; border-radius: 3px;transition: all .5s;}
.person-image .person-agent {display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;position: absolute; bottom: 0; margin: 20px 10px;}	
.person-image .person-agent .person-agent-info {opacity: 0; visibility: hidden; background: #ffffff; padding: 10px;font-size: 14px; position: relative; border-radius: 3px;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.person-image:hover .person-agent .person-agent-info { opacity: 1; visibility: visible; }
.person-image .img-box img:hover {transform: scale(1.4);}
/* person end */
/* content-item begin */
.content-item ul{margin: 0;padding: 0;list-style-type:none;}
.content-item ul li{line-height: 28px; display: inline-block; width: 100%; font-size: 16px; margin: 0; padding: 10px; border: #f7f7f7 1px solid;border-radius: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content-item ul li:hover{border: #c3e6cb 1px solid; background-color: #d4ede6; }
.content-item ul li > i{float: left;line-height: 27px; margin-right: 10px;}
.content-item ul li > a{float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content-item ul li > span{float: right;}
@media (max-width: 575px) {
.content-item ul li > i{margin-right: 5px;}
}
/* content-item end */

/* enterprise begin */
.enterprise-list{}
.enterprise-item{}
.enterprise-item > dl{margin: 0;padding: 0;}
.enterprise-item > dl dd{margin: 0;padding: 0;}
/* enterprise end */

/* news_show begin */
.news_show{width: 100%;height: auto;overflow: hidden;position: relative;float: left;}
.news_show a{display: block;height: auto;overflow: hidden;color: #fff;}
.news_show .show_img{width: 100%;height: auto;overflow: hidden;font-size: 0px;}
.news_show .show_img img{width: 100%;height: auto;overflow: hidden;}
.news_show .show_area{width: 100%;height: 100px;overflow: hidden;position: absolute;bottom: 0px;left: 0px;background: rgba(0,0,0,.5);}
.news_show .show_time{position: absolute;left: 0;top: 0;width: 100px;height: 100%;background: #1cbb9b;color: #fff;padding: 12px 20px 0px 20px;z-index: 2;text-align: center;}
.news_show .show_d{font-size: 36px;line-height: 46px;height: 42px;overflow: hidden;position: relative;}
.news_show .show_d:after{content: "";width: 58px;height: 1px;background: #02d887;position: absolute;left: 50%;margin-left: -29px;bottom: 0px;}
.news_show .show_m{line-height: 20px;height: 25px;overflow: hidden;}
.news_show .show_intro{width: 100%;height: auto;padding: 12px 40px 0 130px;color: #fff;}
.news_show .show_bt{font-size: 18px;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_show .show_nr{line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* news_show end */

/* video begin */
.video-item{}
.video-item img{padding: 10px 0}
/* video end */

/* report begin */
.alert-success { color: #16a085; background-color: #d4ede6; border-color: #c3e6cb;}
.text-success { color: #16a085 !important;}
.btn-success { color: #fff; background-color: #16a085; border-color: #1cbb90;}
.btn-success:hover { color: #fff; background-color: #1cbb9b; border-color: #1cbb90;}
.btn-success:focus, .btn-success.focus { color: #fff; background-color: #1cbb9b; border-color: #1cbb90; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
.btn-success.disabled, .btn-success:disabled {  color: #fff; background-color: #1cbb9b; border-color: #1cbb90;}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,.show > .btn-success.dropdown-toggle { color: #fff; background-color: #16a085; border-color: #16a080;}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,.show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}
/* report end */

/* contact begin */
.contact-item{background-color: #fff; border:#eeeeee 1px solid;padding: 0; width: 100%;}
.contact-item .contact-title{margin-top: 5px; height:38px; line-height:38px; text-align: center;}
.contact-item .contact-title .contact-title-name{ float: left; background-color: #fb973e; color: #fff; width: 40%;height: 38px; line-height: 38px; font-size:16px; margin-top: 5px; margin-left: -5px;font-weight: 600; }
.contact-item .contact-title .contact-title-name i{color: #fff;font-size: 26px; display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;position: absolute; top: 1; margin: 8px 13px;}
.contact-item .contact-title .contact-title-other{float:left; width: 60%;height: 38px; line-height: 60px; font-size:16px;font-weight: 600;}
.contact-item ul{margin: 0;padding: 0;list-style-type:none;}
.contact-item ul li{line-height: 28px; display: inline-block; width: 100%; font-size: 16px; margin: 0; padding: 4px 8px; border-bottom: #f7f7f7 1px solid;border-radius: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.contact-item ul .first{border-top:1px dashed #fb973e;margin-top: -1px; padding-top: 13px;}
.contact-item ul li > i{float: left;line-height: 27px; margin-right: 10px; width: 30px; text-align: center;color: #969696;}
.contact-item ul li > span{}
/* contact end */

/* button begin */
.mybtn{display: block; width: 115px;height: 115px;line-height: 21px;background-color: #16a085;color:#fff;border:none; border-radius: 50%; cursor:pointer; text-align: center; font-size: 18px; font-weight: 600; padding: 35px; margin: 0 20px;}
.mybtn:hover{background-color: #1cbb9b; color:#fff}
@media (max-width: 575px) {
.mybtn{ width:60px;height: 60px;line-height: 18px;font-size: 16px; font-weight: 600; padding: 12px; margin: 0 5px;}
}

.mybtn-warning{display: block; width: 115px;height: 115px;line-height: 21px;background-color: #d7000f;color:#f0c2a2;border:none; border-radius: 50%; cursor:pointer; text-align: center; font-size: 18px; font-weight: 600; padding: 35px; margin: 0 20px;}
.mybtn-warning:hover{background-color: #f0c2a2; color:#d7000f;}
@media (max-width: 575px) {
.mybtn-warning{ width:60px;height: 60px;line-height: 18px;font-size: 16px; font-weight: 600; padding: 12px; margin: 0 5px;}
}
/*按钮 阴影无扩展 */
.bt {
margin: 100px auto;
display: block;
width: 350px;
opacity:0;
border-bottom: 1px solid #C5C5C5;
border-top: 1px solid #C5C5C5;
box-shadow: 0 1px 0 #F6F6F6, 0 1px 0 #F6F6F6 inset;
transition: all 0.5s ease-in;
}
.button:before, .button2:before {
content: "";
width: 130px;
height: 130px;
display: block;
z-index: -1;
position: relative;
background: #ddd;
left: -15px;
top: -15px;
border-radius: 65px;
box-shadow: inset 2px 2px 4px rgba(0,0,0,0.4);
}
.button:after, .button2:after {
content: "注册";
color: #09F;
font-size: 20px;
width: 100%;
height: 100%;
line-height: 100px;
text-align: center;
position: absolute;
top: 0;
display: block;
}
.button2:hover{background:#fff;color:#41ab6b}
.button2:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.button2:after {
content: "登入";
word-spacing: 25px;
color: #A0D989;
}
.button, .button2 {
float: left;
margin: 50px auto;
cursor: pointer;
height: 100px;
width: 100px;
display: block;
position: relative;
color: black;
text-align: center;
line-height: 100px;
border-radius: 50px;
box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
background: #FFF;
transition: all 0.5s ease-in;
}
.button {
float: left;
}
.button2 {
float: right;
}
/* btn-tab begin */
.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d;}
.btn-secondary:hover { color: #fff;  background-color: #1cbb9b; border-color: #16a085;}
.btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);}
.btn-secondary.disabled, .btn-secondary:disabled {color: #fff; background-color: #6c757d; border-color: #6c757d;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {color: #fff;background-color: #545b62;border-color: #4e555b;}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);}
/* btn-tab end */
/*tab begin */
.nav .nav-item .nav-link { font-size: 16px; font-weight: 600; padding-left: 30px;padding-right: 30px; }
@media (max-width: 500px) {
	.nav .nav-item .nav-link { font-size: 16px; font-weight: 600; padding-left: 15px;padding-right: 15px; }
#homefind-tab {content: "寻家"; }
#findhome-tab {content: "家寻"; }
}
/*tab end */