/* CSS Document */
* {
  padding: 0px;
  margin: 0px;
}


.mb{width: 100%; display:flex; flex-wrap:wrap; }
.ck{width: 100%; display:flex; flex-wrap:wrap; }

.selected{
color:#08635e !important;
}

body,
html {
  font-size: 100px;
  line-height: 2;
  font-family: 'syhr' !important;
  margin: 0 !important;
  padding: 0  !important;
  box-sizing: border-box;
}



a {
 text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 0;
}

ul li {
  list-style: none;
}

.l {
  float: left;
}

.r {
  float: right;
}

p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

input {
  outline: none;
  border: 0px;
}

@font-face {
  font-family: 'sysh';
  src: url('../fonts/sysh.woff2') format('woff2'),
       url('../fonts/sysh.woff') format('woff'),
       url('../fonts/sysh.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'syhb';
  src: url('../fonts/syhb.woff2') format('woff2'),
       url('../fonts/syhb.woff') format('woff'),
       url('../fonts/syhb.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'syhr';
  src: url('../fonts/syhr.woff2') format('woff2'),
       url('../fonts/syhr.woff') format('woff'),
       url('../fonts/syhr.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sysh';
  src: url('../fonts/sysh.woff2') format('woff2'),
       url('../fonts/sysh.woff') format('woff'),
       url('../fonts/sysh.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sysb';
  src: url('../fonts/sysb.woff2') format('woff2'),
       url('../fonts/sysb.woff') format('woff'),
       url('../fonts/sysb.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lishu';
  src: url('../fonts/lishu.woff2') format('woff2'),
       url('../fonts/lishu.woff') format('woff'),
       url('../fonts/lishu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@keyframes scaleUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}



.topbox {
  width: 88%;
  margin: .2rem auto;
  justify-content: space-between;
  align-items: center;
}

.box {
  width: 81%;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.clear {
  clear: both;
  width: 100%;
}

.clear10 {
  clear: both;
  width: 100%;
  height: 10px;
}

.clear20 {
  clear: both;
  width: 100%;
  height: 20px;
}

.clear30 {
  clear: both;
  width: 100%;
  height: 30px;
}

.clear40 {
  clear: both;
  width: 100%;
  height: 40px;
}

.clear50 {
  clear: both;
  width: 100%;
  height: 50px;
}

.clear60 {
  clear: both;
  width: 100%;
  height: 60px;
}

/* top */
.sytop {
  width: 100%;
  height: 2rem;
  position: fixed;
  z-index: 3;
  background: linear-gradient(rgba(8,99,94, .8) 70%, rgba(255,255,255, 0) 100%);
  top: 0;
}

.topzc{
width:30%;
}

.topzc img{
width:100%;
}

.topyc a {
  font-size: .14rem;
  color: #fff;
}

.topyc p {
  font-size: .16rem;
  color: #fff;
  margin: 0 .15rem;
}

.kjan {
  margin-bottom: .05rem;
}

.kjan p:last-of-type {
  display: none;
}

.sou {
  width: 2rem;
  float: right;
}

.ssk {
  width: 75%;
  height: .35rem;
  border-radius: .6rem 0 0 .6rem;
  font-size: .14rem;
  background: rgba(255,255,255,0);
  border: 1px solid rgb(255,255,255,.46);
  border-right: 0;
  color: #fff;
  padding-left: .2rem;
}

.search {
  width: 25%;
  height: .35rem;
  border-radius: 0 .6rem .6rem 0;
  background: url(../images/search.svg) center no-repeat;
  cursor: pointer;
  border: 1px solid rgb(255,255,255,.46);
  border-left: 0;
  background-size: 50%;
}

.fgx {
  width: 100%;
  height: 1px;
  background: #63bab5;
  position: absolute;
  z-index: 3;
  opacity: .5;
}

/* banner */
.banner {
  width: 100%;
  height: 100vh;
  top: 0;
  position: fixed;
}

div.moduletable-banner {
  width: 100%;
  height: 100vh;
}

.flexslider {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.flexslider .slides > li {
  display: none;
}

.flexslider .slides img {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
transform: scale(1); 
      transform-origin: center center; 
      animation: scaleUp 9s linear infinite forwards;
}



.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides > li:first-child {
  display: block;
}

.flexslider {
  position: relative;
  zoom: 1;
}

.flexslider .slides {
  zoom: 1;
  height: 100%;
}

.flexslider .slides > li {
  position: relative;
   height: 100%;
}

.flex-caption {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  zoom: 1;
}

.flex-caption {
  width: 96%;
  padding: 2%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 14px;
  line-height: 18px;
}

.flex-direction-nav {
  height: 0;
  overflow: hidden;
}

.flex-direction-nav li a {
  display: none;
  width: .6rem;
  height: .6rem;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  cursor: pointer;
  text-indent: -9999px;
}

.flex-direction-nav li a.next {
  right: .2rem;
  background: url("../images/next.png");
}

.flex-direction-nav li a.next:hover {
  background: url("../images/next2.png");
}

.flex-direction-nav li a.next:active {
  background: url("../images/next2.png");
}

.flex-direction-nav li a.prev {
  left: .2rem;
  background: url("../images/prev.png");
}

.flex-direction-nav li a.prev:hover {
  background: url("../images/prev2.png");
}

.flex-direction-nav li a.prev:active {
  background: url("../images/prev2.png");
}

.flex-direction-nav li a.disabled {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: default;
}

.flex-control-nav {
  position: absolute;
  bottom: 50px;
  right: 20px;
}

.flex-control-nav li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 10px;
}

.flex-control-nav li a {
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  background: #fff;
  width: 7px;
  height: 7px;
  border-radius: 20px;
  z-index: 3;
}

.flex-control-nav li a:hover {
  background-position: 0 -10px;
  background: #ed1b24;
  z-index: 3;
}

.flex-control-nav li a.active {
  background: #08635e;
  width: 40px;
  height: 7px;
  z-index: 3;
}

/* nav */
.nav {
  width: 88%;
  z-index: 6;
  position: relative;
  margin: 0 auto;
  top: .05rem;
}

.nav ul {
  width: 100%;
  justify-content: space-between;
}

.dw {
  position: relative;
}

.flmm {
  color: #fff;
  font-family: syhr;
  font-size: .18rem;
  line-height: inherit;
  display: block;
  font-weight: 600;
}

.flmm:hover {
  color: #f1bb7c;
}

.zlm {
  position: absolute;
  top: 100%;
  left: 50%;
  padding-bottom: .2rem;
  min-width: 1.5rem;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  text-align: center;
}

.zlmbj {
  background: #fff;
  border-bottom: 3px solid #f1bb7c;
  border-radius: .05rem;
  width: 100%;
  margin: .1rem 0;
  padding: .15rem 0;
}

.zlmm {
  color: #585858;
  font-size: .16rem;
  font-family: siyuansong !important;
  display: block;
  line-height: .36rem;
}

.zlmm:hover {
  color: #f1bb7c;
}

.nav ul li:hover .zlm {
  visibility: inherit;
  opacity: 1;
}

.wp {
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 2;
  position: relative;
  top: 100vh;
  box-sizing: border-box; 
  margin: 0;
  padding: 0; 
}

.xbnews {
  width: 100%;
  padding-top: .3rem;
}

.xbnew {
  width: 100%;
}

.lmbt {
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: .1rem;
  margin-bottom: .3rem;
}

.lmbt::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 6.5%;
  height: 2px;
  background-color: #f1bb7c;
}

.lmbt::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 6.5%);
  height: 1px;
  background-color: #c7c7c7;
  z-index: ;
}

.left {
  font-size: .3rem;
  font-family: "sysh";
  color: #08635e;
  position: relative;
  position: static;
  align-self: center;
}

.right {
  flex: 1;
  text-align: right;
  position: relative;
  position: static;
  align-self: center;
}

.right a {
  font-size: .16rem;
  font-family: "sysb";
  color: #6f6f6f;
  vertical-align: middle;
}

.right a::after {
  font-size: .16rem;
  font-family: "iconfont";
  color: #9d9d9d;
  content: "\e602";
  margin: 0 .2rem;
}

.right:hover a,
.right a:hover::after {
  color: #08635e;
}

.xbnewsleft {
  width: 58%;
}

#focus {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.focus-bar {
  height: 100%;
}

.tempWrap {
  height: 100%;
}

.btn-prev {
  left: .2rem;
  top: 40%;
  position: absolute;
}

.btn-prev::after {
  content: "\e60a";
  font-family: iconfont;
  font-size: 60px;
  color: #fff;
  top: 33%
}

.btn-prev:hover::after {
  color: #08635e;
}

.btn-next {
  right: .2rem;
  top: 40%;
  position: absolute;
}

.btn-next::after {
  content: "\e603";
  font-family: iconfont;
  font-size: 60px;
  color: #fff;
}

.btn-next:hover::after {
  color: #08635e;
}

#focus .focus-bar-box {
  width: 100%;
  height: 100%;
  position: relative;
}

#focus .focus-bar li {
  width: 100%;
  height: 100%;
}

#focus .focus-bar li a {
  display: block;
color:#fff;
}

.bttu {
  width: 100%;
  height: 5.5rem;
  margin-bottom: 10px;
  overflow: hidden;
  background-size: 100% 100%;
}

#focus .focus-bar li img {
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#focus .focus-bar li:hover img {
  overflow: hidden;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.newswzbj {
  height: 1rem;
  width: 90%;
  margin-top: -.55rem;
  float: right;
  z-index: 3;
  position: relative;
  border-radius: .2rem 0 0 0;
  background: linear-gradient(to right, rgba(20,180,167, 1) 15%, rgba(10,128,117, 1) 100%);
}

.newswz {
  width: 95%;
  position: absolute;
  z-index: 5;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}

.newswz  a{
 width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
display:block;

}


#focus .focus-bar li p {
  color: #fff;
  font-size: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .15rem;
  margin-left: .2rem;
}

#focus .focus-bar li sj {
  color: #fff;
  opacity: .6;
  font-size: .16rem;
  font-family: arial;
  margin-left: .2rem;
  display: flex;
  align-items: center;
  height: .25rem;
}

#focus .focus-bar li sj::before {
  content: '\e648';
  font-family: iconfont;
  font-size: .18rem;
  color: #fff;
  opacity: .6;
  margin-right: .15rem;
}

.xbnewsright {
  flex: 1;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(16, 142, 71, 0.5);
  height: 6rem;
  border-top: 4px solid #f1bb7c;
  min-width: 0;
}

.xbright {
  width: 95%;
  min-width: 0;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 auto;
}

.xbright a {
  display: inline-block;
  width: 95%;
  color: #4a4a4a;
  font-size: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: .2rem;
  margin-top: .1rem;
}

.xbright sj {
  color: #b4b4b4;
  font-size: .16rem;
  font-family: arial;
  display: flex;
  align-items: center;
  margin-left: .2rem;
  height: .16rem;
  padding: .1rem 0 .1rem 0;
}

.xbright sj::before {
  content: '\e601';
  font-family: iconfont;
  font-size: .18rem;
  color: #b4b4b4;
  margin-right: .15rem;
}

.xbright:hover {
  border-bottom: 3px solid #f1bb7c;
}

.xbright:hover a {
  font-family: 'syhb';
}

.xbright:hover sj,
.xbright:hover sj::before,
.xbright:hover a {
  color: #08635e
}

.xbright:first-of-type {
  margin-top: .05rem;
}

.djnews {
  width: 100%;
  height: auto;
  background: #fff url(../images/djbj.png) no-repeat bottom center;
  margin-top: .5rem;
  position: relative;
  padding-bottom: .2rem;
}

.dbfg {
  width: 100%;
  height: 3rem;
  position: absolute;
  top: 0;
  background: linear-gradient(rgba(238,243,248, 1) 30%, rgba(255,255,255, 0) 100%);
  z-index: 2;
}

.djnews .box .lmbt {
  padding-top: .3rem;
  z-index: 4;
}

.djtop {
  width: 100%;
  height: 3rem;
  background: linear-gradient(to right, rgba(20,180,167, .95) 2%, rgba(10,128,117, .95) 100%);
  margin-top: .7rem;
  min-width: 0;
}

.djleft {
  width: 5rem;
  height: 3rem;
  margin-left: 3%;
}

.djleft a {
  width: 100%;
  height: 100%;
}

.djleft img {
  width: 100%;
  margin-top: -.5rem;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}

.djleft:hover img {
  overflow: hidden;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.djright {
  flex: 1;
  margin: 0 5% 0 2%;
  margin-top: .2rem;
  z-index: 3;
}

.djright a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: .4rem;
  font-size: .22rem;
  font-family: 'syhb';
  color: #fff;
}

.djright jj {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: .30rem;
  font-size: .16rem;
  color: #fff;
  opacity: .7;
  margin-top: .15rem;
}

.djright sj {
  color: #fff;
  font-size: .16rem;
  font-family: arial;
  display: flex;
  align-items: center;
  height: .25rem;
  opacity: .7;
  margin-top: .15rem;
}

.djright sj::before {
  content: '\e601';
  font-family: iconfont;
  font-size: .26rem;
  color: #fff;
  opacity: .6;
  margin-right: .15rem;
}

.djbottombj {
  width: 100%;
  height: auto;
  min-height: 2rem;
  background-color: #fff;
  margin-bottom: .5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: .3rem;
  padding-top: .1rem;
}

.djbottom {
  width: 44%;
  padding: .1rem 3%;
  min-width: 0;
  display: flex;
  align-items: center;
}

.djnewstime {
  width: .8rem;
  height: .8rem;
  border: 1px solid #e5e5e5;
  text-align: center;
  font-family: 'arial';
  color: #08635e;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.djnewstime day {
  font-size: .26rem;
  line-height: .2rem;
  width: 100%;
  display: block;
  position: relative;
}

.djnewstime year {
  font-size: .14rem;
  opacity: .67;
  display: block;
  width: 100%;
}

.djnewsxx {
  flex: 1;
  margin-left: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .16rem;
  color: #929292;
}

.djnewsxx a {
  font-size: .18rem;
  color: #4a4a4a;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.djnewsxx jj {
  display: block;
  width: 95%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.djnewsxx:hover a {
  color: #08635e;
  font-family: 'syhb';
}

.djnewsxx:hover jj {
  color: #08635e;
  list-style: .2rem;
}

.djnewstime::before {
  border-left: 1px solid #f1bb7c;
  border-top: 1px solid #f1bb7c;
  content: "";
  width: .2rem;
  height: .26rem;
  position: absolute;
  top: 0
}

.djnewstime::before,
.djnewstime .corner-bottom-left {
  border-left: 1px solid #f1bb7c;
  content: "";
  width: .2rem;
  height: .26rem;
  position: absolute;
}

.djnewstime::before {
  top: 0;
  left: 0;
  border-top: 1px solid #f1bb7c;
}

.djnewstime .corner-bottom-left {
  bottom: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid #f1bb7c;
}

.djnewstime::after,
.djnewstime .corner-bottom-right {
  border-right: 1px solid #f1bb7c;
  content: "";
  width: .2rem;
  height: .26rem;
  position: absolute;
}

.djnewstime::after {
  top: 0;
  right: 0;
  border-top: 1px solid #f1bb7c;
}

.djnewstime .corner-bottom-right {
  bottom: 0;
  right: 0;
  z-index: 1;
  border-bottom: 1px solid #f1bb7c;
}

.two {
  width: 100%;
  justify-content: space-between;
  margin-top: .4rem;
  min-width: 0
}

.keyan {
  width: 70%;
}

.kytwo {
  width: 100%;
}

.kynews {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  justify-content: center;
  flex-wrap: nowrap;
  min-width: 0;
}

.tu,
.tu img {
  width: 100%;
  height: 2.7rem;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}

.kynewswz {
  width: 100%;
  border-bottom: 1px solid #dedede;
  padding-bottom: .15rem;
}

.kynewswz a {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .18rem;
  width: 96%;
  color: #4a4a4a;
  margin-top: .1rem;
  margin-left: 2%;
}

.kynewswz sj {
  font-family: 'arial';
  color: #838383;
  font-size: .16rem;
  margin-left: 2%;
}

.kynews:hover .tu img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.kynews:hover {
  border-bottom: 3px solid #f1bb7c;
}

.kynews:hover .kynewswz a,
.kynews:hover .kynewswz sj {
  color: #08635e;
}

.kybottomnews {
  width: 100%;
  border-bottom: 1px solid #dedede;
  align-items: center;
  justify-content: space-between;
  height: .6rem;
}

.kybottomnews span {
  display: inline-flex;
  margin-left: 2%;
}

.kybottomnews span::before {
  content: '';
  width: .1rem;
  height: .1rem;
  background: #dadada;
}

.kybottomnews a {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .18rem;
  width: 83%;
  color: #4a4a4a;
line-height:.18rem;
}

.kybottomnews sj {
  font-family: 'arial';
  color: #838383;
  font-size: .16rem;
  margin-right: 2%;
}

.kybottomnews:hover .kybottomnews span::before {
  background: #08635e;
}

.kybottomnews:hover a {
  color: #08635e;
}

.kybottomnews:hover {
  border-bottom: 2px solid #08635e;
}

.yjs {
  flex: 1;
  margin-left: 4%;
  min-width: 0;
}

.yjsnews {
  width: 100%;
  border-bottom: 1px dashed #dadada;
  margin-top: .1rem;
}

.wp_articlecontent{
width:100%;
}

.wp_entry img
{
max-width:85% !important; 
}

.yjsnews sj {
  font-family: 'arial';
  font-size: .16rem;
  color: #838383;
  margin-left: 1%;
}

.yjsnews a {
  margin-left: 1%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .18rem;
  width: 95%;
  color: #4a4a4a;
  padding-bottom: .12rem;
}

.yjsnews:hover a,
.yjsnews:hover sj {
  color: #08635e;
}

.yjsnews:hover a {
  font-family: 'syhb';
}

.yjs .lmbt::before {
  width: 30%;
}

.yjs .lmbt::after {
  width: calc(100% - 30%);
}

.lasttwonews {
  width: 100%;
  height: auto;
  margin-top: .5rem;
  position: relative;
}

.lasttwonews .bj {
  background: url(../images/twobj.jpg) no-repeat bottom center;
  height: 4rem;
  position: relative;
}

.jxgz {
  position: absolute;
  z-index: 2;
  top: .3rem;
  width: 27%;
}

.jxgz .lmbt .left,
.jxgz .lmbt .right a,
.jxgz .lmbt .right a::after {
  color: #fff;
}

.jxgz .lmbt::before,
.jxgz .lmbt::after {
  background-color: #fff
}

.jxgz .lmbt::before {
  width: 30%;
}

.jxgzbj {
  width: 100%;
  height: 100%;
  min-height: 2rem;
  background: #fff;
  box-shadow: 0 0 10px rgba(16, 142, 71, 0.5);
  min-width: 0;
  padding-bottom: .4rem;
}

.jxgznews {
  width: 90%;
  margin: 0 auto;
  padding: .1rem 0;
  border-bottom: 1px solid #e4e4e4;
  align-items: center;
}

.jxgzbj .date {
  margin-left: 2%;
  width: .8rem;
  font-family: 'arial';
  display: inline-block;
  flex-wrap: wrap;
}

.jxgzbj .date day {
  font-size: .24rem;
  width: 100%;
  display: inline-block;
  line-height: .36rem;
  color: #7d7a78;
}

.jxgzbj .date hx {
  width: .2rem;
  height: 2px;
  background: #08635e;
  display: inline-block;
}

.jxgzbj .date years {
  font-size: .16rem;
  color: #64635e;
  width: 100%;
  display: inline-block;
}

.jxgzwz {
  flex: 1;
}

.jxgzwz a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: .3rem;
  font-size: .18rem;
  color: #4a4a4a;
}

.jxgznews:hover .jxgzwz a {
  color: #08635e;
  font-family: 'syhb';
}

.jxgznews:hover .date day,
.jxgznews:hover .date years {
  color: #08635e;
}

.bj .box {
  min-width: 0;
  position: relative;
}

.xtgz {
  width: 70%;
  position: absolute;
  z-index: 2;
  top: .3rem;
  right: 0;
}

.xtgz .lmbt .left,
.xtgz .lmbt .right a,
.xtgz .lmbt .right a::after {
  color: #fff;
}

.xtgz .lmbt::before,
.xtgz .lmbt::after {
  background-color: #fff
}

.xtgz .lmbt::before {
  width: 10%;
}

.xttwo {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.xttu {
  width: 45%;
  height: auto;
  padding: .2rem;
  background: #fff;
  box-shadow: 0 0 10px rgba(16, 142, 71, 0.5);
  min-width: 0;
  align-items: center;
}

.xtleft {
  width: 2.3rem;
  height: 1.6rem;
  object-fit: cover;
  overflow: hidden;
}

.xtleft a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.xtleft img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
object-fit:cover;

}

.xtright {
  flex: 1;
  margin-left: .2rem;
}

.xtright a {
  width: 100%;
  height: 100%;
  font-size: .18rem;
  color: #4a4a4a;
  line-height: .3rem;
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.xtright sj {
  font-size: .16rem;
  color: #64635e;
  float: right;
  opacity: .67;
  margin-top: .1rem;
}

.xttu:hover .xtleft img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.xttu:hover .xtright a {
  color: #08635e;
  font-family: 'syhb';
}

.xtnews {
  width: 47%;
  height: auto;
  padding: .1rem;
  background: #fff;
  box-shadow: 0 0 10px rgba(16, 142, 71, 0.5);
  margin-top: .15rem;
  border-bottom: 4px solid #cacaca;
}

.xtnews sj {
  font-family: 'arial';
  font-size: .16rem;
  color: #838383;
  margin-left: 1%;
}

.xtnews a {
  margin-left: 1%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .18rem;
  width: 95%;
  color: #4a4a4a;
line-height:.28rem;
}

.xtnews:hover a {
  color: #08635e;
  font-family: 'syhb';
}

.xtnews:hover sj {
  color: #08635e;
}

.xtnews:hover {
  border-bottom: 4px solid #c9b373;
}

.footer {
  width: 100%;
  background: url(../images/footer.png) no-repeat bottom center;
  height: 3.6rem;
  margin-top: .4rem;
  overflow: hidden;
  position: relative;
}

.footer .box {
  justify-content: space-between;
  align-items: center;
  position: absolute;
  flex-wrap: wrap;
  top: 53%;
  transform: translateX(-50%);
  left: 50%;
}

.dbleft {
  font-family: 'lishu';
  color: #fff;
  font-size: .45rem;
  line-height: .5rem;
  z-index: 2;
}

.dbright {
  color: #fff;
  font-size: .16rem;
  line-height: .36rem;
  opacity: .83;
  text-align: right;
}

.fg {
  width: 100%;
  height: 1px;
  background: #629b8d;
  margin-top: .3rem;
}

.dbsx {
  width: 100%;
  justify-content: flex-end;
  margin-top: .1rem;
}

.dbsx a {
  color: #fff;
  font-size: .16rem;
  opacity: .83;
  display: inline-block;
margin-left:.16rem;
}


#wp_paging_w25{
 width:100% !important;
}


.nybanner {
  width: 100%;
  height: 6rem;
  overflow: hidden;
  position: relative;
  margin-bottom: .7rem;
}

.nytu{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nytu img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nybannerbottom {
  width: 100%;
  height: 1rem;
  background: linear-gradient(rgba(255,255,255, 0) 10%, rgba(8,99,94, 1) 100%);
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.dqwz {
  position: absolute;
  bottom: 15px;
  right: 10%;
  z-index: 3;
  align-items: center;
}

.dqwz p,
.dqwz a {
  font-size: .16rem;
  color: #fff;
  opacity: .6;
}

.dqwz span {
  margin-left: 15px;
}

.dqwz span::before {
  content: '\e603';
  font-family: iconfont;
  font-size: .18rem;
  color: #fff;
  margin-right: .15rem;
  opacity: .6;
}

.dqwz a:hover {
  opacity: 1;
}

.nyleft {
  width: 2.8rem;
  overflow: hidden;
}

.nyleftlm {
  font-size: .3rem;
  font-family: 'sysh';
  color: #fff;
  border-bottom: 2px solid #d1d1d1;
  width: 100%;
  padding-bottom: .1rem;
  background: linear-gradient( rgba(20,180,167, 1) 2%, rgba(10,128,117, 1) 60%);
  border-radius: .2rem .2rem 0 0;
}

.nyleftlm p{
  width:90%;
  padding: .1rem .2rem 0rem .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}



.menu-container {
  width: 100%;
  position: relative;
  overflow-y: auto;
}

.main-menu {
  list-style: none;
  width: 100%;
}

.main-menu > li {
  position: relative;
  border-bottom: 1px solid #d1d1d1;
}



.menu-item-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #b1b1b1;
  text-decoration: none;
  font-size: 16px;
  padding: 15px 20px;
  transition: color 0.3s, background-color 0.3s;
}

.menu-item-wrap  a{
  color: #545454;
  font-size: .18rem;
}



.arrow-icon {
  width: 8px;
  height: 8px;
  border: solid #545454;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.main-menu > li:hover > .menu-item-wrap {
  color: #08635e;
}

.main-menu > li:hover > .menu-item-wrap .arrow-icon {
  border-color: #08635e;
}

.sub-menu > li > a {
  color: #222;
  text-decoration: none;
  font-size: .16rem;
  display: block;
  padding: 12px 20px 12px 35px;
  transition: color 0.3s, background-color 0.3s;
  opacity: .6;
}

.sub-menu > li:hover > a {
  color: #08635e;
  opacity: 1;
}

.sub-menu {
  list-style: none;
  width: 100%;
  display: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  z-index: 999;
}

.sub-menu > li {
  line-height: .3rem;
  border-bottom: 1px dashed #c3c3c3;
}

.main-menu > li:hover > .sub-menu {
  display: block;
}

.main-menu > li:hover > .menu-item-wrap .arrow-icon {
  transform: rotate(-135deg);
}

.main-menu > li:hover ~ li:first-child > .sub-menu {
  display: none;
}

.main-menu > li:hover ~ li:first-child > .menu-item-wrap .arrow-icon {
  transform: rotate(45deg);
}



.nyright {
  flex: 1;
  height: auto;
  margin-left: .5rem;
}

.dqlm{
	font-size: .3rem;
	color: #08635e;
	font-family:'sysh';
  margin-bottom: .2rem;
}

.dqlm p{
	line-height: 36px;
	margin: 0;
}
.dqlm span::before{
	content: '';
	height: 40px;
	width: 2px;
	background: #08635e;
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}



.nyrightnews{
   align-items: center;
   border-bottom:1px dashed #D4D4D4;
   padding-bottom: .3rem;
   margin-top: .3rem;
   width:100%;
}


.Column_Anchor{
  width:90%;
  padding: .2rem .2rem 0rem .2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.nyrightnews .date {
  margin-left: 2%;
  width: .8rem;
  font-family: 'arial';
  display: inline-block;
  flex-wrap: wrap;
  margin-right: 2%;
  border-right: 1px solid #D4D4D4;
  padding-right: .2rem;
}

.nyrightnews .date day {
  font-size: .28rem;
  width: 100%;
  display: inline-block;
  line-height: .45rem;
  color: #7d7a78;
}

.nyrightnews .date hx {
  width: .3rem;
  height: 1px;
  background: #64635e;
  display: inline-block;
}

.nyrightnews .date years {
  font-size: .16rem;
  color: #64635e;
  width: 100%;
  display: inline-block;
  margin-top: .05rem;
}

.nyrightnewswz {
  flex: 1;
}

.nyrightnews a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: .36rem;
  font-size: .18rem;
  color: #4a4a4a;
  margin-left: .1rem;
}

.nyrightnews:hover .nyrightnewswz a {
  color: #08635e;
  font-family: 'syhb';
}

.nyrightnews:hover .date day,
.nyrightnews:hover .date years {
  color: #08635e;
}

.nyrightnews:hover  .date hx {
  background: 08635e;
}


.newsnr{
	width: 100%; 
	border-radius: .05rem ; 
	box-shadow: 0 0 10px rgba(0,0,0, 0.3);
}

.title {
	font-size: .26rem;
	line-height: .36rem;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	color: #333333;
  padding-top: .4rem;
}

.newsxx{
	margin-top: .2rem; 
	border-bottom: 1px dashed #d2d2d2; 
	padding: 0 .2rem .2rem .2rem;
  justify-content: space-between;
  align-items: center;
}

.nrysj {
	font-size: .16rem;
	line-height: .36rem;
	margin: 0 auto;
	text-align: center;
	color: #333333;
	opacity: .5;
}

.zwnews{
	width: 90%; 
	margin: .4rem auto; 
	flex-wrap: wrap;
  padding-bottom: .6rem;
}

.zwnews p{
	font-size: .18rem  !important; 
	line-height: .36rem  !important;  
font-family: 'syhr' !important;
text-indent:2em;
}

.zwnews p span{
	font-size: .18rem  !important; 
	line-height: .36rem  !important; 
font-family: 'syhr' !important;

}

.wp_entry p{
	font-size: .18rem  !important; 
	line-height: .36rem  !important;  
font-family: 'syhr' !important;
}

.wp_entry p span{
	font-size: .18rem  !important; 
	line-height: .36rem  !important;  
font-family: 'syhr' !important;
}


.zwnews img{
	max-width: 85%; 
	margin: .2rem auto;
}

.dsflx {
  width: 80%;
  height: 1px;
  background: #d9e5f4;
  margin-top: -45px;
  margin-bottom: 45px;
  margin-left: 10%;
}

.dsfl {
  line-height: 50px;
  background: #08635e;
  width: 250px;
  border-radius: 60px;
  font-size: 20px;
  text-align: center;
  margin: 20px auto;
  color: #fff;
  z-index: 2;
  position: relative;
}

.dsfl::before {
  content: "—";
  font-weight: 100;
  margin-right: 10px;
}

.dsfl::after {
  content: "—";
  font-weight: 100;
  margin-left: 10px;
}

.dslb {
  width: 100%;
  height: auto;
  display: flex;
  margin: 10px auto;
  flex-wrap: wrap;
}

.dsnr {
  width: calc((100%) / 6);
  text-align: center;
  margin-bottom: 10px;
}

.dsnr a {
  font-size: 18px;
  color: #343434;
}

.dsnr a:hover {
  color: #08635e;
}


.dsxx {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lbsz {
  width: 14%;
  margin: 15px 1% 0 1%;
  text-align: center;
  overflow: hidden;
}

.lbsz img {
  width: 100%;
  height: 2.2rem;
  object-fit: cover;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}

.lbsz a {
  font-size: .18rem;
  margin-top: .08rem;
  color: #585858;
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}

.lbsz:hover a {
  color: #08635e;
}

.lbsz p {
  height: .36em;
  overflow: hidden;
}

.lbsz:hover img{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}


.possplit {
  background-image: none !important;
  background-repeat: initial !important; 
  background-position: initial !important;
  text-indent: 0 !important; 
  width: auto !important; 
  display: inline !important;
  border: none !important; 
  height: auto !important;
  padding: 0 !important;
  margin: 0 0 0 15px !important;
  line-height: .2rem !important;

}


.possplit {
  font-size: 0 !important;   
  line-height: 0 !important; 
  display: inline-block !important; 
  width: auto !important;   
  height: auto !important;   
}


.possplit::before,
.possplit::after {
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: nowrap !important; 
}


.phonenav{
  display: none;
}

@media screen and (max-width: 1600px) {

.topbox,
.nav,
.box{
  width: 90%;
}

}

@media screen and (max-width: 1400px) {
  
body,
html {
  font-size: 95px;
}

.nybanner{
  height: 5rem;
}

.lbsz {
  width: 23%;
  margin: 15px 1% 0 1%;
}

.lbsz img{
  height: 2.5rem;
}


}


@media screen and (max-width: 1300px) {
  
body,
html {
  font-size: 90px;
}

.topbox,
.nav,
.box{
  width: 95%;
}

.xttu,
.xtnews{
  width:44% ;
}

.lbsz img{
  height: 2.7rem;
}


}




@media screen and (max-width: 1200px) {
  
body,
html {
  font-size: 85px;
}



.topzc{
  width: 60%;
}

.topzc img{
  width: 100%;
}

.flmm{
  font-size: .18rem;
}

}


@media screen and (max-width: 1100px) {
  
body,
html {
  font-size: 80px;
}

.banner,
div.moduletable-banner,
.flexslider .slides img{
  height: 80vh;
}

.wp{
  top: 80vh;
}

}

@media screen and (max-width: 1000px) {
  
body,
html {
  font-size: 75px;
}

.xbnew,
.two,
.bj .box{
  flex-wrap: wrap;
}

.xbnewsleft,
.newswzbj,
.djbottom,
.keyan,
.yjs,
.jxgz,
.xtgz
{
  width: 100%;
}

.xbnewsright,
.yjs
{
  flex: none;
  width: 100%;
  margin-top: .3rem;
}

.yjs{
  margin-left: 0;
}

.lmbt{
  margin-bottom: .3rem;
}

.xtgz,
.jxgz{
  position:static;
}

.jxgz{
  padding-top: .3rem;
}

.xtgz .lmbt .left, .xtgz .lmbt .right a, .xtgz .lmbt .right a::after
{
  color: #08635e;
}

.xtgz .lmbt::before{
  background: #f1bb7c;
  z-index: 3;
}

.xtgz .lmbt::after{
background: #c7c7c7;;
}

.xtgz{
  margin-top: .3rem;
}

.jxgzbj{
  height: auto;
}

.xttu, .xtnews
{
  width: 100%;
}

.xttu{
  margin-bottom: .3rem;
}
.xtnews{
  padding: .2rem 0 .2rem 0;
}

.nyleft{
  width: 100%;
}

.nyright{
  flex: none;
  width: 100%;
  margin-left:0;
  margin-top: .4rem;
  margin-bottom: .3rem;
}

.box{
  flex-wrap: wrap;
}

.bttu {
  height: 30vh;
}

.btn-next,
.btn-prev
{
  top: 20%;
}


}




@media screen and (max-width: 900px) {
  
body,
html {
  font-size: 90px;
}

.banner,
div.moduletable-banner,
.flexslider .slides img{
  height: 70vh;
}

.wp{
  top: 70vh;
}

.nybanner{
height:20vh;
}

.nybannerbottom{
display:none;
}

.sytop{
background:linear-gradient(rgba(8,99,94, .5) 70%, rgba(255,255,255, 0) 100%);

}

@media screen and (max-width: 900px) {
  

.banner,
div.moduletable-banner,
.flexslider .slides img{
  height: 50vh;
}

.wp{
  top: 50vh;
}

.djleft{
  width: 50%;
}

.kytwo{
  flex-wrap: wrap;
}

.kynews{
  width: 100%;
  margin-top: .3rem;
}

.footer .box{
  top: 40%;
}

.dbleft{
  display: flex; justify-content: space-between; width: 100%;
}

.dbleft p,
.dbright p{
  display: inline-block;

}

.dbright{
  margin-top: .2rem;
  text-align: center;
  width: 100%;
}

 .topyc,
  .nav{
    display: none;
  }

  .topzc{
    width: 70%;
  }
  .phonenav{
    display: block;
  }


}


    .nav-toggle-btn {
      position: fixed;
      top: 20px;
      right: 20px; 
      width: .5rem;
      height: .5rem;
      line-height: .5rem;
      border-radius: 50%;
      background-color: #f1bb7c;
      color: #fff;
      border: none;
      font-size: 20px;
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
      z-index: 1001; 
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }

    .nav-toggle-btn:active {
      background-color: #f1bb7c;
      transform: scale(0.95);
    }


    .mobile-nav {
      position: fixed;
      top: 0;
      right: 0;
      width: 85%; 
      max-width: 300px; 
      height: 100vh;
      background-color: #fff;
      box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
      overflow-y: auto; 
      z-index: 1000;
      transform: translateX(100%); 
      transition: transform 0.3s ease;
    }

    .mobile-nav.show {
      transform: translateX(0);
    }

    .nav-mask {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 999;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    .nav-mask.show {
      opacity: 1;
      pointer-events: auto;
    }

    .nav-list {
      width: 100%;
      padding-top: 20px; 
    }

    .nav-item {
      border-bottom: 1px solid #eee;
    }

    .nav-trigger {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 20px;
      color: #333;
      font-size: 16px;
      font-weight: 500;
      background-color: transparent;
      border: none;
      width: 100%;
      text-align: left;
      cursor: pointer;
      transition: background-color 0.2s;
    }

.nav-trigger a{
      color: #333;
}

    .nav-trigger:active {
      background-color: #f0f0f0;
    }

    .nav-arrow {
      width: 8px;
      height: 8px;
      border-right: 2px solid #666;
      border-bottom: 2px solid #666;
      transform: rotate(45deg);
      transition: transform 0.3s ease;
    }

    .nav-item.active .nav-arrow {
      transform: rotate(-135deg);
      margin-bottom: 5px;
    }

    .sub-nav {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background-color: #f8f8f8;
    }

    .nav-item.active .sub-nav {
      max-height: 500px;
    }

    .sub-nav-item {
      padding: 12px 20px 12px 30px; 
    }

    .sub-nav-link {
      color: #555;
      font-size: 15px;
      display: block;
      transition: color 0.2s;
    }

    .sub-nav-link:active {
      color: #007aff; 
    }

@media (max-width: 800px) {
  .menu-container {
    width: 100%;
    min-height: auto;
  }

  .sub-menu > li > a {
    padding: 12px 20px 12px 35px;
  }

  .main-menu > li.active > .menu-item-wrap .arrow-icon {
    transform: rotate(-135deg);
  }

  .lbsz img{
    height: 2rem;
  }

 


}



@media screen and (max-width: 700px) {
  

.banner,
div.moduletable-banner,
.flexslider .slides img{
  height: 30vh;
}

.wp{
  top: 30vh;
}



.sytop{
  height: 80px;
}
.fgx{
  display: none;
}

.topzc{
  width: 80%;
}

.dbleft{
  font-size: .36rem;
}

.footer{
  height: 4.5rem; background-size: auto 100%;
}

}

@media screen and (max-width: 500px) {

  .footer .box{
    top: 27%;
  }

}