blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}
abbr, acronym, fieldset, img {
  border: 0
}
ol, ul {
  list-style: none
}
caption, th {
  text-align: left
}
q:after, q:before {
  content: ''
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}
.col-c, .col-l, .col_c, .col_l, .l {
  float: left
}
.col-r, .col_r, .r, .ul-txt li span, .ul_txt li span, dt span {
  float: right
}
.c {
  clear: both
}
.n, em {
  font-weight: 400;
  font-style: normal
}
.b {
  font-weight: 700
}
.i {
  font-style: italic
}
.fa {
  font-family: Arial
}
.fg {
  font-family: Georgia
}
.ft {
  font-family: Tahoma
}
.fl {
  font-family: Lucida Console
}
.fs {
  font-family: '宋体'
}
.fw {
  font-family: '微软雅黑'
}
.tc {
  text-align: center
}
.tr {
  text-align: right
}
.tl {
  text-align: left
}
.tdu {
  text-decoration: underline
}
.tdn, .tdn:hover, a.tdl:hover {
  text-decoration: none
}
.fc0 {
  color: #000
}
.fc3 {
  color: #333
}
.fc6 {
  color: #666
}
.fc9 {
  color: #999
}
.fcr {
  color: red
}
.fcw {
  color: #fff
}
.fcb {
  color: #00f
}
.fcg {
  color: green
}
.f0 {
  font-size: 0
}
.f10 {
  font-size: 10px
}
.f12 {
  font-size: 12px
}
.f13 {
  font-size: 13px
}
.f14 {
  font-size: 14px
}
.f16 {
  font-size: 16px
}
.f20 {
  font-size: 20px
}
.f24 {
  font-size: 24px
}
.vm {
  vertical-align: middle
}
.vtb {
  vertical-align: text-bottom
}
.vt {
  vertical-align: top
}
.vn {
  vertical-align: -2px
}
.vimg {
  margin-bottom: -3px
}
.m0 {
  margin: 0
}
.ml0 {
  margin-left: 0
}
.ml5 {
  margin-left: 5px
}
.ml10 {
  margin-left: 10px
}
.ml20 {
  margin-left: 20px
}
.mr0 {
  margin-right: 0
}
.mr5 {
  margin-right: 5px
}
.mr10 {
  margin-right: 10px
}
.mr20 {
  margin-right: 20px
}
.mt5 {
  margin-top: 5px
}
.mt10 {
  margin-top: 10px
}
.mt20 {
  margin-top: 20px
}
.mb5 {
  margin-bottom: 5px
}
.mb10 {
  margin-bottom: 10px
}
.mb20 {
  margin-bottom: 20px
}
.ml-1 {
  margin-left: -1px
}
.mt-1 {
  margin-top: -1px
}
.p1 {
  padding: 1px
}
.pl5 {
  padding-left: 5px
}
.p5 {
  padding: 5px
}
.pt5 {
  padding-top: 5px
}
.pr5 {
  padding-right: 5px
}
.pb5 {
  padding-bottom: 5px
}
.p10 {
  padding: 10px
}
.pl10 {
  padding-left: 10px
}
.pt10 {
  padding-top: 10px
}
.pr10 {
  padding-right: 10px
}
.pb10 {
  padding-bottom: 10px
}
.p20 {
  padding: 20px
}
.pl20 {
  padding-left: 20px
}
.pt20 {
  padding-top: 20px
}
.pr20 {
  padding-right: 20px
}
.pb20 {
  padding-bottom: 20px
}
.pr, .rel {
  position: relative
}
.abs, .pa {
  position: absolute
}
.dn {
  display: none
}
.db {
  display: block
}
.dib {
  -moz-inline-stack: inline-block;
  display: inline-block
}
.di {
  display: inline
}
.ovh {
  overflow: hidden
}
.ovs {
  overflow: scroll
}
.vh {
  visibility: hidden
}
.vv {
  visibility: visible
}
.lh14 {
  line-height: 14px
}
.lh16 {
  line-height: 16px
}
.lh18 {
  line-height: 18px
}
.lh20 {
  line-height: 20px
}
.lh22 {
  line-height: 22px
}
.lh24 {
  line-height: 24px
}
.fix {
  *zoom: 1
}
.fix:after, .fix:before {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden
}
.z {
  _zoom: 1
}
.h1 {
  height: 1px
}
.h5 {
  height: 5px
}
.h, .h10 {
  height: 10px
}
.h15 {
  height: 15px
}
.h20 {
  height: 20px
}
.h, .h1, .h10, .h15, .h20, .h5 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  clear: both
}
*, :after, :before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0 !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}
body {
  font: 14px/1.5 宋体, Arial, sans-serif;
  color: #333;
  font-family: PingFang, 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #f1f8ff
}
img {
  border: none
}
input, select, textarea {
  font-size: 14px;
  color: #333;
  font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none
}
input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit], select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
::-webkit-input-placeholder {
  color: #999
}
::-moz-placeholder {
  color: #999
}
::-ms-input-placeholder {
  color: #999
}
select::-ms-expand {
  display: none
}
a {
  color: #333;
  text-decoration: none
}
.menuBtn {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  z-index: 99
}
.menuBtn b {
  display: block;
  height: 4px;
  background-color: #fff;
  margin: 4px 0;
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s
}
.menuBtn.open b {
  display: none;
  margin: -5px 0 0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px
}
.menuBtn.open b:first-child {
  display: block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}
.menuBtn.open b:last-child {
  display: block;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg)
}
.wp {
  margin: 0 auto;
  width: 100%;
  max-width: 1630px;
  padding: 0 15px
}
.hd-lang {
  overflow: hidden;
  margin-bottom: 20px
}
.hd-lang .lang {
  float: right;
  font-size: 18px;
  color: #fff
}
.hdclass .hd-lang, .fixed .hd-lang {
  background-color: #dce2e8;
  border: 1px solid rgba(51, 51, 51, .3);
  color: #222
}
.hdclass {
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.hdclass .logo a img {
  display: none
}
.hdclass .logo a .img-logo {
  display: block
}
.hdclass .nav .v1 a {
  color: #333
}
.ftlogo .logo1 {
  width: 210px;
  margin: 0 auto 14px
}
.ftlogo .logo1 .tit {
  text-align: center
}
.ftlogo .tit, .ftlogo .tit a {
  font-size: 14px;
  color: #fff
}
.ftlogo .tit {
  text-align: center
}
.m-qr {
  overflow: hidden
}
.m-qr .qr {
  background-color: #fffF;
  padding: 7px;
  margin-left: 15px;
  float: left
}
.m-qr .qr .pic {
  width: 80px;
  height: 80px;
  margin-bottom: 2px
}
.m-qr .qr .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.m-qr .tit {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #000
}
.hd-lang-m, .nav .v1 i {
  display: none
}
@media only screen and (min-width:1200px) and (max-width:1920px) {
  .wp {
    margin: 0 auto;
    max-width: 84.89vw;
    padding: 0 .781vw
  }
  .hd-lang {
    margin-bottom: 1.041vw
  }
  .hd-lang .lang {
    font-size: .937vw
  }
  .hdclass {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
  }
  .ftlogo .logo1 {
    width: 10.93vw;
    margin: 0 auto .729vw
  }
  .ftlogo .tit, .ftlogo .tit a {
    font-size: .729vw
  }
  .m-qr .qr {
    padding: .364vw;
    margin-left: .781vw
  }
  .m-qr .qr .pic {
    width: 4.166vw;
    height: 4.166vw;
    margin-bottom: .104vw
  }
  .m-qr .qr .pic img {
    object-fit: cover
  }
  .m-qr .tit {
    font-size: .729vw;
    font-weight: 700
  }
}
.hd-lang-mob {
  display: none
}
@media only screen and (max-width:1200px) {
  .hd-lang {
    display: none
  }
  .hd-lang-mob {
    position: absolute;
    top: 50%;
    right: 60px;
    margin-bottom: 0;
    transform: translateY(-50%);
    display: block
  }
  .wp {
    max-width: 100% !important
  }
  body {
    padding-top: 60px
  }
  .hd-r {
    display: none;
    position: fixed;
    top: 60px;
    background-color: #D80000;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    padding: 0 15px 103px
  }
  .menuBtn {
    display: block;
    top: 17px
  }
  .ftlogo {
    display: none
  }
  .m-qr {
    display: flex;
    justify-content: center;
    align-items: center
  }
}
@media only screen and (max-width:767px) {
  .hd-lang .lang {
    font-size: 16px
  }
}
.g-swiper-e1 {
  overflow: hidden;
  position: relative
}
.g-swiper-e1 .swiper-button-next:after, .g-swiper-e1 .swiper-button-prev:after, .g-swiper-e1 .swiper-rtl .swiper-button-next:after, .g-swiper-e1 .swiper-rtl .swiper-button-prev:after {
  display: none
}
.g-swiper-e1 .swiper-button-next, .g-swiper-e1 .swiper-button-prev, .g-swiper-e1 .swiper-rtl .swiper-button-next, .g-swiper-e1 .swiper-rtl .swiper-button-prev {
  width: 38px;
  height: 38px;
  border-radius: 0;
  overflow: hidden;
  background-image: url(../images/right.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: 97px;
  right: 0;
  top: auto !important;
  bottom: 0;
  opacity: 1 !important;
  transition: .5s;
  margin-top: 0 !important
}
.g-swiper-e1 .swiper-button-next, .g-swiper-e1 .swiper-button-prev {
  transition: .5s
}
.g-swiper-e1 .swiper-button-prev {
  background-image: url(../images/left.png);
  left: 0;
  right: auto;
  opacity: 1 !important
}
.g-swiper-e1 .swiper-pagination {
  right: 0;
  bottom: 0;
  left: auto;
  width: auto;
  color: grey;
  font-size: 18px
}
.g-swiper-e1 .swiper-pagination-current {
  font-weight: 700;
  font-size: 30px;
  color: #D80000
}
.swiper-e1 .g-pice1 {
  padding-bottom: 52px
}
.main-idx {
  overflow: hidden
}
.banner, .banner .inner {
  position: relative
}
.banner .pic {
  overflow: hidden;
  position: relative;
  padding-top: 48.3%
}
.banner .pic img {
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}
.banner .slick-dots {
  position: absolute;
  bottom: 57px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  font-size: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.banner .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
  position: relative;
  width: 47px;
  height: 47px
}
.banner .slick-dots button {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  cursor: pointer;
  border: none;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  background: url(../images/icon1.png) center center no-repeat;
  background-size: contain;
  opacity: 0
}
.banner .slick-dots li:after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, .5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  overflow: hidden
}
.banner .slick-dots li.slick-active button {
  opacity: 1
}
.banner .slick-dots li.slick-active:after {
  opacity: 0;
  display: none
}
.g-idxtop {
  position: relative;
  margin-bottom: 87px
}
.g-idxtop .g-idxtit {
  position: relative;
  padding-left: 20px;
  border-left: 4px solid #11998e;
  line-height: 1.4
}
.g-idxtop .g-idxtit .en {
  font-size: 26px;
  color: rgba(41, 168, 125, .8);
  margin-bottom: 11px
}
.g-idxtop .g-idxtit .tit {
  font-weight: 700;
  font-size: 32px;
  color: #D80000
}
.g-idxmore {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #D80000;
  transition: .5s;
  z-index: 5
}
.g-idxmore:hover {
  opacity: .6
}
.g-idxmore .icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background-color: #D80000;
  border-radius: 50%;
  overflow: hidden;
  background-image: url(../images/more.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px auto;
  margin-left: 5px
}
.g-pice1 {
  display: block
}
.g-pice1 .pic {
  position: relative;
  height: 0;
  padding-top: 66.8%;
  overflow: hidden;
  box-shadow: 0 0 38px 0 rgba(0, 74, 152, .09);
  margin-bottom: 12px
}
.g-pice1 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s
}
.g-pice1:hover .pic img {
  transform: scale(1.08)
}
.g-pice1 .txt {
  padding: 10px 0
}
.g-pice1 .date {
  font-weight: 700;
  font-size: 16px;
  color: #D80000;
  margin-bottom: 16px
}
.g-pice1 .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  color: #000;
  transition: .5s;
  margin-bottom: 24px
}
.g-pice1:hover .tit {
  color: #D80000
}
.g-pice1 .desc {
  font-size: 14px;
  color: grey;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.7;
  height: 5.2em
}
.row-index01 {
  position: relative
}
.row-index02 {
  padding: 94px 0 229px;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat
}
.row-index02 .inner .l {
  width: 63%
}
.row-index02 .inner .r {
  width: 32.5%
}
.m-idxe1 .con1 {
  margin-bottom: 71px
}
.m-idxe1 .g-pice1 .pic {
  padding-top: 61.8%;
  margin-bottom: 0
}
.m-idxe1 .g-pice1 .txt {
  padding: 16px 0 0 50px;
  border-left: 6px solid #D80000
}
.m-idxe1 .g-pice1 .date {
  margin-bottom: 9px
}
.swiper-e2 {
  overflow: hidden
}
.swiper-e2 .g-pice1 .pic {
  padding-top: 70.8%;
  margin-bottom: 0
}
.swiper-e2 .pic::after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #000;
  opacity: .2;
  z-index: 2
}
.swiper-e2 .date1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 36px;
  color: #fff;
  z-index: 3;
  text-align: center;
  width: 100%;
  line-height: 1.2
}
.swiper-e2 .date1 .nian {
  font-size: 30px
}
.swiper-e2 .g-pice1 .tit {
  height: 2.6em;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 0;
  white-space: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: .5s
}
.swiper-e2 .g-pice1:hover .tit {
  opacity: .8
}
.swiper-e2 .g-pice1 .txt {
  padding: 28px 24px 33px;
  background: rgba(7, 65, 45, .27)
}
.g-swiper-e2 {
  padding: 0 44px;
  overflow: visible;
  margin: 0 -44px
}
.g-swiper-e2 .swiper-button-next, .g-swiper-e2 .swiper-button-prev, .g-swiper-e2 .swiper-rtl .swiper-button-next, .g-swiper-e2 .swiper-rtl .swiper-button-prev {
  width: 100px;
  height: 100px;
  background: url(../images/right2.png) center no-repeat #fff;
  box-shadow: 0 0 27px 0 rgba(0, 0, 0, .24);
  border-radius: 50%;
  overflow: hidden;
  background-size: 31px auto;
  right: 0;
  left: auto;
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%)
}
.g-swiper-e2 .swiper-button-prev {
  background-image: url(../images/left2.png);
  right: auto;
  left: 0;
  opacity: 1 !important
}
.row-index03 {
  z-index: 2;
  margin-top: -115px;
  width: 100%;
  padding: 156px 0 206px;
  background-size: 100% 100%;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden
}
.row-index03 .g-idxtop {
  margin-bottom: 124px
}
.row-index03 .g-idxtit {
  margin-bottom: 65px
}
.ul-liste1 .li {
  padding-top: 70px;
  margin-bottom: 45px
}
.ul-liste1 .li:last-child {
  padding-bottom: 0;
  margin-bottom: 0
}
.ul-liste1 .pic {
  position: relative;
  height: 614px;
  padding: 49px 0 49px 60px
}
.ul-liste1 .item {
  padding-right: 60px
}
.ul-liste1 li:nth-child(even) .item {
  padding-right: 0;
  padding-left: 60px
}
.ul-liste1 .iteml {
  float: left;
  width: 44.4%
}
.ul-liste1 .itemr {
  float: right;
  width: 50.7%
}
.ul-liste1 .iteml .pic::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: ' ';
  width: 669px;
  height: 100%;
  bottom: 0;
  background-image: url(../images/bg2.png);
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat
}
.ul-liste1 .iteml .pic .pic1 {
  position: relative;
  z-index: 3;
  height: 100%;
  object-fit: cover;
  overflow: hidden
}
.ul-liste1 .iteml .pic .pic1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s
}
.ul-liste1 .iteml .pic .pic1:hover img {
  transform: scale(1.08)
}
.ul-liste1 .iteml .pic .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  height: 76px;
  line-height: 76px;
  background: rgba(0, 0, 0, .4);
  padding: 0 46px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 24px;
  color: #fff;
  transition: .5s
}
.ul-liste1 li:nth-child(even) .iteml {
  float: right
}
.ul-liste1 li:nth-child(even) .itemr {
  float: left
}
.ul-liste1 li:nth-child(even) .iteml .pic::after {
  left: auto;
  right: 0;
  background-image: url(../images/bg3.png);
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat
}
.ul-liste1 li:nth-child(even) .pic {
  padding: 49px 60px 49px 0
}
.ul-liste2 {
  margin: 0 -20px
}
.ul-liste2 li {
  float: left;
  width: 50%;
  margin-bottom: 28px
}
.ul-liste2 .con {
  display: block;
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(104, 20, 224, .18);
  padding: 30px 30px 28px;
  border-bottom: 2px solid #f69332;
  margin: 0 20px;
  transition: .5s
}
.ul-liste1 li:nth-child(even) .ul-liste2 .con {
  border-bottom-color: #D80000
}
.ul-liste2 .con .tit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.5em;
  font-size: 18px;
  color: #000;
  transition: .5s;
  margin-bottom: 7px
}
.ul-liste2 .con:hover .tit {
  color: #fff
}
.ul-liste2 .con:hover {
  background-color: #D80000
}
.ul-liste1 li:nth-child(odd) .ul-liste2 .con:hover {
  background-color: #f69332
}
.ul-liste1 li:nth-child(odd) .ul-liste2 .con:hover .tit {
  color: #fff
}
.ul-liste2 .con .date {
  font-size: 16px;
  color: grey;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.5em;
  transition: .5s
}
.ul-liste2 .con:hover .date {
  color: #fff
}
.row-index04 {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0 209px
}
.row-index04 .wp {
  max-width: 1750px
}
.row-index05, .row-index06 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
.row-index05 .wp {
  max-width: 1760px
}
.row-index05 .inner {
  overflow: hidden;
  padding: 68px 0 30px
}
.row-index05 .inner .font {
  float: left;
  width: 374px;
  padding-top: 30px
}
.row-index05 .inner .font img {
  display: block
}
.row-index05 .itemr {
  float: right
}
.ul-liste3 li {
  float: left;
  margin-left: 34px
}
.ul-liste3 li:first-child {
  margin-left: 0
}
.ul-liste3 li:nth-child(2) {
  margin-top: 74px
}
.ul-liste3 .item {
  width: 400px;
  height: 600px
}
.ul-liste3 .con {
  display: block;
  position: relative;
  box-shadow: 0 9px 16px 6px rgba(0, 0, 0, .3)
}
.ul-liste3 .con .pic {
  width: 100%;
  height: 100%;
  overflow: hidden
}
.ul-liste3 .con .pic img {
  position: static;
  transition: .5s;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.ul-liste3 .con:hover .pic img {
  transform: scale(1.08)
}
.ul-liste3 .con::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .05) 40%);
  opacity: .6
}
.ul-liste3 .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding-bottom: 10px
}
.ul-liste3 .txt .tit {
  padding: 0 20px;
  font-size: 20px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  height: 1.5em;
  transition: .5s
}
.row-index06 {
  padding-bottom: 77px
}
.row-index06 .inner {
  overflow: hidden;
  padding: 185px 0 83px
}
.row-index06 .g-idxtop {
  margin-bottom: 74px
}
.row-index06 .inner .iteml {
  float: left;
  width: 43.9%
}
.row-index06 .inner .itemr {
  float: right;
  width: 46.9%
}
.ul-liste4 {
  overflow: hidden
}
.ul-liste4 li {
  margin-bottom: 42px
}
.ul-liste4 .con {
  overflow: hidden;
  padding: 0 0 25px;
  border-bottom: 1px solid rgba(0, 0, 0, .2)
}
.ul-liste4 .date {
  text-align: center;
  font-size: 14px;
  color: #fff;
  width: 63px;
  height: 63px;
  background: linear-gradient(0deg, #1bbf87 0, #D80000 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-right: 40px
}
.ul-liste4 .date .ri {
  font-size: 28px;
  color: #fff;
  line-height: 1.1
}
.ul-liste4 .tit {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 63px;
  height: 63px;
  font-size: 18px;
  color: #000;
  font-style: italic;
  transition: .5s
}
.ul-liste4 .con:hover .tit {
  color: #D80000
}
.ul-liste5 li {
  margin-bottom: 39px
}
.ul-liste5 .con {
  position: relative;
  display: block;
  padding-bottom: 25px;
  overflow: hidden
}
.ul-liste5 .con::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: ' ';
  display: block;
  height: 1px;
  width: calc(100% - 46px);
  background-color: rgba(0, 0, 0, .2)
}
.ul-liste5 .pic {
  width: 299px;
  height: 196px;
  overflow: hidden;
  margin-right: 33px;
  float: left
}
.ul-liste5 .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s
}
.ul-liste5 .con:hover .pic img {
  transform: scale(1.08)
}
.ul-liste5 .txt {
  overflow: hidden;
  padding-left: 22px;
  height: 189px;
  border-left: 4px solid #D80000
}
.ul-liste5 .tit {
  font-size: 18px;
  color: #000;
  font-style: italic;
  white-space: nowrap;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 19px;
  transition: .5s
}
.ul-liste5 .con:hover .tit {
  color: #D80000
}
.ul-liste5 .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  height: 6em;
  font-size: 16px;
  color: #8e8e8e;
  margin-bottom: 22px;
  transition: .5s
}
.ul-liste5 .date {
  font-size: 18px;
  color: #000;
  font-style: italic
}
.ul-liste6 {
  overflow: hidden;
  margin: 0 -25px
}
.ul-liste6 li {
  float: left;
  width: 33.3%;
  padding-bottom: 52px
}
.ul-liste6 .item {
  display: block;
  margin: 0 25px
}
.ul-liste6 .pic {
  padding-top: 42.1%
}
.ul-liste6 .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 0
}
.ul-liste6 .txt .tit {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, .5);
  transition: .5s;
  margin-bottom: 0
}
.ul-liste6 .item:hover .tit {
  color: #D80000
}
@media only screen and (min-width:1200px) and (max-width:1920px) {
  .g-swiper-e1 .swiper-button-next, .g-swiper-e1 .swiper-button-prev, .g-swiper-e1 .swiper-rtl .swiper-button-next, .g-swiper-e1 .swiper-rtl .swiper-button-prev {
    width: 1.979vw;
    height: 1.979vw;
    border-radius: 0;
    background-image: url(../images/right.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 5.052vw;
    right: 0;
    top: auto !important;
    bottom: 0;
    opacity: 1 !important;
    transition: .5s;
    margin-top: 0 !important
  }
  .g-swiper-e1 .swiper-button-next, .g-swiper-e1 .swiper-button-prev {
    transition: .5s
  }
  .g-swiper-e1 .swiper-button-prev {
    background-image: url(../images/left.png);
    left: 0;
    right: auto;
    opacity: 1 !important
  }
  .g-swiper-e1 .swiper-pagination {
    right: 0;
    bottom: 0;
    left: auto;
    width: auto;
    font-size: .937vw
  }
  .g-swiper-e1 .swiper-pagination-current {
    font-weight: 700;
    font-size: 1.562vw
  }
  .swiper-e1 .g-pice1 {
    padding-bottom: 2.708vw
  }
  .banner .pic img {
    object-fit: cover
  }
  .banner .slick-dots {
    bottom: 2.968vw;
    transform: translateX(-50%);
    font-size: 0
  }
  .banner .slick-dots li {
    margin: 0 .781vw;
    width: 2.447vw;
    height: 2.447vw
  }
  .banner .slick-dots button {
    font-size: 0;
    border: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    background: url(../images/icon1.png) center center no-repeat;
    background-size: contain;
    opacity: 0
  }
  .banner .slick-dots li:after {
    content: "";
    width: 1.666vw;
    height: 1.666vw;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
  }
  .banner .slick-dots li.slick-active button {
    opacity: 1
  }
  .banner .slick-dots li.slick-active:after {
    opacity: 0
  }
  .g-idxtop {
    margin-bottom: 4.531vw
  }
  .g-idxtop .g-idxtit {
    padding-left: 1.041vw;
    border-left: solid #11998e;
    line-height: 1.4
  }
  .g-idxtop .g-idxtit .en {
    font-size: 1.354vw;
    margin-bottom: .572vw
  }
  .g-idxtop .g-idxtit .tit {
    font-weight: 700;
    font-size: 1.666vw
  }
  .g-idxmore {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: .937vw;
    transition: .5s
  }
  .g-idxmore:hover {
    opacity: .6
  }
  .g-idxmore .icon {
    width: 1.562vw;
    height: 1.562vw;
    border-radius: 50%;
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    background-size: 1.041vw auto;
    margin-left: .26vw
  }
  .g-pice1 .pic {
    padding-top: 66.8%;
    box-shadow: 0 0 1.979vw 0 rgba(0, 74, 152, .09);
    margin-bottom: .625vw
  }
  .g-pice1 .pic img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: .5s
  }
  .g-pice1:hover .pic img {
    transform: scale(1.08)
  }
  .g-pice1 .txt {
    padding: .52vw 0
  }
  .g-pice1 .date {
    font-weight: 700;
    font-size: .833vw;
    margin-bottom: .833vw
  }
  .g-pice1 .tit {
    white-space: nowrap;
    font-size: .937vw;
    transition: .5s;
    margin-bottom: 1.25vw
  }
  .g-pice1 .desc {
    font-size: .729vw;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    height: 5.2em
  }
  .row-index02 {
    padding: 4.895vw 0 11.92vw;
    background-size: cover;
    background-repeat: no-repeat
  }
  .row-index02 .inner .r {
    width: 32.5%
  }
  .m-idxe1 .con1 {
    margin-bottom: 3.697vw
  }
  .m-idxe1 .g-pice1 .pic {
    padding-top: 61.8%
  }
  .m-idxe1 .g-pice1 .txt {
    padding: .833vw 0 0 2.604vw;
    border-left: solid #D80000
  }
  .m-idxe1 .g-pice1 .date {
    margin-bottom: .468vw
  }
  .swiper-e2 .g-pice1 .pic {
    padding-top: 70.8%
  }
  .swiper-e2 .pic::after {
    left: 0;
    top: 0;
    bottom: 0;
    content: ' ';
    object-fit: cover;
    opacity: .2
  }
  .swiper-e2 .date1 {
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 1.875vw;
    line-height: 1.2
  }
  .swiper-e2 .date1 .nian {
    font-size: 1.562vw
  }
  .swiper-e2 .g-pice1 .tit {
    height: 2.6em;
    line-height: 1.3;
    white-space: inherit;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: .5s
  }
  .swiper-e2 .g-pice1:hover .tit {
    opacity: .8
  }
  .swiper-e2 .g-pice1 .txt {
    padding: 1.458vw 1.25vw 1.718vw;
    background: rgba(7, 65, 45, .27)
  }
  .g-swiper-e2 {
    padding: 0 2.291vw;
    margin: 0 -2.291vw
  }
  .g-swiper-e2 .swiper-button-next, .g-swiper-e2 .swiper-button-prev, .g-swiper-e2 .swiper-rtl .swiper-button-next, .g-swiper-e2 .swiper-rtl .swiper-button-prev {
    width: 5.208vw;
    height: 5.208vw;
    background: url(../images/right2.png) center no-repeat #fff;
    box-shadow: 0 0 1.406vw 0 rgba(0, 0, 0, .24);
    border-radius: 50%;
    background-size: 1.614vw auto;
    right: 0;
    left: auto;
    top: 50% !important;
    margin-top: 0 !important;
    transform: translateY(-50%)
  }
  .g-swiper-e2 .swiper-button-prev {
    background-image: url(../images/left2.png);
    right: auto;
    left: 0;
    opacity: 1 !important
  }
  .row-index03 {
    margin-top: -5.989vw;
    padding: 8.125vw 0 10.72vw;
    background-size: 100% 100%;
    background-repeat: no-repeat
  }
  .row-index03 .g-idxtop {
    margin-bottom: 6.458vw
  }
  .row-index03 .g-idxtit {
    margin-bottom: 3.385vw
  }
  .ul-liste1 .li {
    padding-top: 3.645vw;
    margin-bottom: 2.343vw
  }
  .ul-liste1 .pic {
    height: 31.97vw;
    padding: 2.552vw 0 2.552vw 3.125vw
  }
  .ul-liste1 .item {
    padding-right: 3.125vw
  }
  .ul-liste1 li:nth-child(even) .item {
    padding-left: 3.125vw
  }
  .ul-liste1 .iteml .pic::after {
    left: 0;
    top: 0;
    content: ' ';
    width: 34.84vw;
    bottom: 0;
    background-image: url(../images/bg2.png);
    background-size: cover;
    background-repeat: no-repeat
  }
  .ul-liste1 .iteml .pic .pic1 img {
    object-fit: cover;
    transition: .5s
  }
  .ul-liste1 .iteml .pic .pic1:hover img {
    transform: scale(1.08)
  }
  .ul-liste1 .iteml .pic .txt {
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.958vw;
    line-height: 3.958vw;
    background: rgba(0, 0, 0, .4);
    padding: 0 2.395vw;
    white-space: nowrap;
    font-size: 1.25vw;
    transition: .5s
  }
  .ul-liste1 li:nth-child(even) .iteml .pic::after {
    left: auto;
    right: 0;
    background-image: url(../images/bg3.png);
    background-size: cover;
    background-repeat: no-repeat
  }
  .ul-liste1 li:nth-child(even) .pic {
    padding: 2.552vw 3.125vw 2.552vw 0
  }
  .ul-liste2 {
    margin: 0 -1.041vw
  }
  .ul-liste2 li {
    margin-bottom: 1.458vw
  }
  .ul-liste2 .con {
    background: #fff;
    box-shadow: 0 0 .312vw 0 rgba(104, 20, 224, .18);
    padding: 1.562vw 1.562vw 1.458vw;
    border-bottom-width: .15vw;
    margin: 0 1.041vw
  }
  .ul-liste2 .con .tit {
    white-space: nowrap;
    height: 1.5em;
    font-size: .937vw;
    transition: .5s;
    margin-bottom: .364vw
  }
  .ul-liste2 .con .date {
    font-size: .833vw;
    white-space: nowrap;
    height: 1.5em
  }
  .row-index04 {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5.208vw 0 10.88vw
  }
  .row-index04 .wp {
    max-width: 91.14vw
  }
  .row-index05, .row-index06 {
    background-size: cover;
    background-repeat: no-repeat
  }
  .row-index05 .wp {
    max-width: 91.66vw
  }
  .row-index05 .inner {
    padding: 3.541vw 0 1.562vw
  }
  .row-index05 .inner .font {
    width: 19.47vw;
    padding-top: 1.562vw
  }
  .ul-liste3 li {
    margin-left: 1.77vw
  }
  .ul-liste3 li:nth-child(2) {
    margin-top: 3.854vw
  }
  .ul-liste3 .item {
    width: 20.83vw;
    height: 31.25vw
  }
  .ul-liste3 .con {
    box-shadow: 0 .468vw .833vw .312vw rgba(0, 0, 0, .3)
  }
  .ul-liste3 .con::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    object-fit: cover;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, .05) 40%);
    opacity: .6
  }
  .ul-liste3 .txt {
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: .52vw
  }
  .ul-liste3 .txt .tit {
    padding: 0 1.041vw;
    font-size: 1.041vw;
    white-space: nowrap;
    height: 1.5em;
    transition: .5s
  }
  .row-index06 {
    padding-bottom: 4.010vw
  }
  .row-index06 .inner {
    padding: 9.635vw 0 4.322vw
  }
  .row-index06 .g-idxtop {
    margin-bottom: 3.854vw
  }
  .row-index06 .inner .iteml {
    width: 43.9%
  }
  .row-index06 .inner .itemr {
    width: 46.9%
  }
  .ul-liste4 li {
    margin-bottom: 2.187vw
  }
  .ul-liste4 .con {
    padding: 0 0 1.302vw;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
  }
  .ul-liste4 .date {
    font-size: .729vw;
    width: 3.281vw;
    height: 3.281vw;
    background: linear-gradient(0deg, #1bbf87 0, #D80000 100%);
    justify-content: center;
    align-items: center;
    margin-right: 2.083vw
  }
  .ul-liste4 .date .ri {
    font-size: 1.458vw;
    line-height: 1.1
  }
  .ul-liste4 .tit {
    white-space: nowrap;
    line-height: 3.281vw;
    height: 3.281vw;
    font-size: .937vw;
    font-style: italic;
    transition: .5s
  }
  .ul-liste5 li {
    margin-bottom: 2.031vw
  }
  .ul-liste5 .con {
    padding-bottom: 1.302vw
  }
  .ul-liste5 .con::after {
    left: 0;
    bottom: 0;
    content: ' ';
    height: 1px;
    width: calc(100% - 2.395vw)
  }
  .ul-liste5 .pic {
    width: 15.57vw;
    height: 10.2vw;
    margin-right: 1.718vw
  }
  .ul-liste5 .pic img {
    object-fit: cover;
    transition: .5s
  }
  .ul-liste5 .con:hover .pic img {
    transform: scale(1.08)
  }
  .ul-liste5 .txt {
    padding-left: 1.145vw;
    height: 9.843vw;
    border-left: solid #D80000
  }
  .ul-liste5 .tit {
    font-size: .937vw;
    font-style: italic;
    white-space: nowrap;
    height: 1.5em;
    margin-bottom: .989vw;
    transition: .5s
  }
  .ul-liste5 .desc {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 6em;
    font-size: .833vw;
    margin-bottom: 1.145vw;
    transition: .5s
  }
  .ul-liste5 .date {
    font-size: .937vw;
    font-style: italic
  }
  .ul-liste6 {
    margin: 0 -1.302vw
  }
  .ul-liste6 li {
    width: 33.3%;
    padding-bottom: 2.708vw
  }
  .ul-liste6 .item {
    margin: 0 1.302vw
  }
  .ul-liste6 .pic {
    padding-top: 48.3%
  }
  .ul-liste6 .txt {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0
  }
  .ul-liste6 .txt .tit {
    height: 3.125vw;
    line-height: 3.125vw;
    padding: 0 1.041vw;
    font-size: .937vw;
    background: rgba(0, 0, 0, .5);
    transition: .5s
  }
}
@media only screen and (min-width:1200px) and (max-width:1400px) {
  .desc p, .ftlogo .tit, .ftlogo .tit a, .g-idxmore, .g-pice1 .date, .g-swiper-e1 .swiper-pagination, .ul-liste2 .con .date, .ul-liste5 .desc {
    font-size: 12px
  }
  .g-pice1 .tit {
    font-size: 16px
  }
  .g-pice1 .desc, .ul-liste2 .con .tit, .ul-liste3 .txt .tit, .ul-liste6 .txt .tit {
    font-size: 14px
  }
  .ul-liste6 .txt .tit {
    height: 40px;
    line-height: 40px
  }
  .g-swiper-e1 .swiper-pagination-current {
    font-size: 21px
  }
  .g-idxmore .icon {
    width: 21.5px;
    height: 21.5px;
    background-size: 14px auto;
    margin-left: 3px
  }
  .ul-liste4 .date .ri {
    font-size: 19.6px
  }
  .ul-liste4 .date {
    font-size: 12px;
    width: 50px;
    height: 50px
  }
  .ul-liste4 .tit, .ul-liste5 .date, .ul-liste5 .tit {
    font-size: 13px
  }
  .ul-liste5 .txt {
    height: 136px
  }
  .ul-liste5 .pic {
    height: 139px
  }
}
.row-index05 .inner .g-idxtop {
  display: none
}
@media only screen and (max-width:1200px) {
  .banner .slick-dots li:after {
    width: 25px;
    height: 25px
  }
  .banner .slick-dots li {
    margin: 0 10px;
    width: 40px;
    height: 40px
  }
  .row-index02 {
    padding: 30px 0 35px
  }
  .g-idxtop {
    margin-bottom: 20px
  }
  .g-idxtop .g-idxtit {
    padding-left: 15px;
    border-left: 3px solid #11998e
  }
  .g-idxtop .g-idxtit .en {
    font-size: 20px;
    margin-bottom: 8px
  }
  .g-idxtop .g-idxtit .tit {
    font-size: 25px
  }
  .g-idxmore {
    cursor: pointer;
    font-size: 16px
  }
  .g-idxmore .icon {
    width: 28px;
    height: 28px;
    background-size: 18px auto;
    margin-left: 5px
  }
  .row-index02 .inner .l, .row-index02 .inner .r {
    width: 100%;
    float: none
  }
  .row-index02 .inner .l {
    margin-bottom: 20px
  }
  .m-idxe1 {
    overflow: hidden
  }
  .m-idxe1 .con1 {
    float: left;
    width: 49%;
    margin-bottom: 0
  }
  .m-idxe1 .con2 {
    float: right;
    width: 49%;
    margin-bottom: 0
  }
  .row-index03 {
    margin-top: 0;
    padding: 59px 0 106px;
    background-size: 100% 100%;
    background-color: #D80000
  }
  .row-index03 .g-idxtop {
    margin-bottom: 30px
  }
  .g-swiper-e2 {
    padding: 0 44px;
    margin: 0
  }
  .g-swiper-e2 .swiper-button-next, .g-swiper-e2 .swiper-button-prev, .g-swiper-e2 .swiper-rtl .swiper-button-next, .g-swiper-e2 .swiper-rtl .swiper-button-prev {
    width: 80px;
    height: 80px;
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, .24);
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center
  }
  .ul-liste1 .li {
    padding-top: 30px;
    margin-bottom: 15px
  }
  .ul-liste1 .iteml .pic::after {
    width: 100%
  }
  .ul-liste1 .iteml, .ul-liste1 .itemr {
    float: none;
    width: 100%
  }
  .ul-liste1 .iteml {
    margin-bottom: 40px
  }
  .ul-liste1 .item {
    padding: 0 !important
  }
  .row-index04 {
    padding: 30px 0 50px
  }
  .ul-liste2 {
    margin: 0
  }
  .ul-liste2 li {
    float: none;
    width: 100%
  }
  .ul-liste2 .con {
    margin: 0
  }
  .row-index05 .inner .font {
    display: none
  }
  .row-index05 .inner .g-idxtop {
    display: block;
    text-align: center
  }
  .row-index05 .itemr {
    float: none
  }
  .ul-liste3 {
    margin: 0 -10px
  }
  .ul-liste3 .item {
    width: auto;
    height: auto
  }
  .ul-liste3 .con {
    margin: 0 10px
  }
  .ul-liste3 .con .pic {
    width: 100%;
    height: 400px;
    overflow: hidden
  }
  .ul-liste3 li {
    width: 33.3%;
    float: left;
    margin: 0 0 20px
  }
  .ul-liste3 li:nth-child(2) {
    margin-top: 0
  }
  .row-index05 .inner {
    overflow: hidden;
    padding: 68px 0 60px
  }
  .row-index06 .inner {
    overflow: hidden;
    padding: 80px 0 23px
  }
  .row-index06 .inner .iteml, .row-index06 .inner .itemr {
    float: none;
    width: 100%
  }
  .row-index06 .g-idxtop {
    margin-bottom: 39px
  }
  .row-index06 {
    padding-bottom: 20px
  }
  .ul-liste6 li {
    float: left;
    width: 50%;
    padding-bottom: 25px
  }
}
@media only screen and (max-width:767px) {
  .g-swiper-e1 .swiper-button-prev {
    left: auto;
    right: 55%
  }
  .g-swiper-e1 .swiper-button-next {
    left: 55%;
    right: auto
  }
  .swiper-e2 .date1 {
    font-size: 25px
  }
  .swiper-e2 .date1 .nian {
    font-size: 20px
  }
  .swiper-e2 .g-pice1 .txt {
    padding: 20px 10px
  }
  .g-swiper-e2 {
    padding: 0 26px
  }
  .g-swiper-e2 .swiper-button-next, .g-swiper-e2 .swiper-button-prev, .g-swiper-e2 .swiper-rtl .swiper-button-next, .g-swiper-e2 .swiper-rtl .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: center
  }
  .g-swiper-e2 .swiper-button-prev {
    left: 0;
    right: auto
  }
  .g-swiper-e2 .swiper-button-next {
    left: auto;
    right: 0
  }
  .g-pice1 .tit {
    font-size: 16px
  }
  .g-idxtop .g-idxtit .en {
    font-size: 14px;
    margin-bottom: 2px
  }
  .g-idxtop .g-idxtit .tit {
    font-size: 18px
  }
  .g-idxmore {
    cursor: pointer;
    font-size: 12px
  }
  .g-idxmore .icon {
    width: 26px;
    height: 26px;
    background-size: 16px auto;
    margin-left: 5px
  }
  .banner .slick-dots li {
    margin: 0 3px;
    width: 25px;
    height: 25px
  }
  .banner .slick-dots li:after {
    width: 16px;
    height: 16px
  }
  .banner .slick-dots {
    position: absolute;
    bottom: 13px
  }
  .m-idxe1 .g-pice1 .txt {
    padding: 11px 0 0 17px;
    border-left: 3px solid #D80000
  }
  .row-index03 {
    padding: 38px 0 65px
  }
  .row-index02 {
    padding: 30px 0
  }
  .row-index03 .g-idxtit {
    margin-bottom: 30px
  }
  .ul-liste1 .pic {
    height: auto !important;
    padding: 0 !important
  }
  .ul-liste1 .iteml .pic::after {
    display: none
  }
  .row-index04 {
    padding: 0 0 20px
  }
  .ul-liste1 .iteml .pic .txt {
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, .4);
    padding: 0 20px;
    font-size: 17px
  }
  .ul-liste2 .con {
    padding: 20px 15px 22px
  }
  .ul-liste2 .con .tit {
    font-size: 16px;
    margin-bottom: 5px
  }
  .ul-liste2 .con .date {
    font-size: 14px
  }
  .row-index05 .inner {
    padding: 38px 0 20px
  }
  .ul-liste3, .ul-liste3 .con {
    margin: 0
  }
  .ul-liste3 li {
    width: 100%;
    float: none;
    margin: 0 0 20px
  }
  .ul-liste3 .con .pic {
    width: 100%;
    height: auto;
    overflow: hidden
  }
  .ul-liste3 .txt .tit {
    padding: 0 10px;
    font-size: 16px
  }
  .row-index06 .inner {
    overflow: hidden;
    padding: 40px 0 10px
  }
  .ul-liste4 .date .ri {
    font-size: 20px
  }
  .ul-liste4 .date {
    font-size: 12px;
    width: 56px;
    height: 56px;
    margin-right: 15px
  }
  .ul-liste4 .tit {
    line-height: 56px;
    height: 56px;
    font-size: 15px
  }
  .ul-liste4 .con {
    padding: 0 0 18px
  }
  .ul-liste4 li {
    margin-bottom: 25px
  }
  .ul-liste5 .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-right: 0;
    float: none;
    margin-bottom: 20px
  }
  .ul-liste5 .txt {
    overflow: hidden;
    padding-left: 0;
    height: auto;
    border-left: none
  }
  .ul-liste5 .tit {
    font-size: 16px;
    margin-bottom: 7px
  }
  .ul-liste5 .desc {
    font-size: 14px;
    margin-bottom: 8px
  }
  .ul-liste5 .date {
    font-size: 13px
  }
  .ul-liste5 .con::after {
    width: 100%
  }
  .ul-liste5 li {
    margin-bottom: 30px
  }
  .ul-liste5 .con {
    padding-bottom: 20px
  }
  .ul-liste6 {
    margin: 0
  }
  .ul-liste6 li {
    float: none;
    width: 100%;
    padding-bottom: 10px
  }
  .ul-liste6 .item {
    display: block;
    margin: 0
  }
  .ul-liste6 .txt .tit {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 16px
  }
  .m-idxe1 .con1 {
    float: none;
    width: 100%;
    margin-bottom: 25px
  }
  .m-idxe1 .con2 {
    float: none;
    width: 100%;
    margin-bottom: 0
  }
  .m-idxe1 .g-pice1 .tit {
    margin-bottom: 0
  }
  .g-swiper-e1 .swiper-pagination {
    display: none
  }
}
.g-row3 {
  padding: 50px 0 60px
}
.ul-imgtxt3-qm {
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 30px
}
.ul-imgtxt3-qm li {
  overflow: hidden;
  padding: 40px 0;
  border-bottom: 1px solid #eee
}
.ul-imgtxt3-qm li:first-child {
  padding: 0 0 40px
}
.ul-imgtxt3-qm li:last-child {
  border: none
}
.ul-imgtxt3-qm li a {
  display: block;
  width: 100%;
  height: 100%
}
.ul-imgtxt3-qm .pic {
  float: left;
  width: 260px;
  height: 160px;
  margin-right: 40px;
  overflow: hidden
}
.ul-imgtxt3-qm .pic img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.ul-imgtxt3-qm a:hover .pic img {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08)
}
.ul-imgtxt3-qm .txt {
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  color: #666
}
.ul-imgtxt3-qm .txt h3 {
  font-size: 24px;
  line-height: 26px;
  color: #333;
  margin-top: 12px;
  margin-bottom: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ul-imgtxt3-qm a:hover .txt h3 {
  color: #265798
}
.ul-imgtxt3-qm .txt p {
  height: 48px;
  overflow: hidden
}
.ul-imgtxt3-qm .info {
  overflow: hidden;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-bottom: 24px
}
.ul-imgtxt3-qm .info span {
  margin-right: 20px
}
.ul-imgtxt3-qm .info span i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 5px;
  margin-top: -2px
}
@media only screen and (max-width:1199px) {
  .g-row3 {
    padding: 30px 0 20px
  }
  .ul-imgtxt3-qm li {
    padding: 20px 0
  }
  .ul-imgtxt3-qm li:first-child {
    padding: 0 0 20px
  }
  .ul-imgtxt3-qm .pic {
    margin-right: 20px
  }
  .ul-imgtxt3-qm .txt h3 {
    font-size: 20px;
    line-height: 22px
  }
}
@media only screen and (max-width:767px) {
  .ul-imgtxt3-qm .pic {
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px
  }
  .ul-imgtxt3-qm .txt h3 {
    margin-top: 0;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px
  }
  .ul-imgtxt3-qm .info {
    margin-bottom: 10px;
    font-size: 13px
  }
  .ul-imgtxt3-qm .txt {
    font-size: 14px
  }
  .ul-imgtxt3-qm .txt p {
    height: auto
  }
}



.m-txtg3 {
  box-shadow: 0 0 6px 0 rgba(1, 74, 153, .1);
  position: relative;
  z-index: 2;
  background-color: #fff
}
.js-tabg1 {
  border-bottom: 1px dashed #ddd;
}
.js-tabg1:last-child {
  border-bottom-color: transparent;
}
.js-tabg1 dt {
   position: relative;
}
.js-tabg1 .link {
  position: relative;
  padding: 0 20px
}
.js-tabg1 .link a {
  position: relative;
  font-size: 18px;
  color: #000;
  transition: .5s
}
.js-tabg1 em {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-image: url(../images/icon-openg.png);
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: right center;
  width: 25px;
  height: 25px;
  display: block;
  transition: .5s
}
.js-tabg1 .on .link a, .js-tabg1 dt:hover .link a {
  color: #fff
}
.js-tabg1 .on .link, .js-tabg1 dt:hover .link {
  background-color: #D80000
}
.js-tabg1 dt:hover em {
  background-image: url(../images/icon-openg2.png)
}
.js-tabg1 .on em {
  background-image: url(../images/icon-closeg.png)
}
.js-tabg1 .tit1 {
  display: block;
  font-size: 16px;
  padding: 20px 40px
}


@media only screen and (min-width:1200px) {
  .m-txtg3 {
    box-shadow: 0 0 .312vw 0 rgba(1, 74, 153, .1)
  }
  .js-tabg1 {
    border-bottom: 1px dashed #ddd
  }
  .js-tabg1:last-child {
    border-bottom-color: transparent
  }
  .js-tabg1 .link {
    padding: 1.562vw 1.041vw
  }
  .js-tabg1 .link a {
    font-size: .937vw;
    transition: .5s
  }
  .js-tabg1 em {
    right: 1.041vw;
    background-image: url(../images/icon-openg.png);
    background-size: 1.302vw auto;
    background-repeat: no-repeat;
    background-position: right center;
    width: 1.302vw;
    height: 1.302vw
  }
  .js-tabg1 .link:hover em {
    background-image: url(../images/icon-openg2.png)
  }
  .js-tabg1 .on .link em {
    background-image: url(../images/icon-closeg.png)
  }
  .js-tabg1 .tit1 {
    font-size: .833vw;
    padding: 1.041vw 2.083vw
  }
}
@media screen and (max-width:1199px) {
  .snv {
    margin: 10px 0 0 !important
  }
}
@media only screen and (max-width:767px) {
  .snv .link {
    line-height: normal !important;
    padding: 15px 0 !important
  }
  .js-tabg1 .link {
    padding: 15px 10px
  }
  .js-tabg1 .link a {
    font-size: 14px
  }
  .js-tabg1 em {
    right: 15px;
    background-size: 16px auto;
    background-position: right center
  }
  .js-tabg1 .tit1 {
    font-size: 12px;
    padding: 14px 20px
  }
}
.m-detail_b2 #vsb_content img {
  max-width: 100%;
  margin: 0 auto;
  height: auto !important;
}
@media(max-width: 1024px) {
  .banner {
    margin-top: 1.2rem;
  }
}




/* 外层容器 */
.sidebar-menu-wrap {
  width: 100%;
}
/* 顶部选项卡 */
.sidebar-tab-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}
.sidebar-tab-list li {
  padding: 30px;
  background: #f5f5f5;
  cursor: pointer;
  list-style: none;
	text-align: center;
}
.sidebar-tab-list li.on {
  background: #D80000;
  color: #fff;
}
.sidebar-tab-list .menu-bar {
  font-size: 36px;
  font-weight: 700;
}

/* 栏目分组容器分割线 */
.menu-group-item {
  border-bottom: 1px dashed #ddd;
}
.menu-group-item:last-child {
  border-bottom-color: transparent;
}

/* 一级栏目dt 固定高度66px */
.menu-group-item dt {
  position: relative;
  margin: 0;
  height: 66px;
  line-height: 66px;
  overflow: hidden;
}
.menu-group-item .menu-bar {
  position: relative;
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  transition: background-color 0.4s ease;
  transform: translateZ(0); /* 解决hover上下漂移 */
}
/* 一级栏目文字 */
.menu-group-item .menu-bar .menu-text {
  font-size: 30px;
  color: #000;
  text-decoration: none;
  transition: color 0.4s ease;
}
/* 右侧展开箭头（有子栏目才输出） */
.menu-group-item em {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 25px;
  height: 25px;
  background-image: url(../images/icon-openg.png);
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%);
  transition: background-image 0.4s ease;
}

/* hover激活样式 */
.menu-group-item dt:hover .menu-bar,
.menu-group-item .on .menu-bar {
  background-color: #D80000;
}
.menu-group-item dt:hover .menu-bar .menu-text,
.menu-group-item .on .menu-bar .menu-text {
  color: #fff;
}
.menu-group-item dt:hover em {
  background-image: url(../images/icon-openg2.png);
}
.menu-group-item .on em {
  background-image: url(../images/icon-closeg.png);
}

/* 二级子栏目 */
.menu-group-item dd {
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
.menu-group-item dd .menu-text {
  display: block;
  font-size: 28px;
  color: #333;
  padding: 8px 0;
  text-decoration: none;
  transition: color 0.3s;
}
.menu-group-item dd .menu-text:hover {
  color: #D80000;
}

/* ====================== 手机端适配（≤768px） ====================== */
@media screen and (max-width: 768px) {
  /* 顶部标题缩小 */
  .sidebar-tab-list li {
    padding: 16px;
	margin-top: 10px;
  }
  .sidebar-tab-list .menu-bar {
    font-size: 20px;
  }

  /* 一级栏目高度、文字、内边距缩小 */
  .menu-group-item dt {
    height: 48px;
    line-height: 48px;
  }
  .menu-group-item .menu-bar {
    padding: 0 14px;
  }
  .menu-group-item .menu-bar .menu-text {
    font-size: 18px;
  }

  /* 箭头缩小 */
  .menu-group-item em {
    right: 14px;
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }

  /* 二级栏目缩进减小，避免贴边 */
  .menu-group-item dd {
    padding-left: 24px;
  }
  .menu-group-item dd .menu-text {
    font-size: 14px;
  }
}