@charset "UTF-8";
body {
  font-family: 'SourceHanSansRegular',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; overflow-x: hidden;
}
#body {
  visibility: hidden;
}
.noscroll {
  overflow-y: hidden;
}
.btn.focus, .btn:focus {
  box-shadow: none;
}
.w100 {
  display: block; width: 100%;
}
.pc {
  display: block;
}
.wap {
  display: none;
}
p, h1, h2, h3, h4, h5, h6{
  margin-bottom: 0;
}
ul,li {
  list-style: none; padding: 0; margin: 0;
}
.header {
  width: 100%; height: auto; box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.1);
}
.header.black .navbar, .header:hover .navbar {
  background: rgba(0,0,0,.6);
}
.header.green .navbar {
  background: #0c6d67;
}
.header .dropdown-toggle::after {
  display: none;
}
.header .navbar {
  padding: 0 0.8333rem; border-bottom: 1px solid rgba(255, 255, 255, 0.3); transition: background-color .5s linear; -webkit-transition: background-color .5s linear;
}
.header .navbar .share {
  position: relative;
}
.header .navbar .share i {
  color: #fff; cursor: pointer;
}
.header .navbar .search i {
  color: #fff;
}
.header .navbar .search a {
  text-decoration: none;
}
.header .navbar .share_box {
  position: absolute; left: -60px; top: 0.3rem; background: #fff; border-radius: 0.0417rem; width: 180px; padding: 0.05rem; display: none;
}
.header .navbar .share_box i {
  width: 36px; height: 36px; line-height: 36px; background-color: #9a9a9a; border-radius: 50%; display: block; text-align: center; font-size: 26px; cursor: pointer; transition: background-color 0.5s linear, color 0.5s linear; -webkit-transition: background-color 0.5s linear, color 0.5s linear; float: left; margin-right: 12px; margin-top: 12px;
}
.header .navbar .share_box i:hover {
  background-color: #0c6d67;
}
.header .navbar .share_box .qrcode {
  float: right;
}
.header .navbar .edition, .navbar .search {
  margin-left: 0.0521rem;
}
.header .navbar .edition a {
  color: #fff;
}
.header .nav_right {
  margin-left: 0.06rem;
}
.header .navbar-brand {
  width: 1.2448rem; padding: 0; margin-top: 0.05rem;
}
.header .navbar-expand-md .navbar-nav .nav-link {
  padding: 0.15rem 0.1042rem; color: #fff; position: relative; display: block; transition: color .3s linear; -webkit-transition: color .3s linear;
}
.header .navbar-nav .nav-item:hover .nav-link, .header .navbar-nav .nav-item .nav-link.active {
  color: #0c6d67; cursor: pointer;
}
.header .navbar-expand-md .navbar-nav .nav-item .nav-link::after {
  content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.1042rem; width: 0.2083rem; height: 0.0208rem; border-radius: 0.0208rem; background: none; transition: background-color .3s linear; -webkit-transition: background-color .3s linear;
}
.header .navbar-expand-md .navbar-nav .nav-item:hover .nav-link::after, .header .navbar-expand-md .navbar-nav .nav-item .nav-link.active::after {
  background: #0c6d67;
}
.header .navbar-nav .nav-item.dropdown .dropdown-menu {
  margin: 0; padding: 0; min-width: 3.3906rem; padding-top: 0.0625rem; background: none; border: none; border-radius:0;
}
.header .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block; left: 50%; transform: translateX(-50%);
}
.header .dropdown-con {
  width: 100%; background-color: rgb(255, 255, 255); border-radius: 0.026rem; padding: 0.0521rem; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0.1042rem 0px rgba(0, 0, 0, 0.2);
}
.header .dropdown-con .dropdown-left {
  width: 2.0104rem;
}
.header .dropdown-con .dropdown-right {
  padding-left: 0.2604rem;
}
.header .dropdown-item {
  padding: 0.0281rem 0; background: none; color: #808c9a; transition: all .3s linear; -webkit-transition: all .3s linear;
}
.header .dropdown-item:hover {
  color: #157971;
}
.header .dropdown-item b {
  margin-right: 0.026rem; display: inline;
}
.header .navbar-toggler {
  padding: 0.1042rem 0.1563rem; font-size: 0.25rem; border-radius: 4px;
}
.footer {
  width: 100%; height: auto; overflow: hidden; background: #f8f8f8;
}
.footer .footer_tip {
  padding: 0.1979rem 0.8333rem; border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.footer .footer_con {
  padding: 0.1979rem 0.8333rem;
}
.footer .footer_con .con_left {
  width: 5.9896rem;
}
.footer .footer_con .con_left h5 {
  color: #000; margin-bottom: 0.1042rem;
}
.footer .footer_con .con_left ul {
  padding-left: 0; margin-bottom: 0.2344rem;
}
.footer .footer_con .con_left ul li p {
  margin-bottom: 0.0417rem;
}
.footer .footer_con .con_left p a {
  color: rgba(0, 0, 0, .5); display: inline-block; margin-right: 0.025rem;
}
.footer .footer_con .con_left p a:hover {
  color: #0c6d67;
}
.footer .footer_con .con_right span {
  color: rgba(0, 0, 0, .5); display: block;
}
.footer .footer_tip a {
  margin-left: 0.1875rem; color: #000;
}
.footer .footer_tip img {
  width: 1.2448rem;
}
.footer a {
  transition: all .3s linear; -webkit-transition: all .3s linear;
}
.footer a:hover {
  text-decoration: none; color: #0c6d67;
}
.footer .footer_con .con_right .tel {
  text-align: right;
}
.footer .footer_con .con_right .wechat {
  width: 1.9rem;
}
.footer .footer_con .con_right .wechat .item {
  width: 0.5885rem;
}
.footer .footer_con .con_right .wechat .item p {
  text-align: center; color: rgba(0, 0, 0, .5);
}
.footer .footer_bot {
  text-align: center; color: rgba(0, 0, 0, .3); padding: 0.1354rem 0; background: #fff;
}
.footer .footer_bot p a {
  color: rgba(0, 0, 0, .3);
}
.footer .footer_bot p a:hover {
  color: #0c6d67;
}
.aside {
  position: fixed; z-index: 10; top: 50%; transform: translateY(-50%); right: 0; border-top-left-radius: 0.1563rem; border-bottom-left-radius: 0.1563rem;
}
.aside ul li {
  width: 0.4948rem; height: 0.4948rem; color: #fff; position: relative; background: rgba(0, 102, 96, 0.5); margin-bottom: 1px; transition: background-color .3s linear; -webkit-transition: background-color .3s linear;
}
.aside ul li .tit {
  width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column;
}
.aside ul li .con {
  position: absolute; left: 0; top: 0; width: 0.701rem; height: 100%; background: #006660; z-index: -1; opacity: 0; padding: 0.05rem; border-bottom-left-radius: 0.0417rem; border-top-left-radius: 0.0417rem;
}
.aside ul li:nth-child(2) .con {
  flex-direction: column; height: 0.8rem;
}
.aside ul li .con p {
  color: #fff;
}
.aside ul li i {
  font-size: 0.125rem;
}
.aside ul li:hover {
  background-color: #006660; cursor: default;
}
.aside ul li:hover .con {
  transform: translateX(-0.7rem); opacity: 1;
}
.aside ul li:last-child {
  border-bottom-left-radius: 0.1563rem;
}
.aside ul li:first-child {
  border-top-left-radius: 0.1563rem;
}
.aside ul li:first-child:hover {
  cursor: pointer; border-top-left-radius: 0;
}
.inner_kv {
  width: 100%; height: auto; overflow: hidden; position: relative;
}
.inner_kv .kv_title {
  position: absolute; left: 0; top: 50%; transform: translate(0, -50%); color: #fff; text-align: center; width: 100%;
}
.inner_kv .kv_title p {
  text-transform: uppercase; opacity: 0.6;
}
.inner_kv .kv_title h6 {
  font-weight: normal; letter-spacing: 0.02rem;
}
.inner_nav {
  width: 100%; background: #fff; z-index: 8; position: relative;
}
.inner_nav::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, .2);
}
.inner_nav .nav .nav-link {
  padding: 0.15rem 0; color: #8a8a8a; position: relative; display: block; margin-left: 0.5781rem; margin-right: 0.5781rem; position: relative; background: none;
}
.inner_nav .nav .nav-link.active,.inner_nav .nav .nav-link:hover {
  color: #0c6d67; cursor: pointer;
}
.inner_nav .nav .nav-link::after {
  transition: all .3s linear; -webkit-transition: all .3s linear; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.08rem; width: 0.2083rem; height: 0.0208rem; border-radius: 0.0208rem; background: none;
}
.inner_nav .nav .nav-link.active::after,.inner_nav .nav .nav-link:hover::after {
  background: #0c6d67;
}
.inner_nav .nav-fill > .nav-link {
  flex: none;
}
.inner_title {
  width: auto; height: auto; margin-top: 0.4583rem; margin-bottom: 0.3125rem;
}
.inner_title.black p {
  color: #000;
}
.inner_title.white p {
  color: #fff;
}
.inner_title.green p {
  color: #0c6d67;
}
.inner_title.txcenter {
  margin-left: auto; margin-right: auto; text-align: center;
}
.inner_title p span {
  display: block; padding: 0.05rem 0 0; position: relative; opacity: 0.3; text-transform: uppercase;
}
.inner_con {
  width: 8.3333rem; margin: 0 auto; height: auto;
}
.inner_con.inner_con100 {
  width: 100%;
}
.more {
  padding: 0.1354rem 0.4688rem; color: #fff; background: #0c6d67; display: inline-block;
}
.more.morecn {
  padding: 0.08rem 0.292rem; 
}
.more.moreen {
  padding: 0.0551rem 0.4325rem; 
}
.more:hover {
  background-color: #fff; color: #0c6d67; text-decoration: none;
}
.more02 {
  width: 0.2604rem; height: 0.2604rem; display: block;
}
.more02:hover {
  transform: rotate(360deg);
}
.transition05 {
  transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.transition03 {
  transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
.flex_d {
  display: -ms-flexbox; display: flex; -js-display: flex;
}
.swiper-button-prev, .swiper-button-next {
  border-radius: 50%; box-shadow: 0px 0.0208rem 0.0521rem 0px rgba(116, 116, 116, 0.3); width: 0.3542rem; height: 0.3542rem; background: #fff; background-size: 20%; color: #0c6d67; text-align: center; margin-top: 0; z-index: 2;
}
.swiper-button-prev i, .swiper-button-next i {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.swiper-button-prev:hover, .swiper-button-next:hover {
  background: #0c6d67;
}
.swiper-button-prev:hover i, .swiper-button-next:hover i {
  color: #fff;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 0.2604rem; height: 0.0208rem; border-radius: 0; background-color: #0c6d67;
}
.page {
  width: 100%; height: auto; overflow: hidden;
}
.page .pagination {
  margin: 0.2rem auto 0.5rem;
}
.page .pagination .page-link {
  padding: 0.1rem 0.15rem; color: #0c6d67; border: 0.0052rem solid #dee2e6; border-radius: 0;
}
.page .pagination .page-link:focus, .page .pagination .page-link.active, .page .page-item, .page .page-item.active, .page .page-item:focus {
  box-shadow: none;
}
.page .page-item.active .page-link {
  background: #0c6d67; color: #fff; border-color: #fff;
}
#bdmap {
  height: 100%;
}
.font88 {
  font-size: 0.4583rem; line-height: 0.5208rem;
}
.font55 {
  font-size: 0.2708rem; line-height: 0.3825rem; letter-spacing: 1px;
}
.font48 {
  font-size: 0.25rem; line-height: 0.3125rem;
}
.font42 {
  font-size: 0.2188rem; line-height: 0.3125rem;
}
.font36 {
  font-size: 0.1875rem; line-height: 0.2604rem;
}
.font32 {
  font-size: 0.1667rem; line-height: 0.2396rem;
}
.font30 {
  font-size: 0.1563rem; line-height: 0.2708rem;
}
.font28 {
  font-size: 0.1458rem; line-height: 0.22rem;
}
.font26 {
  font-size: 0.1354rem; line-height: 0.25rem;
}
.font24 {
  font-size: 0.125rem; line-height: 0.2rem; letter-spacing: 1px;
}
.font22 {
  font-size: 0.1146rem; line-height: 0.1875rem;
}
.font20 {
  font-size: 0.1042rem; line-height: 0.1875rem;
}
.font18 {
  font-size: 0.0938rem; line-height: 0.158rem;
}
.font16 {
  font-size: 0.0833rem; line-height: 0.125rem;
}
.font14 {
  font-size: 0.0729rem; line-height: 0.1rem;
}

@keyframes rotate360
{
	0% {transform: rotate(0deg); -ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}
	100% {transform: rotate(360deg); -ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
}

@-webkit-keyframes rotate360 /*Safari and Chrome*/
{
	0% {transform: rotate(0deg); -ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}
	100% {transform: rotate(360deg); -ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
}
@keyframes rotate360f
{
	0% {transform: rotate(0deg); -ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}
	100% {transform: rotate(-360deg); -ms-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);}
}

@-webkit-keyframes rotate360f /*Safari and Chrome*/
{
	0% {transform: rotate(0deg); -ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);}
	100% {transform: rotate(-360deg); -ms-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-o-transform: rotate(-360deg);}
}

@media screen and (max-width: 1024px){
  .aside ul li .tit p {
    display: none;
  }
  .aside ul li .con {
    width: 1rem;
  }
  .aside ul li:hover .con {
    transform: translateX(-1rem);
  }
  .aside ul li:nth-child(3) .con {
    height: 1.02rem;
  }
  .aside ul li:nth-child(3) .con p {
    display: none;
  }
}
@media screen and (max-width: 768px){
  .pc {
    display: none;
  }
  .wap {
    display: block;
  }
  .font88 {
    font-size: 0.78rem; line-height: 0.8rem;
  }
  .font55 {
    font-size: 0.48rem; line-height: 0.6rem;
  }
  .font48 {
    font-size: 0.43rem; line-height: 0.58rem;
  }
  .font42 {
    font-size: 0.37rem; line-height: 0.54rem;
  }
  .font36 {
    font-size: 0.32rem; line-height: 0.46rem;
  }
  .font32 {
    font-size: 0.28rem; line-height: 0.42rem;
  }
  .font30 {
    font-size: 0.26rem; line-height: 0.4rem;
  }
  .font28 {
    font-size: 0.24rem; line-height: 0.38rem;
  }
  .font26 {
    font-size: 0.22rem; line-height: 0.38rem;
  }
  .font24 {
    font-size: 0.2rem; line-height: 0.36rem;
  }
  .font22 {
    font-size: 0.2rem; line-height: 0.32rem;
  }
  .font20 {
    font-size: 0.2rem; line-height: 0.32rem;
  }
  .font18 {
    font-size: 0.2rem; line-height: 0.32rem;
  }
  .font16 {
    font-size: 0.2rem; line-height: 0.32rem;
  }
  .font14 {
    font-size: 0.2rem; line-height: 0.32rem;
  }
  .aside {
    top: auto; bottom: 10%; transform: translateY(0);
  }
  .aside ul li {
    width: 0.8rem; height: 0.8rem;
  }
  .aside ul li:last-child {
    border-radius: 0.0417rem;
  }
  .aside ul li i {
    font-size: 0.2rem;
  }
  .header .navbar {
    /* padding: 0.3125rem; */
  }
  .header .navbar-brand {
    width: 2.5rem; margin-top: 0.4125rem; margin-bottom: 0.4125rem;
  }
  .header .nav_right {
    justify-content: space-between; width: 50%;
  }
  .header .dropdown-con {
    background: rgba(0,0,0,.2);
  }
  .header .dropdown-con .dropdown-left {
    display: none;
  }
  .header .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    transform: none;
  }
  .header .navbar-expand-md .navbar-nav .nav-item:hover .nav-link::after {
    display: none;
  }
  .footer .footer_tip {
    padding-left: 0.3125rem; padding-right: 0.3125rem;
  }
  .footer .footer_tip img {
    width: 2.5rem;
  }
  .footer .footer_con {
    display: block; padding-left: 0.3125rem; padding-right: 0.3125rem; 
  }
  .footer .footer_con .con_left {
    width: 100%;
  }
  .footer .footer_con .con_right .tel {
    text-align: left; float: left;
  }
  .footer .footer_con .con_right .wechat {
    width: 3rem; margin: 0.3rem auto;
  }
  .footer .footer_con .con_right .wechat .item {
    width: 45%;
  }
  .footer .footer_con .con_right {
    display: block;
  }
  .footer .footer_bot {
    padding: 0.354rem 0;
  }
  .footer .footer_tip {
    padding-top: 0.3rem; padding-bottom: 0.3rem;
  }
  .more {
    padding: 0.3rem 0.5rem;
  }
  .more.morecn {
    padding: 0.15rem 0.5rem;
  }
  .inner_title {
    margin-top: 0; /*  margin-bottom: 0.8rem; */
  }
  .inner_con {
    margin-top: 0.8rem;  margin-bottom: 0.8rem;
  }
  .inner_con.inner_con100 {
    width: 8.3333rem;
  }
  .inner_nav .nav .nav-link {
    padding: 0.3rem 0;
  }
  .inner_kv .kv_title {
    /* top: 66%; */
  }
  .swiper-button-prev, .swiper-button-next {
    width: 0.6rem; height: 0.6rem;
  }
  .page .pagination {
    /* margin-bottom: 0; */
  }
  .swiper-pagination .swiper-pagination-bullet {
    width: 0.604rem; height: 0.036rem;
  }
  .header .navbar .share_box {
    left: 0; top: auto; bottom: -82px; width: 100%; padding: 0; background: rgba(0,0,0,0.8);
  }
  .header .navbar .share_box i {
    margin-left: 0.5rem; margin-top: 22px;
  }
  .header .navbar .share_box .qrcode {
    float: left; margin-top: 10px;
  }
  .header .navbar .share {
    position: static;
  }
}
@media screen and (max-width: 480px){
  .font88 {
    font-size: 0.88rem; line-height: 0.85rem;
  }
  .font55 {
    font-size: 0.55rem; line-height: 0.77rem;
  }
  .font48 {
    font-size: 0.48rem; line-height: 0.62rem;
  }
  .font42 {
    font-size: 0.42rem; line-height: 0.54rem;
  }
  .font36 {
    font-size: 0.36rem; line-height: 0.54rem;
  }
  .font32 {
    font-size: 0.38rem; line-height: 0.54rem;
  }
  .font30 {
    font-size: 0.36rem; line-height: 0.54rem;
  }
  .font28 {
    font-size: 0.34rem; line-height: 0.54rem;
  }
  .font26 {
    font-size: 0.32rem; line-height: 0.54rem;
  }
  .font24 {
    font-size: 0.32rem; line-height: 0.54rem;
  }
  .font22 {
    font-size: 0.32rem; line-height: 0.54rem;
  }
  .font20 {
    font-size: 0.32rem; line-height: 0.54rem;
  }
  .font18 {
    font-size: 0.32rem; line-height: 0.54rem;
  }
  .font16 {
    font-size: 0.32rem; line-height: 0.54rem;
  }
  .font14 {
    font-size: 0.32rem; line-height: 0.54rem;
  }
  .header .navbar {
    padding: 0 0.3625rem;
  }
  .header .navbar-brand {
    width: 2.8rem; /* margin-top: 0.1rem; */ margin-top: 0.435rem; margin-bottom: 0.435rem;
  }
  .aside ul li {
    width: 1rem; height: 1rem;
  }
  .footer .footer_con .con_right .wechat {
    width: 5rem;
  }
  .footer .footer_tip {
    /* padding-top: 0.5rem; padding-bottom: 0.5rem; */
  }
  .more, .more.morecn {
    padding: 0.2rem 0.5rem;
  }
  .inner_nav .nav .nav-link {
    margin-left: 0.3rem; margin-right: 0.3rem;
  }
  .swiper-button-prev, .swiper-button-next {
    width: 1rem; height: 1rem;
  }
  .swiper-pagination .swiper-pagination-bullet {
    height: 0.05rem;
  }
  .header .navbar .share_box i {
    width: 30px; height: 30px; line-height: 30px;font-size: 18px;
  }
}
