@charset "utf-8";
.line3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.line2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/mo5.png) !important;
  background-size: 16px auto;
  background-position: 95% center;
  background-repeat: no-repeat;
}

select option {
  font-size: 0.16rem;
}

select::-ms-expand {
  display: none;
}

html {
  -webkit-font-smoothing: antialiased;
}

* {
  outline: none !important;
}

video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* object-fit:fill;  */
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
  display: block;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
  font-style: normal;
  font-weight: 400;
}

dl,
ol,
ul {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

textarea {
  resize: none;
}

img {
  vertical-align: middle;
}

button,
input,
textarea,
select {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
}

body {
  line-height: 1.7;
  overflow-x: hidden;
  background: #fff;
  word-wrap: break-word;
}

#web-ietip {
  width: 526px;
  height: 90px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(../images/browser.png) no-repeat center center;
  margin: 200px auto 0;
}

#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left;
}

.closeClass .layui-layer-setwin {
  right: 0 !important;
  top: 0;
  height: 50px;
  width: 70px;
}

.closeClass .layui-layer-close {
  width: 70px;
  height: 50px;
  background-image: url(../images/mo1.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px auto !important;
}

.padShow {
  display: none;
}

.phoneShow {
  display: none;
}

.lightImg {
  display: none;
}

.fix {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}

.lightImgCnt {
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightImgBox {
  position: relative;
}

.lightImgBox .close {
  cursor: pointer;
  position: absolute;
  width: 19px;
  top: -26px;
  right: -26px;
}

.lightImgBox .img {
  max-width: 80vw;
  max-height: 80vh;
}

.lightImgBox .video {
  max-width: 80vw;
  max-height: 80vh;
}

body {
  font-size: 0.16rem;
  color: #333333;
  font-family: "Source Han Sans CN";
}

a {
  color: #333333;
}

button,
input,
textarea,
select {
  color: #333333;
  font-size: 0.16rem;
  font-family: "Source Han Sans CN";
}

html {
  font-size: 100px;
}

.hoverAnScBox {
  overflow: hidden;
}
.hoverAnSc {
  transition: transform 0.35s;
}

.hoverAnScTopBox:hover .hoverAnSc {
  transform: scale(1.1);
}

.hoverAnOp {
  transition: opacity 0.15s;
}

.hoverAnOp:hover {
  opacity: 0.8;
}

.icFa {
  font-family: "宋体";
}

.linkHover:hover {
  color: #22a971 !important;
}

.layout {
  max-width: 1730px;
  margin: 0 auto;
  padding: 0 3%;
}
.showHead .head {
  background: rgba(0, 0, 0, 0.65);
}
.showHead .headBox1 {
  height: 0.9rem;
}
.head {
  transition: all 0.3s;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  background: transparent;
}

.headBox1 {
  transition: all 0.3s;
  display: flex;
  height: 1.34rem;
  align-items: center;
  justify-content: space-between;
}

.headBox4 {
  display: flex;
  align-items: center;
}

.headBox3 {
  width: 0;
  flex-grow: 1;
}

.headMl {
  margin-left: 0.4rem;
}

.headMr {
  margin-right: 0.4rem;
}

.logo img {
  width: 1.5rem;
}

.nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.nav li {
  padding: 0 0.3rem;
  position: relative;
}

/* .nav li.on > a {
  color: #22a971;
  font-weight: bold;
} */

.nav li > a {
  height: 1rem;
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  color: #fff;
}

.nav li:hover .navSub > a:first-child::after {
  display: block;
}

.nav li:hover .navSub {
  transition-delay: 0s;
  opacity: 1;
  transform: scaleY(1);
}

.navSub > a:first-child::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #eee;
}

.navSub {
  opacity: 0;
  border-radius: 5px;
  /* overflow: hidden; */
  top: 100%;
  left: 50%;
  margin-left: -85%;
  width: 170%;
  background: #fff;
  box-shadow: 0 0 4px 0px #eee;
  position: absolute;
  transition: all 0.35s;
  transition-delay: 0.25s;
  transform: scaleY(0);
  transform-origin: top center;
}

.navSub > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.5rem;
  border-bottom: 1px solid #eee;
}

.navSub > a:last-child {
  border: none;
}

.topXl {
  position: relative;
}

.topXl:hover .topXlHide {
  transition-delay: 0s;
  transform: scaleY(1);
  opacity: 1;
}

.topXlHide {
  position: absolute;
  opacity: 0;
  transition: all 0.35s;
  transition-delay: 0.25s;
  transform: scaleY(0);
  transform-origin: top center;
}

.searchIc {
  width: 0.22rem;
}

.searchBox {
  right: 0;
  top: 200%;
  width: 3.3rem;
  margin-right: -0.2rem;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 4px 0px #eee;
  padding: 0.4rem 0.3rem;
  box-sizing: border-box;
  display: flex;
}

.searchInp {
  font-size: 0.15rem;
  border: 1px solid #ccc;
  height: 0.35rem;
  line-height: 0.35rem;
  padding: 0 10px;
  flex-grow: 1;
  width: 0;
}

.searchBtn {
  font-size: 0.15rem;
  background: #22a971;
  color: #fff;
  border: none;
  width: 0.7rem;
}

.langBox {
  top: 170%;
  width: 1.5rem;
  left: 50%;
  margin-left: -0.75rem;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 4px 0px #eee;
  padding: 0.1rem 0.2rem;
  box-sizing: border-box;
}

.langBox a {
  border-bottom: 1px solid #eee;
  display: block;
  text-align: center;
  padding: 0.1rem 0;
}
.langBox a:last-child {
  border: none;
}

.lang {
  display: flex;
  align-items: center;
  color: #fff;
}

.langTxt {
  margin: 0 0.08rem 0 0.1rem;
}

.langIc1 {
  width: 0.21rem;
}
.topXlIc {
  display: flex;
  align-items: center;
  padding: 0 .25rem;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.topXlIcImg {
  width: 0.21rem;
}
.langIc2 {
  width: 0.07rem;
}

.layui-layer-title {
  background: #f8f8f8;
}
.layout2 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 3%;
}
.banner {
  background-size: cover;
  background-position: center;
  color: #fff;
}
.bannerBox {
  padding-top: 1.34rem;
  padding-bottom: 0.8rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100vw * 800 / 1920);
}
.bannerH5 {
  margin-top: -0.5rem;
  font-size: 0.2rem;
}
.bannerH4 {
  font-size: 0.46rem;
  margin: 0.1rem 0 0.05rem;
  font-weight: bold;
}
.bannerCnt {
  text-transform: uppercase;
}
.foot {
  background: #333333;
  padding-top: 0.85rem;
  padding-bottom: 0.4rem;
  color: #bebebe;
  font-size: 0.14rem;
  line-height: 2;
}
.foot img {
  vertical-align: middle;
}
.foot a {
  color: #bebebe;
}
.foot a:hover {
  color: #22a971;
}

.footBot {
  margin-top: 0.44rem;
  display: flex;
  justify-content: space-between;
}
.footBotMsg.spe {
  text-align: right;
}
.footTop {
  display: flex;
  justify-content: space-between;
}
.footTopLink {
  width: 1.44rem;
}
.footTopLink dt {
  margin-bottom: 0.18rem;
}
.footTopLink dt a {
  color: #fff;
  font-size: 0.16rem;
}
.footTopLine {
  height: 2.43rem;
  background: #5c5c5c;
  width: 1px;
}
.footTopLinkWrap {
  display: flex;
}
.footTopContactWrap {
  display: flex;
}
.footTopContactLogo img {
  width: 2.04rem;
  display: block;
  margin-bottom: 0.18rem;
}
.footTopShare {
  margin-right: 0.77rem;
}
.footTopShareTit {
  font-size: 0.16rem;
  color: #fff;
  margin-bottom: 0.22rem;
}
.footTopShareBox {
  display: flex;
  align-items: center;
}
.footTopShareA {
 
  margin-right: 0.14rem;
	position: relative;
}

.footTopShareA .hd{
	overflow: hidden;
	position: relative;
}

.footTopShareA .hd img {
  width: 0.3rem;
}
.footTopShareA:hover .hd  img {
  transform: translateY(100px);
  filter: drop-shadow(#22a971 0 -100px);
}
.footTopShareA .bd{
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	padding-bottom: 0.1rem;
}
.footTopShareA .bd img{
	width: 1rem;
	min-width: 50px;
}
.footTopShareA:hover .bd{
	display: block;
}

.menuIndex {
  margin-right: 0.4rem;
  display: flex;
  margin-left: 0.4rem;
  align-items: center;
  color: #717273;
}
.menuIndex img {
  width: 0.33rem;
  margin-left: 0.23rem;
}
.menuBox {
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
  margin-top: -0.8rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menuSid {
  width: 0;
  flex-grow: 1;
}
.menuSid a:hover,
.menuSid a.on {
  color: #22a971;
  border-bottom: 3px solid #22a971;
}
.menuSid a {
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  box-sizing: border-box;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e2e2e2;
  min-width: 2rem;
  padding: 0 0.15rem;
  font-size: 0.18rem;
  color: #333333;
}
.menuSid .swiper-slide {
  width: auto;
}
.bgBox {
  background: #f8f8f8;
}
.bgBox2 {
  background: #fff;
}
.samePt {
  padding-top: 1rem;
}
.samePb {
  padding-bottom: 1.2rem;
}
.samePt2 {
  padding-top: 1.8rem;
}
.samePr {
  padding-right: 1rem;
}
.samePl {
  padding-left: 1rem;
}
.bgImgBox1 {
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.webtit {
  margin-bottom: 0.7rem;
  text-align: center;
}
.webtit h3 {
  font-size: 0.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.3;
}
.webtit h5 {
  font-size: 0.18rem;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.scale {
  margin: 0 -0.2rem;
  flex-wrap: wrap;
  display: flex;
  align-items: stretch;
  margin-bottom: -0.4rem;
}
.scale li {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
  display: flex;
}

.scaleMode {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 1px;
  padding: 0.57rem 0.4rem;
  display: block;
  transition: all 0.35s;
}
.scaleModeBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scaleModeCnt h5 {
  font-size: 0.24rem;
  color: #333333;
  display: flex;
}
.scaleModeCnt h5 i {
  width: 0.08rem;
  height: 0.08rem;
  background: #22a971;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
}
.scaleModeCnt p {
  line-height: 1.2;
  color: #22a971;
}
.scaleModeCnt p em {
  font-size: 0.7rem;
  font-weight: bold;
}
.scaleModeCnt p span {
  font-size: 0.24rem;
}
.scaleModeIc em {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scaleModeIc {
  background: #ededed;
  border: 0.08rem solid #f8f8f8;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.18rem;
  width: 1.18rem;
  border-radius: 50%;
  transition: all 0.35s;
}
.scaleModeMsg {
  margin-top: 0.3rem;
  font-size: 0.18rem;
  color: #666666;
}
.scaleModeIc img {
  width: 0.45rem;
  max-width: 70%;
}
.scaleMode:hover {
  box-shadow: 0 0 10px 1px #eee;
}
.scaleMode:hover .scaleModeIc {
  background: #22a971;
}
.scaleMode:hover .scaleModeIc img {
  transform: translateY(200px);
  filter: drop-shadow(#ffffff 0 -200px);
}
#goToTop {
  position: fixed;
  bottom: 15%;
  right: 0.3rem;
  z-index: 100;
  width: 0.63rem;
  cursor: pointer;
}
#goToTop img {
  width: 100%;
}

.honorary {
  margin: 0 -0.2rem;
  flex-wrap: wrap;
  display: flex;
  align-items: stretch;
  margin-bottom: -0.4rem;
}
.honorary li {
  width: 25%;
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
  display: flex;
  position: relative;
}

.honoraryMode {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 1px;
  padding: 0 0.15rem 0.27rem;
  display: block;
  box-sizing: border-box;
}
.honoraryModeImg {
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.honoraryModeImg img {
  box-shadow: 0 0 6px 1px #eee;
  max-width: 80%;
  max-height: 2.8rem;
}
.honoraryMode p {
  text-align: center;
  font-size: 0.2rem;
}
.honorary li:hover .honoraryFix {
  transform: scaleX(1);
}
.honoraryFix {
  z-index: 1;
  transition: all 0.35s;
  position: absolute;
  background: #fff;
  border: 1px solid #e2e2e2;
  min-height: 100%;
  box-sizing: border-box;
  width: auto;
  transform: scaleX(0);
  transform-origin: left top;
  left: 0.2rem;
  top: 0;
  min-width: 100%;
}
.honoraryFixIc {
  width: 1.02rem;
  display: block;
}
.honoraryFixBox2 {
  padding: 0.35rem;
  padding-top: 0;
  width: 6.76rem;
  box-sizing: border-box;
}
.honoraryFixBox3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.honoraryFixImg {
  width: 2.9rem;
  margin-left: 1.3rem;
  flex-shrink: 0;
}
.honoraryFixCnt {
  margin-top: 0.25rem;
  width: 0;
  flex-grow: 1;
}
.honoraryFixCnt h5 {
  margin-bottom: 0.26rem;
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 1.3;
}
.honoraryFixCnt p {
  color: #666666;
}
.honoraryFixCom {
  color: #666666;
  margin-top: 0.5rem;
}

.page {
  padding-top: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pageA {
  padding: 0 0.13rem;
  height: 0.38rem;
  color: #555555;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eeeeee;
  margin: 0 0.03rem;
}

.pageA:hover,
.pageA.on {
  background: #22a971;
  color: #fff;
  border: 1px solid #22a971;
}

.serviceTop {
  position: relative;
}
.serviceTop img {
  width: 100%;
}
.serviceTopMsg {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0.38rem 0.58rem;
}
.serviceTopMsg h5 {
  font-size: 0.3rem;
  padding-bottom: 0.2rem;
  margin-bottom: 0.3rem;
  position: relative;
}
.serviceTopMsg h5::after {
  content: "";
  position: absolute;
  background: #22a971;
  width: 0.4rem;
  height: 0.04rem;
  left: 0;
  bottom: 0;
}
.serviceTopMsg p {
  line-height: 1.8;
}
.serviceList {
  padding-top: 0.8rem;
  margin: 0 -0.2rem;
  margin-bottom: -0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.serviceList li {
  width: 50%;
  padding: 0 0.2rem;
  box-sizing: border-box;
  margin-bottom: 0.4rem;
}
.serviceList.spe li {
  width: 33.33%;
}
.serviceListMode {
  border: 1px solid #eeeeee;
  border-radius: 1px;
  padding: 0.5rem 0.3rem 0.2rem;
  display: block;
}
.serviceListMode > img {
  width: 100%;
}
.serviceListMode h5 {
  font-size: 0.24rem;
  margin-top: 0.25rem;
  margin-bottom: 0.13rem;
}
.serviceListMode:hover {
  box-shadow: 0 0 10px 1px #eee;
}
.serviceListMode p {
  font-size: 0.18rem;
  color: #666666;
}
.serviceListMode em {
  display: flex;
  margin-top: 0.4rem;
  overflow: hidden;
}
.serviceListMode em img {
  width: 0.24rem;
}
.serviceListMode:hover h5 {
  color: #22a971;
}
.serviceListMode:hover em img {
  transform: translateY(100px);
  filter: drop-shadow(#22a971 0 -100px);
}

.bgImgBox2 {
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.com {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comR {
  width: 47%;
}
.comL {
  width: 47.5%;
}
.comImg {
  width: 100%;
}
.comH5 {
  font-size: 0.6rem;
  color: #f0f0f0;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  margin-bottom: -0.3rem;
}
.comH4 {
  font-size: 0.3rem;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  position: relative;
}
.comH4::after {
  content: "";
  position: absolute;
  background: #22a971;
  width: 0.4rem;
  height: 0.04rem;
  left: 0;
  bottom: 0;
}
.comDet {
  color: #666666;
}
.comList {
  margin-top: 0.35rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.comListLine {
  background: #e5e5e5;
  width: 1px;
  height: 0.57rem;
}
.comList li {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  position: relative;
}

.comList li em {
  display: block;
}
.comList li span {
  display: block;
  font-size: 0.4rem;
  color: #22a971;
}
.comList li b {
  font-size: 0.7rem;
}
.comList li i {
  display: block;
}
.bgImgBox3 {
  background-size: cover;
  background-position: center bottom;
}

.culture {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
.culture li {
  padding: 0 0.2rem;
  box-sizing: border-box;
  width: 25%;
}
.cultureBox {
  background-size: cover;
  background-position: center;
  position: relative;
  height: 4.8rem;
}
.cultureCnt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}
.cultureImg {
  width: 0.87rem;
}
.cultureTit {
  font-size: 0.3rem;
  font-weight: bold;
  padding-top: 0.18rem;
  padding-bottom: 0.13rem;
}
.cultureIc {
  width: 0.5rem;
  cursor: pointer;
  margin-top: 0.48rem;
}
.cultureClose {
  display: none;
}
.culture li.on .cultureCnt{
  background: #22a971;
}
.culture li.on .cultureClose {
  display: block;
}
.culture li.on .cultureOpen {
  display: none;
}
.cultureIcMsg {
  display: none;
  padding-top: 0.36rem;
  line-height: 2;
  position: relative;
  width: 63%;
  position: relative;
}
.cultureIcMsg::after {
  height: 0.2rem;
  width: 1px;
  background: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.video {
  width: 100%;
  height: 7.9rem;
}
.detailTit {
  font-size: 0.3rem;
  padding-bottom: 0.2rem;
  position: relative;
  margin-bottom: 0.4rem;
  font-weight: bold;
}
.detailTit::after {
  content: "";
  background: #069e5f;
  bottom: 0;
  left: 0;
  width: 0.4rem;
  height: 0.04rem;
  position: absolute;
}
.detailBox {
  border-bottom: 1px solid #e4e4e4;
  padding-top: 0.68rem;
  padding-bottom: 0.8rem;
}
.detailCnt {
  color: #666666;
}
.detailTab {
  width: 100%;
}
.detailTab th {
  font-weight: bold;
  font-size: 0.2rem;
}
.detailTab td {
  color: #666;
}
.detailTab th,
.detailTab td {
  border: 1px solid #e4e4e4;
  padding: 0.17rem 0;
  text-align: left;
  padding-left: 0.25rem;
}

.detailList {
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.4rem;
}

.detailList li {
  padding: 0 0.2rem;
  padding-bottom: 0.4rem;
  width: 33.33%;
  box-sizing: border-box;
}
.detailList li img {
  width: 100%;
}
.detailnews {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.detailnews li {
  width: 46%;
  margin-top: 0.34rem;
}
.detailnews h5 {
  display: flex;
  align-items: center;
  font-size: 0.22rem;
  margin-bottom: 0.14rem;
}
.detailnews h5 i {
  margin-right: 0.15rem;
  background-image: url(../images/i8.png);
  width: 0.49rem;
  height: 0.37rem;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.26rem;
  font-style: italic;
}
.detailnews p {
  color: #666666;
}

.indexBan {
  background-size: cover;
  background-position: center;
}
.indexBanBox {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  padding-left: 0.8rem;
}
.indexBanH5 {
  transform: translateX(-1000px);
  transition: all 0.7s ease-in-out;
  font-size: 0.5rem;
  opacity: 0;
}
.indexBanP {
  transform: translateX(-1000px);
  opacity: 0;
  transition: all 0.8s ease-in-out;
  font-size: 0.18rem;
  text-transform: uppercase;
}
.indexBanP2 {
  opacity: 0;
  transform: translateX(-1000px);
  transition: all 0.9s ease-in-out;
  margin-top: 0.31rem;
  min-height: 2.2rem;
  font-size: 0.18rem;
}
.ani .indexBanP2,
.ani .indexBanP,
.ani .indexBanBtn,
.ani .indexBanH5 {
  opacity: 1;
  transform: translateX(0);
}
.indexBanBtn {
  opacity: 0;
  transform: translateX(-1000px);
  transition: all 1s ease-in-out;
  background: #22a971;
  height: 0.6rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.bannerSid .swiper-pagination {
  bottom: 0.8rem !important;
}
.bannerSid .swiper-pagination-bullet {
  background: none;
  border: 1px solid #696969;
  opacity: 1;
  margin: 0 0.13rem !important;
}
.bannerSid .swiper-pagination-bullet-active {
  background: #22a971;
  border: 1px solid #22a971;
}
.indexBanBtn img {
  width: 0.16rem;
  margin-left: 0.29rem;
}
.bgImgBox4 {
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.mode1Top {
  display: flex;
  flex-wrap: wrap;
}

.mode1Box1 {
  width: 50%;
}
.mode1Tit {
  padding-left: 0.29rem;
  border-left: 0.1rem solid #22a971;
}
.mode1Tit h5 {
  line-height: 1;
  padding-bottom: 0.1rem;
  font-size: 0.5rem;
  font-weight: bold;
}
.mode1Tit p {
  color: #666666;
  font-size: 0.2rem;
  line-height: 1;
  letter-spacing: 0.7em;
  text-transform: uppercase;
}
.mode1Cnt {
  margin-top: 0.5rem;
  min-height: 1.85rem;
  margin-bottom: 0.1rem;
}
.mode1Btn img {
  width: 0.64rem;
}
.mode1Box3 {
  width: 4.35rem;
  padding-bottom: 0.6rem;
}
.mode1Img {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: right bottom;
  display: flex;
  flex-direction: column;
  padding: 0 0.82rem;
  justify-content: center;
}
.mode1Ic {
  position: absolute;
  right: 0.35rem;
  top: 0;
  transform: translateY(-50%);
  height: 1.21rem;
}
.mode1Cnt2 {
  color: #fff;
  height: 2.45rem;
}
.mode1Btn2 {
  color: #fff;
  display: flex;
  align-items: center;
}
.mode1Btn2 img {
  width: 0.17rem;
  margin-left: 0.3rem;
}
.mode1Bot {
  display: flex;
  flex-wrap: wrap;
}
.mode1Box2 {
  width: 33.33%;
  background-size: cover;
  background-position: right bottom;
  height: 3rem;
  box-sizing: border-box;
  padding: 0 0.38rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mode1Box2Tit {
  color: #fff;
  font-size: 0.26rem;
  font-weight: bold;
  height: 1.79rem;
}
.modeTitBox {
  display: flex;
  justify-content: space-between;
  padding-top: 1.02rem;
  padding-bottom: 0.5rem;
}
.mode2 {
  display: flex;
  flex-wrap: wrap;
}
.mode2 li {
  width: 20%;
}
.mode2 a {
  position: relative;
  display: block;
  height: calc(20vw * 700 / 384);
  background-size: cover;
  background-position: center;
}
.mode2 a:hover .mode2Cnt {
  background: rgba(34, 169, 113, 0.7);
}
.mode2Cnt {
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.mode2Tit {
  text-align: center;
  color: #fff;
  font-size: 0.2rem;
  min-height: 0.9rem;
  padding-bottom: 0.1rem;
}

.mode3 {
  height: 6.2rem;
  position: relative;
  background-size: cover;
  background-position: center;
}
.mode3Num {
  padding-top: 0.4rem;
  margin-left: 0.5rem;
  color: #fff;
  font-size: 0.7rem;
  position: relative;
  line-height: 1.7;
}
.mode3Num::after {
  content: "";
  background: #fff;
  position: absolute;
  width: 0.2rem;
  height: 0.05rem;
  left: 0;
  bottom: 0;
}
.mode3Box {
  position: absolute;
  right: 0;
  left: 0.73rem;
  bottom: 0;
  background: #fff;
  padding: 0.38rem;
}
.mode3Box h5 {
  font-size: 0.3rem;
  line-height: 1;
  padding-bottom: 0.17rem;
}
.mode3:hover .mode3Box {
  background: url(../images/bg6.png);
  background-size: cover;
  background-position: center;
}
.mode3:hover h5 {
  color: #fff;
}
.mode3:hover p {
  color: #fff;
  display: block;
}
.mode3Box em {
  width: 0.4rem;
  height: 0.04rem;
  display: none;
  display: block;
  background: #fff;
}
.mode3Box span {
  width: 0.05rem;
  height: 0.05rem;
  display: block;
  background: #22a971;
}
.mode3Box p {
  display: none;
  padding-top: 0.17rem;
  font-size: 0.18rem;
}
.speBody .layout {
  max-width: 1600px;
}
.iproSid .swiper-scrollbar {
  background: rgba(0, 0, 0, 0);
}
.iproSid {
  padding-bottom: 0.5rem !important;
}
.iproSid .swiper-scrollbar-drag {
  background: #22a971;
}

.iproLrBox {
  display: flex;
  align-items: center;
}
.iproLr:hover {
  background-color: #22a971;
  background-image: url(../images/jt2.png);
}
.swiper-button-disabled.iproLr {
  opacity: 0.2;
}
.iproLr {
  margin-left: 0.38rem;
  width: 0.65rem;
  cursor: pointer;
  height: 0.65rem;
  border: 1px solid #aeaeae;
  border-radius: 50%;
  background-image: url(../images/jt.png);
  background-repeat: no-repeat;
  background-size: 0.18rem auto;
  background-position: center;
}
.iproLr.l {
  transform: rotateZ(180deg);
}

.news {
  margin: 0 -0.2rem;
  margin-bottom: -0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.news li {
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
  box-sizing: border-box;
  width: 33.33%;
}
.newsmode {
  display: block;
  border: 1px solid #eeeeee;
  border-radius: 1px;
  box-sizing: border-box;
  padding: 0 0.3rem;
}
.newsmode:hover {
  box-shadow: 0 0 6px 1px #eee;
}
.newsmode:hover h5 {
  color: #22a971;
}
.newsmode:hover em img {
  transform: translateY(100px);
  filter: drop-shadow(#22a971 0 -100px);
}
.newsmode h5 {
  font-size: 0.2rem;
  margin: 0.23rem 0;
  font-weight: bold;
}
.newsmode b {
  color: #22a971;
}
.newsmode span {
  color: #777777;
  font-size: 0.14rem;
}
.newsmode em {
  overflow: hidden;
}
.newsmode em img {
  width: 0.23rem;
}
.newsmode > img {
  width: 100%;
}
.newsmode p {
  color: #717273;
  margin: 0.34rem 0 0.24rem;
}
.newsmodeBox {
  border-top: 1px solid #eeeeee;
  height: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newsDetailTop {
  text-align: center;
  max-width: 1051px;
  margin: 0 auto;
}
.newsDetailTop .h5 {
  font-weight: bold;
  line-height: 1.5;
  font-size: 0.36rem;
  margin-bottom: 0.15rem;
}

.newsDetailBox {
  color: #555555;
  border-bottom: 1px solid #f0f0f0;
  padding: 0.7rem 0;
}
.newsDetailBox img {
  max-width: 100%;
}
.newsDetailBox table {
  max-width: 100%;
}
.newsMore {
  display: flex;
  height: 0.74rem;
  justify-content: space-between;
  align-items: center;
}
.newsMore a {
  color: #555555;
}
.newsMore .line1 {
  max-width: 40%;
}
.newsMore a img {
  width: 0.13rem;
  margin-left: 0.13rem;
}

.webtit2 {
  margin-bottom: 0.35rem;
}
.webtit2 h5 {
  font-size: 0.3rem;
  line-height: 1.3;
  font-weight: bold;
  padding-top: 0.1rem;
  padding-bottom: 0.18rem;
  position: relative;
}
.webtit2 h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.4rem;
  height: 0.04rem;
  background: #1ba66d;
}
.webtit2 p {
  color: #666666;
}
.showSid img {
  width: 100%;
}

.showSid .swiper-pagination {
  display: none;
}
.showSid2 {
  margin-top: 0.15rem;
}
.showSid2 img {
  width: 100%;
}
.showSid .iproLr {
  position: absolute;
  z-index: 1;
  top: 50%;
  background-image: url(../images/jt2.png);
}
.showSid .iproLr.r {
  right: 10px;
}
.showSid .iproLr.l {
  left: 10px;
}
.showMsg {
  color: #666666;
  margin-bottom: 0.35rem;
}
.showSid2 p {
  padding-top: 0.15rem;
}
.showSid2 p em {
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  background: #1ba66d;
  vertical-align: top;
  margin-top: 0.06rem;
  margin-left: 0.05rem;
}
.show {
  border-bottom: 1px solid #eeeeee;
  padding: 0.6rem 0;
}
.show:first-child {
  padding-top: 0;
}

.contactlist {
  margin: 0 -0.2rem;
  margin-bottom: -0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.contactlist li {
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
  width: 33.33%;
  box-sizing: border-box;
}
.contactlistMode {
  display: block;
  border-radius: 1px;
  position: relative;
  overflow: hidden;
  border: 1px solid #ebebeb;
}
.contactlistMode > img {
  width: 100%;
}
.contactlistMode > i {
  position: absolute;
  width: 0.08rem;
  height: 0.08rem;
  left: 0.15rem;
  bottom: 0.15rem;
  background: #22a971;
}

.contactlistMode:hover .contactlistBox {
  background: #22a971;
  border: 0.1rem solid #e2f0ea;
}
.contactlistMode:hover {
  box-shadow: 0 0 6px 1px #eee;
}
.contactlistBox {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #ededed;
  justify-content: center;
  border: 0.1rem solid #f8f8f8;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 auto;
  margin-top: -0.6rem;
}
.contactlistMode:hover .contactlistBox img {
  transform: translateY(100px);
  filter: drop-shadow(#ffffff 0 -100px);
}

.contactlistBox em {
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: center;
}
.contactlistBox img {
  max-width: 50%;
}
.contactlistBox2 {
  margin-top: 0.45rem;
  min-height: 2.25rem;
  padding: 0 0.15rem;
  text-align: center;
}
.contactlistBox2 h5 {
  font-size: 0.2rem;
  margin-bottom: 0.3rem;
  font-weight: bold;
}
.contactlistBox2 p {
  font-size: 0.36rem;
  color: #22a971;
  line-height: 1.3;
}
.contactlistBox2 em {
  display: block;
  font-size: 0.18rem;
  color: #666666;
}

.zs {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.73rem;
}
.zsImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 64.3%;
}
.zsImg img {
  width: 100%;
}
.zsCnt {
  box-shadow: 0 0 3px 0px #e2e2e2;
  margin-top: 0.4rem;
  width: 79%;
  border: 1px solid #e2e2e2;
  display: flex;
  justify-content: flex-end;
}
.zsBox1 {
  padding: 0.25rem 0.55rem 0;
  box-sizing: border-box;
  width: 45%;
}
.zsBox2 {
  display: flex;
  align-items: center;
  height: 1.37rem;
}

.zsBox2 .contactlistBox {
  background: #22a971;
  margin: 0;
  width: 0.74rem;
  height: 0.74rem;
  border: 0.1rem solid #e2f0ea;
}
.zsBox2 .contactlistBox img {
  transform: translateY(100px);
  filter: drop-shadow(#ffffff 0 -100px);
}
.zsTit {
  margin-left: 0.16rem;
  font-size: 0.3rem;
  font-weight: bold;
}

.zsBox3 {
  padding: 0.43rem 0;
  border-top: 1px solid #d9d9d9;
}
.zsP1 {
  padding: 0.18rem 0;
}
.zsP1 em {
  font-size: 0.36rem;
  color: #22a971;
  display: block;
}
.zsP1 span {
  font-size: 0.18rem;
  color: #666666;
  display: block;
}

.lx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.06rem;
}
.lxMap {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.lxCnt {
  width: 50%;
  padding-right: 0.7rem;
  box-sizing: border-box;
}

.lxTit {
  font-size: 0.2rem;
}
.lxMsg1 {
  padding-bottom: 0.17rem;
  font-size: 0.18rem;
  color: #717273;
}
.lxMsg1 .em {
  color: #22a971;
  font-size: 0.4rem;
  margin-right: 0.21rem;
}
.lxMsg2 {
  font-size: 0.18rem;
  color: #717273;
  line-height: 2;
}
.lxEwm {
  display: flex;
  text-align: center;
  color: #717273;
}
.lxEwm li {
  margin-left: 0.4rem;
}
.lxEwm img {
  width: 1.55rem;
  margin-bottom: 0.18rem;
}

.lxlist {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
  margin-bottom: -0.4rem;
}
.lxlist li {
  padding: 0 0.2rem;
  box-sizing: border-box;
  width: 33.33%;
  margin-bottom: 0.4rem;
}
.lxlistBox {
  padding: 0.52rem;
  border: 1px solid #e8e8e8;
  border-radius: 1px;
  background-size: cover;
  background-position: center ;
  display: block;
}
.lxlist h5 {
  font-size: 0.24rem;
}
.lxlist p {
  font-size: 0.18rem;
  color: #666666;
  min-height: 0.82rem;
}
.lxlist em {
  font-size: 0.18rem;
  color: #666666;
}
.lxlist a {
  color: #22a971;
  width: 1.52rem;
  height: 0.53rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #22a971;
  margin-top: 0.38rem;
  font-size: 0.18rem;
  border-radius: 0.53rem;
}
.lxlistBox:hover {
  box-shadow: 0 0 6px 1px #eee;
}
.lxlistBox:hover a {
  background: #22a971;
  color: #fff;
}

.groupBox {
  position: relative;
}
.groupImg {
  width: 100%;
}
.groupMsg {
  padding-top: 0.41rem;
  color: #666;
  line-height: 1.8;
}
.groupCnt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3rem;
  box-sizing: border-box;
  background-image: url(../images/bg7.png);
  background-size: cover;
  background-position: center;
  padding: 0.9rem 0.43rem 0.3rem;
  color: #fff;
}
.groupCnt h5 {
  font-style: italic;
  text-transform: uppercase;
  font-size: 0.18rem;
  font-weight: bold;
}
.groupCnt p {
  font-size: 0.28rem;
  margin-top: 0.05rem;
  margin-bottom: 0.5rem;
}
.groupCnt a img {
  width: 0.35rem;
}

.historySid {
  margin: 0 -0.4rem !important;
}
.historySid .iproLrBox {
  margin-top: 0.44rem;
  justify-content: center;
}
.historySid .iproLr {
  margin: 0 0.25rem;
}
.history {
  position: relative;
  box-sizing: border-box;
  padding: 0 0.25rem;
}

.history i {
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  top: 0.21rem;
  background: #dcdcdc;
  z-index: 0;
}
.history .ic {
  position: relative;
  z-index: 1;
  margin-left: -0.1rem;
  width: 0.45rem;
  display: block;
}
.history em {
  font-size: 0.43rem;
  color: #22a971;
  font-weight: bold;
  height: 0.92rem;
  display: flex;
  align-items: center;
}
.history span {
  font-size: 0.26rem;
  margin-bottom: 0.15rem;
  font-weight: bold;
  display: block;
}
.history .img {
  width: 100%;
}
.history h5 {
  font-size: 0.2rem;
  color: #22a971;
  margin-top: 0.2rem;
  margin-bottom: 0.1rem;
}
.history p {
  line-height: 1.7;
  color: #666;
}

.park {
  display: flex;
  margin: 0 -0.2rem;
  margin-bottom: -0.4rem;
  flex-wrap: wrap;
  justify-content: center;
}
.park li {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
}
.park img {
  width: 100%;
}
.park h5 {
  display: flex;
  align-items: center;
  padding: 0.3rem;
  font-size: 0.26rem;
  font-weight: bold;
  background: #f8f8f8;
}
.park h5::before {
  content: "";
  display: block;
  width: 0.04rem;
  height: 0.26rem;
  background: #22a971;
  margin-right: 0.2rem;
}

.map {
  display: flex;
  align-items: center;
  background: #fff;
}
.mapImg {
  width: 58.6%;
}
.mapImg img {
  width: 100%;
}
.mapList {
  width: 0;
  flex-grow: 1;
  padding: 0.27rem 0.45rem;
}
.mapList li {
  display: flex;
  align-items: center;
  padding: 0.08rem 0;
}
.mapList li .contactlistBox {
  margin: 0;
  flex-shrink: 0;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.21rem;
  border: 0.05rem solid #e8f6f1;
  background: #22a971;
}
.mapList li h5 {
  font-size: 0.24rem;
}
.mapList li p {
  color: #666;
}
.mode1Box2{
  position: relative;
}
.mode1Box2:hover .mode1Fix{
  opacity: 1;
}
.mode1Fix{
  transition: all .35s;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 0.38rem;
  padding-top: 0.59rem;
  color: #fff;
  box-sizing: border-box;
  font-size: 0.3rem;
  font-weight: bold;
  background: rgba(34, 169, 113, 0.7);
}
.mode1Fix img{
  vertical-align: middle;
  margin-right: 0.05rem;
  width: 0.57rem;
}
.mapOp{
  height: 100%;
  width: 100%;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.mapOp:hover{
  box-shadow: 0 0 6px 1px #eee;
}

@media screen and (max-width: 1450px) {
  .mode1Fix{
    font-size: 0.29rem;
  }
  .mode1Fix img{
    margin-right: 0.04rem;
    width: 0.53rem;
  }

  .mapImg {
    width: 58.6%;
  }
  .mapList {
    padding: 0.2rem 0.35rem;
  }
  .mapList li {
    padding: 0.06rem 0;
  }
  .mapList li .contactlistBox {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.18rem;
  }
  .mapList li h5 {
    font-size: 0.22rem;
  }

  .park {
    margin: 0 -0.17rem;
    margin-bottom: -0.34rem;
  }
  .park li {
    padding: 0 0.17rem;
    margin-bottom: 0.34rem;
  }

  .park h5 {
    padding: 0.27rem;
    font-size: 0.24rem;
  }
  .park h5::before {
    width: 0.04rem;
    height: 0.24rem;
    margin-right: 0.18rem;
  }

  .historySid {
    margin: 0 -0.3rem !important;
  }
  .historySid .iproLrBox {
    margin-top: 0.4rem;
  }
  .historySid .iproLr {
    margin: 0 0.14rem;
  }
  .history {
    padding: 0 0.22rem;
  }

  .history i {
    top: 0.2rem;
  }
  .history .ic {
    margin-left: -0.1rem;
    width: 0.43rem;
  }
  .history em {
    font-size: 0.4rem;
    height: 0.82rem;
  }
  .history span {
    font-size: 0.24rem;
    margin-bottom: 0.13rem;
  }

  .history h5 {
    font-size: 0.19rem;
    margin-top: 0.18rem;
    margin-bottom: 0.09rem;
  }

  .groupMsg {
    padding-top: 0.38rem;
  }
  .groupCnt {
    padding: 0.8rem 0.33rem 0.3rem;
  }
  .groupCnt h5 {
    font-size: 0.17rem;
  }
  .groupCnt p {
    font-size: 0.25rem;
    margin-bottom: 0.4rem;
  }
  .groupCnt a img {
    width: 0.32rem;
  }

  .lxlist {
    margin: 0 -0.17rem;
    margin-bottom: -0.34rem;
  }
  .lxlist li {
    padding: 0 0.17rem;
    margin-bottom: 0.34rem;
  }
  .lxlistBox {
    padding: 0.42rem;
  }
  .lxlist h5 {
    font-size: 0.22rem;
  }
  .lxlist p {
    font-size: 0.17rem;
    min-height: 0.62rem;
  }
  .lxlist em {
    font-size: 0.17rem;
  }
  .lxlist a {
    width: 1.42rem;
    height: 0.5rem;
    border: 1px solid #22a971;
    margin-top: 0.35rem;
    font-size: 0.17rem;
  }

  .lx {
    padding-top: 0.96rem;
  }
  .lxMap {
    width: 50%;
  }
  .lxCnt {
    width: 50%;
    padding-right: 0.6rem;
  }

  .lxTit {
    font-size: 0.19rem;
  }
  .lxMsg1 {
    padding-bottom: 0.15rem;
    font-size: 0.17rem;
  }
  .lxMsg1 .em {
    font-size: 0.37rem;
    margin-right: 0.18rem;
  }
  .lxMsg2 {
    font-size: 0.17rem;
  }

  .lxEwm li {
    margin-left: 0.3rem;
  }
  .lxEwm img {
    width: 1.45rem;
    margin-bottom: 0.15rem;
  }

  .zs {
    margin-bottom: 0.7rem;
  }
  .zsImg {
    width: 63.3%;
  }

  .zsCnt {
    margin-top: 0.3rem;
    width: 80%;
  }
  .zsBox1 {
    padding: 0 0.3rem 0;
    width: 46%;
  }
  .zsBox2 {
    height: 1.1rem;
  }

  .zsBox2 .contactlistBox {
    width: 0.7rem;
    height: 0.7rem;
    border: 0.09rem solid #e2f0ea;
  }

  .zsTit {
    margin-left: 0.14rem;
    font-size: 0.28rem;
  }

  .zsBox3 {
    padding: 0.33rem 0;
  }
  .zsP1 {
    padding: 0.15rem 0;
  }
  .zsP1 em {
    font-size: 0.34rem;
  }
  .zsP1 span {
    font-size: 0.17rem;
  }

  .contactlist {
    margin: 0 -0.17rem;
    margin-bottom: -0.34rem;
  }
  .contactlist li {
    padding: 0 0.17rem;
    margin-bottom: 0.34rem;
  }

  .contactlistMode > i {
    width: 0.07rem;
    height: 0.07rem;
    left: 0.13rem;
    bottom: 0.13rem;
  }

  .contactlistMode:hover .contactlistBox {
    border: 0.09rem solid rgba(34, 169, 113, 0.1);
  }

  .contactlistBox {
    border: 0.09rem solid #f8f8f8;
    height: 1.1rem;
    width: 1.1rem;
    margin-top: -0.55rem;
  }

  .contactlistBox2 {
    margin-top: 0.42rem;
    min-height: 2.23rem;
    padding: 0 0.14rem;
  }
  .contactlistBox2 h5 {
    font-size: 0.19rem;
    margin-bottom: 0.28rem;
  }
  .contactlistBox2 p {
    font-size: 0.33rem;
  }
  .contactlistBox2 em {
    font-size: 0.17rem;
  }

  .webtit2 {
    margin-bottom: 0.33rem;
  }
  .webtit2 h5 {
    font-size: 0.29rem;
    padding-bottom: 0.16rem;
  }
  .webtit2 h5::after {
    width: 0.4rem;
    height: 0.04rem;
  }

  .showSid2 {
    margin-top: 0.14rem;
  }

  .showMsg {
    margin-bottom: 0.33rem;
  }
  .showSid2 p {
    padding-top: 0.14rem;
  }
  .showSid2 p em {
    width: 0.05rem;
    height: 0.05rem;
    margin-top: 0.05rem;
    margin-left: 0.04rem;
  }
  .show {
    padding: 0.57rem 0;
  }

  .newsDetailTop .h5 {
    font-size: 0.34rem;
    margin-bottom: 0.14rem;
  }

  .newsDetailBox {
    padding: 0.6rem 0;
  }

  .newsMore {
    height: 0.72rem;
  }

  .newsMore a img {
    width: 0.12rem;
    margin-left: 0.12rem;
  }

  .news {
    margin: 0 -0.17rem;
    margin-bottom: -0.34rem;
  }
  .news li {
    padding: 0 0.17rem;
    margin-bottom: 0.34rem;
  }
  .newsmode {
    padding: 0 0.27rem;
  }

  .newsmode h5 {
    font-size: 0.19rem;
    margin: 0.21rem 0;
  }

  .newsmode em img {
    width: 0.21rem;
  }

  .newsmode p {
    margin: 0.32rem 0 0.22rem;
  }
  .newsmodeBox {
    height: 0.55rem;
  }

  .modeTitBox {
    padding-top: 0.9rem;

    padding-bottom: 0.45rem;
  }
  .mode1Box2Tit {
    font-size: 0.24rem;
    height: 1.59rem;
  }
  .mode1Img {
    padding: 0 0.72rem;
  }
  .mode1Ic {
    right: 0.32rem;
    height: 1rem;
  }
  .mode1Tit h5 {
    font-size: 0.45rem;
  }

  .indexBanH5 {
    font-size: 0.45rem;
  }
  .indexBanP {
    font-size: 0.17rem;
  }
  .indexBanP2 {
    margin-top: 0.29rem;
    min-height: 1.9rem;
    font-size: 0.17rem;
  }

  .indexBanBtn {
    height: 0.58rem;
    width: 1.9rem;
  }
  .bannerSid .swiper-pagination {
    bottom: 0.6rem !important;
  }
  .bannerSid .swiper-pagination-bullet {
    margin: 0 0.11rem !important;
  }

  .indexBanBtn img {
    width: 0.15rem;
    margin-left: 0.27rem;
  }

  .detailnews li {
    width: 47%;
    margin-top: 0.32rem;
  }
  .detailnews h5 {
    font-size: 0.21rem;
    margin-bottom: 0.13rem;
  }
  .detailnews h5 i {
    margin-right: 0.14rem;
    width: 0.46rem;
    height: 0.37rem;
    font-size: 0.24rem;
  }

  .video {
    height: 7.2rem;
  }
  .detailTit {
    font-size: 0.28rem;
    padding-bottom: 0.19rem;
    margin-bottom: 0.36rem;
  }
  .detailTit::after {
    width: 0.37rem;
    height: 0.04rem;
  }
  .detailBox {
    padding-top: 0.6rem;
    padding-bottom: 0.7rem;
  }

  .detailTab th {
    font-size: 0.19rem;
  }

  .detailTab th,
  .detailTab td {
    padding: 0.16rem 0;
    padding-left: 0.23rem;
  }

  .detailList {
    margin: 0 -0.17rem;
    margin-bottom: -0.34rem;
  }

  .detailList li {
    padding: 0 0.17rem;
    padding-bottom: 0.34rem;
  }

  .cultureBox {
    height: 4.4rem;
  }
  .culture {
    margin: 0 -0.17rem;
  }
  .culture li {
    padding: 0 0.17rem;
  }
  .cultureTit {
    font-size: 0.28rem;
    padding-top: 0.15rem;
    padding-bottom: 0.12rem;
  }
  .cultureImg {
    width: 0.77rem;
  }
  .cultureIc {
    width: 0.4rem;
    margin-top: 0.4rem;
  }
  .cultureIcMsg {
    padding-top: 0.32rem;
    width: 70%;
  }

  .comR {
    width: 49%;
  }
  .comL {
    width: 47%;
  }
  .comImg {
    width: 100%;
  }
  .comH5 {
    font-size: 0.55rem;
    margin-bottom: -0.27rem;
  }
  .comH4 {
    font-size: 0.28rem;
    padding-bottom: 0.28rem;
    margin-bottom: 0.28rem;
  }
  .comH4::after {
    width: 0.38rem;
  }

  .comList {
    margin-top: 0.33rem;
  }
  .comListLine {
    height: 0.55rem;
  }

  .comList li span {
    font-size: 0.37rem;
  }
  .comList li b {
    font-size: 0.6rem;
  }

  .serviceList {
    padding-top: 0.75rem;
    margin: 0 -0.2rem;
    margin-bottom: -0.4rem;
  }
  .serviceList li {
    padding: 0 0.2rem;
  }

  .serviceListMode {
    padding: 0.45rem 0.28rem 0.19rem;
  }

  .serviceListMode h5 {
    font-size: 0.23rem;
    margin-top: 0.23rem;
    margin-bottom: 0.12rem;
  }

  .serviceListMode p {
    font-size: 0.17rem;
  }
  .serviceListMode em {
    margin-top: 0.38rem;
  }
  .serviceListMode em img {
    width: 0.23rem;
  }

  .serviceTopMsg {
    padding: 0.28rem 0.48rem;
  }
  .serviceTopMsg h5 {
    font-size: 0.28rem;
    padding-bottom: 0.18rem;
    margin-bottom: 0.28rem;
  }
  .serviceTopMsg h5::after {
    width: 0.39rem;
    height: 0.04rem;
  }

  .honoraryFix {
    left: 0.15rem;
  }
  .honoraryFixIc {
    width: 0.9rem;
  }
  .honoraryFixBox2 {
    padding: 0.3rem;
    padding-top: 0;
    width: 5.5rem;
  }

  .honoraryFixImg {
    width: 2.5rem;
    margin-left: 0.6rem;
  }
  .honoraryFixCnt {
    margin-top: 0.23rem;
  }
  .honoraryFixCnt h5 {
    margin-bottom: 0.23rem;
    font-size: 0.28rem;
  }

  .honoraryFixCom {
    color: #666666;
    margin-top: 0.4rem;
  }

  .honorary {
    margin: 0 -0.15rem;
    margin-bottom: -0.3rem;
  }
  .honorary li {
    padding: 0 0.15rem;
    margin-bottom: 0.3rem;
  }

  .honoraryMode {
    padding: 0 0.1rem 0.2rem;
  }
  .honoraryModeImg {
    height: 3rem;
  }
  .honoraryModeImg img {
    max-height: 2.6rem;
  }
  .honoraryMode p {
    font-size: 0.18rem;
  }

  .scaleModeCnt h5 {
    font-size: 0.23rem;
  }
  .webtit h3 {
    font-size: 0.37rem;
  }
  .scaleModeMsg {
    font-size: 0.17rem;
  }
  .webtit {
    margin-bottom: 0.55rem;
  }
  .samePt {
    padding-top: 0.7rem;
  }
  .samePt2 {
    padding-top: 0.8rem;
  }
  .samePb {
    padding-bottom: 0.8rem;
  }
  .samePr {
    padding-right: 0.7rem;
  }
  .samePl {
    padding-left: 0.7rem;
  }
  .scaleMode {
    padding: 0.37rem 0.3rem;
  }
  .scaleModeIc {
    height: 1rem;
    width: 1rem;
  }
  .scaleModeCnt p em {
    font-size: 0.6rem;
  }
  .scale {
    margin: 0 -0.15rem;
    margin-bottom: -0.3rem;
  }
  .scale li {
    padding: 0 0.15rem;
    margin-bottom: 0.3rem;
  }

  .menuBox {
    margin-top: -0.75rem;
  }
  .menuSid a {
    height: 0.75rem;
  }
  html {
    font-size: 93px;
  }
  .footTopLink {
    width: 1.33rem;
  }
  .footTopShare {
    margin-right: 0.27rem;
  }
  .footTopContactLogo img {
    width: 1.9rem;
  }
}

@media screen and (max-width: 1240px) {
  .mode1Fix{
    font-size: 0.28rem;
  }
  .mode1Fix img{
    margin-right: 0.04rem;
    width: 0.5rem;
  }

  .mapImg {
    width: 55.6%;
  }
  .mapList {
    padding: 0.15rem 0.25rem;
  }
  .mapList li {
    padding: 0.05rem 0;
  }
  .mapList li .contactlistBox {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.15rem;
  }
  .mapList li h5 {
    font-size: 0.2rem;
  }
  .park {
    margin: 0 -0.15rem;
    margin-bottom: -0.3rem;
  }
  .park li {
    padding: 0 0.15rem;
    margin-bottom: 0.3rem;
  }

  .park h5 {
    padding: 0.25rem;
    font-size: 0.22rem;
  }
  .park h5::before {
    width: 0.03rem;
    height: 0.22rem;
    margin-right: 0.15rem;
  }

  .historySid {
    margin: 0 -0.25rem !important;
  }
  .historySid .iproLrBox {
    margin-top: 0.35rem;
  }
  .historySid .iproLr {
    margin: 0 0.13rem;
  }
  .history {
    padding: 0 0.15rem;
  }

  .history i {
    top: 0.2rem;
  }
  .history .ic {
    margin-left: -0.05rem;
    width: 0.4rem;
  }
  .history em {
    font-size: 0.36rem;
    height: 0.72rem;
  }
  .history span {
    font-size: 0.22rem;
    margin-bottom: 0.12rem;
  }

  .history h5 {
    font-size: 0.18rem;
    margin-top: 0.16rem;
    margin-bottom: 0.07rem;
  }

  .groupMsg {
    padding-top: 0.35rem;
  }
  .groupCnt {
    padding: 0.7rem 0.3rem 0.25rem;
  }
  .groupCnt h5 {
    font-size: 0.17rem;
  }
  .groupCnt p {
    font-size: 0.23rem;
    margin-bottom: 0.35rem;
  }
  .groupCnt a img {
    width: 0.3rem;
  }

  .lxlist {
    margin: 0 -0.15rem;
    margin-bottom: -0.3rem;
  }
  .lxlist li {
    padding: 0 0.15rem;
    margin-bottom: 0.3rem;
  }
  .lxlistBox {
    padding: 0.32rem;
  }
  .lxlist h5 {
    font-size: 0.2rem;
  }
  .lxlist p {
    font-size: 0.16rem;
    min-height: 0.52rem;
  }
  .lxlist em {
    font-size: 0.16rem;
  }
  .lxlist a {
    width: 1.32rem;
    height: 0.45rem;
    margin-top: 0.3rem;
    font-size: 0.16rem;
  }

  .lx {
    padding-top: 0.8rem;
  }
  .lxMap {
    width: 50%;
  }
  .lxCnt {
    width: 50%;
    padding-right: 0.5rem;
  }

  .lxTit {
    font-size: 0.18rem;
  }
  .lxMsg1 {
    padding-bottom: 0.13rem;
    font-size: 0.16rem;
  }
  .lxMsg1 .em {
    font-size: 0.32rem;
    margin-right: 0.15rem;
  }
  .lxMsg2 {
    font-size: 0.16rem;
  }

  .lxEwm li {
    margin-left: 0.25rem;
  }
  .lxEwm img {
    width: 1.4rem;
    margin-bottom: 0.13rem;
  }

  .zs {
    margin-bottom: 0.5rem;
  }
  .zsImg {
    width: 53.3%;
  }

  .zsCnt {
    margin-top: 0.1rem;
  }
  .zsBox1 {
    padding: 0 0.3rem 0;
    width: 58%;
  }
  .zsBox2 {
    height: 0.9rem;
  }

  .zsBox2 .contactlistBox {
    width: 0.65rem;
    height: 0.65rem;
    border: 0.08rem solid #e2f0ea;
  }

  .zsTit {
    margin-left: 0.12rem;
    font-size: 0.26rem;
  }

  .zsBox3 {
    padding: 0.23rem 0;
  }
  .zsP1 {
    padding: 0.1rem 0;
  }
  .zsP1 em {
    font-size: 0.3rem;
  }
  .zsP1 span {
    font-size: 0.16rem;
  }

  .contactlist {
    margin: 0 -0.15rem;
    margin-bottom: -0.3rem;
  }
  .contactlist li {
    padding: 0 0.15rem;
    margin-bottom: 0.3rem;
  }

  .contactlistMode > i {
    width: 0.06rem;
    height: 0.06rem;
    left: 0.12rem;
    bottom: 0.12rem;
  }

  .contactlistMode:hover .contactlistBox {
    border: 0.08rem solid rgba(34, 169, 113, 0.1);
  }

  .contactlistBox {
    border: 0.08rem solid #f8f8f8;
    height: 1rem;
    width: 1rem;
    margin-top: -0.5rem;
  }

  .contactlistBox2 {
    margin-top: 0.4rem;
    min-height: 2.2rem;
    padding: 0 0.13rem;
  }
  .contactlistBox2 h5 {
    font-size: 0.18rem;
    margin-bottom: 0.25rem;
  }
  .contactlistBox2 p {
    font-size: 0.31rem;
  }
  .contactlistBox2 em {
    font-size: 0.16rem;
  }

  .webtit2 {
    margin-bottom: 0.31rem;
  }
  .webtit2 h5 {
    font-size: 0.27rem;
    padding-bottom: 0.15rem;
  }
  .webtit2 h5::after {
    width: 0.4rem;
    height: 0.04rem;
  }

  .showSid2 {
    margin-top: 0.13rem;
  }

  .showMsg {
    margin-bottom: 0.32rem;
  }
  .showSid2 p {
    padding-top: 0.14rem;
  }
  .showSid2 p em {
    width: 0.05rem;
    height: 0.05rem;
    margin-top: 0.05rem;
    margin-left: 0.04rem;
  }
  .show {
    padding: 0.52rem 0;
  }

  .newsDetailTop .h5 {
    font-size: 0.32rem;
    margin-bottom: 0.13rem;
  }

  .newsDetailBox {
    padding: 0.55rem 0;
  }

  .newsMore {
    height: 0.68rem;
  }

  .newsMore a img {
    width: 0.12rem;
    margin-left: 0.12rem;
  }

  .news {
    margin: 0 -0.15rem;
    margin-bottom: -0.3rem;
  }
  .news li {
    padding: 0 0.15rem;
    margin-bottom: 0.3rem;
  }
  .newsmode {
    padding: 0 0.25rem;
  }

  .newsmode h5 {
    font-size: 0.18rem;
    margin: 0.19rem 0;
  }

  .newsmode em img {
    width: 0.2rem;
  }

  .newsmode p {
    margin: 0.3rem 0 0.2rem;
  }
  .newsmodeBox {
    height: 0.52rem;
  }

  .mode3Num {
    padding-top: 0.3rem;
    margin-left: 0.4rem;
    font-size: 0.6rem;
  }
  .mode3 {
    height: 5.2rem;
  }
  .mode3Box {
    left: 0.53rem;
    padding: 0.28rem;
  }
  .mode3Box h5 {
    font-size: 0.27rem;
  }
  .iproLr {
    margin-left: 0.3rem;
    width: 0.55rem;
    height: 0.55rem;
  }
  .modeTitBox {
    padding-top: 0.7rem;
    padding-bottom: 0.4rem;
  }
  .mode1Box2Tit {
    font-size: 0.22rem;
    height: 1.45rem;
  }
  .mode1Img {
    padding: 0 0.52rem;
  }
  .mode1Ic {
    right: 0.3rem;
    height: 0.9rem;
  }
  .mode1Tit h5 {
    font-size: 0.4rem;
  }
  .indexBanH5 {
    font-size: 0.42rem;
  }
  .indexBanP {
    font-size: 0.17rem;
  }
  .indexBanP2 {
    margin-top: 0.27rem;
    min-height: 1.8rem;
    font-size: 0.17rem;
  }

  .indexBanBtn {
    height: 0.56rem;
    width: 1.8rem;
  }

  .detailnews li {
    width: 48%;
    margin-top: 0.3rem;
  }
  .detailnews h5 {
    font-size: 0.19rem;
    margin-bottom: 0.11rem;
  }
  .detailnews h5 i {
    margin-right: 0.11rem;
    width: 0.4rem;
    height: 0.34rem;
    font-size: 0.22rem;
  }

  .video {
    height: 6.5rem;
  }
  .detailTit {
    font-size: 0.27rem;
    padding-bottom: 0.17rem;
    margin-bottom: 0.32rem;
  }
  .detailTit::after {
    width: 0.35rem;
    height: 0.03rem;
  }
  .detailBox {
    padding-top: 0.5rem;
    padding-bottom: 0.6rem;
  }

  .detailTab th {
    font-size: 0.18rem;
  }

  .detailTab th,
  .detailTab td {
    padding: 0.15rem 0;
    padding-left: 0.2rem;
  }

  .detailList {
    margin: 0 -0.15rem;
    margin-bottom: -0.3rem;
  }

  .detailList li {
    padding: 0 0.15rem;
    padding-bottom: 0.3rem;
  }

  .serviceList.spe li {
    width: 50%;
  }
  .cultureBox {
    height: 4.1rem;
  }
  .culture {
    margin: 0 -0.15rem;
  }
  .culture li {
    padding: 0 0.15rem;
  }
  .cultureTit {
    font-size: 0.26rem;
    padding-top: 0.13rem;
    padding-bottom: 0.1rem;
  }
  .cultureImg {
    width: 0.67rem;
  }
  .cultureIc {
    width: 0.38rem;
    margin-top: 0.3rem;
  }
  .cultureIcMsg {
    padding-top: 0.22rem;
    width: 80%;
  }

  .comR {
    width: 49%;
  }
  .comL {
    width: 47%;
  }
  .comImg {
    width: 100%;
  }
  .comH5 {
    font-size: 0.5rem;
    margin-bottom: -0.25rem;
  }
  .comH4 {
    font-size: 0.26rem;
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .comH4::after {
    width: 0.35rem;
  }

  .comList {
    margin-top: 0.3rem;
  }
  .comListLine {
    height: 0.5rem;
  }

  .comList li span {
    font-size: 0.32rem;
  }
  .comList li b {
    font-size: 0.45rem;
  }

  .serviceList {
    padding-top: 0.5rem;
    margin: 0 -0.17rem;
    margin-bottom: -0.34rem;
  }
  .serviceList li {
    padding: 0 0.17rem;
    margin-bottom: 0.34rem;
  }

  .serviceListMode {
    padding: 0.42rem 0.26rem 0.18rem;
  }

  .serviceListMode h5 {
    font-size: 0.22rem;
    margin-top: 0.2rem;
    margin-bottom: 0.11rem;
  }

  .serviceListMode p {
    font-size: 0.17rem;
  }
  .serviceListMode em {
    margin-top: 0.35rem;
  }
  .serviceListMode em img {
    width: 0.22rem;
  }

  .serviceTopMsg {
    padding: 0.25rem 0.45rem;
  }
  .serviceTopMsg h5 {
    font-size: 0.27rem;
    padding-bottom: 0.17rem;
    margin-bottom: 0.25rem;
  }

  #ryLay .honoraryFix {
    display: block;
    position: initial;
    transform: none;
  }

  .honoraryFixBox2 {
    width: 100%;
  }
  .honoraryFix {
    display: none;
  }

  .honorary {
    margin: 0 -0.1rem;
    margin-bottom: -0.2rem;
  }
  .honorary li {
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
  }

  .honoraryModeImg {
    height: 2.8rem;
  }
  .honoraryModeImg img {
    max-height: 2.4rem;
  }
  .honoraryMode p {
    font-size: 0.16rem;
  }

  #goToTop {
    width: 0.53rem;
  }
  .scaleModeCnt h5 {
    font-size: 0.22rem;
  }
  .webtit h3 {
    font-size: 0.3rem;
  }
  .scaleModeMsg {
    font-size: 0.16rem;
  }
  .webtit {
    margin-bottom: 0.5rem;
  }
  .samePt {
    padding-top: 0.6rem;
  }
  .samePt2 {
    padding-top: 0.6rem;
  }
  .samePb {
    padding-bottom: 0.6rem;
  }
  .samePr {
    padding-right: 0.5rem;
  }
  .samePl {
    padding-left: 0.5rem;
  }
  .scaleMode {
    padding: 0.27rem 0.2rem;
  }
  .scaleModeIc {
    height: 0.8rem;
    width: 0.8rem;
  }
  .scaleModeCnt p em {
    font-size: 0.5rem;
  }
  .scale {
    margin: 0 -0.1rem;
    margin-bottom: -0.2rem;
  }
  .scale li {
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
  }

  .menuBox {
    margin-top: -0.7rem;
  }
  .menuSid a {
    height: 0.7rem;
  }
  .foot {
    padding-top: 0.65rem;
    padding-bottom: 0.3rem;
  }
  .footTopLine {
    display: none;
  }
  .footTopContact {
    display: flex;
    align-items: center;
  }
  .footTopLink {
    width: 16.6%;
  }
  .footTopLinkWrap {
    width: 100%;
  }
  .footTopContactLogo {
    margin-right: 0.4rem;
  }
  .footTopContactLogo img {
    width: 1.7rem;
    margin-bottom: 0;
  }
  .footTop {
    flex-wrap: wrap;
  }
  .footTopContactWrap {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0.4rem;
  }
  .showHead .headBox1 {
    height: 0.8rem;
  }
  .bannerH4 {
    font-size: 0.4rem;
  }
  .padShow {
    display: block;
  }

  .pcShow {
    display: none;
  }

  html {
    font-size: 87px;
  }

  .layout2 {
    padding: 0 5%;
  }
  .layout {
    max-width: 100%;
    padding: 0 5%;
  }

  .navbtn {
    width: 0.31rem;
  }

  .logo img {
    width: 1.4rem;
  }

  .headBox1 {
    height: 1rem;
  }

  .nav {
    flex-direction: column;
  }

  .nav li {
    width: 100%;
    position: relative;
    padding: 0;
  }
  .nav.headMr {
    margin-right: 0;
  }
  .nav li > a {
    color: #333;
    height: 0.6rem;
    padding: 0 0.2rem;
    font-size: 0.18rem;
    border-bottom: 1px solid #eee;
  }
  .topXlIcImg {
    width: 0.24rem;
  }
  .langIc1 {
    width: 0.23rem;
  }
  .navSubBtn {
    height: 0.6rem;
    width: 0.6rem;
    position: absolute;
    right: 0;
    top: 0;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .navSub {
    opacity: 1;
    transform: none;
    box-shadow: none;
    border: none;
    position: initial;
    margin: 0;
    width: 100%;
  }
  .navSub > a {
    height: 0.6rem;
    padding: 0 0.2rem;
    justify-content: flex-start;
  }
  .navSub > a:last-child {
    border-bottom: 1px solid #eee;
  }
  .navSub > a:first-child::after {
    display: none;
  }

  .topXlHide {
    opacity: 1;
    transform: none;
    box-shadow: none;
    border: none;
    position: initial;
    margin: 0;
    width: 100%;
  }
  .langBox {
    padding: 0.2rem;
  }
}

@media screen and (max-width: 990px) {
  .mode1Fix{
    font-size: 0.24rem;
  }
  .mode1Fix img{
    margin-right: 0.04rem;
    width: 0.47rem;
  }

  .mapImg {
    width: 50.6%;
  }
  .mapList {
    padding: 0.2rem 0.25rem;
  }
  .mapList li {
    padding: 0.06rem 0;
  }
  .mapList li .contactlistBox {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.15rem;
  }
  .mapList li h5 {
    font-size: 0.18rem;
  }

  .park {
    margin: 0 -0.12rem;
    margin-bottom: -0.24rem;
  }
  .park li {
    padding: 0 0.12rem;
    margin-bottom: 0.24rem;
  }

  .park h5 {
    padding: 0.23rem;
    font-size: 0.2rem;
  }
  .park h5::before {
    width: 0.03rem;
    height: 0.2rem;
    margin-right: 0.12rem;
  }

  .webtit2 {
    margin-bottom: 0.29rem;
  }
  .webtit2 h5 {
    font-size: 0.26rem;
    padding-bottom: 0.15rem;
  }
  .webtit2 h5::after {
    width: 0.35rem;
    height: 0.035rem;
  }

  .showSid2 {
    margin-top: 0.12rem;
  }

  .showMsg {
    margin-bottom: 0.29rem;
  }
  .showSid2 p {
    padding-top: 0.13rem;
  }
  .showSid2 p em {
    width: 0.05rem;
    height: 0.05rem;
    margin-top: 0.05rem;
    margin-left: 0.04rem;
  }
  .show {
    padding: 0.45rem 0;
  }

  .newsDetailTop .h5 {
    font-size: 0.3rem;
    margin-bottom: 0.12rem;
  }

  .newsDetailBox {
    padding: 0.5rem 0;
  }

  .newsMore {
    height: 0.62rem;
  }

  .newsMore a img {
    width: 0.11rem;
    margin-left: 0.11rem;
  }

  .iproSid {
    padding-bottom: 0.35rem !important;
  }
  .mode3Num {
    padding-top: 0.3rem;
    margin-left: 0.4rem;
    font-size: 0.6rem;
  }
  .mode3 {
    height: 4.2rem;
  }
  .mode3Box {
    left: 0.33rem;
    padding: 0.2rem;
  }
  .mode3Box h5 {
    font-size: 0.23rem;
  }
  .iproLr {
    margin-left: 0.1rem;
    width: 0.35rem;
    height: 0.35rem;
  }
  .mode1Tit {
    padding-left: 0.19rem;
  }

  .modeTitBox {
    padding-top: 0.6rem;
    padding-bottom: 0.3rem;
  }
  .mode1Box2Tit {
    font-size: 0.2rem;
    height: 1.29rem;
  }
  .mode1Img {
    padding: 0 0.32rem;
  }
  .mode1Ic {
    right: 0.25rem;
    height: 0.8rem;
  }
  .mode1Tit h5 {
    font-size: 0.32rem;
  }
  .cultureBox {
    height: 3.2rem;
  }
  .culture {
    margin: 0 -0.1rem;
  }
  .culture li {
    padding: 0 0.1rem;
  }
  .cultureTit {
    font-size: 0.24rem;
    padding-top: 0.12rem;
    padding-bottom: 0.09rem;
  }
  .cultureImg {
    width: 0.47rem;
  }
  .cultureIc {
    width: 0.37rem;
    margin-top: 0.25rem;
  }
  .cultureIcMsg {
    padding-top: 0.2rem;
    width: 85%;
  }

  .serviceTopMsg {
    padding: 0.22rem 0.35rem;
  }
  .serviceTopMsg h5 {
    font-size: 0.25rem;
    padding-bottom: 0.15rem;
    margin-bottom: 0.22rem;
  }

  .honorary {
    margin: 0 -0.05rem;
    margin-bottom: -0.1rem;
  }
  .honorary li {
    padding: 0 0.05rem;
    margin-bottom: 0.1rem;
  }

  .honoraryModeImg {
    height: 2.4rem;
  }
  .honoraryModeImg img {
    max-height: 2rem;
  }

  #goToTop {
    width: 0.45rem;
  }
  .scaleModeCnt h5 {
    font-size: 0.2rem;
  }
  .webtit h3 {
    font-size: 0.27rem;
  }

  .webtit {
    margin-bottom: 0.4rem;
  }
  .samePt {
    padding-top: 0.45rem;
  }
  .samePt2 {
    padding-top: 0.45rem;
  }
  .samePb {
    padding-bottom: 0.45rem;
  }
  .samePr {
    padding-right: 0.3rem;
  }
  .samePl {
    padding-left: 0.3rem;
  }
  .scaleMode {
    padding: 0.2rem 0.15rem;
  }
  .scaleModeIc {
    height: 0.7rem;
    width: 0.7rem;
  }
  .scaleModeCnt p em {
    font-size: 0.45rem;
  }

  .menuBox {
    margin-top: -0.65rem;
  }
  .menuSid a {
    height: 0.65rem;
  }
  .foot {
    padding-top: 0.45rem;
    padding-bottom: 0.3rem;
  }
  html {
    font-size: 84px;
  }
  .bannerH4 {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 850px) {
  .mapOp{
    height: 2.2rem;
  }
  .mode1Fix{
    font-size: 0.22rem;
  }
  .map {
    flex-wrap: wrap;
  }
  .mapImg {
    width: 100%;
  }
  .mapList li {
    padding: 0.08rem 0;
  }
  .park {
    margin: 0 -0.05rem;
    margin-bottom: -0.1rem;
  }
  .park li {
    width: 50%;
    padding: 0 0.05rem;
    margin-bottom: 0.15rem;
  }

  .park h5 {
    padding: 0.12rem 0.1rem;
    font-size: 0.18rem;
  }
  .park h5::before {
    width: 0.03rem;
    height: 0.18rem;
    margin-right: 0.1rem;
  }

  .historySid {
    margin: 0 -0.15rem !important;
  }
  .historySid .iproLrBox {
    margin-top: 0.25rem;
  }
  .historySid .iproLr {
    margin: 0 0.1rem;
  }
  .history {
    padding: 0 0.07rem;
  }

  .history i {
    top: 0.15rem;
  }
  .history .ic {
    margin-left: -0.05rem;
    width: 0.3rem;
  }
  .history em {
    font-size: 0.32rem;
    height: 0.62rem;
  }
  .history span {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
  }

  .history h5 {
    font-size: 0.18rem;
    margin-top: 0.15rem;
    margin-bottom: 0.06rem;
  }

  .groupCnt {
    position: initial;
    width: 100%;
    padding: 0.2rem;
  }
  .groupCnt p {
    font-size: 0.2rem;
    margin-bottom: 0.25rem;
  }
  .groupMsg {
    padding-top: 0.25rem;
  }

  .lxlist {
    margin-bottom: -0.2rem;
  }
  .lxlist li {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .lxlist p {
    min-height: 0.62rem;
  }

  .lx {
    padding-top: 0.25rem;
    flex-wrap: wrap;
  }
  .lxMap {
    width: 100%;
    justify-content: center;
  }
  .lxCnt {
    margin-bottom: 0.25rem;
    width: 100%;
    padding-right: 0;
  }

  .lxMsg1 .em {
    font-size: 0.26rem;
    margin-right: 0.12rem;
  }
  .lxMsg2 {
  }

  .lxEwm li {
    margin:0 0.25rem;
  }
  .lxEwm img {
    width: 1.3rem;
    margin-bottom: 0.1rem;
  }

  .zs {
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
  }
  .zsImg {
    width: 100%;
    position: initial;
  }

  .zsCnt {
    margin-top: 0.15rem;
    width: 100%;
  }
  .zsBox1 {
    padding: 0 0.3rem 0;
    width: 100%;
  }
  .zsBox2 {
    height: 0.8rem;
  }

  .zsBox2 .contactlistBox {
    width: 0.5rem;
    height: 0.5rem;
    border: 0.07rem solid #e2f0ea;
  }

  .zsTit {
    margin-left: 0.11rem;
    font-size: 0.22rem;
  }

  .zsBox3 {
    padding: 0.2rem 0;
  }
  .zsP1 {
    padding: 0.1rem 0;
  }
  .zsP1 em {
    font-size: 0.24rem;
  }
  .zsP1 span {
    font-size: 0.17rem;
  }

  .contactlist {
  }
  .contactlistBox2 {
    margin-top: 0.3rem;
    min-height: auto;
    padding: 0 0.13rem;
    padding-bottom: 0.4rem;
  }
  .contactlist li {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .showSid2 {
    display: none;
  }
  .showSid .iproLrBox {
    display: none;
  }
  .showSid .swiper-pagination {
    display: block;
  }

  .webtit2 {
    margin-bottom: 0.25rem;
  }
  .webtit2 h5 {
    font-size: 0.24rem;
    padding-bottom: 0.15rem;
  }
  .webtit2 h5::after {
    width: 0.3rem;
    height: 0.03rem;
  }

  .showSid2 {
    margin-top: 0.1rem;
  }

  .showMsg {
    margin-bottom: 0.2rem;
  }
  .showSid2 p {
    padding-top: 0.11rem;
  }
  .showSid2 p em {
    width: 0.05rem;
    height: 0.05rem;
    margin-top: 0.05rem;
    margin-left: 0.04rem;
  }
  .show {
    padding: 0.25rem 0;
  }

  .newsDetailTop .h5 {
    font-size: 0.21rem;
    margin-bottom: 0.1rem;
  }
  .newsDetailBox {
    padding: 0.3rem 0;
  }

  .newsMore {
    height: auto;
    margin-top: 0.15rem;
    flex-direction: column;
  }
  .newsMore a {
    margin: 0.05rem 0;
    max-width: 100% !important;
    width: 100%;
  }

  .news {
    margin-bottom: -0.2rem;
  }
  .news li {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .modeTitBox {
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
  }
  .mode1Img.spe {
    height: 2rem;
  }
  .mode2 a {
    height: 2rem;
  }
  .mode2 li {
    width: 100%;
  }
  .mode1Box3 {
    width: 100%;
    padding-bottom: 0.4rem;
  }
  .mode1Ic {
    right: 0.15rem;
    height: 0.5rem;
  }
  .mode1Img {
    height: auto;
  }
  .mode1Box2Tit {
    margin-bottom: 0.25rem;
    height: auto;
  }
  .mode1Box2 {
    width: 100%;
    height: 1.8rem;
  }
  .mode1Cnt2 {
    padding-bottom: 0.3rem;
  }
  .mode1Cnt2 {
    height: auto;
  }
  .mode1Btn img {
    width: 0.5rem;
  }
  .mode1Cnt {
    margin-top: 0.3rem;
    min-height: auto;
    margin-bottom: 0.3rem;
  }
  .mode1Box1 {
    width: 100%;
  }
  .mode1Img {
    padding: 0.3rem;
  }
  .mode1Tit h5 {
    font-size: 0.25rem;
  }
  .bannerSid .swiper-pagination {
    bottom: 0.2rem !important;
  }
  .indexBanBox {
    height: 4rem;
    padding-left: 0;
  }
  .indexBanH5 {
    font-size: 0.28rem;
  }
  .indexBanP {
    font-size: 0.16rem;
  }
  .indexBanP2 {
    margin-top: 0.25rem;
    min-height: auto;
    padding-bottom: 0.2rem;
    font-size: 0.16rem;
  }

  .indexBanBtn {
    height: 0.42rem;
    width: 1.5rem;
  }

  .detailnews li {
    width: 100%;
    margin-top: 0.2rem;
  }
  .detailnews h5 {
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
  }
  .detailnews h5 i {
    margin-right: 0.07rem;
    width: 0.35rem;
    height: 0.3rem;
    font-size: 0.19rem;
  }

  .video {
    height: 2.5rem;
  }
  .detailTit {
    font-size: 0.22rem;
    padding-bottom: 0.15rem;
    margin-bottom: 0.22rem;
  }
  .detailTit::after {
    width: 0.32rem;
    height: 0.03rem;
  }
  .detailBox {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }

  .detailTab th {
    font-size: 0.17rem;
  }

  .detailTab th,
  .detailTab td {
    padding: 0.12rem 0.12rem;
  }

  .detailList {
    margin: 0 -0.1rem;
    margin-bottom: -0.2rem;
  }

  .detailList li {
    padding: 0 0.1rem;
    width: 50%;
    padding-bottom: 0.2rem;
  }

  .serviceList.spe li {
    width: 100%;
  }
  .cultureBox {
    height: 4rem;
  }
  .cultureImg {
    width: 0.57rem;
  }
  .cultureIc {
    width: 0.47rem;
  }
  .culture li {
    width: 100%;
  }

  .bgImgBox2 {
    background-image: none !important;
  }
  .comList {
    margin-top: 0.2rem;
  }
  .comH4::after {
    width: 0.32rem;
  }
  .comH5 {
    font-size: 0.4rem;
    margin-bottom: -0.2rem;
  }
  .comH4 {
    font-size: 0.23rem;
    padding-bottom: 0.23rem;
    margin-bottom: 0.23rem;
  }
  .comList li b {
    font-size: 0.35rem;
  }
  .com {
    flex-wrap: wrap;
  }
  .comR {
    width: 100%;
  }
  .comL {
    margin-bottom: 0.2rem;
    width: 100%;
  }

  .serviceList {
    padding-top: 0.3rem;
  }
  .serviceList li {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .serviceListMode {
    padding: 0.2rem 0.22rem 0.15rem;
  }

  .serviceListMode h5 {
    font-size: 0.2rem;
  }

  .serviceListMode p {
    font-size: 0.16rem;
  }
  .serviceListMode em {
    margin-top: 0.25rem;
  }

  .serviceTopMsg {
    position: initial;
    color: #333;
    padding: 0;
    margin-top: 0.2rem;
  }
  .serviceTopMsg h5 {
    font-size: 0.24rem;
    padding-bottom: 0.13rem;
    margin-bottom: 0.18rem;
  }

  .page {
    padding-top: 0.4rem;
  }
  .honoraryFixBox3 {
    flex-wrap: wrap;
  }
  .honoraryFixCom {
    margin-top: 0.2rem;
  }
  .honoraryFixCnt h5 {
    font-size: 0.25rem;
  }
  .honoraryFixCnt {
    width: 100%;
  }
  .honoraryFixImg {
    width: 100%;
    margin: 0;
    margin-top: 0.15rem;
  }
  .honorary li {
    width: 50%;
  }
  .honoraryModeImg {
    height: 2rem;
  }
  .honoraryModeImg img {
    max-height: 1.6rem;
  }

  #goToTop {
    right: 0.1rem;
    bottom: 10%;
    width: 0.42rem;
  }
  .scaleModeMsg {
    margin-top: 0.15rem;
  }
  .scale li {
    margin-bottom: 0.15rem;
  }
  .scaleModeIc {
    height: 0.8rem;
    width: 0.8rem;
  }
  .webtit {
    margin-bottom: 0.25rem;
  }
  .webtit h5 {
    font-size: 0.15rem;
  }
  .samePt {
    padding-top: 0.35rem;
  }
  .samePt2 {
    padding-top: 0.4rem;
  }
  .samePb {
    padding-bottom: 0.4rem;
  }
  .samePr {
    padding-right: 0.2rem;
  }
  .samePl {
    padding-left: 0.2rem;
  }
  .scale li {
    width: 100%;
  }
  .webtit h3 {
    font-size: 0.25rem;
  }
  .layout2.spe {
    padding: 0;
  }
  .scaleModeCnt h5 {
    font-size: 0.18rem;
  }
  .bannerH5 {
    margin-top: 0;
  }
  .menu .layout2 {
    padding: 0;
  }
  .menuIndex {
    display: none;
  }
  .menuBox {
    margin-top: 0;
  }
  .menuSid a {
    min-width: 1.8rem;
    height: 0.55rem;
  }
  .footBot {
    margin-top: 0.2rem;
    flex-wrap: wrap;
  }
  .footBotL {
    width: 100%;
  }
  .footBotR {
    width: 100%;
    margin-top: 0.1rem;
  }
  .footBotMsg.spe {
    text-align: left;
  }
  .footTopShareTit {
    margin-bottom: 0.15rem;
  }
  .footTopContact {
    width: 100%;
    display: none;
    align-items: flex-start;
  }
  .footTopContactLogo {
    margin-top: 0.25rem;
    margin-bottom: 0.1rem;
  }
  .footTopContactWrap {
    margin-top: 0.05rem;
  }
  .footTopContactWrap {
    flex-wrap: wrap;
  }
  .footTopContact {
    flex-direction: column;
  }
  .footTopShare {
    width: 100%;
  }
  .footTopLinkWrap {
    flex-wrap: wrap;
  }
  .footTopLink dd {
    margin-right: 0.15rem;
  }
  .footTopLink dt {
    width: 100%;
    margin-bottom: 0.05rem;
  }
  .footTopLink {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 0.15rem;
  }
  .foot {
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
  }
  .showHead .headBox1 {
    height: 0.6rem;
  }
  .bannerCnt {
    display: none;
  }
  .bannerBox {
    height: 2.5rem;
  }
  .bannerH4 {
    margin: 0;
    font-size: 0.25rem;
  }

  .langIc2,
  .langTxt {
    display: none;
  }
  .layout {
    padding: 0 15px;
  }
  html {
    font-size: 82px;
  }

  .headMl {
    margin-left: 0.2rem;
  }
  .headMr {
    margin-right: 0.2rem;
  }

  .headBox1 {
    height: 0.65rem;
  }

  .logo img {
    width: 1.1rem;
  }
}