body{ margin: 0; padding: 0; font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif';}
html{ scroll-behavior:smooth; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}



@font-face {
	font-family: 'PLAYFAIRDISPLAY';
	src: url('../fonts/PLAYFAIRDISPLAY-MEDIUMITALIC.TTF');
	font-weight: normal;
	font-style: normal;
}


#fp-nav{ display: none;}

.ani-in{ opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-in.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-down{ transform: translateY(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-down.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-up{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-up.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-left{ transform: translateX(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-left.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-right{ transform: translateX(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-right.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-zoom{ transform: scale(0.5); opacity: 0; pointer-events: none; transition: all 0.6s;}
.ani-zoom.cur{ transform: scale(1); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}

.ani-height{ height: 0; pointer-events: none; transition: all 0.6s;}
.ani-height.cur{ height: 52px; pointer-events: auto; transition-delay: 0.6s;}



.s_yd.active{ opacity: 0; pointer-events: none;}
.s_yd{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; transition: all 1s 0.3s;}
.yd_position{ position: absolute; bottom: 15%; left: 0; right: 0; margin: 0 auto;}
.yd_in.cur{ transform: scale(0.75);}
.yd_in{ width: 136px; height: 136px; text-align: center; line-height: 134px; font-size: 24px; color: #fff; border: 1px solid transparent; border-radius: 50%; cursor: pointer; margin: 4% auto; display: block; position: relative; transition: all 1s;}
.yd_in span{ display: inline-block;
	-webkit-animation: in_span 3s linear infinite;
	animation: in_span 3s linear infinite;}
.zh_in{ position: absolute; left: 1px; top: 1px; z-index: -1;
  width: 134px; height: 134px;
	-webkit-animation: zh_in 3s linear infinite;
	animation: zh_in 3s linear infinite;}
.zh_in:after{ content: ''; width: 14px; height: 14px; border-radius: 50%; border: 3px solid #fff; position: absolute; right: -3px; top: 50%;}
.zh_in img{ display: block; width: 100%;}
.yd_en{ letter-spacing: 26px; font-size: 20px; color: #fff; text-align: center; opacity: 0.85;}
.yd_logo{ text-align: center;}
.yd_logo i{ display: inline-block; font-style: normal; font-size: 210px;}

@-webkit-keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}

@-webkit-keyframes in_span {
  0%{ transform: scale(1);}
  50% { transform: scale(1.3);}
  100% { transform: scale(1);}
}
@keyframes in_span {
  0%{ transform: scale(1);}
  50% { transform: scale(1.3);}
  100% { transform: scale(1);}
}


@-webkit-keyframes swing2 {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
-ms-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
-ms-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
-ms-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
-ms-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
-ms-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing2 {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
-ms-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
-ms-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
-ms-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
-ms-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
-ms-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing2 {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation: swing2 3s ;
	animation: swing2 3s 
}



.s_banner{ position: relative;}
.s_banner .swiper-slide{ overflow: hidden; position: relative; height: 100vh;}
.s_banner .swiper-slide video{ position: absolute; left: 50%; min-width: 100%; max-width: 110%; min-height: 100%; max-height: 110%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.sban_img{ position: absolute; top: 40%; left: 110px; z-index: 2;}
.sban_fan{ position: absolute; left: 110px; top: calc(50% + 70px); z-index: 2;}
.sban_fan .swiper-button-next, .sban_fan .swiper-button-prev{ width: 60px; height: 60px; background: none; margin: 0; display: inline-block; margin-right: 15px; position: relative; left: auto; top: auto; pointer-events: auto; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); cursor: pointer;}
.sban_fan .swiper-button-next i, .sban_fan .swiper-button-prev i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 24px; color: #fff;}
.sban_fan .swiper-button-prev i{ transform: rotateY(180deg) translateX(52%) translateY(-50%);}
circle {
    -webkit-transition-property: stroke-dasharray;
    transition-property: stroke-dasharray;
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}




.circleProgress_wrapper {
  width: 60px;
  height: 60px;
  position: absolute;
  top: -1px;
  left: -1px;
  /* display: none */
}

.circle {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden
}

.circle.circle_right {
  right: 0
}

.circle.circle_left {
  left: 0
}

.circleProgress {
  width: 56px;
  height: 56px;
  border: 2px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0
}

.rightcircle {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 0;
  -webkit-animation: circleProgressLoad_right 7s linear;
  animation: circleProgressLoad_right 7s linear
}

.leftcircle,
.rightcircle {
  transform: rotate(45deg);
  box-sizing: content-box !important;
  box-sizing: initial !important
}

.leftcircle {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  left: 0;
  -webkit-animation: circleProgressLoad_left 7s linear;
  animation: circleProgressLoad_left 7s linear
}

@-webkit-keyframes circleProgressLoad_right {
  0% {
      transform: rotate(-135deg)
  }

  50% {
      transform: rotate(45deg)
  }

  to {
      transform: rotate(45deg)
  }
}

@keyframes circleProgressLoad_right {
  0% {
      transform: rotate(-135deg)
  }

  50% {
      transform: rotate(45deg)
  }

  to {
      transform: rotate(45deg)
  }
}

@-webkit-keyframes circleProgressLoad_left {
  0% {
      transform: rotate(-135deg)
  }

  50% {
      transform: rotate(-135deg)
  }

  to {
      transform: rotate(45deg)
  }
}

@keyframes circleProgressLoad_left {
  0% {
      transform: rotate(-135deg)
  }

  50% {
      transform: rotate(-135deg)
  }

  to {
      transform: rotate(45deg)
  }
}








.ping2{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; z-index: 10; overflow: hidden;}
.ping2 video{ position: absolute; left: 0; right: 0; min-width: 100%; max-width: 110%; min-height: 100%; max-height: 110%; top: 50%; transform: translateY(-50%);}
#zhezhao{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/zhezhao.png) center no-repeat; z-index: 2; background-size: 510% auto;}


.header.cur{ background: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.3);}
.header.cur a.head_logo2{ display: inline-block;}
.header.cur a.head_logo1{ display: none;}
.header.cur .nav_san{ color: #000;}
.header.cur .nav_san i, .header.cur .nav_san i:after, .header.cur .nav_san i:before{ background: rgba(0,0,0,0.6);}
.header.cur .head_more a{ color: #333; border-color: #333;}
.header.cur .head_more a:hover{ color: #fff; border-color: transparent;}
.header.cur .head_more a:last-child:hover{ color: #333;}
.header.hei.cur .head_more a{ color: #333; border-color: #333;}
.header.hei.cur .head_more a:hover{ color: #fff; border-color: transparent;}
.header.hei.cur .head_more a:last-child:hover{ color: #333;}

.header.active a.head_logo2{ display: inline-block;}
.header.active a.head_logo1{ display: none;}
.header.active .nav_san{ color: #000;}
.header.active .nav_san i, .header.active .nav_san i:after, .header.active .nav_san i:before{ background: rgba(0,0,0,0.6);}
.header.active .head_more a{ color: #333; border-color: #333;}
.header.active .head_more a:hover{ color: #fff; border-color: transparent;}
.header.active .head_more a:last-child:hover{ color: #333;}

.header.hei .head_more a{ color: #fff; border-color: #fff;}
.header.hei .head_more a:hover{ color: #fff; border-color: transparent;}
.header .head_more a:last-child:hover{ color: #fff;}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 86px; z-index: 99; border-bottom: 1px solid rgba(255,255,255,0.2); transition: all 0.3s;}
.header .container{ position: relative;}
.logo{ height: 86px;}
.logo a{ display: inline-block; height: 100%;}
.logo a.head_logo2{ display: none;}
.logo a img{ display: block; height: 100%;}

.hid_nav.active{ opacity: 1; pointer-events: auto;}
.hid_nav.active ul li{ opacity: 1;}
.hid_nav.active ul li:nth-child(1){ transition-delay: 0.1s; transform: translateX(0);}
.hid_nav.active ul li:nth-child(2){ transition-delay: 0.2s; transform: translateX(0);}
.hid_nav.active ul li:nth-child(3){ transition-delay: 0.3s; transform: translateX(0);}
.hid_nav.active ul li:nth-child(4){ transition-delay: 0.4s; transform: translateX(0);}
.hid_nav.active ul li:nth-child(5){ transition-delay: 0.5s; transform: translateX(0);}
.hid_nav.active ul li:nth-child(6){ transition-delay: 0.5s; transform: translateX(0);}
.hid_nav.active ul li:nth-child(7){ transition-delay: 0.6s; transform: translateX(0);}
.hid_nav{ height:90px; background: rgba(255,255,255,0.85); opacity: 0; pointer-events: none; transition: all 0.3s;}
.hid_nav ul li{ margin-right: 2%; opacity: 0; transition: all 0.3s; transform: translateX(15px); position: relative;}
.hid_nav ul li>a{ color: #000; padding: 0 15px; line-height: 90px; font-size: 18px; position: relative; display: block; transition: all 0.3s;}
.hid_nav ul li>a:after{ content: ''; width: 100%; height: 4px; background: #df2d32; position: absolute; left: 0; bottom: 0; opacity: 0; transition: all 0.3s;}
.hid_nav ul li.active>a{ color: #df2d32;}
.hid_nav ul li.active>a:after{ opacity: 1;}
.hid_nav ul li:hover>a{ color: #df2d32;}
.hid_nav ul{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;}
.erji.cur{ opacity: 1; pointer-events: auto;}
.erji{ position: absolute; left: 50%; top: calc(100%); transform: translateX(-50%); min-width: 120px; background: rgba(255,255,255,0.85); opacity: 0; transition: all 0.3s; pointer-events: none;}
.ej_li{ margin: 10px 0;}
.ej_li a{ display: block; text-align: center; font-size: 16px; color: #666; line-height: 30px; transition: all 0.3s; white-space: nowrap; padding: 0 15px;}
.ej_li a:hover{ color: #cf0e29;}
.hid_nav ul li:hover .erji{ opacity: 1; pointer-events: auto;}



.head_more{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.head_more a{ width: 30px; height: 30px; border: 1px solid #fff; display: inline-block; color: #fff; margin-left: 10px; transition: all 0.3s; text-align: center; line-height: 28px; border-radius: 50%;}
.head_more a i{ display: inline-block; font-size: 14px;}
.head_more a:hover{ background: #df2d32; color: #fff; border-color: transparent;}
.head_more a:last-child{ border: none;}
.head_more a:last-child:hover{ background: none;}
.head_more a:last-child i{ transform: scale(1.2); font-style: normal;}

.nav_san{ position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; font-size: 20px; color: #fff; cursor: pointer; opacity: 0.9; transition: all 0.3s;}
.nav_san i{ width: 30px; height: 3px; background: rgba(255,255,255,0.6); display: inline-block; margin-right: 10px; position: relative; vertical-align: middle; transition: all 0.3s;}
.nav_san i:after{ content: ''; width: 44px; height: 3px; position: absolute; top: -13px; background: rgba(255,255,255,0.6); right: 0; transition: all 0.3s;}
.nav_san i:before{ content: ''; width: 44px; height: 3px; position: absolute; bottom: -13px; background: rgba(255,255,255,0.6); right: 0; transition: all 0.3s;}


.banner2{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 60%; z-index: 3;}
.banner2 img{ display: block; max-width: 100%; margin: 0 auto; margin-bottom: 50px;width: 30%;}
.banner2 p{ font-size: 20px; color: #3a3a3a; line-height: 2; text-align: center;}
.section2:after{ content: ''; width: 100%; height: 100%; background: rgba(255,255,255,0.8); position: absolute; left: 0; top: 0;}
.section2 video{ position: absolute; left: 50%; min-width: 100%; max-width: 110%; min-height: 100%; max-height: 110%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.section2 #Video_2{ position: absolute; left: 50%; min-width: 100%; max-width: 110%; min-height: 100%; max-height: 110%; top: 50%; transform: translateX(-50%) translateY(-50%);}



/* .s_lng{ padding-top: 90px;} */
.s_lngdw{ position: relative;}
.s_lngdw .swiper2 .swiper-slide{ position: relative; height: 100vh;
	/* padding-top: 45%; */
}
.s_lngdw .swiper2 .swiper-button-prev2{ left: 3%;}
.s_lngdw .swiper2 .swiper-button-next2{ right: 3%;}
.s_lngdw .swiper2 .swiper-button-prev2, .s_lngdw .swiper2 .swiper-button-next2{ background: rgba(0,0,0,0.2); color: #fff; text-align: center; outline: none; width: 60px; height: 60px; margin-top: -30px; border-radius: 50%;}
.s_lngdw .swiper2 .swiper-button-prev2 i, .s_lngdw .swiper2 .swiper-button-next2 i{ font-size: 24px; display: inline-block; line-height: 60px;}
.s_lngdw .swiper2 .swiper-slide:after{ content: ''; width: 44%; position: absolute; top: 0; right: 0; z-index: 2; height: 100%; background: rgba(102,102,111,0.72); transition: all 0.3s;}

.lng_text{ position: absolute; right: 110px; width: calc(44% - 190px); top: 25%; z-index: 3; color: #fff;}
.lng_text h2{ font-size: 46px; margin-top: 0; margin-bottom: 20px; font-family: 'PLAYFAIRDISPLAY';}
.lng_text h4{ font-size: 18px; line-height: 36px; color: #fff; margin: 0;}


.why_tab{ width: calc(44% - 190px); position: absolute; right: 110px; bottom: 20%; z-index: 4;}
.why_tab .swiper3 .swiper-slide a{ display: block; position: relative; padding-top: 42%; background: rgba(255,255,255,0.65); cursor: pointer; transition: all 0.3s;}
.why_tab .swiper3 .swiper-slide a:after{ content: ''; width: 1px; height: 0; background: rgba(255,255,255,0.65); position: absolute; right: 10px; top: 10px; transition: all 0s;}
.why_tab .swiper3 .swiper-slide a:before{ content: ''; width: 1px; height: 0; background: rgba(255,255,255,0.65); position: absolute; left: 10px; bottom: 10px;  transition: all 0s;}
.why_tab .swiper3 .swiper-slide.swiper-slide-thumb-active a:after{ height:calc(100% - 20px); transition: all 0.625s 1.125s linear;}
.why_tab .swiper3 .swiper-slide.swiper-slide-thumb-active a:before{ height:calc(100% - 20px); transition: all 0.625s 2.875s linear;}
.why_tab .swiper3 .swiper-slide a i{ width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; display: block; left: 10px; top: 10px; z-index: 2;}
.why_tab .swiper3 .swiper-slide a i:after{ content: ''; width: 0; height: 1px; background: rgba(255,255,255,0.65); position: absolute; left: 0; top: 0; }
.why_tab .swiper3 .swiper-slide a i:before{ content: ''; width: 0; height: 1px; background: rgba(255,255,255,0.65); position: absolute; right: 0; bottom: 0;}
.why_tab .swiper3 .swiper-slide.swiper-slide-thumb-active a i:after{ width: 100%; transition: all 1.125s linear;}
.why_tab .swiper3 .swiper-slide.swiper-slide-thumb-active a i:before{ width: 100%; transition: all 1.125s 1.75s linear;}


.why_tab .swiper3 .swiper-slide.swiper-slide-thumb-active a{ background: #244db3;}
.why_tab .swiper3 .swiper-slide.swiper-slide-thumb-active h5{ color:#fff;}
.why_tab .swiper3 .swiper-slide h5{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; color: rgba(0,0,0,0.88); text-align: center; max-width: 86%; font-size: 16px; font-weight: bold; line-height: 24px; transition: all 0.3s;}

.footer{ padding-top: 20px;}
.foot_link{ padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.3);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between; margin-bottom: 10px;}
  .foot_link ul{ width: 70%;}
.foot_link ul li{ display: inline-block; margin-right: 35px;}
.foot_link ul li a{ font-size: 18px; color: #fff; opacity: 0.62; transition: all 0.3s;}
.foot_link ul li:hover a{ opacity: 1;}
.foot_logo span{ position: relative; display: inline-block; margin-left: 30px; overflow: hidden;}
.foot_logo span img{ display: block;}
.foot_logo span i{ width: 100%; display: block; position: absolute; height: 100%; top: 0; left: 0; background: url(../images/foot_logo_en.png) center no-repeat; background-size: cover;
  -webkit-animation: xuanzhuan 30s linear infinite;
  animation: xuanzhuan 30s linear infinite}

@-webkit-keyframes xuanzhuan {
  0%{ transform: rotate(0); }
  100% { transform: rotate(360deg); }
}
@keyframes xuanzhuan {
  0%{ transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

.hua_logo i{ display: block; height: 46px;  text-align: center;}
.hua_logo i img{ display: inline-block; height: 100%;}
.hua_logo i:last-child{ transform: rotateX(180deg);}
.hua_logo div{ height: 52px; position: relative; margin: 12px auto;}
.hua_logo div span{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; overflow: hidden; display: block;}
.hua_logo div span img{ height: 52px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.nfoot_logo{ height: 52px;}
.foot_di{ padding: 25px 0; border-top: 1px solid rgba(255,255,255,0.89);}
.foot_di, .foot_di a{ color: rgba(255,255,255,0.89);}
.foot_di span{ margin: 0 15px;}

.foot_contact{ margin: 50px 0;}
.foot_contact ul{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-around;}
  .foot_contact ul li{ width: 22%; text-align: center;}
  .foot_contact ul li i{ display: block; margin: 0 auto; background: #fff; width: 48px; height: 48px; border-radius: 50%; text-align: center; line-height: 48px; color: #244db3; margin-bottom: 20px; font-size: 24px;}
  .foot_contact ul li h5, .foot_contact ul li p{ margin: 10px 0; line-height: 24px; font-size: 16px; color: #fff;}
  /* .foot_contact ul li h5 {
    color: #244db3;
  }
  .foot_contact ul li p {
    color: #000;
  } */


/* 内页开始 */
.nab_bj{ background: url(../images/nab_bj.jpg) center top no-repeat; background-size: cover;}
.nabout_1{ padding: 0 18%; height: 100vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}

.nabout_1 img{ display: block; max-width: 100%; margin: 0 auto; margin-bottom: 50px;}
.nabout_1 p{ font-size: 18px; color: #000; line-height: 50px; text-align: center;}

.nabout_2{ padding: 10% 18%; padding-bottom: 13%;}
.nabout_2 .n_biao{ margin-bottom: 50px;}
.nabout_2 img{ display: block; max-width: 100%; margin: 0 auto;}
.nabout_2 .ty_content p{ font-size: 16px; line-height: 34px; margin: 20px 0; text-indent: 2em;}

.nabout_3{ position: relative;}
.nabout_3 ul{ position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;}
.nabout_3 ul li{ width: 33.33%; height: 100%;display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.nabout_3 .caption{ text-align: center; color: #fff; transition: all 0.5s;}
.nabout_3 .caption h2{ font-size: 36px; margin: 0; margin-bottom: 40px; transition: all 0.5s;}
.nabout_3 .caption h4{ font-size: 16px; color: #000; line-height: 30px; margin: 0; margin-bottom: 50px; opacity: 0; transition: all 0.5s;}
.nab_img{ position: absolute; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; transition: all 0.5s; overflow: hidden;}
.nab_img img{ position: absolute; top: 0; transition: all 0.5s ease-in-out; opacity: 0.85;}
.nabout_3 ul.active0 .nab_img img{ left: -64%;}
.nabout_3 ul.active1 .nab_img img{ left: -32%;}
.nabout_3 ul.active2 .nab_img img{ left: 0%;}

.nabout_3 ul li.cur .caption{ transform: translateY(-180px);}
.nabout_3 ul li.cur .caption h2{ color: #df2d32;}
.nabout_3 ul li.cur .caption h5{ display: none;}
.nabout_3 ul li.cur .caption h4{ opacity: 1;}

.nabout_4{ padding-top: 100px;}
.n_biao{ margin: 20px 0; position: relative; font-size: 36px;
  background-image: linear-gradient(-170deg,#e2c886,#ebe3b1,#ebd392,#eee2af);
  background-clip:text;
  -webkit-background-clip:text;
  color: transparent;
}

.n_biao img{ position: absolute; left: 0; bottom: -10px; z-index: -1; height: 116px;}
.n_biao.n_biao_dj{ text-align: right; padding-left: 0; margin-top: -130px;}
.n_biao.n_biao_dj span img{ position: static;}
.n_biao.n_biao_dj span{ display: inline-block; position: relative;}
.n_biao.n_biao_dj span strong{ position: absolute; left: 10px; bottom: 10px; z-index: 2; z-index: 2; font-weight: normal;background-image: linear-gradient(170deg,#a37d4f,#e9d1a6,#a37d4f,#e9d1a6);
  background-clip:text;
  -webkit-background-clip:text;}

.nabout_5{ position: relative; height: 100vh; margin-top: 60px;}
.nabout_5 iframe{ height: 100vh;}
.nabout_5>.container{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 6%; z-index: 2;}

.n_banner01{ padding-top: 16.77%;}
.zhong{ padding: 50px 0;}
.nnew_left{ width: 69%;}
.nnew_right{ width: 26%; margin-left: 5%;}
.nnew_li{ width: 32%; margin-bottom: 30px; margin-right: 2%; transition: all 0.5s;}
.nnew_list{ margin-top: 80px;}
.nnew_right .nnew_list{ margin-top: 0;}
.nnew_list .nnew_li:nth-child(3n){ margin-right: 0;}
.nnew_right .nnew_li{ width: 100%; margin-right: 0;}
.nnew_img{ overflow: hidden;}
.nnew_img span{ display: block; padding-top: 63.5%; width: 100%; transition: all 1s;}
.nnew_text{ padding: 15px; transition: all 0.5s;}
.nnew_text h5{ font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c89156; transition: all 0.5s; margin: 15px 0;}
.nnew_text p{ font-size: 16px; line-height: 26px; color: #333; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; transition: all 0.5s;}
.nnew_text h6{ margin-top: 15px;}
.nnew_text h6 i{ display: inline-block; margin-left: 60px; color: #666; font-size: 14px; position: relative; font-style: normal; transition: all 0.5s;}
.nnew_text h6 i:after{ content: ''; width: 50px; left: -60px; top: 50%; transform: translateY(-50%); height: 1px; background: #666; position: absolute; transition: all 0.5s;}
.nnew_li:hover{ transform: translateY(-5%);}
.nnew_li:hover .nnew_text{ background: #df2d32;}
.nnew_li:hover .nnew_text h5, .nnew_li:hover .nnew_text p, .nnew_li:hover .nnew_text h6 i{ color: #fff;}
.nnew_li:hover .nnew_text h6 i:after{ background: #fff;}
.nnew_li:hover .nnew_img span{ transform: scale(1.05);}

.tuijian_h3{ margin-bottom: 30px;}
.tuijian_h3 span{ font-size: 24px; color: #df2d32; display: inline-block; padding: 12px 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}

.nnew_biao h3{ font-size: 30px; padding: 0 20px; padding-bottom: 24px; color: #c89156; display: block; border-bottom: 1px solid #dedede; margin: 0;}
.nnew_biao h5{ padding: 10px 20px; color: #999; font-size: 16px;}

.nnew_left .ty_content{ margin: 20px;}
.nnew_left .ty_content p{ margin: 30px 0;}
.ty_content img{ max-width: 100%; display: block; margin: 0 auto;}
.ty_content p{ font-size: 16px; line-height: 30px; color: #505050;}

.jian{ width: 46px; height: 46px; border-radius: 50%; border: 2px solid #c89156; position: relative;}
.jian img{ display: inline-block; position: absolute; left: 18px; top: 50%; transform:rotateY(180deg) translateY(-50%); z-index: 2; transition: all 0.5s;}
.fanye02{ padding: 20px 0;}
.fanye02 ul li:hover a .jian img{ left: 10px;}
.fanye02 ul li:hover a .jian.you img{ left: -30px;}
.fanye02{ border-top: 1px solid #dedede;}
.fanye02 ul li a{ display: inline-block; padding: 20px 0; padding-left: 110px; line-height: 30px; position: relative; font-size: 16px; color: #999;}
.fanye02 ul li a .jian{ position: absolute; top: 50%; transform: translateY(-50%);}
.jian.zuo{ left: 0;}
.jian.you img{ transform: rotateY(0) translateY(-50%); left: -40px;}
.jian.you{ left: 49px;}
.fanye02 ul li:hover a{ color: #c89156;}

@-webkit-keyframes jian_zuo {
  0% { left: 18px;}
  100% { left: 10px;}
  }
  @keyframes jian_zuo {
    0% { left: 18px;}
    100% { left: 10px;}
  }
  .fanye02 ul li:hover a .jian img {
    -webkit-animation: jian_zuo 1.2s ease-out infinite;
    animation: jian_zuo 1.2s ease-out infinite;
  }

  @-webkit-keyframes jian_you {
    0% { left: -40px;}
    100% { left: -30px;}
  }
  @keyframes jian_you {
    0% { left: -40px;}
    100% { left: -30px;}
  }
  .fanye02 ul li:hover a .jian.you img {
    -webkit-animation: jian_you 1.2s ease-out infinite;
    animation: jian_you 1.2s ease-out infinite;
  }


.bo{ position: absolute; bottom: 100%; left: 0; z-index: 2;}
.n_banner02{ height: 100vh; position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

.hzp_banner.huazhuangp .ban_biao{ right: 8%; width: 26%;}
.hzp_banner.huazhuangp .ban_biao h5{ height: 178px;}


.hzp_banner{ height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.hzp_banner.active .ban_biao{ opacity: 1;}
.hzp_banner .ban_biao{ width: 24%; right: 12%; opacity: 0; transition: all 0.5s;}
.hzp_banner .ban_biao h5{ color: #fff; line-height: 34px; font-size: 16px; margin-top: 50px; margin-left: 15px; height: 170px; overflow: auto;}
.hzp_banner .ban_biao h5::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .hzp_banner .ban_biao h5::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #fff;
  }
  .hzp_banner .ban_biao h5::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background   : rgba(0,0,0,0.3);
  }

.hzp_banner .ban_biao ul{ margin-left: 15px; position: relative; margin-top: 40px;}
.hzp_banner .ban_biao ul:after{ content: ''; width: 100%; height: 1px; border-top: 1px dashed #fff; position: absolute; top: 6px; left: 0;}
.hzp_banner .ban_biao ul li{ position: relative; padding-top: 30px; width: 50%; text-align: center;}
.hzp_banner .ban_biao ul li a{ color: #fff; font-size: 18px;}
.hzp_banner .ban_biao ul li:after, .hzp_banner .ban_biao ul li:before{ content: ''; width: 12px; height: 12px; border-radius: 50%; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -6px;}
.hzp_banner .ban_biao ul li.active:before{-webkit-animation: anim-out2 1.5s linear infinite; animation: anim-out2 1.5s linear infinite; }
/* 涟漪特效代码 */
@-webkit-keyframes anim-out2{
    0%{ opacity: 0.5; background: rgba(255,255,255,1);}
    50%{ transform: scale(2); opacity: 0.25; background: rgba(255,255,255,1);}
    100%{ transform: scale(4); opacity: 0; background: rgba(255,255,255,0);}
}

@-moz-keyframes anim-out2{
  0%{ opacity: 0.5; background: rgba(255,255,255,1);}
  50%{ transform: scale(2); opacity: 0.25; background: rgba(255,255,255,1);}
  100%{ transform: scale(4); opacity: 0; background: rgba(255,255,255,0);}
}

@-ms-keyframes anim-out2{
  0%{ opacity: 0.5; background: rgba(255,255,255,1);}
  50%{ transform: scale(2); opacity: 0.25; background: rgba(255,255,255,1);}
  100%{ transform: scale(4); opacity: 0; background: rgba(255,255,255,0);}
}

@keyframes anim-out2{
  0%{ opacity: 0.5; background: rgba(255,255,255,1);}
  50%{ transform: scale(2); opacity: 0.25; background: rgba(255,255,255,1);}
  100%{ transform: scale(4); opacity: 0; background: rgba(255,255,255,0);}
}



.banyuan.active{ transform: translateX(0); opacity: 1;}
.banyuan{ width: 32%; background: rgba(223,45,50,0.7); position: absolute; right: 0; top: 0; height: 100%; z-index: 2; transform: translateX(50%); opacity: 0; transition: all 1s;}
.banyuan i{ display: block; width: 215px; overflow: hidden; position: absolute; height: 100%; top: 0; right: 100%;}
.banyuan i:after{ content: ''; width: 300%; height: 120%; border-radius: 50%; background: rgba(223,45,50,0.7); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.djjj{ width: 48%; margin-left: 16%;}
.djjj .n_biao{ z-index: 3;}
.djjj .ty_content p{ color: #fff; margin: 30px 0;}

.dj_list{ margin-top: 50px;}
.dj_li{ width: 31%; margin-bottom: 30px; margin-right: 3.5%; transition: all 0.5s;}
.dj_list .dj_li:nth-child(3n){ margin-right: 0;}
.dj_img{ position: relative; z-index: 2;}
.dj_img:after{ content: ''; width: 100%; left:0; top: 0; height: 100%; background: #cf0e29; z-index: -2; transition: all 0.5s; position: absolute; opacity: 0;}
.dj_img span{ display: block; padding-top: 56.4%; width: 100%;}
.dj_img i{ width: 66px; height: 66px; background: #cf0e29; color: #fff; display: block; font-size: 18px;  text-align: center; line-height: 66px; position: absolute; right: 0; bottom: 0; z-index: 2; opacity: 0; transition: all 0.5s; top: auto;}
.dj_text{ padding: 15px;}
.dj_text h5{ font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; transition: all 0.5s; margin: 15px 0;}
.dj_text p{ font-size: 16px; line-height: 26px; color: #666; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.dj_text h6{ margin-top: 15px;}
.dj_text h6 i{ display: inline-block; color: #666; font-size: 14px; font-style: normal;}
.dj_li:hover .dj_img:after{ left: -15px; top: -15px; opacity: 1;}
.dj_li:hover .dj_img i{ opacity: 1;}

.ban_biao{ margin-right: 28%; position: relative; z-index: 3;}
.ban_biao .n_biao{ z-index: 2;}
.jian_a .jian{ border-color: #fff; display: inline-block; vertical-align: middle; margin-right: 50px;}
a.jian_a{ color: #fff; font-size: 24px; text-shadow:0px 1px 2px rgba(0,0,0,0.3);}
.jian_a:hover .jian img{-webkit-animation: jian_zuo 1.2s ease-out infinite;
  animation: jian_zuo 1.2s ease-out infinite;}

.yg_fengcai{ margin-top: -16%; position: relative;}
.ban_biao{ position: absolute; right: 28%; margin: 0; top: 50%; transform: translateY(-50%);}
.yg_fengcai .ban_biao .jian_a{ color: #c89156; text-shadow: none;}
.yg_fengcai .ban_biao .jian_a .jian{ border-color: #c89156;}

.canguan{ margin-top: -2%; padding-bottom: 60px; padding-top: 60px;}
.canguan .swiper0{ margin-top: 60px;}
.canguan .swiper0 .swiper-slide{ width: 36%;}
.canguan .swiper0 .swiper-slide a{ padding-top: 61%; display: block;}

.cg_fan{ margin-top: 50px;}
.cg_fan .swiper-button-next, .cg_fan .swiper-button-prev{ position: static; margin: 0; background: none; width: 70px; height: auto; display: inline-block; outline: none; vertical-align: middle;}
.cg_fan .swiper-button-next i, .cg_fan .swiper-button-prev i{ font-size: 36px; color: #cf0e29;}
.cg_fan .swiper-button-next{ margin-left: 5%;}
.cg_fan .swiper-button-prev{ margin-right: 5%;}
.shu_slide{ display: inline-block; vertical-align: middle;}
.shu_slide span{ display: inline-block; vertical-align: middle; font-size: 20px; color: #cf0e29;}
.shu_slide i{ width: 180px; height: 1px; background: #f6c6c8; position: relative; display: inline-block; vertical-align: middle; margin: 0 15px;}
.shu_slide i:after{ content: ''; width: 0; height: 1px; background: #cf0e29; position: absolute; left: 0; top: 0;}
.shu_slide.active i:after{ width: 100%; transition: all 3.6s;}

.n_gyl{ padding-bottom: 60px; position: relative;}
.bo2{ position: absolute; bottom: 100%; width: 100%; left: 0; z-index: 2;}
.gyl_left{ width: 40%;}
.gyl_right{ width: 35%;}
.gyl_right .ty_content p{ line-height: 36px; font-size: 16px; color: #000;}
  
.pp_yys{ padding: 60px 0;}
.pp_yys .n_biao{ margin-bottom: 60px;}
.n_biao.text-center img{ left: 50%; transform: translateX(-50%);}

.md_buju{ position: relative;}
.md_bai{ background: #fff; padding:20px 30px; width: 500px; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 2;}
.md_bai ul{ margin: 20px 0;}
.md_bai ul li{ display: inline-block; margin: 0 15px;}
.md_bai ul li a{ color: #000; font-size: 18px; padding-bottom: 5px; border-bottom: 2px solid transparent; transition: all 0.3s; display: inline-block;}
.md_bai ul li.active a{ color: #cf0e29; border-color: #cf0e29;}
.md_bai .form-control{ height: 40px; font-size: 16px;}
.md_li{ padding: 20px 15px; border-bottom: 1px solid #dedede; padding-left: 60px; position: relative;}
.md_li i{ position: absolute; left: 15px; top: 25px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #cf0e29; line-height: 26px; text-align: center; font-style: normal; display: block; color: #cf0e29;}
.md_li h5{ font-size: 16px;}
.md_li p{ font-size: 16px; color: #333;}
.md_li h6{ font-size: 16px; color: #666;}
.md_list{ max-height: 410px; overflow: auto;}

.md_list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .md_list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #cf0e29;
  }
  .md_list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background   : #f6f6f6;
  }

.job_form{ margin-bottom: 60px; position: relative; z-index: 2;}
.job_list{ position: relative;}
.job_list .job_li:nth-child(2n){ margin-right: 0;}
.job_li{ width: 49%; margin-right: 2%; margin-bottom: 30px; transition: all 0.5s;}
.job_li .ty_content{ display: none; background: #f7f7f7; padding: 30px 50px; padding-top: 0; position: absolute; top: 100%; left: 0; width: 100%; overflow: auto;}
.job_li i{ width: 40px; height: 40px; font-size: 18px; border-radius: 50%; border: 3px solid #d8d8d8; line-height: 34px; text-align: center; color: #d8d8d8; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.job_li h5{ font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.job_li h4{ font-size: 20px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.job_li.active{ position: relative; z-index: 2;}
.job_li.active .ty_content{ display: block;}
.job_title{ background: #f7f7f7; padding: 40px 50px; position: relative; padding-right: 80px;}
.job_li.active .job_title i{ transform: rotateX(180deg) translateY(50%);}

.job_form .n_biao{ margin-top: -30px;}
.job_form h3{ margin-bottom: 40px;}
.job_form .form-group{ border-radius: 20px; border: 1px dashed #cf0e29; padding-right: 20px; padding-left: 10px; position: relative;}
.job_form .form-control{ height: 40px; border: none; outline: none; box-shadow: none; font-size: 16px; border-radius: 20px; background: none;}
.job_form .form-group button{ position: absolute; right: 10px; top: 0; height: 40px; width: 40px;text-align: center; border: none; background: none; outline: none;}
.job_form .form-group button i{ display: inline-block; line-height: 40px; font-size: 18px; color: #666;}

.xf_one{ position: relative;}
.xf_one_text{ position: absolute; left: 15%; top: 20%; max-width: 40%; z-index: 2;}
.xf_one_text p{ font-size: 16px; line-height: 36px; color: #000; margin-top: 40px; margin-bottom: 20px;}
.xf_one_text a{ display: inline-block; padding: 0 40px; border-radius: 21px; height: 42px; line-height: 40px; border: 1px solid #cf0e29; color: #cf0e29; font-size: 16px;}

.swiper_left, .swiper_right{ width: 25%;  position: relative; padding: 50px 0; outline: none;}
.swiper_left .swiper-container, .swiper_right .swiper-container{ width: 70%;}
.swiper_left{ padding-left: 10%; background: rgba(207,14,41,0.1); border-top-right-radius: 140px;  border-bottom-right-radius: 140px;}
.swiper_right{ padding-right: 10%; background: rgba(207,14,41,0.1); border-top-left-radius: 140px;  border-bottom-left-radius: 140px;}
.swiper_left i, .swiper_right i{ width: 42px; height: 42px; font-size: 24px; border: 2px solid #cf0e29; line-height: 38px; text-align: center; color: #cf0e29; display: block; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.swiper_left i{ right: 55%;}
.swiper_right i{ left: 55%;}

.xf_two .swiper0{ width: 50%; position: relative; z-index: 2; padding-bottom:90px;}
.yinying{ position: absolute; bottom: 5%; width: 100%; z-index: -1;}
.yinying img{ display: block; max-width: 100%; margin: 0 auto;}
.xf_two .swiper0 .swiper-slide{ padding: 0 25%; margin: 0 auto;}
.xf_two .swiper-slide a{ padding-top: 90%; display: block; position: relative; opacity: 0; transition: all 0.5s; transform: scale(0.75);}
.xf_two .swiper-slide.swiper-slide-active a{ opacity: 1; transform: scale(1);}
.xf_two .swiper-slide a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-height: 100%; max-width: 100%; display: block;

  border:6px solid #ddd;
  border-image: -webkit-linear-gradient(120deg, #bd923c,#fffbc7, #bd923c,#fffbc7) 30 30;
   border-image: -moz-linear-gradient(120deg, #bd923c,#fffbc7, #bd923c,#fffbc7) 30 30;
  border-image: linear-gradient(120deg, #bd923c,#fffbc7, #bd923c,#fffbc7) 30 30;
}

.xf_two{ margin-top: -10%; position: relative; z-index: 2;}
.xf_two h5{ font-size: 16px; line-height: 40px; color: #151515; margin: 60px auto; max-width: 90%;}


.xf_three{ padding-top: 100px;}
.xf_three .n_biao{ margin-bottom: 60px;}
.xf_three .swiper3{ padding-bottom: 30px;}
.xf_three .swiper-slide a{ display: block; padding-top: 100%; border-radius: 50%; position: relative; background: #fff; transition: all 0.5s; transform: scale(0.65); margin-bottom: 40px;}
.xf_three .swiper-slide a:after{ content: ''; width: 100%; height: 100%; border: 10px solid #dedede; position: absolute; left: 0; top: 0; border-radius: 50%;}
.xf_three .swiper-slide a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 80%; max-height: 80%; display: block;
  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
  filter: gray;}
.xf_three .swiper-slide span{ display: block; padding: 0 10px; text-align: center; font-size: 16px; color: #333; transition: all 0.3s; min-height: 44px; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.xf_three .swiper-slide span:after{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: #cf0e29; position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%);}
.xf_three .swiper-slide span:before{ content: ''; width: 100%; height: 1px; border-bottom: 1px solid #dedede; position: absolute; bottom: -25px; left: 0;}
.xf_three .swiper-slide.swiper-slide-active a{ transform: scale(0.9);}
.xf_three .swiper-slide.swiper-slide-active a:after{ border-color: #cf0e29;}
.xf_three .swiper-slide.swiper-slide-active a img{-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
filter: none;}
.xf_three .swiper-slide.swiper-slide-active span{ color: #cf0e29;}
.xf_fan_of{ margin-top: 50px; padding-top: 30px; overflow: hidden;}
.xf_fan{ width: 25%; margin: 0 auto; position: relative; padding-top: 120px; padding-bottom: 40px; z-index: 2; text-align: center;}
.xf_fan .swiper-button-prev{ margin-right: 70px;}
.xf_fan .swiper-button-next, .xf_fan .swiper-button-prev{ width: auto; height: 40px; line-height: 40px; background: none; color: #666; position: static; display: inline-block; font-size: 18px; outline: none;}
.xf_fan .swiper-button-next i, .xf_fan .swiper-button-prev i{ font-size: 30px; transform: translateY(5px); display: inline-block;}
.xf_fan:after{ content: ''; width: 100%; padding-top: 100%; border-radius: 50%; background: #fdf3f4; position: absolute; top: 0; left: 0; z-index: -1;}
.xf_fan:before{ content: ''; width: calc(100% + 60px); padding-top: calc(100% + 60px); background: url(../images/yuandian.png) center no-repeat; background-size: cover; position: absolute; top: -30px; left: -30px; z-index: -1;}
.xf_fan:before{
  -webkit-animation: yd_zhuan 30s linear infinite;
  animation: yd_zhuan 30s linear infinite;
}
@-webkit-keyframes yd_zhuan {
  0%{transform: rotate(0);}
  100% {transform: rotate(360deg);}
}
@keyframes yd_zhuan {
  0%{transform: rotate(0);}
  100% {transform: rotate(360deg);}
}
.xf_gys{ padding: 60px 0;}
.xf_gys .n_biao{ margin-bottom: 50px;}
.xf_gys ul{border:6px solid #ddd;
  border-image: -webkit-linear-gradient(120deg, #bd923c,#fffbc7, #bd923c,#fffbc7) 30 30;
   border-image: -moz-linear-gradient(120deg, #bd923c,#fffbc7, #bd923c,#fffbc7) 30 30;
  border-image: linear-gradient(120deg, #bd923c,#fffbc7, #bd923c,#fffbc7) 30 30;}
.xf_gys ul li{ width: 20%; cursor: pointer; border-right: 1px solid #c4a470; border-bottom: 1px solid #c4a470;}
.xf_gys ul li.li_40{ width: 40%;}
.xf_gys ul li img{ display: block; width: 100%;}

.gys_model.active{ opacity: 1; pointer-events: auto;}
.gys_model.active .rys_bai{ top: 50%;}
.gys_model{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 99; opacity: 0; pointer-events: none; transition: all 0.5s;}
.rys_bai{ width: 80%; padding: 5% 5%; padding-top: 2%; background: #fff; border-radius: 30px; box-shadow: 0px 6px 16px rgba(0,0,0,0.6); position: absolute; left: 0; right: 0; margin: 0 auto; top: 60%; transform: translateY(-50%); transition: all 0.5s;}
.rys_bai p{ line-height: 40px; font-size: 16px; color: #000;}
.gys_close{ width: 40px; height: 40px; line-height: 40px;text-align: center; position: absolute; right: 30px; top: 30px; color: #a8a8a8; z-index: 2; font-size: 30px; cursor: pointer;}
.gys_close i{ font-size: 30px; line-height: 40px;}
.gys_close:hover{ color: #cf0e29;}

.hzp_banner.xiangf .n_biao span{ color: #fff;}
.hzp_banner.xiangf ul:after{ display: none;}
.hzp_banner.xiangf ul li{ width: 100%; padding: 0; text-align: left; margin-top: 30px; position: relative; transition: all 0.5s; opacity: 0.65;}
.hzp_banner.xiangf ul li:before, .hzp_banner.xiangf ul li.active:before{ display: none;}

.hzp_banner.xiangf ul li:first-child:after{ width: 118px;}
.hzp_banner.xiangf ul li:after{ height: 1px; border-radius: 0; width: 104px; height: 1px; background: rgba(255,255,255,0.85); top: 50%; transform: translateY(-50%); right: 105%; position: absolute; margin: 0; left: auto; transition: all 0.5s;}
.hzp_banner.xiangf ul li:first-child.active:after{ width: 168px;}
.hzp_banner.xiangf ul li.active:after{ width: 154px;}
.hzp_banner.xiangf ul li.active{ margin-left: 0; opacity: 1;}

.nfc_list{ margin-top: 30px;}
.nfc_time{ width: 135px; text-align: center; color: #cf0e29; font-size: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.nfc_time span{ display: block; font-size: 18px; border-top: 1px solid #cf0e29; padding-top: 10px; margin-top: 5px;}
.nfc_li{ padding: 50px 0; border-bottom: 1px solid #dbc495; transition: all 0.3s;}
.nfc_li a{ padding-left: 135px; position: relative;}

.nfc_img{ width: 24%; margin-left: 4%; overflow: hidden;}
.nfc_text{ width: 68%; margin-left: 4%;}
.nfc_img span{ display: block; padding-top: 63.5%; width: 100%; transition: all 1s;}
.nfc_text h5{ font-size: 20px; color: #555555; padding-bottom: 15px; border-bottom: 1px solid #dedede; margin-bottom: 15px; line-height: 30px; transition: all 0.3s;}
.nfc_text p{ line-height: 30px; font-size: 16px; color: #666; transition: all 0.3s;}
.nfc_text h6{ font-size: 16px; color:#666; margin-top: 40px; transition: all 0.3s;}
.nfc_text h6 .jian{ display: inline-block; vertical-align: middle; margin-left: 49px; left: auto; margin-right: 15px;}
.nfc_li:hover a .jian img {
  -webkit-animation: jian_you 1.2s ease-out infinite;
  animation: jian_you 1.2s ease-out infinite;
}
.nfc_list .nfc_li:last-child{ border: none;}
.nfc_li:hover{ background: #cf0e29;}
.nfc_li:hover h5, .nfc_li:hover p, .nfc_li:hover h6, .nfc_li:hover .nfc_time{ color: #fff;}
.nfc_li:hover .nfc_time span{ border-color: #fff;}
.nfc_li:hover h5{ border-color: rgba(255,255,255,0.3);}



.nabout_6 ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.nabout_6 ul li{ position: absolute; width: 2px; z-index: 2;}
.nabout_6 ul li em{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) translateY(15%); z-index: 2; color: #cf0e29; font-size: 24px;}
.nabout_6 ul li i{ display: block; padding-top: 100%; background: rgba(207,14,41,0.65); border-radius: 50%;}
.nabout_6 ul li span{ display: block; position: absolute; bottom: 50%; left: 50%; width: 2400%; padding-top: 3440%; background: url(../images/qi.png) center no-repeat; background-size: cover; -webkit-animation: ls_up 1s ease-out infinite; animation: ls_up 1s ease-out infinite;}
.nabout_6 ul li.zoom{ transform: scale(1);}
.nabout_6 ul li.zoom1{ transform: scale(0.8);}
.nabout_6 ul li.zoom2{ transform: scale(0.7);}
.nabout_6 ul li.zoom3{ transform: scale(0.5);}

/* 亚洲 */
.nabout_6 ul li.m1{ top: 39.8%; right: 22%;}
.nabout_6 ul li.m2{ top: 42.5%; right: 14.8%;}
.nabout_6 ul li.m3{ top: 43.6%; right: 18.1%;}
.nabout_6 ul li.m4{ top: 47%; right: 19.8%;}
.nabout_6 ul li.m5{ top: 49%; right: 21.2%;}
.nabout_6 ul li.m6{ top: 41.2%; right: 23.4%;}
.nabout_6 ul li.m7{ top: 51%; right: 21.8%;}
.nabout_6 ul li.m8{ top: 48.6%; right: 23.5%;}
.nabout_6 ul li.m9{ top: 57%; right: 24.5%;}
.nabout_6 ul li.m10{ top: 42%; right: 30%;}
/* 澳洲 */
.nabout_6 ul li.m11{ top: 80.2%; right: 16.2%;}
.nabout_6 ul li.m12{ top: 45%; right: 22.7%;}
/* 欧洲 */
.nabout_6 ul li.m13{ top: 42%; right: 43.5%;}
.nabout_6 ul li.m14{ top: 28.5%; right: 45.8%;}
.nabout_6 ul li.m15{ top: 42%; right: 47%;}
.nabout_6 ul li.m16{ top: 39.9%; right: 49.3%;}
.nabout_6 ul li.m17{ top: 24.7%; right: 48.8%;}
.nabout_6 ul li.m18{ top: 29%; right: 50.5%;}
.nabout_6 ul li.m19{ top: 37.6%; right: 50.5%;}
.nabout_6 ul li.m20{ top: 32.7%; right: 51.3%;}
.nabout_6 ul li.m21{ top: 33.7%; right: 52%;}
.nabout_6 ul li.m22{ top: 31.7%; right: 53.4%;}
.nabout_6 ul li.m23{ top: 36%; right: 52.2%;}
.nabout_6 ul li.m24{ top: 23.8%; right: 50.4%;}
/* 北美洲 */
.nabout_6 ul li.m25{ top: 31.8%; right: 46.5%;}
.nabout_6 ul li.m26{ top: 32.5%; right: 47.7%;}
.nabout_6 ul li.m27{ top: 33.7%; right: 48.9%;}
.nabout_6 ul li.m28{ top: 36.9%; right: 49.4%;}
.nabout_6 ul li.m29{ top: 36.5%; right: 50%;}
.nabout_6 ul li.m30{ top: 31.7%; right: 55.1%;}
.nabout_6 ul li.m31{ top: 64%; right: 72.2%;}
.nabout_6 ul li.m32{ top: 65.8%; right: 73.3%;}
.nabout_6 ul li.m33{ top: 70.8%; right: 68.4%;}
.nabout_6 ul li.m34{ top: 42%; right: 80.2%;}
.nabout_6 ul li.m35{ top: 35%; right: 81.6%;}
.nabout_6 ul li.m36{ top: 75.5%; right: 70%;}
.nabout_6 ul li.m37{ top: 80%; right: 71.7%;}
.nabout_6 ul li.m38{ top: 90.7%; right: 71.8%;}
.nabout_6 ul li.m39{ top: 36.9%; right: 47.3%;}
.nabout_6 ul li.m40{ top: 39%; right: 45.7%;}
.nabout_6 ul li.m41{ top: 19.5%; right: 46.8%;}
.nabout_6 ul li.m42{ top: 51.6%; right: 38.2%;}
.nabout_6 ul li.m43{ top: 53.7%; right: 40.3%;}
.nabout_6 ul li.m44{ top: 61%; right: 46.8%;}
.nabout_6 ul li.m45{ top: 64.7%; right: 42.8%;}
.nabout_6 ul li.m46{ top: 39%; right: 27%;}
.nabout_6 ul li.m47{ top: 47%; right: 26%;}
.nabout_6 ul li.m48{ top: 53.8%; right: 25.6%;}
.nabout_6 ul li.m49{ top: 58.5%; right: 20.4%;}
.nabout_6 ul li.m50{ top: 62.8%; right: 25.1%;}
.nabout_6 ul li.m51{ top: 67%; right: 21%;}
.nabout_6 ul li.m52{ top: 36%; right: 20%;}
.nabout_6 ul li.m53{ top: 42.8%; right: 20%;}


.nabout_6 ul li i:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #df2d32; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s ease-out infinite; animation: anim-out2 3s ease-out infinite; z-index: -1;}
.nabout_6 ul li i:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #df2d32; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 1s ease-out infinite; animation: anim-out2 3s 1s ease-out infinite; z-index: -2;}

/* 涟漪特效代码 */
@-webkit-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(30); opacity: 0;}
}
@-moz-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(30); opacity: 0;}
}
@-ms-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(30); opacity: 0;}
}
@keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(30); opacity: 0;}
}

@-webkit-keyframes ls_up{
    0%{ transform: translateY(0);}
    50%{ transform: translateY(-10px);}
    100%{ transform: translateY(0);}
}
@keyframes ls_up{
    0%{ transform: translateY(0);}
    50%{ transform: translateY(-10px);}
    100%{ transform: translateY(0);}
}



.pp_yys ul li{ width: 11.11%; position: relative; margin-top: -3%;}
.pp_yys ul li .ling{ width: 100%; transition: all 0.3s;}
.pp_yys ul li .ling_img{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; max-width: 84%; max-height: 30%; z-index: 2; transition: all 0.3s;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.pp_yys ul li:hover .ling_img{-webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;}
.pp_yys ul li .ling img{ display: block; width: 100%;}
.pp_yys ul li .ling.ling_2{ position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.3s;}
/* .pp_yys ul li:nth-child(18) .ling.ling_2{ opacity: 1;}
.pp_yys ul li:nth-child(18) .ling.ling_1{ opacity: 0;}
.pp_yys ul li:nth-child(18) .ling_img{-webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;} */
.pp_yys ul li:nth-child(-n+6){ margin-top: 0;}
.pp_yys ul li:nth-child(3), .pp_yys ul li:nth-child(6), .pp_yys ul li:nth-child(18), .pp_yys ul li:nth-child(28){ margin-left: 11.11%;}
.pp_yys ul li:nth-child(7), .pp_yys ul li:nth-child(23){ margin-left: 5.555%;}




.n_banner02.shzr .djjj{ margin-top: -12%;}
.ny_shzr{ position: relative;}
.ny_shzr .n_biao{ position: absolute; left: 8%; top: 22%; z-index: 3;}
.ny_shzr ul{ height: 100vh; width: 100%; position: relative;}
.ny_shzr ul li.active{ opacity: 1; pointer-events: auto;}
.ny_shzr ul li{ height: 100%; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; pointer-events: none; z-index: 2; transition: all 0.3s;}
.ny_shzr ul li:after{ content: ''; width: 50%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; z-index: 2;}
.shzr_text{ position: absolute; width: 40%; left: 8%; top: 40%; z-index: 3;}
.shzr_text .caption{ color: #fff; font-size: 18px; margin-bottom: 30px; line-height: 32px; padding-left: 40px; position: relative;}
.shzr_text .caption:after{ content: ''; width: 1px; background: #fff; height: calc(100% + 60px); position: absolute; left: 4.5px; top: 0; z-index: -1;}
.shzr_text .caption:first-child:after{ height: calc(50% + 30px); top: 50%;}
.shzr_text .caption:nth-last-child(2):after{ height: calc(50% + 30px); top: auto; bottom: 50%;}
.shzr_text .caption i{ content: ''; width: 10px; height: 10px; display: block; border-radius: 50%; background: #df2d32; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.shzr_text .caption i:after{ content: ''; width: 22px; height: 22px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.shzr_more{ margin-top: 60px;}
.shzr_more a{ padding: 15px 15px; background: #fff; font-size: 18px; color: #333; margin-right: 10px;}
.shzr_more a.active{ background: #df2d32; color: #fff;}

.ygfc_1{ background: url(../images/fengcai.png) center top no-repeat; background-size: cover; margin-top: -7%; padding: 10% 0; padding-top: 5%; position: relative; z-index: 2;}
.ygfc_1 .swiper-slide{ text-align: center;}
.tou_img{ display: inline-block; position: relative; border-radius: 50%; transition: all 0.3s; cursor: pointer;}
.tou_img img{ display: block; max-width: 100%;}
.tou_img span{ position: absolute; z-index: 2; width: 100%; left: 0; text-align: center; top: 50%; transform: translateY(-50%); color: #fff; font-size: 24px; line-height: 46px; opacity: 0; transition: all 0.3s;}
.ygfc_biao{ margin-bottom: 40px;}
.ygfc_biao a.jian_a{ color: #c89156; text-shadow: none;}
.ygfc_biao a.jian_a .jian{ border-color: #c89156;}
.ygfc_1 .swiper-slide:hover .tou_img{ background: rgba(223,45,50,0.75);}
.ygfc_1 .swiper-slide:hover .tou_img span{ opacity: 1;}
.ygfc_1.ygfc_2{ padding-bottom: 3%;}
.ygfc_1.ygfc_2 .tou_img{ transform: scale(0.8);}
.ygfc_1.ygfc_2 .swiper-slide.swiper-slide-active .tou_img{ transform: scale(1);}
.ygfc_1.ygfc_2 .swiper_2{ padding-bottom: 5%;}
.ygfc_1.ygfc_2 .swiper_2 .swiper-pagination_2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #df2d32;}











/* 通用css */
.fanye{ text-align:center; padding:30px 0;}
.fanye a{ display:inline-block; width: 34px; height: 34px; border-radius: 50%; text-align: center; line-height: 32px; border:1px dashed #cf0e29; background:#fff; color:#cf0e29; text-decoration:none; transition: all 0.3s; font-size: 16px; margin: 0 5px;}
.fanye a:hover{ color:#fff; border:1px solid #cf0e29; background: #cf0e29;}
.fanye a.active{ background:#cf0e29; border:1px solid #cf0e29; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #cf0e29;}
.fanye a.cur{ opacity: 0.65; pointer-events: none}

.flex_1{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_2{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_3{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_4{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.flex_5{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_6{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: stretch;
}







@media (max-width:767px){
  .s_yd{ display: none;}
  .head_more{ display: none;}
  .header{ height: 60px; border-bottom: none;}
  .logo{ height: 60px; padding: 5px 0;}
  .hid_nav{ height: auto; padding-top: 15px; box-shadow: 0px 2px 3px rgba(0,0,0,0.3); display: none;}
  .hid_nav ul li{ margin-right: 20px; margin-bottom: 10px; width: 100%; border-bottom: 1px solid #dedede;}
  .hid_nav ul li>a{ line-height: 40px; font-size: 16px; padding: 0;}
  .hid_nav ul li>a:after{ display: none;}
  .erji{ position: static; max-width: 100%; transform: translateY(0); opacity: 1; pointer-events: auto;}
  .ej_li{ margin: 0;}
  .ej_li a{ text-align: left; font-size: 14px; display: inline-block; margin-right: 10px;}
  .nav_san{ font-size: 16px;}
  .nav_san i{ width: 28px; height: 2px;}
  .nav_san i:after{ width: 36px; height: 2px; background: rgba(255,255,255,0.6);top: -10px;}
  .nav_san i:before{ width: 36px; height: 2px; background: rgba(255,255,255,0.6);bottom: -10px;}
  .yd_logo img{ display: block; max-width: 70%; margin: 0 auto;}
  .yd_in{ width: 100px; height: 100px; line-height: 100px; margin: 8% auto; font-size: 18px;}
  .zh_in{ width: 100px; height: 100px;}
  .yd_en{ font-size: 14px; letter-spacing: 6px;}
  .yd_position{ bottom: 50%; transform: translateY(50%);}
  .sban_img{ left: 15px; top: 30%;}
  .sban_img img{ height: 80px;}
  .sban_fan{ left:15px;}
  .nav_san{ left: auto; right: -10px; font-size: 0}
  .banner2{ width: 90%;}
  .banner2 p{ font-size: 14px; line-height: 24px;}
  .banner2 img{ max-width: 60%; margin-bottom: 30px;}
  .s_lngdw .swiper2 .swiper-slide:after{ width: 100%;}
  .lng_text{ width: calc(100% - 30px); right: 15px; top: 50%; transform: translateY(-50%);}
  .why_tab .swiper3 .swiper-slide a{ padding-top: 60%;}
  .why_tab{ width: 90%; right: 5%;}
  .lng_text h2{ font-size: 18px;}
  .lng_text h4{ font-size: 14px; line-height: 24px;}
  .why_tab .swiper3 .swiper-slide h5{ font-size: 14px;}
  .why_tab .swiper3 .swiper-slide a i{ display: none;}
  .why_tab .swiper3 .swiper-slide a:before, .why_tab .swiper3 .swiper-slide a:after{ display: none;}
  .hua_logo i, .foot_contact{ display: none;}
  .foot_link ul{ width: 100%; margin-bottom: 15px;}
  .foot_link ul li a{ font-size: 14px;}
  .foot_link ul li{ margin-right: 5px;}

  .nabout_1{ padding: 0 15px; height: auto;}
  .nabout_1 img{ margin-bottom: 20px; max-width: 60%;}
  .nabout_1 p{ font-size: 14px; line-height: 24px;}
  .nabout_2{ padding: 0 15px; padding-bottom: 30px;}
  .nabout_2 .ty_content p{ font-size: 14px; line-height: 24px;}
  .nabout_3 .caption h2{ font-size: 18px; margin-bottom: 10px;}
  .nabout_3 ul li.cur .caption{ transform: translateY(-20px);}
  .nabout_3 .caption h4{ font-size: 14px; line-height: 20px; margin-bottom: 0;}
  .nabout_3 .caption h5{ margin-top: 20px;}
  .nabout_3 .caption h5 img{ height: 40px;}
  .nabout_4{ padding-top: 0;}
  .n_biao{ font-size: 20px;}
  .n_biao img{ height: 60px;}
  
  .nabout_6 ul li.m2{ display: none;}
 
  .nabout_5{ height: auto;}
  .nabout_5 iframe{ height: 70vh !important;}
  .djjj{ width: 90%; margin: 0 auto;}
  .dj_text h5{ font-size: 16px; margin: 10px 0;}
  .djjj .ty_content p, .dj_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .zhong{ padding: 30px 0;}
  .n_biao{ margin-top: 30px;}
  .dj_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
  .nnew_right{ display: none;}
  .nnew_left{ width: 100%;}
  .nnew_biao h3{ font-size: 18px; padding: 10px 0; line-height: 24px;}
  .nnew_biao h5{ padding: 5px 0; font-size: 14px;}
  .nnew_left .ty_content{ margin: 10px 0;}
  .nnew_left .ty_content p{ margin: 10px 0; line-height: 24px; font-size: 14px;}
  .fanye02 ul li a{ padding: 10px 0; line-height: 24px; font-size: 14px; padding-left: 110px;}
  .ban_biao{ right: 60px;}
  a.jian_a{ font-size: 18px;}
  .canguan .swiper0{ margin-top: 20px;}
  .shu_slide i{ width: 90px;}
  .cg_fan{ margin-top: 30px;}
  .gyl_left, .gyl_right{ width: 100%;}
  .gyl_right .ty_content p{ font-size: 14px; line-height: 24px;}
  .hzp_banner{ height: 80vh;}
  .banyuan i{ width: 120px;}
  .banyuan{ width: 50%;}
  .hzp_banner.huazhuangp .ban_biao{ width: 65%;}
  .hzp_banner .ban_biao{ width: 68%; right: 15px;}
  .hzp_banner .ban_biao h5{ font-size: 14px; line-height: 24px; margin-top: 20px; height: 230px; margin-left: 0;}
  .hzp_banner.huazhuangp .ban_biao h5{ height: 190px;}
  .hzp_banner .ban_biao ul li a{ font-size: 14px;}
  .md_bai{ position: static; width: 100%; transform: translateY(0);}
  .pp_yys{ padding: 30px 0;}
  .nnew_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
  .nnew_text p{ font-size: 14px;}
  .n_banner01{ padding-top: 30%;}
  .job_form h3{ font-size: 18px; margin-bottom: 30px;}
  .job_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
  .job_title{ padding: 15px 30px; padding-right: 50px;}
  .job_li i{ right: 20px;}
  .job_li h4{ font-size: 18px;}
  .xf_one{ overflow: hidden; padding: 60px 0;}
  .xf_one>img{ position: absolute; left: 0; top: 0; width: 200% !important; z-index: -2;}
  .xf_one_text{ position: static; padding: 0 15px; max-width: 100%;}
  .xf_one_text p{ font-size: 14px; line-height: 24px; margin-top: 20px; margin-bottom: 20px;}
  .xf_two h5{ font-size: 14px; line-height: 24px; margin: 30px auto;}
  .xf_two .swiper0 .swiper-slide{ padding: 0 10%;}
  .xf_two .swiper0{ padding-bottom: 20px;}
  .swiper_left{ border-top-right-radius: 60px; border-bottom-right-radius: 60px;}
  .swiper_right{ border-top-left-radius: 60px; border-bottom-left-radius: 60px;}
  .swiper_left, .swiper_right{ padding: 20px 0;}
  .swiper_left i, .swiper_right i{ display: none;}
  .xf_three{ padding-top: 30px;}
  .xf_three .swiper-slide a:after{ border: 5px solid #dedede;}
  .xf_three .swiper-slide a{ margin-bottom: 10px;}
  .xf_three .swiper-slide span{ font-size: 14px;}
  .xf_fan{ width: 100%; padding-top: 60px; padding-bottom: 30px;}
  .xf_fan .swiper-button-prev{ margin-right: 30px;}
  .hzp_banner .ban_biao ul{ margin-top: 10px;}
  .hzp_banner.xiangf ul li{ margin-top: 10px;}
  .hzp_banner.xiangf ul li:first-child.active:after{ width: 30px;}
  .hzp_banner.xiangf ul li:first-child:after{ width: 33px;}
  .hzp_banner.xiangf ul li.active:after{ width: 24px;}
  .hzp_banner.xiangf ul li:after{ width: 20px;}
  .xf_gys{ padding: 30px 0;}
  .xf_gys .n_biao{ margin-bottom: 30px;}
  .nfc_li{ padding: 20px 0;}
  .nfc_time{ display: none;}
  .nfc_li a{ padding: 0;}
  .nfc_img, .nfc_text{ width: 100%; margin: 0;}
  .nfc_text h5{ font-size: 16px; line-height: 18px; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px;}
  .nfc_text p{ line-height: 24px; font-size: 14px;}
  .nfc_text h6{ margin-top: 20px; font-size: 14px;}

  .n_banner02{ height: 50vh;}
  .ny_shzr ul li:last-child{ background-position: left top !important;}
  .ny_shzr ul li:after{ display: none;}
  .ny_shzr ul{ height: 100vh;}
.ny_shzr .n_biao{ left: 5%; top: 15%;}
  .shzr_text{ left: 5%; top: 30%; width: 90%;}
  .shzr_text .caption{ font-size: 14px; line-height: 24px; padding-left: 30px;}
  .shzr_more a{ font-size: 14px; white-space: nowrap; display: inline-block; padding: 6px 10px;}
  .shzr_more{ margin-top: 20px;}
  .ygfc_1.ygfc_2 .swiper_2{ padding-bottom: 15%;}
  .ygfc_biao{ margin: 15px 0; margin-top: 50px;}
  .ygfc_1{ margin-top: -20%;}

  .nab_bj{ margin-top: 100px; background: none;}
  .nab_bj .n_biao{ position: relative; z-index: 2;}
  .nabout_3>img{ display: none !important;}
  .nab_img{ display: none !important;}
  .nabout_3 .caption h5{ display: none;}
  .nabout_3 .caption h4{ opacity: 1;}
  .nabout_3 ul{ position: static;}
  .nabout_3 ul li{ width: 100%; margin-bottom: 20px;}
  .nabout_3 ul li.cur .caption{ transform: translateY(0);}
  .nabout_3 .caption h2{ color: #df2d32;}



/* 新手机导航 */
.xs_nav.active{ transform: translateX(0); opacity: 1;}
.xs_nav{ position: absolute; right: 0; background: rgba(255,255,255,0.95); box-shadow: -4px 4px 16px rgba(0,0,0,0.3); width: 65%; top: 0; z-index: 2; padding-top: 20%; padding-bottom: 10%; transform: translateX(100%); transition: all 0.3s ease; opacity: 0; display: block !important;}
.xs_nav>ul>li{ padding: 10px 20px; padding-top: 15px; border-bottom: 1px solid #dedede;}
.xs_nav>ul>li span{ display: block; position: relative; padding-right: 30px;}
.xs_nav>ul>li span i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.xs_nav>ul>li span a{ font-size: 14px; color: #1d1d1d;}
.xs_nav ul ol{ margin: 0; padding: 0; padding-top: 10px; display: none;}
.xs_nav ul ol.active{ display: block;}
.xs_nav ul ol li{ padding: 5px 10px; border-bottom: 1px dashed #dedede;}
.xs_nav ul ol li:last-child{ border: none;}
.xs_nav ul ol li a{ font-size: 14px; color: #666;}
.xs_lang{ padding: 20px;}
.xs_lang a{ font-size: 14px; color: #222;}
.xs_ico{ padding: 0 20px;}
.xs_ico a{ width: 26px; height: 26px; border-radius: 50%; border: 1px solid #222; text-align: center; margin-right: 2px; display: inline-block; color: #222;}
.xs_ico a i{ font-size: 14px; line-height: 26px;}


.xs_nav .menu-link{ color: #333; position: absolute; right: 15px; top: 20px;}
.xs_nav .menu-link i, .xs_nav .menu-link span:after, .xs_nav .menu-link span:before{ background: #666;}

.header .container .menu-link.active{ display: none;}

.menu-link{ cursor: pointer; text-align: center; font-size: 12px; color: #fff; transform: translateY(0.5rem);}
.menu-link em{ display: block; text-align: right; font-style: normal;}
.menu-link span{ width: 26px; height: 20px; display: inline-block; position: relative;}
.menu-link span i{ width: 26px; height: 2px; display: block; background: #fff; position: absolute; top: 50%; right: 0; transform: translateY(-50%);transition: all 0.3s ease-out;}
.menu-link span:after{ content: ''; background: #fff; width: 100%; height: 2px; position: absolute; top: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right top;}
.menu-link span:before{ content: ''; background: #fff; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}
.menu-link.active span:after{ transform: rotate(-45deg);}
.menu-link.active span:before{transform: rotate(45deg);}
.menu-link.active span i{ background: transparent;}

/* 新手机导航 */

}

@media (min-width:768px) and (max-width:991px) {
  .s_yd{ display: none;}
.head_more{ display: none;}
.header{ height: 60px;}
.logo{ height: 60px; padding: 5px 0;}
.hid_nav{ height: 120px; padding-top: 15px;}
.hid_nav ul li{ margin-right: 20px; margin-bottom: 10px;}
.hid_nav ul li>a{ line-height: 40px; font-size: 14px; padding: 0;}
.erji{ display: none !important;}
.nav_san{ font-size: 16px;}
.nav_san i{ width: 28px; height: 2px;}
.nav_san i:after{ width: 36px; height: 2px; background: rgba(255,255,255,0.6);top: -10px;}
.nav_san i:before{ width: 36px; height: 2px; background: rgba(255,255,255,0.6);bottom: -10px;}
.yd_logo img{ display: block; max-width: 70%; margin: 0 auto;}
.yd_in{ width: 100px; height: 100px; line-height: 100px; margin: 8% auto; font-size: 18px;}
.zh_in{ width: 100px; height: 100px;}
.yd_en{ font-size: 14px; letter-spacing: 6px;}
.yd_position{ bottom: 50%; transform: translateY(50%);}
.sban_img{ left: 15px; top: 30%;}
.sban_img img{ height: 80px;}
.sban_fan{ left:15px;}
.nav_san{ left: auto; right: -10px; font-size: 0}
.banner2{ width: 90%;}
.banner2 p{ font-size: 14px; line-height: 24px;}
.banner2 img{ max-width: 60%; margin-bottom: 30px;}
.s_lngdw .swiper2 .swiper-slide:after{ width: 100%;}
.lng_text{ width: calc(100% - 30px); right: 15px; top: 50%; transform: translateY(-50%);}
.why_tab .swiper3 .swiper-slide a{ padding-top: 60%;}
.why_tab{ width: 90%; right: 5%;}
.lng_text h2{ font-size: 18px;}
.lng_text h4{ font-size: 14px; line-height: 24px;}
.why_tab .swiper3 .swiper-slide h5{ font-size: 14px;}
.hua_logo i, .foot_contact{ display: none;}
.foot_link ul{ width: 100%; margin-bottom: 15px;}
.foot_link ul li a{ font-size: 14px;}
.foot_link ul li{ margin-right: 5px;}

.nabout_1{ padding: 0 15px; height: auto;}
.nabout_1 img{ margin-bottom: 20px; max-width: 60%;}
.nabout_1 p{ font-size: 14px; line-height: 24px;}
.nabout_2{ padding: 0 15px; padding-bottom: 30px;}
.nabout_2 .ty_content p{ font-size: 14px; line-height: 24px;}
.nabout_3 .caption h2{ font-size: 18px; margin-bottom: 10px;}
.nabout_3 ul li.cur .caption{ transform: translateY(-20px);}
.nabout_3 .caption h4{ font-size: 14px; line-height: 20px; margin-bottom: 0;}
.nabout_3 .caption h5{ margin-top: 20px;}
.nabout_3 .caption h5 img{ height: 40px;}
.nabout_4{ padding-top: 30px;}
.n_biao{ font-size: 20px;}
.n_biao img{ height: 60px;}

.nabout_5{ height: auto;}
.nabout_5 iframe{ height: 70vh !important;}
.djjj{ width: 90%; margin: 0 auto;}
.dj_text h5{ font-size: 16px; margin: 10px 0;}
.djjj .ty_content p, .dj_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.zhong{ padding: 30px 0;}
.n_biao{ margin-top: 30px;}
.dj_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
.nnew_right{ display: none;}
.nnew_left{ width: 100%;}
.nnew_biao h3{ font-size: 18px; padding: 10px 0; line-height: 24px;}
.nnew_biao h5{ padding: 5px 0; font-size: 14px;}
.nnew_left .ty_content{ margin: 10px 0;}
.nnew_left .ty_content p{ margin: 10px 0; line-height: 24px; font-size: 14px;}
.fanye02 ul li a{ padding: 10px 0; line-height: 24px; font-size: 14px; padding-left: 110px;}
.ban_biao{ right: 60px;}
a.jian_a{ font-size: 18px;}
.canguan .swiper0{ margin-top: 20px;}
.shu_slide i{ width: 90px;}
.cg_fan{ margin-top: 30px;}
.gyl_left, .gyl_right{ width: 100%;}
.gyl_right .ty_content p{ font-size: 14px; line-height: 24px;}
.hzp_banner{ height: 60vh;}
.banyuan i{ width: 120px;}
.hzp_banner .ban_biao{ width: 50%; right: 15px;}
.hzp_banner .ban_biao h5{ font-size: 14px; line-height: 24px; margin-top: 20px; height: 120px;}
.hzp_banner .ban_biao ul li a{ font-size: 14px;}
.md_bai{ position: static; width: 100%; transform: translateY(0);}
.pp_yys{ padding: 30px 0;}
.nnew_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
.nnew_text p{ font-size: 14px;}
.n_banner01{ padding-top: 30%;}
.job_form h3{ font-size: 18px; margin-bottom: 30px;}
.job_li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
.job_title{ padding: 15px 30px; padding-right: 50px;}
.job_li i{ right: 20px;}
.job_li h4{ font-size: 18px;}
.xf_one{ overflow: hidden; padding: 60px 0;}
.xf_one img{ position: absolute; left: 0; top: 0; width: 200% !important; z-index: -1;}
.xf_one_text{ position: static; padding: 0 15px; max-width: 100%;}
.xf_one_text p{ font-size: 14px; line-height: 24px; margin-top: 20px; margin-bottom: 20px;}
.xf_two h5{ font-size: 14px; line-height: 24px; margin: 30px 0;}
.xf_two .swiper0 .swiper-slide{ padding: 0 10%;}
.xf_two .swiper0{ padding-bottom: 20px;}
.swiper_left{ border-top-right-radius: 60px; border-bottom-right-radius: 60px;}
.swiper_right{ border-top-left-radius: 60px; border-bottom-left-radius: 60px;}
.swiper_left, .swiper_right{ padding: 20px 0;}
.swiper_left i, .swiper_right i{ display: none;}
.xf_three{ padding-top: 30px;}
.xf_three .swiper-slide a:after{ border: 5px solid #dedede;}
.xf_three .swiper-slide a{ margin-bottom: 10px;}
.xf_three .swiper-slide span{ font-size: 14px;}
.xf_fan{ width: 100%; padding-top: 60px; padding-bottom: 30px;}
.xf_fan .swiper-button-prev{ margin-right: 30px;}
.hzp_banner .ban_biao ul{ margin-top: 10px;}
.hzp_banner.xiangf ul li{ margin-top: 10px;}
.hzp_banner.xiangf ul li:first-child.active:after{ width: 85px;}
.hzp_banner.xiangf ul li:first-child:after{ width: 33px;}
.hzp_banner.xiangf ul li.active:after{ width: 70px;}
.hzp_banner.xiangf ul li:after{ width: 20px;}
.xf_gys{ padding: 30px 0;}
.xf_gys .n_biao{ margin-bottom: 30px;}
.nfc_li{ padding: 20px 0;}
.nfc_time{ display: none;}
.nfc_li a{ padding: 0;}
.nfc_img, .nfc_text{ width: 100%; margin: 0;}
.nfc_text h5{ font-size: 16px; line-height: 18px; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px;}
.nfc_text p{ line-height: 24px; font-size: 14px;}
.nfc_text h6{ margin-top: 20px; font-size: 14px;}

.ny_shzr ul li:after{ display: none;}
.ny_shzr .n_biao{ left: 10%;}
.shzr_text{ left: 10%; top: 35%;}
.shzr_text .caption{ font-size: 14px; line-height: 24px;}
.shzr_more a{ font-size: 14px; display: inline-block;}


/* 新手机导航 */
.xs_nav.active{ transform: translateX(0); opacity: 1;}
.xs_nav{ position: absolute; right: 0; background: rgba(255,255,255,0.95); box-shadow: -4px 4px 16px rgba(0,0,0,0.3); width: 65%; top: 0; z-index: 2; padding-top: 20%; padding-bottom: 10%; transform: translateX(100%); transition: all 0.3s ease; opacity: 0; display: block !important;}
.xs_nav>ul>li{ padding: 10px 20px; padding-top: 15px; border-bottom: 1px solid #dedede;}
.xs_nav>ul>li span{ display: block; position: relative; padding-right: 30px;}
.xs_nav>ul>li span i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.xs_nav>ul>li span a{ font-size: 14px; color: #1d1d1d;}
.xs_nav ul ol{ margin: 0; padding: 0; padding-top: 10px; display: none;}
.xs_nav ul ol.active{ display: block;}
.xs_nav ul ol li{ padding: 5px 10px; border-bottom: 1px dashed #dedede;}
.xs_nav ul ol li:last-child{ border: none;}
.xs_nav ul ol li a{ font-size: 14px; color: #666;}
.xs_lang{ padding: 20px;}
.xs_lang a{ font-size: 14px; color: #222;}
.xs_ico{ padding: 0 20px;}
.xs_ico a{ width: 26px; height: 26px; border-radius: 50%; border: 1px solid #222; text-align: center; margin-right: 2px; display: inline-block; color: #222;}
.xs_ico a i{ font-size: 14px; line-height: 26px;}


.xs_nav .menu-link{ color: #333; position: absolute; right: 15px; top: 20px;}
.xs_nav .menu-link i, .xs_nav .menu-link span:after, .xs_nav .menu-link span:before{ background: #666;}

.header .container .menu-link.active{ display: none;}

.menu-link{ cursor: pointer; text-align: center; font-size: 12px; color: #fff; transform: translateY(0.5rem);}
.menu-link em{ display: block; text-align: right; font-style: normal;}
.menu-link span{ width: 26px; height: 20px; display: inline-block; position: relative;}
.menu-link span i{ width: 26px; height: 2px; display: block; background: #fff; position: absolute; top: 50%; right: 0; transform: translateY(-50%);transition: all 0.3s ease-out;}
.menu-link span:after{ content: ''; background: #fff; width: 100%; height: 2px; position: absolute; top: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right top;}
.menu-link span:before{ content: ''; background: #fff; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}
.menu-link.active span:after{ transform: rotate(-45deg);}
.menu-link.active span:before{transform: rotate(45deg);}
.menu-link.active span i{ background: transparent;}

/* 新手机导航 */
}

@media (min-width:991px) and (max-width:1200px) {
  .logo, .header{ height: 70px;}
  .head_more a{ margin-left: 5px;}
  .hid_nav{ height: 60px;}
  .hid_nav ul li>a{ font-size: 16px; line-height: 60px; padding: 0 10px;}
  .nav_san{ font-size: 16px;}
  .nav_san i{ width: 28px; height: 2px;}
  .nav_san i:after{ width: 36px; height: 2px; background: rgba(255,255,255,0.6);top: -10px;}
  .nav_san i:before{ width: 36px; height: 2px; background: rgba(255,255,255,0.6);bottom: -10px;}
  .yd_logo img{ display: block; max-width: 50%; margin: 0 auto;}
  .yd_in{ width: 100px; height: 100px; line-height: 100px; margin: 4% auto; font-size: 18px;}
  .zh_in{ width: 100px; height: 100px;}
  .yd_en{ font-size: 16px; letter-spacing: 15px;}
  .yd_position{ bottom: 50%; transform: translateY(50%);}
  .banner2 img{ max-width: 65%; margin-bottom: 30px;}
  .banner2 p{ font-size: 16px; line-height: 30px;}
  .lng_text, .why_tab{ right: 50px; width: calc(44% - 100px);}
  .lng_text h2{ font-size: 24px;}
  .lng_text h4{ font-size: 16px; line-height: 30px;}
  .why_tab .swiper3 .swiper-slide a{ padding-top: 60%;}
  .why_tab .swiper3 .swiper-slide h5{ font-size: 14px;}
  .hua_logo i{ display: none;}
  .foot_link{ margin-bottom: 20px;}
  .foot_contact{ margin: 30px 0;}
  .foot_link ul li{ margin-right: 20px;}
  .foot_link ul li a{ font-size: 14px;}
  .nabout_1 img{ max-width: 50%; margin-bottom: 30px;}
  .nabout_1 p{ font-size: 16px; line-height: 30px;}
  .nabout_2{ padding: 4% 10%; padding-bottom: 8%;}
  .nabout_3 .caption h2{ font-size: 24px; margin-bottom: 20px;}
  .nabout_3 ul li.cur .caption{ transform: translateY(-80px);}
  .nabout_3 .caption h4{ line-height: 30px;}
  .n_biao{ font-size: 26px;}
  .n_biao img{ height: 80px;}
  .djjj .ty_content p{ margin: 15px 0; font-size: 14px; line-height: 24px;}
  .dj_text h5{ font-size: 16px; margin: 10px 0;}
  .dj_text p{ font-size: 14px; line-height: 24px;}
  .zhong{ padding: 30px 0;}
  .nnew_biao h3{ font-size: 18px; padding: 15px 0; line-height: 30px;}
  .nnew_left .ty_content p{ font-size: 14px; line-height: 24px;}
  .nnew_biao h5{ font-size: 14px;}
  .tuijian_h3 span{ font-size: 18px; padding: 8px 15px;}
  .nnew_text h5{ margin: 10px 0; font-size: 16px;}
  .nnew_text p, .gyl_right .ty_content p{ font-size: 14px; line-height: 24px;}
  .nnew_right .nnew_li{ margin-bottom: 20px;}
  a.jian_a{ font-size: 18px;}
  .gyl_right{ width: 40%;}
  .canguan .swiper0{ margin-top: 30px;}
  .hzp_banner .ban_biao{ width: 32%;}
  .hzp_banner .ban_biao h5{ margin-top: 20px;}
  .md_li{ padding: 10px 15px; padding-left: 60px;}
  .md_list{ max-height: 240px;}
  .md_li i{ top: 15px;}
  .md_bai .form-control{ height: 34px;}
  .md_bai .n_biao{ margin-top: 20px;}
  .md_bai ul li a{ font-size: 16px;}
  .md_li p, .md_li h5{ font-size: 14px; line-height: 20px;}
  .nnew_list{ margin-top: 50px;}
  .job_form .form-control{ font-size: 14px; height: 34px;}
  .job_form{ margin-bottom: 30px;}
  .job_li h4{ font-size: 18px;}
  .nfc_li{ padding: 20px 0;}
  .nfc_text h5{ font-size: 16px; padding-bottom: 10px;}
  .nfc_text p{ font-size: 14px; line-height: 24px;}
  .nfc_text h6{ margin-top: 20px; font-size: 14px;}

  .shzr_text{ left: 8%; top: 35%;}
  .shzr_text .caption:after{ height: calc(100% + 20px);}
  .shzr_text .caption{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
  .shzr_more{ margin-top: 30px;}
  .shzr_more a{ font-size: 14px; padding: 5px 10px; display: inline-block;}

}

@media (min-width:1201px) and (max-width:1680px) {
  .yd_position{ bottom: 20%;}
  .yd_logo img{ max-width: 35%;}
  .yd_in{ width: 110px; height: 110px; line-height: 108px; font-size: 18px;}
  .zh_in{ width: 108px; height: 108px;}
  .yd_en{ font-size: 18px; letter-spacing: 20px;}

  .header{ height: 70px;}
  .logo{ height: 70px;}
  .nav_san{ font-size: 16px;}
  .nav_san i{ width: 24px; height: 2px;}
  .nav_san i:before{ width: 30px; bottom: -8px; height: 2px;}
  .nav_san i:after{ width: 30px; top: -8px; height: 2px;}

  .banner2{ width: 64%;}
  .banner2 img{ max-width: 46%; margin-bottom: 40px;}
  .banner2 p{ font-size: 20px;}
  .lng_text h2{ font-size: 24px;}
  .lng_text h4{ font-size: 14px; line-height: 24px;}
  .why_tab .swiper3 .swiper-slide a{ padding-top: 60%;}
  .why_tab .swiper3 .swiper-slide h5{ font-size: 12px; line-height: 18px;}
  .why_tab{ bottom: 20%;}
  .foot_link ul li a{ font-size: 16px;}
  .foot_link ul li{ margin-right: 20px;}
  .hua_logo i{ height: 20px;}
  .hua_logo i:last-child{ display: none;}
  .foot_contact{ margin: 30px 0;}
  .foot_contact ul li h5, .foot_contact ul li p{ font-size: 14px; line-height: 24px; margin: 5px 0;}
  /* 内页开始 */

  .nabout_1 img{ max-width: 50%; margin-bottom: 30px;}
  .nabout_1 p{ font-size: 16px; line-height: 36px;}
  .nabout_3 .caption h2{ font-size: 26px; margin-bottom: 25px;}
  .nnew_biao h3{ font-size: 24px; line-height: 36px;}
  .nnew_text p, .md_li p, .md_li h6{ font-size: 14px;}
  .nnew_text h5{ margin-bottom: 10px;}
  .n_biao{ font-size: 26px;}
  .n_biao img{ height: 80px;}
  .md_li{ padding: 10px 15px; padding-left: 60px;}
  .md_list{ min-height: 350px;}
  .md_li i{ top: 15px;}
  .md_bai .form-control{ height: 34px;}
  .md_bai ul li a{ font-size: 16px;}
  .hzp_banner.huazhuangp .ban_biao{ right: 9%; width: 30%;}
.hzp_banner.huazhuangp .ban_biao h5{ font-size: 16px; line-height: 30px;}
  .hzp_banner .ban_biao h5{ margin-top: 30px;}
  .job_form h3{ font-size: 18px;}
  .job_li h4{ font-size: 18px;}
  .job_li .ty_content h4{ font-size: 16px;}
  .ty_content p{ font-size: 14px; line-height: 24px;}
  .job_title{ padding: 30px 40px; padding-right: 60px;}
  .job_li i{ right: 40px;}
  .nfc_text h5{ font-size: 16px; padding-bottom: 5px;}
  .nfc_text p{ font-size: 14px; line-height: 24px;}
  .nfc_text h6{ margin-top: 20px;}
  .jian{ width: 40px; height: 40px;}
  .jian.you img{ left: -44px;}
  .ny_shzr .n_biao{ left: 10%;}
  .shzr_text{ left: 10%; top: 40%;}
  .shzr_text .caption{ font-size: 16px; line-height: 30px;}
  .shzr_more a{ font-size: 16px;}
  .nabout_3 ul li.cur .caption{ transform: translateY(-125px);}
  .xf_fan{ padding-top: 100px; padding-bottom: 20px;}

  .shzr_text{ top: 38%; width: 38%;}
  .shzr_text .caption:after{ height: calc(100% + 40px);}
  .shzr_text .caption{ font-size: 16px; line-height: 24px; margin-bottom: 20px;}
  .shzr_more a{ font-size: 14px; display: inline-block;}
}

@media (min-width:1441px){

  .container{ position: relative; width: calc(100% - 220px);}
}