.bold {
  font-weight: bold;
}
:root {
  --vi-color: #3F8EEE;
  --vi-color-dark: #3F8EEE;
  --vi-color-dark-hover: #0261C5;
  --vi-color-dark-bg: #0261C5;
  --font-size-16: 16rem;
  --font-size-18: 18rem;
  --font-size-20: 20rem;
  --font-size-24: 24rem;
  --font-size-30: 30rem;
  --font-size-36: 36rem;
  --font-size-40: 40rem;
  --font-size-60: 60rem;
  --font-size-72: 72rem;
  --font-size-120: 120rem;
}
.main {
  overflow: hidden;
}
.video_appbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
}
.padd_t100 {
  padding-top: 4%;
  padding-bottom: 5%;
}
.video_appbox.show {
  visibility: visible;
  opacity: 1;
}
.video_appbox video {
  object-fit: cover;
  width: 100%;
}
.video_appbox .video_t {
  z-index: 2;
  background: #000;
  width: 1035px;
  max-width: 94%;
  height: 60%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 60%;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
}
.video_appbox.show .video_t {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
.video_tbox {
  height: 100%;
}
.video_appbox .mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.lt9 .video_appbox .mask {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");
}
.vide0_close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 99999;
}
.vide0_close i {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
input, textarea {
  border: none;
}
.weixin {
  position: fixed;
  width: 300px;
  height: auto;
  z-index: 100000;
  left: 50%;
  top: 50%;
  margin: -200px 0 0 -150px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: 1px 1px 10px #666;
}
.weixin .c {
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../images/x.png);
  overflow: hidden;
  text-indent: 100px;
  right: 0;
  top: 0;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.weixin h2 {
  position: relative;
  line-height: 30px;
  font-size: 16px;
  padding-left: 10px;
  font-weight: normal;
}
.weixin .img {
  padding: 30px 0 10px;
  text-align: center;
  border-top: 1px solid #ddd;
}
.weixin p {
  margin: 0 1.5% 20px;
  text-align: center;
  font-size: 16px;
}
.weixin .img img {
  width: 200px;
  height: 200px;
  display: block;
  margin: auto;
}
input:focus, textarea:focus {
  outline: none;
}
input::placeholder {
  /*color: #fff;*/
  opacity: 0.6;
}
.search input::placeholder {
  /*color: #000;*/
  opacity: 0.6;
}
img {
  vertical-align: top;
}
html {
  font-size: calc((100vw / 1920));
}
body {
  font-size: var(--font-size-16); line-height: 1.5;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, PingFang TC, PingFang HK, Microsoft Yahei, Microsoft JhengHei;
}
.scroll {
  height: 100%;
  width: 100%;
}
em, i {
  font-style: normal;
}
a {
  color: #000;
  text-decoration: none;
  transition: 0.5s;
}
[class*="icon-"] {
  font-family: "iconfont";
}
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  background: #ffffff;
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0;
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption {
  zoom: 1;
}
li {
  list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
.tran_scale {
  overflow: hidden;
  display: block;
}
.tran_scale img {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}
@media only screen and (min-width: 1025px) {
  .tran_scale:hover img {
      transform: scale(1.05, 1.05);
      -webkit-transform: scale(1.05, 1.05);
  }
}
.edit_con_original {
  line-height: 2;
  padding: 0 0;
  color: #000000;
}
.edit_con_original ul {
  margin: inherit;
  padding: inherit;
  padding-left: 2em;
}
.edit_con_original ul li {
  list-style-type: disc;
  margin: auto;
}
.edit_con_original ol {
  margin: inherit;
  padding: inherit;
}
.edit_con_original ol li {
  list-style-type: decimal;
  margin: auto;
}
.edit_con_original h1 {
  font-size: 2em;
  font-weight: bold;
}
.edit_con_original h2 {
  font-size: 1.5em;
  font-weight: bold;
}
.edit_con_original h3 {
  font-size: 1.17em;
  font-weight: bold;
}
.edit_con_original h4 {
  font-size: 1em;
  font-weight: bold;
}
.edit_con_original h5 {
  font-size: 0.83em;
  font-weight: bold;
}
.edit_con_original h6 {
  font-size: 0.67em;
  font-weight: bold;
}
.edit_con_original em {
  font-style: italic;
}
.edit_con_original cite {
  font-style: italic;
}
.edit_con_original address {
  font-style: italic;
}
.edit_con_original i {
  font-style: italic;
}
.edit_con_original table {
  border-collapse: separate;
  border-spacing: 2px;
}
.edit_con_original img {
  max-width: 100%;
  height: auto;
}
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before {
  content: "";
  display: table;
}
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after {
  content: "";
  display: table;
  clear: both;
}
.fixed, .clearfix, .cf, .header, .main, .footer {
  zoom: 1;
}
.clear, .cl {
  display: block !important;
  float: none !important;
  clear: both;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 none !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  max-height: 3em;
  height: 3em;
  overflow: hidden;
}
.clamp_3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
  max-height: 4.5em;
  height: 4.5em;
  overflow: hidden;
}
.clamp_4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.5;
  max-height: 6em;
  height: 6em;
  overflow: hidden;
}
.v-m-c {
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  position: absolute;
  left: 0;
  top: 50%;
}
.l-m-c {
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: 0;
}
.a-m-c {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

.pageout {
  text-align: center;
  clear: both;
}
.page {
  display: inline-block;
}
.page {
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  color: #17217a;
  line-height: 44rem;
}
.page a {
  float: left;
  width: 44rem;
  height: 44rem;
  line-height: 44rem;
  border: 1px solid #D6D6D6;
  margin: 0 1px;
  color: #4f535d;
  position: relative;
  font-size: 14px;
}
.page a.prev.disabled,.page a.next.disabled{opacity: 0.5; cursor: default;}
.page a.prev.disabled:hover,.page a.next.disabled:hover{color: #4f535d!important;}
.page a.on {
  color: #fff;
  background: #008CD7;
}
.page .go {
  width: 44rem;
  background: #008CD7;
  color: #fff;
  text-align: center;
  cursor: pointer;
  height: 44rem;
  line-height: 44rem;
  border: none;
  border-radius: 8px;
  font-size: 14px;
}
.page .go:hover {
  color: #fff !important;
}
.page a.on:hover {
  color: #fff !important;
}
.page .txtnum {
  margin-right: 6px;
}
.page .txtnum input {
  color: #54627a;
  width: 44rem;
  height: 44rem;
  line-height: 44rem;
  padding: 0 5px;
  text-align: center;
  background: none;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 14px;
}
.page .total {
  color: #000;
  font-size: 14px;
  line-height: 44rem;
  font-weight: normal;
  padding-right: 14px;
  padding-left: 34rem;
}
@media only screen and (max-width: 1024px) {
  .page {
      padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  :root {
      --font-size-16: 12px;
      --font-size-18: 14px;
      --font-size-20: 16px;
      --font-size-24: 17px;
      --font-size-30: 19px;
      --font-size-36: 22px;
      --font-size-40: 24px;
      --font-size-60: 26px;
      --font-size-72: 28px;
      --font-size-120: 48px;
  }
  .pageout {
      font-size: 16px;
  }
  .page a {
      display: none;
      font-weight: normal;
      width: 40px;
      height: 40px;
      line-height: 38px;
  }
  .page a.prev, .page a.next {
      display: block;
      display: inline-block;
      border: 1px solid #7a8087;
  }
  .page a.on {
      display: block;
  }
  .page i {
      margin: 0 4px;
  }
  .page .span01 {
      display: none;
  }
  .page .txtnum {
      margin: 0 8px;
  }
  .page .txtnum input {
      width: 40px;
      height: 40px;
      font-size: 16px;
  }
  .page .go {
      width: 40px;
      height: 40px;
      line-height: 40px;
  }
}
.ratio-img, .ratio-img img {
  width: 100%;
}
.wrap {
  max-width: 1580rem;
  margin:0 auto;
  width: 90%;
}

.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center;}
.site_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
}
.site_banner img {
  width: 100%;
}
.site_text {
  bottom: 75rem;
  top: auto;
  color: #fff;
  z-index: 5;
  line-height: 1.2;
}
.site_text h1{font-weight: 400;}
.site_text h1 span{ display: inline-block; margin-left: 10rem;}
@media only screen and (max-width: 768px) {
  .site_text {
      bottom: 30rem;
  }
}
@media only screen and (max-width: 767px) {
  .site_banner {
      height: 240px;
  }
  .site_banner img {
      display: none;
  }
}

*{box-sizing: border-box; margin: 0; padding: 0;}
img{max-width: 100%;}

.header{width: 100%; height:80rem; position: fixed; left:0; top:0; z-index: 101;border-bottom: 1rem solid rgba(255,255,255,0.5);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
  background: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
  background: -o-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);transition: 0.3s all;}
.header_height{ display: none;}
.header .inner{padding: 0 44rem;}
.header .logo{ float: left; width: 130rem; height: 38rem; margin-top: 21rem;}
.header .logo a{ display: block; height: 100%;}
.header .logo a img.logo_02{ display: none;}

.nav{ float: right; width:calc(100% - 150rem);}
.rr_top{float: right;position: relative;color: #fff; line-height: 80rem;}
.rr_top .mem,.rr_top .ser{ float: left; margin-left: 40rem;}
.rr_top a{color: #fff;}
.rr_top .mem{position: relative; cursor: pointer;}
.rr_top .mem em{ margin:0 8rem; position: relative; top:-2rem;}
.rr_top .mem em+i{display: inline-block;}
.rr_top .mem .mem_xiala{display: none; position: absolute; z-index: 2; left:50%; margin-left: -115rem; top:100%; width: 230rem; background: #fff; border-radius: 10rem; overflow: hidden;}
.rr_top .mem .mem_xiala a{border-bottom: 1rem solid #D9D9D9; display:block; width:100%; padding: 0; margin: 0; color: #000; line-height: 55rem; text-align: center;}
.rr_top .mem.on .mem_xiala{display: block;}
.rr_top .mem.on em+i{transform: rotate(180deg);}
.search_wrap{ position: absolute; right:0; top:100%;width: 0; height:40rem;line-height: 40rem;overflow: hidden;border-radius: 5rem; background: #fff;transition: 0.3s all;}
.search_wrap.on{width: 280rem;border:1rem solid #969191;}
.search_box_text{float:left; width:calc(280px - 102px); padding:0 20rem; height: 40rem; line-height: 40rem; border:none; background: none;}
.search_box_button{float: right; cursor: pointer; width:40rem;height:40rem; border:0; outline: none; background: none;}

.nav ul{width:calc(100% - 280rem);text-align: right;}
.nav ul>li{ display: inline-block; margin: 0 40rem;line-height:80rem; height: 80rem;position: relative;}
.nav ul>li span{ display: none;}
.nav ul>li>a{display: block;color:#fff;position: relative;}
.nav ul>li.on>a{color:#fff!important;font-weight:bold;}
.nav ul>li>a>em{opacity: 0; display: block; position: absolute;left: 50%;bottom: 0; width:0;height:2rem;background: #3F8EEE;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav ul>li.on>a>em{opacity: 1; left:0;width:100%;}
.navlist{display:none; position: absolute; left:50%; margin-left: -100rem; top:100%; z-index: 2; width:200rem; background:#0B6DDA;}
.navlist dl{ text-align: center;}
.navlist dl dd{ display:block; line-height: 30rem; padding: 5rem 10rem; border-bottom: 1rem solid rgba(255,255,255,0.1);}
.navlist dl dd a{color:#fff;}
.navlist dl dd a:hover{color:#fff!important;}


.scroll-header .header,.dets_body .header{ background:#fff; color: #000;}
.scroll-header .logo a img.logo_01,.dets_body .logo a img.logo_01{ display: none;}
.scroll-header .logo a img.logo_02,.dets_body .logo a img.logo_02{ display: block;}
.scroll-header .rr_top,.scroll-header .rr_top a,.scroll-header .nav ul>li>a,
.dets_body .rr_top,.dets_body .rr_top a,.dets_body .nav ul>li>a{color: #000;}
.scroll-header .nav ul>li.on>a,.dets_body .nav ul>li.on>a{color:#000!important;}
.dets_body{padding-top: 80rem;}


.select-box{position:relative;border-radius: 10rem;}
.select-box dt{cursor: pointer; border: 1px solid #C3C3C3;border-radius: 10rem;}
.select-box dt a{ display:block;line-height: 40rem;overflow:hidden; margin:0 40rem 0 20rem; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box dt i{position: absolute; right:0px; top:0; width: 40rem; line-height: 40rem; text-align: center;}
.select-box dd{display:none; line-height: 20rem; position:absolute; lefT:0; top:calc(100% + 1rem); z-index:11; width:100%;max-height:180rem; overflow:auto; border-bottom-left-radius:10rem;border-bottom-right-radius: 10rem; box-shadow: 0 0 5rem 5rem rgba(0,0,0,0.05); background:#fff;}
.select-box.open{ box-shadow: 0 0 5rem 5rem rgba(0,0,0,0.05);}
.select-box dd a{display:block; width:100%; padding:12rem 20rem; color:#000;position: relative;}
.select-box dd a::before{content: ""; position: absolute; left:10rem; bottom:0; width: calc(100% - 20rem); right:10rem; height: 1rem; background: #F3F3F3;}
.select-box dd a:hover{background:#F9F9F9;}
.select-box.open dt i{ transform: rotate(180deg);}
.select-box.open dt{border-color:transparent;}

.footer{ padding:30rem 0 60rem;background:#fff;}
.foot_top{border-bottom: 1rem solid #D7D7D7; padding-bottom: 30rem;}
.foot_ll{ float: left; width: 50%;}
.foot_rr{ float: right;}
.foot_ll li{ float: left; width:150rem; position: relative;}
.foot_ll li h3{margin-bottom: 30rem;}
.foot_ll li h3 a,.foot_ll li p a{color: #000;}
.foot_ll li p{margin-bottom: 15rem;}
.foot_rr dl{width: 310rem;}
.foot_rr dl dt{position: relative;}
.foot_rr dl dt i{color: #000;}
.foot_rr dl dt::before{content: ""; position: absolute; right:40rem; top:10rem; width: 1rem; height: 22rem; background: #C3C3C3;}
.foot_rr .share{ text-align: right; margin-top: 20rem;}
.foot_rr .share a{display: inline-block; height: 30rem; line-height: 30rem; color: #7D7D86; margin-left: 20rem; position: relative;}
.foot_rr .share a .code{opacity: 0; visibility: hidden; position: absolute; z-index: 2; right:0; top:36rem; width: 154rem; height: 190rem; background: #fff; border: 1px solid #efefef;; border-radius: 15rem; overflow: hidden;}
.foot_rr .share a .code img{width:154rem; height:156rem;}
.foot_rr .share a .code p{line-height: 20rem; text-align: center;}
.foot_rr .share a.on .code{opacity: 1; visibility: visible;}

.foot_bot{padding: 30rem 0;}
.foot_bot .fb_ll{ float: left;}
.foot_bot .fb_rr{ float: right;}
.foot_bot .fb_ll a.link{ position: relative;padding-right: 12rem; margin-right: 10rem;}
.foot_bot .fb_ll a.tel_link:hover{color: #000!important; cursor: default;}
.foot_bot .fb_ll a.link::after{content: ""; position: absolute; right:0; top:50%; margin-top: -8rem; width: 1rem; height: 16rem; background: #333;}
.foot_bot .fb_ll a.link:nth-of-type(3)::after{ display: none;}
.foot_bot .fb_ll span{ margin-right: 10rem;}
.foot_bot .fb_rr span{text-transform: uppercase;}
.foot_bot .fb_rr em{ margin-left: 20rem;}


.comm_sider{position: fixed; z-index: 100; right:3rem; top:50%; width: 60rem; background: #fff; box-shadow: 0 0 3rem 3rem rgba(0,0,0,0.05);transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);}
.comm_sider li{ width: 100%;height: 60rem; line-height: 60rem; text-align: center; color: #000000;}


.rr_top .mem em+i{transition: all 0.3s;}

.nav_phone_btn{ display: none;}
@media only screen and (max-width: 1024px){
  body>*{position: relative;transition:left 250ms ease-out;-webkit-transition:left 250ms ease-out;}
  .header{ height: 50px; background:#fff; color: #000;}
  .header_height{ height: 50px; display: block;}
  .dets_body{padding-top: 0;}
  .dets_body .rr_top,.dets_body .rr_top a,.dets_body .nav ul>li>a{color: #fff;}
  .dets_body .nav ul>li.on>a{color:#fff!important;}

  .header .inner{padding: 0 2%;}
  .header .logo{width: 103px; height: 30px; margin-top: 10px;}
  .header .logo a img.logo_01{ display: none;}
  .header .logo a img.logo_02{ display: block;}
  .rr_top{widtH:100%; padding:10px 20px; height: auto; line-height: 1.5;}
  .rr_top .mem, .rr_top .ser{margin-left: 0;}
  .rr_top .mem{margin-bottom: 10px;}
  .ser{ display: none;}
  .search_wrap{widtH:100%;display: block; position: static;}
  .search_box_text{width: calc(100% - 40rem);}
  .foot_bot .fb_ll,.foot_bot .fb_rr{ float: none; text-align: center;}

  .nav_phone_btn{ display: block; cursor: pointer;height: 50px; line-height: 50px; position: absolute;top:0; right:0;z-index: 99999999;width: 50px;text-align: center;}
  .nav_phone_btn span {position: relative;width:26px;height: 3px; top:-2px; background-color: #008CD7;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
  .nav_phone_btn span i{ position: absolute; bottom:-30px; left:0; width:100%; color:#008CD7; font-family: arial; font-size: 12px; text-transform: uppercase;}
  .nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #008CD7;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
  .nav_phone_btn span:before{top:-7px;}
  .nav_phone_btn span:after{top:7px; widtH:60%; left:auto;right:0;}
  .visible_nav.nav_phone_btn{background: #fff;}
  .visible_nav.nav_phone_btn span{background-color: transparent!important;}
  .visible_nav.nav_phone_btn span:before{top:0px;width:90%;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
  .visible_nav.nav_phone_btn span:after{top:0px;right:auto; lefT:0;width:90%;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
  .body_nav_phone .nav{right:0;left:auto;}

  .nav{display:block;position: fixed; z-index: 100000; margin-top:0; top:50px;bottom: 0px;padding:0; right:-50%;height:calc(100vh - 50px);width:50%;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out; overflow: hidden; overflow-y: auto; background:#666;}
  .nav ul{padding: 0px 0;clear: both; float: none;width: 100%; margin-top: 0;}
  .nav ul>li{line-height: 40px; height: auto; width: 100%;float: none;  display: block; margin: 0;padding:0 ;border-bottom: 1px solid #999; overflow: hidden;}
  .nav ul>li>a{height: 40px; line-height: 40px;margin:0 20px; color:#fff; text-align: left; float: left; width: calc(100% - 80px);}
  .nav ul>li.on>a{background: none; color: #fff;}
  .nav ul>li>span{ float: right; text-align: center; font-size: 14px; line-height: 40px; width: 40px; height: 40px;float: right;}
  .nav ul>li>span.on{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
  .nav ul>li>span{display: block;cursor: pointer; color:#fff; font-size: 20px;}
  .nav ul>li>span.cur{display: block;}
  .nav ul>li>span.on+a{color:#fff;}
  .nav ul>li.on>a>em{ display: none;}
  .nav ul>li>a br{ display: none;}
  .navlist{position: static; background: none; padding: 0; border-top: 1px solid#999; height: auto;line-height: inherit; width: auto !important; display: none;visibility: visible;clear: both; left:auto; top:auto; margin-left: 0!important;}
  .navlist dl{padding:0 20px;}
  .navlist dl dd{width:100%; height: auto; line-height:40px; padding: 0 10px; text-align: left; display: block;border-bottom: 1px solid#999;}
  .navlist dl dd:last-child{border-bottom: none;}
  .navlist dl dd a{color:#fff;}
}

@media only screen and (max-width: 1023px){
.foot_ll{width: 100%;}
.foot_rr .share a .code{ width: 120px; height: 150px;}
.foot_rr .share a .code img{width: 100%; height: auto;}
}
@media only screen and (max-width: 767px){
.footer{padding-bottom: 0;}
.foot_rr,.foot_rr dl{width: 100%;}
.foot_rr .share{font-size: 20px; text-align: left;}
.select-box dt a,.select-box dt i{line-height: 30px;}
.foot_rr dl dt::before{top:10px; height: 10px;}
.select-box dd{line-height: 18px;}
.foot_rr .share a .code{right:auto; left:0;}
.foot_bot .fb_ll span{display: block; margin-right: 0;}
.foot_bot .fb_rr span{ display: block;}
}


.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}
.more{ margin-top:2em; position: relative; height: 50rem; line-height: 50rem; padding: 0 30rem 0 44rem; overflow: hidden; color: #fff; display: inline-block; border-radius:30rem;background:linear-gradient(to right,#045EBB,#5398F0);}
.more::before{ content: ""; position: absolute; z-index: 1; lefT:0; top:0; width: 0; height: 100%; background: rgba(255,255,255,0.2);}
.more em{ position: relative; z-index: 2;margin-right: 28rem;}
.more i{position: relative; z-index: 2; margin-left:5px;vertical-align: middle;}
.more::before{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
@media only screen and (min-width: 1025px){
.more:hover{ color: #fff!important; }
.more:hover::before{width: 100%;}
a:hover{color: #0261C5!important;}
.nav ul>li:hover>a>em{opacity: 1; left:0;width:100%;}
.comm_sider li:hover{ background:linear-gradient(to right,#045EBB,#5398F0);}
.comm_sider li:hover a{color: #fff!important;}
}



.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;width: 100%;}
.video_appbox .video_t{z-index:2; background:#000;width: 1035px;max-width:94%;height:70%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{ visibility: visible;opacity:1;top:50%;}
.video_appbox iframe{width:100%; height: 100%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_close{ position:absolute; top:calc(15% - 40px); right:calc(50% - 517px); cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:30px;font-weight: bold;}





@media screen and (max-width: 1023px) {
  html {
      font-size: calc((100vw / 1024));
  }
}
@media screen and (max-width: 768px) {
  html {
      font-size: calc((100vw / 768));
  }
}
@media only screen and (max-width: 767px) {

}