body .content {
  padding: 100px 0
}

body .list {
  height: 300px
}

body .list .list_item {
  width: 25%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 42px;
  background-color: #333f47;
  text-align: center
}

body .list .l_1 {
  background-image: url(../images/t2.a6357fb7.jpg);
  background-size: cover;
  background-position: 50%
}

body .list .l_3 {
  background-color: #eabb00
}

body .list .l_2 {
  background-image: url(../images/t2.6297b610.png);
  background-size: cover;
  background-position: 50%
}

@media only screen and (max-width:992px) {
  body .content {
    padding: 50px 0 20px
  }

  body .content .list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    display: flex;
  }

  body .content .list .list_item {
    width: 50%;
    height: 209px;
    padding: 0 10px
  }

  body .content .list .list_item .font_28 {
    font-size: 22px
  }

  body .content .list .list_item .font_14 {
    font-size: 12px
  }

  body .content .list .l_1,
  body .content .list .l_2 {
    background-size: cover
  }

  body .wrap .raw_content img {
      width: 100%;
  }
  body .wrap .raw_content {
      margin-top: 20px;
  }
}

.banner {
  width: 100%;
  height: 100vh;
  color: #fff
}

.banner .swiper-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}

.banner .swiper-slide .banner_mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .12941176470588237)
}

.banner .swiper-slide>img,
.banner .swiper-slide video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.banner .swiper-slide .swiper-slide-txt {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 80px;
  z-index: 1
}

.banner .swiper-slide .swiper-slide-txt .btn {
  width: 21rem;
  height: 5.8rem;
  background: #ff4200;
  padding: 0;
  margin-top: 7rem;
  line-height: 5.8rem;
  color: #fff;
  border-radius: 30px;
  font-size: 1.6rem
}

.banner .swiper-slide .swiper-slide-txt .title {
  font-size: 4.9rem;
  line-height: 1.5
}

.banner .swiper-slide .swiper-slide-txt .txt {
  font-size: 2.4rem;
  line-height: 4rem;
  margin: 25px 0;
  text-align: center
}

.banner .swiper-slide .swiper-slide-txt .hint {
  font-size: 2rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner .swiper-slide .swiper-slide-txt .hint img {
  height: 2rem;
  margin-left: 1.5rem
}

.banner .swiper-pagination {
  width: 120rem;
  left: 50%;
  margin-left: -60rem;
  bottom: 50px;
  text-align: left
}

.banner .swiper-pagination span {
  margin: 0 10px 0 0 !important
}

.banner .swiper-bottom {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 35px;
  z-index: 1000;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.banner .swiper-bottom,
.banner .swiper-bottom .down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner .swiper-bottom .down {
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
  }

  to {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
  }
}

@keyframes upDown {
  0% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
  }

  to {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
  }
}

.banner .swiper-bottom .down img {
  width: 20px;
  height: 20px;
  -webkit-animation: upDown 1s linear infinite alternate;
  animation: upDown 1s linear infinite alternate
}

.header {
  background-color: #fff;
  max-width: 1920px
}

.header .header_ct {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  position: relative;
  height: 80px
}

.header .header_ct,
.header .header_ct .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header .header_ct .wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header .header_ct .logo {
  font-size: 0;
  height: 72px
}

.header .header_ct .logo .logo_b {
  width: 212px
}

.header .header_ct .inv_wrapper nav .nav_li {
  display: inline-block;
  margin-right: 30px;
  line-height: 80px
}

.header .header_ct .inv_wrapper nav .nav_li:hover .drop_panel {
  height: 373px
}

.header .header_ct .inv_wrapper nav .nav_li:hover .nav_li_tlink:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #eabb00;
  position: absolute;
  bottom: 1px
}

.header .header_ct .inv_wrapper nav .nav_li:first-child:hover .drop_panel {
  height: 0
}

.header .header_ct .inv_wrapper nav .nav_li a {
  display: block;
  font-size: 18px;
  color: #191c23;
  font-weight: 700;
  position: relative
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel {
  height: 0;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #fff;
  -webkit-transition: height .5s;
  transition: height .5s;
  overflow: hidden;
  z-index: 1000
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .left {
  padding-top: 53px;
  width: 75%
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .left .t {
  margin-bottom: 30px
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .left .nav_left_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .left .nav_left_menu .desc {
  max-width: 70%;
  margin-bottom: 17px;
  line-height: 25px
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .left .nav_left_menu a {
  color: #333;
  font-weight: 400;
  font-size: 16px;
  margin-right: 20px;
  line-height: 34px
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .left .nav_left_menu .nav_left_menu_img {
  width: 50%
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .right_img {
  position: absolute;
  right: 0;
  top: 0;
  height: 373px;
  background-image: url(../images/headright.e4445078.jpg);
  width: 30%;
  background-size: cover
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .right_img .t {
  padding-top: 100px;
  padding-left: 10%;
  line-height: 40px
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .right_img .t .t_contact {
  margin-top: 35px
}

.header .header_ct .inv_wrapper nav .nav_li .drop_panel .right_img .t a {
  color: #464646
}

.header .header_ct .transilate {
  font-size: 14px;
  color: #fff;
  background-color: #eabb00;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 40px
}

.header .h_active {
  background-color: #fff
}

.is_home_bg {
  background: rgba(0, 0, 0, .26)
}

.onlyhome {
  z-index: 100;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
  position: fixed;
  width: 100%;
  max-width: 1920px;
  top: 0
}

.onlyhome .inv_wrapper a {
  color: #fff
}

footer {
  background-color: #333;
  height: 395px;
  position: relative
}

footer .wrap {
  padding-top: 90px
}

footer .tag_logo {
  width: 111px;
  position: absolute;
  top: -40px;
  left: 0;
  z-index: 10000
}

footer .footer_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin-top: 15px;
  margin-left: -50px
}

footer .footer_menu li {
  width: 15%;
  position: relative;
  line-height: 1;
  text-align: center
}

footer .footer_menu li .tit {
  border-right: 1px solid #fff
}

footer .footer_menu li .menu_child a {
  display: block
}

footer .footer_menu li:last-child .tit {
  border-right: none
}

.tm_tg {
  height: 50px;
  background-color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.wrap_container {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto
}

.banner_a {
  height: 500px;
  margin-top: 80px
}

.banner_a img {
  position: absolute;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  max-width: none
}

.banner_a .head_main_ser {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

.about_nav {
  height: 100px;
  border-bottom: 1px solid #e8ebef
}

.about_nav .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.about_nav .wrap a {
  position: relative;
  margin-right: 60px
}

.about_nav .wrap .active,
.about_nav .wrap a:hover {
  color: #eabb00
}

.about_nav .wrap .active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #eabb00;
  left: 0;
  top: 63px
}

a,
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
img,
input,
label,
legend,
li,
object,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: Microsoft YaHei, PingFang SC, Microsoft YaHei UI, WenQuanYi Micro Hei, Arial, "sans-serif"
}

body,
html {
  height: auto !important
}

div::-webkit-scrollbar {
  display: none
}

description,
div,
h1,
h2,
keyword,
p,
section,
title {
  display: block
}

h2,
title {
  color: #131415
}

a {
  text-decoration: none !important
}

body {
  color: #333;
  background-color: #f9f9f9;
  font-size: 13px;
  max-width: 1920px;
  margin-left: auto !important;
  margin-right: auto !important
}

:focus {
  outline: 0
}

ol,
ul {
  list-style: none
}

fieldset,
img {
  border: 0;
  vertical-align: top
}

address,
caption,
cite,
code,
dfn,
em,
i,
optgroup,
th,
var {
  font-style: normal;
  font-weight: 400
}

abbr,
acronym {
  border: 0;
  font-variant: normal
}

button,
input,
optgroup,
option,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit
}

code,
kbd,
samp,
tt {
  font-size: 100%
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-left: 0;
  padding-right: 0
}

button,
input,
select,
textarea {
  *font-size: 100%;
  outline: none
}

textarea {
  resize: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

.fl {
  float: left
}

.fr {
  float: right
}

a {
  cursor: pointer
}

a,
a:hover {
  color: #333;
  text-decoration: none
}

.special a,
a.special {
  color: #1eb37b
}

.special a:hover,
a.special:hover {
  color: #1eb37b;
  text-decoration: none
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word
}

.cf,
.clearfix {
  clear: both;
  *zoom: 1
}

.three-hide {
  display: inline-block;
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3
}

.three-hide,
.two-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.two-hide {
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2
}

.one-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.prod_hover {
  -webkit-transition: -webkit-box-shadow .5s;
  transition: -webkit-box-shadow .5s;
  transition: box-shadow .5s;
  transition: box-shadow .5s, -webkit-box-shadow .5s
}

.prod_hover:hover {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2901960784313726);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2901960784313726)
}

.tag_hover {
  position: relative;
  z-index: 10
}

.tag_hover:after {
  content: "";
  position: absolute;
  height: 100%;
  -webkit-transition: width .5s;
  transition: width .5s;
  width: 0;
  background: #333f47;
  left: 0;
  top: 0;
  z-index: -1
}

.tag_hover:hover {
  color: #fff;
  border: none !important
}

.tag_hover:hover:after {
  width: 100%
}

.nav_active:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #eabb00;
  position: absolute;
  bottom: 1px
}

body .zoom_scale {
  overflow: hidden
}

body .zoom_scale img:first-child {
  -webkit-transition: all .5s;
  transition: all .5s
}

body .zoom_scale:hover img:first-child {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

body .ic_transy img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

body .ic_transy:hover img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

body .pagerow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5rem
}

body .pagerow .pagination li {
  width: 5rem;
  height: 4rem;
  background: #f5f5f5;
  margin-right: 1rem;
  cursor: pointer
}

body .pagerow .pagination li,
body .pagerow .pagination li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #131415;
  font-size: 1rem
}

body .pagerow .pagination li a {
  width: 100%;
  height: 100%
}

body .pagerow .pagination li.active {
  background: #eabb00;
  color: #191919
}

body .pagerow .pagination li.active a {
  color: #fff !important;
  width: 100%;
  height: 100%
}

body .xc_crumbs {
  font-size: 13px;
  line-height: 70px
}

body .xc_crumbs a,
body .xc_crumbs span {
  display: inline-block;
  font-size: 13px;
  color: #666
}

body .breadcrumb {
  height: 100px;
  background: #fff;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body .breadcrumb .active {
  color: #777
}

body .breadcrumb li+li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\A0"
}

body .breadcrumb li,
body .breadcrumb li a {
  font-size: 16px
}

@media only screen and (min-width:1240px) {

  body .hide_lg,
  body .hide_mlg {
    display: none !important
  }
}

@media only screen and (max-width:1240px) {

  body,
  button,
  input,
  select,
  textarea {
    font-size: 14px
  }

  body .banner_a {
    overflow: hidden;
    margin-top: 0;
    height: auto
  }

  body .banner_a img {
    position: relative;
    width: 100%
  }

  body .wrap {
    width: 940px
  }

  body .hide_mmd {
    display: none !important
  }

  body .pagerow {
    margin-top: 30px
  }

  body .pagerow .pagination li {
    width: 30px;
    height: 20px
  }

  .header_mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    position: relative
  }

  .header_mb .tag_logo {
    width: 140px
  }

  .header_mb .mb_container {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 11
  }

  .header_mb .mb_container .bar1,
  .header_mb .mb_container .bar2,
  .header_mb .mb_container .bar3 {
    width: 25px;
    height: 3px;
    background-color: #333;
    margin: 4px 0;
    -webkit-transition: .4s;
    transition: .4s
  }

  .header_mb .mb_change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px)
  }

  .header_mb .mb_change .bar2 {
    opacity: 0
  }

  .header_mb .mb_change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -4px);
    transform: rotate(45deg) translate(-4px, -4px)
  }

  .header_mb .menu {
    position: fixed;
    top: 60px;
    left: 0;
    height: 0;
    width: 100vw;
    z-index: 10;
    overflow: hidden;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
    background-color: transparent
  }

  .header_mb .menu .page .accordion {
    background: #eabb00
  }

  .header_mb .menu .page .accordion li {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-bottom: 1px solid hsla(0, 0%, 100%, .16862745098039217);
    display: block;
    padding: 0 15px;
    font-size: 14px;
    position: relative;
    overflow: hidden
  }

  .header_mb .menu .page .accordion li .ac_btn {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .header_mb .menu .page .accordion li .ac_btn a {
    display: block;
    padding: 15px 0;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #191c23;
    border-bottom: 1px solid hsla(0, 0%, 93.3%, .2784313725490196);
    font-weight: 600
  }

  .header_mb .menu .page .accordion li .ac_btn a:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  .header_mb .menu .page .accordion li .ac_btn a:after,
  .header_mb .menu .page .accordion li .ac_btn a:before {
    content: "";
    background: #191c23;
    width: 9px;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
  }

  .header_mb .menu .page .accordion li .ac_btn a:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .header_mb .menu .page .accordion li .mb_active a:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0
  }

  .header_mb .menu .page .accordion li .mb_active a:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #191c23
  }

  .header_mb .menu .page .accordion li .accordion-panel {
    display: none;
    padding: 15px
  }

  .header_mb .menu .page .accordion li .accordion-panel a {
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    display: block
  }

  .header_mb .open_menu {
    height: 100vh
  }

  .header_mb .mask {
    position: absolute;
    left: 0;
    top: 60px;
    height: 100vh;
    width: 100vw;
    z-index: -1;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: rgba(0, 0, 0, .3411764705882353);
    opacity: 0;
    display: block
  }

  .header_mb .mask_show {
    z-index: 9;
    opacity: 1
  }
}

@media only screen and (max-width:992px) {
  body .wrap {
    width: 740px
  }

  body .hide_md {
    display: none !important
  }

  body .hide_lg {
    display: block
  }

  body pre img {
    width: 100%
  }

  body .tm_tg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  body .tm_tg .font_16 {
    text-align: center;
    font-size: 12px;
    padding: 0 51px
  }
}

@media only screen and (max-width:760px) {

  body,
  button,
  input,
  select,
  textarea {
    font-size: 16px
  }

  body {
    padding-bottom: 50px
  }

  body .wrap {
    padding-left: 2%;
    padding-right: 2%;
    width: auto
  }

  body .banner_a {
    overflow: hidden
  }

  body .banner_a img {
    height: 100%;
    left: 0;
    margin-left: 0;
    width: 100%
  }

  body .about_nav {
    height: 60px
  }

  body .about_nav .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  body .about_nav .wrap a {
    margin-right: 0;
    font-size: 14px
  }

  body .about_nav .wrap .active:after {
    top: 40px
  }

  body .server .head_main_ser .font_28 {
    font-size: 20px
  }

  body .server .head_main_ser .font_42 {
    font-size: 24px
  }
}

@media (min-width:0) {
  body {
    min-width: 0;
    overflow-x: hidden
  }
}

.f_c_c,
.flex,
.flex-wrap,
.flex_center,
.flex_column_alcenter,
.flex_row_around,
.flex_row_around_center,
.flex_row_between,
.flex_row_between_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex_row_between,
.flex_row_between_center {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flex_row_around,
.flex_row_around_center {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.flex_end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.alcenter,
.f_c_c,
.flex_center,
.flex_column_alcenter,
.flex_row_around_center,
.flex_row_between_center,
.flex_row_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flex_row_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex_row_bt_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex_center,
.flex_column_alcenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex_column_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flex_column_alcenter,
.flex_column_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex_column_alcenter,
.flex_column_between,
.flex_column_center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex_column_between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.f_c_c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.item_block {
  display: block
}

.font_12 {
  font-size: 12px
}

.font_13 {
  font-size: 13px
}

.font_14 {
  font-size: 14px
}

.font_15 {
  font-size: 15px
}

.font_16 {
  font-size: 16px
}

.font_17 {
  font-size: 17px
}

.font_18 {
  font-size: 18px
}

.font_20 {
  font-size: 20px
}

.font_24 {
  font-size: 24px
}

.font_22 {
  font-size: 22px
}

.font_26 {
  font-size: 26px
}

.font_28 {
  font-size: 28px
}

.font_30 {
  font-size: 30px
}

.font_32 {
  font-size: 32px
}

.font_35 {
  font-size: 35px
}

.font_36 {
  font-size: 36px
}

.font_40 {
  font-size: 40px
}

.font_42 {
  font-size: 42px
}

.font_45 {
  font-size: 45px
}

.font_48 {
  font-size: 48px
}

.font_50 {
  font-size: 50px
}

.font_60 {
  font-size: 60px
}

.font_62 {
  font-size: 62px
}

.font_70 {
  font-size: 70px
}

.fontW_400 {
  font-weight: 400
}

.fontW_500 {
  font-weight: 500
}

.fontW_600 {
  font-weight: 600
}

.font_b {
  font-weight: 700
}

.c-main {
  color: #eabb00
}

.c-fff {
  color: #fff
}

.c-333 {
  color: #333
}

.c-191 {
  color: #191c23
}

.c-666 {
  color: #666
}

.c-46 {
  color: #464646
}

.c-999 {
  color: #999
}

.c-5f6 {
  color: #5f626e
}

.c-green {
  color: #1fb079
}

.c-orange {
  color: #fc714c
}

.c-reg {
  color: #d90106
}

.tc {
  text-align: center
}

.tr {
  text-align: right
}

.show {
  display: block
}

.hide {
  display: none !important
}

.w_full {
  width: 100%
}

.all_full,
.h_full {
  height: 100%
}

.all_full {
  width: 100%
}

.text_center {
  text-align: center
}

.text_right {
  text-align: right
}

.text_left {
  text-align: left
}

.mt_10 {
  margin-top: 10px
}

.mt_20 {
  margin-top: 20px
}

.mt_30 {
  margin-top: 30px
}

.mt_40 {
  margin-top: 40px
}

.mt_50 {
  margin-top: 50px
}

.mt_80 {
  margin-top: 80px
}

.mt_100 {
  margin-top: 100px
}

.mb_10 {
  margin-bottom: 10px
}

.mb_20 {
  margin-bottom: 20px
}

.mb_50 {
  margin-bottom: 50px
}

.mr_10 {
  margin-right: 10px
}

.ml_10 {
  margin-left: 10px
}

.ml_20 {
  margin-left: 20px
}

.mh_10 {
  margin-top: 10px;
  margin-bottom: 10px
}

.mh_20 {
  margin-top: 20px;
  margin-bottom: 20px
}

.mh_25 {
  margin-top: 25px;
  margin-bottom: 25px
}

.pt_30 {
  padding-top: 30px
}

.pb_10 {
  padding-bottom: 10px
}

.pb_50 {
  padding-bottom: 50px
}

.pb_100 {
  padding-bottom: 100px
}

.text_oneline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block
}

.main_bg {
  background-color: #eabb00
}

.lh_15 {
  line-height: 1.5
}

.lh_1 {
  line-height: 1
}

.lh_30 {
  line-height: 30px
}

.posi_relate {
  position: relative
}

.all_item_img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.posi_img {
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  margin-left: -50%
}

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff
}

.wrap {
  width: 1300px;
  margin-right: auto;
  margin-left: auto
}