/**
  * This is import
  **/
/* @import url('laoling-common.css');
@import url('animate3.6.0.css'); */
/* @import url('../icon/icon.css');
@import url('../animate/3.6.0.css');
@import url('../swiper/3.4.2/swiper.min.css'); */
/**
  * This is additional configuration
  **/
a:hover {
  color: #E93A3A;
  transition: all 0.3s ease;
}
.wrap {
  position: relative;
  padding: 0 100px;
  width: 100%;
  display: inline-block;
}
.rich {
  line-height: 2;
  text-align: justify;
}
.rich img {
  max-width: 100%;
}
.only-monitor {
  display: block !important;
}
.only-monitor-inline {
  display: inline-block !important;
}
.only-mobile {
  display: none !important;
}
.weui-thead {
  position: relative;
  line-height: 0;
  background: #fff;
  padding: 30px 0;
  overflow: hidden;
}
.weui-thead .title {
  display: inline-block;
  vertical-align: middle;
}
.weui-thead .title + .filter {
  margin-left: 0 !important;
}
.weui-thead .title h2 {
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.weui-thead .title h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2em;
  height: 3px;
  background: #E93A3A;
}
.weui-thead .filter {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: -50px;
}
.weui-thead .filter.large .item {
  border-bottom: 3px solid transparent;
}
.weui-thead .filter.large .item.is-active {
  border-color: #E93A3A;
}
.weui-thead .filter .list {
  white-space: nowrap;
}
.weui-thead .filter .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 50px;
}
.weui-thead .filter .item.is-active {
  color: #E93A3A;
  font-weight: bold;
}
.weui-thead .filter .item span {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.weui-thead2 {
  position: relative;
  text-align: center;
  margin: 0 0 50px;
}
.weui-thead2 h2 {
  line-height: 2;
  font-size: 34px;
  color: #333;
}
.weui-thead2 p {
  line-height: 2;
  font-size: 18px;
}
.weui-thead3 {
  position: relative;
  text-align: center;
  margin: 0 0 60px;
}
.weui-thead3 h2 {
  position: relative;
  line-height: 2;
  font-size: 34px;
  color: #333;
  font-weight: normal;
}
.weui-thead3 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1.4em;
  margin: 0 0 0 -0.7em;
  border-bottom: 2px solid #E93A3A;
}
.weui-thead3 p {
  line-height: 1.5;
}
.weui-loader {
  line-height: 0;
  position: relative;
  background: #fff;
  padding: 50px 0;
  text-align: center;
}
.page_box{
  margin: 0 auto;
  display: inline-block;
}
.flex{
  display: flex;
  justify-content: space-between;
}
.header_lft{
  flex: none;
}
/**
  * This is common layout
  */
#header {
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  height: 70px;
}
#header.is-hidden {
  pointer-events: none;
}
#header.is-hidden .header {
  top: -100%;
}
#header.is-home {
  position: fixed;
}
#header .header {
  position: relative;
  height: 70px;
  top: 0;
  transition: top 0.5s ease 0.3s;
}
#header .header .wrap {
  height: 70px;
  padding: 0;
  transition: background 0.2s ease 0s;
}
#header .header.is-active .wrap {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#header .header.is-active .logo img {
  display: none;
}
#header .header.is-active .logo img:first-child {
  display: block;
}
#header .header.is-active #nav .nav .link {
  color: #000;
}
#header .header.is-active .attached .tel .point {
  color: #000;
}
#header .header.is-active .attached .tel .point i::after {
  background-position: 0 0;
}
#header .header.is-active .attached .tel .point .icon img {
  display: block;
}
#header .header.is-active .attached .tel .point .icon img:nth-child(2) {
  display: none;
}
#header .header.is-active .attached .rcode .point {
  color: #000;
}
#header .header.is-active .attached .rcode .point i::after {
  border-top-color: #000;
}
#header .header.is-active .attached .search .point i::after {
  background-position: -50px 0;
}
#header .header.is-active .attached .shownav i::after {
  background-position: 0 0;
}
#header .logo {
  float: left;
  margin: 10px 40px 10px 20px;
}
#header .logo a {
  display: flex;
  line-height: 0;
  justify-content: space-between;
  align-items: center;
}
#header .logo a h1{
  font-size: 24px;
}
#header .logo img {
  display: block;
  height: 50px;
}
#header .logo img:first-child {
  display: none;
}
#header .attached {
  float: right;
  flex: none;
}
#header .attached .tel {
  float: left;
}
#header .attached .tel .point {
  color: #fff;
  height: 70px;
  line-height: 70px;
}
#header .attached .tel .point i {
  display: inline-block;
  vertical-align: middle;
}
#header .attached .tel .point i::after {
  background-position: 0 -50px;
}
#header .attached .tel .point .icon {
  display: inline-block;
  vertical-align: middle;
}
#header .attached .tel .point .icon img {
  display: block;
  width: 25px;
  height: 25px;
}
#header .attached .tel .point .icon img:nth-child(1) {
  display: none;
}
#header .attached .tel .point span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  margin: 0 0 0 5px;
}
#header .attached .no_login {
  margin: 14px 30px 0 0;
  font-size: 16px;
  border: 1px solid #E93A3A;
  color: #E93A3A;
  border-radius: 80px;
  padding: 5px 25px;
  display: inline-block;
  transition: all 0.3s ease;
}
#header .attached .no_login:hover{
  cursor: pointer;
  color: #fff;
  background-color: #E93A3A;
}
#header .attached .rcode {
  float: left;
  margin: 0 20px 0 40px;
  position: relative;
}
#header .attached .rcode:hover .drop {
  display: block;
}
#header .attached .rcode .point {
  height: 70px;
  line-height: 70px;
  color: #fff;
}
#header .attached .rcode .point span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin: 0 5px 0 0;
}
#header .attached .rcode .point i {
  display: inline-block;
  vertical-align: -6px;
}
#header .attached .rcode .point i::after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #fff;
}
#header .attached .rcode .drop {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: none;
}
#header .attached .rcode .drop .inner {
  position: absolute;
  top: 0;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #eee;
  width: 100%;
}
#header .attached .rcode .drop .inner .ls {
  position: relative;
  padding-bottom: 10px;
}
#header .attached .rcode .drop .inner .it a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-align: center;
}
#header .attached .shownav {
  float: left;
}
#header .attached .shownav i {
  display: block;
  width: 50px;
  height: 50px;
  padding: 10px;
  transform: scale(0.8);
}
#header .attached .shownav i::after {
  background-position: 0 -30px;
  background-image: url(../icon/icon-1@x3.png);
  background-size: 30px;
}
#nav {
  float: left;
}
#nav .nav .list {
  height: 70px;
}
#nav .nav .item {
  float: left;
  margin: 0 18px;
  cursor: pointer;
}

#nav .nav .item:hover .link,
#nav .nav .item.is-active .link {
  color: #E93A3A !important;
}
#nav .nav .item:hover .link::before,
#nav .nav .item.is-active .link::before {
  transform: scale(1, 1);
}

#nav .nav .item:nth-child(2) .drop .contain {
  margin-left: 375px;
}
#nav .nav .item:nth-child(2) .drop .contain .list2 {
  margin-left: -80px;
}
#nav .nav .item:nth-child(3) .drop .contain {
  margin-left: 650px;
}
#nav .nav .item:nth-child(3) .drop .contain .list2 {
  margin-left: -290px;
}
#nav .nav .item:nth-child(5) .drop .contain {
  margin-left: 750px;
}
#nav .nav .item:nth-child(5) .drop .contain .list2 {
  margin-left: -70px;
}
#nav .nav .item:nth-child(6) .drop .contain {
  margin-left: 870px;
}
#nav .nav .item:nth-child(6) .drop .contain .list2 {
  margin-left: -110px;
}
#nav .nav .item:nth-child(7) .drop .contain {
  margin-left: 990px;
}
#nav .nav .item:nth-child(7) .drop .contain .list2 {
  margin-left: -160px;
}
#nav .nav .link {
  display: block;
  position: relative;
  height: 70px;
  line-height: 70px;
  padding: 0 5px;
  color: #fff;
  font-size: 1.2em;
  cursor: pointer;
}
#nav .nav .link::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 2px solid #E93A3A;
  transform: scale(0, 1);
  transition: all 0.2s ease;
}
#nav .nav .drop {
  position: fixed;
  left: 0;
  right: 0;
  top: 70px;
  z-index: 99;
}
#nav .nav .list .item:hover .drop .inner{
  /* display: block; */
  height: 80px;
}
#nav .nav .drop .inner {
  position: relative;
  background: #fff;
  height: 0px;
  border-top: 1px solid #eee;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  /* display: none; */
  overflow: hidden;
  transition: height 0.5s ease;
}
#nav .nav .drop .contain {
  margin: 0 0 0 0;
}
#nav .nav .drop .list2 {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 25px 0 0;
}
#nav .nav .drop .item2 {
  float: left;
  margin: 0 20px 25px;
}
#nav .nav .drop .link2 {
  display: block;
  font-size: 1.15em;
}
#footer {
  background: #262626;
  border-bottom: 1px solid #3C3C3C;
}
#footer .footer {
  position: relative;
  padding: 50px 0;
}
#footer .footer .list {
  float: left;
  margin-left: 140px;
  position: relative;
}
#footer .footer .list:first-child {
  margin-left: 0;
}
#footer .footer .list dt {
  line-height: 50px;
}
#footer .footer .list dt h3 {
  color: #fff;
}
#footer .footer .list dd {
  line-height: 2.2;
}
#footer .footer .list dd a {
  color: #bbb;
}
#footer .footer .rcode {
  float: right;
}
#footer .footer .rcode .img img {
  width: 120px;
  height: 120px;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
}
#footer .footer .rcode .label {
  text-align: center;
  color: #fff;
}
#bottomer {
  background: #262626;
}
#bottomer .bottomer {
  position: relative;
  padding: 30px 0 30px;
}
#bottomer .bottomer .contact {
  position: relative;
  width: 600px;
  overflow: hidden;
}
#bottomer .bottomer .contact .list {
  float: left;
  margin: 0 0 10px 100px;
}
#bottomer .bottomer .contact .list:nth-child(1),
#bottomer .bottomer .contact .list:nth-child(3) {
  margin-left: 0;
}
#bottomer .bottomer .contact .list dt h3 {
  font-size: 15px;
  font-weight: normal;
  color: #fff;
}
#bottomer .bottomer .contact .list dd {
  line-height: 1.5;
  color: #fff;
}
#bottomer .bottomer .contact .list dd b {
  font-size: 2em;
}
#bottomer .bottomer .contact .list dd span {
  font-size: 1.2em;
}
#bottomer .bottomer .copyright {
  float: right;
}
#bottomer .bottomer .copyright .info {
  text-align: right;
  line-height: 2;
  margin: 0 0 10px;
  color: #fff;
}
#bottomer .bottomer .rcode {
  position: relative;
  text-align: right;
}
#bottomer .bottomer .rcode dd {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 0 0 10px;
}
#bottomer .bottomer .rcode dd .point {
  display: block;
}
#bottomer .bottomer .rcode dd .point:hover {
  opacity: 0.8;
}
#bottomer .bottomer .rcode dd .point i {
  display: block;
  width: 44px;
  height: 44px;
}
#bottomer .bottomer .rcode dd .drop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}
#bottomer .bottomer .rcode dd .drop .inner {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin: 0 0 0 -50px;
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  text-align: center;
}
#bottomer .bottomer .rcode dd .drop .inner::before {
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #fff;
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin: 0 0 0 -16px;
}
#bottomer .bottomer .rcode dd .drop .inner .img {
  margin: 0 0 10px;
}
#bottomer .bottomer .rcode dd .drop .inner .img img {
  display: block;
  width: 100px;
  height: 100px;
}
#bottomer .bottomer .rcode dd .drop .inner .text {
  line-height: 20px;
}
.kfbar-float {
  position: fixed;
  right: 20px;
  bottom: 200px;
  z-index: 900;
}
.kfbar-float .kfbar-float__main .item {
  position: relative;
  margin: 0 0 40px;
  transform: scale(1.1);
}
.kfbar-float .kfbar-float__main .kf {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 54px;
  border: 2px solid #E93A3A;
  cursor: pointer;
  background: rgba(0, 75, 200, 0.2);
}
.kfbar-float .kfbar-float__main .kf i::after {
  animation: weuiHuxi 1s ease infinite;
}
.kfbar-float .kfbar-float__main .kf::before {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid #E93A3A;
  border-radius: 50%;
  animation: weuiHuxi2 1s ease infinite;
}
.kfbar-float .kfbar-float__main .kf span {
  position: absolute;
  left: -8px;
  right: -8px;
  bottom: -20px;
  line-height: 26px;
  font-size: 12px;
  background: #E93A3A;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
.kfbar-float .kfbar-float__main .itop {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ddd;
  padding: 8px;
  cursor: pointer;
}
.kfbar-float .kfbar-float__main .itop:hover {
  background: #f9f9f9;
}
.kfbar-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 901;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.kfbar-dialog .kfbar-dialog__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -250px 0 0 -500px;
  background: #fff;
  width: 1000px;
  height: 500px;
  overflow: hidden;
  animation: zoomIn 0.2s ease;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead {
  position: relative;
  margin: 0 0 10px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead h2 {
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 1.5em;
  color: #333;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__thead .close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  line-height: 0;
  z-index: 5;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody {
  position: relative;
  margin: 0 0 50px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .list {
  position: relative;
  overflow: hidden;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .item {
  float: left;
  width: 25%;
  border-left: 1px solid #eee;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .item:first-child {
  border-left: 0;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .cell {
  position: relative;
  text-align: center;
  height: 260px;
  padding: 20px 0 0 0;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .label {
  position: relative;
  line-height: 1.6;
  margin: 0 0 40px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .label dt {
  font-weight: bold;
  color: #000;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .link a {
  display: inline-block;
  line-height: 35px;
  padding: 0 35px;
  border-radius: 35px;
  border: 1px solid #ddd;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x1 .link a:hover {
  background: #E93A3A;
  border-color: #E93A3A;
  color: #fff;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 h3 {
  height: 30px;
  line-height: 30px;
  font-size: 1.1em;
  color: #333;
  margin: 0 0 15px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .img img {
  width: 140px;
  height: 140px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 p {
  height: 44px;
  line-height: 44px;
  font-size: 15px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .icon {
  padding: 10px 0 0 0;
  margin: 0 0 10px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .label {
  position: relative;
  line-height: 30px;
  font-size: 15px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .link {
  padding: 15px 0 0 0;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .link a {
  display: inline-block;
  line-height: 35px;
  padding: 0 35px;
  border-radius: 35px;
  border: 1px solid #ddd;
  font-size: 15px;
  transition: all 0.3s ease;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .link a:hover {
  background: #E93A3A;
  border-color: #E93A3A;
  color: #fff;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed {
  height: 44px;
  padding: 6px 0 0 0;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  overflow: hidden;
  cursor: pointer;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-weixin2::after {
  background-position: 0 -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-zhihu2::after {
  background-position: -100px -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-shipinhao2::after {
  background-position: -200px -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd.is-active i.jfont-douyin2::after {
  background-position: -300px -300px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd i {
  position: relative;
  left: -6px;
  top: -6px;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__tbody .x2 .tabed dd i::after {
  transform: scale(0.8);
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__foot {
  position: relative;
}
.kfbar-dialog .kfbar-dialog__inner .kfbar-dialog__foot .link {
  text-align: center;
  font-size: 1.2em;
}
#sketchmap .sketchmap {
  position: relative;
  overflow: hidden;
  margin-top: 70px;
}
#sketchmap .sketchmap .bj {
  position: relative;
  padding: 0 0 33.85%;
  z-index: 0;
}
#sketchmap .sketchmap .bj.mini {
  padding-bottom: 20%;
}
#sketchmap .sketchmap .bj img {
  display: block;
  width: 100%;
  animation: baiduCoverFloat 10s ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.bj_cover{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  top: 0;
}
#sketchmap .sketchmap .text {
  position: absolute;
  left: 10vw;
  top: 30%;
  z-index: 1;
  max-width: 40vw;
}
#sketchmap .sketchmap .text.t1 {
  top: 30%;
}
#sketchmap .sketchmap .text.t2 {
  top: 30%;
}
#sketchmap .sketchmap .text.t2 h3,
#sketchmap .sketchmap .text.t2 .page-title {
  color: #333;
}
#sketchmap .sketchmap .text.t2 h3 span,
#sketchmap .sketchmap .text.t2 .page-title span {
  font-weight: normal;
}
#sketchmap .sketchmap .text.t2 h4 {
  color: #333;
}
#sketchmap .sketchmap .text.t3 h3,
#sketchmap .sketchmap .text.t3 .page-title {
  color: #333;
}
#sketchmap .sketchmap .text.t3 p {
  color: #5555;
}
#sketchmap .sketchmap .text h3,
#sketchmap .sketchmap .text .page-title {
  line-height: 1.5;
  font-size: 40px;
  color: #fff;
  margin: 0 0 20px;
}
#sketchmap .sketchmap .text h4 {
  line-height: 1.2;
  font-size: 30px;
  color: #fff;
  margin: 0 0 40px;
  font-weight: normal;
}
#sketchmap .sketchmap .text p {
  line-height: 2;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  margin: 0 0 30px;
}
#sketchmap .sketchmap .text .online {
  position: relative;
  white-space: nowrap;
}
#sketchmap .sketchmap .text .online.white a {
  background: #E93A3A;
  color: #fff;
}
#sketchmap .sketchmap .text .online a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  border-radius: 45px;
  margin: 0 10px 0 0;
  background: #2d6ffb;
  color: #fff;
  transition: padding 0.3s ease;
  transition-property: padding background;
  animation: fadeInUp 0.5s ease 0.6s both;
  font-size: 16px;
}
/**
  * This is home page
  **/
.home-banner {
  position: relative;
  margin-top: 70px;
}
.banner_txt{
  position: absolute;
  top: 10px;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 10;
}
.banner_txt h3{
  font-size: 50px;
  margin: 150px 0 50px 0;
}
.banner_txt p{
  font-size: 30px;
  margin-bottom: 10px;
}
.home-banner .swiper-img {
  position: relative;
  padding: 0 0 48.44%;
  overflow: hidden;
}
.home-banner .swiper-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.home-banner .swiper-button-prev:hover,
.home-banner .swiper-button-next:hover {
  opacity: 0.8;
}
.home-banner .swiper-button-prev {
  left: 50px;
}
.home-banner .swiper-button-next {
  right: 50px;
}
.home-banner .swiper-pagination {
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 5;
}
.home-banner .swiper-pagination .swiper-pagination-bullet {
  background: #adadad;
  margin: 6px;
  width: 10px;
  height: 10px;
  opacity: 1;
  transition: all 0.3s ease;
}
.home-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.2);
}
.home-data {
  position: relative;
  padding: 40px 0 0;
  background: #fff;
}
.home-data .weui-thead3 {
  margin-bottom: 30px;
}
.home-data .home-data__summary {
  text-align: center;
  margin: 0 0 20px;
}
.home-data .home-data__summary p {
  line-height: 2;
  font-size: 18px;
}
.home-data .home-data__more {
  margin: -1em 0 1em;
}
.home-data .home-data__more a {
  display: block;
  line-height: 3em;
  text-align: center;
  color: #999;
}
.home-data .home-data__info {
  position: relative;
  margin: 0 0 10px;
}
.home-data .home-data__info .list {
  position: relative;
  overflow: hidden;
}
.home-data .home-data__info .item {
  float: left;
  width: 33.33%;
}
.home-data .home-data__info .cell {
  position: relative;
  display: block;
  margin: 5px;
}
.home-data .home-data__info .info {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  background: #000;
  cursor: pointer;
}
.home-data .home-data__info .info .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.home-data .home-data__info .info .cover::before {
  content: '';
  background: #000;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.home-data .home-data__info .info .cover::before {
  content: '';
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), #000);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.home-data .home-data__info .info .cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.home-data .home-data__swiper .swiper-container {
  position: relative;
}
.home-data .home-data__swiper .swiper-container .swiper-img {
  position: relative;
  padding: 0 0 87.34%;
}
.home-data .home-data__swiper .swiper-container .swiper-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-data .home-data__swiper .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 5px 0;
}
.home-data .home-data__swiper .swiper-pagination .swiper-pagination-bullet {
  background: #adadad;
  opacity: 1;
  margin: 5px;
}
.home-data .home-data__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #696969;
  transform: scale(1.2);
}
.home-data .home-data__number {
  position: relative;
  text-align: center;
}
.home-data .home-data__number .list {
  overflow: hidden;
}
.home-data .home-data__number .item {
  float: left;
  width: 25%;
}
.home-data .home-data__number .cell {
  margin: 30px 10px;
}
.home-data .home-data__number .num {
  line-height: 1;
  color: #E93A3A;
  font-weight: bold;
}
.home-data .home-data__number .num span {
  font-size: 40px;
  font-family: avantB;
}
.home-data .home-data__number .num sub {
  vertical-align: 2px;
  font-size: 18px;
}
.home-data .home-data__number .num sup {
  vertical-align: 16px;
  font-size: 30px;
}
.home-data .home-data__number .label {
  line-height: 2;
  font-size: 18px;
}
.home-solution {
  position: relative;
  padding: 30px 0 0;
  background: #fff;
}
.home-solution .weui-thead3 {
  margin-bottom: 30px;
}
.home-solution .home-solution__swiper .list {
  position: relative;
  overflow: hidden;
}
.home-solution .home-solution__swiper .item {
  float: left;
  width: 20%;
  transition: all 0.3s ease;
}
.home-solution .home-solution__swiper .item.is-active {
  width: 60%;
}
.home-solution .home-solution__swiper .item.is-active .frt {
  display: block;
  align-items: center;
  justify-content: center;
}
.home-solution .home-solution__swiper .item.is-active .thead {
  text-align: left;
  margin-bottom: 30px;
}
.home-solution .home-solution__swiper .item.is-active .thead h3 {
  display: inline-block;
  vertical-align: middle;
}
.home-solution .home-solution__swiper .item.is-active .tbody {
  display: block;
  animation: slideInUp 0.3s ease;
}
.home-solution .home-solution__swiper .item.is-active .tfoot {
  display: block;
  animation: slideInUp 0.3s ease;
}
.home-solution .home-solution__swiper .cell {
  margin: 10px;
  overflow: hidden;
  position: relative;
}
.home-solution .home-solution__swiper .frt {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  color: #fff;
  padding: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-solution .home-solution__swiper .bck img {
  display: block;
  width: 53vw;
}
.home-solution .home-solution__swiper .thead {
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
}
.home-solution .home-solution__swiper .thead i,
.home-solution .home-solution__swiper .thead img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}
.home-solution .home-solution__swiper .thead h3 {
  font-size: 1.5em;
  font-weight: normal;
}
.home-solution .home-solution__swiper .tbody {
  display: none;
  margin: 0 0 10px 0;
  width: 50%;
}
.home-solution .home-solution__swiper .tbody h4 {
  font-size: 2.2em;
  margin: 0 0 10px 0;
}
.home-solution .home-solution__swiper .tbody p {
  width: 22vw;
  min-height: 120px;
  line-height: 1.8;
  font-size: 1.2em;
}
.home-solution .home-solution__swiper .tfoot {
  display: none;
  line-height: 2;
  font-size: 1.2em;
}
.home-solution .home-solution__swiper .tfoot a {
  display: inline-block;
  height: 42px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 20px;
  background: none;
  border: 1px solid #fff;
  color: #fff;
}
.home-partner {
  position: relative;
  padding: 50px 0 0;
  background: #fff;
}
.home-partner .weui-thead3 {
  margin-bottom: 40px;
}
.home-partner .home-partner__list {
  padding: 10px 0 0 0;
}
.home-partner .home-partner__list .list {
  position: relative;
  overflow: hidden;
}
.home-partner .home-partner__list .item {
  float: left;
  width: 16.66%;
}
.home-partner .home-partner__list .cell {
  position: relative;
  border: 1px solid #efefef;
  margin: 5px;
  cursor: pointer;
}
.home-partner .home-partner__list .cell:hover {
  border-color: #e5e5e5;
}
.home-partner .home-partner__list .cell:hover .img::before {
  left: 150%;
  transition: all 0.5s ease;
}
.home-partner .home-partner__list .img {
  position: relative;
  padding: 10px;
  height: 100px;
  text-align: center;
  overflow: hidden;
}
.home-partner .home-partner__list .img::before {
  content: '';
  position: absolute;
  left: -50%;
  top: -50px;
  bottom: -50px;
  z-index: 1;
  width: 50px;
  transform: rotate(45deg);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
  opacity: 0.5;
}
.home-partner .home-partner__list .img img {
  height: 100%;
  object-fit: cover;
}
.home-news {
  position: relative;
  padding: 80px 0 70px;
  background: #fff;
}
.home-news .weui-thead3 {
  margin-bottom: 50px;
}
.home-news .home-news__main {
  position: relative;
  overflow: hidden;
}
.home-news .home-new__swiper {
  float: left;
  width: 715px;
}
.home-news .home-new__swiper .swiper-container:hover .swiper-button-prev,
.home-news .home-new__swiper .swiper-container:hover .swiper-button-next {
  opacity: 1;
}
.home-news .home-new__swiper .swiper-pagination {
  position: relative;
  text-align: center;
  padding: 10px 0 0;
}
.home-news .home-new__swiper .swiper-pagination .swiper-pagination-bullet {
  background: #adadad;
  opacity: 1;
  margin: 5px;
}
.home-news .home-new__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #696969;
  transform: scale(1.2);
}
.home-news .home-new__swiper .swiper-button-prev,
.home-news .home-new__swiper .swiper-button-next {
  color: #fff;
  opacity: 0;
  transition: all 0.3s ease;
}
.home-news .home-new__swiper .swiper-button-prev:hover,
.home-news .home-new__swiper .swiper-button-next:hover {
  opacity: 0.8;
}
.home-news .home-new__swiper .swiper-cell:hover img {
  transform: scale(1.02);
}
.home-news .home-new__swiper .swiper-cell .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  background: #f9f9f9;
}
.home-news .home-new__swiper .swiper-cell .img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.home-news .home-new__swiper .swiper-cell .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 100px 20px 20px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
}
.home-news .home-new__swiper .swiper-cell .exp h3 {
  font-size: 1.2em;
  color: #fff;
  line-height: 2.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-news .home-new__swiper .swiper-cell .exp p {
  color: #fff;
  opacity: 0.7;
  line-height: 1.5;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news .home-news__list {
  margin: 0;
}
.home-news .home-news__list .home-news__more {
  margin: 0;
  text-align: center;
}
.home-news .home-news__list .list {
  margin: 0;
}
.home-news .home-news__list .list .item {
  margin: 0 0 20px;
}
.home-news .home-news__list .list .item:last-child {
  margin-bottom: 0;
}
.home-news .home-news__list .list .cell {
  display: block;
  overflow: hidden;
}
.home-news .home-news__list .list .img {
  float: left;
  position: relative;
  overflow: hidden;
  background: #f9f9f9;
}
.home-news .home-news__list .list .img img {
  display: block;
  width: 120px;
  height: 90px;
}
.home-news .home-news__list .list .exp {
  margin: 0 0 0 130px;
  padding: 6px 0 0 0;
}
.home-news .home-news__list .list .exp h3 {
  color: #333;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 15px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 5px;
}
.home-news .home-news__list .list .exp span {
  color: #999;
}
.home-news .home-news__more {
  line-height: 5;
}
.home-news .home-news__more a {
  color: #999;
}
.home-news .home-news__more a:hover {
  color: #E93A3A;
}
.home-news .home-news__flex {
  display: flex;
  overflow: hidden;
}
.home-news .home-news__huodong {
  flex: 1;
  position: relative;
  border: 1px solid #ddd;
  margin: 0 30px 0 0;
}
.home-news .home-news__huodong .cell {
  display: block;
}
.home-news .home-news__huodong .cell:hover h3 {
  color: #E93A3A;
}
.home-news .home-news__huodong .cell:hover .cover .img img {
  transform: scale(1.02);
}
.home-news .home-news__huodong .cover {
  margin: -1px -1px 0;
}
.home-news .home-news__huodong .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
}
.home-news .home-news__huodong .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.home-news .home-news__huodong .cover .img span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0px 20px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 16px;
}
.home-news .home-news__huodong .exp {
  position: relative;
  padding: 20px 30px;
}
.home-news .home-news__huodong .exp h3 {
  margin: 0 0 10px;
  font-size: 16px;
  color: #333;
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news .home-news__huodong .exp p {
  font-size: 16px;
  color: #999;
  height: 50px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.home-news .home-news__huodong .exp .date {
  line-height: 40px;
}
.home-news .home-news__huodong .exp .date span {
  font-size: 16px;
  color: #888;
}
.home-news .home-news__xinwen {
  flex: 1;
  position: relative;
  border: 1px solid #ddd;
  padding: 50px 0 20px;
}
.home-news .home-news__xinwen .tip {
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 0px 20px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 16px;
}
.home-news .home-news__xinwen .list .item {
  position: relative;
}
.home-news .home-news__xinwen .list .cell {
  display: block;
  margin: 25px 30px;
  transition: all 0.3s ease;
}
.home-news .home-news__xinwen .list .cell:hover {
  transform: translateY(-5px);
}
.home-news .home-news__xinwen .list .cell:hover h3,
.home-news .home-news__xinwen .list .cell:hover span {
  color: #E93A3A;
}
.home-news .home-news__xinwen .list .cell h3 {
  font-size: 16px;
  color: #333;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.home-news .home-news__xinwen .list .cell span {
  display: block;
  line-height: 30px;
  font-size: 16px;
  color: #888;
}
.home-news .home-news-foot {
  position: relative;
  text-align: center;
  padding: 40px 0;
}
.home-news .home-news-foot .btn {
  display: inline-block;
  margin: 0 20px;
  border-radius: 40px;
  border: 1px solid #ddd;
  padding: 0 40px;
  color: #888;
}
.home-news .home-news-foot .btn:hover {
  border-color: #E93A3A;
  color: #E93A3A;
}
.home-news .home-news-foot .btn span {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
/**
  * This is solution company page
  **/
.financing-data{
  position: relative;
  padding: 30px 0 0px;
  background: #fff;
}
.financing-data .list {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 -10px -10px -10px;
  display: flex;
}
.financing-data .item {
  float: left;
  width: 20%;
}
.financing-data .cell {
  margin: 10px;
}
.financing-data .num {
  height: 70px;
  line-height: 70px;
  color: #E93A3A;
}
.financing-data .num span {
  font-size: 50px;
  font-family: avantB;
  font-weight: bold;
  margin: 0 8px 0 0;
}
.financing-data .num sub {
  vertical-align: 2px;
  font-size: 24px;
  margin-left: -5px;
}
.financing-data .num sup {
  vertical-align: 10px;
  font-size: 40px;
  margin-left: -5px;
}
.financing-data .label {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #333;
}
.financing_detail{
  position: relative;
  background: #f9f9fb;
  padding: 50px 0 50px;
}
.financing_desc{
  color: #fff;
  font-size: 16px;
  width: 650px;
  margin-bottom: 40px;
}
.financing_desc ul li{
  width: 50%;
  display: inline-block;
  line-height: 35px;
}
.financing_detail .box{
  position: relative;
  overflow: hidden;
}
.financing_detail .box h2{
  line-height: 40px;
  font-size: 18px;
  color: #333;
}
.financing_detail .box .content{
  margin: 0 0 10px 18px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
.financing_from{
  padding: 10px 20px 10px 0;
}
.solution-company__1 {
  position: relative;
  padding: 40px 0 0px;
  background: #fff;
}
.solution-company__1 .contain .list {
  overflow: hidden;
  margin: -15px;
}
.solution-company__1 .contain .item {
  float: left;
  width: 25%;
  transition: transform 0.3s ease;
}
.solution-company__1 .contain .item:hover {
  transform: translateY(-10px);
}
.solution-company__1 .contain .cell {
  margin: 15px;
  padding: 40px 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: background 0.3s ease;
}
.solution-company__1 .contain .cell h3 {
  line-height: 2;
  text-align: center;
  font-size: 24px;
  /* color: #E93A3A; */
  margin: 0 0 20px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.solution-company__1 .contain .cell p {
  line-height: 40px;
  font-size: 16px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40px;
}
.solution-company__1 .contain .cell p span{
  color: #E93A3A;
}
.solution-company__1 .contain .cell .btn {
  position: relative;
  text-align: center;
}
.solution-company__1 .contain .cell .btn a {
  display: inline-block;
  margin: 30px 0 0 0;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  border: 1px solid #E93A3A;
  padding: 0 40px;
  color: #E93A3A;
}
.solution-company__1 .contain .cell:hover{
  background: #E93A3A;
}
.solution-company__1 .contain .cell:hover h3,.solution-company__1 .contain .cell:hover p,.solution-company__1 .contain .cell:hover p span{
  color: #fff;
}
.solution-company__1 .contain .cell:hover .btn a{
  border: 1px solid #fff;
  background-color: #fff;
}
.solution-company__1 .tfoot {
  position: relative;
  text-align: center;
}
.solution-company__1 .tfoot .more {
  padding: 40px 0 0 0;
}
.solution-company__1 .tfoot .more a {
  line-height: 40px;
  font-size: 16px;
  color: #E93A3A;
}
.solution-company__1 .tfoot .more a::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: 0;
  border-right: 1px solid #E93A3A;
  border-bottom: 1px solid #E93A3A;
  transform: rotate(-45deg);
  margin: 0 0 0 5px;
}
.solution-company__2 {
  position: relative;
  padding: 60px 0 60px;
  background: #fff;
}
.solution-company__2 .contain .list {
  overflow: hidden;
  margin: -40px;
  display: flex;
  justify-content: space-around;
}
.solution-company__2 .contain .jt {
  width: 5%;
  height: 120px;
  display: flex;
  align-items: center;
}
.solution-company__2 .contain .jt img{
  width: 100%;
}
.solution-company__2 .contain .item {
  float: left;
  /* width: 15%; */
}
.solution-company__2 .contain .cell {
  margin: 15px;
  padding: 10px;
}
.solution-company__2 .contain .cell .icon {
  text-align: center;
  transition: transform 0.3s ease;
}
.solution-company__2 .contain .cell .icon i,
.solution-company__2 .contain .cell .icon img {
  /* width: 150px; */
  height: 70px;
}
.solution-company__2 .contain .cell h3 {
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: #333;
  margin: 0 0 10px;
}
.solution-company__2 .contain .cell p {
  text-align: center;
  line-height: 25px;
  font-size: 16px;
}
.solution-company__3 {
  position: relative;
  padding: 60px 0 10px;
  background: #f9f9f9;
}
.solution-company__3 .thead {
  margin: 0 0 10px;
}
.solution-company__3 .thead h2 {
  line-height: 40px;
  font-size: 18px;
  color: #333;
}
.solution-company__3 .iconfr {
  overflow: hidden;
  margin: 0 0 40px;
}
.solution-company__3 .iconfr .lt {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.solution-company__3 .iconfr .lt .ctn .ls .it .cl {
  /* background: url(/images/back-a1.png) center center no-repeat; */
  background-size: cover;
}
.solution-company__3 .iconfr .rt {
  float: right;
  width: 100%;
}
.solution-company__3 .iconfr .rt .ctn .ls .it {
  width: 33.333%;
}
.solution-company__3 .iconfr .rt .ctn .ls .it .cl {
  /* background: url(/images/back-a2.png) center center no-repeat; */
  background-size: cover;
}
.solution-company__3 .iconfr .ls {
  position: relative;
  overflow: hidden;
  margin: -10px;
}
.solution-company__3 .iconfr .it {
  float: left;
  width: 33.3333%;
}
.solution-company__3 .iconfr .cl {
  position: relative;
  padding: 0 0 66.66%;
  background: #fff;
  margin: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.solution-company__3 .iconfr .flx {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution-company__3 .iconfr .in {
  position: relative;
  text-align: center;
  padding: 10px 0 0;
}
.solution-company__3 .iconfr .in .img {
  background-color: #E93A3A;
  width: 90px;
  height: 90px;
  border-radius: 50px;
  margin: 0 auto 10px;
}
.solution-company__3 .iconfr .in .img img {
  margin-top: 20px;
  width: 50px;
  height: 50px;
}
.solution-company__3 .iconfr .in h3 {
  line-height: 40px;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
}
.solution-company__3 .iconfr .in p {
  line-height: 30px;
  font-size: 16px;
  font-weight: normal;
  padding: 0 20px;
  height: 70px;
}
.solution-company__3 .contain .list {
  overflow: hidden;
  margin: -10px;
}
.solution-company__3 .contain .item {
  float: left;
  width: 33.33%;
}
.solution-company__3 .contain .cell {
  margin: 10px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.solution-company__3 .contain .cell:hover .shadow {
  background: rgba(0, 75, 200, 0.95);
}
.solution-company__3 .contain .cell:hover .bj img {
  transform: scale(1.5);
  transition: transform 5s ease;
}
.solution-company__3 .contain .cell:hover .exp h3 {
  animation: fadeInUp 0.3s ease;
}
.solution-company__3 .contain .cell:hover .exp p {
  display: block;
  animation: fadeInUp 0.3s ease;
}
.solution-company__3 .contain .cell .bj {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
}
.solution-company__3 .contain .cell .bj img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-company__3 .contain .cell .exp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 30px;
}
.solution-company__3 .contain .cell .exp h3 {
  position: relative;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  margin: 0 0 20px;
}
.solution-company__3 .contain .cell .exp h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2em;
  border-bottom: 2px solid #fff;
}
.solution-company__3 .contain .cell .exp p {
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  display: none;
}
.solution-company__3 .contain .cell .shadow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.solution-company__3 .swiper .swiper-slide {
  width: 70vw;
}
.solution-company__3 .swiper .cell {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.solution-company__3 .swiper .cell .cover .img {
  position: relative;
  padding: 0 0 66.66%;
}
.solution-company__3 .swiper .cell .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-company__3 .swiper .cell .exp {
  position: relative;
  background: #fff;
  padding: 10px 20px 20px;
}
.solution-company__3 .swiper .cell .exp h3 {
  line-height: 30px;
  font-size: 16px;
  color: #333;
}
.solution-company__3 .swiper .cell .exp p {
  height: 100px;
  line-height: 25px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
/**
  * This is content download page
  **/
.content-lister {
  position: relative;
  background: #fff;
}
.content-lister .null {
  position: relative;
  text-align: center;
  overflow: hidden;
  margin: 0 0 100px;
}
.content-lister .null .icon img {
  max-width: 100%;
}
.content-lister .null .label p {
  line-height: 2;
  font-size: 20px;
  color: #333;
}
.content-lister .null .label p + p {
  font-size: 16px;
  color: #999;
}
.content-lister .list {
  position: relative;
  overflow: hidden;
  margin: -15px;
}
.content-lister .list .item {
  float: left;
  width: 33.33%;
}
.content-lister .list .cell {
  position: relative;
  display: block;
  border: 1px solid #eee;
  margin: 15px;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.content-lister .list .cover .img {
  position: relative;
  padding: 0 0 51.32%;
  overflow: hidden;
  display: block;
  background: #f9f9f9;
}
.content-lister .list .cover .img.e16x9 {
  padding: 0 0 56.25%;
}
.content-lister .list .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
}
.content-lister .list .exp {
  position: relative;
  padding: 15px 15px 20px;
}
.content-lister .list .exp h3 {
  font-size: 16px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 15px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content-lister .list .exp h3.clamp-1 {
  height: 25px;
  -webkit-line-clamp: 1;
}
.content-lister .list .exp p {
  height: 40px;
  line-height: 20px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #999;
}
.content-lister .list .exp .tag {
  height: 40px;
  line-height: 0;
  white-space: nowrap;
}
.content-lister .list .exp .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-lister .list .exp .tag dd + dd::before {
  content: '|';
  color: #ddd;
  margin: 0 12px;
}
.content-lister .list .exp .tag dd a {
  color: #286bff;
}
.content-lister .list .exp .date {
  height: 20px;
  line-height: 20px;
}
.content-lister .list .exp .btn {
  line-height: 0;
  padding: 15px 0 0 0;
  text-align: center;
}
.content-lister .list .exp .btn a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 60px;
  border-radius: 40px;
  background: #f8f8fa;
  color: #999;
  transition: all 0.3s ease;
}
.content-lister .list .exp .btn a.blue {
  background: #eaf0fe;
  color: #E93A3A;
}
.content-lister .list2 {
  margin: -35px;
}
.content-lister .list2 .item {
  position: relative;
}
.content-lister .list2 .cell {
  position: relative;
  overflow: hidden;
  margin: 35px;
  transition: all 0.3s ease;
}
.content-lister .list2 .cover {
  float: left;
  width: 300px;
}
.content-lister .list2 .cover .img {
  position: relative;
  display: block;
  padding: 0 0 66.66%;
  border-radius: 6px;
  overflow: hidden;
  background: #f9f9f9;
}
.content-lister .list2 .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-lister .list2 .exp {
  margin: 0 0 0 320px;
  height: 150px;
}
.content-lister .list2 .exp h3 {
  line-height: 50px;
  font-size: 18px;
  font-weight: normal;
  color: #333;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.content-lister .list2 .exp h3 strong {
  color: #dc153f;
}
.content-lister .list2 .exp p {
  position: relative;
  height: 60px;
  line-height: 30px;
  color: #999;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content-lister .list2 .tag {
  margin: 0 0 0 320px;
  line-height: 0;
  white-space: nowrap;
}
.content-lister .list2 .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-lister .list2 .tag dd + dd::before {
  content: '|';
  color: #ddd;
  margin: 0 12px;
}
.content-lister .list2 .tag dd a {
  color: #E93A3A;
}
.content-lister .list3 {
  position: relative;
  overflow: hidden;
  margin: -10px;
  padding: 0 0 30px;
}
.content-lister .list3 .item {
  float: left;
  width: 25%;
}
.content-lister .list3 .cell {
  position: relative;
  display: block;
  border: 1px solid #eee;
  margin: 10px;
  padding: 15px 20px 5px;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.content-lister .list3 .cell.is-video {
  padding: 0;
}
.content-lister .list3 .cover {
  position: relative;
  margin: 0 0 10px;
}
.content-lister .list3 .cover .img {
  position: relative;
  padding: 0 0 66.66%;
  overflow: hidden;
  display: block;
}
.content-lister .list3 .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-lister .list3 .cover .img span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.content-lister .list3 .cover .video {
  position: relative;
  padding: 0 0 67%;
  overflow: hidden;
  display: block;
}
.content-lister .list3 .cover .video:hover::after {
  transform: scale(0.8);
}
.content-lister .list3 .cover .video img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.content-lister .list3 .cover .video::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}
.content-lister .list3 .cover .video::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  z-index: 3;
  transform: scale(0.9);
  transition: all 0.3s ease;
  background: url(/static/icon/e.png) 0 -500px no-repeat;
}
.content-lister .list3 .title {
  position: relative;
}
.content-lister .list3 .title h3 {
  font-size: 16px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 5px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content-lister .list3 .date {
  position: relative;
  height: 20px;
  line-height: 20px;
}
.content-lister .list3 .date span {
  color: #999;
}
.content-lister .list3 .tag {
  height: 40px;
  line-height: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-lister .list3 .tag dd {
  display: inline;
  height: 40px;
  line-height: 40px;
}
.content-lister .list3 .tag dd + dd::before {
  content: '|';
  color: #ddd;
  margin: 0 8px;
}
.content-lister .list3 .tag dd a {
  color: #999;
}
.content-lister .list3 .exp {
  position: relative;
  padding: 10px 20px 3px;
}
.content-lister .list3 .exp h3 {
  font-size: 16px;
  height: 50px;
  line-height: 25px;
  margin: 0 0 5px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.content-lister .list3 .exp2 {
  position: relative;
}
.content-lister .list4 {
  position: relative;
  overflow: hidden;
  margin: -15px;
}
.content-lister .list4 .item {
  float: left;
  width: 33.33%;
}
.content-lister .list4 .cell {
  position: relative;
  display: block;
  border: 1px solid #eee;
  margin: 15px;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.content-lister .list4 .cover .img {
  position: relative;
  padding: 0 0 56.25%;
  overflow: hidden;
  display: block;
  background: #f9f9f9;
}
.content-lister .list4 .cover .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
}
.content-lister .list4 .exp {
  position: relative;
  padding: 15px 15px 20px;
}
.content-lister .list4 .exp h3 {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 5px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.content-lister .list4 .exp p {
  height: 40px;
  line-height: 20px;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #999;
}
.content-lister .list4 .exp .tag {
  height: 40px;
  line-height: 0;
  white-space: nowrap;
}
.content-lister .list4 .exp .tag dd {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-lister .list4 .exp .tag dd + dd::before {
  content: '|';
  color: #ddd;
  margin: 0 12px;
}
.content-lister .list4 .exp .tag dd a {
  color: #286bff;
}
.content-lister .list4 .exp .date {
  height: 20px;
  line-height: 20px;
}
.content-lister .list4 .exp .btn {
  line-height: 0;
  padding: 15px 0 0 0;
  text-align: center;
}
.content-lister .list4 .exp .btn a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 60px;
  border-radius: 40px;
  background: #f8f8fa;
  color: #999;
  transition: all 0.3s ease;
}
.content-lister .list4 .exp .btn a.blue {
  background: #eaf0fe;
  color: #E93A3A;
}
/**
  * This is article page
  **/
.content-article__wrapper {
  position: relative;
  background: #fff;
  padding: 0 0 50px;
}
.content-article__wrapper .wrap {
  display: flex;
}
.content-article__wrapper .wrap::after {
  content: none;
}
.content-article__wrapper .content-article__left {
  flex: 1;
}
.content-article__wrapper .content-article__right {
  width: 320px;
  margin: 0 0 0 100px;
}
.content-article__wrapper .content-article__rows {
  position: relative;
  overflow: hidden;
}
.content-article__news .list {
  margin: -20px;
}
.content-article__news .item:nth-child(1) span,
.content-article__news .item:nth-child(2) span,
.content-article__news .item:nth-child(3) span {
  color: #E93A3A;
}
.content-article__news .cell {
  display: block;
  margin: 20px;
}
.content-article__news .cell span {
  float: left;
  width: 35px;
  line-height: 24px;
  font-weight: bold;
  color: #e5e8f7;
  font-size: 18px;
}
.content-article__news .cell h3 {
  margin: 0 0 0 35px;
  line-height: 20px;
  font-size: 15px;
  font-weight: normal;
}
.content-article__tag .list {
  position: relative;
  overflow: hidden;
  line-height: 0;
  margin: -3px;
}
.content-article__tag .item {
  display: inline-block;
  vertical-align: middle;
}
.content-article__tag .cell {
  display: block;
  margin: 3px;
}
.content-article__tag .cell span {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: #e0e9fe;
  color: #E93A3A;
  border-radius: 3px;
}
.content-article__tag .cell span:hover {
  box-shadow: 0 0 5px rgba(0, 75, 200, 0.1);
  background-color: #d0deff;
}
.content-article__rcode .img {
  float: left;
  width: 100px;
}
.content-article__rcode .img img {
  display: block;
  height: 100px;
  background: #eee;
}
.content-article__rcode .label {
  margin: 0 0 0 100px;
  padding: 20px;
}
.content-article__rcode .label p {
  line-height: 30px;
  font-size: 16px;
}
.content-article__relation {
  border-top: 1px solid #ddd;
  position: relative;
  padding: 30px 0;
  margin: 30px 0 0;
}
.content-article__relation .item {
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-article__random {
  position: relative;
  overflow: hidden;
  padding: 0 0 50px;
}
.content-article__random .thead h2 {
  line-height: 40px;
  font-size: 16px;
}
.content-article__random .list {
  position: relative;
  overflow: hidden;
  margin: 0 -20px;
}
.content-article__random .list.x1 .item {
  float: none;
  width: 100%;
}
.content-article__random .item {
  float: left;
  width: 33.33%;
}
.content-article__random .cell {
  display: block;
  position: relative;
  margin: 0 20px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-article__random .cell a::before {
  content: '●';
  margin: 0 8px 0 0;
}
.content-article__title {
  position: relative;
  margin: 0;
}
.content-article__title .title {
  position: relative;
  margin: 0 0 20px;
}
.content-article__title .title h1 {
  line-height: 1.2;
  font-size: 30px;
  color: #333;
}
.content-article__title .attr {
  line-height: 0;
}
.content-article__title .attr .tag {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  color: #999;
}
.content-article__title .attr .tag dt,
.content-article__title .attr .tag dd {
  display: inline;
  vertical-align: middle;
}
.content-article__title .attr .tag dd + dd::before {
  content: '|';
  margin: 0 12px 0 10px;
}
.content-article__title .attr .tag dt {
  margin: 0 10px 0 0;
}
.content-article__title .attr .flow {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.content-article__title .attr .flow span {
  display: block;
  height: 26px;
  line-height: 26px;
  background: #E93A3A;
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 30px;
  cursor: pointer;
}
.content-article__detail {
  position: relative;
  padding: 40px 0 0;
  overflow: hidden;
}
.content-article__detail h2 {
  font-size: 16px;
  margin: 0 0 1em;
}
.content-article__detail img,
.content-article__detail video,
.content-article__detail audio {
  max-width: 100% !important;
  height: auto !important;
}
.content-article__detail p * {
  font-family: 'Microsoft Yahei' !important;
}
.content-article__branch {
  padding: 30px 0;
  position: relative;
}
.content-article__branch .list {
  position: relative;
  line-height: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content-article__branch .item {
  display: inline;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.content-article__branch .item + .item::before {
  content: '>';
  color: #999;
}
.content-article__branch .item a,
.content-article__branch .item span {
  color: #999;
}
.content-article__branch .item a:hover {
  color: #E93A3A;
}

.ecology_box {
  position: relative;
  padding: 60px 0 20px;
  background: #fff;
}
.ecology_box .contain{
  width: 84%;
  margin: 0 auto;
}
.ecology_box .contain .list {
  overflow: hidden;
  margin: -40px;
  display: flex;
  justify-content: space-around;
}
.ecology_box .contain .jt::before {
  content: '';
  display: block;
  width: 100px;
  height: 90px;
  border-bottom: 1px solid #ddd;
}
.ecology_box .contain .jt img{
  width: 100%;
}
.ecology_box .contain .item {
  float: left;
  width: 30%;
}
.ecology_box .contain .cell {
  margin: 15px;
  padding: 10px;
}
.ecology_box .contain .cell .icon {
  text-align: center;
  margin: 0 0 10px;
  transition: transform 0.3s ease;
}
.ecology_box .contain .cell .icon i,
.ecology_box .contain .cell .icon img {
  width: 120px;
}
.ecology_box .contain .cell h3 {
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: #333;
  margin: 0 0 10px;
}
.ecology_box .contain .cell p {
  text-align: center;
  line-height: 25px;
  font-size: 16px;
}
.ecology_box .main{
  display: flex
}
.ecology_box .tabed{
  /* flex: 0 0 300px; */
  margin: 0 0px 0 0;
}
.ecology_box .tabed .cell{
  background: #F5EDEF;
  margin: 0 0 20px 0;
  padding: 10px 36px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  height: 80px;
}
.ecology_box .tabed .icon{
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 36px;
}
.ecology_box .tabed .icon .icon-img{
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 42px;
  height: 36px;
}
.ecology_box .tabed .icon .icon-img-1{
  background-image: url(/images/ecology-icon1.png);
}
.ecology_box .tabed .icon .icon-img-2{
  background-image: url(/images/ecology-icon2.png);
}
.ecology_box .tabed .icon .icon-img-3{
  background-image: url(/images/ecology-icon3.png);
}
.ecology_box .tabed .icon .icon-img-4{
  background-image: url(/images/ecology-icon4.png);
}
.ecology_box .tabed .icon .icon-img-5{
  background-image: url(/images/ecology-icon5.png);
}
.ecology_box .tabed .title{
  margin: 15px 0 5px 70px;
}
.ecology_box .tabed .title h3{
  color: #333;
  font-size: 18px;
}
.ecology_box .tabed .item:hover .icon-img,.ecology_box .tabed .item.on .icon-img{
  background-position: -42px 0;
}
.ecology_box .tabed .item:hover .cell,.ecology_box .tabed .item.on .cell{
  cursor: pointer;
  background-color: /*url(/images/ecology-b2.png) right bottom no-repeat*/ #E93A3A;
  position: relative;
}
.ecology_box .tabed .item:hover .title h3,.ecology_box .tabed .item.on .title h3{
  color: #fff;
}
.cover_main{
  flex: 1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding: 0 0 0 30px;
}
.cover_main .list{
  position: relative;
  overflow: hidden;
  padding-top: 5px;
}
.cover_main .list .item{
  float: left;
  width: 33.333%;
}
.cover_main .list .item .cell{
  border: 1px solid #e5eaf1;
  margin: 0 0 20px 20px;
  padding: 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.cover_main .list .item .cell h3{
  line-height: 40px;
  font-size: 20px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.cover_main .list .item .cell p{
  line-height: 25px;
  font-size: 16px;
  color: #999;
  height: 75px;
  overflow: hidden;
}
.cover_main .list .item .cell .tag{
  margin-top: 15px;
  display: flex;
}
.cover_main .list .item .cell .tag span{
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  padding: 0 12px;
  color: #E93A3A;
  /* background: #F5EDEF; */
  border: 1px solid #E93A3A;
  margin-right: 8px;
}
.cover_main .list .item .cell .tag span:last-child{
  margin-right: 0;
}
.cover_main .list .item .cell:hover{
  transform: translateY(-5px);
  border: 1px solid #E93A3A;
}
.cover_main .list .item .cell:hover h3{
  color: #E93A3A;
}
.ecology_detail_top{
  position: relative;
  overflow: hidden;
  margin-top: 70px;
}
.ecology_detail_top .bj{
  position: relative;
  padding: 0 0 33.85%;
  z-index: 0;
}
.ecology_detail_top .bj img {
  display: block;
  width: 100%;
  animation: baiduCoverFloat 10s ease;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.ecology_detail_top .text {
  position: absolute;
  left: 10vw;
  top: 13%;
  z-index: 1;
  max-width: 50%;
}
.ecology_detail_top .text .page-title {
  line-height: 1.5;
  font-size: 40px;
  color: #333;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
}
.ecology_detail_top .text .page-title .tag{
  font-size: 16px;
  margin-left: 20px;
}
.ecology_detail_top .text .page-title .tag span{
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  padding: 0 12px;
  color: #E93A3A;
  background: transparent;
  border: 1px solid #E93A3A;
  margin-right: 8px;
}
.ecology_detail_top .text p {
  line-height: 1.8;
  font-size: 20px;
  font-weight: normal;
  color: #666;
  margin: 0 0 30px;
}
.ecology_detail_top .text .online {
  position: relative;
  white-space: nowrap;
}
.ecology_detail_top .text .online a {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 45px;
  border-radius: 45px;
  border-bottom-left-radius: 0;
  margin: 0 10px 0 0;
  border: 1px solid #E93A3A;
  color: #E93A3A;
  transition: padding 0.3s ease;
  animation: fadeInUp 0.5s ease 0.6s both;
  font-size: 16px;
}
.ecology_detail_top .text .online a:last-child {
  background: #E93A3A;
  color: #fff;
}
.ecology_detail{
  position: relative;
  background: #f9f9fb;
  padding: 50px 0 50px;
}
.ecology_detail h2{
  line-height: 40px;
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.ecology_detail .content{
  margin: 0 0 10px 0px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
.partner{
  position: relative;
  background: #fff;
  padding: 50px 0;
}
.partner .list .item{
  float: left;
  width: 16.66%;
}
.partner .list .item .cell{
  position: relative;
  border: 1px solid #efefef;
  margin: 5px;
  cursor: pointer;
}
.partner .list .item .cell .img{
  position: relative;
  padding: 30px;
  height: 140px;
  overflow: hidden;
}
.partner .list .item .cell .img img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.kefu_box{
  padding: 60px 0;
  background: url(/images/kefu-back.jpg) center center no-repeat #E93A3A;
  background-size: cover;
  position: relative;
}
.kefu_box .label{
  position: relative;
  text-align: center;
  margin: 0 0 30px;
}
.kefu_box .label p{
  line-height: 2;
  color: #ffffff;
  font-size: 1.5em;
}
.kefu_box .btn{
  text-align: center;
}
.kefu_box .btn a{
  position: relative;
  display: inline-block;
  border-radius: 50px;
  width: 170px;
  line-height: 50px;
  overflow: hidden;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 16px;
}
/* 人才中心 */
.job-index-box{
  position: relative;
  padding: 40px 0 60px;
  background: #fff;
}
.job-index-box .thead_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}
.job-index-box .thead_box p{
  font-size: 18px;
  font-weight: bold;
}
.job_search {
  border-radius: 8px;
  width: 560px;
  margin-right: 30px;
  display: flex;
}
.list_more a{
  font-size: 14px;
  color: #E93A3A;
}
.list_more a::after{
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: 0;
  border-right: 1px solid #E93A3A;
  border-bottom: 1px solid #E93A3A;
  transform: rotate(-45deg);
  margin: 0 0 0 5px;
}
.job-index-box .contain {
  overflow: hidden;
  padding: 25px 0 0 0;
}
.job-index-box .contain .list {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
.job-index-box .contain .list .list_lft{
  background-image: linear-gradient(to bottom, #3694F0, #3E99F1);
  padding: 20px;
  width: 200px;
  border-radius: 8px;
  position: relative;
}
.job-index-box .contain .list:nth-child(2) .list_lft{
  background-image: linear-gradient(rgb(96, 92, 230), rgb(58, 56, 187));
}
.job-index-box .contain .list:nth-child(3) .list_lft{
  background-image: linear-gradient(rgb(43, 202, 193), rgb(43, 126, 202));  
}
.job-index-box .contain .list .list_lft .more{
  color: #fff;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.job-index-box .contain .list .list_lft .more:hover{
  text-decoration: underline;
}
.job-index-box .contain .list .list_lft .top_tit{
  font-size: 20px;
  color: #fff;
}
.job-index-box .contain .zw_list{
  margin-top: 15px;
}
.job-index-box .contain .zw_list span{
  background-color: transparent;
  display: inline-block;
  line-height: 36px;
  border-radius: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  width: 160px;
  text-align: center;
  border: 1px solid #fff;
}
.job-index-box .contain .list .list_rgt{
  flex: 1;
  background-color: #fff;
  padding-left: 20px;
}
.job-index-box .contain .list .list_rgt .job_list{
  padding: 0;
}
.job-index-box .job_list .item{
  width: 33.333%;
  display: inline-block;
  padding: 20px 0 0 20px;
  transition: transform 0.3s ease;
}
.job-index-box .job_list .item:hover{
  cursor: pointer;
  transform: translateY(-5px);
}
.job-index-box .job_list .item .item_c{
  border: 1px solid #ddd; padding: 5px 15px 15px 15px; border-radius: 8px;
}
.job-index-box .job_list .item:nth-child(1),.job-index-box .job_list .item:nth-child(2),.job-index-box .job_list .item:nth-child(3){
  padding-top: 0;
}
.job-index-box .job_list .item .cell{
  display: flex;
  justify-content: space-between;
  line-height: 2.4;
  align-items: center;
}
.job-index-box .job_list .item .cell .tit{
  font-size: 20px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
}
.job-index-box .job_list .item .cell .tit:hover{
  color: #E93A3A;
}
.job-index-box .job_list .item .cell .salary{
  color: #E93A3A;
  font-weight: bold;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.job-index-box .job_list .item .cell span{
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.job-list-box{
  background: #fff;
  display: flex;
}
.job-list-lft{
  flex: 1;
}
.job-list-lft .list{
  padding: 25px 0 0 0;
}
.job-list-lft .list .item{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ddd;
}
.job-list-lft .list .item:last-child{
  margin-bottom: 0;
}
.job-list-lft .list .item .zw_tit{
  font-size: 20px;
  font-weight: bold;
}
.job-list-lft .list .item .zw_tit a:hover,.job-list-lft .list .item .company_name a:hover{
  color: #E93A3A;
}
.job-list-lft .list .item .company_name{
  margin: 10px 0;
}
.job-list-lft .list .item .zw_info span{
  display: inline-block;
  margin-right: 20px;
  color: #999;
}
.job-list-lft .list .item .zw_info span:first-child{
  color: #E93A3A;
}
.item_rgt .time{
  display: flex;
  line-height: 36px;
  color: #999;
  align-items: center;
}
.item_rgt .time p{
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border: 1px solid #E93A3A;
  color: #E93A3A;
  font-size: 12px;
  width: 45px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-right: 10px;
}
.item_rgt .btn{
  float: right;
  margin-top: 10px;
}
.item_rgt .btn p{
  width: 70px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #E93A3A;
  color: #FFF;
  border-radius: 40px;
  cursor: pointer;
}
.job-list-rgt{
  width: 320px;
  margin: 0 0 0 100px
}
.job-list-rgt .recommend_list{
  margin: 10px 0;
}
.job-list-rgt .recommend_list .item{
  margin-bottom: 0;
  padding: 10px;
}
.job-list-rgt .recommend_list .item:hover{
  background-color: #f9f9f9;
  cursor: pointer;
}
.recommend_list .item p{
  font-size: 16px;
  line-height: 2;
}
.recommend_list .item p:nth-of-type(2){
  font-size: 14px;
  color: #999;
}
.recommend_list .item p:nth-of-type(3){
  font-size: 14px;
  color: #E93A3A;
}
.job_detail_box{
  background: #fff;
  padding-top: 70px;
  position: relative;
}
.job_detail_box .job_detail_lft{
  flex: 1;
  overflow: hidden;
}
.job_detail_box .job_detail_rgt{
  width: 320px;
  margin: 0 0 0 100px;
}
.job_detail_info{

}
.job_detail_info .info_item{
  border-bottom: 1px dashed #ddd;
  padding: 0 0 20px 0;
  position: relative;
  margin-bottom: 20px;
}
.job_detail_info .info_item:last-child{
  border: 0;
  margin-bottom: 60px;
}
.job_detail_info .info_item p.tit{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 12px;
}
.job_detail_info .info_item p{
  line-height: 36px;
  font-size: 16px;
}
.job_detail_info .info_item span{
  color: #999;
}
.job_detail_info .info_item .btn{
  position: absolute;
  right: 0;
  top: 4px;
}
.job_detail_info .info_item .btn a{
  width: 90px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #E93A3A;
  color: #FFF;
  border-radius: 40px;
  cursor: pointer;
  display: inline-block;
}
.job_detail_info .info_item ul,.job_detail_info .info_item ul li{
  list-style-type: none;
  padding: 0
}
.job_detail_info .info_item ul li{
  line-height: 40px;
}
.job_detail_info .info_item ul li:first-child{
  color: #E93A3A;
}
.job_detail_info .info_item ul li span{
  padding: 0 12px;
}
.job_detail_info .info_item ul li.job_icon{
  padding-left: 35px;
}
.job_detail_info .info_item .detail_desc{
  line-height: 30px;
}
.job_detail_info .info_item .detail_contact p{
  display: inline-block;
  margin-right: 60px;
  font-size: 14px;
}
.job_icon1{
  background: url(/images/job-icon1.png) no-repeat center left;
}
.job_icon2{
  background: url(/images/job-icon2.png) no-repeat center left;
}
.job_icon3{
  background: url(/images/job-icon3.png) no-repeat center left;
}
.job_icon4{
  background: url(/images/job-icon4.png) no-repeat center left;
}
.job_icon5{
  background: url(/images/job-icon5.png) no-repeat center left;
}
.job_detail_rows .company_info ul{
  padding: 0 0 0 10px;
}
.job_detail_rows .company_info ul li{
  display: flex;
  align-items: baseline;
}
.job_detail_rows .company_info p{
  line-height: 36px;
  flex: none;
  color: #999;
}
.job_detail_rows .other_list{
  margin: 10px 0 50px 0;
}
.job_detail_rows .other_list .item{
  margin-bottom: 0px;
  padding: 10px;
}
.job_detail_rows .other_list .item:hover{
  background-color: #f9f9f9;
  cursor: pointer;
}
.other_list .item p{
  font-size: 16px;
  line-height: 2;
}
.other_list .item p:nth-of-type(2){
  font-size: 14px;
  color: #E93A3A;
}
/* 直播 */
.live_box{
  position: relative;
  padding: 40px 0 20px;
  background: #fff;
}
.live_main{
  flex: 1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding: 0 0 0 30px;
}
.live_main .live_list{
  position: relative;
  overflow: hidden;
  padding-top: 5px;
  width: 100%;
}
.live_list .item{
  float: left;
  width: 50%;
}
.live_list .item .cell{
  border: 1px solid #e5eaf1;
  margin: 0 0 20px 20px;
  padding: 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.company_info{
  display: flex;
  justify-content: space-between;
}
.company_info .info_lft{
  display: flex;
  flex: 1;
}
.company_info .info_lft .logo .img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.company_info .info_lft .name{
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-left: 10px;
}
.company_info .info_lft .name .tit{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 340px;
}
.company_info .info_lft .name .desc{
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 24px;
}
.company_info .info_rgt{
  margin-top: 5px;
}
.company_info .info_rgt a{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 30px;
  margin: 0 0 0 10px;
  background: #E93A3A;
  color: #fff;
  transition: padding 0.3s ease;
  transition-property: padding background;
  animation: fadeInUp 0.5s ease 0.6s both;
  font-size: 14px;
}
/* 物流 */
.wl_box{
  position: relative;
  padding: 40px 0 20px;
  background: #fff;
}
.wl_main{
  width: 650px;
  margin: 0 auto 50px;
}