@charset "utf-8";
@import url(format.css);

body {
  min-width: 1200px;
}

/* 公共样式 */
.bg_a {
  background: #ffffff;
}

.bg_b {
  background: #f3f6f9;
}
.bg_c {
  background: #f4f4f4;
}

.page_box {
  display: block;
  width: 100%;
  position: relative;
}

/* 头部 */
.header-seat {
  width: 100%;
  height: calc(85 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transition: .25s ease;
}

.wrap_head {
  display: block;
  width: 100%;
  height: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 9;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  min-width: 1200px;
}

.head_con {
  width: 84%;
  height: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  -webkit-transition: all .35s;
  transition: all .35s;
  padding: 0 8%;
  margin: 0px auto;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.head_white .head_con {
  background: #fff;
  -webkit-transition: all .35s;
  transition: all .35s;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.head_con.cur {
  background: #fff;
  -webkit-transform: translate3d(0, -115%, 0) !important;
  transform: translate3d(0, -115%, 0) !important;
  -webkit-transition: all .35s;
  transition: all .35s
}

.head_con.active {
  padding-top: 0;
  height: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #fff;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .1);
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important
}

.site_logo {
  position: absolute;
  left: 8%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: calc(141 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  overflow: hidden;
}

.site_logo .link_logo {
  -webkit-filter: drop-shadow(0 0 2px rgba(17, 18, 38, .2));
  filter: drop-shadow(0 0 2px rgba(17, 18, 38, .2));
}

.site_logo .link_logo {
  display: block;
  width: calc(141 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url('../images/icon/logo.png') no-repeat;
  background-size: cover;
  text-indent: -300px;
}

.head_white .site_logo .link_logo {
  display: block;
  width: calc(141 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url('../images/icon/logo_h.png') no-repeat;
  background-size: cover;
  text-indent: -300px;
}

.site_head a {
  text-decoration: none;
}

.nav_box {
  width: calc(1120 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav_li {
  float: left;
  height: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  font-size: calc(18 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  color: #fff;
  display: block;
}

.nav_li .lia {
  display: block;
  position: relative;
  z-index: 2;
  height: 100%;
  background-color: transparent;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: transform .4s;
  transform: translate3d(0, 0, 0);
  cursor: pointer;
  font-size: calc(18 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
}

.head_white .nav_li {
  color: #000;
}

.head_white .nav_li .lia {
  color: #000;
}

.nav_li .lia:hover {
  animation: jump .3s;
  color: #db0000;
}

@keyframes jump {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-3px)
  }

  to {
    transform: translateY(0)
  }
}

.zcz-cont {
  width: 100%;
  display: block;
  height: 0px;
  background: #f6f6f6;
  background-size: cover;
  margin-top: calc(91 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: fixed;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
}

.zcz-cont::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(350 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/icon/navBg.png) center no-repeat;
  background-size: cover;
  z-index: -1;
}

.head_con .li2:hover .zcz-cont {
  height: calc(350 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_cont_mian {
  padding-top: calc(70 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(1444 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  height: calc(210 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));

}

.nav_mian {
  width: 100%;
  height: calc(210 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-column: span 2;
  grid-template-columns: calc(837 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) 1fr;
}

.nav_mian_l {
  width: 100%;
  height: calc(210 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.nav_mian_l:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  border-right: 1px solid #ececec;
  height: 100%;
  color: #ececec;
}

.nav_l_cover {
  width: calc(315 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(210 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));

}

.nav_cover_img {
  width: calc(315 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(210 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.nav_l_info {
  flex: 1;
  min-width: 0;
  text-align: left;
  line-height: normal;
  padding-right: calc(76 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: normal;
}

.nav_logo {
  width: calc(109 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(51 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(20 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_logo_img {
  width: calc(109 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(51 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.nav_bewrite {
  font-size: calc(22 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
  line-height: calc(32 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_mian_r {
  flex: 1;
  min-width: 0;
  height: calc(210 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_list {
  margin-left: calc(85 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(400 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-gap: calc(30 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(40 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
}

.nav_set_li {
  width: 100%;
}

.nav_set_li a {
  width: 100%;
  height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  border: 1px solid #dcdcdc;;
  display: block;
  box-sizing: border-box;
  font-size: calc(14 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  font-weight: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}

.nav_set_li a::before,
.nav_set_li a::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.nav_set_li a::before {
  background: #f0b6b6;
}

.nav_set_li a::after {
  background: #db0000;
}

.nav_set_li a:hover {
  color: #fff;
  border-color: #db0000;
}

.nav_set_li a:hover::before,
.nav_set_li a:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.nav_set_li a:hover::after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
}


.focus_us {
  width: calc(160 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 8%;
  top: 0;
}

.focus_list {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.focus_li {
  cursor: pointer;
  position: relative;
  height: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(40 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}


.focus_li .ext_set {
  width: calc(38 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(38 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  transition: ease all 0.3s;
  border-radius: 100%;
  border: 1px solid #ffffff;
  padding: 0px;
  -webkit-transform: scale(1) translateY(2px) translateZ(0);
  transform: scale(1) translateY(2px) translateZ(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
}

.head_white .focus_li .ext_set {
  border: 1px solid #333333;
}

.focus_li:hover .ext_set {
  border: 1px solid #db0000;
  background: #db0000;
}


.focus_us .focus_list li .icon {
  display: block;
  height: calc(36 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(36 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  transition: background 0.2s ease-in-out;
}

.item_tit {
  display: block;
  min-width: calc(40 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(14 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(14 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(12 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  margin-left: calc(-1 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: hidden;
  color: #fff;
}

.focus_li:hover .ext_set {
  -webkit-transform: scale(0.86) translateY(0) translateZ(0);
  transform: scale(0.86) translateY(0) translateZ(0)
}

.focus_li:hover .item_tit {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  font-size: calc(16 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333;
  padding: calc(10 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) 0;
}


.focus_us .focus_list li .i_wechat {
  background: url(../images/icon/icon_wechat.png) no-repeat center;
  background-size: 100% 100%;
}

.focus_us .focus_list li .i_douyin {
  background: url(../images/icon/icon_douyin.png) no-repeat center;
  background-size: 100% 100%;
}

.focus_us .focus_list li .i_tel {
  background: url(../images/icon/icon_phone24h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li .i_wechat {
  background: url(../images/icon/icon_wechat_h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li:hover .i_wechat {
  background: url(../images/icon/icon_wechat.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li .i_douyin {
  background: url(../images/icon/icon_douyin_h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li:hover .i_douyin {
  background: url(../images/icon/icon_douyin.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li .i_tel {
  background: url(../images/icon/icon_phone24h_h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li:hover .i_tel {
  background: url(../images/icon/icon_phone24h.png) no-repeat center;
  background-size: 100% 100%;
}

.focus_us .focus_list li .i_in {
  background: url(../img/index/icon_in.png) no-repeat center;
  background-size: 100% 100%;
}

/* 弹出 */
.focus_li .ewm-content {
  position: absolute;
  top: 200%;
  background: #fff;
  box-shadow: 0 calc(16 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(32 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none
}


.ewm-wechat {
  width: calc(136 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: calc(-49 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.ewm-douyin {
  width: calc(136 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: calc(-49 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.ewm-tel {
  width: calc(333 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(135 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  right: calc(-50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.ewm-mian {
  width: 100%;
  height: calc(135 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}

.ewm-l {
  width: calc(92 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(114 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: calc(27 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: 0;
}

.ewm-l-bg {
  width: calc(92 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(114 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.ewm-r {
  position: absolute;
  top: 0;
  left: calc(130 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(135 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  justify-content: center;
  flex-flow: column;

}

.tel-label {
  font-size: calc(18 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
}

.tel-num {
  font-size: calc(24 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: bold;
  color: #db0000;
  font-style: italic;
}

.focus_li .ewm-wechat::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: calc(-6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  top: calc(-6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 0;
  height: 0;
  border-left: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-right: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-bottom: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid #fff;
}

.focus_li .ewm-douyin::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: calc(-6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  top: calc(-6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 0;
  height: 0;
  border-left: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-right: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-bottom: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid #fff
}

.focus_li .ewm-tel::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: calc(-6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  right: calc(62 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(-6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 0;
  height: 0;
  border-left: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-right: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-bottom: calc(6 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) solid #fff
}

.thumb-div {
  width: calc(136 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(136 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.thumb-div-code {
  width: calc(136 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(136 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.focus_li:hover .ewm-content,
.focus_li.show .ewm-content {
  visibility: visible;
  top: calc(90 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s
}

.floating_shut {
  width: calc(176 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(141 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: fixed;
  left: calc(-176 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: 0;
  transition: left 1s;
  -webkit-transition: left 1s;
  cursor: pointer;
  z-index: 101;
}

.floating_shut_bg {
  width: calc(176 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(141 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.floating_info {
  width: 100%;
  height: calc(120 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: rgba(0, 0, 0, .7);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.floating_mian {
  width: calc(1386 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  height: calc(120 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}

.fting_figure {
  width: calc(93 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(177 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  bottom: 0;
}

.fting_figure img {
  width: calc(93 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(177 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.fting_tel {
  width: calc(216 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(120 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: absolute;
  left: calc(109 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: 0;
}

.fting_tel_label {
  font-size: calc(18 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  line-height: 1;
}

.fting_tel_num {
  font-size: calc(24 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-top: calc(12 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-style: italic;
}

.fting_form {
  width: calc(1077 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(120 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fting_form_in {
  width: 100%;
  height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.fting_form_mian {
  width: 100%;
  height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-gap: calc(10 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 5;
  grid-template-columns: calc(190 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(200 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(250 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(220 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) 1fr;
  grid-template-rows: 1fr;
}

.ft_li {
  position: relative;
}

.ft_li_icon {
  width: calc(13 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(7 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: calc(18 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: url(../images/icon/sj_icon.png) no-repeat;
  background-size: calc(13 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(7 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 3;
}

.ft_li_input {
  width: 100%;
  height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #fff;
  box-sizing: border-box;
  padding: 0 calc(18 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: calc(4 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #000;
  border: 0;
  outline: 0;
}


.short_cursor {
  cursor: pointer;
}

.ft_li_but {
  width: 100%;
  border: none;
  box-shadow: none;
  height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #db0000;
  font-size: calc(16 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  border-radius: calc(4 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.shortselect {
  background: #fafdfe;
  height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 100%;
  box-sizing: border-box;
  outline: none;
  padding: 0 calc(18 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: none;
  border-radius: calc(4 * (clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
}

.yourclass .layui-layer-title {
  border: none;
  padding: 0;
  background-color: #db0000;
  color: #fff;
  text-align: center;
}

.yourclass .layui-layer-content {
  text-align: center;
}

.fting_close {
  width: 25px;
  height: 25px;
  background: #db0000;
  position: absolute;
  right: 37px;
  top: 20px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


.fting_close_img {
  width: 16px;
  height: 16px;
  display: block;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.fting_close:hover .fting_close_img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .2s;
  transition: all .2s
}


/* 页底 */
.footer_box {
  width: 100%;
  background: #050505;
}

.myContent {
  width: 1200px;
  margin: 0 auto;
  min-height: 521px;
}

.footer_top {
  width: 100%;
  height: 92px;
  display: flex;
  align-items: center;
}

.ft_list {
  width: 100%;
  height: 42px;
  /* display: grid;
  grid-column: span 8;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr auto; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ft_li {
  text-align: left;
  position: relative;
}

.ft_hot {
  width: 30px;
  height: 17px;
  position: absolute;
  left: 22px;
  top: -7px;
  background: url(../images/icon/hot_icon.png) no-repeat;
  background-size: cover;
}

.ft_li a {
  font-size: 16px;
  color: #ffffff;
  position: relative;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  transition: transform .4s;
}

.ft_li a:hover {
  animation: jump .3s
}

@keyframes jump {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-3px)
  }

  to {
    transform: translateY(0)
  }
}

.footer_cont {
  width: 100%;
  border-top: 1px dashed rgba(255, 255, 255, .5);
  border-bottom: 1px dashed rgba(255, 255, 255, .5);
  padding: 40px 0 30px;
}


.fc_l {
  width: 755px;
  float: left;
}

.contact_det {
  width: 340px;
  float: right;
}

.fc_lt {
  width: 100%;
}

.fc_lb {
  width: 100%;
  margin-top: 38px;
}

.fc_lt_l {
  width: 230px;
  float: left;
}

.fc_lt_r {
  width: 436px;
  float: right;
}

.footer_logo {
  width: 141px;
  height: 52px;
}

.footer_logo_img {
  width: 141px;
  height: 52px;
  display: block;
}

.footer_profile {
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  margin-top: 18px;
}

.lt_r_t {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  line-height: 30px;
}

.search_box {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #fff;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 27px;
}

.search_btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.search_btn img {
  width: 24px;
  height: 24px;
  display: block;
}

.search_input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  line-height: 56px;
  background: transparent;
  font-size: 14px;
  color: #ffffff;
  padding: 0 12px;
}

.hot_link {
  width: 100%;
  margin-top: 18px;
}

.hot_link a {
  display: block;
  margin-right: 20px;
  float: left;
  font-size: 14px;
  color: #999999;
  line-height: 25px;
  transition: all .3s;
  position: relative;
}

.hot_link a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}


.hot_link a:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.hot_link a:hover {
  color: #fff;
}

.links {
  width: 100%;
  display: flex;
}

.links_title {
  min-width: 82px;
  font-size: 16px;
  color: #999999;
  height: 30px;
  line-height: 30px;
}

.links .links_children {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  align-content: flex-start;
}

.links .links_children a {
  display: block;
  padding: 0 6px;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  position: relative;
  transition: all .3s;
  position: relative;
}

.links .links_children a::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  background: #929292;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.links .links_children a:last-child::after {
  display: none;
}



.links .links_children a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}



.links .links_children a:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.links .links_children a:hover {
  color: #fff;
}


.det_title {
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
}

.det_list {
  width: 100%;
  margin-top: 10px;
}

.det_li {
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}

.media_list {
  margin-top: 20px;
  width: 100%;
  display: grid;
  grid-column: span 3;
  grid-gap: 15px;
  grid-template-columns: repeat(3, 1fr);
}

.media_li {
  width: 100%;
  height: 133px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.media_cover {
  width: 103px;
  height: 103px;
  display: block;
}

.media_tit {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #999999;
}


.copy-right {
  padding: 23px 0;
  min-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 30px;
}

.copy-right a {
  color: #fff;
  transition: all .3s;
  position: relative;
}

.copy-right a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.copy-right a:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}


/* 分页 */
.pagelist {
  margin: 50px auto 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

}


.pagelist a {
  font-size: 14px;
  color: #666666;
  border: 1px solid #ccc;
  margin-right: 10px;
  padding: 7px 13px;
  -moz-transition: all .25s ease-in;
  -webkit-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.pagelist>a {
  border: 0;
  padding: 8px 14px;
  background: #fff;

}

.pagelist a,
.pagelist>span {
  display: block;
}

.pagelist>span {
  margin-right: 10px;
}

.pagelist .current {
  font-size: 14px;
  color: #fff;
  background-color: #db0000;
  border-color: #db0000;
  display: block;
  padding: 8px 14px;
}

.pagelist a:hover {
  background-color: #db0000;
  color: #fff;
  border-color: #db0000;
}

.pagelist .disabled {
  background: #eee;
}

.pagelist .disabled:hover {
  background: #eee;
  color: #666666;
}

.pagelist .page-jumper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagelist .page-jumper>span {
  margin: 0 10px;
  padding: 11px 0;
  text-align: center;
  font-size: 14px;
  color: #666666;
  line-height: 1;
}

.pagelist .page-jumper .page-number {
  display: block;
  width: 44px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 36px;
  border: 1px solid #ccc;
  outline: 0;
}

.pagelist .page-jumper .page-jump-btn {
  display: block;
  width: 56px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 36px;
  background: #db0000;
  outline: 0;
  cursor: pointer;
}