@charset 'utf-8';

/* Slider */

.slick-loading .slick-list {
  /* background: #fff url('./ajax-loader.gif') center center no-repeat; */
}

/* Icons */

@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("./fonts/slick.woff") format("woff"),
    url("./fonts/slick.ttf") format("truetype"),
    url("./fonts/slick.svg#slick") format("svg");
}

/* Arrows */

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 999;
}

/* .slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
} */

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* .slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */

.slick-prev {
  left: 0;
}

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 0;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: 0;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */

.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: none;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }
 
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }
 
 .slick-list:focus {
     outline: none;
 }
 
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
 }
 
 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
 }
 
 .slick-track:before,
 .slick-track:after {
     display: table;
     content: '';
 }
 
 .slick-track:after {
     clear: both;
 }
 
 .slick-loading .slick-track {
     visibility: hidden;
 }
 
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
 }
 
 [dir='rtl'] .slick-slide {
     float: right;
 }
 
 .slick-slide img {
     display: block;
 }
 
 .slick-slide.slick-loading img {
     display: none;
 }
 
 .slick-slide.dragging img {
     pointer-events: none;
 }
 
 .slick-initialized .slick-slide {
     display: block;
 }
 
 .slick-loading .slick-slide {
     visibility: hidden;
 }
 
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
 }
 
 .slick-arrow.slick-hidden {
     display: none;
 }
 * {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
 }
 
 @font-face {
   font-family: sySong;
   src: url("../fonts/sySong.woff") format("woff");
   font-weight: normal;
   font-style: normal;
 }
 
 .icon img {
   transition: all 0.3s;
 }
 
 .icon:hover img {
   animation: icon-yh 0.6s linear;
 }
 
 @keyframes icon-yh {
   0% {
     transform: rotateZ(0);
   }
 
   10% {
     transform: rotateZ(10deg);
   }
 
   20% {
     transform: rotateZ(0);
   }
 
   30% {
     transform: rotateZ(-10deg);
   }
 
   40% {
     transform: rotateZ(0);
   }
 
   50% {
     transform: rotateZ(10deg);
   }
 
   60% {
     transform: rotateZ(0);
   }
 
   70% {
     transform: rotateZ(-10deg);
   }
 
   80% {
     transform: rotateZ(0);
   }
 
   90% {
     transform: rotateZ(10deg);
   }
 
   100% {
     transform: rotateZ(0);
   }
 }
 
 html,
 body {
   color: #000;
   font-size: 16px;
   margin-left: auto !important;
   margin-right: auto !important;
   text-align: left;
   overflow-x: hidden;
 }
 
 li {
   list-style: none;
 }
 
 a {
   text-decoration: none;
 }
 
 img,
 input {
   border: 0;
   outline: none;
 }
 
 .wap {
   display: none;
 }
 
 .flex {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap
 }
 
 .flex-left {
   display: flex;
   flex-wrap: wrap
 }
 
 .flex-center {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 
 .flex-right {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
 }
 
 .flex-v-center {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   justify-content: center
 }
 
 .flex-v {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
 .flex-v-bottom {
   display: -webkit-flex;
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   justify-content: left;
 }
 
 .top>img.wap {
   display: none;
 }
 
 body .clear {
   float: none !important;
   clear: both;
   height: 0 !important;
   width: 0 !important;
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
 }
 
 .pic {
   padding-top: 75%;
   position: relative;
   overflow: hidden;
 }
 
 .pic img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transition: all 0.5s;
 }
 
 .pic img:hover {
   transform: scale(1.2);
   cursor: pointer;
 }
 
 .px1400 {
   max-width: 1415px;
   margin: 0 auto;
   position: relative;
 }
 
 .tops {
   padding-top: 79px;
   padding-bottom: 25px;
   /* background: url(../images/top_sy.png) 60% center #DAAF70 no-repeat; */
   height: auto;
   overflow: hidden;
   position: absolute;
   width: 100%;
 }
 
 .d_banner {
   width: 100%;
   height: auto;
   overflow: hidden;
 }
 
 .d_banner img {
   width: 100%;
   display: block;
   margin: 0 auto;
 }
 
 .tops>div {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
 
 .head_box {
   z-index: 999;
   width: 100%;
   position: relative;
 }
 
 .fl {
   float: left;
 }
 
 .logo a {
   display: block;
 }
 
 .logo a img {
   display: block;
   width: 100%;
 }
 
 .fr {
   float: right;
 }
 
 .linkhome {
   background: url(../images/ico_home.png) left center no-repeat;
   position: absolute;
   left: calc(100% - 290px);
 }
 
 .linkhome a {
   color: #fff;
   font-size: 14px;
   line-height: 36px;
   padding-left: 20px;
 }
 
 .linkhome a:hover {
   opacity: 0.8;
 }
 
 .search {
   position: relative;
   width: 300px;
   border: 0;
   height: 48px;
   margin-top: 0;
   line-height: 48px;
   overflow: hidden;
   background: #fff;
   border-radius: 50px;
   border: #ba0c31 1px solid;
 }
 
 .search div {
 
 }
 
 .search a {
   display: inline-block;
 }
 
 .search a:hover {
   opacity: 0.85;
 }
 
 .search span {
   display: inline-block;
   font-size: 14px;
   color: #16397b;
   margin-right: 20px;
 }
 
 .search span:nth-child(1) {
   margin-right: 15px;
 }
 
 .search input[type="text"] {
  font-size: 16px;
     width: 230px;
     height: 46px;
     padding-left: 15px;
     color: #333;
     line-height: 46px;
     background: none;
     border-radius: 0;
     float: left;
 }
 
 .search input[type="text"]::placeholder {
   font-size: 16px;
   color: #bfc0bf;
 }
 
 .search .btn {
   float: right;
   width: 60px;
   height: 48px;
   line-height: 40px;
   padding: 0 0 0 0;
   position: absolute;
   color: #fff;
   font-size: 16px;
   background: url(../images/search.png) center no-repeat #ba0c31;
   cursor: pointer;
   float: left;
   position: absolute;
   right: 0;
 }
 
 .search img {
   position: absolute;
   right: 15px;
   top: 50px;
 }
 
 .head.on .nav {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 99999;
   border: none;
   box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
 }
 
 /*  */
 .nav {
   height: 100px;
   line-height: 100px;
   background-color: #39b54a;
   /* box-shadow: 0 3px 3px #71717142; */
   position: relative;
   z-index: 9;
   top: -10px;
 }
 
 .nav>ul {
   font-size: 0;
 }
 
 .nav>ul>li {
   display: block;
   text-align: center;
   position: relative;
   /* width: 11.5%; */
   line-height: 100px;
   height: 100px;
   margin-bottom: 0;
   float: left;
   transition: all 0.6s;
 }
 
 .nav>ul>li:hover {
   
   transition: all 0.6s;
   border-bottom: 10px solid #ffffff;
   border-top: 10px solid #ffffff;
 }
 
 .nav>ul>li:hover::after {
  
 }
 
 
 
 .nav>ul>li:first-child {
   margin-left: 0;
   border: 0;
   /* width: 8%; */
 }
 
 .nav>ul>li>a {
   font-size: 26px;
   color: #fff;
   text-align: center;
   font-weight: normal;
   position: relative;
   display: block;
   height: 100px;
   line-height: 100px;
   font-weight: bold;
   padding: 0 15px;
 }

 
 /*???’???￥??a�????o???￠?￠a�??????￠???’??????a�??￠a??a?￠??a�????¨*/
 
 .foot {
   background: #AE092C;
   height: auto;
   overflow: hidden;
   padding: 0 0 0 0;
 }
 
 .end_link {
   font-size: 14px;
   color: #d0dded;
   width: 100%;
   height: 60px;
   line-height: 60px;
   border-bottom: #739aca 1px solid;
 }
 
 .end_link h2 {
   font-size: 14px;
   font-weight: normal;
   display: inline;
   float: left;
   position: relative;
   width: 80px;
   overflow: hidden;
 }
 
 .end_link ul {
   width: 100%;
 }
 
 .end_link li {
   float: left;
 }
 
 .end_link li a {
   color: #d0dded;
   padding: 0 20px;
 }
 
 .end_link li a:hover {
   color: #fff;
 }
 
 .copyright {
   width: 100%;
   padding: 30px 0;
   height: auto;
   overflow: hidden;
   background-size: 22%;
 }
 
 .foot-l {
   color: #fff;
   float: left;
   width: 33.33%;
 }
 
 .foot-l img {
   margin-bottom: 15px;
 }
 
 .foot-l p {
   font-size: 14px;
   line-height: 32px;
   color: #fff;
 }
 
 .foot-l p a {
   color: #fff;
 }
 
 .foot-c {
   width: 30%;
   vertical-align: middle;
   margin-top: 2%;
 }
 
 .foot-c a {
   display: block;
   width: 33.33%;
   text-align: center;
   /* height: 100px; */
   text-align: center;
 }
 
 .foot-c img {
   vertical-align: middle;
   display: block;
   text-align: center;
   margin: 0 auto;
 }
 
 .foot-r {
   padding: 0 0 0 0;
 }
 
 .foot-r a {
   display: block;
   width: 50%;
   text-align: center
 }
 
 .foot-r a img {
   display: block;
   margin: 0 auto;
 }
 
 .foot-r a span {
   display: block;
   width: 100%;
   text-align: center;
   color: #fff;
   margin: 15px auto 0 auto;
 }
 
 .foot-r p {
   font-size: 14px;
   line-height: 38px;
   color: #d0dded;
 }
 
 
 
 /*  */
 .r_slider {
   width: 60px;
   height: auto;
   position: fixed;
   right: 10px;
   top: 45%;
   background: #fff;
   box-shadow: 1px 2px 5px #00000063;
   border-radius: 50px;
   padding: 15px 0;
 }
 
 
 .r_slider li {
   position: relative;
 }
 
 .r_slider li a {
   position: relative;
   display: block;
 }
 
 .r_slider li i {
   display: block;
   width: 30px;
   height: 30px;
   margin: 20px auto;
 }
 
 .r_slider li span {
   display: none;
   position: absolute;
   left: -110px;
   top: -10px;
   background: url(../images/r_spanbg.png) right center no-repeat;
   width: 100px;
   height: 50px;
   line-height: 50px;
   font-size: 14px;
   text-align: center;
   color: #fff;
   transition: all 0.3;
 }
 
 .r_slider li a:hover span {
   display: block;
   transition: all 0.3;
 }
 
 .r_slider .r_ico1 {
   background: url(../images/r_ico1.png) center no-repeat;
 }
 
 .r_slider .r_ico2 {
   background: url(../images/r_ico2.png) center no-repeat;
 }
 
 .r_slider .r_ico3 {
   background: url(../images/r_ico3.png) center no-repeat;
 }
 
 .r_slider .r_ico4 {
   background: url(../images/r_ico4.png) center no-repeat;
 }
 
 .r_slider .r_ico5 {
   background: url(../images/r_ico5.png) center no-repeat;
 }
 
 .r_slider .r_ico6 {
   background: url(../images/r_ico6.png) center no-repeat;
 }
 
 .r_slider li:hover .r_ico1 {
   background: url(../images/r_ico1hover.png) center no-repeat;
 }
 
 .r_slider li:hover .r_ico2 {
   background: url(../images/r_ico2hover.png) center no-repeat;
 }
 
 .r_slider li:hover .r_ico3 {
   background: url(../images/r_ico3hover.png) center no-repeat;
 }
 
 .r_slider li:hover .r_ico4 {
   background: url(../images/r_ico4hover.png) center no-repeat;
 }
 
 .r_slider li:hover .r_ico5 {
   background: url(../images/r_ico5hover.png) center no-repeat;
 }
 
 .r_slider li:hover .r_ico6 {
   background: url(../images/r_ico6hover.png) center no-repeat;
 }
 
 @media screen and (max-width: 1440px) {}
 
 @media screen and (max-width: 1320px) {
   .tops {
     padding-top: 40px;
   }
 
   .nav {
     height: 60px;
     line-height: 60px;
   }
 
   .nav>ul>li {
     height: 60px;
     line-height: 60px;
   }
 
   .nav>ul>li>a {
     font-size: 18px;
     height: 60px;
     line-height: 60px;
   }
 
   .nav>ul>li>div {
     top: 60px;
   }
 
   .nav>ul>li>div>ul>li a {
     font-size: 16px;
     line-height: 42px;
   }
 }
 
 @media screen and (max-width: 1200px) {
   .logo a {
     width: 700px;
   }
 
 
 }
 
 @media screen and (max-width: 1100px) {
   .search {
     width: 300px;
   }
 
   .search input[type="text"] {
     width: 205px;
   }
 }
 
 @media screen and (max-width: 1420px) {
   .px1400 {
     padding-left: 10px;
     padding-right: 10px;
   }
 
   .logo a img {
     width: auto;
   }
 
 }
 
 @media screen and (max-width: 1024px) {
   .foot-l {}
 
   .foot-l p {
     font-size: 14px;
     line-height: 24px;
   }
 
   .foot-l h2 {
     font-size: 20px;
   }
 
   .foot-r {
     /* width: 100%; */
   }
 
   .link_yq .list a {
     font-size: 14px;
     line-height: 24px;
     padding: 0 15px;
     margin: 0 auto;
     display: block;
     float: left;
   }
 
   body {
     padding-top: 60px;
   }
 
   .pc {
     display: none;
   }
 
   .wap {
     display: block;
   }
 
   .b-top {
     display: none;
   }
 
   .m-head {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     background: #DAAF70;
     padding: 10px;
     z-index: 999;
     box-shadow: 0 5px 5px rgb(0 0 0 / 20%);
   }
 
   .banner .slick-dots::after {
     background: none !important;
   }
 
   .m-logo {
     font-size: 0;
   }
 
   .m-logo a {
     font-size: 0;
     line-height: 40px;
   }
 
   .m-logo img {
     max-height: 40px;
     max-width: 80%;
     vertical-align: middle;
   }
 
   .m-tlink {
     padding: 10px 15px 0 15px;
   }
 
   .m-tlink a {
     font-size: 14px;
     margin-right: 15px;
     margin: 5px 0;
     color: #fff;
     display: inline-block;
     font-size: 14px;
     line-height: 24px;
     background: #fff;
     color: #333;
     line-height: 30px;
     padding: 0 15px;
     border-radius: 5px;
     margin: 0 4px;
   }
 
   .m-search {
     margin: 0 15px;
     padding-right: 50px;
     padding-left: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     position: relative;
     line-height: 35px;
     /* background: #fff; */
     margin-top: 15px;
     border: 1px solid #fff;
   }
 
   .m-search input[type="text"] {
     display: block;
     width: 100%;
     line-height: 25px;
     background: none;
     color: #fff;
   }
 
   .m-search input[type="text"]::placeholder {
     color: #fff;
   }
 
   .m-search input[type="image"] {
     position: absolute;
     right: 10px;
     top: 10px;
     height: 15px;
   }
 
   .m-nav {
     position: fixed;
     top: 60px;
     left: 100%;
     right: 0;
     bottom: 0;
     z-index: 999;
     background: #DAAF70;
     overflow-y: scroll;
     border-top: 1px solid #fff;
   }
 
   .m-nav ul {
     padding: 0 15px;
     /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
   }
 
   .m-nav ul li {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     position: relative;
   }
 
   .m-nav ul li>span.on {
     transform: rotateZ(90deg);
   }
 
   .m-nav ul li ul {
     display: none;
   }
 
   .m-nav ul li ul li {
     border: none;
   }
 
   .m-nav>ul>li a {
     display: block;
     font-size: 14px;
     line-height: 20px;
     padding: 15px 0;
     position: relative;
     color: #fff;
   }
 
   .m-nav>ul>li ul li a {
     padding: 10px 0;
   }
 
   .m-nav>ul>li>span {
     position: absolute;
     width: 20px;
     height: 20px;
     background: url(../images/m-nav_down.png) no-repeat;
     background-size: 14px 14px;
     background-position: center center;
     right: 0;
     top: 15px;
     cursor: pointer;
     display: block;
     color: #fff;
     transition: all 0.3s;
   }
 
   .top {
     max-width: 1920px;
     margin: 0 auto;
     position: fixed;
     right: 10px;
     top: 18px;
     width: 25px;
     height: 25px;
     z-index: 9999;
   }
 
   .top>img {
     display: block;
     width: 100%;
   }
 
   .wap-menu {
     position: absolute;
     top: 0;
     right: 0;
     z-index: 99999;
     font-size: 0;
   }
 
   .wap-menu img {
     height: 25px;
   }
 
   .close-menu {
     display: none;
     position: absolute;
     right: 0;
     top: 0;
   }
 
   .foot-l {
     width: 100%;
     text-align: center;
     margin: 0 auto;
     float: none
   }
 
   .foot-c {
     width: 70%;
     text-align: center;
     margin: 20px auto;
     float: none
   }
 
   .foot-r {
     width: 70%;
     text-align: center;
     margin: 0 auto;
     float: none
   }
 }
 
 @media screen and (max-width: 768px) {
   .foot-l {
     width: 100%;
     text-align: center;
   }
 
   .foot-c {
     width: 100%;
     text-align: center;
   }
 
   .foot-r {
     width: 100%;
     text-align: center;
   }
 }
  .bgh {
    background: url(../images/boyd.png) bottom center no-repeat #ffffff;
    position: relative;
    padding-bottom: 0px;
    background-size: cover;
  }
 
  .bgh::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    /* background: #F4F4F4; */
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
 
  .bgb {
    position: relative;
  }
 
  .bgb::after {
    content: '';
    position: absolute;
    right: -30px;
    top: 0;
    background: #fff;
    width: 100vw;
    z-index: -1;
    padding: 65px 0;
  }
 
  .bgl {
    background: #1557A7;
    position: relative;
  }
 
  .banner-box {
    /* position: relative; */
    /* padding-top: 40%; */
    /* overflow: hidden; */
    margin-bottom: 0;
  }
 
  .banner {
    /* position: absolute; */
    /* inset: 0px; */
  }
 
  .banner img {
    display: none;
    width: 100%;
  }
 
  .banner .slick-prev {
    width: 30px;
    height: 41px;
    background: url("../images/bal.png") center center / cover no-repeat;
    left: 3%;
    z-index: 9;
  }
 
  .banner .slick-next {
    width: 30px;
    height: 41px;
    background: url("../images/bar.png") center center / cover no-repeat;
    right: 3%;
    z-index: 9;
  }
 
  .banner .slick-dots {
    width: auto;
    margin-left: 50%;
    transform: translateX(-50%);
    bottom: 32px;
    height: 20px;
  }
 
  .banner .slick-dots::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 1px;
    z-index: -1;
    width: 76%;
    margin: 10px 15px;
  }
 
  .banner .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0px 15px;
    background: none;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    position: relative;
  }
 
  .banner .slick-dots li button {
    display: none;
  }
 
  .banner .slick-dots li.slick-active {
    background: #fff;
  }
 
  .banner .slick-dots li.slick-active::after {
    content: "";
    position: absolute;
    left: -7px;
    top: -7px;
    width: 20px;
    height: 20px;
    border: 1px dashed #FFFFFF;
    border-radius: 50%;
 
  }
 
  /*  */
 
  .ititle {
    position: relative;
    margin-bottom: 45px;
    /* padding-bottom: 15px; */
    background: url(../images/title_bg.png) left center no-repeat;
 
  }
 
  .ititle h4 {
    font-size: 30px;
    line-height: 76px;
    text-align: left;
    color: #fff;
    font-weight: bold;
    position: relative;
    background: url(../images/title_h2bg.png) left center no-repeat;
    display: block;
   
    text-align: center;
  }
 
 
 
  .ititle a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    line-height: 76px;
    color: #808080;
    position: absolute;
    top: 45%;
    right: 0;
    transform: translateY(-50%);
    padding-left: 28px;
  }
 
  .ititle a:hover {
    color: #39b54a;
  }
 
  /*  */
  .section1 {
    margin: 100px auto 30px auto;
  }
 
  .left_news {
    float: left;
    width: calc(100% - 720px);
    margin-right: 55px;
  }
 
  .slider-news {
    float: left;
    width: 100%;
 
    margin-top: 0;
  }
 
  .slider-news a {
    display: block;
    position: relative;
  }
 
  .slider-news a .pic {
    padding-top: 69%;
  }
 
  .slider-news a .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
  }
 
  .slider-news a .pic>img:hover {
    width: 105% !important;
    height: 105% !important;
  }
 
  .slider-news a .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 20px;
    padding-right: 190px;
    padding-top: 100px;
    padding-bottom: 25px;
    background-image: linear-gradient(to top, #000000, transparent);
    display: none;
  }
 
  .slider-news a .text p {
    font-size: 18px;
 
    line-height: 18px;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
 
  .slider-news .slick-dots {
    width: auto;
    right: 20px;
    bottom: 30px;
    height: 20px;
  }
 
  .slider-news .slick-dots li {
    width: 18px;
    height: 18px;
    margin: 0 4px;
    border: none;
    border-radius: 50%;
 
  }
 
  .slick-dots li button {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    height: 8px;
    border-radius: 50%;
  }
 
  .slider-news .slick-dots li.slick-active {
    border: #AE092C 1px dashed;
    padding: 3px;
    margin: 0 8px;
  }
 
  .slider-news .slick-dots li.slick-active button {
    background: #AE092C !important;
  }
 
  .left_news .list {
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
  }
 
  .left_news .list li {
    line-height: 58px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    background: url(../images/listico.png) left center no-repeat;
    padding-left: 20px;
  }
 
  .left_news .list li:hover a {
    font-weight: bold;
  }
 
  .left_news .list li:hover {
    background: url(../images/listicoh.png) left center no-repeat;
  }
 
  .left_news .list li:last-child {
    border-bottom: none;
  }
 
  .left_news .list li a {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: calc(100% - 107px);
    font-size: 16px;
  }
 
 
  .left_news .list li .date {
    float: right;
    border-left: 1px solid #999999;
    color: #999999;
    margin: 20px 0;
    padding-left: 10px;
    line-height: 18px;
    font-size: 16px;
  }
 
 
  .right_news {
    position: relative;
    overflow: hidden;
  }
 
  /**/
 
 
 
  /**/
  .date_list {
    overflow: hidden;
  }
 
  .date_list ul li {
    margin-top: 0;
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-bottom: #dcdcdc 1px dotted;
    padding: 10px 0;
  }
 
  .date_list ul li a {
    display: block;
    transition: all 0.3s;
    height: auto;
    overflow: hidden;
  }
 
  .date_list ul li:first-child {
    margin-top: 0;
    height: auto;
    padding-top: 0;
  }
 
  .date_list ul li:last-child {
    border: none;
  }
 
  .date_list ul li .date {
    float: left;
    width: 68px;
    height: 68px;
    border: 1px solid #dddddd;
    text-align: center;
    margin-right: 20px;
    transition: all 0.3s;
  }
 
  .date_list ul li .date p {
    font-size: 30px;
    font-weight: bold;
    color: #1557A7;
    margin-top: 5px;
    line-height: 35px;
    transition: all 0.3s;
  }
 
  .date_list ul li .date span {
    display: block;
    font-size: 12px;
    color: #999999;
    transition: all 0.3s;
  }
 
  .date_list ul li .rtx {
    overflow: hidden;
    height: 60px;
  }
 
  .date_list ul li .rtx h3 {
    font-size: 18px;
    line-height: 27px;
    margin-top: 4px;
    color: #111;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    overflow: hidden;
    word-break: break-all;
    transition: all 0.3s;
    font-weight: normal;
  }
 
  .date_list ul li .rtx p {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    color: #999;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    display: none;
  }
 
  .date_list ul li a:hover .date {
    background: #1557A7;
    border-color: #1557A7;
  }
 
  .date_list ul li a:hover .date p,
  .date_list ul li a:hover .date span {
    color: #fffF;
  }
 
  .date_list ul li a:hover .rtx h3 {
    color: #1557A7;
  }
 
  .section2 {
    margin: 0px auto;
    /* background: #fff; */
    background-size: cover;
    padding: 50px 0px;
  }
 
 
 
  .ilist ul li {
    line-height: 70px;
    position: relative;
    left: 0;
    color: #333333;
    border-bottom: #e0e3e5 1px solid;
  }
 
 
 
  .ilist ul li:last-child {
    border: none;
  }
 
  .ilist ul li a {
    font-size: 20px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333333;
    padding-right: 120px;
  }
 
  .ilist ul li span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #999;
    font-size: 20px;
    line-height: 20px;
    padding-left: 6px;
    transition: all 0.3s
  }
 
  .ilist ul li:hover a {
    color: #39b54a;
    font-weight: bold;
    transition: all 0.3s
  }
 
  /*  */
  .qt_list ul li {
    line-height: 70px;
    position: relative;
    left: 0;
    color: #333333;
    border-bottom: #e0e3e5 1px solid;
    width: 48%;
    float: left;
  }
 
  .qt_list ul li a {
    font-size: 20px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333333;
    padding-right: 120px;
  }
 
  .qt_list ul li span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #999;
    font-size: 20px;
    line-height: 20px;
    padding-left: 6px;
    transition: all 0.3s
  }
 
  .qt_list ul li:hover a {
    color: #AE092C;
    font-weight: bold;
    transition: all 0.3s
  }
 
  .section3 {
    height: auto;
    overflow: hidden;
    margin: 20px auto 0px auto;
  }
 
  .ibtn_link {}
 
  .ibtn_link ul {
    margin-left: -20px;
    margin-right: -20px;
  }
 
  .ibtn_link li {
    width: 33.3%;
    float: left;
  }
 
  .ibtn_link li a {
    display: block;
    font-size: 30px;
    color: #fff;
    margin: 20px 15px;
    background-image: -moz-linear-gradient(90deg, rgb(189 ,11,50) 0%, rgb(248,101,132) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(189 ,11,50) 0%, rgb(248,101,132) 100%);
    background-image: -ms-linear-gradient(90deg,  rgb(189 ,11,50) 0%, rgb(248,101,132) 100%);
    box-shadow: 0px 27px 46px 0px rgba(0, 0, 0, 0.15);
    border-radius: 18px;
    line-height: 115px;
    /* padding-left: 80px; */
    box-shadow: 0 10px 10px #a5a5a542;
    transition: all 0.3s;
  }
 
  .ibtn_link li a:hover {
    box-shadow: 0 10px 15px #13131342;
    transition: all 0.3s;
    font-weight: bold;
  }
 
  .ibtn_link span {
    display: block;
    margin-left: 80px;
    float: left;
    margin-right: 15px;
  }
 
  .ibtn_link span img {
    vertical-align: middle;
  }
 
 
 
 
 
  @keyframes go {
    0% {
      transform: translateX(0px);
    }
 
    50% {
      transform: translateX(10px);
    }
 
    100% {
      transform: translateX(0px);
    }
  }
 
  @keyframes roted {
    0% {
      transform: rotate(0deg);
    }
 
    100% {
      transform: rotate(360deg);
    }
  }
 
  @media screen and (max-width: 1440px) {}
 
  @media screen and (max-width: 1400px) {}
 
  @media screen and (max-width: 1200px) {
    .ibtn_link li {
      width: 50%;
    }
 
    .ilist ul li {
      font-size: 18px;
      line-height: 60px;
    }
 
    .ilist ul li a {
      font-size: 18px;
    }
 
    .ilist ul li span {
      font-size: 18px;
    }
 
    .qt_list ul li {
      font-size: 18px;
      line-height: 60px;
    }
 
    .qt_list ul li a {
      font-size: 18px;
    }
 
    .qt_list ul li span {
      font-size: 18px;
    }
 
    .section1 {
      margin: 50px auto 0 auto;
    }
 
    .ititle {
      margin-bottom: 10px;
      background-size: 100% 50%;
    }
 
    .ititle h4 {
      background-size: 100%;
      width: 190px;
      font-size: 24px;
      line-height: 60px;
    }
 
    .ititle a {
      font-size: 16px;
      top: 50%;
      line-height: 42px;
    }
 
    .left_news {
      width: 100%;
      float: none;
      margin: 0 auto;
    }
 
    .right_news {
      width: 100%;
      float: none;
      margin: 0 auto;
    }
 
    .qt_list ul li {
      width: 100%;
    }
 
    .banner-box {
      margin-bottom: 0;
    }
 
    .index .section1 {
      padding-bottom: 40px;
    }
 
 
 
 
 
 
  }
 
  @media screen and (max-width: 1024px) {
 
 .banner img {
     display: block;
 }
 
    .end_link {
      font-size: 14px;
      color: #d0dded;
      width: 100%;
      height: auto;
      line-height: 30px;
      border-bottom: #739aca 1px solid;
      overflow: hidden;
    }
 
    .i_title {
      padding: 20px 0 20px 0;
    }
 
    .imain_right .i_title2 {
      padding: 20px 0;
    }
 
    .picnewbox .slick-next {
      left: 44%;
    }
 
    .picnewbox .linfo {
      padding: 0 4%;
    }
 
    .picnewbox .linfo h2 {
      margin: 0 auto 0 auto;
    }
 
    .banner .slick-dots {
      bottom: 10px;
    }
 
    .banner .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0px 5px;
    }
 
 
 
  }
 
  @media screen and (max-width: 768px) {
    .section3 {
      margin: 20px auto 40px auto;
    }
 
    .ibtn_link li {
      width: 100%;
    }
 
    .ibtn_link li a {
      font-size: 22px;
      margin: 10px 15px;
      line-height: 80px;
    }
 
 .ibtn_link span {
     display: block;
     margin-left: 50px;
     float: left;
     margin-right: 15px;
 }
 
 
    .banner .slick-dots li.slick-active::after {
      display: none;
    }
 
 
    .i_title h2 {
      font-size: 27px;
    }
 
    .section1 {
      padding-bottom: 20px;
    }
 
    .section2 {
      padding: 20px 0px;
    }
 
 
    .foot-l {
      width: 100%;
      text-align: center;
      float: none;
      height: auto;
      overflow: hidden;
      padding-top: 15px;
    }
 
    .foot-l h2 {
      padding-left: 0;
      border-left: none;
    }
 
    .foot-l p {
      text-align: center;
    }
 
  }
 
  @media screen and (max-width: 520px) {
    .banner .slick-prev {
      width: 20px;
      height: 31px;
      left: 28px;
    }
 
    .banner .slick-next {
      width: 20px;
      height: 31px;
      right: 28px;
    }
 
    .index .section1 .s1tit {
      font-size: 26px;
    }
 
  }
 
  @media screen and (max-width: 375px) {
    .banner .slick-prev {
      left: 20px;
    }
 
    .banner .slick-next {
      right: 20px;
    }
 
 
    .section2 {
      padding-top: 25px;
    }
  }
  
  .yhj ul li{
	  float: left;
	  padding: 10px 49px;
	 
  }
  .banner img {
    display: none;
    width: 100%;
  }
  
  .nymain {
    margin: 30px auto;
  }
  
  .nymain .leftNav {
    float: left;
    width: 250px;
    position: relative;
    margin-right: 50px;
    margin-top: 0;
  }
  
  .nymain .leftNav>h2 {
    line-height: 100px;
    color: #fff;
    background: #159941;
    /* background-size: cover; */
    font-size: 28px;
    overflow: hidden;
    /* text-align: center; */
    /* font-weight: normal; */
    /* padding-left: 40px; */
    padding-top: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
  }
  
  .nymain .leftNav>h2 img {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
  }
  
  .nymain .leftNav p {
    margin-left: 20px;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    padding: 20px 0;
  }
  
  .nymain .leftNav>ul {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  
  .nymain .leftNav>ul>li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
  }
  
  .nymain .leftNav>ul>li:first-child {
    border-top: none;
  }
  
  .nymain .leftNav>ul>li:last-child {
    border-bottom: 1px solid transparent;
  }
  
  .nymain .leftNav ul li a {
    display: block;
    font-size: 18px;
    line-height: 70px;
    padding-left: 40px;
    color: #333;
  }
  
  .nymain .leftNav>ul>li>span {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 12px;
    top: 24px;
    line-height: 50px;
    background: url(../images/sub_left_down.png) no-repeat center center;
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .nymain .leftNav>ul>li.on>span {
    /* transform: rotate(90deg); */
  }
  
  .nymain .leftNav>ul>li.on>a {
    color: #222;
    border-left: 3px solid #e8b350;
  }
  
  .nymain .leftNav>ul>li.activ {
    background: #dadada;
  }
  
  .nymain .leftNav>ul>li.active>a {
    color: #222;
    border-left: 3px solid #e8b350;
  }
  
  .nymain .leftNav ul li:hover {}
  
  .nymain .leftNav ul li.active {
    /*border-left: 3px solid #009194;*/
  }
  
  .nymain .leftNav ul li.active ul {
    /* display: block; */
  }
  
  .nymain .leftNav ul li a:hover {
    background-position: 31px center;
    color: #159941;
  }
  
  .nymain .leftNav>ul>li>ul {
    display: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  
  .nymain .leftNav>ul>li>ul>li>a {
    font-size: 16px;
    line-height: 45px;
    border-top: 1px solid #eeeeee;
    padding-left: 65px;
    color: #666666;
  }
  
  .ny-right {
    overflow: hidden;
    min-height: 400px;
    padding-bottom: 60px;
  }
  
  .position {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d2d2d2;
  }
  
  
  .position>div {
    position: relative;
    text-align: right;
    font-size: 0;
    line-height: 27px;
    /* border-bottom: 1px solid #a40000; */
    border-left: #39b54a 5px solid;
  }
  
  .position h3 {
    font-weight: normal;
    position: absolute;
    font-size: 28px;
    line-height: 30px;
    color: #333;
    text-align: left;
    bottom: 0;
    left: 15px;
    font-weight: bold;
  }
  
  
  .position span {
    color: #666666;
    font-size: 14px;
    vertical-align: middle;
  }
  
  .position img {
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
  }
  
  .position a {
    font-size: 14px;
    color: #666666;
    margin: 0 5px;
    vertical-align: middle;
  }
  
  .position a:hover {
    color: #159941;
  }
  
  .art-tit h3 {
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
  }
  
  .cont-tit p {
    font-size: 0;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 25px;
    line-height: 20px;
    background: bottom;
    border-bottom: 1px solid #d9d9d9;
  }
  
  .cont-tit p span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #999999;
    margin: 0 10px;
  }
  
  /* ???’??a�???a�????????’?￠a??????a�????￠???’???￠???￠?￠a??????????a�????????’??a�???a�????￥???’?￠a??????a�????ˉ???’?￠a??????a�????????’??a�???a�????|???’?￠a???1???￠?￠a�??????????’?￠a??????a�????????’??a�???a�????￥???’???￠???￠?￠a??????????a�1?…a�????’?￠a???1??a�|?￠a???“ */
  .ldcy {}
  
  .ldcy ul {
    font-size: 0;
    padding-bottom: 10px;
    /* padding-left: 3px; */
    padding-right: 3px;
  }
  
  .ldcy ul li {
    padding: 25px;
    transition: all 1s;
    width: 48%;
    display: inline-block;
    border: solid 1px #e5e5e5;
    margin-top: 35px;
    /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); */
    background: url(../images/szlogo.png) #fff 600px -50px no-repeat;
  }
  
  
  .ldcy ul li:hover {
    /* border: none; */
    background: url(../images/szlogo.png) #fff 350px -50px no-repeat;
  }
  
  .ldcy ul li:hover {
    border-color: transparent;
    /* border: none; */
    box-shadow: 0px 10px 15px 0px rgba(105, 143, 51, 0.15);
  }
  
  .ldcy ul li:hover .info>span {
    right: 0;
  }
  
  .ldcy ul li:hover h4 {
    color: #159941;
    font-weight: bold;
  }
  
  .ldcy ul li:nth-child(2n) {
    margin-left: 4%;
  }
  
  .ldcy ul a {
    display: block;
    overflow: hidden;
    position: relative;
  }
  
  .ldcy ul a .tu {
    float: left;
    width: 150px;
    margin-right: 30px;
  }
  
  .ldcy ul a .pic {
    padding-top: 135%;
  }
  
  .ldcy ul .info {
    overflow: hidden;
  }
  
  .ldcy ul .info>span {
    display: block;
    width: 34px;
    height: 8px;
    text-align: right;
    background: url(../images/szjt.png) right center no-repeat;
    position: absolute;
    right: 10px;
    bottom: 0;
    transition: all 0.3s;
  }
  
  .ldcy ul .info h4 {
    /* font-weight: normal; */
    font-size: 24px;
    line-height: 30px;
    margin: 20px auto 0 auto;
    color: #159941;
    font-weight: normal;
  }
  
  .ldcy ul .info h4 .ldzw {
    margin-left: 15px;
  }
  
  .ldcy ul .info h2 {
    font-size: 18px;
    color: #222;
    line-height: 50px;
    font-weight: normal;
  }
  
  .ldcy ul .info>p {
    font-size: 16px;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    line-height: 24px;
    color: #999999;
    text-align: justify;
  }
  
  /* ???’??a�???a�????￥???’???￠???￠?￠a??????????a�????o???’?￠a??????a�????????’??a�???a�????§???’???￠???￠?￠a??????????a�????°???’???￠???￠?￠a??????????a�????????’??a�???a�????￥???’?￠a???1???￠?￠a�??????????’???￠???￠?￠a???????????￠?￠a�??????????’??a�???a�????¨???’?￠a??????a�????????’?￠a??????a�????¨ */
  .timg-list ul li a {
    display: block;
    transition: all 0.3s;
  }
  
  .timg-list ul li a h3 {
    font-size: 20px;
    /* font-weight: normal; */
    line-height: 32px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 12px;
    font-weight: normal;
  }
  
  .timg-list ul li a>div {
    overflow: hidden;
  }
  
  .timg-list-img {
    float: left;
    width: 300px;
    margin-right: 30px;
  }
  
  .timg-list ul {
    overflow: hidden;
  }
  
  .timg-list ul li {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 26px;
    padding-left: 30px;
    background: #fff;
    margin: 20px auto;
  
  }
  
  .timg-list ul li:first-child {
    border-top: 0;
  }
  
  .timg-list ul li a .pic {
    padding-top: 62.8%;
  }
  
  .timg-linfo {
    overflow: hidden;
  }
  
  .timg-linfo>p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #999999;
    max-height: 50px;
    overflow: hidden;
    margin-top: 14px;
    max-height: 90px;
    text-align: justify;
  }
  
  .timg-linfo span {
    display: block;
    line-height: 22px;
    color: #5f4253;
    margin-top: 13px;
    font-size: 18px;
  }
  
  .timg-list ul li:hover {
    background: url(../images/twlmbg.png) right bottom no-repeat #159941;
  }
  
  .timg-list ul li:hover .time::after {
    background: #fff;
  }
  
  .timg-list ul li a:hover {}
  
  .timg-list ul li:hover h3 {
    color: #fff;
  }
  
  .timg-list ul li:hover .time p {
    color: #fff;
  }
  
  .timg-list ul li:hover .time span {
    color: rgba(255, 255, 255, 0.6);
  }
  
  .timg-list ul li:hover .timg-linfo>p {
    color: rgba(255, 255, 255, 0.68);
  }
  
  .timg-linfo .time {
    font-size: 0;
    position: relative;
  }
  
  .timg-linfo .time::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #e8b350;
  }
  
  .timg-linfo .time p {
    display: inline-block;
    font-size: 24px;
    color: #159941;
    font-weight: bold;
    line-height: 40px;
  }
  
  .timg-linfo .time>span {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    margin-left: 5px;
    margin-top: 0;
    vertical-align: bottom;
    line-height: 40px;
  }
  
  .pagination {
    text-align: center;
    font-size: 0;
    /* padding-top: 21px;
                padding-bottom: 105px; */
    padding-top: 50px;
    /* padding-bottom: 60px; */
  }
  
  .pagination a {
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 0 12px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #666;
    margin: 0 7px;
  }
  
  .pagination a.active {
    background: #159941;
    color: #fff;
    border: 1px solid #159941;
  }
  
  .pagination a:hover {
    background: #159941;
    color: #fff;
    border: 1px solid #159941;
  }
  
  .pagination span {
    display: inline-block;
    font-size: 14px;
  }
  
  .wzlby {
    background-color: #f8f8f8;
  }
  
  .wzlby .position {
    padding-top: 60px;
  }
  
  /* ?￥a�o???§a�°a�??￥??a�”?¨???¨ */
  
  .img-lists ul {
    overflow: hidden;
    margin-left: -2%;
    margin-right: -2%;
  }
  
  .img-lists ul li {
    float: left;
    width: 29%;
    margin: 40px 2% 0 2%;
    border: 1px solid #eee;
    transition: all 0.3s;
    position: relative;
    top: 0;
  }
  
  .img-lists ul li:hover {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.16);
    top: -10px;
  }
  
  .img-lists ul li a {
    display: block;
    width: 100%;
  }
  
  .img-lists ul li a .pic {
    padding-top: 70%;
  }
  
  .img-lists ul li a>img {
    display: block;
    width: 100%;
    height: 196px;
  }
  
  .img-lists ul li a>div.info {
    padding: 20px;
    font-size: 0;
    text-align: center;
  }
  
  .img-lists ul li a>div.info p {
    color: #333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
  }
  
  .img-lists ul li:hover a>div.info p {
    color: #159941;
  }
  
  .wslb {}
  
  .wslb li {
    margin-top: 20px;
    background-color: #fff;
    padding: 20px 30px;
  }
  
  .wslb a {
    display: block;
  }
  
  .wslb .lbt {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  
  .wslb .lbt h4 {
    font-weight: normal;
    font-size: 20px;
    padding-right: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333333;
    /* font-weight: bold; */
  }
  
  .wslb .lbt p {
    position: absolute;
    right: 0;
    font-weight: bold;
    font-size: 24px;
    color: #159941;
    bottom: 19px;
  }
  
  .wslb .lbt p span {
    font-weight: normal;
    font-size: 14px;
    color: #999;
    margin-left: 5px;
  }
  
  .wslb a>p {
    font-size: 16px;
    line-height: 30px;
    max-height: 30px;
    overflow: hidden;
    color: #666666;
    margin-top: 10px;
  }
  
  .wslb li:hover {
    background-color: #159941;
  }
  
  .wslb li:hover .lbt h4 {
    color: #fff;
  }
  
  .wslb li:hover a>p {
    color: rgba(255, 255, 255, 0.68);
  }
  
  .wslb li:hover .lbt {
    border-color: rgba(229, 229, 229, 0.4);
  }
  
  .wslb li:hover .lbt p {
    color: #fff;
  }
  
  .wslb li:hover .lbt p span {
    color: rgba(255, 255, 255, 0.6);
  }
  
  /* ???’??a�???a�????§???’?￠a??????a�????????’???￠???￠?￠a�????…????a�????????’??a�???a�????¤???’?￠a??????a�????????’???￠???￠?￠a??????????a�????1???’??a�???a�????????’?￠a??????a�????????’?￠a??????a�????μ */
  .jjy {
    margin-top: 28px;
  }
  
  .jjy>p {
    text-indent: 2em;
    font-size: 16px;
  
    line-height: 36px;
    color: #666666;
  }
  
  .jjy>p img {
    max-width: 80% !important;
    display: block;
    margin: 0 auto;
  }
  
  .lists {
    padding: 30px 0;
  }
  
  .lists li {
    padding-right: 100px;
    background-position: left center;
    position: relative;
    font-size: 18px;
    border-bottom: 1px #dfdfdf dashed;
    line-height: 64px;
    background: url(../images/ico_li.png) left center no-repeat;
    padding-left: 15px;
    height: 64px;
  }
  
  .lists li:hover {}
  
  .lists li a {
    display: block;
    color: #303030;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*font-weight: bold;*/
  }
  
  .lists li a:hover {
    color: #39b54a;
  }
  
  .lists li a span {
    position: absolute;
    right: 10px;
    font-size: 16px;
    color: #999999;
  }
  
  /*  */
  .szlb-list {
    margin-top: 30px;
  }
  
  .szlb-list .jg-title {
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
  }
  
  .szlb-list .jg-title a {
    color: #333;
    position: relative;
  }
  
  .szlb-list .jg-title a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 50px;
    height: 3px;
    background: #159941;
  }
  
  .szlb-list .jg-title span {
    float: left;
    width: 50px;
  }
  
  .szlb-list .jg-ul li {
    float: left;
    height: 60px;
    min-width: 62px;
    margin: 0 31px;
  }
  
  .szlb-list .jg-ul li a {
    display: block;
    font-size: 16px;
    color: #333;
    text-align: justify;
  }
  
  .szlb-list .jg-ul {
    margin-top: 30px;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
  }
  
  .szlb-list .jg-ul li a:hover {
    color: #159941;
  }
  
  .szlb-list .jg-ul li a:after {
    display: inline-block;
    content: '';
    padding-left: 100%;
  }
  
  /*  */
  
  @media screen and (max-width: 1400px) {
    .wslb li {
      padding: 35px 25px 30px;
    }
  }
  
  @media screen and (max-width: 1320px) {
    .ldcy ul a .tu {
      margin-right: 24px;
    }
  
    .ldcy ul a .tu {
      width: 130px;
    }
  
    .ldcy ul .info>span {
      margin-top: 24px;
    }
  
    .ldcy ul li {
      margin-top: 40px;
    }
  
    .tops {
      padding-top: 40px;
    }
  
    .nav {
      height: 60px;
      line-height: 60px;
    }
  
    .nav>ul>li {
      height: 60px;
      line-height: 60px;
    }
  
    .nav>ul>li>a {
      font-size: 18px;
      height: 60px;
      line-height: 60px;
    }
  
    .nav>ul>li>div {
      top: 60px;
    }
  
    .nav>ul>li>div>ul>li a {
      font-size: 16px;
      line-height: 42px;
    }
  }
  
  @media screen and (max-width: 1220px) {
  
  
  
  
    .timg-list-img {
      width: 260px;
    }
  
    .timg-list ul li a h3 {
      margin-top: 8px;
    }
  
    .timg-linfo>p {
      line-height: 26px;
      max-height: 78px;
      margin-top: 10px;
    }
  
    .ldcy ul .info h4 {
      font-size: 18px;
    }
  }
  
  @media screen and (max-width: 1024px) {
    .banner img {
      display: block;
    }
  
    .position {
      padding-top: 40px;
      padding-bottom: 15px;
    }
  
    .nymain .leftNav {
      margin-right: 30px;
    }
  
    .nymain .leftNav ul li a {
      line-height: 55px;
    }
  
    .nymain .leftNav>ul>li>span {
      top: 15px;
    }
  
    .position h3 {
      font-size: 26px;
    }
  
    .wzlby .position {
      padding-top: 30px;
    }
  
    .wslb li {
      padding: 25px;
    }
  
    .wslb .lbt h4 {
      font-size: 18px;
    }
  
    .wslb .lbt p {
      font-size: 20px;
      bottom: 14px;
    }
  
    .wslb .lbt {
      padding-bottom: 14px;
    }
  
    .ldcy ul .info h4 {
      font-size: 18px;
    }
  
    .ldcy ul a .tu {
      margin-right: 14px;
    }
  
    .ldcy ul .info>p {
      font-size: 15px;
      text-align: justify;
    }
  
    .ldcy ul li {
      width: 100%;
    }
  
    .ldcy ul li:nth-child(2n) {
      margin-left: 0;
    }
  
    .timg-list ul li {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .timg-list ul li a h3 {
      font-size: 17px;
      line-height: 26px;
    }
  
    .timg-list-img {
      margin-right: 20px;
      width: 230px;
    }
  
    .timg-linfo .time p {
      font-size: 22px;
    }
  
    .timg-linfo>p {
      font-size: 15px;
      line-height: 24px;
      max-height: 72px;
      margin-top: 8px;
    }
  }
  
  
  @media screen and (max-width: 768px) {
    .szlb-list .jg-ul li {
      width: 30%;
      margin: 0;
    }
  
    .szlb-list .jg-ul li a {
      text-align: center;
    }
  
    .img-lists ul li {
      width: 46%;
      margin: 20px 2% 0 2%;
    }
  
    .nymain .leftNav>h2 {
      line-height: 46px;
      font-size: 18px;
      text-align: left;
      padding-left: 15px;
      font-weight: 600;
      padding-top: 0;
      background: #159941;
    }
  
    .nymain .leftNav>h2 span {
      float: right;
      width: 30px;
      height: 30px;
      margin-top: 8px;
      background: url(../images/sub_left_down2.png) no-repeat center center;
      background-position: center center;
      margin-right: 10px;
      transition: all 0.3s;
    }
  
    .nymain .leftNav>h2 span.on {
      transform: rotateZ(45deg);
    }
  
    .nymain {
      /* padding: 10px 0; */
    }
  
    .nymain .leftNav {
      float: none;
      width: auto;
      top: 0;
      margin-right: 0;
      margin-top: 15px;
    }
  
    .nymain .leftNav>p {
      font-size: 18px;
      padding: 10px 0;
    }
  
    .ny-right {
      float: none;
      width: auto;
    }
  
    .position {
      padding: 16px 0;
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .position>div {
      text-align: left;
      /* line-height: 40px; */
      padding-left: 0;
      border-left: none;
    }
  
    .position h3 {
      left: 0;
      width: auto;
      height: 45px;
      font-size: 20px;
      line-height: 45px;
      position: relative;
      left: 0;
      margin-bottom: 10px;
      font-weight: 600;
      display: none;
    }
  
    .position h3::after {
      width: 37px;
      height: 37px;
      right: -10px;
      bottom: -15px;
    }
  
    .pagination {
      padding-top: 50px;
    }
  
    .pagination a {
      padding: 0 5px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      margin: 0 3px;
    }
  
    .nymain .leftNav ul {
      display: none;
    }
  
    .nymain .leftNav ul li a {
      line-height: 45px;
      padding-left: 20px;
      font-size: 16px;
    }
  
    .nymain .leftNav>ul>li>span {
      top: 10px;
    }
  
    .nymain .leftNav>ul>li>ul>li>a {
      font-size: 15px;
      line-height: 40px;
    }
  
    .jjy>p {
      line-height: 30px;
    }
  
    .jjy {
      margin-top: 20px;
    }
  
    .wzlby .position {
      padding-top: 30px;
    }
  
    .wslb li {
      margin-top: 30px;
    }
  
    .wslb .lbt h4 {
      font-size: 17px;
    }
  
    .wslb li {
      padding: 18px;
    }
  
    .ny-right {
      padding-bottom: 30px;
    }
  
    .wzlby .channl-menu {
      display: none;
    }
  
    .ldcy ul li {
      width: 48%;
    }
  
    .ldcy ul li:nth-child(2n) {
      margin-left: 4%;
    }
  
    .ldcy ul a .tu {
      width: 110px;
    }
  
    .ldcy ul .info>span {
      margin-top: 18px;
      margin-bottom: 12px;
      display: none;
    }
  
    .ldcy ul .info>p {
      line-height: 27px;
    }
  }
  
  @media screen and (max-width: 620px) {
    .ldcy ul li {
      width: 100%;
    }
  
    .ldcy ul li:nth-child(2n) {
      margin-left: 0;
    }
  }
  
  @media screen and (max-width: 520px) {
    .jjy>p {
      font-size: 15px;
    }
  
    .wslb .lbt h4 {
      font-size: 15px;
    }
  
    .wslb .lbt p {
      font-size: 18px;
    }
  
    .wslb .lbt p span {
      font-size: 13px;
      margin-left: 5px;
    }
  
    .wslb a>p {
      margin-top: 10px;
    }
  
    .wslb .lbt {
      padding-bottom: 10px;
    }
  
    .wslb .lbt p {
      bottom: 10px;
    }
  
    .wslb li {
      padding: 15px;
      margin-top: 25px;
    }
  
    .ldcy ul .info>p {
      font-size: 14px;
    }
  
    .ldcy ul .info h4 {
      font-size: 16px;
      margin-bottom: 6px;
    }
  
    .ldcy ul .info>span {
      height: 3px;
      width: 20px;
    }
  
  
  
    .timg-list-img {
      float: none;
      width: auto;
      margin-right: 0;
      margin-bottom: 20px;
    }
  
    .timg-list ul li a h3 {
      font-size: 16px;
    }
  
    .timg-linfo .time p {
      font-size: 20px;
    }
  
    .timg-linfo>p {
      font-size: 14px;
    }
  
    .timg-list ul li {
      padding-left: 15px;
      padding-right: 15px;
    }
  }