/* 头部 */
.zzj-pc {
  display: block;
}

.hd1-a1 img:nth-child(1) {
  display: block;
}

.hd1-a1 img:nth-child(2) {
  display: none;
}

.hd1-a1.on1 img:nth-child(1) {
  display: none;
}

.hd1-a1.on1 img:nth-child(2) {
  display: block;
}

.hd1-a1.on2 img:nth-child(1) {
  display: none;
}

.hd1-a1.on2 img:nth-child(2) {
  display: block;
}

.hd1-a1 .hd1-a67 img:nth-child(1) {
  display: inline;
}

.hd1-a1 .hd1-a67 img:nth-child(2) {
  display: none;
}

.hd1-a1.on1 .hd1-a67 img:nth-child(1) {
  display: none;
}

.hd1-a1.on1 .hd1-a67 img:nth-child(2) {
  display: inline;
}

.hd1-a1.on2 .hd1-a67 img:nth-child(1) {
  display: none;
}

.hd1-a1.on2 .hd1-a67 img:nth-child(2) {
  display: inline;
}

.hd1-a1 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  transition: 0s;
}

.hd1-a1.on1 {
  background: #fff;
  transition: 0s;
}

.hd1-a1.on2 {
  background: #fff;
  transition: 0s;
}

.hd1-a1 .hd1-a4 {
  color: #fff;
}

/*.hd1-a1.on1 .hd1-a4{display: none!important;}*/

.hd1-a1.on1 .hd1-a4 {
  color: #333;
}

.hd1-a1.on2 .hd1-a4 {
  color: #333;
}

.hd1-a1.on1 .hd1-a5 {
  color: #333;
}

.hd1-a1.on2 .hd1-a5 {
  color: #333;
}

.hd1-a1 .hd1-a67 {
  color: #fff;
}

.hd1-a1.on1 .hd1-a67 {
  color: #333;
}

.hd1-a1.on2 .hd1-a67 {
  color: #333;
}

.hd1-a1 {}

.hd1-a1.on1 {}

.hd1-a1.on2 {}

.hd1-a1 {

  width: 100%;

  height: 100px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 10;

  transition: 0.5s;

}

.hd1-a1 {

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

  transition: 0.5s;

}

.hd1-a2 {

  height: 60px;

  position: absolute;

  top: 20px;

  left: 40px;

}

.i200 {

  overflow: hidden;

}

.hd1-a5 {

  height: 26px;

  font-size: 16px;

  line-height: 26px;

  color: #ffffff;

  font-weight: 500;

  float: left;

  margin-left: 42px;

  position: relative;

}

.hd1-a4 {

  height: 26px;

  position: absolute;

  top: 38px;

  right: 130px;

}

.hd1-a5 {

  height: 26px;

  font-size: 16px;

  line-height: 26px;

  color: #ffffff;

  float: left;

  margin-left: 130px;

  position: relative;

}

.hd1-a5:first-child {

  margin-left: 0;

}







.fyc {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center;
}

.wrap {
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}

.ver>* {
  display: inline-block;
  vertical-align: middle
}

.t {
  transition: .4s
}

.table-cell {
  display: table;
  width: 100%
}

.table-cell>* {
  display: table-cell;
  vertical-align: middle
}

.row-pv0 {
  margin-left: 0;
  margin-right: 0
}

.row-pv0>* {
  padding-left: 0;
  padding-right: 0
}

.mv0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.pv0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.pt0 {
  padding-top: 0px !important
}

.pb0 {
  padding-bottom: 0px !important
}

.mb0 {
  margin-bottom: 0 !important
}

.mt0 {
  margin-top: 0 !important
}

.bg-gray {
  background: #f5f5f5
}

.c {
  color: #00a1e6
}

.bgc {
  background: #00a1e6
}

.cf {
  color: #fff
}

.c-red {
  color: red
}

.bg-red {
  background: red
}

.hv:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.hv-f:hover {
  color: #fff
}

.hv-red:hover {
  color: red;
  color: #00a1e6
}

.bghover {
  transition: .4s;
  transition: all .4s ease 0s
}

.bghover:Hover {
  background: #00a1e6;
  color: #fff
}

.line {
  border: 1px solid #eaeaea
}

.line-b {
  border-bottom: 1px solid #eaeaea
}

.line-t {
  border-top: 1px solid #eaeaea
}

.trans {
  transition: .5s
}

.coverimg.contain .cover {
  background-size: contain
}

.cover-box {
  position: relative;
  display: block;
  overflow: hidden
}

.cover-box .coverimg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  transition: transform .6s ease 0s
}

.cover-box .coverimg.contain {
  background-size: contain
}

.cover-box ._bg {
  width: 100%;
  visibility: hidden;
  display: block
}

.cover-box .icon-bofang1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  font-size: .4rem;
  color: #fff;
  transition: .4s;
  transition: all .4s ease 0s
}

.igoods_title {
  text-align: center;
  height: 40px;
  font-size: 40px;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
}

.igoods_head {
  width: 100%;
  height: 6vw;
  /* margin-top: 40px; */
}

.igoods_title_text {
  text-align: center;
  font-size: 16px;
  color: #999999;
  line-height: 30px;
  margin-top: 30px;
  display: none;
}

.navname {
  color: #fff;
}

.navname:hover,
.navname:focus {
  color: #fff !important;
}

.contact {
  font-size: 100px;
  font-family: Arial;
  font-weight: bold;
  color: #333333;
}

@media (min-width:993px) {
  .cover-box:hover .cover-tip {
    opacity: 1;
    filter: alpha(opacity=1);
  }

  .cover-box:hover .coverimg {
    transform: scale(1.05, 1.05)
  }

  .cover-box:hover .icon-bofang1 {
    font-size: .6rem
  }
}

.cover-tip {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .4s ease 0s;
  z-index: 55
}

.cover-tip .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .6;
  filter: alpha(opacity=60)
}

.cover-tip .bgbox.blue {
  background-color: rgba(0, 161, 230, 0.8)
}

.cover-tip .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff
}

.cover-tip .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff
}

.cover-tip .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all .6s ease 0s
}

.cover-tip .linet {
  top: 0
}

.cover-tip .lineb {
  bottom: 0
}

.cover-tip:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: .6;
  filter: alpha(opacity=60)
}

.red {
  color: red
}

.ver>* {
  display: inline-block;
  vertical-align: middle
}

.hv-scale {
  overflow: hidden
}

.hv-scale img {
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s
}

.hv-scale:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.t,
.tran3 {
  transition: all .4s ease 0s
}

.t5 {
  transition: all .5s ease 0s
}

.table-cell {
  display: table;
  width: 100%
}

.table-cell>* {
  display: table-cell;
  vertical-align: middle;
  float: none
}

.row-pv0 {
  margin-left: 0;
  margin-right: 0
}

.row-pv0>* {
  padding-left: 0;
  padding-right: 0
}

.mv0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.pv0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.pt0 {
  padding-top: 0px !important
}

.pb0 {
  padding-bottom: 0px !important
}

.mb0 {
  margin-bottom: 0 !important
}

.mt0 {
  margin-top: 0 !important
}

.c {
  color: #00a1e6 !important
}

.bgc {
  background: #00a1e6
}

.hv:hover {
  color: #00a1e6
}

.hv-f:hover {
  color: #fff
}

.cover-box {
  position: relative;
  display: block;
  overflow: hidden
}

.cover-box .coverimg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  transition: transform .6s ease 0s
}

.cover-box ._bg {
  width: 100%;
  visibility: hidden;
  display: block
}

@media (min-width:993px) {
  .cover-box:hover .cover-tip {
    opacity: 1;
    filter: alpha(opacity=1)
  }

  .cover-box:hover .coverimg {
    transform: scale(1.05, 1.05)
  }
}

.cover-tip {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .4s ease 0s;
  z-index: 3
}

.cover-tip .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .6;
  filter: alpha(opacity=60)
}

.cover-tip .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff
}

.cover-tip .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff
}

.cover-tip .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all .6s ease 0s
}

.cover-tip .linet {
  top: 0
}

.cover-tip .lineb {
  bottom: 0
}

.cover-tip:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: .6;
  filter: alpha(opacity=60)
}

.c-red {
  color: #00a1e6
}

.cItem {
  display: none
}

.cItem.active {
  display: block
}

@keyframes downico {
  0% {
    left: 0;
    opacity: 1
  }

  35% {
    left: 50%;
    opacity: 0
  }

  65% {
    left: -50%;
    opacity: 0
  }

  100% {
    left: 0;
    opacity: 1
  }
}

@keyframes downico2 {
  0% {
    left: 0;
    opacity: 1
  }

  35% {
    left: 50%;
    opacity: 0
  }

  65% {
    left: -50%;
    opacity: 0
  }

  100% {
    left: 0;
    opacity: 1
  }
}

.v-link {
  background: #af935c;
  border-radius: 2em;
  padding: .12rem .3rem;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  transition: all .4s ease 0s;
  text-transform: uppercase;
  letter-spacing: 2px
}

@media (max-width:768px) {
  .v-link {
    padding: .16rem .5rem;
    font-size: 16px
  }
}

@media (max-width:480px) {
  .v-link {
    padding: .16rem .5rem;
    font-size: 14px
  }
}

.v-link:hover {
  color: #fff;
  background: #af935c
}

.v-link-line {
  border: 1px solid #fff;
  border-radius: 2em;
  padding: .15rem .3rem;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  transition: all .4s ease 0s
}

@media (max-width:480px) {
  .v-link-line {
    padding: .14rem .3rem;
    font-size: 14px
  }
}

.v-link-line:hover {
  color: #fff;
  background: #00a1e6;
  border-color: #00a1e6
}

.rbtn {
  width: .5rem;
  height: .5rem;
  transition: all .4s ease 0s;
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  overflow: hidden
}

.rbtn i {
  width: 28px;
  height: 100%;
  position: absolute;
  background-image: url('../images/arr.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  animation: downico 1.5s ease-out infinite
}

.rbtn2 {
  width: .48rem;
  height: .48rem;
  transition: all .4s ease 0s;
  border: 1px solid #00a1e6;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  overflow: hidden
}

.rbtn2 i {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url('../images/arr3.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-size: 28px
}

.rbtn2:hover {
  background: #00a1e6
}

.rbtn2:hover i {
  animation: downico 1.5s ease-out infinite;
  background-image: url('../images/arr.png')
}

@media (max-width:768px) {
  .rbtn2 {
    width: 30px;
    height: 30px
  }

  .rbtn2 i {
    left: 0;
    background-size: 60% auto
  }
}

.rbtn2.on {
  background: #00a1e6
}

.rbtn2.on i {
  animation: downico 1.5s ease-out infinite;
  background-image: url('../images/arr.png')
}

.medium {
  font-family: medium
}

.swiper-container {
  --swiper-theme-color: #00a1e6
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .6s !important
}

.iconfont {
  color: inherit
}

.medium {
  font-family: medium
}

footer {
  background: #fff;
  position: relative;
  z-index: 1
}

footer a {
  color: #999;
  transition: all .4s ease 0s
}

footer a:hover {
  color: #00a1e6
}

footer a:hover {
  transform: translateX(5px)
}

footer .ftlogos {
  width: 4.1rem
}

@media (max-width:1360px) {
  footer .ftlogos {
    width: 3.8rem
  }
}

@media (max-width:1199px) {
  footer .ftlogos {
    width: 100%;
    padding: .4rem 0;
    border-bottom: 1px solid #e4e8ea;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center
  }

  footer .ftlogos .logo {
    margin-bottom: 0 !important;
    margin-right: .5rem
  }

  footer .ftlogos .icons {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
  }
}

@media (max-width:1200px) {
  footer .ftnavs {
    padding: .64rem 0 1.2rem
  }
}

@media (min-width:1200px) {
  footer .ft-top {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .64rem 0 1.1rem
  }
}

@media (min-width:1200px) {
  footer .ftnavs {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
  }
}

footer .navitem {
  line-height: 30px;
  padding-right: .2rem
}

@media (max-width:992px) {
  footer .navitem {
    padding-right: 0
  }
}

footer .navitem h4 {
  position: relative;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px
}

@media (min-width:1200px) {
  footer .navitem h4 {
    padding-bottom: 14px
  }

  footer .navitem h4::after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background: #00a1e6;
    left: 0;
    bottom: 0
  }
}

footer .navitem .icon-jia {
  float: right;
  transition: .3s;
  display: none;
  margin-right: 10px
}

footer .navitem .info a {
  display: block;
  line-height: 30px
}

footer .ft-top .logo {
  width: 1.7rem;
  height: .44rem;
  background-image: url('http://ceshi.eplus3d.3dun.cn/assets/addons/cms/obj/images/ft_logo.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 center;
  display: block;
  margin-bottom: .42rem
}

@media (max-width:768px) {
  footer .ft-top .logo {
    height: .54rem
  }
}

footer .icons {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center
}

footer .icons a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-right: .16rem;
  display: block;
  transition: all .4s ease 0s
}

footer .icons a:last-child {
  margin-right: 0
}

footer .icons a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(.98)
}

@media (max-width:640px) {
  footer .icons a {
    width: 30px;
    height: 30px;
    margin-right: .14rem
  }
}

footer .icons i {
  width: 100%;
  height: 100%;
  background-size: .2rem;
  background-position: center;
  background-repeat: no-repeat;
  display: block
}

@media (max-width:640px) {
  footer .icons i {
    background-size: .26rem
  }
}

footer .icons .ic-facebook {
  background-image: url('../images/ft_Facebook.png')
}

footer .icons .ic-twitter {
  background-image: url('../images/ft_twitter.png')
}

footer .icons .ic-youtube {
  background-image: url('../images/ft_youtube.png')
}

footer .icons .ic-ins {
  background-image: url('../images/ft_ins.png')
}

footer .icons .ic-in {
  background-image: url('../images/ft_in.png')
}

footer .ft-bottom {
  padding: 15px 0;
  color: #999;
  background-color: #e4e8ea;
  font-size: 12px;
  line-height: 1.76
}

footer .ft-bottom a {
  color: #999
}

footer .ft-bottom a:hover {
  color: #00a1e6
}

footer .ft-bottom .copyright>*>* {
  display: inline-block;
  vertical-align: middle
}

footer .ft-bottom .beian {
  margin-left: 5px;
  color: #999
}

footer .ft-bottom .beian:hover {
  color: #00a1e6
}

@media (min-width:993px) {
  footer .ft-bottom .wrap {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
  }
}

@media (max-width:1199px) {
  footer .ft-bottom {
    text-align: center;
    padding: .2rem 0
  }
}

@media (max-width:640px) {
  footer .ft-bottom .copyright {
    line-height: 1.8
  }

  footer .ft-bottom .copyright a {
    display: inline-block
  }
}

@media (max-width:1199px) {
  footer .navitem {
    float: none;
    width: 100%
  }

  footer .navitem .icon-jia {
    display: block;
    color: #999
  }

  footer .navitem h4 {
    position: relative;
    border-bottom: 1px solid #e4e8ea;
    height: 46px;
    line-height: 46px;
    margin: 0
  }

  footer .navitem .info {
    display: none;
    padding: 10px 30px;
    line-height: 2
  }

  footer .navitem.active .iconfont {
    transform: rotate(135deg)
  }
}

.menu_btn_wrap {
  height: 80px;
  position: relative;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

@media (max-width:768px) {
  .menu_btn_wrap {
    height: 60px
  }
}

.menu_btn {
  width: 50px;
  height: 60px;
  z-index: 101;
  cursor: pointer;
  left: 50%;
  top: 50%;
  position: absolute;
  transform-origin: center center;
  transform: translateY(-50%) translateX(-50%) scale(.8);
  -webkit-transform: translateY(-50%) translateX(-50%) scale(.8);
  -moz-transform: translateY(-50%) translateX(-50%) scale(.8);
  -ms-transform: translateY(-50%) translateX(-50%) scale(.8);
  -o-transform: translateY(-50%) translateX(-50%) scale(.8)
}

.menu_btn i {
  position: absolute;
  width: 26px;
  height: 2px;
  background: #666;
  left: 12px;
  display: block;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
  top: 20px
}

.menu_btn i:nth-of-type(2) {
  top: 30px
}

.menu_btn i:nth-of-type(3) {
  top: 40px;
  width: 14px
}

.menu_btn.active i:nth-of-type(1) {
  -webkit-transform: rotate(225deg) translate(-7px, -7px);
  -moz-transform: rotate(225deg) translate(-7px, -7px);
  -ms-transform: rotate(225deg) translate(-7px, -7px);
  -o-transform: rotate(225deg) translate(-7px, -7px);
  transform: rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
  opacity: 0
}

.menu_btn.active i:nth-of-type(2) {
  -webkit-transform: rotate(-225deg) translate(0, 0);
  -moz-transform: rotate(-225deg) translate(0, 0);
  -ms-transform: rotate(-225deg) translate(0, 0);
  -o-transform: rotate(-225deg) translate(0, 0);
  transform: rotate(-225deg) translate(0, 0)
}

.menu_btn:hover i:nth-of-type(3) {
  width: 28px
}

.header {
  transition: all .4s ease 0s;
  width: 100%;
  z-index: 9999;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.header.transparent {
  box-shadow: none
}



.header .hdinner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  position: relative;
  z-index: 999;
  min-height: 80px;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
}


@media (max-width:480px) {
  .header .hdinner {
    width: 92%
  }
}

.header .logo {
  display: block;
  width: 240px;
  height: 80px;
  margin-left: 4%;
  background: url('../images/about_logo.png') no-repeat 0 center
}

@media (max-width:992px) {
  .header .hdinner {
    height: 80px
  }

  .header .logo {
    height: 80px
  }
}

@media (max-width:768px) {

  .header .hd-tool,
  .header .hdinner {
    min-height: auto;
    height: 60px
  }

  .header .logo {
    height: 60px;
    background-size: 80%
  }

}

@media (max-width:480px) {
  .header .logo {
    width: 160px
  }
}

/* .header.transparent:not(:hover){background:url(../images/banner_cover.png) */

/* repeat-x 0 0;background-size:contain} */
/* .header.transparent:not(:hover) .menu_btn i{background:#fff}*/
/* .header.transparent:not(:hover) .logo{background-image:url('../images/logo_f.png')}*/
/*.header.transparent:not(:hover) .pc-menus .tit{color:#fff}
 .header.transparent:not(:hover) .hd-tool{color:#fff}
 .header.transparent:not(:hover) .hd-tool a{color:#fff}*/
/* .header.transparent:not(:hover) .hd-tool .iconfont{color:inherit}*/
.header:not(.transparent)+main {
  margin-top: 80px
}


@media (max-width:768px) {
  .header:not(.transparent)+main {
    margin-top: 60px
  }
}

.hd-tool {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  height: 80px;
  color: #333
}

.hd-tool .hd-language {
  line-height: 80px
}

.hd-tool .icon-down,
.hd-tool .txt {
  font-size: 14px;
  text-transform: uppercase
}

.hd-tool .item {
  display: inline-block;
  padding: 0 .1rem;
  cursor: pointer;
  vertical-align: middle
}

.hd-tool .item .iconfont {
  padding: 0 1px
}

.hd-tool .item:hover {
  color: #00a1e6
}

.hd-tool .item:hover .iconfont {
  color: #00a1e6
}

@media (max-width:768px) {
  .hd-tool {
    height: 60px
  }

  .hd-tool .hd-language {
    line-height: 60px
  }

  .hd-tool .item {
    padding: 0 4px
  }
}

.pc-menus {
  max-width: 980px;
  margin: 0 2rem;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  text-align: left
}

.pc-menus li {
  text-align: center;
  transition: all .4s ease 0s
}

.pc-menus .tit {
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  display: block;
  color: #fff;
  transition: all .4s ease 0s;
  line-height: 80px;
  height: 80px;
  position: relative;
  text-transform: uppercase
}

.pc-menus .tit>.iconfont {
  font-size: 12px;
  margin-left: 5px
}

/*.pc-menus .tit::after{content:'';display:block;
 position:absolute;width:0px;height:0px;border:0 solid transparent;
 border-bottom-color:#00a1e6;left:50%;bottom:0;transform:translateX(-50%);transition:all .4s ease 0s}*/


/* /*
 .pc-menus .tit.active{color:#00a1e6 !important}
 
 .pc-menus li:hover .tit{color:#00a1e6}*/

.pc-menus li:hover .tit::after {
  border-width: .15rem
}

.pc-menus .tit-home.active::after,
.pc-menus li:hover .tit-home::after {
  width: 100%
}

@media (max-width:1400px) {
  .pc-menus .tit {
    font-size: 16px
  }
}

.hd-dropinfo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  width: 100%;
  top: 100%;
  z-index: 555;
  background: #fff;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all .4s ease 0s;
  min-width: 990px;
  max-width: 990px
}

.hd-dropinfo .inners {
  position: relative;
  z-index: 222;
  font-size: 16px;
  display: table;
  width: 100%;
  border-top: 4px solid #00a1e6;
  height: 100%;
  transition: all .4s ease 0s;
  background: #fff
}

.hd-dropinfo .inners>* {
  display: table-cell;
  vertical-align: middle;
  float: none
}

.hd-dropinfo .inners .navs,
.hd-dropinfo .inners .infobox {
  vertical-align: top
}

.hd-dropinfo .inners .navs {
  padding: .34rem 0;
  width: 196px;
  background-color: #f6f6f6
}

.hd-dropinfo .infobox {
  padding: .34rem .46rem .5rem;
  transition: all .4s ease 0s;
  text-align: left
}

.hd-dropinfo .infobox .title {
  font-size: .28rem;
  margin-bottom: .2rem;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center
}

.hd-dropinfo .infobox .title:Hover {
  color: #00a1e6
}

.hd-dropinfo .infobox .title .icon {
  width: .3rem;
  height: .3rem;
  display: block;
  margin-right: 12px
}

.hd-dropinfo .infobox .txt {
  color: #666;
  line-height: 22px;
  height: 66px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-align: left
}

.hd-dropinfo .infobox .v-link {
  margin-top: .5rem;
  font-size: 14px
}

.hd-dropinfo .sub-nav {
  padding-top: .2rem
}

.hd-dropinfo .sub-nav a {
  display: block;
  text-align: left;
  padding-left: 20px;
  position: relative;
  margin-bottom: .1rem;
  transition: all .4s ease 0s;
  color: #00a1e6
}

.hd-dropinfo .sub-nav a::before {
  content: '';
  display: block;
  width: 6px;
  height: 1px;
  background: #00a1e6;
  position: absolute;
  top: 50%;
  z-index: 5;
  left: 0
}

.hd-dropinfo .inners .sub-nav a:hover em {
  border-bottom: 1px solid #00a1e6
}

.hd-dropinfo .inners .sub-nav+.v-link {
  margin-top: .3rem
}

.hd-dropinfo .navs .item {
  line-height: 1.5;
  padding: 10px 36px 10px 22px;
  margin-bottom: 10px;
  opacity: 1;
  transition: all .4s ease 0s;
  text-align: left;
  position: relative;
  display: block;
  white-space: nowrap;
  cursor: pointer;
  border-left: 3px solid transparent
}

.hd-dropinfo .navs .iconfont {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.hd-dropinfo .navs .item.active,
.hd-dropinfo .navs .item:hover {
  background: #fff;
  color: #00a1e6;
  border-left-color: #00a1e6
}

.hd-language {
  position: relative
}

.hd-language::after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 0 solid transparent;
  border-bottom-color: #00a1e6;
  left: 100%;
  margin-left: -34px;
  bottom: 0;
  transition: border .4s ease 0s
}

.hd-language:hover::after {
  border-width: .18rem
}

.hd-language:hover .dropinfo {
  padding: 20px .1rem;
  height: auto;
  border-top: 4px solid #00a1e6
}

.hd-language .dropinfo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: 100%;
  margin-top: -1px;
  width: 2rem;
  background: #fff;
  transition: all .1s ease 0s;
  height: 0;
  overflow: hidden;
  text-transform: uppercase;
  text-align: center
}

.hd-language .dropinfo a {
  display: block;
  line-height: 40px;
  margin-bottom: 10px;
  color: #666;
  text-align: left;
  padding-left: .5rem
}

.hd-language .dropinfo a:hover {
  color: #00a1e6
}

@media (max-width:640px) {
  .hd-language .dropinfo a {
    margin-bottom: 0;
    padding-left: .3rem
  }
}

@media (max-width:640px) {
  .hd-language::after {
    margin-left: -30px
  }
}

.hd-tool-contact {
  margin-right: .16rem;
  height: 80px;
  display: flex;
  align-items: center
}

@media (min-width:1200px) {
  .hd-tool-contact {
    position: relative
  }
}

.hd-tool-contact .tit {
  background: #00a1e6;
  color: #fff;
  height: 40px;
  line-height: 40px;
  border-radius: 2em;
  width: 160px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 1px;
  transition: .4s;
  transition: all .4s ease 0s
}

.hd-tool-contact .tit:hover {
  background: gray(10%)
}

.hd-tool-contact .tit::after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border: 0 solid transparent;
  border-bottom-color: #00a1e6;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  transition: all .4s ease 0s
}

@media (min-width:1200px) {
  .hd-tool-contact .hd-dropinfo {
    right: -10%;
    transform: none;
    left: auto
  }
}

.hd-tool-contact:hover {
  overflow: visible;
  opacity: 1
}

.hd-tool-contact:hover .tit::after {
  border-width: .15rem
}

.hd-tool-contact:hover .hd-dropinfo,
.pc-menus li:hover .hd-dropinfo {
  height: 365px;
  overflow: visible;
  opacity: 1;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1)
}

@media (max-width:1300px) {
  .pc-menus li:hover .navs .item {
    width: 100% !important;
    float: left !important
  }
}

.coverimg {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.coverimg ._bg,
.coverbox ._bg {
  border-radius: 10px;
  display: block;
  width: 100%;
  height: 20vw;
}




.consultimg ._bg {
  /*visibility:hidden;*/
  display: block;
  width: 100%;
  height: 28vw !important;
}

.coverimg .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all .4s ease 0s;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.coverimg:hover .cover {
  transform: scale(1.05)
}

.coverimg.contain {
  background-size: contain
}

main {
  overflow: hidden
}

.m-menus {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 60px;
  right: -100%;
  background: #fff;
  overflow: hidden;
  line-height: 40px;
  font-size: 15px;
  z-index: 999;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

@media (min-width:992px) {
  .m-menus {
    top: 80px
  }
}

.m-menus .inner {
  height: calc(100vh - 50px);
  overflow-y: auto;
  border-top: 1px solid #e3e3e3;
  padding-bottom: 30px
}

.m-menus .hd-tel {
  text-align: center;
  display: block;
  margin: 50px 0 0
}

.m-menus .hd-tel .iconfont {
  font-size: 30px;
  margin-right: 10px;
  color: #000
}

.m-menus a {
  color: #333
}

.m-menus.active {
  right: 0
}

.m-menus ul {
  overflow-y: auto;
  border-bottom: 1px solid #e3e3e3
}

.m-menus .item:not(:first-child) {
  border-top: 1px solid #e3e3e3
}

.m-menus .item {
  cursor: pointer;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  position: relative
}

.m-menus .item .iconfont {
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: #999;
  font-weight: bold;
  transition: .3s
}

.m-menus .item>a,
.m-menus h5 {
  display: block;
  padding: 0 8%;
  line-height: 54px;
  color: #333;
  position: relative;
  font-size: 16px
}

.m-menus h5 a {
  display: block
}

.m-menus h5 {
  text-transform: uppercase
}

.m-menus h5.active>* {
  color: #00a1e6
}

.m-menus .xs-dropinfo {
  display: none;
  background: rgba(0, 0, 0, 0.05);
  padding: 15px 9%;
  font-size: 14px
}

.m-menus .xs-dropinfo a {
  color: #666;
  display: block;
  line-height: 40px
}

.m-menus .trans {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.m-menus .open h5 {
  background: #00a1e6;
  border-top: 0
}

.m-menus .open h5 .iconfont {
  color: #fff
}

.m-menus .open h5 .iconfont::before {
  content: "\e625"
}

.m-menus .open h5>a,
.m-menus .open h5 p {
  font-weight: bold;
  color: #fff !important
}

.m-menus .xs-dropinfo dl.br {
  border-right: 1px solid #ccc
}

.m-menus .hd-tel {
  font-size: 26px;
  font-family: medium;
  color: #666
}

.hd-search-box {
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  padding: 20px 5%;
  display: none;
  border-top: 4px solid #00a1e6
}

.hd-search-box .inner {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: end;
  box-pack: end;
  -webkit-justify-content: end;
  justify-content: end
}

.hd-search-box form {
  border: 1px solid #00a1e6;
  max-width: 500px;
  display: block;
  position: relative;
  border-radius: 3px;
  width: 80%;
  min-width: 500px
}

.hd-search-box .key {
  width: 90%;
  height: 50px;
  line-height: 50px;
  text-indent: 20px;
  display: block
}

.hd-search-box .submit {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid #00a1e6;
  text-align: center;
  width: 50px;
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  color: #00a1e6
}

.hd-search-box .submit .iconfont {
  font-size: 20px
}

.hd-search-box .submit:hover {
  background: #00a1e6;
  color: #fff
}

.hd-search-box .close {
  float: right;
  height: 40px;
  line-height: 42px;
  width: 60px;
  text-align: center;
  font-size: 20px;
  color: #333 !important
}

.hd-search-box .close:hover {
  color: #00a1e6
}

@media (min-width:993px) {
  .hd-search-box {
    top: 80px
  }
}

@media (max-width:768px) {
  .hd-search-box {
    top: 50px
  }

  .hd-search-box .inner {
    float: none;
    width: 100%
  }

  .hd-search-box form {
    min-width: auto;
    width: 90%
  }

  .hd-search-box .close {
    position: relative
  }
}

@media (max-width:480px) {
  .hd-search-box {
    bottom: 0;
    height: auto
  }
}

.pagination {
  text-align: center;
  margin-top: .3rem;
  display: block
}

.pagination.s2 li span,
.pagination.s2 li a {
  border: 1px solid #dedede;
  border-radius: 2px !important
}

.pagination.s2 .active span {
  border: 1px solid #00a1e6 !important
}

.pagination li {
  margin: 0 5px
}

@media (max-width:480px) {
  .pagination li {
    margin: 0 2px
  }

  .pagination li>* {
    padding: 5px 12px
  }
}

.pagination .active>a,
.pagination .active>span,
.pagination .active>a:hover,
.pagination .active>span:hover,
.pagination .active>a:focus,
.pagination .active>span:focus {
  background: #00a1e6;
  color: #fff;
  border: 0
}

.pagination li>a,
.pagination li>span {
  float: none;
  display: inline-block;
  cursor: pointer;
  color: #333;
  border-radius: 0 !important;
  border: 0;
  background: #fdfdfd;
  padding: 10px 15px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999
}

/* .swiper-pagination-bullet{border:1px solid #00a1e6;opacity:1;background:none}*/


.pnext-box .swiper-button-prev,
.pnext-box .swiper-button-next {
  top: 0;
  margin-top: 0
}

.case_pnext-box {
  width: 110px;
  height: 30px;
  margin-top: 60px;
  position: relative;
}

.case_con .swiper-pagination {
  position: unset !important;

  margin-top: 500px;
}

.case_con .swiper-wrapper {
  width: 100%;
  float: left;
}

.case_con .swiper-pagination-bullet {
  display: block !important;
  width: 200px !important;
  height: 40px !important;
  border: none !important;
  border-top: 1px solid #fff !important;
  float: left;
  border-radius: 0 !important;

}

.case_con .swiper-pagination-bullet-active {
  border-top: 1px solid red !important;
  background: transparent;
}

/*.case_con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  	margin:0 0 !important;
  }
 */


.vcrumbs {
  padding: .3rem 0 !important
}

.more2 {
  font-size: 16px;
  text-transform: uppercase;
  background: #00a1e6;
  border-radius: 2em;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 17px;
  display: inline-block;
  font-weight: bold;
  transition: .4s;
  transition: all .4s ease 0s;
  letter-spacing: 1px
}

.more2:hover {
  color: #fff;
  background: #058ac3
}

@media (max-width:1200px) {
  .more2 {
    font-size: 15px
  }
}

@media (max-width:768px) {
  .more2 {
    font-size: 14px;
    height: 36px;
    line-height: 36px
  }
}

@media (max-width:480px) {
  .more2 {
    height: 32px;
    line-height: 32px;
    font-size: 13px
  }
}

.index-banner {
  position: relative;
  height: 9.6rem;
  max-height: 100vh
}

.index-banner .swiper-button-prev {
  left: 3vw
}

.index-banner .swiper-button-next {
  right: 3vw
}

.index-banner .sbtn {
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  transition: .4s;
  transition: all .4s ease 0s
}

.index-banner .sbtn::after {
  font-size: .2rem
}

.swiper-button-prev:after,
.swiper-button-prev2:after,
.swiper-button-prev3:after {
  content: 'prev';
}


.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-next2:after,
.swiper-button-prev2:after,
.swiper-button-prev3:after,
.swiper-button-next3:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}



.swiper-button-next:after,
.swiper-button-next2:after,
.swiper-button-next3:after {
  content: 'next';
}

.swiper-button-next2:after,
.swiper-button-prev2:after {
  font-size: 16px;
  text-align: center;
  color: #000000;
}

.swiper-button-next2:after {
  color: #fff !important;
}




.swiper-button-next3:after,
.swiper-button-prev3:after {
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.swiper-button-next2:hover::after,
.swiper-button-prev2:hover::after {
  color: #fff;
}

.deve_sbtn:hover {
  background: #f0ae41;
  border: 1px solid #f0ae41;
}

.ibanner-box .sbtn:hover {
  background: #af935c
}

.ibanner-box .swiper-pagination-progressbar {
  background: transparent !important;
}

.ibanner-box .swiper-pagination {
  bottom: .5rem;
  left: 47.5%
}

.ibanner-box .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  transition: all .4s ease 0s;
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 6px !important;
  border: 0
}

.ibanner-box .swiper-pagination-bullet-active {
  background: #af935c
}



.ibanner-box .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.ibanner-box .swiper-slide img {
  visibility: hidden;
  width: 100%
}

.ibanner-box .img {
  position: relative
}

.ibanner-box video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0
}

.ibanner-box .content {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translateX(-50%) translateY(-50%);
  bottom: 0;
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 82%;
  max-width: 1600px;
  z-index: 55
}

.ibanner-box .textbox {
  color: #fff;
  width: 40%;
  text-align: left;
  min-width: 660px;
  max-width: 100%
}

@media (max-width:1360px) {
  .index-banner .textbox {
    min-width: 510px
  }
}

@media (max-width:992px) {
  .index-banner .textbox {
    min-width: auto;
    width: 64vw
  }
}

@media (max-width:600px) {
  .index-banner .textbox {
    width: 90vw
  }
}

.index-banner .title {
  font-size: .6rem;
  line-height: 1.1;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding-bottom: 20px;
  display: inline-block;
  margin-bottom: 20px;
  text-transform: uppercase;
  cursor: pointer
}

.index-banner .en {
  font-size: .36rem;
  padding-bottom: .25rem;
  margin-bottom: .25rem;
  line-height: 1.3;
  margin-top: .1rem;
  letter-spacing: 1px
}

.index-banner .en.video_desc {
  font-size: .48rem;
  letter-spacing: 2px;
  font-weight: bold
}

@media (max-width:1360px) {
  .index-banner .en.video_desc {
    font-size: .4rem
  }
}

.index-banner .vmore {
  display: block;
  margin: 0 auto
}

@media (max-width:1680px) {

  /*	.index-banner{height:auto}*/
  .index-banner .swiper-pagination {
    bottom: .3rem
  }
}

@media (max-width:1200px) {
  .index-banner {
    height: 7rem
  }

  .index-banner .title {
    font-size: .5rem;
    margin-bottom: .2rem
  }
}

@media (max-width:768px) {
  .index-banner .swiper-pagination {
    bottom: .1rem
  }

  .index-banner .xsimg {
    width: 100%
  }
}

@media (max-width:640px) {
  .index-banner {
    height: 320px
  }

  .index-banner .swiper-slide {
    overflow: hidden
  }

  .index-banner .title {
    font-size: .4rem;
    margin-bottom: .1rem
  }

  .index-banner .swiper-slide img {
    height: 100%;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
  }

  .index-banner .textbox {
    padding: .3rem .1rem;
    line-height: 34px
  }

  .index-banner .textbox .en {
    font-size: 16px
  }

  .index-banner .textbox h5 {
    font-size: 26px;
    margin-bottom: 0
  }
}

@media (max-width:480px) {
  .index-banner .swiper-pagination-bullet-active {
    border-width: 2px
  }

  .index-banner .en {
    font-size: 14px;
    padding-bottom: 0
  }

  .index-banner .title {
    font-size: 30px
  }
}


.iabout {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  background: #f5f5f5;
  position: relative;
  height: 49vw
}


.iabout::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/map.png) no-repeat;
  background-size: contain;
  z-index: 1
}



.iabout .wrap {
  position: relative;
  z-index: 5
}

/*.iabout .top{margin-left:-0.55rem;margin-right:-0.55rem}
 .iabout .top>*{padding-left:0.55rem;padding-right:0.55rem}*/
.iabout .videobox {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left
}

.iabout .videobox .bg {
  width: 100%;
  display: block
}

.iabout .videobox video {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover
}


.iabout .videobox .ic-play {
  width: 50px;
  height: 50px;
  background-image: url('../images/play.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  z-index: 55;
  cursor: pointer;
  transition: all .4s ease 0s
}




.iabout .videobox .ic-play:hover {
  background-image: url('../images/play2.png')
}

.iabout h2 {
  margin-bottom: 40px
}

.iabout .info {
  /* font-size:16px; */
  color: #666;
  /* line-height:1.8; */
  margin-bottom: 66px;
  /* font-family:sans-serif; */

  font: normal normal 16px/1.8 sans-serif;

}





@media (max-width:992px) {
  .iabout .videobox {
    margin-bottom: .5rem
  }
}

.cdata {
  margin-top: 1.2rem
}

.cdata li {
  position: relative;
  width: 32%;
  padding-right: .5rem;
  text-align: center;
}

.cdata li::after {
  content: '';
  display: block;
  width: 1px;
  height: 80%;
  background-color: #c4c4c4;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%)
}

.cdata li:last-child {
  margin-right: 0
}

.cdata li:last-child::after {
  display: none
}

.cdata b {
  font-size: .3rem;
  line-height: 1.2;
  color: #af935c !important
}

.cdata .desc {
  font-size: 16px;
  color: #999999
}

.cdata i {
  width: .5rem;
  height: .5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

@media (min-width:769px) {
  .cdata {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
  }
}

@media (max-width:1200px) {
  .cdata i {
    right: .2rem;
    width: .4rem
  }

  .cdata b {
    font-size: .5rem
  }
}


@media (max-width:768px) {
  .cdata {
    overflow: hidden
  }

  .cdata li {
    width: 32%;
    float: left;
    margin-bottom: .5rem
  }

  .cdata li::after {
    display: none
  }

  .cdata li i {
    display: block;
    width: .6rem;
    height: .6rem
  }
}

@media (max-width:768px) {
  .cdata {
    border-top: 1px solid #dedede
  }

  .cdata li {
    width: 50%;
    border: 1px solid #dedede;
    padding: .4rem .1rem;
    text-align: center;
    margin: -1px -1px 0 0
  }

  .cdata li b {
    font-size: 36px;
    display: block;
    margin-bottom: 5px
  }

  .cdata li .desc {
    font-size: 14px
  }

  .cdata li:nth-child(2n+1) {
    clear: both
  }

  .cdata li i {
    margin: 0 auto .2rem;
    width: .5rem;
    height: .5rem
  }
}

.ihd {
  font-size: .32rem;
  position: relative;
  padding-bottom: .16rem;
}

.ihd span {
  font-weight: bold
}


.ihd.upper {
  text-transform: uppercase
}


.ihd::after {
  content: '';
  display: block;
  position: absolute;
  width: 60px;
  height: 3px;
  background: #af935c;
  bottom: 0;
  left: 0;
  transition: all .4s ease 0s
}



.ihd:hover::after {
  width: 2rem
}

@media (max-width:640px) {
  .ihd {
    font-size: 22px
  }
}

.ihd.center {
  text-align: center
}

.ihd.center::after {
  left: 50%;
  transform: translateX(-50%);
}

.industries {
  background: #f5f5f5;
  /*padding:1rem 0*/
}

.industries-swiper .hd,
.consult-swiper .hd {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: .6rem
}

.industries-swiper .pnext-box,
.consult-swiper .pnext-box {
  position: relative;
  width: 1.1rem;
  height: .5rem
}


.industries-swiper .pnext-box i {
  font-style: normal;
  width: .5rem;
  height: .5rem;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #00a1e6;
  transition: all .4s ease 0s
}

.industries-swiper .pnext-box i::after {
  font-size: 20px
}

.industries-swiper .pnext-box i:hover {
  background: #00a1e6;
  color: #fff
}

.industries-swiper .pnext-box .swiper-button-prev {
  left: 0
}

.industries-swiper .pnext-box .swiper-button-next {
  right: 0
}

.industries-swiper .swiper-wrapper {
  display: flex;
  align-items: center
}

.industries-swiper li {
  width: 500px
}

.industries-swiper .swiper-slide-active {
  width: 600px
}

@media (max-width:1360px) {
  .industries-swiper li {
    width: 400px
  }

  .industries-swiper .swiper-slide-active {
    width: 500px
  }
}




@media (max-width:992px) {
  .industries-swiper li {
    width: 300px
  }

  .industries-swiper .swiper-slide-active {
    width: 400px
  }
}



.industries-swiper .inner {
  position: relative;
  width: 21.8%;
  height: 20vw;
  float: left;
  color: #fff;
  margin: 0 1.1%;
  transition: .4s;
  transition: all .4s ease 0s;
  transform-style: preserve-3d;
  perspective: 1000px;
  border-radius: 10px;
}

.industries-swiper .coverimg {
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 50, 76, 0.9);
  position: absolute;
  top: 0;
  left: 0;

  z-index: 1;
}

/* .industries-swiper .coverimg::after{
     
    } */
.industries-swiper .coverbox {
  /* position:absolute;
      top:0;
      left:0;
      transform: rotateY(180deg);
      transform-style: preserve-3d; */

}

.industries-swiper .coverbox {
  background-size: cover;
  /* backface-visibility: hidden; */
  text-align: center;
  min-height: 280px;
  height: auto;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  background-position: center center;
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1) 0s, -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1) 0s;
  border-radius: 10px;


}


.industries-swiper .coverimg {
  background-size: cover;
  backface-visibility: hidden;
  text-align: center;
  min-height: 280px;
  height: auto;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  background-position: center center;
  /* transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1) 0s, -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1) 0s; */
  border-radius: 10px;

  opacity: 1;
  transform: translateY(0) rotateX(0);
  transition: all 0.6s ease-in-out 0s;
}











.consult-swiper .inner {
  width: 100% !important;
  border-radius: 5px;
}

.consult-swiper .coverimg {
  transform: rotateY(0);
  transition: all 0.50s ease-in-out 0s;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 50, 76, 0.5);

}

.consult-swiper .coverbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  background-color: rgba(49, 50, 76, 0.9);
  filter: alpha(opacity=80);
  transform: rotateY(90deg);
  transition: all 0.50s ease-in-out 0s;
  overflow: hidden;
}

.consult-swiper .inner:hover .coverimg {
  transform: rotateY(-90deg);
}

.consult-swiper .inner:hover .coverbox {
  transform: rotateY(0);
}







.industries-swiper .inner .tit {
  position: absolute;
  padding: .3rem .3rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(49, 50, 76, 0.4);
  /* transform: translateY(0px) translateZ(60px) scale(0.94); */
  perspective: inherit;
  outline: transparent solid 1px;
  -webkit-perspective: inherit;

}

.industries-swiper .inner .content {
  width: 353px;
  position: absolute;
  padding: 0.3rem 0.3rem;
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 10px;
  /* transform: translateY(0px) translateZ(60px) scale(0.94); */
  background-color: rgba(49, 50, 76, 0.9);
}




.industries-swiper .inner h5 {
  font-size: .24rem;
  margin-bottom: 10px;
  transition: all .4s ease 0s
}

.industries-swiper .inner h5 a {
  color: #fff;
  transition: all .2s ease 0s;
  display: block
}

.industries-swiper .inner h5 a:hover {
  transform: translateX(5px)
}

@media (max-width:1200px) {
  .industries-swiper .inner h5 {
    font-size: 22px
  }
}


.industries-swiper .inner .coverbox {
  position: absolute;
  left: 0;
  top: 0%;
  line-height: .5rem;
  height: 100%;
  border-radius: 8px;
  opacity: 0;
  transition: all 0.60s ease-in-out 0s;
}




/* .industries-swiper .inner .coverbox .content{position:absolute;left:50%;
    transform:translateX(-50%) translateY(-50%);z-index:5;top:58%;width:100%;
    padding:0 .34rem} */

.industries-swiper .inner .txt {
  line-height: 22px;
  font-size: 16px;
  height: 66px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  margin-bottom: .2rem;
  transition: all .4s ease 0s
}

/* .industries-swiper .inner:hover .tit{transform:translateY(100%)}  */


/* .industries-swiper .inner:hover .coverbox{background-color:rgba(49,50,76,0.8);top:0} */


/* .industries-swiper .inner:hover .coverimg,
    .industries-swiper .inner:hover .coverbox{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    }

    .industries-swiper .inner:hover .coverimg{
      -webkit-transform: rotateY(-180deg);
              transform: rotateY(-180deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
    }
    
    .industries-swiper .inner:hover .coverbox{
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
    } */


.industries-swiper .inner:hover .coverimg {
  transform: translateY(-100%) rotateX(90deg);
  transform-origin: center bottom 0;
  opacity: 0;
}

.industries-swiper .inner:hover .coverbox {
  opacity: 1;
}












.projectcase {
  margin-top: 60px;
  position: relative;
  overflow: hidden
}

.projectcase_box {
  height: 38vw;
  width: 100%;
  background-image: url(../images/pro_case_0.jpg);
  background-size: 100% 100%;
  margin-top: 60px;
}


.projectcase_box .swiper-button-next,
.projectcase_box .swiper-button-prev {
  top: 56% !important;
}

.projectcase_box .swiper-button-prev {
  left: 10% !important;
}

.projectcase_box .swiper-button-next {
  left: 13% !important;
}

figure {
  background: #fff;
  border-radius: 50%;
}


.slide_progress {
  width: 90%;
  height: 40px;
  /*   	border:1px solid red;*/
  margin-top: 100px;
}

.slide_progress li {
  width: 16.6%;
  float: left;
  height: 48px;
  border-top: 4px solid #9091a0;
  line-height: 48px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.slide_progress li img {
  display: none;
}

.slide_progress li:hover img {
  display: inline-block;
}


.progress_active {
  border-top: 4px solid #af935c !important;
}



.videobox_col {
  width: 36% !important;
  height: 26vw !important;
}

.videobox_text {
  width: 59% !important;
  margin-left: 5%;
}






.case_con {
  width: 100%;
  height: 100%;
  background-color: rgba(50, 52, 79, 0.8);
  color: #fff;
  position: relative;
}

.case_con_center {
  width: 80%;
  height: 100%;
  border: 1px solid red;
  margin: 0 auto;
}

.case_con_left {
  width: 28%;
  height: 60%;
  float: Left;

}

.projectcase_title {
  height: 36px;
  font-size: 36px;

  font-weight: bold;
  color: #FFFFFF;
  line-height: 30px;
  /* margin-top:100px; */
}

.case_text {
  height: 18px;
  font-size: 18px;

  font-weight: 400;
  color: #FFFFFF;
  line-height: 43px;
  margin-top: 20px;
}

.case_learnmore {
  width: 140px;
  height: 48px;
  border: 1px solid #FFFFFF;
  border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  margin-top: 66px;
}


.swiper-button-prev4 {
  width: 52px;
  height: 30px;
  background-image: url(../images/left-grey.png);
  position: absolute;
  left: 10%;
  top: 21vw;
  z-index: 100;
}

.swiper-button-next4 {
  position: absolute;
  left: 13%;
  top: 21vw;
  width: 52px;
  height: 30px;
  background-image: url(../images/right.png);
  z-index: 100;
}

.swiper-button-prev4:hover {
  background-image: url(../images/left.png);
}

.swiper-button-prev3,
.swiper-button-next3 {
  position: absolute;
  right: 13%;
  top: 5px;
  width: 52px;
  height: 36px;
  background: #cccccc;
  color: #fff;
  transition: .4s;
  transition: all .4s ease 0s;
  border: 1px solid #cfcfcf;
  align-items: center;
  justify-content: center;
  display: flex;

}

.swiper-button-next3 {
  position: absolute;
  right: 10%;
  top: 5px;
  background: #af935c;
}

.swiper-button-prev3:hover {
  background: #af935c;
}






.infor_title {
  width: 100%;
  text-align: center;
  height: 28px;
  font-size: 28px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 37px;
  margin-top: 136px;
}

.content .infor_title {
  color: #af935c;
}

.infor_title::after {
  width: 10%;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 45%;
  top: 190px;

  transform: translateY(-50%);
  content: '';
  z-index: 5;
}

.content .infor_title::after {
  background: #af935c;
}

.igoods_title::after,
.develop_history_title::after {
  width: 2%;
  height: 4px;
  background: #af935c;
  position: absolute;
  left: 49%;
  top: 60px;
  transform: translateY(-50%);
  content: '';
  z-index: 5;
}

.develop_history_title::after {
  top: 110px;
}

.infor_txt {
  width: 90%;
  height: 60px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 37px;
  margin: 0 auto;
  margin-top: 40px;
}

.infor_txt_more {
  width: 118px;
  height: 38px;
  border: 1px solid #FFFFFF;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 38px;
  text-align: center;
  margin-top: 100px;
  border-radius: 20px;
}

.infor_txt_more a {
  color: #fff;
}

.content .infor_txt_more {
  background: #af935c;
  border: 1px solid #af935c;
}




.consult-swiper .inner .tit {
  /* position: absolute;
	    padding:0;
	    top: 20%;
	    left: 0;
	    z-index: 2; */
  width: 100%;
}

.consult-swiper .inner .coverbox .content {
  /* top:20%;padding:0; */
  /* transform: translateX(-50%) translateY(0%);	 */
}




.projectname {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: left;
  margin-top: 120px;
  height: 60px;
  /*	font-weight:bold;*/
}

.proname {
  text-align: left;
  font-size: 20px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 30px;
  background: linear-gradient(270deg, #E28E35 0%, #FBC84A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 40px;
  height: 60px;
}

.pro_introduce {
  font-size: 12px;
  height: 140px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 18px;
  margin-top: 20px;
  text-align: left;
  width: 100%;
}

.amount_num {
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 100px;
  text-align: left;
}

.coverbox .amount_num {
  margin-top: 20px !important;
}

.amount_text {
  font-size: 12px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 18px;
  text-align: left;
}


.develop_history_box .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: rgba(59,56,81,0.8); */
  background-image: linear-gradient(to top, rgba(59, 56, 81, 0), rgba(59, 56, 81, 0.7));
  left: 0;
  top: 0;
  z-index: 1;
  transition: all .4s ease 0s;
  border-radius: 8px;
}

canvas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50% !important;
  z-index: 1
}

.ipress .wrap {
  position: relative;
  z-index: 555
}

.ipress .ihd {
  margin-bottom: 2rem
}

/*客服*/
.right-a2 {
  width: 50px;
  /* height:146px; */
  background: #fff;
  border-radius: 5px;
  position: fixed;
  top: auto;
  bottom: 100px;
  right: 10px;
  z-index: 7;
  display: none;
  border-radius: 50px;
  box-shadow: 0px 0px 6px 2px #e3e3e5;
}

.right-a2::after {
  width: 70%;
  height: 1px;
  background: #f3f3f3;
  position: absolute;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  z-index: 8;

}

.right1-a1 {
  width: 105px;
  height: 120px;
  position: fixed;
  top: auto;
  bottom: 50px;
  right: -35px;
  z-index: 7;
  transition: 0.5s;
  display: block;
  display: none;
  opacity: 1 !important;
}

.right1-a1:hover {

  right: -10px;

  transition: 0.5s;

  z-index: 8;

}

.right1-a2 {

  width: 97px;

  height: 114px;


  transform: rotate(-30deg);

  transition: 0.5s;

}

.right1-a2 div {

  width: 125px;

  height: 137px;

  position: absolute;

  top: -11px;

  left: -11px;

}

.right1-a1:hover .right1-a2 {

  transform: rotate(0deg);

  transition: 0.5s;

}

.right1-a3 {

  width: 260px;

  height: 78px;

  border-radius: 30px 30px 0 30px;

  background: #32334F;

  padding: 9px 16px 0 34px;

  font-size: 16px;

  line-height: 30px;

  color: #fff;

  font-weight: bold;

  position: absolute;

  top: 0px;

  right: 120%;

  transform: rotateX(90deg);

  transition: 0.5s;
  z-index: 100;

}

.right1-a1:hover .right1-a3 {

  transform: rotateX(0deg);

  transition: 0.5s;

}








/*发展历程*/
.develop_history_box {
  width: 100%;
  height: 49vw;
  position: relative;
  margin-top: 60px;
}

.develop_history_head {
  width: 100%;
  height: 21vw;
}

.develop_history_title {
  height: 40px;
  font-size: 40px;
  font-weight: bold;
  color: #333333;
  line-height: 30px;
  text-align: center;
  padding-top: 60px;
}

.develop_history_year {
  width: 77%;
  height: 8vw;
  margin: 0 auto;
  position: relative;
  margin-top: 4vw;
}

.develop_history_year::after {
  width: 100%;
  height: 1px;
  background: #eeeeee;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  z-index: 0;
}

.year_list_box {
  width: 100%;
  margin-left: 0px;
}

.year_list {
  width: 66px;
  position: relative;
  z-index: 22;
  float: left;
  margin-left: 136px;
}

.year_list_box .year_list:first-child {
  margin-left: 210px !important;
}




.year_list .year_list_num {
  margin-top: 34px;
  color: #959595;
}

.year_list_active .year_list_num {
  height: 40px;
  font-size: 24px;
  font-weight: bold;
  color: #F0AE41;
  /*	line-height: 40px;*/
  margin-top: 0px !important;
}

.year_list .year_list_icon {
  margin-top: 12px;
}

.swiper-button-prev2 {
  position: absolute;
  left: 0;
  top: 40%;
  z-index: 25;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  transition: .4s;
  transition: all .4s ease 0s;
  border: 1px solid #cfcfcf;
  align-items: center;
  justify-content: center;
  display: flex;

}

.swiper-button-next2 {
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 25;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #f0ae41;
  color: #fff;
  transition: .4s;
  transition: all .4s ease 0s;
  border: 1px solid #f0ae41;
  align-items: center;
  justify-content: center;
  display: flex;
}





.year_list_icon {
  width: 66px;
  height: 66px;
  background: url(../images/circle-1.png) no-repeat;
}

.year_list_active .year_list_icon {
  margin-top: 0px !important;
  width: 66px;
  height: 66px;
  background: url(../images/circlr.png) no-repeat !important;
}

.year_title {
  margin: 0 auto;
  position: absolute;
  z-index: 2;
  left: 45%;
  top: 40px;

}

.year_title_txt2 {
  width: 100%;
  height: 16px;
  font-size: 16px;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 30px;
  position: absolute;
  z-index: 2;
  text-align: center;
  left: 0%;
  top: 80px;

}

.year_title p {
  float: left;
}

.year_title_txt {
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 30px;
  padding: 0 10px;
}

.year_title_icon {
  margin-top: 6px;
}

.year_inforbox {
  width: 72%;
  margin: 0 auto;
  margin-top: 10vw;
  position: absolute;
  top: 5%;
  left: 14%;
  z-index: 2;
}

.year_inforbox_list {
  width: 30%;
  height: 198px;
  background: rgb(0, 0, 0, 0.6);
  border-radius: 8px;
  float: left;
  margin-left: 3%;
}

.year_inforbox_list:first-child {
  margin-left: 1.7%;
}

.year_inforbox_con {
  position: absolute;
  z-index: 2;
}

.serial_number {
  width: 49px;
  height: 34px;
  font-size: 42px;
  font-weight: bold;
  font-style: italic;
  color: #FFFFFF;
  line-height: 30px;
  float: left;
  margin-top: 50px;
  margin-left: 50px;
}

.serial_text {
  float: left;
  margin-left: 20px;
  margin-top: 40px;
  margin-left: 30px;
}

.serial_tit {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 30px;
  letter-spacing: 2px;
}

.serial_tit2 {
  width: 248px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
  letter-spacing: 1px;
  margin-top: 8px;
}









/*媒体资讯*/
.consult_box,
.prospect_box {
  width: 100%;
  height: 940px;
  height: 49vw;
  position: relative;
}


/*bim前景*/
.prospect_con {
  width: 94%;
  height: 100%;
  margin-left: 10%;
}

.prospect_con_left,
.prospect_con_right {
  width: 38%;
  height: 100%;
  float: left;
}

.prospect_con_right {
  width: 46%;
  height: 100%;
  float: left;
}




.industry_plan {
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 37px;
  margin-top: 40%;
}

.prospect_tit {
  font-size: 58px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 90px;
  margin-top: 40px;
}

.prospect_intro_1 {
  margin-top: 40px;
}

.introduction_tit {
  width: 98%;
  /* height:40px; */
  border-bottom: 1px solid #fff;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 28px;
}

.introduction_tit a {
  color: #FFFFFF;
}

.introduction_tit a:hover {
  color: #4e55e4;
}




.introduction_tit2 {
  width: 100%;
  height: 30px;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 30px;
  margin-top: 10px;
}

.introduction_txt {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
  margin-top: 10px;
}

/*合作企业*/

@media only screen and (max-width: 1920px) and (min-width: 1600px) {

  .ind6-a1 {

    width: 100%;

    padding-bottom: 80px;

    /*    margin-top: -80px;*/

    position: relative;

    overflow: hidden;

    background: #f6f6f6;

  }

  .ind6-a1::after {

    width: 100%;

    /* height: 45%; */

    position: absolute;

    right: 0;

    bottom: 0;

    content: '';

    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    z-index: 1;

    pointer-events: none;

  }

  .ind6-a2 {

    width: 100%;

    padding: 0;

    position: relative;

    perspective: 1000;

    -webkit-perspective: 1000;

  }

  .ind6-a3 {

    display: flex;

    position: relative;

    flex-wrap: wrap;

    transform: perspective(1000px) rotateX(52deg);

    transform-style: preserve-3d;
    margin-top: -80px;

  }

  .ind6-a4 {

    width: 13%;

    margin-right: 1.5%;

    height: 0;

    padding-bottom: calc(13%/245*130);

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid #eee;

    border-radius: 5px;

    overflow: hidden;

    -webkit-transition: all 0.5s;

  }

  .ind6-a4:nth-child(7n) {

    margin-right: 0%;

  }

  .ind6-a4:hover {

    transform: translateZ(20px);

  }

  .ind6-a5 {

    background: center center no-repeat;

    background-size: cover;

  }

}



@media only screen and (max-width: 1599px) and (min-width: 1400px) {

  .ind6-a1 {

    width: 100%;

    padding-bottom: 80px;

    margin-top: -80px;

    position: relative;

    overflow: hidden;

    background: #f6f6f6;

  }

  .ind6-a1::after {

    width: 100%;

    height: 45%;

    position: absolute;

    right: 0;

    bottom: 0;

    content: '';

    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    z-index: 1;

    pointer-events: none;

  }

  .ind6-a2 {

    width: 100%;

    padding: 0;

    position: relative;

    perspective: 1000;

    -webkit-perspective: 1000;

  }

  .ind6-a3 {

    display: flex;

    position: relative;

    flex-wrap: wrap;

    transform: perspective(1000px) rotateX(52deg);

    transform-style: preserve-3d;

  }

  .ind6-a4 {

    width: 13%;

    margin-right: 1.5%;

    height: 0;

    padding-bottom: calc(13%/245*130);

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid #eee;

    border-radius: 5px;

    overflow: hidden;

    -webkit-transition: all 0.5s;

  }

  .ind6-a4:nth-child(7n) {

    margin-right: 0%;

  }

  .ind6-a4:hover {

    transform: translateZ(20px);

  }

  .ind6-a5 {

    background: center center no-repeat;

    background-size: cover;

  }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

  .ind6-a1 {

    width: 100%;

    padding-bottom: 80px;

    margin-top: -80px;

    position: relative;

    overflow: hidden;

    background: #f6f6f6;

  }

  .ind6-a1::after {

    width: 100%;

    height: 45%;

    position: absolute;

    right: 0;

    bottom: 0;

    content: '';

    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    z-index: 1;

    pointer-events: none;

  }

  .ind6-a2 {

    width: 100%;

    padding: 0;

    position: relative;

    perspective: 1000;

    -webkit-perspective: 1000;

  }

  .ind6-a3 {

    display: flex;

    position: relative;

    flex-wrap: wrap;

    transform: perspective(1000px) rotateX(52deg);

    transform-style: preserve-3d;

  }

  .ind6-a4 {

    width: 13%;

    margin-right: 1.5%;

    height: 0;

    padding-bottom: calc(13%/245*130);

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid #eee;

    border-radius: 5px;

    overflow: hidden;

    -webkit-transition: all 0.5s;

  }

  .ind6-a4:nth-child(7n) {

    margin-right: 0%;

  }

  .ind6-a4:hover {

    transform: translateZ(20px);

  }

  .ind6-a5 {

    background: center center no-repeat;

    background-size: cover;

  }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

  .ind6-a1 {

    width: 100%;

    padding-bottom: 80px;

    margin-top: -80px;

    position: relative;

    overflow: hidden;

    background: #f6f6f6;

  }

  .ind6-a1::after {

    width: 100%;

    height: 45%;

    position: absolute;

    right: 0;

    bottom: 0;

    content: '';

    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    z-index: 1;

    pointer-events: none;

  }

  .ind6-a2 {

    width: 100%;

    padding: 0;

    position: relative;

    perspective: 1000;

    -webkit-perspective: 1000;

  }

  .ind6-a3 {

    display: flex;

    position: relative;

    flex-wrap: wrap;

    transform: perspective(1000px) rotateX(52deg);

    transform-style: preserve-3d;

  }

  .ind6-a4 {

    width: 13%;

    margin-right: 1.5%;

    height: 0;

    padding-bottom: calc(13%/245*130);

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid #eee;

    border-radius: 5px;

    overflow: hidden;

    -webkit-transition: all 0.5s;

  }

  .ind6-a4:nth-child(7n) {

    margin-right: 0%;

  }

  .ind6-a4:hover {

    transform: translateZ(20px);

  }

  .ind6-a5 {

    background: center center no-repeat;

    background-size: cover;

  }

}


@keyframes ind666 {
  0% {
    transform: translateZ(0px);
  }

  50% {
    transform: translateZ(20px);
  }

  100% {
    transform: translateZ(0px);
  }
}

.ind6-a4:nth-child(1) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.583629850744975s;
}

.ind6-a4:nth-child(2) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.636640124933237s;
}

.ind6-a4:nth-child(3) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.3415892575310622s;
}

.ind6-a4:nth-child(4) {
  animation: ind666 linear 4s infinite;
  animation-delay: -2.1592213945914214s;
}

.ind6-a4:nth-child(5) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.812456332286752s;
}

.ind6-a4:nth-child(6) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.761445778337417s;
}

.ind6-a4:nth-child(7) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.4740311448861378s;
}

.ind6-a4:nth-child(8) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.3597797042163995s;
}

.ind6-a4:nth-child(9) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.0055658985744014s;
}

.ind6-a4:nth-child(10) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.9179019590600355s;
}

.ind6-a4:nth-child(11) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.026364436914257s;
}

.ind6-a4:nth-child(12) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.821782617898635s;
}

.ind6-a4:nth-child(13) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.9411883522668303s;
}

.ind6-a4:nth-child(14) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.6709697886051078s;
}

.ind6-a4:nth-child(15) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.0926285146328505s;
}

.ind6-a4:nth-child(16) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.5688435053121568s;
}

.ind6-a4:nth-child(17) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.4607250633915374s;
}

.ind6-a4:nth-child(18) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.198819141151179s;
}

.ind6-a4:nth-child(19) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.503310892640034s;
}

.ind6-a4:nth-child(20) {
  animation: ind666 linear 4s infinite;
  animation-delay: -2.0989392601940757s;
}

.ind6-a4:nth-child(21) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.645072607642482s;
}

.ind6-a4:nth-child(22) {
  animation: ind666 linear 4s infinite;
  animation-delay: -2.0460234543970746s;
}

.ind6-a4:nth-child(23) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.6653057358842522s;
}

.ind6-a4:nth-child(24) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.9619905165684051s;
}

.ind6-a4:nth-child(25) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.543627600765796s;
}

.ind6-a4:nth-child(26) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.6773664727978881s;
}

.ind6-a4:nth-child(27) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.3555055248111065s;
}

.ind6-a4:nth-child(28) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.4946053665972068s;
}

.ind6-a4:nth-child(29) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.6704873508861118s;
}

.ind6-a4:nth-child(30) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.944176333286312s;
}

.ind6-a4:nth-child(31) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.742350326900147s;
}

.ind6-a4:nth-child(32) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.3905700651291744s;
}

.ind6-a4:nth-child(33) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.7581577449455175s;
}

.ind6-a4:nth-child(34) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.033386786190248s;
}

.ind6-a4:nth-child(35) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.2567125014841585s;
}

.ind6-a4:nth-child(36) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.9918442614476062s;
}

.ind6-a4:nth-child(37) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.2375333907862922s;
}

.ind6-a4:nth-child(38) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.7620601664275215s;
}

.ind6-a4:nth-child(39) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.3862342374502363s;
}

.ind6-a4:nth-child(40) {
  animation: ind666 linear 4s infinite;
  animation-delay: -1.9401997706297722s;
}

.ind6-a4:nth-child(41) {
  animation: ind666 linear 4s infinite;
  animation-delay: -3.5766836413823935s;
}

.ind6-a4:nth-child(42) {
  animation: ind666 linear 4s infinite;
  animation-delay: -0.15812519724330265s;
}
















/*.year_list_icon img{
    	line-height:66px;
    }*/











@media (max-width:992px) {
  .ipress .ihd {
    margin-bottom: 1rem
  }
}

@media (max-width:768px) {
  .ipress .ihd {
    margin-bottom: .5rem
  }
}

.press-list {
  margin-left: -0.12rem;
  margin-right: -0.12rem
}

.press-list>* {
  padding-left: .12rem;
  padding-right: .12rem
}

.press-list.s2 {
  margin-left: -0.3rem;
  margin-right: -0.3rem
}

.press-list.s2>* {
  padding-left: .3rem;
  padding-right: .3rem
}

@media (max-width:1200px) {
  .press-list.s2 {
    margin-left: -0.12rem;
    margin-right: -0.12rem
  }

  .press-list.s2>* {
    padding-left: .12rem;
    padding-right: .12rem
  }
}

.press-list li {
  margin-bottom: .3rem
}

@media (max-width:992px) {}


.press-item {
  margin-bottom: .24rem
}

\n .press-item .inner {
  border: 1px solid #e5e5e5;
  background: #fff
}

.press-item .inner:hover {
  box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.1)
}

.press-item .inner:hover .rbtn2 {
  background: #00a1e6
}

.press-item .inner:hover .rbtn2 i {
  animation: downico 1.5s ease-out infinite;
  background-image: url('../images/arr.png');
}

.press-item .content {
  padding: .3rem .24rem .42rem;
  position: relative;
  overflow: hidden
}

.press-item .content .info {
  height: 87px
}

@media (max-width:640px) {
  .press-item .content .info {
    height: auto
  }
}

@media (max-width:1200px) {
  .press-item .content {
    padding: .3rem .24rem .4rem
  }
}

.press-item .content .title {
  font-size: 24px;
  line-height: 26px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 52px;
  margin-bottom: 22px
}

.press-item .content .title:hover {
  color: #00a1e6
}

@media (max-width:1200px) {
  .press-item .content .title {
    font-size: 20px;
    line-height: 24px;
    max-height: 48px
  }
}

.press-item .info .data .time {
  color: #999;
  text-transform: uppercase
}

.press-item .info .data .tag {
  color: #00a1e6;
  display: inline-block;
  padding-right: .1rem
}

.press-item .more2 {
  margin-top: .3rem
}

@media (max-width:1360px) {
  .press-item .more2 {
    margin-top: .26rem
  }
}

@media (max-width:640px) {
  .press-item .more2 {
    float: right
  }
}

@media (max-width:640px) {
  .swiper-slide .pree-item .info {
    height: 87px !important
  }
}

@media (max-width:768px) {
  .updates-swiper .linkbtn .more2 {
    float: none !important
  }

  .updates-swiper .info {
    height: 126px
  }

  .updates-swiper .info .title {
    font-size: 18px;
    line-height: 22px;
    max-height: 44px
  }
}


@media (max-width:768px) and (max-width:640px) {
  .updates-swiper .info {
    height: 87px !important
  }
}

.ft_contact {
  background: url('../images/contactbg.jpg') no-repeat center center;
  background-size: cover;
  padding: 1.6rem 0 2rem;
  position: relative;
  z-index: 55;
  text-align: center;
  color: #fff
}

@media (max-width:480px) {
  .ft_contact {
    padding: 1.6rem 0
  }
}

.ft_contact .ihd {
  margin-bottom: .45rem;
  text-transform: uppercase;
  letter-spacing: 2px
}

.ft_contact .info {
  font-size: 18px;
  line-height: 1.8;
  max-width: 780px;
  margin: 0 auto .6rem
}

@media (max-width:640px) {
  .ft_contact .info {
    font-size: 16px
  }
}

@media (min-width:992px) {
  .ft_contact .info {
    width: 80%
  }
}

.icontact {
  background: url('../images/contactbg.jpg') no-repeat center center;
  background-size: cover;
  padding: 1.08rem 0;
  position: relative;
  z-index: 55
}

.icontact input::-webkit-input-placeholder,
.icontact textarea::-webkit-input-placeholder {
  color: #fff
}

.icontact input:-moz-placeholder,
.icontact textarea:-moz-placeholder {
  color: #fff
}

.icontact input::-moz-placeholder,
.icontact textarea::-moz-placeholder {
  color: #fff
}

.icontact input:-ms-input-placeholder,
.icontact textarea:-ms-input-placeholder {
  color: #fff
}

.icontact .mail {
  color: #fff
}

.icontact .mail:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}


@media (min-width:992px) {
  .icontact .row {
    margin-left: -0.73rem;
    margin-right: -0.73rem;
    display: table;
    width: 100%
  }

  .icontact .row>* {
    padding-left: .73rem;
    padding-right: .73rem
  }

  .icontact .row>* {
    display: table-cell;
    vertical-align: middle;
    float: none
  }
}


@media (min-width:992px) and (max-width:1200px) {
  .icontact .row {
    margin-left: -0.3rem;
    margin-right: -0.3rem
  }

  .icontact .row>* {
    padding-left: .3rem;
    padding-right: .3rem
  }
}

.icontact .formbox {
  background: rgba(255, 255, 255, 0.1);
  padding: .5rem;
  color: #fff
}

.icontact .formbox h3 {
  font-size: .36rem
}

.icontact .formbox .txt {
  line-height: 1.5;
  margin: .1rem 0 .26rem;
  opacity: .6
}

.icontact form textarea,
.icontact form input {
  border: 0;
  border-bottom: 2px solid #bbb;
  cursor: default !important;
  padding: .3rem 0;
  color: #fff;
  background-color: transparent;
  resize: none
}

.icontact form .submit {
  background: #00a1e6;
  border-radius: 2em;
  color: #fff;
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: .32rem;
  cursor: pointer;
  transition: .4s;
  transition: all .4s ease 0s
}

.icontact form .submit:hover {
  width: 160px
}

.icontact form .cell {
  position: relative
}

.icontact form .cell .required {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  left: 0;
  color: #ff0000
}

.icontact form textarea,
.icontact form input {
  position: relative;
  padding-left: 16px
}

.icontact form textarea {
  padding: .2rem 0 .2rem 16px
}

.icontact form input::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  background: #00a1e6;
  left: 0;
  bottom: 0;
  transition: all .4s ease 0s
}

.icontact form textarea:focus,
.icontact form input:focus {
  border-bottom: 2px solid #00a1e6 !important
}

.icontact .address {
  color: #fff
}

.icontact .address .ihd {
  margin-bottom: 1rem
}

.icontact .address h4 {
  font-size: 24px
}

.icontact .info {
  font-size: 18px
}

.icontact .info p {
  margin-top: 26px;
  padding-left: 36px;
  position: relative
}

.icontact .info i {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0
}

.icontact .info .ic-addr {
  background-image: url('../images/ic_lx_1.png')
}

.icontact .info .ic-tel {
  background-image: url('../images/ic_lx_2.png')
}

.icontact .info .ic-email {
  background-image: url('../images/ic_lx_3.png')
}

@media (max-width:992px) {
  .icontact .formbox {
    margin-bottom: .6rem
  }

  .icontact .address h4 {
    font-size: 20px
  }

  .icontact .address .ihd {
    margin-bottom: .5rem
  }

  .icontact .address .info {
    font-size: 16px
  }

  .icontact .address .info p {
    padding-left: 32px
  }

  .icontact .address i {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center
  }
}

@media (max-width:768px) {
  .icontact form input {
    padding-top: .4rem;
    padding-bottom: .4rem
  }
}


.igoods .id {
  color: transparent;
  line-height: 1;
  z-index: 2;
  width: 1.4rem;
  height: 1.1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

.igoods .id.id1 {
  background-image: url('../images/no_01.png')
}

.igoods .id.id2 {
  background-image: url('../images/no_02.png')
}

.igoods .id.id3 {
  background-image: url('../images/no_03.png')
}

@media (min-width:992px) {
  .igoods ul {

    width: 80%;

    margin: 0 auto;
    /*display:-webkit-flex;
 	display:flex;
 	display:-webkit-box;display:box;*/
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
  }

  .igoods li {
    width: 25%;
    height: 20.5vw;
    transition: all .4s ease 0s;
    overflow: hidden;
    position: relative;
    border: 1px solid #fff;
    float: left;
    margin-top: 1.5vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px
  }

  .igoods li::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.4;
    transition: all .4s ease 0s
  }

  .igoods li .info {
    color: #fff;
    width: calc(100% - 60px);
    position: absolute;
    left: 0%;
    top: 0%;
    transition: .8s;
    z-index: 5;
    transform: translateX(30px) translateY(58px) scale(1);
  }

  .igoods li .info .info_title {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 37px;
  }

  .igoods li .info .info_text {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 37px;
  }


  .igoods li .cover .cover_title {
    font-size: 26px;
    font-weight: bold;
    color: #AF935C;
    line-height: 37px;
    margin-top: 58px;
    margin-left: 30px;
  }

  .igoods li .cover .cover_text {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 10px;
    margin-left: 30px;
    width: calc(100% - 60px)
  }

  .igoods li .cover .cover_img {
    position: absolute;
    bottom: 40px;
    right: 40px;
  }

  /*底部*/
  .foot_box {
    width: 100%;
    height: 418px;
    background: url('../images/bg-bottom.jpg');
    letter-spacing: 0px;
  }

  .foot_con {
    width: 82%;
    height: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #303852;
  }

  .foot_con_left {
    width: 75%;
    float: left;
    margin-top: 70px;
  }

  .foot_con_right {
    width: 22%;
    float: right;
    margin-top: 70px;
  }

  .foot_con_left ul:first-child {
    margin-left: 0px;
  }

  .foot_con_left ul li:first-child {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 30px;
    letter-spacing: 2px;
  }

  .foot_con_left ul {
    float: left;
    margin-left: 120px;
  }

  .foot_con_left ul li {
    height: 13px;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 30px;
    color: #9c9ca1;
  }

  .foot_con_left ul li a {
    color: #9c9ca1;
  }

  .foot_con_left ul li:hover a {
    color: #fff;
  }

  .vs_code {
    width: 60px;
    height: 40px;
    background: #373748;
    background-image: url(../images/weixin.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-left: 20px;
    border-radius: 5px;
    position: relative;
  }

  .vs_code2 {
    background-image: url(../images/Bz-1.png);
  }

  .vs_code3 {
    background-image: url(../images/DY.png);
  }

  .vs_code4 {
    background-image: url(../images/SP.png);
  }

  .wechat_codebox {
    height: 100px;
    width: 86px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: 2;
    top: 60px;
    left: -10px;
    display: none;
  }

  .code_txt {
    text-align: center;
  }

  .vs_code:hover {
    background: #fff;
    background-image: url(../images/weixin-1.png);
    background-repeat: no-repeat;
    background-position: center;
  }

  .vs_code2:hover {
    background-image: url(../images/Bz.png);
  }

  .vs_code3:hover {
    background-image: url(../images/DY-1.png);
  }

  .vs_code4:hover {
    background-image: url(../images/SP-1.png);
  }







  .vs_code:hover .wechat_codebox {
    display: block;

  }

  .qrcode {
    width: 100%;
  }

  /* .ov1,.ov2{position:absolute;left:48%;overflow:hidden;width:0;height:0;border-left:6px dotted transparent;border-right:6px dotted transparent;
    border-top:6px solid transparent;} */
  .ov1 {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #f5f5f5;
    position: absolute;
    left: 40%;
    top: -16px;
  }

  /* .ov2{bottom:-5px;border-top-color:#f3f3f3;} */

  .bottom_logo {
    width: 90px;
    height: 60px;
    float: right;
    margin-top: 110px;
    margin-right: 10px;

  }

  .bottom_logo img {
    /* width: 80px;
    height: 54px; */
  }

  .recordNo {
    width: 100%;
    height: 38px;
    font-size: 12px;
    font-weight: 400;
    color: #575A60;
    line-height: 38px;
    text-align: center;
  }

  .recordNo_text span {
    margin-left: 10px;
    color: #84868B;
  }

  .icphome {
    color: #84868B;
  }

  .icphome:hover {
    text-decoration: underline !important;
  }

  .codelist img {
    width: 76px;
    height: 76px;
    text-align: center;
    /* margin-top:4px;
        margin-left:4px; */
  }


  .tiktokcode {
    width: 173px;
    left: 58px;
    left: -40px;
  }

  .codelist {
    width: 78px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #303133;
  }












  .igoods li .info h3 {
    position: relative;
    z-index: 5
  }

  .igoods li .title,
  .igoods li h3 {
    font-size: 30px;
    color: #fff;
    display: block;
    transition: .4s;
    transition: all .4s ease 0s
  }

  .igoods li .title:hover {
    transform: translateX(10px)
  }

  .igoods li .id {
    font-size: 1.4rem;
    color: transparent;
    position: absolute;
    left: -0.7rem;
    bottom: 60%
  }

  .igoods .cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transition: all .4s ease 0s;
    transition-delay: 0.1s;
    z-index: 5
  }



  .igoods li.core_1 {
    width: 57%;
  }

  .igoods li.core_2 {
    width: 41%;
    margin-left: 2%;
  }

  .igoods li.core_3 {
    width: 32%;
    margin-left: 2%;
  }

  .igoods li.core_3:nth-child(3) {
    margin-left: 0;
  }

  /* .igoods .active{width:50%}*/
  .igoods .active::after {
    opacity: 0
  }

  .igoods .active .cover {
    transform: translateY(-100%)
  }

  .igoods .active .info {
    transform: scale(0)
  }
}




@media (min-width:992px) and (max-width:1360px) {

  .igoods li .title,
  .igoods li h3 {
    font-size: 26px
  }

  .igoods li .id {
    font-size: 1.2rem
  }

  .igoods li .desc {
    font-size: 16px
  }
}




.igoods .cover {
  width: 100%;
  height: 100%;
  background-color: rgba(50, 52, 79, 0.8);
  color: #fff
}

.igoods .cover .desc {
  font-size: 18px;
  margin: 20px 0;
  line-height: 24px;
  max-height: 72px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3
}

.igoods {
  margin-top: 40px;
  position: relative;
}

@media (max-width:991px) {
  .igoods {
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: .4rem 0
  }

  .igoods li {
    margin-bottom: .1rem;
    color: #fff;
    position: relative
  }

  .igoods li .id {
    padding: 1rem .3rem;
    font-size: 1rem;
    margin-left: .1rem
  }

  .igoods li h3 {
    display: none
  }

  .igoods .cover .title {
    color: #fff;
    font-size: 22px
  }

  .igoods .cover .desc {
    font-size: 16px;
    margin: 10px 0 10px
  }
}



@media (max-width:640px) {
  .igoods .id {
    padding-left: .2rem
  }

  .igoods .cover {
    padding: .3rem .2rem .34rem
  }

  .igoods .cover .title {
    font-size: 20px
  }

  .igoods .cover .desc {
    line-height: 22px;
    max-height: 44px;
    -webkit-line-clamp: 2;
    font-size: 14px
  }

  .pnext-box *:after {
    font-size: 14px !important
  }
}

.ginfo-tops {
  position: relative;
  overflow: hidden;
  background: #fff;
  margin-bottom: .16rem
}

@media (min-width:992px) {
  .ginfo-tops {
    max-height: calc((100vh - 80px));
    height: 8.3rem;
    margin-bottom: 0
  }
}


.ginfo-tops ._bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(1);
  left: 0;
  top: 0;
  transition: 3s ease-in-out
}


@media (max-width:768px) {
  .ginfo-tops ._bg {
    background-position: -34vw center
  }
}




.ginfo-tops ._bg.animated {
  transform: scale(1)
}

.ginfo-tops .xsimg {
  display: block;
  margin: 0 auto
}

.ginfo-tops .crumbs-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 55;
  right: 0;
  background: transparent
}

.ginfo-tops .crumbs {
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  height: .9rem;
  line-height: .9rem
}

@media (min-width:992px) {
  .ginfo-tops .crumbs {
    color: #fff;
    width: 82vw
  }

  .ginfo-tops .crumbs a {
    color: #fff
  }

  .ginfo-tops .crumbs a:hover {
    color: #00a1e6;
    color: #00a1e6 !important
  }
}




@media (min-width:768px) {
  .ginfo-tops .content {
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    z-index: 55
  }
}


@media (min-width:768px) and (min-width:992px) {
  .ginfo-tops .content {
    width: 82%
  }
}


@media (min-width:992px) {
  .ginfo-tops .content .textbox {
    text-align: left;
    max-width: 100%;
    width: 60%;
    color: #fff
  }
}



@media (min-width:992px) and (max-width:768px) {
  .ginfo-tops .content .textbox {
    width: 60%
  }
}

@media (max-width:991px) {
  .ginfo-tops .content {
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem
  }
}

.ginfo-tops .type {
  font-size: 18px;
  font-style: italic
}

.ginfo-tops h5 {
  font-size: .48rem;
  line-height: 1.1;
  padding-bottom: .2rem;
  display: inline-block;
  text-transform: uppercase;
  margin: 10px 0
}



.ginfo-tops .desc {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: .6rem;
  max-width: 720px
}

.ginfo-tops .btns .v-link:not(._line) {
  border: 1px solid #00a1e6
}

.ginfo-tops .btns ._line {
  border: 1px solid #fff;
  background: none;
  margin-left: .2rem
}

@media (min-width:992px) {
  .ginfo-tops .btns ._line:hover {
    background: #00a1e6;
    border-color: #00a1e6
  }
}

@media (max-width:991px) {
  .ginfo-tops .btns ._line {
    border-color: #00a1e6;
    color: #00a1e6;
    color: #00a1e6 !important
  }
}

@media (max-width:480px) {
  .ginfo-tops .btns .v-link {
    padding: .16rem .36rem
  }
}

.good_btns .v-link:not(._line) {
  border: 1px solid #00a1e6
}

.good_btns ._line {
  border: 1px solid #fff;
  background: none;
  margin-left: .2rem
}

@media (min-width:992px) {
  .good_btns ._line:hover {
    background: #00a1e6;
    border-color: #00a1e6
  }
}

@media (max-width:991px) {
  .good_btns ._line {
    border-color: #00a1e6;
    color: #00a1e6;
    color: #00a1e6 !important
  }
}

@media (max-width:480px) {
  .good_btns .v-link {
    padding: .16rem .36rem
  }
}

.banner {
  position: relative;
  height: 6.8rem;
  max-height: 100vh;
  overflow: hidden
}

.banner.good2 .textbox {
  text-align: center;
  width: 100%
}

.banner ._bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(1.05);
  left: 0;
  top: 0;
  transition: 3s ease-in-out
}




.banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  position: absolute
}

.banner ._bg.animated {
  transform: scale(1)
}

.banner .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 82%;
  max-width: 1600px;
  z-index: 55
}


.banner .textbox {
  color: #fff;
  text-align: left;
  max-width: 100%
}

@media (min-width:992px) {
  .banner .textbox {
    width: 60%
  }
}

.banner h5 {
  font-size: .6rem;
  line-height: 1.1;
  padding-bottom: .2rem;
  display: inline-block;
  text-transform: uppercase;
  -webkit-filter: drop-shadow(3px 5px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(3px 5px rgba(0, 0, 0, 0.1))
}

.banner .en {
  font-size: 24px;
  line-height: 1.3
}

@media (max-width:1200px) {
  .banner h5 {
    font-size: .56rem
  }
}

@media (max-width:640px) {
  .banner {
    height: 260px
  }

  .banner .textbox {
    padding: .3rem .1rem;
    line-height: 34px
  }

  .banner .textbox .en {
    font-size: 16px
  }

  .banner .textbox h5 {
    font-size: 30px
  }
}



@media (min-width:768px) {
  .goodinfo-top {
    height: 8.5rem;
    max-height: calc((100vh - 80px));
    display: flex;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
  }

  .goodinfo-top .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    width: 82%;
    max-width: 1600px;
    z-index: 55
  }

  .goodinfo-top .textbox {
    width: 60%
  }

  .goodinfo-top .crumbsbox {
    margin: auto auto 0 auto
  }
}

.goodinfo-top .content {
  width: 88vw;
  color: #fff
}

.goodinfo-top .quote {
  background: #00a1e6;
  padding: .2rem .6rem;
  display: inline-block;
  color: #fff;
  border-radius: 2em;
  font-size: 18px;
  transition: .4s;
  transition: all .4s ease 0s
}

.goodinfo-top .quote:hover {
  background: #008fcd
}

.goodinfo-top .tag {
  font-size: 18px;
  margin-bottom: .2rem;
  font-style: italic
}

.goodinfo-top h5 {
  font-size: .48rem;
  padding-bottom: .3rem;
  -webkit-filter: drop-shadow(3px 5px rgba(0, 0, 0, 0));
  filter: drop-shadow(3px 5px rgba(0, 0, 0, 0));
  line-height: 1.1
}

.goodinfo-top .en {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: .5rem
}

.goodinfo-top .crumbs {
  position: relative;
  color: #fff
}

.goodinfo-top .crumbs a {
  color: #fff
}

@media (max-width:768px) {
  .goodinfo-top {
    padding-left: 6vw;
    padding-right: 6vw;
    background: #fff !important;
    height: auto;
    margin-bottom: .2rem;
    padding-bottom: .6rem
  }

  .goodinfo-top .good-info-image {
    display: block;
    margin: 0 auto .3rem
  }

  .goodinfo-top .content {
    color: #333
  }

  .goodinfo-top h5 {
    line-height: 1.3
  }

  .goodinfo-top .textbox {
    width: 100%
  }
}

@media (max-width:480px) {
  .goodinfo-top .quote {
    line-height: 1;
    padding: .2rem .4rem
  }

  .goodinfo-top .textbox h5 {
    font-size: 22px
  }

  .goodinfo-top .textbox .en {
    font-size: 14px;
    line-height: 1.5
  }
}

.crumbs-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: #fff;
  font-size: 16px;
  position: relative;
  z-index: 5
}

.crumbs-box .inner {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative
}

.crumbs-box .inner::before {
  content: '';
  display: block;
  position: absolute;
  width: 40vw;
  right: 100%;
  background: #00a1e6;
  height: 100%;
  top: 0
}

.crumbs-box nav {
  position: relative;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center
}

.crumbs-box nav h2 {
  height: .8rem;
  line-height: .8rem;
  text-transform: uppercase;
  background: #00a1e6;
  color: #fff;
  margin-right: .3rem;
  position: relative;
  padding-right: 1rem;
  cursor: pointer
}

@media (max-width:640px) {
  .crumbs-box nav h2 {
    height: 1rem;
    padding-right: .5rem;
    padding-left: 0;
    margin-right: .1rem
  }
}

.crumbs-box nav h2 i {
  font-size: 12px;
  position: absolute;
  right: .2rem;
  top: 50%;
  transform: translateY(-50%);
  color: #fff
}

.crumbs-box h2 {
  line-height: 1.4 !important;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.crumbs-box nav h4 {
  color: #00a1e6
}

@media (max-width:768px) {
  .crumbs-box nav h4 {
    font-size: 14px
  }
}

.crumbs-box .dropinfo {
  background: #00a1e6;
  padding: 20px 0;
  color: #fff;
  display: none
}

.crumbs-box .dropinfo a {
  color: #fff;
  display: inline-block;
  margin-right: .3rem;
  font-size: 16px;
  position: relative;
  padding: 5px 0
}

.crumbs-box .dropinfo a::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0;
  transition: all .4s ease 0s;
  opacity: .8
}

.crumbs-box .dropinfo a:hover::after,
.crumbs-box .dropinfo .active::after {
  width: 100%
}

@media (max-width:768px) {
  .crumbs-box .dropinfo a {
    margin-bottom: 5px
  }
}

.crumbs {
  color: #999
}

.crumbs .icon-shouye {
  color: #00a1e6;
  font-size: 18px
}

.crumbs a {
  color: #999
}

.crumbs a:hover {
  color: #00a1e6
}

.crumbs .icon-right {
  font-size: 14px;
  padding: 0 5px
}

.crumbs.s2 {
  height: auto;
  line-height: 1.5;
  padding: .26rem 0
}

.good-introduce {
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  margin: .4rem auto 1rem
}

.good-introduce .info {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  margin-top: .3rem
}

.good-introduce .info.row {
  margin-left: -0.75rem;
  margin-right: -0.75rem
}

.good-introduce .info.row>* {
  padding-left: .75rem;
  padding-right: .75rem
}

@media (max-width:1360px) {
  .good-introduce .info.row {
    margin-left: -0.4rem;
    margin-right: -0.4rem
  }

  .good-introduce .info.row>* {
    padding-left: .4rem;
    padding-right: .4rem
  }
}

@media (max-width:992px) {
  .good-introduce .info p+p {
    margin-top: 1em
  }
}

.good-introduce .brief {
  background: #f5f5f5;
  margin-top: .2rem;
  color: #00a1e6;
  color: #00a1e6 !important;
  padding: .2rem .3rem;
  font-style: italic;
  border-left: 2px solid #00a1e6;
  font-size: 20px;
  line-height: 1.6;
  position: relative;
  top: .2rem
}

@media (max-width:1200px) {
  .good-introduce .brief {
    font-size: 16px
  }
}

.goods-navs-item {
  margin-bottom: .3rem
}

.goods-navs-box {
  padding: .6rem 0 1rem;
  background: #f5f5f5
}

.goods-navs-box ul {
  margin-top: .5rem
}

.goods-top {
  min-height: 2.8rem;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center
}

.goods-top .info {
  max-width: 960px;
  width: 80%
}

@media (max-width:992px) {
  .goods-top .info {
    width: 100%
  }
}

@media (min-width:768px) {
  .goods-top {
    padding: .45rem;
    position: relative;
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff
  }
}

@media (max-width:768px) {
  .goods-top {
    padding: .5rem .3rem;
    position: relative;
    color: #fff
  }
}

.goods-top .title {
  font-size: .36rem;
  margin-bottom: .1rem;
  display: block;
  color: #fff;
  transition: .4s;
  transition: all .4s ease 0s
}

.goods-top .title:hover {
  transform: translateX(5px)
}

.goods-top .info {
  font-size: 16px;
  line-height: 26px;
  max-height: 104px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4
}

.goods-info {
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: .6rem .4rem .4rem;
  background: #fff
}

.goods-info.s2 {
  display: block;
  margin-bottom: 1rem
}

@media (max-width:640px) {
  .goods-info {
    width: 100%;
    padding-top: .4rem
  }
}

.goods-info li {
  margin-bottom: .2rem
}

.goods-info li:nth-child(4n+1) {
  clear: both
}

@media (max-width:992px) {
  .goods-info li:nth-child(3n+1) {
    clear: both
  }

  .goods-info li:nth-child(4n+1) {
    clear: none
  }
}

@media (max-width:768px) {
  .goods-info li:nth-child(2n+1) {
    clear: both
  }

  .goods-info li:nth-child(3n+1) {
    clear: none
  }
}

.goods-info li:hover .title {
  color: #00a1e6
}

.goods-info .title {
  font-size: 18px;
  margin-top: .2rem;
  display: block
}

@media (max-width:992px) {
  .goods-info .title {
    font-size: 16px
  }
}

@media (max-width:768px) {
  .goods-info .title {
    font-size: 14px
  }
}

.goods-info .title:hover {
  color: #00a1e6
}

.ginfo-top {
  padding: .5rem;
  border-top: .04rem solid #00a1e6;
  margin-bottom: .6rem;
  background: #fff;
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width:768px) {
  .ginfo-top {
    padding-left: 6%;
    padding-right: 6%;
    width: 100%;
    margin-bottom: .2rem
  }
}

.ginfo-top .row {
  margin-left: -0.3rem;
  margin-right: -0.3rem
}

.ginfo-top .row>* {
  padding-left: .3rem;
  padding-right: .3rem
}

.ginfo-top .ihd {
  margin-top: .2rem
}

.ginfo-top .info {
  font-size: 16px;
  color: #666;
  line-height: 1.76;
  margin: .4rem 0 .6rem
}

.ginfo-top .quote {
  background: #00a1e6;
  padding: .2rem .6rem;
  display: inline-block;
  color: #fff;
  border-radius: 2em;
  font-size: 18px;
  transition: .4s;
  transition: all .4s ease 0s
}

.ginfo-top .quote:hover {
  background: #008fcd
}

@media (max-width:992px) {
  .ginfo-top .quote {
    font-size: 16px
  }
}

.ginfo-swiper {
  border: 1px solid #e5e5e5;
  text-align: center
}

.ginfo-swiper li {
  padding: .3rem
}

@media (max-width:992px) {
  .ginfo-swiper {
    margin-bottom: .5rem
  }
}

.ginfo-nav {
  font-size: 18px;
  background: #fff;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #eaeaea
}

.ginfo-nav .wrap {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 55
}

.ginfo-nav a {
  display: block;
  color: #666;
  line-height: 1rem;
  position: relative
}

.ginfo-nav a:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.ginfo-nav a::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 4px;
  background: #00a1e6;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: .4s;
  transition: all .4s ease 0s
}

.ginfo-nav a:Hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.ginfo-nav a.on {
  color: #00a1e6;
  color: #00a1e6 !important
}

.ginfo-nav a.on::after {
  width: 100%
}

.ginfo-nav.fixed {
  position: fixed;
  box-shadow: 0 5px 10px -1px rgba(0, 0, 0, 0.1);
  left: 0;
  width: 100%;
  top: 80px;
  z-index: 555;
  border-bottom: 0
}

.good-info-nav-wrap {
  height: 80px;
  position: relative;
  z-index: 555
}

.ginfo-table {
  padding: .5rem 0;
  background: #fff
}

.ginfo-table .ihd {
  margin-bottom: .4rem
}

@media (max-width:992px) {
  .ginfo-table {
    border-top: 10px solid #f6f7f9;
    border-bottom: 10px solid #f6f7f9
  }
}

.ginfo-table table {
  width: 100%;
  text-align: left
}

.ginfo-table table tr:nth-child(2n+1) {
  background: #eeeeee
}

.ginfo-table table td {
  padding: 14px .2rem !important;
  line-height: 1.8 !important;
  vertical-align: middle
}

.ginfo-table table td:first-child {
  white-space: nowrap
}

@media (max-width:639px) {
  .ginfo-table table tr {
    display: block;
    background: #fff !important;
    border-bottom: 1px solid #eaeaea;
    padding: .2rem 0
  }

  .ginfo-table table tr td {
    width: 100%;
    display: block;
    line-height: 1.5;
    padding: 0 !important
  }

  .ginfo-table table tr td:first-child {
    color: #00a1e6;
    color: #00a1e6 !important
  }
}

.ginfo-updates {
  padding: 1.1rem 0
}

.ginfo-updates.s2 {
  padding: .8rem 0
}

.ginfo-updates .ihd {
  margin-bottom: .6rem
}

.ginfo-products {
  background: #fff;
  padding: 1.1rem 0
}

.ginfo-products .ihd {
  margin-bottom: .7rem
}

.good-list {
  margin-left: -0.18rem;
  margin-right: -0.18rem
}

.good-list>* {
  padding-left: .18rem;
  padding-right: .18rem
}

.good-list li {
  margin-bottom: .26rem
}

.good-list li .img {
  margin-bottom: .2rem
}

.good-list li .title {
  display: block;
  font-size: 18px;
  line-height: 1.4
}

.good-list li:hover .title {
  color: #00a1e6;
  color: #00a1e6 !important
}

@media (max-width:992px) {
  .good-list li:nth-child(2n+1) {
    clear: both
  }

  .good-list li .title {
    font-size: 15px
  }
}

.hy-introduce {
  padding: .4rem 0 1rem;
  position: relative
}

.hy-introduce ._bg {
  background-image: url('../images/bg_hy.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: auto 100%
}

.hy-introduce .info {
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 1.76;
  color: #666;
  margin-top: .3rem;
  width: 50%
}

@media (max-width:992px) {
  .hy-introduce ._bg {
    opacity: .2
  }

  .hy-introduce .info {
    width: 80%
  }
}

@media (max-width:768px) {
  .hy-introduce ._bg {
    opacity: .1
  }

  .hy-introduce .info {
    width: 100%
  }
}

.hy-list-box {
  background: #f5f5f5;
  padding: .66rem 0 1.3rem
}

.hy-list {
  padding-bottom: 1px
}

@media (min-width:641px) {
  .hy-list li {
    display: table;
    width: 100%;
    margin-bottom: .4rem;
    background: #fff;
    transition: .4s;
    transition: all .4s ease 0s
  }

  .hy-list li>* {
    display: table-cell;
    vertical-align: middle
  }

  .hy-list li:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1)
  }

  .hy-list li:hover .rbtn2 {
    background: #00a1e6
  }

  .hy-list .img {
    width: 400px
  }

  .hy-list .info {
    padding: .3rem .4rem
  }
}

@media (min-width:641px) and (max-width:1200px) {
  .hy-list .img {
    width: 40%
  }
}

.hy-list .title {
  font-size: 24px;
  line-height: 30px;
  max-height: 60px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2
}

.hy-list .title:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.hy-list .desc {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  height: 48px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  margin: .2rem 0
}

@media (max-width:640px) {
  .hy-list .desc {
    height: auto;
    max-height: 48px
  }
}

.hy-list .bottom {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.hy-list .data .time {
  color: #999;
  text-transform: uppercase
}

.hy-list .data .tag {
  color: #00a1e6;
  display: inline-block;
  padding-right: .1rem
}

@media (max-width:1200px) {
  .hy-list .title {
    font-size: 20px;
    line-height: 26px;
    max-height: 52px
  }
}

@media (max-width:640px) {
  .hy-list li {
    background: #fff;
    margin-bottom: .3rem
  }

  .hy-list .info {
    padding: .3rem .2rem .6rem
  }

  .hy-list .desc {
    margin-bottom: .3rem
  }
}

.hy-artile .arc-top {
  text-align: center;
  padding-bottom: .46rem;
  margin-left: auto;
  margin-right: auto;
  width: 88%;
  max-width: 1100px
}

.hy-artile .arc-top h1 {
  font-size: .36rem;
  margin: 0 0 .26rem;
  line-height: 1.3
}

.hy-artile .arc-top .data {
  color: #999
}

.hy-artile .arc-top .data .time {
  text-transform: uppercase
}

.hy-artile .arc-top .data .tag {
  color: #00a1e6;
  color: #00a1e6 !important;
  padding-right: .1rem
}

@media (max-width:640px) {
  .hy-artile .arc-top {
    padding-bottom: .4rem
  }
}

.hy-artile .wrap {
  position: relative;
  padding: .5rem 0 .9rem
}

.hy-artile .arc-bd {
  background: #fff;
  font-size: 16px;
  color: #666;
  position: relative
}

.hy-artile .arc-content {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  width: 80%
}

@media (max-width:768px) {
  .hy-artile .arc-content {
    width: 100%
  }
}

.hy-artile article {
  line-height: 1.76
}

.hy-artile article p {
  margin-bottom: .3rem
}

.hy-artile article img {
  display: block;
  width: 100%
}

.hy-artile article video {
  width: 100%;
  object-fit: cover;
  display: block;
  margin-bottom: .3rem
}

.updates-swiper-wrap {
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width:992px) {
  .updates-swiper-wrap {
    width: 100%
  }
}

.updates-swiper-box {
  position: relative;
  padding: 0 50px
}

@media (min-width:1680px) {
  .updates-swiper-box {
    margin-left: -50px;
    margin-right: -50px
  }
}

@media (max-width:992px) {
  .updates-swiper-box {
    padding: 0
  }
}

.updates-swiper-box .pnext {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #00a1e6;
  color: #00a1e6;
  color: #00a1e6 !important;
  transition: .4s;
  transition: all .4s ease 0s
}

.updates-swiper-box .pnext::after {
  color: inherit;
  font-size: 20px
}

.updates-swiper-box .pnext:hover {
  background: #00a1e6;
  color: #fff !important
}

@media (max-width:768px) {
  .updates-swiper-box .pnext {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center
  }
}

.updates-swiper-box .swiper-button-prev {
  left: -10px
}

.updates-swiper-box .swiper-button-next {
  right: -10px
}

.updates-swiper li {
  width: 33.33%
}

.updates-swiper li .inner {
  margin: 0 .1rem
}

@media (max-width:992px) {
  .updates-swiper li {
    padding-bottom: .5rem;
    width: 40%
  }
}

@media (max-width:768px) {
  .updates-swiper li {
    width: 50%
  }
}

@media (max-width:480px) {
  .updates-swiper li {
    width: 70%
  }
}

.bg-white {
  background: #fff
}

.products-swiper {
  text-align: center
}

.products-swiper .title {
  margin-left: .1rem;
  margin-right: .1rem
}

@media (max-width:992px) {
  .products-swiper {
    padding-bottom: .5rem
  }
}

.products-swiper li {
  width: 25%
}

@media (max-width:1200px) {
  .products-swiper li {
    width: 33.33%
  }
}

@media (max-width:768px) {
  .products-swiper li {
    width: 50%
  }
}

.arc-pnext {
  padding-top: .3rem;
  border-top: 1px solid #b2e3f7;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 30px;
  font-size: 16px
}

.arc-pnext a {
  display: block
}

.arc-pnext a:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.arc-pnext a .ic-arr {
  width: 28px;
  height: 7px;
  background-image: url('../images/arr3.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  filter: grayscale(100%)
}

.arc-pnext a:hover .ic-arr {
  filter: grayscale(0%)
}

.arc-pnext .prev .ic-arr {
  transform: rotate(180deg)
}

.arc-pnext .list {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden
}

.arc-pnext .list .icon {
  background-image: url('../images/menu.png');
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  display: block;
  background-size: 24px
}

.arc-pnext .list:hover .icon {
  filter: drop-shadow(36px 0 #00a1e6);
  position: relative;
  left: -36px
}

.arc-share {
  position: absolute;
  left: 0;
  top: .5rem;
  padding-top: .2rem;
  text-align: center;
  width: 1.5rem;
  max-width: 150px
}

.arc-share h4 {
  font-size: 16px;
  color: #999;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 auto .3rem
}

.arc-share h4 em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  background: #fff;
  padding: 0 10px
}

.arc-share a {
  width: 36px;
  height: 36px;
  display: block;
  margin: 0 auto .2rem;
  border: 1px solid #c2c2c2;
  border-radius: 50%;
  overflow: hidden
}

.arc-share i {
  width: 36px;
  height: 36px;
  display: block;
  background-size: .2rem;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer
}

.arc-share .ic-facebook {
  background-image: url('../images/ft_Facebook.png')
}

.arc-share .ic-twitter {
  background-image: url('../images/ft_twitter.png')
}

.arc-share .ic-in {
  background-image: url('../images/ft_in.png')
}

.arc-share a:hover {
  background: #00a1e6;
  border-color: #00a1e6
}

.arc-share a:hover i {
  filter: drop-shadow(36px 0 #fff);
  position: relative;
  left: -36px
}

@media (max-width:1360px) {
  .arc-share {
    width: auto
  }

  .arc-share h4 {
    margin-bottom: .5rem
  }

  .arc-share em {
    position: relative
  }

  .arc-share em::after {
    content: '';
    display: block;
    position: absolute;
    width: 20%;
    height: 2px;
    background-color: #ccc;
    left: 50%;
    margin-left: -10%
  }
}

.press-list-box {
  padding: .5rem 0 1.5rem
}

.press-list-box .ihd {
  margin-bottom: .38rem
}

.video-list li:nth-child(3n+1) {
  clear: none
}

.video-list li:nth-child(4n+1) {
  clear: both
}


@media (max-width:1200px) {
  .video-list li:nth-child(3n+1) {
    clear: both
  }

  .video-list li:nth-child(4n+1) {
    clear: none
  }
}

@media (max-width:992px) {
  .video-list li:nth-child(2n+1) {
    clear: both
  }

  .video-list li:nth-child(3n+1) {
    clear: none
  }
}

.video-list .info {
  height: 180px
}

@media (max-width:1200px) {
  .video-list .info {
    height: 160px
  }
}

@media (max-width:768px) {
  .video-list .info {
    height: auto
  }
}

@media (max-width:992px) {
  .video-list .cover-tip {
    opacity: 1
  }

  .video-list .cover-tip .icon-bofang1 {
    font-size: .8rem
  }
}

.vide-type {
  font-size: 20px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  top: -0.2rem;
  margin-bottom: .5rem;
  line-height: .8rem
}

@media (min-width:993px) {
  .vide-type {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box
  }
}

.vide-type h4 {
  color: #999;
  padding-right: 1.2rem;
  line-height: .8rem
}

.vide-type nav {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.vide-type nav a {
  margin-right: .6rem;
  position: relative;
  display: inline-block
}

.vide-type nav a:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.vide-type nav a:last-child {
  margin-right: 0
}

.vide-type nav .active::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: #00a1e6;
  bottom: 0;
  left: 0
}

@media (max-width:1200px) {
  .vide-type.s2 {
    margin-bottom: 80px
  }

  .vide-type.s2 .search {
    border: 1px solid #eaeaea;
    left: 0;
    top: 100%;
    margin-top: 40px;
    width: 100%;
    max-width: none;
    border-radius: 5px;
    max-width: 600px
  }

  .vide-type.s2 .search input {
    text-align: left;
    display: block;
    padding-left: .2rem;
    height: 40px;
    line-height: 40px
  }

  .vide-type.s2 .search .submit {
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    padding-right: 10px
  }
}

.vide-type.s2 h4 {
  padding-right: .6rem
}

.vide-type .search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 40px;
  max-width: 300px
}

.vide-type .search .submit {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #00a1e6;
  color: #00a1e6 !important;
  cursor: pointer;
  width: 30px;
  text-align: center;
  margin-top: 5px
}

.vide-type .search input {
  font-size: 18px;
  padding: .2rem 0;
  text-align: right;
  width: 100%
}

.vide-type .search input::-webkit-input-placeholder,
.vide-type .search textarea::-webkit-input-placeholder {
  color: #999
}

.vide-type .search input:-moz-placeholder,
.vide-type .search textarea:-moz-placeholder {
  color: #999
}

.vide-type .search input::-moz-placeholder,
.vide-type .search textarea::-moz-placeholder {
  color: #999
}

.vide-type .search input:-ms-input-placeholder,
.vide-type .search textarea:-ms-input-placeholder {
  color: #999
}

@media (max-width:992px) {
  .vide-type {
    font-size: 16px
  }
}

@media (max-width:768px) {
  .vide-type nav a {
    margin-right: .3rem
  }
}

.download-list {
  margin-bottom: .6rem
}

.download-list li {
  border-bottom: 1px solid #eaeaea;
  padding: 24px 0;
  position: relative;
  font-size: 18px;
  transition: .4s;
  transition: all .4s ease 0s
}

.download-list li a {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center
}

@media (max-width:480px) {
  .download-list li a {
    padding-bottom: 36px
  }
}

.download-list li .tit {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: block;
  margin-right: .3rem
}

@media (max-width:480px) {
  .download-list li .tit {
    margin-right: 0
  }
}

.download-list li i {
  display: block
}

.download-list li .icon-download {
  color: #666;
  font-size: 18px
}

.download-list li .icon-pdf {
  font-size: 20px;
  padding-right: .2rem
}

@media (max-width:480px) {
  .download-list li .icon-pdf {
    margin-right: .1rem
  }
}

.download-list li .v-link {
  transform: scale(.8)
}

@media (max-width:480px) {
  .download-list li .v-link {
    position: absolute;
    left: .4rem;
    bottom: .3rem
  }
}

.download-list li:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.download-list li:hover i,
.download-list li:hover .tit {
  color: #00a1e6;
  color: #00a1e6 !important
}

@media (min-width:992px) {
  .download-list li:hover {
    padding-left: .3rem
  }
}

.map-box {
  position: relative
}

.map-box nav {
  width: 360px;
  border: 1px solid #00a1e6;
  background: #fff;
  text-align: center;
  font-size: 20px;
  bottom: .5rem
}

.map-box nav .item {
  float: left;
  line-height: .6rem;
  width: 50%;
  color: #00a1e6;
  color: #00a1e6 !important;
  cursor: pointer;
  position: relative
}

.map-box nav .item::before {
  content: '';
  display: block;
  width: 1px;
  height: 40%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  background: #00a1e6;
  left: -1px
}

.map-box nav .active::before,
.map-box nav .item:first-child::before,
.map-box nav .active+.item::before {
  display: none
}

.map-box nav .active {
  background: #00a1e6;
  color: #fff !important
}

.map-box .info {
  position: relative
}

.map-box .info h4 {
  font-size: 24px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 20px
}

.map-box .info dd {
  margin-top: .3rem;
  color: #666;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  padding-left: 30px
}

.map-box .info dd i {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px
}

.map-box .info dd .ic-addr {
  background-image: url('../images/ic_m1.png');
  background-repeat: no-repeat;
  background-position: center center
}

.map-box .info dd .ic-tel {
  background-image: url('../images/ic_m2.png');
  background-repeat: no-repeat;
  background-position: center center
}

.map-box .info dd .ic-print {
  background-image: url('../images/ic_m3.png');
  background-repeat: no-repeat;
  background-position: center center
}

.map-box .info dd .ic-email {
  background-image: url('../images/ic_m4.png');
  background-repeat: no-repeat;
  background-position: center center
}

@media (min-width:992px) {
  .map-box nav {
    position: absolute;
    left: -250px
  }

  .map-box #map {
    position: absolute;
    width: 65vw;
    left: 0;
    top: 0;
    height: 100%
  }

  .map-box .info {
    margin-left: 65vw;
    width: 29vw;
    max-width: 450px
  }

  .map-box .info .inner {
    padding: .8rem 0 2rem .5rem
  }

  .map-box .info .logo {
    width: 230px;
    height: 50px;
    background-image: url('../images/map_logo2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    margin-bottom: .3rem
  }
}

@media (max-width:991px) {
  .map-box {
    padding-top: .5rem
  }

  .map-box #map {
    height: 6rem
  }

  .map-box .info {
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: .5rem 0
  }

  .map-box nav {
    margin: 0 auto .3rem
  }

  .map-box nav a {
    font-size: 16px
  }
}

@media (max-width:640px) {
  .map-box nav {
    width: 5rem
  }
}

.contact-list {
  padding: .9rem 0
}

.contact-list .ihd {
  margin-bottom: .54rem
}

.contact-list .row {
  margin-left: -0.18rem;
  margin-right: -0.18rem
}

.contact-list .row>* {
  padding-left: .18rem;
  padding-right: .18rem
}

.contact-list .row li {
  margin-bottom: .36rem
}

.contact-list .row .inner {
  background: #f5f5f5;
  padding: .3rem
}

.contact-list .row h3 {
  font-size: 24px;
  margin-bottom: .4rem
}

.contact-list .row dd {
  font-size: 16px;
  line-height: 22px;
  color: #666;
  margin-bottom: .2rem;
  position: relative;
  padding-left: .4rem
}

.contact-list .row i {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px
}

.contact-list .row .ic-addr {
  background-image: url('../images/ic_m1.png');
  background-repeat: no-repeat;
  background-position: center center
}

.contact-list .row .ic-tel {
  background-image: url('../images/ic_m2.png');
  background-repeat: no-repeat;
  background-position: center center
}

.contact-list .row .ic-email {
  background-image: url('../images/ic_m4.png');
  background-repeat: no-repeat;
  background-position: center center
}

@media (max-width:992px) {
  .contact-list .row h4 {
    font-size: 20px
  }
}

.quote-form {
  background: #f5f5f5;
  padding: .86rem 0 1.4rem
}

.quote-form .form {
  max-width: 1100px
}

@media (min-width:992px) {
  .quote-form .form {
    width: 80%;
    margin: 0 0 0 auto;
    min-width: 640px
  }
}

.quote-form .cell {
  margin-bottom: .24rem
}

@media (max-width:639px) {
  .quote-form .cell {
    padding-bottom: 16px
  }
}

.quote-form .inner {
  min-height: .8rem;
  border: 1px solid #e6e6e6;
  background: #fff;
  position: relative
}

.quote-form .inner .err {
  position: absolute;
  font-size: 12px;
  color: #f00
}

@media (min-width:640px) {
  .quote-form .inner .err {
    right: 10px;
    top: .16rem
  }
}

@media (max-width:639px) {
  .quote-form .inner .err {
    left: 10px;
    bottom: -20px
  }
}

.quote-form .inner select,
.quote-form .inner input {
  border: 0;
  line-height: .8rem;
  height: .8rem;
  background: none;
  padding: 0 0 0 .2rem;
  font-size: 16px;
  position: relative;
  z-index: 2
}

.quote-form .inner.focus select,
.quote-form .inner.focus input {
  line-height: .4rem;
  padding: .26rem .2rem 0 .2rem;
  position: relative
}

.quote-form .inner.focus .tit {
  line-height: .46rem;
  z-index: 3
}

.quote-form .inner .tit {
  font-weight: 0;
  line-height: .8rem;
  color: #999;
  font-size: 16px;
  position: absolute;
  left: .2rem;
  top: 0;
  z-index: 1;
  transition: .4s;
  transition: all .4s ease 0s
}

.quote-form .inner .tit .important {
  color: #f00;
  padding-right: 3px
}

.quote-form .inner .layui-form-select dl {
  top: .8rem
}

@media (max-width:768px) {
  .quote-form .inner .layui-form-select dl {
    top: 1rem
  }
}

.quote-form .inner .layui-form-select .layui-edge {
  top: 70% !important
}

@media (max-width:768px) {
  .quote-form .inner input {
    line-height: 1rem;
    height: 1rem
  }

  .quote-form .inner .tit {
    line-height: 1rem
  }

  .quote-form .inner.focus .tit {
    line-height: .6rem
  }

  .quote-form .inner.focus input {
    padding-top: .36rem
  }
}

.quote-form .area-inner .tit {
  line-height: .46rem
}

.quote-form .area-inner textarea {
  border: 0;
  padding: .4rem .2rem .1rem;
  font-size: 16px;
  height: 1.5rem;
  background: none;
  z-index: 3
}

@media (max-width:768px) {
  .quote-form .area-inner .tit {
    line-height: .6rem
  }

  .quote-form .area-inner textarea {
    padding-top: .6rem;
    height: 2rem
  }
}

.quote-form .submit {
  background: #00a1e6;
  border-radius: 2em;
  color: #fff;
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: .3rem;
  cursor: pointer;
  letter-spacing: 1px;
  transition: .4s;
  transition: all .4s ease 0s
}

.quote-form .submit:hover {
  width: 200px
}

.partner-list {
  padding: .5rem 0 1rem
}

.partner-list .ihd {
  margin-bottom: .5rem
}

.partner-list ul {
  margin-left: -0.12rem;
  margin-right: -0.12rem
}

.partner-list ul>* {
  padding-left: .12rem;
  padding-right: .12rem
}

.partner-list li {
  width: 20%;
  float: left;
  margin-bottom: .24rem
}

@media (max-width:1200px) {
  .partner-list li {
    width: 25%
  }
}

@media (max-width:992px) {
  .partner-list li {
    width: 33.3%
  }
}

@media (max-width:640px) {
  .partner-list li {
    width: 50%
  }
}

.partner-list .cover-box {
  border: 1px solid #eaeaea;
  transition: .4s;
  transition: all .4s ease 0s
}

.partner-list .cover-box:hover {
  border-color: #00a1e6;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}

.join-box {
  padding: .6rem 0 1rem;
  background: #f5f5f5
}

.join-box .ihd {
  margin-bottom: .44rem
}

.join-box .item {
  margin-bottom: 10px
}

.join-box .item h3 {
  height: 60px;
  line-height: 60px;
  background: #fff;
  font-size: 18px;
  padding-left: .3rem;
  position: relative;
  cursor: pointer
}

.join-box .item h3 .tag {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #00a1e6;
  color: #00a1e6 !important
}

.join-box .item h3 .tag .iconfont {
  padding-left: 5px;
  font-size: 20px
}

.join-box .item .info {
  display: none;
  background: #fff;
  padding: .4rem .6rem;
  color: #666;
  line-height: 1.8
}

.join-box .item .info h4 {
  font-weight: bold;
  margin-top: 1.4em;
  padding-bottom: 5px
}

.join-box .item .apply {
  width: 180px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: #00a1e6;
  color: #fff;
  display: block;
  font-size: 18px;
  margin-top: .3rem;
  transition: .4s;
  transition: all .4s ease 0s
}

.join-box .item .apply:hover {
  width: 160px
}

@media (max-width:640px) {
  .join-box .item h3 .tag {
    font-size: 14px
  }

  .join-box .item h3 .tag .iconfont {
    font-size: 18px
  }

  .join-box .item .info {
    padding: .2rem .4rem .6rem
  }

  .join-box .item .apply {
    width: 130px;
    height: 36px;
    line-height: 36px;
    font-size: 16px
  }
}

.join-box .item.open h3 {
  background: #00a1e6;
  color: #fff
}

.join-box .item.open h3 .tag {
  color: #fff
}

.join-box .item.open h3 .tag .iconfont::before {
  content: "\e620"
}

@media (max-width:640px) {
  .join-box .item.open h3 {
    height: 50px;
    line-height: 50px
  }
}

.c-profile {
  padding: .5rem 0 1rem
}

.c-profile .ihd {
  margin-bottom: .4rem
}

.c-profile .txt {
  font-size: 16px;
  color: #666;
  line-height: 1.76
}

.c-profile .txt p {
  margin-bottom: .2rem
}

.c-profile .cdata i {
  opacity: .6
}

.c-profile .cdata b {
  color: #af935c !important
}

.c-profile .cdata .desc {
  color: #999
}

.c-network {
  background-color: #f6f6f6;
  background-image: url('../images/map2.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 1rem 0 .5rem
}

.c-network .wrap {
  height: 5.6rem;
  position: relative
}

.c-network .ihd {
  margin-bottom: .3rem
}

.c-network .txt {
  line-height: 1.76
}

.c-network .value {
  position: absolute;
  left: 0;
  bottom: 0
}

.c-network .value b {
  font-size: 1rem;
  background: linear-gradient(to top right, #00a1e6, #17ecbd);
  -webkit-background-clip: text;
  color: transparent
}

.c-network .value em {
  font-size: 16px;
  color: #999;
  text-transform: uppercase
}

.c-list {
  padding-bottom: 1rem
}

.c-list .top {
  background: url('../images/gs.jpg') no-repeat center center;
  background-size: cover;
  position: relative
}

.c-list .top video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 5
}

.c-list .top .wrap {
  height: 6rem;
  position: relative;
  color: #fff;
  font-size: .48rem;
  text-align: center;
  z-index: 55
}

@media (max-width:768px) {
  .c-list .top .wrap {
    height: 4rem
  }
}

.c-list .top h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  width: 100%
}

.c-list .infobox {
  padding: .4rem 0 .3rem;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: .6rem
}

.c-list .infobox .ihd {
  margin-bottom: .4rem
}

.c-list .infobox .vtxt p {
  margin-bottom: 1em
}

.c-list .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem
}

.c-list .row>* {
  padding-left: .5rem;
  padding-right: .5rem
}

.c-list .row li {
  margin-bottom: .9rem;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box
}

.c-list .row li .info {
  padding-left: .4rem;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.c-list .row li:nth-child(2n+1) {
  clear: both
}

.c-list .row .icon {
  width: .88rem
}

.c-list .row h3 {
  font-size: 24px;
  margin-bottom: .15rem
}

.c-list .row .vtxt p {
  margin-bottom: 1em
}

.vtxt {
  font-size: 16px;
  color: #666;
  line-height: 1.76
}

.h-talent {
  padding: .5rem 0 .6rem
}

.h-talent .ihd {
  margin-bottom: .4rem
}

@media (min-width:992px) {
  .h-talent .bd {
    background-image: url('../images/work.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 4.25rem;
    position: relative;
    background-size: contain
  }

  .h-talent .bd li {
    width: 36%;
    font-size: 24px;
    position: absolute;
    top: .8rem;
    text-align: right;
    white-space: nowrap
  }

  .h-talent .bd li:nth-child(2n) {
    left: 64%;
    text-align: left
  }

  .h-talent .bd li:nth-child(3),
  .h-talent .bd li:nth-child(4) {
    bottom: .7rem;
    top: auto
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .h-talent .bd li {
    font-size: 20px
  }

  .h-talent .bd li:nth-child(1),
  .h-talent .bd li:nth-child(2) {
    top: 1rem
  }

  .h-talent .bd li:nth-child(3),
  .h-talent .bd li:nth-child(4) {
    bottom: 1rem
  }
}

@media (max-width:991px) {
  .h-talent {
    background-size: 30vw
  }

  .h-talent li {
    font-size: 20px;
    line-height: 1.76;
    color: #666;
    padding-left: 15px;
    position: relative
  }

  .h-talent li::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: 0;
    content: '●';
    display: block;
    font-size: 14px;
    color: #00a1e6;
    color: #00a1e6 !important
  }
}

.work2-box {
  background: url('../images/work2.jpg') no-repeat center center;
  background-size: cover;
  padding: .9rem 0 1.2rem;
  color: #fff;
  font-size: 16px
}

.work2-box .wrap .inner {
  line-height: 1.6;
  width: 70%;
  max-width: 720px
}

@media (max-width:992px) {
  .work2-box .wrap .inner {
    width: 100%
  }

  .work2-box .wrap .inner h4 {
    font-size: 20px
  }
}

.work2-box .wrap h4 {
  font-size: 24px;
  line-height: 1.2
}

.work2-box .wrap p {
  margin-top: .2rem
}

.factory-box {
  padding: .5rem 0 .8rem
}

.factory-box .ihd {
  margin-bottom: .4rem
}

.factory-box .vtxt {
  margin-bottom: .6rem
}

.development-box {
  padding: .5rem 0 .8rem;
  background: url('../images/work3.jpg') no-repeat center center;
  background-size: cover
}

.development-box .ihd {
  margin-bottom: .4rem
}

.development-box .vtxt {
  margin-bottom: .6rem
}

@media (min-width:993px) {
  .development-box li {
    width: 25%;
    float: left;
    position: relative
  }

  .development-box li dl {
    margin-left: .8rem;
    padding-bottom: .5rem;
    padding-left: .3rem;
    position: relative
  }

  .development-box li dl::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 20px;
    bottom: 10px;
    background: linear-gradient(180deg, #c6c6c6, #efefef);
    left: 0
  }

  .development-box li dd {
    font-size: 18px;
    position: relative;
    height: 1rem
  }

  .development-box li dd p {
    line-height: 20px;
    display: inline-block;
    background: #fff;
    border-radius: 2em;
    padding: 14px .3rem;
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1);
    position: relative
  }

  .development-box li dd p::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #fff;
    border-right-width: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: -18px
  }

  .development-box li dd p::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #c6c6c6;
    border: 5px solid #f4f4f4;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: -0.3rem;
    margin-left: -8px
  }

  .development-box li h3 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    left: -0.8rem;
    border-top: 1px solid #00a1e6;
    padding-top: .2rem;
    position: relative
  }

  .development-box li h3::before {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #f5f5f5;
    border: 6px solid #00a1e6;
    border-radius: 50%;
    left: 1.5rem;
    top: -13px;
    margin-left: -2px;
    z-index: 2
  }

  .development-box li h3::after {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 50%;
    top: -20px;
    left: 1.5rem;
    margin-left: -10px;
    z-index: 1
  }
}

@media (max-width:1200px) {
  .development-box li dd p {
    font-size: 16px
  }

  .development-box li li dl {
    margin-left: 0
  }

  .development-box li li h3 {
    font-size: 18px
  }

  .development-box li li h3::before,
  .development-box li li h3:after {
    left: .7rem
  }
}

@media (max-width:992px) {
  .development-box li {
    margin-bottom: .3rem;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: .2rem
  }

  .development-box h3 {
    font-size: 22px;
    color: #00a1e6;
    color: #00a1e6 !important;
    margin-bottom: .1rem
  }

  .development-box dd {
    font-size: 16px;
    display: inline-block;
    padding-right: .3rem;
    min-width: 25%;
    line-height: 1.76;
    color: #666;
    padding-left: 15px;
    position: relative
  }

  .development-box dd:last-child {
    padding-right: 0
  }

  .development-box dd::before {
    content: '●';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: 0
  }
}

.benefits-box {
  padding: .5rem 0 .5rem;
  position: relative
}

@media (min-width:992px) {
  .benefits-box::after {
    content: '';
    display: block;
    position: absolute;
    width: 34vw;
    height: 100%;
    background: url('../images/ic_be.jpg') no-repeat center center;
    background-size: cover;
    right: 0;
    top: 0
  }
}

.benefits-box .ihd {
  margin-bottom: .4rem
}

.benefits-box .icons {
  margin-left: -0.1rem;
  margin-right: -0.1rem
}

.benefits-box .icons>* {
  padding-left: .1rem;
  padding-right: .1rem
}

.benefits-box .icons li {
  margin-bottom: .2rem
}

.benefits-box .inner {
  background: #f5f5f5;
  height: 2.2rem;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center;
  text-align: center
}

.benefits-box .inner em {
  width: .66rem;
  height: .66rem;
  overflow: hidden;
  display: block;
  margin: 0 auto .1rem;
  position: relative
}

.benefits-box .inner .ic {
  width: .66rem;
  height: .66rem;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute
}

.benefits-box .inner .ic.ic1 {
  background-image: url('../images/ic_be_1.png')
}

.benefits-box .inner .ic.ic2 {
  background-image: url('../images/ic_be_2.png')
}

.benefits-box .inner .ic.ic3 {
  background-image: url('../images/ic_be_3.png')
}

.benefits-box .inner .ic.ic4 {
  background-image: url('../images/ic_be_4.png')
}

.benefits-box .inner .ic.ic5 {
  background-image: url('../images/ic_be_5.png')
}

.benefits-box .inner .ic.ic6 {
  background-image: url('../images/ic_be_6.png')
}

.benefits-box .inner .ic.ic7 {
  background-image: url('../images/ic_be_7.png')
}

.benefits-box .inner .ic.ic8 {
  background-image: url('../images/ic_be_8.png')
}

.benefits-box .inner .tit {
  margin: 0 .1rem;
  line-height: 26px;
  height: 52px;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center;
  font-size: 18px;
  color: #666
}

@media (min-width:992px) {
  .benefits-box .inner:hover {
    background: #00a1e6
  }

  .benefits-box .inner:hover .tit {
    color: #fff
  }

  .benefits-box .inner:hover i {
    -webkit-filter: drop-shadow(.66rem 0 #fff);
    filter: drop-shadow(.66rem 0 #fff);
    left: -0.66rem;
    top: 0
  }
}

.benefits-box .icon {
  background: url('../images/ic_be.jpg') no-repeat center center;
  background-size: cover
}

@media (max-width:992px) {
  .benefits-box .inner .tit {
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    padding-top: 5px
  }
}

.team-box {
  background: #f5f5f5;
  padding: .5rem 0 1rem
}

.team-box .ihd {
  margin-bottom: .4rem
}

.team-box .press-list {
  margin-left: -0.28rem;
  margin-right: -0.28rem
}

.team-box .press-list>* {
  padding-left: .28rem;
  padding-right: .28rem
}

@media (max-width:1200px) {
  .team-box .press-list {
    margin-left: -0.15rem;
    margin-right: -0.15rem
  }

  .team-box .press-list>* {
    padding-left: .15rem;
    padding-right: .15rem
  }
}

.swiper-factory {
  padding-bottom: .6 rem
}

.swiper-factory li {
  width: 50%;
  padding: 0 .1rem
}

@media (max-width:640px) {
  .swiper-factory li {
    width: 100%;
    padding: 0
  }
}

.swiper-factory li .tit {
  background: #f5f5f5;
  padding: .2rem 0;
  text-align: center;
  font-size: 24px
}

@media (max-width:1200px) {
  .swiper-factory li .tit {
    font-size: 20px
  }
}

@media (max-width:640px) {
  .swiper-factory li .tit {
    font-size: 18px
  }
}

.swiper-factory .pnext {
  width: .5rem;
  height: .5rem;
  line-height: .5rem;
  border-radius: 50%;
  border: 1px solid #00a1e6;
  transition: .4s;
  transition: all .4s ease 0s
}

.swiper-factory .pnext::after {
  font-size: 20px
}

.swiper-factory .pnext:hover {
  background: #00a1e6
}

.swiper-factory .pnext:hover::after {
  color: #fff
}

.honner-data {
  background: #f5f5f5;
  padding: .5rem 0 1rem
}

.honner-data .wrap .ihd {
  margin-bottom: .3rem
}

.honner-data .wrap .txt {
  font-size: 16px;
  color: #666;
  line-height: 1.76;
  margin-bottom: .4rem
}

.honner-data .wrap .txt p {
  margin-bottom: .2rem
}

@media (min-width:992px) {
  .honner-data .inner {
    display: table;
    width: 100%
  }

  .honner-data .inner>* {
    display: table-cell;
    vertical-align: middle
  }

  .honner-data .leftbox {
    width: 70%;
    padding-right: 1rem
  }

  .honner-data .rightbox {
    width: 30%
  }
}

@media (min-width:992px) and (max-width:1360px) {
  .honner-data .leftbox {
    width: 60%;
    padding-right: .5rem
  }

  .honner-data .rightbox {
    width: 35%
  }
}

@media (max-width:991px) {
  .honner-data .rightbox {
    margin-top: 1rem
  }

  .honner-data .rightbox img {
    width: 100%
  }
}

@media (max-width:768px) {
  .honner-data .rightbox {
    margin-top: .5rem;
    clear: both
  }
}

.hdata .title {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center
}

@media (min-width:769px) {
  .hdata {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
  }

  .hdata li {
    width: 24%
  }
}

@media (max-width:768px) {
  .hdata {
    overflow: hidden
  }

  .hdata li {
    width: 50%;
    float: left;
    margin-bottom: .5rem
  }
}

.hdata li .title {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  margin-bottom: .1rem
}

.hdata li .icon {
  opacity: .6;
  width: 30px;
  height: 30px;
  display: block;
  margin-right: .2rem
}

.hdata li .icon.ic1 {
  background-image: url('../images/hdata_1.png')
}

.hdata li .icon.ic2 {
  background-image: url('../images/hdata_2.png')
}

.hdata li .icon.ic3 {
  background-image: url('../images/hdata_3.png')
}

.hdata li .icon.ic4 {
  background-image: url('../images/hdata_4.png')
}

.hdata li b {
  font-size: .48rem;
  line-height: 1.2;
  font-family: medium;
  color: #00a1e6;
  color: #00a1e6 !important
}

.hdata li .desc {
  font-size: 18px;
  color: #999
}

@media (max-width:1360px) {
  .hdata li .desc {
    font-size: 16px
  }
}

.honner-zs {
  padding: .5rem 0;
  overflow: hidden
}

.honner-zs .ihd {
  margin-bottom: .5rem
}

.honner-zs .inner {
  padding: .36rem .2rem .2rem;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: center
}

.honner-zs .inner:hover {
  border-color: #00a1e6
}

.honner-zs .inner:hover .tit {
  color: #00a1e6;
  color: #00a1e6 !important
}

.honner-zs .cover-box {
  max-width: 260px;
  margin: 0 auto .1rem
}

.honner-zs .tit {
  font-size: 18px;
  color: #666;
  height: 66px;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center
}

.honner-zs .tit em {
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  max-height: 44px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2
}

@media (max-width:640px) {
  .honner-zs .tit {
    font-size: 16px
  }
}

.honner-zs .bd {
  margin: 0 -0.3rem
}

.honner-zs .bd li {
  width: 33.33%
}

.honner-zs .bd li .inner {
  margin: 0 .3rem
}

@media (max-width:1200px) {
  .honner-zs .bd {
    margin: 0 -0.2rem
  }

  .honner-zs .bd li .inner {
    margin: 0 .2rem
  }
}

@media (max-width:992px) {
  .honner-zs .bd {
    margin: 0 -0.2rem
  }

  .honner-zs .bd li {
    width: 50%
  }

  .honner-zs .bd li .inner {
    margin: 0 .2rem
  }

  .honner-zs .bd .tit em {
    font-size: 16px;
    line-height: 20px;
    max-height: 40px
  }
}

@media (max-width:768px) {
  .honner-zs .bd {
    margin: 0 -0.1rem
  }

  .honner-zs .bd li .inner {
    margin: 0 .1rem
  }

  .honner-zs .bd .tit em {
    font-size: 14px;
    line-height: 18px;
    height: 36px
  }
}

@media (max-width:480px) {
  .honner-zs .bd {
    margin: 0 -0.06rem
  }

  .honner-zs .bd li .inner {
    margin: 0 .06rem
  }
}

.honner-swiper {
  padding-bottom: .7rem
}

.honner-swiper .swiper-pagination-bullet {
  background-color: #d0d0d0;
  border: 0;
  transition: .4s;
  transition: all .4s ease 0s
}

.honner-swiper .swiper-pagination-bullet-active {
  background: #00a1e6
}

.ginfo-download {
  padding: .5rem 0;
  background: #fff
}

.ginfo-download .ihd {
  margin-bottom: .4rem
}

.ginfo-wrap {
  background: #fff
}

@media (max-width:992px) {
  .ginfo-wrap .cItem {
    display: block !important
  }
}

.ginfo-features {
  font-size: 16px;
  line-height: 1.76;
  padding: .5rem 0;
  background: #fff;
  margin-bottom: .1rem
}

.ginfo-features .ihd {
  margin-bottom: .4rem
}

.ginfo-features h4 {
  font-size: 24px;
  padding: 30px 0 10px
}

@media (max-width:992px) {
  .ginfo-features h4 {
    font-size: 20px
  }
}

.ginfo-features .bd {
  color: #666
}

.ginfo-features .bd h4:first-child {
  padding-top: 0
}

.BMap_cpyCtrl,
.anchorBL {
  display: none
}

#map label,
#map img {
  max-width: none;
  max-height: none
}

.layer-video video {
  object-fit: cover
}

.soft-list-box {
  margin: .5rem auto 1rem
}

.soft-list-box .ihd {
  margin-bottom: .4rem
}

.soft-list-box .list {
  padding-bottom: .2rem
}

.soft-item {
  background: #f5f5f5;
  margin-bottom: .4rem
}

.soft-item .download {
  border: 1px solid #00a1e6;
  border-radius: 2em;
  display: inline-block;
  padding: 14px 25px;
  color: #00a1e6;
  color: #00a1e6 !important;
  transition: .4s;
  transition: all .4s ease 0s
}

.soft-item .download .iconfont {
  padding-right: 5px;
  font-size: 16px
}

@media (max-width:992px) {
  .soft-item .download {
    padding: 10px 20px
  }
}

.soft-item h3 {
  font-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: .2rem
}

.soft-item .info {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  height: 96px;
  margin-bottom: .4rem;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4
}

@media (max-width:1360px) {
  .soft-item .info {
    margin-bottom: .3rem
  }
}

@media (max-width:1200px) {
  .soft-item .info {
    line-height: 22px;
    height: 66px;
    -webkit-line-clamp: 3
  }
}

@media (min-width:768px) {
  .soft-item {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    padding: .3rem;
    transition: .4s;
    transition: all .4s ease 0s
  }

  .soft-item .img {
    width: 30%;
    max-width: 370px
  }

  .soft-item .content {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-left: .3rem
  }

  .soft-item:hover {
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1)
  }

  .soft-item:hover .download {
    background: #00a1e6;
    color: #fff
  }
}

@media (min-width:768px) and (max-width:1200px) {
  .soft-item .img {
    width: 258px
  }
}

@media (min-width:768px) and (max-width:992px) {
  .soft-item .img {
    width: 230px
  }
}

@media (max-width:768px) {
  .soft-item .title {
    font-size: 20px
  }

  .soft-item .content {
    padding: .4rem
  }
}

@media (max-width:768px) {
  .soft-item .content {
    padding: .3rem .2rem .5rem
  }
}

.service-introduce {
  padding-bottom: .6rem;
  position: relative;
  background: #fff
}

@media (min-width:768px) {
  .service-introduce .wrap {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    padding: .4rem 0;
    z-index: 1
  }

  .service-introduce .leftbox {
    width: 50%
  }
}

.service-introduce .wrap::before {
  content: '';
  display: block;
  position: absolute;
  width: 8.2rem;
  height: 100%;
  background: url('../images/print_bg.jpg') no-repeat center bottom;
  background-size: cover;
  right: -2.5rem;
  background-size: 8.2rem;
  top: 0;
  z-index: 1
}

.service-introduce .info {
  margin-top: .3rem;
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 1.76;
  color: #666;
  max-width: 612px
}

.service-introduce .rightbox {
  z-index: 55;
  text-align: center;
  position: relative;
  padding-right: 1rem
}

.service-introduce .rightbox .top {
  position: relative;
  display: inline-block
}

.service-introduce .rightbox .year {
  font-size: 2rem;
  color: #00a1e6;
  color: #00a1e6 !important;
  font-family: medium;
  line-height: 1;
  font-weight: bold;
  background-image: -webkit-linear-gradient(45deg, #00a1e6, #0038c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.service-introduce .rightbox .unit {
  color: #00a1e6;
  color: #00a1e6 !important;
  font-size: 16px;
  position: relative;
  bottom: .26rem;
  position: absolute;
  right: -46px;
  bottom: .46rem
}

.service-introduce .rightbox .tit {
  font-size: 16px;
  color: #666
}

@media (max-width:992px) {
  .service-introduce {
    padding-top: .6rem
  }

  .service-introduce:before {
    right: -0.4rem
  }

  .service-introduce .rightbox .year {
    font-size: 1.5rem
  }

  .service-introduce .rightbox .unit {
    bottom: .2rem;
    right: -55px
  }
}

@media (max-width:768px) {
  .service-introduce .rightbox {
    padding: .5rem 0
  }

  .service-introduce .wrap:before {
    right: 0rem;
    width: 100%
  }
}

.service-list-box {
  padding: .8rem 0
}

@media (min-width:768px) {
  .service-list-box .list {
    display: -webkit-flex;
    display: flex;

    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-align: stretch;
    box-align: stretch
  }

  .service-list-box li {
    background: #fff;
    width: 32%;
    padding: 1rem .5rem .6rem;
    transition: .4s;
    transition: all .4s ease 0s
  }

  .service-list-box li:nth-child(2) {
    margin: 0 2%
  }

  .service-list-box li:hover {
    background: #00a1e6;
    box-shadow: 0 10px 10px rgba(0, 160, 230, 0.5)
  }

  .service-list-box li:hover .ic1 {
    background-image: url('../images/ic_fw_1_on.png')
  }

  .service-list-box li:hover .ic2 {
    background-image: url('../images/ic_fw_2_on.png')
  }

  .service-list-box li:hover .ic3 {
    background-image: url('../images/ic_fw_3_on.png')
  }

  .service-list-box li:hover .txt {
    color: #fff
  }
}


@media (min-width:768px) and (max-width:1200px) {
  .service-list-box li {
    padding: 1rem .3rem .6rem
  }
}


.service-list-box .txt {
  font-size: 16px;
  color: #666;
  line-height: 2
}

.service-list-box .ic {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  margin: 0 auto .8rem;
  background-size: contain
}

.service-list-box .ic.ic1 {
  background-image: url('../images/ic_fw_1.png')
}

.service-list-box .ic.ic2 {
  background-image: url('../images/ic_fw_2.png')
}

.service-list-box .ic.ic3 {
  background-image: url('../images/ic_fw_3.png')
}

@media (max-width:768px) {
  .service-list-box li {
    background: #fff;
    margin-bottom: .3rem;
    padding: .6rem .4rem .6rem
  }

  .service-list-box li .ic {
    margin-bottom: .3rem
  }
}

.stuff-item {
  position: relative;
  z-index: 555;
  padding-bottom: .9rem
}

.stuff-item h5 {
  font-size: 18px;
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  color: #00a1e6;
  color: #00a1e6 !important;
  font-style: italic;
  margin-bottom: .2rem;
  max-width: 1200px
}

.stuff-item .table-scroll+h5 {
  margin-top: .4rem
}

.stuff-item .table-scroll {
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  overflow-x: auto
}

@media (max-width:768px) {
  .stuff-item .table-scroll {
    width: 100%
  }

  .stuff-item .table-scroll .inner {
    min-width: 768px;
    padding: 0 6vw
  }

  .stuff-item .table-scroll .inner.s4 {
    min-width: 600px
  }

  .stuff-item .table-scroll table {
    width: 100%
  }
}

.inner_img {
  background-size: 406px 538px;
}

.kf_icon {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  margin-top: 18px;
  background: url('../images/kf2.png') no-repeat;
  background-repeat: no-repeat;
}

.top_icon {
  background: url('../images/top2.png') no-repeat;

}

.kf_text {
  text-align: center;
  color: #40435A;
  margin-top: 4px;
  font-size: 12px;
}

.kf_box {
  height: 72px;
  width: 100%;
  border-radius: 50px 50px 0px 0px;
  border: 1px solid #fff;
  background: #fff;
}

.istop {
  border-radius: 50px 50px 50px 50px;
}

.istop:hover,
.kf_box:hover {
  background: linear-gradient(to right, #f7bf47, #e49337);
  border: 1px solid #e39036;
}

.istop:hover .top_icon {
  background: url('../images/top.png') no-repeat !important;
  background-size: 20px 18px !important;
}

.kf_box:hover .kf_icon {
  background: url('../images/kf.png') no-repeat;
  background-size: 18px 18px;
}


.kf_box:hover .kf_text {
  color: #fff;
}


.hd1-a1 {
  transition: .5s;
  z-index: 103;
}

.hd1-a1.pc-on1 {
  opacity: 0;
  transition: .5s;
}

.pc_nav_zz {
  z-index: 101;
  transition: .5s;
}

.pc_nav_zz.pc_nav_on1 {
  opacity: 1;
  transition: .5s;
}

.hd1-a5.on1s div {
  display: block !important;
  /*width: 6px !important;*/
  /*height: 6px !important;*/
  /*border-radius: 50% !important;*/
  /*background: #d90029 !important;*/
  /*position: absolute !important;*/
  /*z-index: 999999 !important;*/
  /*top: 35px !important;*/
  /*left: 50%!important;*/
}

.hd1-a5 div {
  display: none !important;
}

.lqtNavList {
  opacity: 0;
  position: absolute;
  z-index: -100;
  transform: translateY(30px);
  transition: 1s;
  width: 100%;
  top: 65px;
  left: 0;
}

.lqtNavLi:hover .lqtNavList {
  transform: translateY(-30px);
  transition: 1s;
}

.lqtNavLi {
  position: relative;
  z-index: 5;
  /*position: absolute;*/
  display: inline-block !important;
  height: 50px !important;
  overflow: hidden;
}

.lqtNavList {
  padding: 9px 15px;
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 170px;
}

.lqtNavList:before {
  position: absolute;
  left: 16px;
  top: -6px;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 6px solid rgba(255, 255, 255, 1);
}

.hd1-a5 div {
  display: block !important;
}

.lqtNavList li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(153, 153, 153, 0.1);
}

.lqtNavList li img {
  position: absolute;
  opacity: 0;
  right: 12px;
  width: 16px;
  height: 16px;
  top: 11px;
}

.lqtNavList li:hover img {
  opacity: 1;
  transform: translateX(10px);
  transition: 0.1s;
}

.lqtNavList li a {
  color: #454545;
  font-weight: bold;
  font-size: 14px;
}

.pc_nav_on1 .hd1-a4 {
  display: none;
}

.search1-a1 {
  z-index: 150;
}

.pc_nav_zz {
  opacity: 1 !important;
}

.pc_nav_on1s {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

.pc_nav_zz .lqtNavLi {
  color: #fff;
}

.pc_nav_zz .lqtNavLi a {
  color: #454545;
}

.pc_nav_zz a {
  color: #fff;
}

@media only screen and (max-width: 1399px) and (min-width: 1200px) {
  .hd1-a5 {
    margin-left: 24px !important;
  }

  .hd1-a5:first-child {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .hd1-a5 {
    font-size: 14px !important;
    margin-left: 18px !important;
  }

  .hd1-a5:first-child {
    margin-left: 0 !important;
  }

  .hd1-a66 {
    left: 370px !important;
  }
}

@media only screen and (min-width: 1640px) {
  .hd1-a400 {
    font-size: 44px;
    line-height: 100px;
    color: #fff;
    font-family: 'Rubik';
    position: absolute;
    top: 0;
    left: 500px;
  }

  .hd1-a1.on1 .hd1-a400 {
    color: #333;
  }

  .hd1-a1s.on1 .hd1-a400 {
    color: #333;
  }
}

@media only screen and (max-width: 1639px) and (min-width: 1600px) {
  .hd1-a400 {
    font-size: 40px;
    line-height: 100px;
    color: #fff;
    font-family: 'Rubik';
    position: absolute;
    top: 0;
    left: 500px;
  }

  .hd1-a1.on1 .hd1-a400 {
    color: #333;
  }

  .hd1-a1s.on1 .hd1-a400 {
    color: #333;
  }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
  .hd1-a400 {
    font-size: 28px;
    line-height: 100px;
    color: #fff;
    font-family: 'Rubik';
    position: absolute;
    top: 0;
    left: 500px;
  }

  .hd1-a1.on1 .hd1-a400 {
    color: #333;
  }

  .hd1-a1s.on1 .hd1-a400 {
    color: #333;
  }

  .hd1-a5 {
    margin-left: 20px;
  }

  .hd1-a5:first-child {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
  .hd1-a400 {
    font-size: 36px;
    line-height: 100px;
    color: #fff;
    font-family: 'Rubik';
    position: absolute;
    top: 0;
    left: 500px;
    display: none;
  }

  .hd1-a1.on1 .hd1-a400 {
    color: #333;
  }

  .hd1-a1s.on1 .hd1-a400 {
    color: #333;
  }
}

@media only screen and (max-width: 1023px) {
  .yyp_nav .a1 {
    height: 0.6rem !important;
  }
}

@media only screen and (max-width: 1440px) {
  .hd1-a4 {
    display: none;
  }
}

.hd1-a400 {
  display: none;
}

.menu1-a3 {
  width: calc(100%/7);
}

.menu1-a1.on1 .menu1-a3:nth-child(1) .menu1-a4 {
  transition-delay: 0.15s;
}

.menu1-a1.on1 .menu1-a3:nth-child(2) .menu1-a4 {
  transition-delay: 0.3s;
}

.menu1-a1.on1 .menu1-a3:nth-child(3) .menu1-a4 {
  transition-delay: 0.45s;
}

.menu1-a1.on1 .menu1-a3:nth-child(4) .menu1-a4 {
  transition-delay: 0.6s;
}

.menu1-a1.on1 .menu1-a3:nth-child(5) .menu1-a4 {
  transition-delay: 0.75s;
}

.menu1-a1.on1 .menu1-a3:nth-child(6) .menu1-a4 {
  transition-delay: 0.9s;
}

.menu1-a1.on1 .menu1-a3:nth-child(7) .menu1-a4 {
  transition-delay: 1.05s;
}

.menu1-a9 {
  width: 700%;
}

.menu1-a3:nth-child(1) .menu1-a9 {
  left: 0;
}

.menu1-a3:nth-child(2) .menu1-a9 {
  left: -100%;
}

.menu1-a3:nth-child(3) .menu1-a9 {
  left: -200%;
}

.menu1-a3:nth-child(4) .menu1-a9 {
  left: -300%;
}

.menu1-a3:nth-child(5) .menu1-a9 {
  left: -400%;
}

.menu1-a3:nth-child(6) .menu1-a9 {
  left: -500%;
}

.menu1-a3:nth-child(7) .menu1-a9 {
  left: -600%;
}





.stuff-item table {
  width: 100%
}

.stuff-item table th,
.stuff-item table td {
  padding: 10px;
  border: 1px solid #dddddd
}

.stuff-item table th {
  text-align: center
}

.stuff-item table td {
  max-width: 2rem;
  word-wrap: break-word
}

.stuff-item table thead {
  background: #00a1e6;
  color: #fff
}

.stuff-item table thead th {
  padding: 15px 10px
}

.stuff-item table tbody tr:hover {
  background-color: #fffde3
}

.stuff-item .ic-show {
  width: 24px;
  height: 24px;
  background: url('../images/show.png') no-repeat center center;
  background-size: contain;
  display: block;
  margin: 0 auto;
  cursor: pointer
}

.stuff-item .g-download {
  border: 1px solid #ddd;
  padding: 0 .2rem
}

@media (max-width:992px) {
  .stuff-item .g-download {
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
  }
}

.stuff-item .g-download h4,
.stuff-item .g-download .link {
  padding: 15px 0
}

.stuff-item .g-download h4 {
  border-bottom: 1px solid #ddd;
  font-size: 16px
}

.stuff-item .g-download .link {
  display: block;
  color: #00a1e6;
  color: #00a1e6 !important;
  transition: .4s;
  transition: all .4s ease 0s
}

.stuff-item .g-download .link:hover {
  color: #00a1e6;
  color: #00a1e6 !important
}

.stuff-item .g-download .link:hover {
  transform: translateX(5px)
}

.stuff-item .g-download .link .iconfont {
  padding-right: 10px;
  display: inline-block
}

.layer-img img {
  width: 100%;
  max-height: auto
}

.stuff-box {
  position: relative
}

.stuff-nav {
  width: 88vw;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:992px) {
  .stuff-nav {
    width: 88vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0
  }

  .stuff-nav.fixed {
    position: fixed;
    top: 100px;
    z-index: 5
  }

  .stuff-nav.fixed .inner {
    position: relative
  }

  .stuff-nav .inner {
    width: 2.2rem;
    min-height: 50vh;
    background: #00a1e6;
    color: #fff
  }

  .stuff-nav dl:hover dt {
    background-color: #4dbdee;
    color: #fff
  }

  .stuff-nav dl:hover dt::before {
    background: #fff
  }

  .stuff-nav dt:hover,
  .stuff-nav dd:hover {
    background-color: #4dbdee;
    text-indent: 5px;
    color: #fff
  }
}

@media (max-width:992px) {
  .stuff-nav {
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5rem
  }

  .stuff-nav .active dt {
    color: #fff
  }

  .stuff-nav dt {
    border-bottom: 1px solid #eaeaea;
    position: relative
  }

  .stuff-nav dt::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #00a1e6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: 5px
  }

  .stuff-nav dd {
    float: left
  }

  .stuff-nav dd dd+dd {
    padding-left: .2rem
  }
}

.stuff-nav dt,
.stuff-nav dd {
  padding: 15px 20px;
  font-weight: normal;
  transition: .4s;
  transition: all .4s ease 0s;
  margin-bottom: 1px
}

.stuff-nav dt {
  font-size: 16px;
  cursor: pointer
}

.stuff-nav dd {
  padding-left: 30px;
  cursor: pointer;
  transition: .4s;
  transition: all .4s ease 0s
}

.stuff-nav .active dt {
  background-color: #4dbdee
}

@media (max-width:1200px) {
  .vide-type.s2 {
    margin-bottom: 20px
  }
}

.good-toppic {
  margin-top: .8rem;
  margin-left: -0.22rem;
  margin-right: -0.22rem
}

.good-toppic>* {
  padding-left: .22rem;
  padding-right: .22rem
}

.good-toppic li {
  margin-bottom: .2rem
}

.good-toppic .inner {
  background: url('../images/toppic_bg.jpg') no-repeat center center;
  background-size: cover;
  padding-bottom: 1.2rem
}

.good-toppic .content {
  padding: .52rem .3rem 1.1rem .4rem;
  margin-right: .5rem;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover
}

.good-toppic .content h5 {
  color: #00a1e6;
  color: #00a1e6 !important;
  font-style: italic;
  font-size: 16px;
  margin-bottom: 8px
}

.good-toppic .content .title {
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: .2rem;
  transition: .4s;
  transition: all .4s ease 0s;
  display: inline-block
}

@media (min-width:992px) {
  .good-toppic .content .title:hover {
    color: #00a1e6;
    color: #00a1e6 !important;
    transform: translateX(5px)
  }
}

.good-toppic .content .txt {
  font-size: 16px;
  color: #666;
  line-height: 20px;
  height: 100px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
  margin-bottom: .2rem;
  margin-right: .5rem
}

@media (max-width:1360px) {
  .good-toppic {
    margin-left: -0.1rem;
    margin-right: -0.1rem
  }

  .good-toppic>* {
    padding-left: .1rem;
    padding-right: .1rem
  }

  .good-toppic .content {
    padding-right: .6rem;
    padding-left: .2rem
  }

  .good-toppic .content .title {
    font-size: 26px
  }
}

@media (max-width:1200px) and (min-width:993px) {
  .good-toppic .content {
    padding-left: .3rem
  }

  .good-toppic .content .title {
    white-space: nowrap
  }

  .good-toppic .content .title br {
    display: none
  }
}

@media (max-width:992px) {
  .good-toppic .content .title {
    font-size: 24px
  }
}

@media (max-width:768px) {
  .good-toppic .content {
    max-width: 630px;
    padding-left: 10%
  }

  .good-toppic .content br {
    display: none
  }

  .good-toppic .content .txt {
    width: 70%
  }
}

@media (max-width:580px) {
  .good-toppic .content {
    padding-left: .3rem
  }

  .good-toppic .content .txt {
    width: 95%
  }
}

.vhd {
  font-size: .36rem;
  margin-bottom: .6rem
}

.vhd h6 {
  font-style: italic;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 5px
}

@media (max-width:768px) {
  .vhd h6 {
    margin-bottom: .2rem
  }
}

.vhd .ihd {
  line-height: 1.2
}

.good-brief {
  background-color: #00245c;
  color: #fff;
  padding: 1.4rem 0 2.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.good-brief .txt {
  font-size: 16px;
  line-height: 1.6;
  font-style: italic;
  max-width: 940px;
  width: 90%;
  font-size: .2rem
}

@media (min-width:1200px) {
  .good-brief .content {
    width: 82%
  }
}

@media (max-width:1200px) {
  .good-brief {
    padding: .6rem 0 1rem;
    background: #00245c
  }

  .good-brief .hd {
    margin-bottom: .2rem
  }

  .good-brief .txt {
    width: 100%
  }
}

@media (max-width:768px) {
  .good-brief .hd {
    font-size: 20px
  }

  .good-brief .txt {
    font-size: 14px
  }
}

.good-brief-2 {
  padding: .9rem 0 1rem;
  margin-bottom: .6rem
}

.good-brief-2 .ihd {
  margin-bottom: .4rem
}

.good-brief-2 .txt {
  font-size: 16px;
  width: 100%;
  max-width: none
}

.goods-list-2 {
  padding: .8rem 0
}

.goods-list-2._info .item h4 {
  color: #333;
  font-size: 24px;
  padding: .3rem 0 .1rem
}

@media (max-width:992px) {
  .goods-list-2._info .item h4 {
    font-size: 20px
  }
}

.goods-list-2._info .item ul {
  padding-bottom: .1rem;
  line-height: 1.6
}

@media (max-width:768px) {
  .goods-list-2._info .item ul {
    margin-left: 22px
  }
}

.goods-list-2._info .item ul,
.goods-list-2._info .item li {
  list-style-type: disc
}

.goods-list-2 .item .tit {
  color: #00a1e6;
  color: #00a1e6 !important;
  font-size: .36rem;
  display: block;
  margin-bottom: 15px;
  line-height: 1.1
}

.goods-list-2 .item .desc {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  max-height: 130px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5
}

.goods-list-2 .coverimg {
  display: block
}

@media (min-width:768px) {
  .goods-list-2 ul {
    padding-left: 5%;
    padding-right: 5%
  }

  .goods-list-2 .item {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
  }

  .goods-list-2 .item .info,
  .goods-list-2 .item .img {
    width: 50%;
    padding: .3rem 3%
  }

  .goods-list-2 .item:nth-child(2n+1) .info-2 {
    display: none
  }

  .goods-list-2 .item:nth-child(2n) .info-1 {
    display: none
  }
}

@media (max-width:992px) {

  .goods-list-2 .item .info,
  .goods-list-2 .item .img {
    padding: .3rem .1rem
  }
}

@media (max-width:640px) {
  .goods-list-2 .item {
    padding: .3rem 0;
    border-bottom: 1px solid #eaeaea
  }

  .goods-list-2 .item .info,
  .goods-list-2 .item .img {
    padding: 0
  }

  .goods-list-2 .item .tit {
    font-size: 20px
  }

  .goods-list-2 .desc {
    max-height: 78px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3
  }
}

@media (max-width:992px) {
  .software-list ul {
    padding-left: 0;
    padding-right: 0
  }
}

.software-list .item .tit {
  color: #333
}

.software-list .item .desc {
  margin-bottom: .3rem;
  line-height: 1.5
}

.software-list .item .desc p+p {
  margin-top: .1rem
}

@media (min-width:768px) {
  .software-list .item .info {
    width: 60%
  }

  .software-list .item .img {
    width: 40%
  }
}

.software-list .download {
  border: 1px solid #00a1e6;
  border-radius: 2em;
  display: inline-block;
  padding: 11px 23px;
  color: #00a1e6;
  color: #00a1e6 !important;
  transition: .4s;
  transition: all .4s ease 0s
}

.software-list .download .iconfont {
  padding-right: 5px;
  font-size: 16px
}

.software-list .download:hover {
  background: #00a1e6;
  color: #fff !important
}

@media (max-width:992px) {
  .software-list .download {
    padding: 10px 20px
  }
}

.goods-more {
  background-color: #00245c;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  padding: 1.1rem 0 1.2rem
}

.goods-more h2 {
  font-size: .36rem;
  margin-bottom: .5rem;
  font-style: italic
}

@media (max-width:640px) {
  .goods-more {
    padding: .8rem 0
  }
}

.support-list-box {
  margin-bottom: .2rem
}

.support-list-box .ihd {
  margin-bottom: .4rem
}

@media (max-width:640px) {
  .support-list-box+.support-list-box {
    border-top: 1px solid #eaeaea;
    padding-top: .5rem
  }
}

.support-list {
  margin-left: -0.4rem;
  margin-right: -0.4rem
}

.support-list>* {
  padding-left: .4rem;
  padding-right: .4rem
}

.support-list li {
  padding-bottom: .5rem
}

.support-list li:nth-child(2n+1) {
  clear: both
}

.support-list .tit {
  color: #00a1e6;
  color: #00a1e6 !important;
  font-size: .3rem;
  margin: .16rem 0 .1rem
}

@media (max-width:768px) {
  .support-list .tit {
    font-size: 22px
  }
}

.support-list .desc {
  font-size: 16px;
  color: #666;
  line-height: 1.5
}

.contact-form {
  background: #f5f5f5;
  padding: .9rem 0 1.2rem
}

.contact-form.s2 {
  padding-top: .7rem
}

.contact-form .inner {
  max-width: 950px;
  width: 88%;
  margin-left: auto;
  margin-right: auto
}

.contact-form .ihd {
  margin-bottom: .4rem
}

.contact-form .txt {
  font-size: 16px;
  color: #999;
  text-align: center;
  margin: 0 auto .6rem;
  max-width: 90%;
  line-height: 1.56
}

.contact-form .wrap {
  background: #fff;
  padding: .88rem 5%
}

.contact-form .wrap .formbox {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto
}

.contact-form .cell {
  margin-bottom: .2rem;
  position: relative
}

.contact-form .cell .layui-input,
.contact-form .cell input {
  height: 46px;
  line-height: 46px;
  padding-left: .18rem
}

.contact-form .cell .sms {
  height: 44px;
  width: 158px;
  position: absolute;
  right: 16px;
  top: 1px
}

.contact-form .cell .input-box {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.contact-form .cell .upload {
  width: 92px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #00a1e6;
  color: #00a1e6;
  color: #00a1e6 !important;
  margin: 0 10px 0 5px;
  cursor: pointer
}

.contact-form .cell .upload:hover {
  background: #00a1e6;
  color: #fff
}

.contact-form .cell .name,
.contact-form .cell .placeholder {
  color: #999
}

@media (min-width:769px) {
  .contact-form .cell .name {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
  }
}

@media (max-width:768px) {
  .contact-form .cell .input-box {
    margin-bottom: 50px;
    position: relative
  }

  .contact-form .cell .name {
    position: absolute;
    left: 15px;
    top: 100%
  }
}

.contact-form .layui-textarea {
  height: 2rem;
  resize: none
}

.contact-form .submit {
  background: #00a1e6;
  border-radius: 2em;
  color: #fff;
  display: inline-block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: .3rem;
  cursor: pointer;
  transition: .4s;
  transition: all .4s ease 0s
}

.contact-form .submit:hover {
  width: 200px
}

.italic {
  font-style: italic
}

.software-list .item .tit,
.goods-list-2 .item .tit.italic {
  font-size: .32rem
}

.goods-list-2 .item .tit {
  font-size: .32rem
}

.c-list .row2 h3 {
  font-size: 22px;
  font-weight: bold
}

.progress-list {
  position: relative;
  padding: .5rem 0 1rem
}

.progress-list .ihd {
  margin-bottom: 1rem
}

@media (min-width:769px) {
  .progress-list {
    width: 50%
  }

  .progress-list::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 60px;
    border-right: 1px dashed #a5dff8;
    z-index: -1;
    right: 0
  }

  .progress-list::before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 17px;
    background: url(../images/_arr.png) no-repeat center 0;
    background-size: cover;
    top: -17px;
    right: -15px
  }

  .progress-list li {
    width: 100%;
    position: relative;
    margin-top: -0.5rem
  }

  .progress-list li::before,
  .progress-list li::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    background: #00a1e6;
    transition: all .3s ease-out
  }

  .progress-list li::before {
    left: -16px;
    background: #a5dff8;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    transform: scale(.5)
  }

  .progress-list li::after {
    left: -8px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  .progress-list li:nth-child(2n)::before {
    left: auto;
    right: -16px
  }

  .progress-list li:nth-child(2n)::after {
    left: auto;
    right: -8px
  }

  .progress-list li:hover::before {
    transform: scale(1)
  }

  .progress-list li:hover::after {
    transform: scale(1)
  }

  .progress-list li:nth-child(2n+1) {
    margin-left: 100%
  }

  .progress-list li:nth-child(2n+1) dl {
    margin-left: 60px
  }

  .progress-list dl {
    margin-right: 60px;
    border: 1px solid #dadada;
    padding: .3rem .7rem;
    position: relative;
    background: #fff;
    font-family: medium
  }

  .progress-list dl::before,
  .progress-list dl::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: -20px
  }

  .progress-list dl::before {
    transform: translateY(-50%);
    border: 10px solid;
    border-color: transparent transparent transparent #dadada
  }

  .progress-list dl::after {
    border: 9px solid;
    transform: translateY(-50%) translateX(-2px);
    border-color: transparent transparent transparent #fff
  }

  .progress-list li:nth-child(2n+1) {
    margin-left: 100%
  }

  .progress-list li:nth-child(2n+1) dl::before,
  .progress-list li:nth-child(2n+1) dl::after {
    right: auto;
    left: -20px
  }

  .progress-list li:nth-child(2n+1) dl::before {
    border-color: transparent #dadada transparent transparent
  }

  .progress-list li:nth-child(2n+1) dl::after {
    border-color: transparent #fff transparent transparent;
    transform: translateY(-50%) translateX(2px)
  }

  .progress-list li:hover dl {
    border-color: #00a1e6;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
  }

  .progress-list li:hover dl::before {
    border-left-color: #00a1e6
  }

  .progress-list li:nth-child(2n+1):hover dl::before {
    border-right-color: #00a1e6;
    border-left-color: #fff
  }
}

@media (min-width:769px) and (max-width:1200px) {
  .progress-list::after {
    top: 10px
  }
}

@media (min-width:769px) and (max-width:1200px) {
  .progress-list::before {
    top: 0
  }
}

.progress-list dt {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 1;
  font-family: medium
}

.progress-list dd p {
  color: #666;
  line-height: 26px;
  position: relative;
  font-size: 16px
}

.progress-list dd p::before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  left: -28px;
  top: 9px;
  border-radius: 50%;
  background: #00a1e6
}

.progress-list dd p+p {
  margin-top: 5px
}

@media (max-width:992px) {
  .progress-list li {
    margin-top: -0.7rem
  }
}

@media (max-width:768px) {
  .progress-list {
    margin-top: -0.4rem
  }

  .progress-list li {
    padding: .4rem 0;
    margin-top: 0;
    border-bottom: 1px solid #dadada
  }

  .progress-list dl {
    padding: .3rem
  }

  .progress-list dl dt {
    color: #00a1e6;
    font-size: 34px;
    margin-bottom: 20px;
    text-align: center
  }

  .progress-list dl dd p {
    padding-left: .3rem;
    line-height: 1.76
  }

  .progress-list dl dd p::before {
    left: 0;
    width: 6px;
    height: 6px
  }

  .progress-list dl dd p+p {
    margin-top: 10px
  }
}

.quote-success {
  padding: 30vh 0 42vh;
  text-align: center;
  background: #f5f5f5
}

.quote-success .tit {
  font-size: .48rem;
  margin-bottom: 30px;
  line-height: 1.7
}

.quote-success .go {
  font-size: 18px;
  background: #00a1e6;
  color: #fff;
  display: inline-block;
  border-radius: 2em;
  padding: 14px 36px;
  transition: .4s;
  transition: all .4s ease 0s
}

.quote-success .go:hover {
  background: #058ac3
}