/* CSS Document */
/*qt：xq*/
* {
   padding: 0;
   margin: 0;
}

html {
   overflow-x: hidden;
   overflow-y: auto;
}

ul,
ol,
li {
   list-style-type: none;
   line-height: normal;
}

body,
button,
input,
select,
textarea {
   font-family: 'Microsoft yahei', Arial;
   font-size: 12px;
}

body {
   float: left;
   width: 100%;
   position: relative;
}

code,
kbd,
pre,
samp {
   font-family: 'Microsoft yahei', Arial;
}

a {
   text-decoration: none;
   color: #333;
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   /*清除IOS系统点击默认事件*/
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
}

a:hover {
   color: #333;
   cursor: pointer;
}

img {
   border: 0;
   max-width: 100%;
}
.newsShow img{
   height: 100%;
}
.activity-content-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
 }
 .activity-content-img:hover {
    transform: scale(1.1);
 }
table {
   border-collapse: collapse;
   border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   font-weight: normal;
   font-family: 'Microsoft yahei', Arial;
}

h1 {
   font-size: 32px;
}

h2 {
   font-size: 24px;
}

h3 {
   font-size: 22px;
}

h4 {
   font-size: 18px;
}

h5 {
   font-size: 14px;
}

h6 {
   font-size: 12px;
}

input,
table,
tr,
td {
   margin: 0;
   padding: 0;
   border: none;
}

button,
table {
   border: none;
   background: none;
   margin: 0;
   padding: 0;
}

select {
   margin: 0;
   padding: 0;
   font-family: 'Microsoft yahei', Arial;
}

textarea {
   resize: none;
}

input {
   outline: 0;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
   display: block;
}

.pz_top {
   float: left;
   width: 100%;
}

.pz_banner {
   float: left;
   width: 100%;
   overflow: hidden;
   position: relative;
   height: 100vh;
}
.show-xm{display:block!important}
.show-xs{display:none!important}
@media screen and (max-width:980px) {
.show-xm{display:none!important;}
.show-xs{display:block!important;margin-top: 50px;height: 82%;}
}
@media screen and (max-width:1199px) {
   .pz_banner {
      margin-top: 80px;
   }
}

@media screen and (max-width:768px) {
   .pz_banner {
      margin-top: 50px;
   }
}

.pz_main {
   float: left;
   width: 100%;
}

.pz_down {
   float: left;
   width: 100%;
   background:#06612E;
}

.toph{width:100%;height: 98px; float:left}
/*pc版头部*/
.top1 {
   width: 100%;
   height: 98px;
   background: rgba(255, 255, 255, 1);
   z-index: 1010;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 22;
}

.top1.active {
    border-bottom:1px solid rgba(255, 255, 255, 1);
   /*background-color: #fff;*/
   -webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
   -o-box-shadow: 0 2px 6px #aaa;
   box-shadow: 0 2px 6px #aaa;
}

.top1 .logo {
   float: left;
   width: 388px;
   height: 72px;
   margin: 13px 0 0 0;
   /* -webkit-animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
   animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite; */
}

@-webkit-keyframes boun {

   from,
   to {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
   }

   80% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
   }
}

@keyframes boun {

   from,
   to {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
   }

   80% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
   }
}


.menu {
   float: right;
   height: 98px;
}

.menu .nli {
   float: left;
   z-index: 15;
   position: relative;
   padding: 0 24px;
}

.menu .nli span a {
   display: block;
   float: left;
   font-size: 16px;
   height: 98px;
   line-height: 98px;
   padding: 0 4px;
   color: #3D3D3D;
   position: relative;
}

.menu .nli span a i {
   display: block;
   position: absolute;
   left: 50%;
   bottom: 0;
   width: 0;
   height: 2px;
   background: #3f5d99;
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
}

.menu .nli span a:hover,
.menu .nli.on span a {
   color: #06612E;
}

.menu .nli span a:hover i,
.menu .nli.on span a i {
   left: 0;
   width: 100%;
}

.menu .sub {
   position: absolute;
   width: 160px;
   left: 50%;
   margin-left: -80px;
   top: 73px;
   display: none;
   overflow: hidden;
   padding: 20px 0;
   border-top: 4px solid #06612E;
   background: #ffffff;
}

.menu .sub .section-nav1 {
   overflow: hidden;
}

.menu .sub .li2 {
   position: relative;
   float: left;
   width: 100%;
}

.menu .sub .li2 a {
   display: block;
   float: left;
   width: 100%;
   height: 48px;
   line-height: 48px;
   text-align: center;
   color: #333333;
   font-size: 16px;

}

.menu .sub .li2:hover a {
   color: #06612E;
   background: #EDEDED;
}

.search {
   float: right;
   width: 48px;
   height: 48px;
   margin: 26px 0 0 48px;
   cursor: pointer;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
  
}

.search .search-bg {
   display: block;
   width: 48px;
   height: 48px;

}

.search .search-icon {
   display: block;
   width: 24px;
   height: 24px;
   position: absolute;
}

@media screen and (max-width:1199px) {
   .search {
      margin: 0;
      position: absolute;
      top: 16px;
      right: 80px;
   }
}

@media (min-width: 1200px) {
   .menu .nli {
      padding: 0 14px;
   }

   .search {
      margin: 26px 0 0 28px;
   }
}


/*phone版头部*/
.top2 {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 80px;
   background: #fff;
   z-index: 1030;
}

.top2.active {
   -webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
   -o-box-shadow: 0 2px 6px #aaa;
   box-shadow: 0 2px 6px #aaa;
}

.top2 .logo {
   float: left;
   height: 80px;
   display: flex;
   align-items: center;
   width: 200px;
}

/*手机按钮*/
.menuph {
   position: absolute;
   top: 15px;
   right: 15px;
   cursor: pointer;
   width: 50px;
   height: 50px;
   /*background: #06612E;*/
   text-align: center;
}

.menuph .point {
   display: inline-block;
   width: 28px;
   height: 22px;
   margin-top: 14px;
   position: relative;
}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
   width: 28px;
}

.menuph .navbtn {
   position: absolute;
   top: 10px;
   right: 0;
   display: inline-block;
   width: 21px;
   height: 2px;
   background: #146a3a;
   -webkit-transition: all .3s ease-out 0s;
   -moz-transition: all .3s ease-out 0s;
   -ms-transition: all .3s ease-out 0s;
   -o-transition: all .3s ease-out 0s;
   transition: all .3s ease-out 0s;
}

.menuph .navbtn::after,
.menuph .navbtn::before {
   content: '';
   position: absolute;
   right: 0;
   display: inline-block;
   width: 28px;
   height: 2px;
   background: #146a3a;
   -webkit-transition: all .3s ease-out 0s;
   -moz-transition: all .3s ease-out 0s;
   -ms-transition: all .3s ease-out 0s;
   -o-transition: all .3s ease-out 0s;
   transition: all .3s ease-out 0s;
}

.menuph .navbtn::after {
   top: -11px;
}

.menuph .navbtn::before {
   top: 10px;
}

.menuph .point.active .navbtn {
   background: transparent;
}

.menuph .point.active .navbtn::after {
   top: 0px;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}

.menuph .point.active .navbtn::before {
   top: 0px;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
@media (max-width: 1200px){
    .toph{height:80px;}
}
@media screen and (max-width:767px) {
   .top2 {
      height: 50px;
   }
   .toph{height:50px;}
   .top2 .logo {
      height: 50px;
   }

   .top2 .menuph {
      top: 5px;
      right: 15px;
      width: 40px;
      height: 40px;
   }

   .top2 .menuph .point {
      width: 22px;
      height: 19px;
      margin-top: 10px;
   }

   .top2 .menuph .point:hover .navbtn,
   .top2 .menuph .point:hover .navbtn::after,
   .top2 .menuph .point:hover .navbtn::before {
      width: 22px;
   }

   .top2 .menuph .navbtn {
      top: 9px;
      width: 16px;
   }

   .top2 .menuph .navbtn::after,
   .top2 .menuph .navbtn::before {
      width: 22px;
   }

   .top2 .menuph .navbtn::after {
      top: -9px;
   }

   .top2 .menuph .navbtn::before {
      top: 9px;
   }

   .search {
      margin: 0;
      position: absolute;
      top: 6px;
      right: 70px;
      width: 38px;
      height: 38px;
   }

   .search .search-bg {
      width: 38px;
      height: 38px;
   }

   .search .search-icon {
      width: 16px;
      height: 16px;
   }
}


/*手机下拉*/
.xialaph {
   position: fixed;
   top: 80px;
   left: 0;
   width: 100%;
   max-height: 100%;
   overflow-y: auto;
   background: url(../images/bg_nav.png);
   display: none;
   z-index: 1049;
}

.xialaph .ul1 {
   padding-bottom: 50px;
   border-top: 1px solid #fff;
}

.xialaph li {
   border-bottom: 1px solid #fff;
   padding: 0 15px;
}

.xialaph .ul2,
.xialaph .ul3 {
   display: none;
   border-top: 1px solid #fff;
   position: relative;
}

.xialaph .ul2>li:last-child {
   border-bottom: 0 none;
}

.xialaph .ul3>li:last-child {
   border-bottom: 0 none;
}

.xialaph h4 a {
   color: #333;
   font-size: 16px;
   font-weight: bold;
   line-height: 62px;
}

.xialaph h5 a {
   color: #333;
   font-size: 16px;
   line-height: 57px;
}

.xialaph h4,
.xialaph h5 {
   position: relative;
}

.xialaph h4 i,
.xialaph h5 i {
   display: block;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -9px;
   width: 12px;
   height: 12px;
   border-bottom: 2px solid #333;
   border-right: 2px solid #333;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -ms-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
}

.xialaph h4.active i,
.xialaph h5.active i {
   margin-top: -3px;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -ms-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   transform: rotate(-135deg);
}

.xialaph .ul2 {
   padding: 10px 0;
}

.xialaph .ul3 {
   padding: 5px 0;
}

.xialaph .ul3 li a {
   color: #666;
   font-size: 14px;
   line-height: 35px;
   display: block;
}

.xialaph .ul3 li {
   padding-top: 5px;
}

.xialaph .phsou {
   position: relative;
   margin-top: 30px;
}

.xialaph .phsou input {
   width: 100%;
   height: 56px;
   background-color: #fff;
   color: #aaa;
   font-size: 14px;
   padding-left: 20px;
   border: 1px solid #e5e5e5;
}

.xialaph .phsou img {
   cursor: pointer;
   width: 21px;
   height: 22px;
   position: absolute;
   top: 17px;
   right: 29px;
}

.xialaph .try {
   text-align: center;
   padding: 30px 0 0 0;
}

.xialaph .try a {
   display: inline-block;
   width: 120px;
   background: #80b63b;
   font-size: 16px;
   color: #fff;
   line-height: 50px;
}

.phonemeng {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0.6;
   z-index: 196;
   display: none;
}

@media screen and (max-width:767px) {
   .xialaph {
      top: 50px;
   }
   .inexBanner {
      height: 270px;
      margin-top: unset !important;
   }
   .search-big-box .search-box {
      margin: 233px auto !important;
   }
   .xialaph h4 a {
      font-size: 14px;
      line-height: 42px;
   }

   .xialaph h5 a {
      color: #333;
      font-size: 14px;
      line-height: 38px;
   }

   .xialaph h4 i,
   .xialaph h5 i {
      margin-top: -6px;
      width: 8px;
      height: 8px;
      border-bottom: 1px solid #333;
      border-right: 1px solid #333;
   }

   .xialaph h4.active i,
   .xialaph h5.active i {
      margin-top: -2px;
   }

   .xialaph .ul3 li a {
      color: #666;
      font-size: 12px;
      line-height: 30px;
      display: block;
   }

   .xialaph .ul3 li {
      padding-top: 5px;
   }
}

/*banner*/
.banner {
    float: left;
   width: 100%;
  position: relative;
  overflow: hidden;
}
.inexBanner {
   margin-top: 98px;
}
.banner .swiper-slide {
  position: relative;
}

.banner .swiper-slide .tit {
  position: absolute;
  bottom: 27px;
  z-index: 2;
  width: 100%;
  left: 0;
  color: #fff;
}
.banner .swiper-slide .show-xs img {
  height: 250px;
}

.banner .swiper-slide::after {
  content: "";
  width: 100%;
  padding: 45px 0;
  background: rgba(255, 255, 255, 0.04);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.banner .dot .swiper-pagination {
  position: absolute;
  width: 100%;
  max-width: 1500px;
  bottom: 28px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  text-align: right;
}

.banner .dot .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  position: relative;
  background: transparent;
  margin: 0 5px;
  opacity: 1;
  cursor: pointer;
}

.banner .dot .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  margin-top: -2px;
  background: #fff;
  border-radius: 50%;
}

.banner .dot .swiper-pagination .ui-loop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  /*opacity: 0;*/
  transition: all .3s;
}

.banner .dot .swiper-pagination .ui-loop svg {
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s;
}

.banner .dot .swiper-pagination .swiper-pagination-bullet .ui-loop {
  opacity: 0;
}

.banner .dot .swiper-pagination .swiper-pagination-bullet-active .ui-loop {
  opacity: 1;
}

.banner .dot .swiper-pagination .ui-loop .path-loop-bg {
  fill: none;
  width: 100%;
  height: 100%;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  opacity: 0;
}

.banner .dot .swiper-pagination .ui-loop .path-loop {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  opacity: 0;
  transition: opacity .3s 1s;
}

.banner .dot .swiper-pagination .swiper-pagination-bullet-active .ui-loop .path-loop-bg {
  opacity: .2;
}

.banner .dot .swiper-pagination.swiper-pagination span.swiper-pagination-bullet-active .ui-loop {
  opacity: 1;
}

.banner .dot .swiper-pagination.swiper-pagination span.swiper-pagination-bullet-active .path-loop {
  opacity: 1;
}

.banner .jt {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  background-size: 18px;
  transition: all ease .5s;
}

.banner .swiper-button-prev {
  left: -100%;
}

.banner .swiper-button-next {
  right: -100%;
}

.banner:hover .swiper-button-prev {
  left: 72px;
}

.banner:hover .swiper-button-next {
  right: 72px;
}



/*main*/

/*down*/


/*search*/
.search-big-box {
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 29999;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.8);
}

.search-big-box.show {
   display: block;
}

.search-big-box .close-search {
   position: absolute;
   right: 40px;
   top: 40px;
   width: 14px;
   height: 14px;
   cursor: pointer;
   z-index: 1;
}

.search-big-box .close-search img {
   display: block;
   width: 14px;
   height: 14px;
}

.search-big-box .search-box {
   margin: 333px auto;
   max-width: 400px;
   text-align: center;
   position: relative;
}

.search-big-box .search-box input {
   width: 100%;
   line-height: 20px;
   padding: 9px 45px 9px 15px;
   box-sizing: border-box;
   border: none;
   border-radius: 18px;
}

.search-big-box .search-box img {
   position: absolute;
   right: 20px;
   top: 50%;
   transition: all ease 0.3s;
   transform: translateY(-50%);
   width: 20px;
   height: 20px;
   border: none;
   cursor: pointer;
   z-index: 2;
}

@media screen and (max-device-width: 320px) {
   body {
      -webkit-text-size-adjust: none
   }
}

@media screen and (max-device-width: 480px) {
   body {
      -webkit-text-size-adjust: none
   }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
   body {
      -webkit-text-size-adjust: none
   }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1243px) {
   body {
      -webkit-text-size-adjust: none
   }
  
}

/* 首页 */
.plate-title {
   display: flex;
   height: 42px;
   align-items: center;
   justify-content: space-between;
}

.plate-title .title {
   display: flex;
   height: 42px;
   align-items: center;

}

.plate-title .title .left {
   font-size: 32px;
   font-weight: bold;
   color: #333333;
   margin-right: 10px;
}

.plate-title .title .right {
   padding-top: 9px;
   height: 42px;
}

.plate-title .title .right span {
   display: block;
   width: 44px;
   height: 4px;
   background: #06612E;
}

.plate-title .title .right div {
   margin-top: 8px;
   font-size: 14px;
   height: 18px;
   line-height: 18px;
   font-weight: bold;
   color: #999999;
}

.plate-title .more {
   cursor: pointer;
   font-size: 14px;
   color: #999999;
}

.plate-title .donate {
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   font-size: 16px;
   color: #06612E;
   width: 160px;
   height: 48px;
   border-radius: 100px;
   background: #FFFFFF;
   box-sizing: border-box;
   border: 1px solid #06612E;
}
.plate-title .donate:hover{background:#06612E;color:#fff;-webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;}

.plate-1 {
   display: flex;
   justify-content: space-between;
}


.news-box-1 {
   margin-top: 56px;
   padding-top: 24px;
   flex: 1;
}

.news-box-1 .news-box-1-1 {
   margin-top: 32px;
   display: flex;
}

.news-box-1 .news-box-1-1 .img {
   width: 450px;
   height: 247px;
   margin-right: 32px;
   overflow:hidden;
}

.news-box-1 .news-box-1-1 .img img {
   display: block;
   width: 100%;
}

.news-box-1 .news-box-1-1 .right {
   flex: 1;
}

.news-box-1 .news-box-1-1 .right .title {
   font-size: 20px;
   font-weight: bold;
   line-height: 36px;
   height: 72px;
   text-align: justify;
   color: #3D3D3D;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.news-box-1 .news-box-1-1 .right .describe {
   margin-top: 16px;
   font-family: MicrosoftYaHei;
   font-size: 16px;
   line-height: 28px;
   height: 84px;
   text-align: justify;
   color: #999999;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}

.news-box-1 .news-box-1-1 .right .time {
   margin-top: 45px;
   font-size: 16px;
   color: #999999;
}
.news-box-1 .news-box-1-1:hover .right .title{
    color:#06612E;
}
.news-box-1 .news-box-1-1:hover img{
     transform: scale(1.1);
}
.news-box-1-2 {
   margin-top: 8px;
}

.news-box-1-2 .item {
   display: flex;
   align-items: center;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   height: 76px;
   font-size: 16px;
   color: #333333;
   position: relative;
   cursor: pointer;
   -webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
}

.news-box-1-2 .item::before {
   content: "";
   display: block;
   position: absolute;
   z-index: 2;
   left: 0;
   bottom: 0;
   width: 100%;
   border-bottom: 1px dashed #E5E5E5;
}

.news-box-1-2 .item::after {
   content: "";
   display: block;
   position: absolute;
   z-index: 3;
   left: 50%;
   width: 0;
   bottom: 0;
   border-bottom: 1px solid #06612E;
   -webkit-transition: all 0.4s ease-out 0s;
   -moz-transition: all 0.4s ease-out 0s;
   -o-transition: all 0.4s ease-out 0s;
   transition: all 0.4s ease-out 0s;
}

.news-box-1-2 .item:hover {
   color: #06612E;
}

.news-box-1-2 .item:hover::after {
   left: 0;
   width: 100%;
}

.news-box-1-2 .item .time {
   margin-right: 16px;
}

.news-box-2 {
   width: 448px;
   background: #FAFAFA;
   margin: 56px 0 0 40px;
   padding: 24px 24px 0 24px;
}

.news-box-2-1 {
   margin: 0 -24px;
   margin-top: 15px;
}

.news-box-2-1 .item {
   display: flex;
   position: relative;
   height: 100px;
   cursor: pointer;
   align-items: center;
   justify-content: space-between;
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   padding-right: 24px;
}

.news-box-2-1 .item .time {
   width: 96px;
   text-align: center;
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   color: #06612E;
   margin-right: 16px;
}

.news-box-2-1 .item .time .day {
   height: 42px;
   line-height: 42px;
   font-size: 32px;
   font-weight: bold;
}

.news-box-2-1 .item .time .years {
   height: 18px;
   line-height: 18px;
   font-size: 14px;
}

.news-box-2-1 .item .title {
   flex: 1;
   font-size: 16px;
   line-height: 28px;
   text-align: justify;
   letter-spacing: 0em;
   color: #333333;
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.news-box-2-1 .item::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 24px;
   right: 24px;
   border-bottom: 1px dashed #D9D9D9;
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
}

.news-box-2-1 .item:first-child::before {
   display: none;
}

.news-box-2-1 .item::after {
   content: "";
   display: block;
   position: absolute;
   left: 96px;
   height: 48px;
   width: 1px;
   background: #D9D9D9;
   -webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
   -o-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
}

.news-box-2-1 .item:hover {
   background: #06612E;
}

.news-box-2-1 .item:hover .time,
.news-box-2-1 .item:hover .title {
   color: #ffffff;
}

.news-box-2-1 .item:hover::before {
   display: none;
}

.news-box-2-1 .item:hover::after {
   background: #ffffff;
}

@media screen and (max-width:1199px) {
   .plate-1 {
      flex-direction: column;
   }

   .news-box-2 {
      width: 100%;
      margin: 56px 0 0 0;
      padding: 24px 24px 0 24px;
   }
}

@media screen and (max-width:768px) {
   .news-box-1 {
      margin-top: 0;
   }

   .news-box-1 .news-box-1-1 {
      flex-direction: column;
   }

   .news-box-1 .news-box-1-1 .img {
      width: 100%;
      height: unset;
      margin: 0;
   }

   .news-box-1 .news-box-1-1 .right .title,
   .news-box-1 .news-box-1-1 .right .describe {
      height: auto;
   }

   .news-box-1 .news-box-1-1 .right {
      margin-top: 20px;
   }

   .news-box-1 .news-box-1-1 .right .time {
      margin-top: 10px;
   }

   .news-box-2 {
      margin: 30px -15px 0 -15px;
      width: auto;
      padding: 15px 12px 0 15px;
   }

   .news-box-2-1 {
      margin: 0 -15px;
      margin-top: 15px;
   }
}

.plate-2 {
   margin-top: 64px;
   display: flex;
   justify-content: space-between;
}

.serve-title {
   width: 200px;
   height: 200px;
   background: #06612E;
   color: #FFFFFF;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.serve-title div {
   height: 42px;
   line-height: 42px;
   font-size: 32px;
   font-weight: bold;
}

.serve-title span {
   height: 18px;
   line-height: 18px;
   font-size: 14px;
   color: #FFFFFF;
}

.serve-list {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: space-around;
}

.serve-list .item {
   /*width: 20%;*/
   padding-top: 28px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.serve-list .item .icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   background: #FAFAFA;
}

.serve-list .item .icon img {
   display: block;
}
.serve-list .item .icon:hover{
      transition: transform 1s; 
  transform-style: preserve-3d; 
   transform: rotateY(180deg); 
 
}
.serve-list .item .icon:after{
    transition: opacity 0.2s ease-in-out;
}
.serve-list .item .title {
   margin-top: 16px;
   height: 22px;
   line-height: 22px;
   font-size: 16px;
   color: #333333;
}

@media screen and (max-width:768px) {
   .plate-2 {
      margin-top: 30px;
      flex-direction: column;
   }

   .serve-title {
      width: 100%;
      height: 100px;
      margin: 0;
   }

   .serve-list .item {
      padding: 15px 0;
   }

   .serve-list .item .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #FAFAFA;
   }

   .serve-list .item .title {
      margin-top: 18px;
      height: 22px;
      line-height: 22px;
      font-size: 12px;
   }
    .banner .dot .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;}
    .banner .dot .swiper-pagination{bottom:0;}
}

.plate-3 {
   margin-top: 64px;
   padding: 84px 0 120px 0;
   background: #FAFAFA url(../images/20366.png) no-repeat bottom right;
}


.news-box-3 {
   margin: 0;
   padding: 0;
}

.news-box-1-3 {
   margin-top: 8px;
}

.news-box-1-3 .item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 32px;
   height: 222px;
   margin-top: 24px;
   background: #ffffff;
}

.news-box-1-3 .item .img {
   width: 298px;
   height: 158px;
   margin-right: 24px;
      overflow:hidden;
}

.news-box-1-3 .item .img img {
   display: block;
   width: 100%;
   height: 100%;
      object-fit: cover;
    transition: 0.2s;
   
   
}

.news-box-1-3 .item .right {
   flex: 1;
}

.news-box-1-3 .item .right .title {
   height: 72px;
   font-size: 20px;
   font-weight: bold;
   line-height: 36px;
   text-align: justify;
   color: #3D3D3D;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.news-box-1-3 .item .right .describe {
   margin-top: 16px;
   height: 56px;
   opacity: 1;
   font-size: 16px;
   line-height: 28px;
   text-align: justify;
   color: #999999;
   word-break: break-all;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.news-box-1-3 .item:hover .img img{
     transform: scale(1.1);
}
.news-box-1-3 .item:hover .right .title{
    color:#06612E
}
.news-box-4 {
   width: 448px;
   margin: 0 0 0 40px;
   padding: 0;
}


@media screen and (max-width:1199px) {
   .news-box-4 {
      width: 100%;
      margin: 30px 0 0 0;
      padding: 0;
   }
}


@media screen and (max-width:768px) {
   .plate-3 {
      margin-top: 30px;
      padding: 30px 0;
   }

   .news-box-1-3 .item {
      flex-direction: column;
      height: auto;
      padding: 15px;
      width:100%;
      float:left;
   }

   .news-box-1-3 .item .img {
      width: 100%;
      height: auto;
      margin-right: 0;
   }

   .news-box-1-3 .item .img img {
      width: 100%;
      height: auto;
   }

   .news-box-1-3 .item .right {
      margin-top: 15px;
      width: 100%;
      flex: 1;
   }
   .news-box-1-3 .item .right .title{
       font-size: 14px;
       line-height: 24px;
       height:52px;
   }
   .news-box-1-3 .item .right .describe{
       font-size: 12px;
       line-height: 22px;
       margin-top:0;
       height:auto;
   }
   .plate-title .donate{width: 120px;height: 38px;}
}

.plate-k{ width:100%;float:left; margin-top:32px;border: 1px solid #E5E5E5; padding:1px;}
.plate-k .titk{height:64px;line-height:64px;background:#06612E;}
.plate-k .titk .tit{width:50%; float:left; line-height:64px; font-size:18px;font-weight:400;color:#fff;text-align:center;}
.plate-k .titk .tit:first-child{border-right:1px solid #E5E5E5}
.plate-k .ul{width:100%;float:left;}
.plate-k .ul li{width:100%;float:left;background:#FAFAFA}
.plate-k .ul li:nth-child(2n+1){background: #fff;}
.plate-k .ul li .xm{width:50%;float:left;border-right:1px solid #E5E5E5;color: #333333;font-size: 16px;height: 56px; line-height:56px;text-align:center;}
.plate-k .ul li .sj{width:50%;float:left;color: #333333;font-size: 16px;height: 56px; line-height:56px;text-align:center;}

.story{display: flex;justify-content: space-between; margin-top:83px;}

.story .shuzi{ display: flex;justify-content: space-between; align-items: center;margin-top:40px;}
.story .shuzi .jsz{display: flex;align-items: center;width:100%;}
.story .shuzi .szk{width:25%; float:left;}
.story .shuzi .szk .top{width:100%; float:left;}
.story .shuzi .szk .top .szkk{float:left; position:relative}
.story .shuzi .szk .top .sz{font-size:48px;color:#06612E;float:left;font-weight: bold;}
.story .shuzi .szk .top .nian{font-size:16px;color:#06612E;float:left;font-weight: bold;position:absolute;bottom:10px;right:-18px;}
.story .shuzi .szk .down{width:100%;float:left;font-size:16px;color: #333333; margin-top:10px;}
@media screen and (max-width:1199px){
    .story .shuzi{margin-top:20px;}
    .story .shuzi .szk .top .sz{font-size:38px}
    .story .shuzi .szk .top .nian{font-size:16px;}
    .story .shuzi .szk .down{font-size:12px;}
}
@media screen and (max-width:768px) {
    .story .shuzi .jsz{display:block;}
    .story .shuzi{margin-top:20px;}
    .story .shuzi .szk{width:50%; padding-bottom:20px;}
    .story .shuzi .szk .top .sz{font-size:32px}
    .story .shuzi .szk .top .nian{font-size:12px;}
    .story .shuzi .szk .down{font-size:12px;}
}


.pz_down .logok{width:100%;float:left; border-bottom: 1px solid rgba(216, 216, 216, 0.1); padding:30px 0;}
.pz_down .logok .logo{float:left;}
.pz_down .nav{width:100%; float:left;padding-top:20px;border-bottom: 1px solid rgba(216, 216, 216, 0.1);}
.pz_down .nav li{float:left;width:13%;}
.pz_down .nav li.l1{width:16%}
.pz_down .nav li.l2{width:22%}
.pz_down .nav li.l3{width:22%}
.pz_down .nav li.l4{width:21%}
.pz_down .nav li .bt{width:100%;float:left;font-size: 20px;color: #FFFFFF; padding-bottom:15px}
.pz_down .nav li .lm{width:100%;float:left;font-size:14px;color: #FFFFFF;opacity: 0.6; padding:12px 0}
.pz_down .nav li .lm:hover{opacity: 1;}
.pz_down .links{width:100%;float:left; padding:25px 0;border-bottom: 1px solid rgba(216, 216, 216, 0.1);}
.pz_down .links .bt{float:left;font-size: 14px;color: #FFFFFF;}
.pz_down .links .a{float:left; padding-left:43px;font-size: 14px;color: #FFFFFF;opacity: 0.6;}
.pz_down .bq{width:100%;float:left;font-size: 12px;color: #FFFFFF;opacity: 0.6; line-height:20px;text-align:center; padding:23px 0;}
@media screen and (max-width:768px) {
    .pz_down .nav{display:none;}
    .pz_down .links .a{padding-left:10px}
}

/*新闻*/
.ny_banner{width:100%;float:left}
.news{width:100%;float:left; padding-top:25px;}
.news .leftnav{width:320px;float:left; padding-right:40px;}
.news .leftnav .title{width:100%;float:left;height:80px;line-height:80px; font-size: 24px;font-weight:bold; background:#06612E; border: 1px solid #06612E; text-align:center;color:#fff}
.news .leftnav ul{width:100%;float:left; border: 1px solid #E5E5E5; border-top:none;}
.news .leftnav ul li{width:100%;float:left;height:64px; padding:0 24px;}
.news .leftnav ul li a{width:100%;float:left; font-size: 20px;color: #999999; line-height:64px;text-align:center;  border-bottom: 1px solid #E5E5E5;}
/*.news .leftnav ul li:hover { border-bottom:none;background:#FAFAFA;border-bottom:none;}*/
.news .leftnav ul li:hover a{color: #06612E; }
.news .leftnav ul li.on { border-bottom:none;background:#FAFAFA;border-bottom:none;}
.news .leftnav ul li.on a{color: #06612E; }

.news .list{width: calc(100% - 320px);float: right;}
.news .list .title{width:100%; float:left;border-bottom:1px solid #E5E5E5;padding:20px 0;}
.news .list .title .bt{float:left; font-size: 24px;font-weight:bold;line-height:32px;}
.news .list .title .wz{float:right;color: #999999;font-size:16px;line-height:32px;}
.news .list .title .wz a{color: #999999;font-size:16px;}
.news .list .title .wz a:hover{color:#06612E;}
.news .list .title .wz .on{color:#06612E;}
.news .list .newslist{width:100%;float:left; padding-top:10px;min-height: 470px;}
.news .list .newslist li{width:100%;float:left; padding:24px 0; border-bottom:1px dashed #E5E5E5;}
.news .list .newslist li .yuan{float:left;width:6px;height:6px;background: #06612E;border-radius: 50%; margin-top:7.5px; margin-right:10px;}
.news .list .newslist li .biaoti{width: calc(100% - 106px);float:left;font-size: 16px;color: #333333; line-height:21px;word-break: break-all;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.news .list .newslist li .shijian{float:right;font-size:16px;color: #999999; line-height:21px;}
.news .list .newslist li a{width:100%;float:left;}
.news .list .newslist li a:hover {padding-left:5px;}
.news .list .newslist li a:hover .biaoti{color:#06612E}

/* 分页 */
.flex-center {
  justify-content: center;
}
.flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
}
.pages {
    width:100%;float:left;
   padding: 40px 0;
}

.pages li {
vertical-align: middle;
margin: 0 5px;
}

.pages li i {
  vertical-align: middle;
}

.pages li a {
  display: block;
  color: #999;
  border-radius: 2px;
  /*margin: 0 10px;*/
  width:40px;
  height: 40px;
  border-radius: 2px;
  display: inline-flex;
  line-height: 40px;
  align-items: center;
  justify-content: center;
  font-size:18px;
  border: 1px solid #E5E5E5;
}



.pages li.prev a, .pages li.next a {
  width: 40px;
  border: 1px solid #E5E5E5;
}

.pages li.prev:hover a,
.pages li.next:hover a {
  border-color: #01438A;
  color: #01438A;
}

.pages li span {
  display: block;
  color: #999;
  border-radius: 2px;
  margin: 0 10px;
  height: 40px;
  border-radius: 2px;
  display: inline-flex;
  line-height: 40px;
  align-items: center;
  justify-content: center;
}

.pages li:hover span, .pages li.on span {
  color: #3D3D3D;
}

.pages li.prev span, .pages li.next span {
  width: 40px;
  border: 1px solid #E5E5E5;
}
.pages li a.prev{background:url(../images/prev.png) no-repeat center}
.pages li a.next{background:url(../images/next.png) no-repeat center}

.pages li.num a:hover, .pages li.num .on{
  color: #fff;
  background:#06612E
}
.pages .prev:hover{
    background:url(../images/prevh.png) #06612E no-repeat center
}
.pages .next:hover{
    background:url(../images/nexth.png) #06612E no-repeat center
}
@media screen and (max-width:1199px) {
   .news .leftnav{width:100%;padding-right:0;}
   .news .leftnav .title{height: 50px;line-height: 50px;}
   .news .leftnav ul li{height: 50px;}
   .news .leftnav ul li a{line-height:50px;}
   .news .list{width:100%;}
}
@media screen and (max-width:768px) {
   .news .leftnav .title{height: 35px;line-height: 35px;font-size: 18px;}
   .news .leftnav ul li{height: 35px;}
   .news .leftnav ul li a{line-height:35px;font-size: 16px;}
   .news .list .title{padding:10px 0; }
   .news .list .title .bt{font-size:20px;}
   .news .list .title .wz a{font-size:14px;}
   .news .list .newslist li{padding: 14px 0;}
   .news .list .newslist li .yuan{width:4px;height:4px;}
   .news .list .newslist li .biaoti{font-size:14px;}
   .news .list .newslist li .shijian{font-size:14px;}
   .pages{padding:20px 0;}
   .pages li span{height:30px;}
   .pages li a{height:30px; font-size:14px;}
   .pages li.prev span, .pages li.next span{width:30px;}
   .pages li.prev a, .pages li.next a{width:30px;}
   
}

.newsShow{width:100%;float:left; padding-top:30px;min-height: 410px;}
.newsShow .wz{width:100%;float:left;float:right;color: #999999;line-height:32px;border-bottom:1px solid #E5E5E5;padding:20px 0;}
.newsShow .wz a{color: #999999;font-size:16px;}
.newsShow .wz .on{color:#06612E;}
.newsShow .title{width:100%;float:left;padding:40px 0;}
.newsShow .title .wenzi{padding:0 110px;line-height:48px;font-size: 32px;color: #3D3D3D; text-align:center}
.newsShow .shijian{width:100%; float:left;text-align:center;font-size: 18px;color: #999999; padding-bottom:20px;border-bottom:1px solid #E5E5E5;}
.newsShow .neirong{width:100%; float:left;color: #333333;line-height: 36px;font-size: 18px; padding-top:45px; padding-bottom:95px;border-bottom:1px solid #E5E5E5;}
.newsShow .neirong .tupian{width:100%; text-align:center}
.newsShow .fanye{width:100%;float:left; padding-bottom:85px;}
.newsShow .fanye a{width:100%;float:left; padding-top:35px;color: #666666;color: #666666;font-size: 18px;}
@media screen and (max-width:1199px){

}
@media screen and (max-width:768px) {
    .newsShow{padding-top:0;}
    .newsShow .wz a{font-size:12px;}
    .newsShow .wz{padding:6px 0;}
    .newsShow .title{padding: 20px 0;}
    .newsShow .title .wenzi{padding:0;font-size: 18px;line-height: 30px}
    .newsShow .shijian{font-size: 14px;}
    .newsShow .neirong{font-size: 12px;padding-top: 20px;line-height: 26px;padding-bottom: 45px;}
    .newsShow .fanye{padding-bottom: 45px;}
    .newsShow .fanye a{padding-top: 15px;font-size:14px;}
}