body,
html {
  width: 100%;
  height: 100%;
  min-width: 1420px;
  max-width: 1920px;
  margin: 0 auto!important;
  overflow-x: hidden
}
::-webkit-scrollbar {
  display: none
}
.section {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  position: relative
}
.m_header {
  display: none
}
.section2 {
  background: url(../images/back1.png) no-repeat center;
  background-size: 100% 100%
}
.section3 {
  background: url(../images/back2.png) no-repeat center;
  background-size: 100% 100%
}
.qp_cont {
  position: relative
}
.font1 {
  font-size: 16px
}
.font2 {
  font-size: 24px
}
.font3 {
  font-size: 18px
}
.font4 {
  font-size: 32px
}
.font5 {
  font-size: 22px
}
.font6 {
  font-size: 36px
}
.font7 {
  font-size: 30px
}
.font8 {
  font-size: 28px
}
.x_navh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 120px;
  background-color: rgba(0,0,0,.25);
  z-index: 9
}
.x_enav {
  margin: 0 70px;
  position: relative;
  height: 100%
}
.x_logo {
  display: block;
  margin-top: 45px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(.8);
  -webkit-transform: scale(.8);
  transition: all 1s;
  -webkit-transition: all 1s
}
.x_logo.show {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1)
}
.tp_logo {
  display: block;
  width: 190px
}
.x_seah {
  display: block;
  position: absolute;
  right: 0;
  top: 42px
}
.tp_sech {
  display: block;
  width: 36px
}
.nav_box {
  position: absolute;
  top: 0;
  right: 120px
}
.nav_lv {
  display: flex;
  align-items: center
}
.nav_item {
  width: 122px;
  margin: 0 20px
}
.aj_item {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 30px
}
.ym_plk {
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-align: center
}
.aj_lip {
  position: relative;
  z-index: 9
}
.ls_item {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  background-color: #637c6a
}
.ls_item::before {
  content: '';
  height: 100%;
  position: absolute;
  bottom: 20px;
  width: 100%;
  background: url(../images/nav_fo.png) no-repeat center bottom;
  background-size: 32px 32px
}
.sy_ywd {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
  opacity: .5
}
#dt_spw .swiper-pagination-bullet {
  outline: 0!important;
  border: none!important
}
.m-su {
  display: none
}
#Pagination a {
  display: inline-block
}
#Pagination span {
  display: inline-block;
  padding: 7px 12px;
  color: #4d4d4d;
  font-size: 14px;
  margin-right: 10px
}
#Pagination a {
  background-color: #fff;
  display: inline-block;
  padding: 7px 12px;
  color: #4d4d4d;
  margin-right: 10px;
  font-size: 14px
}
#Pagination .current {
  background-color: #425f92;
  color: #fff!important;
  border: none!important
}
#Pagination .next,
#Pagination .prev {
  background-color: #fff;
  color: #333!important
}
#Pagination #pagevalue {
  margin-right: 10px;
  padding: 7px 11px;
  border: none;
  border: 1px solid #eee;
  outline: 0
}
#Pagination {
  width: 100%;
  text-align: center;
  margin-top: 70px
}
.fy_yxs {
  display: block!important
}
.ser_id {
  padding-bottom: 144px
}
.s_lsbd {
  padding: 100px 0 220px 0
}
.ss_wsjt {
  display: block;
  margin: 0 auto;
  width: 240px
}
.pagelist {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 0 0 0
}
.pagelist a {
  display: block;
  padding: 10px 18px;
  color: #555;
  font-size: 20px;
  border-radius: 8px;
  background: #ededed;
  margin: 10px
}
.ym {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%
}
.current {
  background: #637c6a!important;
  color: #fff!important
}
.IndexPage {
  background: #cbae88!important;
  color: #fff!important
}
.sy_dex {
  width: 100%;
  height: 100%;
  position: relative
}
.yh_inde {
  height: 100%;
  position: relative
}
.sw_head {
  display: block;
  width: 100%
}
#sy_bnt {
  width: 100%;
  height: 100%
}
.bn_tlj {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%!important
}
.sw_head {
  display: none
}
.sy_yqt .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: 0 0;
  border: 2px solid #fff;
  opacity: 1;
  margin: 0 14px!important
}
.sy_yqt .swiper-pagination-bullet-active {
  background: #fff
}
.sy_yqt {
  bottom: 50px!important
}
.bt_yjb {
  display: block
}
.bt_left {
  position: absolute;
  left: 0;
  top: 0;
  width: 32%;
  display: flex;
  justify-content: center
}
.nc_pm3 {
  padding-top: 110px
}
.bt_png {
  display: block;
  width: 386px
}
.tw_lef {
  margin-top: 160px;
  display: flex
}
.lf_dyq {
  width: 90px;
  height: 250px;
  background: url(../images/zc_bjt.png) no-repeat 100%;
  background-size: 100% 100%;
  margin-right: 60px
}
.tp_sxk {
  width: 40px;
  margin: auto;
  margin-left: 14px;
  text-align: center;
  font-size: 28px;
  line-height: 34px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 20px)
}
.fy_qkk .swiper-pagination-bullet {
  width: 32px;
  height: 32px;
  background: url(../images/bs_yzj.png) no-repeat;
  background-size: 32px 32px;
  opacity: .3!important;
  border-radius: 0;
  margin: 0 15px!important
}
.fy_qkk .swiper-pagination-bullet-active {
  opacity: 1!important
}
.fy_qkk {
  bottom: 30px!important
}
.bt_rig {
  width: 68%;
  position: absolute;
  right: 0;
  top: 110px
}
.nc_hdp {
  margin-top: 70px
}
.na_lj2 {
  display: block;
  background: #fff
}
.pl_sxw .na_lj2 {
  width: calc(33.33% - 12px);
  float: left;
  margin-right: 15px;
  border: 1px solid #eee;
  margin-bottom: 20px
}
.pl_sxw .na_lj2:nth-child(3n+3) {
  margin-right: 0
}
.pl_sxw .na_lj2 .sm_st2 {
  height: 240px
}
.section2 .nc_hdp .sm_st2 {
  position: relative;
  height: 0;
  padding-top: 66.66%
}
.st_tpa {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.section2 .nc_hdp .st_tpa {
  position: absolute;
  left: 0;
  top: 0
}
.nc_xze {
  padding: 30px
}
.yn_sj1 {
  color: #333;
  margin-bottom: 10px;
  transition: all .5s;
  font-weight: 700
}
.yn_xw2 {
  color: #666;
  line-height: 34px;
  min-height: 110px;
  text-align: justify;
  transition: all .5s
}
.ck_gdk {
  height: 34px;
  text-align: center;
  line-height: 34px;
  border: 2px solid rgba(224,224,224,.7);
  position: relative;
  margin-bottom: 10px;
  color: #333
}
.sg_kkl {
  position: relative;
  width: 146px
}
.sg_kkl span {
  display: block;
  position: absolute;
  background: #b1b1b1;
  opacity: .8
}
.sg_kkl .s1,
.sg_kkl .s2,
.sg_kkl .s3,
.sg_kkl .s4 {
  width: 7px;
  height: 2px
}
.sg_kkl .s5,
.sg_kkl .s6,
.sg_kkl .s7,
.sg_kkl .s8 {
  height: 7px;
  width: 2px
}
.sg_kkl .s1 {
  left: 0;
  top: 0
}
.sg_kkl .s2 {
  right: 0;
  top: 0
}
.sg_kkl .s3 {
  left: 0;
  bottom: 0
}
.sg_kkl .s4 {
  right: 0;
  bottom: 0
}
.sg_kkl .s5 {
  left: 0;
  top: 0
}
.sg_kkl .s6 {
  right: 0;
  top: 0
}
.sg_kkl .s7 {
  left: 0;
  bottom: 0
}
.sg_kkl .s8 {
  right: 0;
  bottom: 0
}
.ny_spw:hover .sg_kkl .s1,
.ny_spw:hover .sg_kkl .s2,
.ny_spw:hover .sg_kkl .s3,
.ny_spw:hover .sg_kkl .s4 {
  width: 100%;
  opacity: 1;
  -webkit-transition: all 1s linear;
  transition: all 1s linear
}
.ny_spw:hover .sg_kkl .s5,
.ny_spw:hover .sg_kkl .s6,
.ny_spw:hover .sg_kkl .s7,
.ny_spw:hover .sg_kkl .s8 {
  height: 100%;
  opacity: 1;
  -webkit-transition: all 1s linear;
  transition: all 1s linear
}
.ny_spw {
  transition: all .5s
}
.ny_spw:hover {
  box-shadow: 5.119px 4.774px 10px 0 rgba(63,82,67,.35)
}
.gjc_lf {
  background-image: url(../images/yc_nvg.png)!important;
  width: 80px!important;
  height: 80px!important;
  top: auto!important;
  bottom: 0;
  background-size: 80px 80px!important;
  right: auto!important;
  left: 180px!important;
  border: none;
  outline: 0
}
.gjc_yb {
  background-image: url(../images/nc_zqh.png)!important;
  width: 80px!important;
  height: 80px!important;
  top: auto!important;
  bottom: 0;
  background-size: 80px 80px!important;
  left: 0;
  border: none;
  outline: 0
}
#pay_nc {
  padding-bottom: 150px
}
#pay_nc::before {
  content: '';
  width: 1px;
  height: 70px;
  background: #fff;
  position: absolute;
  bottom: 8px;
  left: 130px
}
#pay_nc .nc_epk .ny_spw:nth-child(1),
#pay_nc .nc_epk .ny_spw:nth-child(2),
#pay_nc .nc_epk .ny_spw:nth-child(3) {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease
}
.section2.active #pay_nc .nc_epk .ny_spw:nth-child(1) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}
.section2.active #pay_nc .nc_epk .ny_spw:nth-child(2) {
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}
.section2.active #pay_nc .nc_epk .ny_spw:nth-child(3) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}
.yc_zcw {
  height: 100%
}
.yd_wjl {
  top: 0;
  bottom: 0
}
.zc_sgw {
  display: block;
  width: 32%;
  float: left;
  height: 100%;
  border-left: 1px solid #e5cca5;
  position: relative;
  overflow: hidden
}
.sc_lmc {
  padding: 0 32px;
  height: 100%;
  position: relative;
  z-index: 10
}
.zc_sgw .sc_lmc::after {
  content: "";
  display: block;
  background: url(../images/bnwy-6.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}
.writing-vertical {
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: tb-rl;
  -ms-writing-mode: tb-rl
}
.sc_lmc .part1 {
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 80%;
  overflow: hidden
}
.sc_lmc .part1 .rhide {
  position: absolute;
  right: -100%;
  width: 100%;
  height: 100%
}
.part1 .line {
  height: 23%;
  width: 1px;
  background: rgba(229,204,165,.2);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: height .6s ease 0s,right .6s ease .6s;
  transition: height .6s ease 0s,right .6s ease .6s
}
.ln_num {
  color: #fff;
  opacity: .4;
  font-size: 14px;
  position: absolute;
  bottom: -4px;
  left: -2000%
}
.mr_pat {
  position: absolute;
  top: 24%;
  left: 32px;
  right: 32px;
  opacity: 1;
  -webkit-transition: all .8s ease;
  transition: all .8s ease
}
.zc_txk {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff
}
.tx_gdw {
  position: relative;
  width: 180px;
  height: 180px;
  margin: auto
}
.tx_gdw::before {
  content: '';
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.2);
  position: absolute;
  left: -10px;
  top: -10px
}
.zc_tit {
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin-top: 64px
}
.screen3 .mask2box .item .br:after {
  content: "";
  display: block;
  background: url(../image/bnhx-6.png) no-repeat center 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 283px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}
.rhide .num1 {
  font-size: 40px;
  color: #fff;
  float: right;
  margin-right: 10px;
  padding: 0 20px;
  position: relative
}
.rhide .num1::before {
  content: '';
  width: 2px;
  height: 92px;
  background: #f2e6b5;
  position: absolute;
  left: 0;
  top: 0
}
.rhide .num2 {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  float: right;
  height: 80%;
  margin-right: 10px
}
.rhide .num3 {
  width: 38px;
  height: 150px;
  text-align: center;
  border: 2px solid #f2e6b5;
  line-height: 38px;
  color: #fff;
  float: left;
  margin-left: 20px
}
.zc_sgw:hover .part1 {
  padding-top: 18%
}
.zc_sgw:hover .sc_lmc:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.25,.46,.45,.94) .9s;
  transition: -webkit-transform .6s cubic-bezier(.25,.46,.45,.94) .9s;
  transition: transform .6s cubic-bezier(.25,.46,.45,.94) .9s;
  transition: transform .6s cubic-bezier(.25,.46,.45,.94) .9s,-webkit-transform .6s cubic-bezier(.25,.46,.45,.94) .9s
}
.zc_sgw:hover .rhide {
  right: 0;
  -webkit-transition: all .6s cubic-bezier(.25,.46,.45,.94) .9s;
  transition: all .6s cubic-bezier(.25,.46,.45,.94) .9s
}
.zc_sgw:hover .part1 .line {
  height: 40%;
  background: rgba(229,204,165,.2);
  right: 0;
  top: 0
}
.zc_sgw:hover .mr_pat {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0
}
.zc_sgw:hover {
  background: #cbaf7f
}
.xl_bja {
  height: 100%;
  background: url(../images/zr_lsb.png) no-repeat;
  background-size: 100% 100%
}
.xl_bso {
  display: flex;
  align-items: center;
  height: 100%
}
.l_item {
  float: left;
  width: 33.333333%;
  margin-bottom: 80px;
  display: block
}
.section4 .zr_img {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0
}
.section4.active .zr_img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all .8s ease .5s;
  transition: all .8s ease .5s
}
.zr_img > img {
  display: block;
  height: 68px;
  margin: auto
}
.bs_bsp {
  display: none!important
}
.bs_bsp {
  display: none
}
.xl_list {
  width: 100%
}
.xl_bso::before {
  content: '';
  width: 2px;
  height: 100%;
  background: #a9afb7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 33.33%
}
.xl_bso::after {
  content: '';
  width: 2px;
  height: 100%;
  background: #a9afb7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 66.66%
}
.yd_qfv {
  top: 0;
  width: 68%;
  height: 100%
}
.zr_bsz {
  font-size: 30px;
  color: #5a6aa8;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  line-height: 40px
}
.bz_swk {
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  opacity: 0
}
.section4.active .bz_swk {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
  -webkit-transition: all .8s ease .5s;
  transition: all .8s ease .5s;
  transition-delay: .7s
}
.xl_list .l_item:nth-child(1),
.xl_list .l_item:nth-child(2),
.xl_list .l_item:nth-child(3) {
  margin-bottom: 20%
}
.section5 {
  background: url(../images/footer.png) no-repeat center;
  background-size: 100% 100%
}
.ep_rjg {
  width: 62%
}
.hb_ite {
  display: block;
  margin: 0 90px
}
.wp_log {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}
.sb_img {
  display: block;
  height: 100px;
  opacity: 0;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
  transition: all 1s;
  -webkit-transition: all 1s
}
.active .sb_img {
  opacity: 1;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transform: translateX(0);
  -webkit-transform: translateX(0)
}
.sb_pwz {
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin: auto;
  margin-top: 20px;
  opacity: 0;
  transform: translateY(90px);
  -webkit-transform: translateY(90px);
  transition: all 1s;
  -webkit-transition: all 1s;
  letter-spacing: 4px
}
.active .sb_pwz {
  opacity: 1;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transform: translateX(0);
  -webkit-transform: translateX(0)
}
.gd_fot {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(101,6,4,.5)
}
.fot_ec {
  padding: 20px;
 
}
.fot_xc {
  padding: 20px;
 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.fot_ec p{
 display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.wb_alj {
  display: block;
  position: relative;
  color: #fff;
  margin-right: 30px
}
.wb_alj::before {
  content: '';
  width: 2px;
  height: 20px;
  background: #d7c9c3;
  position: absolute;
  right: -15px;
  top: 3px
}
.fot_ec .wb_alj:last-child::before {
  width: 0
}
.l_item:hover .zy_yba {
  animation: rot .5s;
  -webkit-animation: rot .5s
}
.hb_ite:hover .sb_img {
  animation: rot .5s;
  -webkit-animation: rot .5s
}
@keyframes rot {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0)
  }
  25% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg)
  }
  50% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg)
  }
  75% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg)
  }
  100% {
    transform: rotate(0);
    -webkit-transform: rotate(0)
  }
}
.tb_gdw {
  position: relative;
  overflow: hidden
}
.ld_zss {
  display: block;
  width: 100%
}
.zs_xzz {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%
}
.top_bt {
  position: absolute;
  left: 70px;
  bottom: 25%;
height: 129px;
}
.zj_nbk {
  width: 1200px;
  margin: auto;
  padding: 100px 0 160px 0;
  position: relative;
  z-index: 9
}
.gd_ddp {
  display: block;
  margin-bottom: 50px;
  overflow: hidden
}
.zj_lbs .gd_ddp:nth-last-child(1) {
  margin-bottom: 0
}
.zc_img {
  float: left;
  overflow: hidden;
  border-radius: 20px
}
.cw_dtz {
  width: 200px;
  height: 200px;
  overflow: hidden
}
.lc_ywz {
  float: right;
  width: calc(100% - 248px)
}
.py_pt1 {
  color: #555;
  font-weight: 700
}
.py_pt2 {
  color: #999;
  line-height: 34px;
  margin-top: 15px;
  text-indent: 2em;
  margin-bottom: 30px
}
.py_gds {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 36px;
  border: 1px solid #999;
  border-radius: 18px;
  color: #999
}
.mo_jtk {
  display: block;
  width: 17px;
  margin-left: 6px;
  transform: rotate(-90deg)
}
.footer .gd_fot {
  position: relative;
  background: #637c6a
}
.fx_dyb {
  width: 270px;
  height: 88px;
  background: #ece7dc;
  border: 2px solid #967b57;
  margin: auto;
  line-height: 76px;
  margin-bottom: 70px;
  position: relative
}
.fx_dyb::before {
  content: '';
  width: 1px;
  height: 72px;
  background: #a48c6b;
  position: absolute;
  left: 50%;
  bottom: -72px
}
.fz_kkp {
  font-weight: 700;
  color: #7a6146;
  font-size: 42px;
  text-align: center
}
.dw_skk {
  position: relative;
  margin: 5px;
  border: 1px solid #967b57
}
.sp1,
.sp2,
.sp3,
.sp4 {
  width: 3px;
  height: 3px;
  background: #ece7dc
}
.sp1 {
  position: absolute;
  left: -1px;
  top: -1px;
  border-right: 1px solid #967b57;
  border-bottom: 1px solid #967b57
}
.sp2 {
  position: absolute;
  right: -1px;
  top: -1px;
  border-left: 1px solid #967b57;
  border-bottom: 1px solid #967b57
}
.sp3 {
  position: absolute;
  bottom: -1px;
  left: -1px;
  border-right: 1px solid #967b57;
  border-top: 1px solid #967b57
}
.sp4 {
  position: absolute;
  bottom: -1px;
  right: -1px;
  border-left: 1px solid #967b57;
  border-top: 1px solid #967b57
}
.bd_bsk {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 70px
}
.yl_cwk {
  width: 66px;
  height: 220px;
  border: 2px solid #967b57;
  position: relative;
  background: #f1eee8
}
.yl_cwk::before {
  content: '';
  width: 1px;
  height: 70px;
  background: #a48c6b;
  position: absolute;
  left: 50%;
  top: -72px
}
.yl_cwk .dw_skk {
  height: calc(100% - 10px)
}
.yl_cwk .fz_kkp {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 32px
}
.bd_bsk::before {
  content: '';
  width: calc(100% - 68px);
  height: 1px;
  background: #a48c6b;
  position: absolute;
  left: 34px;
  top: 0
}
.js_fzk {
  margin-top: 20px
}
.fz_jsq {
  margin-top: 60px
}
.sz_smc {
  width: 172px;
  height: 56px;
  background: #f1eee8;
  border: 1px solid #8a6b4a;
  border-radius: 10px;
  font-weight: 700;
  color: #8a6b4a;
  display: flex;
  align-items: center;
  justify-content: center
}
.sz_xjs {
  color: #666;
  line-height: 34px;
  text-indent: 2em;
  margin-top: 30px
}
.bg_dbj {
  border: 1px solid #d5c6b5;
  border-bottom: none;
  border-radius: 10px;
  margin-top: 100px;
  overflow: hidden
}
.lk_sjk {
  height: 77px;
  line-height: 77px;
  text-align: center;
  background: #f1eee8;
  font-weight: 700;
  color: #8a6b4a
}
.tz_rzb {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.dg_kkq {
  display: flex;
  justify-content: space-between;
  width: 50%
}
.pl_dyg {
  width: 33.33%;
  color: #8a6b4a;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-right: 1px solid #d5c6b5;
  border-bottom: 1px solid #d5c6b5
}
.tz_rzb .dg_kkq:nth-child(2n+2) .pl_dyg:nth-child(3) {
  border-right: 0
}
.zr_alj {
  float: left;
  display: block;
  width: calc(33.33% - 10px);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  transition: all .5s;
  margin: 0 14px 60px 0
}
.zr_txb .zr_alj:nth-child(3n+3) {
  margin-right: 0
}
.zr_txb .zr_alj:nth-last-child(1),
.zr_txb .zr_alj:nth-last-child(2),
.zr_txb .zr_alj:nth-last-child(3) {
  margin-bottom: 0
}
.tw_dtp {
  display: block;
  width: 100%
}
.tw_xbt {
  color: #fff;
  position: absolute;
  left: 30px;
  bottom: 30px
}
.zr_alj:hover {
  box-shadow: 6.894px 5.785px 8.64px .36px rgba(63,57,55,.4)
}
.zr_alj:hover .tw_xbt {
  font-weight: 700
}
.tw_hdp {
  background: #ebebeb;
  border-radius: 20px;
  overflow: hidden;
  position: relative
}
.tw_xpq {
  margin: 50px 40px
}
.zc_tpq {
  float: left;
  width: calc(33.33% - 10px);
  border-radius: 10px;
  overflow: hidden
}
.yb_djs {
  width: calc(100% - 35%);
  float: right
}
.tw_dtk {
  font-weight: 700;
  color: #333
}
.tw_xjs {
  margin-top: 30px;
  color: #666;
  text-indent: 2em;
  line-height: 32px
}
.mb_nxt,
.mb_syg {
  width: 48px!important;
  height: 60px!important;
  border-radius: 10px!important;
  background-color: #cad1cc;
  background-size: 16px 28px!important;
  margin-top: 0!important;
  border: none;
  outline: 0
}
.mb_syg {
  background-image: url(../images/prev.png)!important;
  top: 30px!important;
  left: auto!important;
  right: 110px!important
}
.mb_nxt {
  background-image: url(../images/next.png)!important;
  top: 30px!important;
  right: 35px!important
}
.mb_nxt:hover,
.mb_syg:hover {
  background-color: #768c7c!important
}
.hd_xtj {
  margin-top: 90px
}
.xw_pwq {
  position: relative;
  margin-top: 100px
}
.da_dkl {
  border-radius: 20px;
  overflow: hidden;
  opacity: .2
}
.da_dkl.swiper-slide-active {
  opacity: 1
}
.xb_nxt,
.xb_syg {
  width: 32px!important;
  height: 58px!important;
  background-size: 32px 58px!important;
  outline: 0;
  border: none
}
.xb_syg {
  background-image: url(../images/prev.png)!important
}
.xb_nxt {
  background-image: url(../images/next.png)!important
}
.jl_pbj {
  background: #f8f8f8;
  padding: 120px 0 100px 0
}
.sp_wqp {
  width: 1200px;
  margin: auto;
  position: relative
}
.dg_dsp {
  width: calc(100%);
  position: relative
}
.m_hlsp {
  width: 100%;
  height: 670px;
  border-radius: 20px;
  overflow: hidden;
  position: relative
}
.m_hlsp .videoct {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%
}
.m_hlsp .videoct img {
  position: absolute;
  display: block;
  margin: 0 auto;
  z-index: 100;
  border-radius: 20px
}
.m_hlsp .sptp {
  position: absolute;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%
}
.m_hlsp .videoct .pls {
  left: 62px;
  bottom: 54px;
  z-index: 200;
  width: 100px
}
.zc_zzk {
  width: 475px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/lv_skk.png);
  z-index: 120;
  border-radius: 20px;
  overflow: hidden
}
.video-js .vjs-tech {
  border-radius: 20px
}
.yj_wsz {
  font-size: 72px;
  color: #fff;
  width: 90px;
  float: left;
  margin: 30px 0 0 50px
}
.ep_yzk {
  font-size: 21px;
  color: #fff;
  float: left;
  width: 30px;
  margin: 120px 0 0 30px
}
.jx_tzd {
  display: block;
  margin-bottom: 70px;
  border-radius: 20px
}
.jc_xwk .jx_tzd:nth-last-child(1) {
  margin-bottom: 0
}
.jc_xwz {
  float: left;
  width: 64.8%;
  position: relative;
  overflow: hidden;
  border-radius: 20px
}
.jc_img {
  display: block;
  width: 100%
}
.de_ssj {
  width: 130px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  border-radius: 20px 0 20px 0;
  color: #fff;
  display: none
}
.yc_wzl {
  width: 31.2%;
  float: left;
  margin-left: 30px
}
.jc_pz1 {
  color: #637c6a;
  line-height: 36px;
  margin-top: 20px;
  font-weight: 700;
  font-size: 30px
}
.jc_pz2 {
  color: #333;
  line-height: 42px;
  min-height: 220px;
  margin-top: 30px
}
.ty_ncb {
  padding: 90px
}
.zj_yqz {
  width: 1200px;
  margin: auto
}
.sk_xtp {
  width: 50%;
  overflow: hidden;
  border-radius: 20px;
  float: left
}
.nc_img {
  display: block;
  width: 100%
}
.ss_wdb {
  width: 45.8%;
  float: right
}
.cy_bt1 {
  font-size: 40px;
  color: #1d1d1d;
  font-weight: 700;
  padding-top: 28px
}
.cy_dd2 {
  margin-top: 30px;
  color: #666;
  font-weight: 400;
  line-height: 36px;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  margin-bottom: 40px
}
.cy_xsk {
  display: flex;
  justify-content: space-between
}
.sg_cyd {
  width: calc(33.33% - 20px);
  border-radius: 16px;
  overflow: hidden
}
.cy_xsk {
  margin-top: 50px
}
.dw_snc {
  background: url(../images/bj_cyk.png)
}
.sw_snc .sk_xtp {
  float: right
}
.sw_snc .ss_wdb {
  float: left
}
.cy_dkk .ty_ncb:last-child {
  padding: 90px 0 160px 0
}
.gj_cxy {
  position: relative;
  background: url(../images/cx_bjt.png) no-repeat right center
}
.gj_cxy {
  display: block
}
.cx_news .cy_bt1{
    margin-bottom:3%;
}
.gj_cxy_news {
  max-width: 1200px;
  margin: 90px auto 0 auto
}
.gj_cxy_news_item {
  display: flex;
  margin-bottom: 50px
}
.gj_cxy_news_item:hover .info .detail {
  color: #fff;
  background-color: #637c6a
}
.gj_cxy_news_item:nth-child(odd) {
  flex-direction: row
}
.gj_cxy_news_item:nth-child(even) {
  flex-direction: row-reverse
}
.gj_cxy_news_item .cover {
  width: 350px;
  height: 218px;
  border-radius: 15px
}
.gj_cxy_news_item .info {
  color: #555;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1
}
.gj_cxy_news_item:nth-child(odd) .info {
  padding-left: 49px
}
.gj_cxy_news_item:nth-child(even) .info {
  padding-right: 49px
}
.gj_cxy_news_item .info .title {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 24px
}
.gj_cxy_news_item .info .time {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 18px;
  margin: 29px 0 39px 0
}
.gj_cxy_news_more {
  margin: 40px auto 50px auto
}
.gj_cxy_news_more:hover {
  color: #fff;
  background-color: #637c6a
}
.cx_alj {
  display: flex
}
.cx_lef {
  width: 45.8%
}
.cx_ywk {
  width: 54.2%
}
.cx_lmk {
  width: 52%;
  margin: 10% 0 6% 12.5%
}
.yt_ddg {
  width: calc(33.33% - 32px);
  float: left;
  margin: 0 48px 70px 0;
  border-bottom: 1px solid #ccc;
  transition: all .5s
}
.cx_xtj .yt_ddg:nth-child(3n+3) {
  margin-right: 0
}
.yb_bjk {
  padding: 20px 26px
}
.yt_dp1 {
  color: #333;
  font-weight: 700
}
.yt_js2 {
  margin-top: 10px;
  color: #666;
  line-height: 32px
}
.yt_ddg:hover {
  box-shadow: 0 8px 44.82px 9.18px rgba(159,157,155,.24);
  border-bottom: 1px solid #677725
}
.pl_bjt {
  background: url(../images/pl_bjt.png) no-repeat right center
}
.cx_whl {
  position: relative;
  margin-top: 110px;
  background: #f4f4f4
}
.wl_ejk {
  width: 1200px;
  margin: auto;
  position: relative
}
.ln_wmz {
  width: 46.4%;
  padding: 20px 0 10px 0
}
.ln_ybt {
  width: 51.4%;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -22px;
  box-shadow: 0 12px 19.6px .4px rgba(101,101,101,.35)
}
.pl_alj {
  border: 1px solid #f4f4f4;
  display: block;
  background-color: #f4f4f4;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 60px;
  transition: all .5s
}
.pl_sxw .pl_alj:last-child {
  margin-bottom: 0
}
.ej_lmd {
  padding: 30px 80px
}
.pl_alj:hover {
  box-shadow: 0 28px 50.73px 6.27px rgba(101,101,101,.18);
  border: 1px solid #637c6a
}
.xz_ddg {
  height: 108px;
  display: flex;
  align-items: center;
  border: 1px solid #eee;
  margin-bottom: 40px;
  transition: all .5s
}
.sk_xxt {
  display: block;
  width: 120px;
  height: 100%;
  padding-left: 20px;
  background: url(../images/hs_sbs.png) no-repeat center;
  background-size: 30px 36px
}
.yk_xzn {
  width: calc(100% - 140px);
  display: flex;
  align-items: center;
  justify-content: space-between
}
.wz_kkl {
  color: #666;
  padding-left: 50px;
  height: 50px;
  line-height: 50px;
  border-left: 1px solid #ccc
}
.xz_anb {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/hs_xzk.png) no-repeat center;
  background-size: 35px 35px;
  margin-right: 40px
}
.xz_zqk .xz_ddg:last-child {
  margin-bottom: 0
}
.xz_ddg:hover {
  background: #637c6a
}
.xz_ddg:hover .sk_xxt {
  background: url(../images/bs_sbs.png) no-repeat center;
  background-size: 30px 36px
}
.xz_ddg:hover .wz_kkl {
  color: #fff
}
.xz_ddg:hover .xz_anb {
  background: url(../images/bs_xzk.png) no-repeat center;
  background-size: 35px 35px
}
.yd_ddz {
  position: relative;
  border: 1px solid #637c6a
}
.pd_wzk {
  color: #333;
  line-height: 56px;
  padding: 40px 50px;
  text-indent: 2em
}
.sb_pp1 {
  position: absolute;
  left: -1px;
  top: -1px;
  border-right: 1px solid #637c6a;
  border-bottom: 1px solid #637c6a
}
.sb_pp2 {
  position: absolute;
  right: -1px;
  top: -1px;
  border-left: 1px solid #637c6a;
  border-bottom: 1px solid #637c6a
}
.sb_pp3 {
  position: absolute;
  bottom: -1px;
  left: -1px;
  border-right: 1px solid #637c6a;
  border-top: 1px solid #637c6a
}
.sb_pp4 {
  position: absolute;
  bottom: -1px;
  right: -1px;
  border-left: 1px solid #637c6a;
  border-top: 1px solid #637c6a
}
.hc_sbk {
  display: block;
  width: 260px;
  margin: auto
}
.zj_fxk {
  margin-top: 70px
}
.hc_zbt {
  color: #333;
  font-weight: 300;
  margin-top: 20px;
  text-align: center
}
.qx_zlx {
  margin-top: 80px
}
.qx_lxz {
  color: #999
}
.lx_xkk {
  display: flex;
  justify-content: space-between;
  margin-top: 50px
}
.gz_gal {
  display: block;
  width: calc(25% - 20px);
  color: #333;
  border: 2px solid #bbb;
  border-radius: 16px;
  text-align: center;
  padding: 30px 0;
  background: #ededed;
  cursor: pointer
}
.gz_gal:hover {
  background: #637c6a;
  border: 1px solid #637c6a;
  color: #fff;
  font-weight: 700
}
.qp_cont,
.x_index {
  height: 100%
}
.tb_sskl {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 9994;
  text-align: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,.8);
  -webkit-transform: translate(0,-100%);
  transform: translate(0,-100%);
  -webkit-transition: ease-in-out .5s;
  transition: ease-in-out .5s
}
.ss_dwl {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0,0);
  transform: translate(0,0)
}
.ss_wkk {
  position: relative;
  z-index: 9998;
  overflow: hidden;
  width: 600px;
  margin: auto
}
.sea_zwk {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0
}
.ss_wkk .input {
  border: none;
  height: 50px;
  background: 0 0;
  width: 600px;
  outline: 0;
  font-size: 16px;
  letter-spacing: 2px;
  color: #888;
  background: #fff;
  padding-left: 20px
}
.ss_wkk .searchbtn {
  width: 80px;
  height: 50px;
  background: url(../images/ssbj.png) no-repeat right center;
  background-size: 80px 50px;
  text-align: center;
  outline: 0;
  border: none;
  position: absolute;
  right: 0;
  top: 0
}
.ss_wkk input::-webkit-input-placeholder {
  color: #888
}
.xd_gzh {
  display: block;
  width: 266px
}
.se_awk {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.gb_xhp {
  display: block;
  width: 65px;
  margin: auto
}
.gb_gzx {
  margin-top: 30px
}
.sb_sqk {
  background: url(../images/hc_bjt.png) no-repeat bottom center
}
.zc_lef {
  color: #666;
  padding-left: 50px;
  width: 80%
}
.zc_ldq {
  justify-content: space-between;
  height: 84px;
  margin-bottom: 20px
}
.zc_sjk {
  color: #666
}
.xz_ddg:hover .zc_lef,
.xz_ddg:hover .zc_sjk {
  color: #fff
}
.nr_bor {
  padding-top: 100px
}
.sz_bjk {
  position: relative;
  width: 100%
}
.sz_bjk::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/sz_bjt.png) no-repeat center bottom;
  position: absolute;
  left: 0;
  bottom: 0
}
.sz_bjk::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/sz_xkk.png);
  position: absolute;
  left: 0;
  bottom: 0
}
.zz_xdw {
  display: block;
  position: relative;
  z-index: 9;
  overflow: hidden
}
.sz_xjt {
  width: 120px;
  height: 120px;
  background: rgba(255,255,255,.2);
  position: absolute;
  left: -60px;
  bottom: -60px;
  border-radius: 50%
}
.zz_fmk {
  display: block;
  width: 100%
}
.jiant {
  display: block;
  width: 18px;
  animation: myfirst .5s ease-in infinite alternate;
  position: absolute;
  left: 78px;
  top: 22px
}
.yd_dqp {
  display: none
}
@keyframes myfirst {
  0% {
    transform: translate(0,0)
  }
  100% {
    transform: translate(-5px,5px)
  }
}
.sz_yjk {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 9
}
.yj_szr {
  display: block;
  width: calc(25% - 20px);
  margin-bottom: 60px;
  overflow: hidden
}
.yj_szr img {
  display: block;
  width: 100%
}
.zj_cnt {
  margin: 50px
}
.pl_xbt {
  color: #555;
  font-weight: 700;
  text-align: center
}
.jz_zjk {
  display: flex;
  justify-content: center
}
.ly_dyg {
  margin: 30px 20px;
  color: #555
}
.xm_zjk p {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  letter-spacing: 1px
}
.xm_zjk img {
  display: block;
  max-width: 700px;
  margin: auto;
  border-radius: 20px
}
.cp_gyp {
  border: 6px solid #b0b0b0
}
.ej_ctg {
  margin: 10px;
  border: 1px solid #b0b0b0;
  padding-bottom: 20px
}
.db_tct {
  position: relative;
  font-size: 36px;
  color: #000;
  text-align: center;
  padding: 40px 0;
  border-bottom: 1px solid #b1b1b0;
  font-weight: 700
}
.qg_ksl {
  padding: 16px 120px;
  font-size: 22px;
  color: #333;
  line-height: 36px;
  text-indent: 2em;
  border-bottom: 1px solid #b1b1b0
}
.ej_ctg .qg_ksl:last-child {
  border-bottom: none
}
.zr_yqt {
  width: auto!important;
  display: block;
  font-size: 16px;
  right: 40px;
  left: auto;
  left: auto!important;
  bottom: 40px!important
}
@media screen and (max-width:1680px) {
  .zc_sgw .sc_lmc::after {
    height: 76px
  }
  .yn_xw2 {
    line-height: 28px
  }
  .sg_kkl {
    width: 108px
  }
  .font1 {
    font-size: 14px
  }
  .font3 {
    font-size: 16px
  }
  .ck_gdk {
    height: 30px;
    line-height: 30px
  }
  .nc_xze {
    padding: 20px
  }
  .gjc_yb {
    width: 68px!important;
    height: 68px!important;
    background-size: 68px 68px!important
  }
  .gjc_lf {
    width: 68px!important;
    height: 68px!important;
    background-size: 68px 68px!important;
    left: 150px!important
  }
  .bt_png {
    display: block;
    width: 318px
  }
  .lf_dyq {
    width: 74px;
    height: 210px;
    background: url(../images/zc_bjt.png) no-repeat 100%;
    background-size: 100% 100%;
    margin-right: 40px
  }
  .tp_sxk {
    width: 40px;
    margin-left: 10px;
    font-size: 24px;
    line-height: 28px
  }
  #pay_nc {
    padding-bottom: 126px
  }
  #pay_nc::before {
    content: '';
    width: 1px;
    height: 58px;
    background: #fff;
    position: absolute;
    bottom: 6px;
    left: 112px
  }
  .sb_img {
    height: 80px
  }
  .sb_pwz {
    font-size: 28px
  }
  .x_navh {
    height: 100px
  }
  .x_logo {
    margin-top: 30px
  }
  .aj_item {
    padding-top: 26px
  }
  .x_seah {
    display: block;
    position: absolute;
    right: 0;
    top: 30px
  }
  .sy_ywd {
    margin-top: 5px
  }
  .rhide .num1 {
    font-size: 32px;
    padding: 0 14px
  }
  .rhide .num2 {
    height: 74%
  }
  .rhide .num3 {
    width: 30px;
    height: 108px;
    line-height: 30px;
    margin-left: 10px
  }
  .zr_bsz {
    font-size: 26px
  }
  .top_bt {
    height: 80px
  }
}
@media screen and (max-width:1420px) {
  .zc_sgw .sc_lmc::after {
    height: 54px
  }
  body,
  html {
    min-width: 0
  }
  .top_bt {
    height: 70px
  }
  .zj_nbk {
    padding: 68px 0 128px 0
  }
  .zc_tit {
    font-size: 28px;
    margin-top: 50px
  }
  .tx_gdw::before {
    width: 170px;
    height: 170px
  }
  .sc_lmc .part1 {
    left: 18px;
    right: 18px
  }
  .tx_gdw {
    width: 150px;
    height: 150px
  }
  .rhide .num1 {
    font-size: 28px;
    padding: 0 10px
  }
  .rhide .num3 {
    height: 100px
  }
  .xz_ddg {
    height: 92px
  }
  .sk_xxt {
    width: 90px;
    background-size: 24px 30px
  }
  .xz_ddg:hover .xz_anb {
    background-size: 28px 28px
  }
  .xz_anb {
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    margin-right: 10px
  }
  .hb_ite {
    margin: 0 70px
  }
  .cx_lmk {
    width: 70%;
    margin: 8% 0 5% 10.5%
  }
  .cy_bt1 {
    font-size: 32px;
    padding-top: 0
  }
  .cy_dd2 {
    margin-top: 30px;
    line-height: 32px;
    margin-bottom: 20px
  }
  .ln_ybt {
    width: 41.4%
  }
  .ln_wmz {
    width: 50.4%;
    padding: 20px 0 10px 30px
  }
  .db_tct {
    font-size: 28px;
    padding: 24px 0
  }
  .qg_ksl {
    padding: 16px 80px;
    font-size: 18px;
    line-height: 32px
  }
  .fz_kkp {
    font-size: 32px
  }
  .fx_dyb {
    width: 210px;
    height: 68px;
    line-height: 56px;
    margin-bottom: 40px
  }
  .bd_bsk {
    padding-top: 50px
  }
  .fx_dyb::before {
    height: 40px;
    bottom: -42px
  }
  .yl_cwk::before {
    height: 52px;
    top: -52px
  }
  .yl_cwk {
    height: 180px;
    width: 56px
  }
  .yl_cwk .fz_kkp {
    font-size: 24px;
    font-weight: 400
  }
  .fz_jsq {
    margin-top: 40px
  }
  .sz_smc {
    width: 150px;
    height: 50px
  }
  .font4 {
    font-size: 28px
  }
  .sz_xjs {
    margin-top: 15px
  }
  .lk_sjk {
    height: 68px;
    line-height: 68px
  }
  .pl_dyg {
    height: 60px;
    line-height: 60px
  }
  .font7 {
    font-size: 26px
  }
  .jc_pz2 {
    line-height: 32px;
    min-height: 150px;
    margin-top: 20px
  }
  .jx_tzd {
    display: block;
    margin-bottom: 40px
  }
  .jl_pbj {
    padding: 70px 0 80px 0
  }
  .m_hlsp .videoct .pls {
    width: 80px
  }
  .ty_ncb {
    padding: 68px
  }
  .zj_yqz {
    width: auto
  }
  .cy_dkk .ty_ncb:last-child {
    padding: 68px 68px 120px 68px
  }
  .lf_dyq {
    margin-right: 28px
  }
  .font6 {
    font-size: 30px
  }
  .tw_xpq {
    margin: 40px 30px
  }
  .yj_szr {
    margin-bottom: 40px
  }
}
@media screen and (max-width:1280px) {
  .zj_nbk {
    width: 980px;
    padding: 58px 0 108px 0
  }
  .tp_logo {
    width: 168px
  }
  .x_enav {
    margin: 0 58px
  }
  .ym_plk {
    font-size: 18px
  }
  .nav_box {
    right: 100px
  }
  .font4 {
    font-size: 28px
  }
  .py_pt2 {
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 20px
  }
  .gd_ddp {
    margin-bottom: 30px
  }
  .py_gds {
    width: 108px;
    height: 30px;
    border-radius: 16px
  }
  .mo_jtk {
    width: 14px
  }
  .zc_ldq {
    height: 72px
  }
  .bt_png {
    width: 300px
  }
  .hb_ite {
    margin: 0 50px
  }
  .zr_bsz {
    font-size: 22px
  }
  .sb_pwz {
    font-size: 24px
  }
  .sb_img {
    height: 68px
  }
  .sb_pwz {
    margin-top: 10px
  }
  .tp_sxk {
    font-size: 22px;
    line-height: 26px
  }
  .nav_box {
    right: 50px
  }
  .cy_dd2 {
    margin-top: 20px;
    line-height: 30px
  }
  .cy_bt1 {
    font-size: 30px
  }
  .qg_ksl {
    padding: 12px 60px;
    font-size: 16px;
    line-height: 30px
  }
  .db_tct {
    font-size: 24px;
    padding: 16px 0
  }
  .sk_xtp {
    border-radius: 16px
  }
  .sp_wqp {
    width: 80%
  }
  .m_hlsp {
    height: 560px
  }
  .font7 {
    font-size: 24px
  }
  .font5 {
    font-size: 20px
  }
  .jc_pz1 {
    line-height: 26px
  }
  .jc_pz2 {
    min-height: 120px
  }
  .yj_szr {
    margin-bottom: 20px
  }
  .yj_wsz {
    width: 60px
  }
}
@media screen and (max-width:1100px) {
  .lf_dyq {
    margin-right: 12px
  }
  .tw_lef {
    justify-content: center
  }
  .bt_png {
    width: 250px
  }
  .tp_logo {
    width: 148px
  }
  .nav_item {
    width: 114px;
    margin: 0 10px
  }
  .top_bt {
    height: 50px
  }
  .ej_lmd {
    padding: 30px 50px
  }
  .cy_dd2 {
    line-height: 26px;
    font-size: 14px
  }
  .cy_bt1 {
    font-size: 26px
  }
  .zj_nbk {
    width: 90%
  }
}
@media screen and (max-width:750px) {
  .x_navh {
    display: none
  }
  .yd_dwm {
    display: block;
    margin: 0 auto
  }
  .m_header {
    display: block;
    width: 100%;
    height: 1rem
  }
  .y_nvbj {
    width: calc(100% - .6rem);
    padding: 0 .3rem;
    height: 1rem;
    background: #637c6a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 999;
    position: fixed;
    top: 0
  }
  .y_nlog {
    display: block;
    width: 2.2rem
  }
  .y_nlog > img {
    display: block;
    width: 100%
  }
  .y_dhan {
    width: .62rem;
    height: .62rem;
    border-radius: 50%;
    transition: all .5s ease-in-out
  }
  .y_nass {
    background: #637c6a;
    display: none;
    min-height: 100%;
    border-top: 1px solid #fff;
    position: fixed;
    top: 1rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top: .2rem
  }
  .y_dhl1 {
    width: 35%;
    display: block;
    height: 100%;
    color: #fff;
    font-size: .36rem;
    letter-spacing: 4px
  }
  .y_wtxb {
    height: 100%;
    padding: .2rem;
    margin: 0 .4rem;
    border-bottom: 1px solid #fff
  }
  .y_ydej {
    margin: 0 .4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: .2rem 0 0 .2rem
  }
  .xjt_xz {
    width: .34rem;
    display: block;
    float: right;
    margin-right: .16rem;
    margin-top: -.34rem
  }
  .y_nvs3 {
    display: none
  }
  .y_gkw3 {
    color: #eeb9ba;
    font-size: .34rem;
    display: inline-block;
    margin-right: .4rem;
    margin-bottom: .16rem;
    text-align: center;
    letter-spacing: 2px
  }
  .navbar-toggler-icon {
    display: block;
    position: relative;
    width: .3rem;
    height: .02rem;
    background: #fff;
    transition: all .5s ease-in-out;
    z-index: 999;
    margin: auto;
    margin-top: .3rem
  }
  .navbar-toggler-icon:before {
    content: '';
    position: absolute;
    width: .3rem;
    height: .02rem;
    left: 0;
    top: -.1rem;
    background: #fff;
    transition: all .5s ease-in-out
  }
  .navbar-toggler-icon:after {
    content: '';
    position: absolute;
    width: .3rem;
    height: .02rem;
    left: 0;
    bottom: -.1rem;
    background: #fff;
    transition: all .5s ease-in-out
  }
  .navbar-toggler .navbar-toggler-icon:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .navbar-toggler .navbar-toggler-icon:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .navbar-toggler .navbar-toggler-icon {
    background: 0 0
  }
  .y_xzds {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
  }
  .ej_nss {
    position: absolute;
    top: .6rem;
    bottom: 0;
    width: 100%;
    overflow: scroll;
    margin-bottom: 2rem
  }
  .bt_left {
    position: relative;
    width: auto
  }
  .tw_lef {
    display: none
  }
  .nc_pm3 {
    padding: 1rem 0 .6rem 0
  }
  .bt_rig {
    position: relative;
    top: 0;
    width: 100%
  }
  #pay_nc .nc_epk .ny_spw {
    opacity: 1!important;
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important
  }
  .nc_hdp {
    margin-top: 0
  }
  #pay_nc {
    padding-bottom: 2.6rem;
    margin-left: .4rem
  }
  .nc_xze {
    padding: .5rem
  }
  .sg_kkl {
    width: 2.5rem
  }
  .yn_xw2 {
    min-height: 1.6rem;
    line-height: .5rem
  }
  .ck_gdk {
    height: .6rem;
    line-height: .6rem
  }
  .font1 {
    font-size: .24rem
  }
  .font3 {
    font-size: .3rem
  }
  .gjc_lf,
  .gjc_yb {
    width: .8rem!important;
    height: .8rem!important;
    background-size: .8rem .8rem!important;
    bottom: 1.2rem
  }
  .gjc_lf {
    left: 4.1rem!important
  }
  .gjc_yb {
    left: 1.9rem!important
  }
  #pay_nc::before {
    content: '';
    width: 1px;
    height: .5rem;
    background: #fff;
    position: absolute;
    bottom: 1.35rem;
    left: 3.3rem;
    opacity: .5
  }
  .section3 {
    background: url(../images/sj_zch.png) no-repeat center
  }
  .swiper-pagination-bullet {
    border: none;
    overflow: hidden
  }
  .bt_png {
    height: .6rem;
    width: auto
  }
  .zc_sgw {
    width: 100%;
    border-bottom: 1px solid #c9b169
  }
  .yc_zcw .zc_sgw:first-child {
    border-top: 1px solid #c9b169
  }
  .mr_pat,
  .part1 .line {
    display: none
  }
  .sc_lmc .part1 {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 100%
  }
  .sc_lmc .part1 .rhide {
    position: relative;
    right: 0
  }
  .sc_lmc {
    padding: .4rem .6rem
  }
  .rhide .num1 {
    font-size: .36rem;
    padding: .2rem 0;
    font-weight: 700;
    float: none
  }
  .writing-vertical {
    writing-mode: inherit;
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit
  }
  .rhide .num2 {
    float: none;
    height: 100%;
    line-height: .46rem;
    margin-right: 0;
    font-size: .26rem;
    text-align: justify;
    margin-top: .1rem
  }
  .rhide .num1::before {
    content: '';
    width: .92rem;
    height: .02rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0
  }
  .rhide .num3 {
    display: none
  }
  .yc_zcw {
    padding-bottom: 1rem
  }
  .zc_sgw:hover .sc_lmc::after {
    display: none
  }
  .zc_sgw:hover .part1 {
    padding-top: 0
  }
  .zc_sgw:hover {
    background: #c4a44f
  }
  .xl_bja {
    background: 0 0
  }
  .section4 {
    background: url(../images/xl_bjt.png) no-repeat center;
    background-size: 100%
  }
  .xl_bso::after,
  .xl_bso::before {
    width: 0
  }
  .ls_bsj {
    display: none!important
  }
  .bs_bsp {
    display: block!important
  }
  .section4 .zr_img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  .bz_swk {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  .xl_list .l_item:nth-child(1),
  .xl_list .l_item:nth-child(2) {
    margin-bottom: 2rem
  }
  .xl_list .l_item:nth-child(3) {
    margin-bottom: 0
  }
  .l_item {
    width: 50%
  }
  .zr_img > img {
    height: .8rem
  }
  .zr_bsz {
    font-size: .28rem;
    color: #fff;
    line-height: 0
  }
  .xl_list {
    padding-top: .6rem
  }
  .section5 {
    background: url(../images/sj_fot.png) no-repeat center;
    background-size: 100%
  }
  .sb_img {
    display: block;
    height: .9rem;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    margin: auto
  }
  .hb_ite {
    margin: 1rem .5rem
  }
  .sb_pwz {
    font-size: .24rem;
    margin-top: .1rem;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    letter-spacing: 2px
  }
  .wp_log {
    padding: 1.5rem .35rem
  }
  .gd_fot {
    background: #4f0818
  }
  .fot_ec {
    padding: .3rem .5rem
  }
  .wb_alj {
    font-size: .22rem;
    margin-right: .3rem;
    line-height: .36rem
  }
  .fot_ec .wb_alj:nth-child(3) {
    display: none
  }
  .fot_ec .wb_alj:nth-child(2) {
    margin-right: 0
  }
  .fot_ec .wb_alj:nth-child(2)::before {
    width: 0
  }
  .fot_ec .wb_alj:nth-child(1)::before {
    content: '';
    width: 1px;
    height: .24rem;
    position: absolute;
    right: -.15rem;
    top: .06rem
  }
  .fy_qkk .swiper-pagination-bullet {
    display: block;
    width: .32rem;
    height: .32rem;
    background-size: .32rem .32rem;
    margin: 0 .1rem!important
  }
  .fy_qkk {
    bottom: .3rem!important;
    display: flex;
    justify-content: center
  }
  .top_bt {
    width: auto;
    height: .6rem;
    position: absolute;
    left: .4rem;
    bottom: .8rem
  }
  .zj_nbk {
    padding: 0rem 0 1.1rem 0
  }
  .gd_ddp {
    margin-bottom: .4rem
  }
  .cw_dtz {
    width: 2rem;
    height: 2rem
  }
  .zc_img {
    border-radius: .2rem
  }
  .lc_ywz {
    width: calc(100% - 2.4rem)
  }
  .font4 {
    font-size: .3rem
  }
  .py_pt2 {
    line-height: .42rem;
    margin-top: .2rem;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
  }
  .py_gds {
    display: none
  }
  .fz_zwb {
    display: none
  }
  .fz_jsq {
    margin-top: .4rem
  }
  .js_fzk .fz_jsq:first-child {
    margin-top: 0
  }
  .sz_smc {
    width: 1.72rem;
    height: .56rem;
    border-radius: .1rem
  }
  .sz_xjs {
    margin-top: .36rem;
    line-height: .46rem
  }
  .bg_dbj {
    border-radius: .1rem;
    margin-top: .8rem
  }
  .dg_kkq {
    width: 100%
  }
  .dg_kkq .pl_dyg:nth-child(3) {
    border-right: none
  }
  .lk_sjk {
    height: .8rem;
    line-height: .8rem
  }
  .pl_dyg {
    height: .68rem;
    line-height: .68rem;
    font-size: .26rem
  }
  .yj_wsz {
    width: .6rem;
    margin: .3rem 0 0 .5rem
  }
  .dg_dsp {
    overflow: hidden
  }
  .m_hlsp .videoct .pls {
    width: .56rem;
    left: .3rem;
    bottom: .3rem
  }
  .m_hlsp {
    height: 3.8rem;
    border-radius: .2rem
  }
  .jl_pbj {
    padding: .6rem 0
  }
  .jx_tzd {
    margin-bottom: .5rem
  }
  .jc_xwz {
    width: 100%
  }
  .yc_wzl {
    width: 100%;
    margin-left: 0
  }
  .jc_pz2 {
    min-height: 0
  }
  .de_ssj {
    width: 1.3rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .2rem 0 .2rem 0
  }
  .jc_pz1 {
    margin-top: .2rem;
    line-height: .3rem;
    font-size: .34rem!important
  }
  .font5 {
    font-size: .22rem
  }
  .jc_pz2 {
    line-height: .42rem;
    margin-top: .16rem
  }
  .font7 {
    font-size: .26rem
  }
  .jc_xwz {
    border-radius: .2rem
  }
  .sp_wqp {
    width: 90%
  }
  .ty_ncb {
    padding: .7rem .4rem
  }
  .cy_dkk .ty_ncb:last-child {
    padding: .7rem .4rem
  }
  .sk_xtp {
    width: 100%;
    border-radius: .16rem
  }
  .ss_wdb {
    width: 100%
  }
  .cy_bt1 {
    font-size: .46rem;
    text-align: center;
    margin-top: .5rem
  }
  .cy_dd2 {
    font-size: .26rem;
    line-height: .44rem;
    margin: .3rem 0;
    min-height: 0
  }
  .cy_xsk {
    display: none
  }
  .cx_lef {
    width: 100%
  }
  .cx_alj {
    flex-wrap: wrap
  }
  .gj_cxy {
    padding: .7rem .4rem 0rem .4rem
  }
  .cx_lmk {
    width: 100%;
    margin: 0
  }
  .cx_ywk {
    width: 100%
  }
  .cx_lef {
    border-radius: .16rem;
    overflow: hidden
  }
  .cx_whl {
    display: none
  }
  .ej_lmd {
    padding: .4rem
  }
  .pl_sxw .cy_bt1 {
    margin-top: 0;
    font-size: .36rem
  }
  .xz_ddg {
    height: 1.4rem
  }
  .sk_xxt {
    width: .9rem;
    background-size: .5rem .6rem;
    padding-left: .3rem
  }
  .wz_kkl {
    padding-left: .2rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .26rem;
    line-height: .4rem
  }
  .yk_xzn {
    width: calc(100% - 1.4rem)
  }
  .xz_anb {
    width: .35rem;
    height: .35rem;
    background-size: .35rem .35rem;
    margin-right: 0
  }
  .zc_lef {
    padding-left: .3rem;
    font-size: .24rem;
    width: 70%
  }
  .zc_sjk {
    font-size: .2rem;
    float: right
  }
  .cp_gyp {
    border: .06rem solid #b0b0b0
  }
  .ej_ctg {
    margin: .1rem;
    padding-bottom: .2rem
  }
  .qg_ksl {
    padding: .2rem .4rem;
    font-size: 16px;
    line-height: .5rem
  }
  .db_tct {
    font-size: .3rem;
    padding: .2rem 0;
    font-weight: 700
  }
  .pl_sxw .na_lj2 {
    width: calc(100%);
    margin: 0 0 .2rem 0
  }
  .pl_sxw .nc_xze {
    padding: .3rem
  }
  .pagelist {
    padding: .4rem 0 0 0
  }
  .pagelist a {
    padding: .1rem .18rem;
    font-size: .24rem;
    border-radius: .1rem;
    margin: .1rem
  }
  .sw_head {
    display: block;
    width: 100%
  }
  .zc_sgw {
    float: left
  }
  .zc_tpq {
    float: none;
    width: 100%
  }
  .tw_xpq {
    margin: .4rem .3rem
  }
  .xw_pwq {
    display: none
  }
  .yb_djs {
    width: calc(100%);
    float: none;
    margin-top: 20px
  }
  .mb_nxt,
  .mb_syg {
    display: none
  }
  .sy_yqt {
    bottom: .1rem!important
  }
  .sy_yqt .swiper-pagination-bullet {
    width: .14rem;
    height: .14rem;
    border: .02rem solid #fff;
    margin: 0 .1rem!important
  }
  .zj_cnt {
    margin: 0
  }
  .yd_ddz {
    border: none
  }
  .pl_xbt {
    line-height: .56rem;
    text-align: center;
    font-size: .4rem
  }
  .ly_dyg {
    margin: .2rem
  }
  .xm_zjk p {
    font-size: 18px
  }
  .xm_zjk img {
    border-radius: .2rem!important;
    width: 100%!important
  }
  .nr_xzw {
    overflow-x: hidden
  }
  .nr_xzw .tb_gdw {
    display: none
  }
  html {
    overflow-x: hidden
  }
  .yj_szr {
    width: calc(25% - 10px);
    margin-bottom: .4rem
  }
  .wb_alj::before {
    content: '';
    width: 1px;
    height: .24rem;
    position: absolute;
    right: -.15rem;
    top: .06rem
  }
  .zc_zzk {
    border-radius: .2rem;
    width: 100%
  }
  .dg_dsp {
    border-radius: .2rem;
    overflow: hidden
  }
  .dn_dqp {
    display: none
  }
  .sz_xjt {
    display: none
  }
  .yd_dqp {
    display: block
  }
  .m_hlsp .videoct img {
    border-radius: .2rem
  }
  .sz_bjk {
    padding-top: 0
  }

  body{
    background: url('../images/cx_bjt.png') no-repeat right center/auto 100%;
  }
  .cx_news .cy_bt1{
    margin-bottom:6%;
  }
  .gj_cxy_news {
    max-width: 100%;
    margin: 0px auto 0 auto;
    padding: 20px 0.4rem 0 0.4rem;
  }
  .gj_cxy_news_item {
    display: flex;
    margin-bottom: 20px
  }
  .gj_cxy_news_item:hover .info .detail {
    color: #fff;
    background-color: #637c6a
  }
  .gj_cxy_news_item:nth-child(odd) {
    flex-direction: row
  }
  .gj_cxy_news_item:nth-child(even) {
    flex-direction: row-reverse
  }
  .gj_cxy_news_item .cover {
    width: 150px;
    height:90px;
    border-radius: 12px
  }
  .gj_cxy_news_item .info {
    color: #555;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1
  }
  .gj_cxy_news_item:nth-child(odd) .info {
    padding-left: 16px
  }
  .gj_cxy_news_item:nth-child(even) .info {
    padding-right: 16px
  }
  .gj_cxy_news_item .info .title {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 14px
  }
  .gj_cxy_news_item .info .time {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 12px;
    color: #999;
    margin: 15px 0 14px 0
  }
  .gj_cxy_news_more {
    margin: 20px auto 0px auto;
    display: flex;
  }
  .gj_cxy_news_more {
    color: #fff;
    background-color: #637c6a
  }
}