@font-face {

  font-family: LATO-BOLD;

  src: url("../font/LATO-BOLD-7.TTF");

}



@font-face {

  font-family: LATO-REGULAR;

  src: url("../font/LATO-REGULAR-2.TTF");

}


table tr td {

  border: 1px solid #dcdcdc;

  height: 35px;

  line-height: 35px;

  padding-left: 10px;

}



table {

  border-collapse: collapse;

}



.line1 {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  width: 100%;

  height: 1px;

  background: #e6e6e6;

  margin: 80px auto;

}
body{
  margin-top: 100px;
  overflow-x: hidden;
  font-size: 16px;
  color: #000000;
  font-family: LATO-REGULAR;
}


/* header */

.header {

  width: 100%;
  max-width: 1920px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  background-color: #ffffff;

}



.header .header-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header .header-left {

  width: 54%;

  display: flex;

  justify-content: space-between;

}



.header .header-logo {

  flex-shrink: 0;

  font-size: 0;

}



.header .header-logo * {

  font-size: inherit;

}



.header .header-nav {

  /* margin-left: 10%; */

}



.header .header-nav>ul {

  display: flex;

  justify-content: center;

  gap: 5px 55px;

}



.header .header-nav .header-nav-item {

  position: relative;

  height: 100px;

  line-height: 100px;

}



.header .header-nav .header-nav-item-lk {

  color: #333;

  font-family: LATO-BOLD;

}





.header .header-right {

  display: flex;

  align-items: center;

  gap: 10px 20px;

}



.header .header-cont {

  padding: 0 15px;

  height: 100px;

  line-height: 100px;

  background-color: #0092fc;

  color: #ffffff;

}



.header .header-cont:hover {

  color: #ffffff;

  background-color: rgba(0, 146, 252, 0.7);

}



.header .header-langs select,

.header .header-langs option {

  border: none;

}



.navbar-toggle {

  position: relative;

  float: right;

  padding: 9px 10px;

  margin-top: 8px;

  margin-right: 15px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  border-color: #ddd;

  cursor: pointer;

  display: none;

}



.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px;

  background-color: #888;

}



.navbar-toggle .icon-bar+.icon-bar {

  margin-top: 4px;

}



.header .head-mo {

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  width: 100%;

  background-color: #fff;

  text-align: center;

  box-shadow: 0 3px 7px 1px #eeeeee;

  z-index: 999;

}



.header .head-mo li a {

  height: 40px;

  line-height: 40px;

}



/* 二级栏目 */

.header-nav .header-nav-item .nav-item-se {

  position: absolute;

  z-index: 2;

  background-color: #f8f8f8;

  padding: 15px 0;

  min-width: 200px;


  top: calc(100% + 10px);

  left: calc(100% - 125px);

  visibility: hidden;

  opacity: 0;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

  transform-origin: 50% 0;

  -webkit-transform-origin: 50% 0;

  -moz-transform-origin: 50% 0;

  -o-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

}



.header-nav .header-nav-item .nav-item-se li:first-child {

  margin-top: 0;

}



.header-nav .header-nav-item .nav-item-se li {

  padding: 0 10px;

  margin-top: 15px;

  text-align: center;

}



.header-nav .header-nav-item .nav-item-se li a {

  display: block;

  color: #666;

}



.header-nav .header-nav-item:hover .nav-item-se {

  visibility: visible;

  opacity: 1;

  top: 100%;

}



.header-nav .header-nav-item .nav-item-se .head-item2 {

  line-height: 35px;

  position: relative;
  white-space: nowrap;
}


.header-nav .header-nav-item .nav-item-se .head-item2:hover>a {

  color: #0092fc;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 {

  position: absolute;

  z-index: 2;

  background-color: #f8f8f8;

  padding: 15px 0;

  width: auto;

  min-width: 200px;

  min-height: 100px;

  right: -200px;

  top: 100%;

  visibility: hidden;

  opacity: 0;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

  transform-origin: 50% 0;

  -webkit-transform-origin: 50% 0;

  -moz-transform-origin: 50% 0;

  -o-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 li:first-child {

  margin-top: 0;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 li {

  padding: 0 10px;

  margin-top: 15px;

  text-align: center;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 li a {

  display: block;

  color: #666;

  font-size: 14px;

}



.header-nav .header-nav-item .nav-item-se .head-item2:hover .nav-item-se2 {

  visibility: visible;

  opacity: 1;

  top: 0;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 .head-item3 {

  line-height: 35px;

  position: relative;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 .head-item3:hover>a {

  color: #e61f18;

}



.header-nav .header-nav-item:first-child {

  margin-left: 0;

}



.header-nav .header-nav-item ul.dropdown {

  position: absolute;

  top: 100%;

  z-index: 99;

  min-width: 200px;

  white-space: nowrap;

  background: #fff;

  border-top: solid 0px #e92900;

  box-shadow: 0 1px 3px rgb(5 5 5 / 10%);

}



.header-nav .header-nav-item:hover .dropdown {

  display: block !important;

}



.header-nav .header-nav-item ul.dropdown li {

  line-height: normal;

  clear: both;

  width: 100%;

  border: 0 none;

  font-size: 14px;

  position: relative;

  border-bottom: 1px solid #f7f7f7;

}



.header-nav .header-nav-item ul.dropdown li a {

  width: 100%;

  background: none;

  padding: 10px 25px 10px 22px;

  color: #666;

  text-decoration: none;

  display: inline-block;

  float: left;

  clear: both;

  position: relative;

  outline: 0;

  -webkit-transition: padding .2s linear;

  transition: padding .2s linear;

}







/* search */

.search {

  position: relative;

}



.search .search-inp1 {

  position: absolute;

  top: 0;

  right: -5px;

  opacity: 0;

  width: 0;

  height: 100%;

  background-color: #efefef;

  border-radius: 30px;

  transition: 0.5s;

  -webkit-transition: 0.5s;

}



.search .search-inp2 {

  width: 200px;

  opacity: 1;

  padding: 0 2em 0 1em;

}



.search .search-sub {

  display: none;

}



.search .sarch-btn {

  position: relative;

  cursor: pointer;

  padding: 6px 0;

  font-size: 19px;

}



.search .sarch-btn * {

  font-size: inherit;

  color: inherit;

}



.search .sarch-btn span {

  width: 1em;

  height: 1em;

}



/* index */

.indexban {

  position: relative;

}



.indexban .indexban-bg {

  padding-top: 31%;

  position: relative;

  font-size: 0;

}



.indexban .indexban-bg>img,

.indexban .indexban-bg>video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.indexban-bt {

  max-width: 900px;

  height: 120px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}



.indexban-bt p {

  font-size: 56px;

  line-height: 60px;

  color: #ffffff;

  text-align: center;
  
  text-shadow: 2px 2px 5px #000000;
}



.indexban .indexban-body {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #ffffff;

}



.indexban .indexban-body * {

  color: inherit;

}



.indexban .indexban-main {

  text-align: center;

}



.indexban .indexban-tit {

  font-size: 45px;

}



.indexban .indexban-btns {

  margin-top: 50px;

}



.indexban .indexban-btns>a {

  display: inline-block;

  border: solid 1px currentcolor;

  padding: 10px 15px;

}



.indexban .indexban-btns>a:hover {

  color: #000000;

  background-color: #ffffff;

  border-color: transparent;

}



.indextit {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  margin: 80px auto 45px;

}



.indextit>p {

  font-size: 40px;

  font-family: LATO-BOLD;
  font-weight: bold;
}



.indextit>p span {

  font-size: 40px;

  font-family: LATO-BOLD;

  color: #0092fc;

}



.indextit .indextit-tit {

  font-size: 45px;

  display: flex;

  justify-content: space-between;

}



.indextit .indextit-tit span {

  font-size: 45px;

}



.indextit .indextit-tit span:first-child {

  font-size: 18px;

  float: left;

  position: relative;

  top: 20px

}



.indextit .indextit-tit span i {

  color: #f00;

  font-style: normal;

}



.indextit .indextit-d {

  font-size: 18px;

  margin-top: 20px;

}



.indextit-mid {

  text-align: center;

}



.indextit-r {

  text-align: right;

}



.indexpro {

  width: 95%;

  max-width: 1200px;

  margin: 30px auto 100px;

}



.indexpro-list {

  display: flex;

  justify-content: space-between;

  gap: 30px;

}



.indexpro-list .indexpro-item {

  width: calc(100% / 3);

  color: #ffffff;

}



.indexpro-list .indexpro-item * {

  color: inherit;

}



.indexpro-list .indexpro-item .indexpro-item-body {

  display: block;

  position: relative;

  overflow: hidden;

  font-size: 0;

}



.indexpro-list .indexpro-item .indexpro-item-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transition: transform 0.5s ease;

  -webkit-transition: -webkit-transform 0.5s ease;

  -moz-transition: -moz-transform 0.5s ease;

  -o-transition: -o-transform 0.5s ease;

  font-size: 0;

}



.indexpro-list .indexpro-item .indexpro-item-info {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 60px 45px;

  display: inline-block;

  text-align: center;

  opacity: 0;

}



.indexpro-list .indexpro-item .indexpro-item-mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: var(--main-style-background-color, #40d6ca);

  transition: 0.5s ease;

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  transform: scale(0.6);

  -webkit-transform: scale(0.6);

  -moz-transform: scale(0.6);

  -o-transform: scale(0.6);

  opacity: 0;

}



.indexpro-list .indexpro-item:hover .indexpro-item-img img {

  transform: scale(0.7);

  -webkit-transform: scale(0.7);

  -moz-transform: scale(0.7);

  -o-transform: scale(0.7);

}



.indexpro-list .indexpro-item:hover .indexpro-item-mask {

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  opacity: 1;

}



.indexpro-list .indexpro-item:hover .indexpro-item-info {

  opacity: 1;

}



.indexpro-list .indexpro-item .indexpro-item-tit {

  font-size: 22px;

  font-family: LATO-BOLD;

  position: relative;
  font-weight: bold;
}



.indexpro-list .indexpro-item .indexpro-item-tit::after {

  content: "";

  display: block;

  width: 30px;

  height: 1px;

  text-align: center;

  background-color: #a0ebe5;

  position: absolute;

  left: 0;

  right: 0;

  top: 35px;

  margin: auto;

}



.indexpro-list .indexpro-item .indexpro-item-des {

  font-size: 18px;

  line-height: 24px;

  opacity: .5;

  margin-top: 30px;

  margin-bottom: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.indexpro-list .indexpro-item .indexpro-item-a {

  font-size: 18px;

  font-family: LATO-BOLD;

}



.indexab {

  position: relative;

  width: 100%;

  height: 968px;

  max-width: 1920px;

  margin: 0 auto;

  background-image: url(../img/index/indexab_bg.jpg);

  background-repeat: no-repeat;

  background-size: auto;

  padding-top: 100px;

}



.indexab .indexab-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  position: relative;

}



.indexab-tit {

  font-size: 40px;

  font-family: LATO-BOLD;

  margin-bottom: 50px;
  font-weight: bold;
}



.indexab-tit span {

  font-size: 40px;

  font-family: LATO-BOLD;

  color: #0092fc;

}



.indexab .indexab-body .indexab-list {

  display: flex;

  gap: 0 25px;

  /* margin-bottom: 75px; */

}



.indexab .indexab-body .indexab-list .indexab-item {

  width: calc(100% / 4);

  text-align: left;

}



.indexab .indexab-body .indexab-list .indexab-item .indexab-item-img {

  margin-bottom: 40px;

}



.indexab .indexab-body .indexab-list .indexab-item .indexab-item-info .indexab-item-tit {

  font-size: 21px;

  font-family:"";

  margin-bottom: 20px;
  font-weight: bold;
}



.indexab .indexab-body .indexab-wrap {

  max-width: 800px;

  margin-left: auto;
  margin-top: 200px;
  display: flex;

}



.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq1 {

  width: 300px;

  background-image: url(../img/index/indexab_img.jpg);

  background-repeat: no-repeat;

  background-size: auto;

  padding: 75px 90px 50px 45px;

  margin-top: auto;

}



.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq1 p {

  font-size: 22px;

  font-family: LATO-BOLD;

  line-height: 30px;

}



.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq1 a {

  display: inline-block;

  margin-top: 62px;

}
.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq1 a img{
  transition: all 0.5s ease-in-out;
}
.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq1 a img:hover{
  transform: translateY(-10px);
}


.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq2 {

  max-width: 500px;

  padding: 60px 110px;

  background-color: #0092fc;

}

.indexab .indexab-body .indexab-wrap .indexab-wrap-item .indexab-wrap-item-tit {

  font-size: 40px;

  color: #ffffff;

  font-family: LATO-BOLD;

  line-height: 45px;

}
.indexab .indexab-body .indexab-wrap .indexab-wrap-item .indexab-wrap-item-tit.indexab-wrap-item-tit2{
  margin-top: 40px;
}


.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq2 .indexab-wrap-item-img {

  flex-shrink: 0;

}



.indexab .indexab-body .indexab-wrap .indexab-wrap-item.indexab-xq2 .indexab-wrap-item-p {

  margin-top: 18px;

  color: #ffffff;

}





/* 视频 */

.indexsp {

  position: relative;

  width: 100%;

  max-width: 1920px;

  margin: 0 auto 100px;

}



.indexsp .indexsp-bg {

  position: relative;

  padding-top: 56%;

}



.indexsp .indexsp-bg>img,

.indexsp .indexsp-bg>video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.vidbtn {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  display: inline-block;

  margin: auto;

  width: 100px;

  height: 100px;

  cursor: pointer;

}



.vidbtn .vidbtn-bg {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: rgba(64, 214, 202, 0.3);

  display: flex;

  justify-content: center;

  align-items: center;

  animation: vidbtn 1.2s infinite alternate;

  -webkit-animation: vidbtn 1.2s infinite alternate;

  -moz-animation: vidbtn 1.2s infinite alternate;

  -o-animation: vidbtn 1.2s infinite alternate;

  -ms-animation: vidbtn 1.2s infinite alternate;

}



.vidbtn .vidbtn-bg .vidbtn-rd {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background-color: rgba(64, 214, 202);

  display: flex;

  justify-content: center;

  align-items: center;

}



.vidbtn .vidbtn-bg .vidbtn-rd i {

  color: #fff;

  font-size: 19px;

  margin-left: 5px;

}



@keyframes vidbtn {

  from {

    background-color: rgba(64, 214, 202, 0.7);

  }



  to {

    background-color: rgba(64, 214, 202, 0.3);

  }

}



@-webkit-keyframes vidbtn {

  from {

    background-color: rgba(64, 214, 202, 0.7);

  }



  to {

    background-color: rgba(64, 214, 202, 0.3);

  }

}



@-moz-keyframes vidbtn {

  from {

    background-color: rgba(64, 214, 202, 0.7);

  }



  to {

    background-color: rgba(64, 214, 202, 0.3);

  }

}



@-o-keyframes vidbtn {

  from {

    background-color: rgba(64, 214, 202, 0.7);

  }



  to {

    background-color: rgba(64, 214, 202, 0.3);

  }

}



@-ms-keyframes vidbtn {

  from {

    background-color: rgba(64, 214, 202, 0.7);

  }



  to {

    background-color: rgba(64, 214, 202, 0.3);

  }

}



.indexapl {

  padding-top: 290px;

  padding-bottom: 100px;

  background-color: #f5f5f5;

}



.indexapl-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}



.indexapl .indexapl-line {

  display: flex;

}



.indexapl .indexapl-line .indexapl-line-l,

.indexapl .indexapl-line .indexapl-line-r {

  width: 50%;

}



.indexapl .indexapl-line .indexapl-line-r {

  display: flex;

}



.indexapl .indexapl-line .indexapl-line-r .indexapl-item {

  width: 50%;

}



.indexapl .indexapl-line .indexapl-item:hover .indexapl-item-img img {

  transform: scale(1.2) translateX(15px);

  -webkit-transform: scale(1.2) translateX(15px);

}



.indexapl .indexapl-line .indexapl-item-img {

  position: relative;

  font-size: 0;

  overflow: hidden;

}



.indexapl .indexapl-line .indexapl-item-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.8s;

  -webkit-transition: -webkit-transform 0.8s;

}



.indexapl .indexapl-line .indexapl-item-bg {

  width: 100%;

  height: 100%;

  padding: 35px;

  display: flex;

  align-items: center;

}



.indexapl .indexapl-line .indexapl-item-bg .indexapl-item-t1 {

  font-size: 40px;

  font-family: LATO-BOLD;

  line-height: 40px;

}



.indexapl .indexapl-line .indexapl-item-bg .indexapl-item-t2 {

  font-size: 30px;

  font-family: LATO-BOLD;

  line-height: 40px;

}



.indexapl .indexapl-lines .indexapl-item-bg p {

  color: #ffffff;

}



.indexnews {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  margin: 100px auto;

}



.indexnews-list {

  display: flex;

}



.indexnews-list .indexnews-item {

  width: calc(100% / 3);

  position: relative;

}



.indexnews-item-info {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  padding: 100px 40px 80px 30px;

  overflow: hidden;

}



.indexnews-list .indexnews-item .indexnews-item-date {

  color: #777777;

}



.indexnews-list .indexnews-item .indexnews-item-tit {

  font-size: 26px;

  line-height: 32px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin-top: 15px;

  margin-bottom: 15px;

}



.indexnews-list .indexnews-item .indexnews-item-desc {

  font-size: 17px;

  color: #a5a5a5;

  margin-bottom: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.indexnews-item-img {

  font-size: 0;

  position: relative;

  padding-top: 100%;

  overflow: hidden;

}



.indexnews-item .indexnews-item-btn {

  margin-left: -90px;

  color: #ffffff;

  transition: margin-left 0.5s;

}



.indexnews-item .indexnews-item-btn i {

  font-size: 22px;

  vertical-align: middle;

}



.indexnews-item-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transition: transform 0.5s, opacity 0.5s;

  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;

}



.indexnews-item-lk {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.indexnews-item:hover .indexnews-item-tit {

  color: #ffffff;

}

.indexnews-item:hover .indexnews-item-desc{
  color: #ffffff;
}

.indexnews-item:hover .indexnews-item-btn {

  margin-left: 0;

}



.indexnews-item:hover .indexnews-item-btn i {

  color: #ffffff;

}



.indexnews-item:hover .indexnews-item-btn {

  text-indent: 0;

  opacity: 1;

  visibility: visible;

  margin-right: 8px;

}

.indexnews-item .indexnews-item-mask{
  width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.indexnews-item:hover .indexnews-item-mask {

  opacity: 1;

}



.indexnews-item:hover .indexnews-item-img img {

  opacity: 1;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

}



.indexnews-item:hover:before {

  display: none;

}



/* xpan */

.indexmessage {

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

  display: flex;

}



.indexmessage .indexmessage-l {

  width: 50%;

  font-size: 0;

}



.indexmessage .indexmessage-r {

  width: 50%;

  background-image: url(../img/index/indexxpan_bg.jpg);

  background-repeat: no-repeat;

  background-size: contain;

}



.message {

  max-width: 640px;

  width: 100%;

  margin: 0 auto;

  padding: 100px 0;

}



.message .message-tit {

  font-size: 40px;

  color: #ffffff;

  line-height: 40px;
  font-weight: bold;
}



.message .message-des {

  color: #ffffff;

  font-size: 18px;

  width: 100%;

  margin-top: 30px;

}



.message form {

  margin-top: 3%;

}



.message .message-line {

  margin-top: 20px;

}



.message .message-line:first-child {

  margin-top: 0;

}



.message .message-line1 {

  display: flex;

  justify-content: space-between;

  gap: 10px 20px;

}



.message .message-line1 .message-item {

  width: 50%;

}



.message .message-lab {

  color: #ffffff;

  display: block;

  font-size: 18px;

  margin-bottom: 10px;

}



.message .message-inp {

  width: 100%;

  border: solid 1px #e1f2ff;

  padding: 10px;

  background: none;

}



.message textarea.message-inp {

  resize: none;

  height: 130px;

}



.message .message-sub {

  width: 100%;

  font-size: 20px;

  color: #ffffff;

  background-color: #40d6ca;

  padding: 10px;

  cursor: pointer;

}

.message .message-sub:hover{
  background-color: #ffffff;
  color: #0092fc;
}



/* footer */

.footer {

  background-color: #f2f7ff;

}



.footer .footer-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding: 100px 0;

}



.footer .footer-body * {

  color: inherit;

}



.footer .footer-body .footer-list-tit {

  font-size: 20px;

  font-family: LATO-BOLD;

  text-transform: uppercase;

  margin-bottom: 30px;
  font-weight: bold;
}
.footer .footer-body .footer-list-tit a{

  font-size: 20px;

  font-family: LATO-BOLD;

  text-transform: uppercase;

  margin-bottom: 30px;

}


.footer .footer-body .footer-list {

  display: flex;

  flex-wrap: wrap;

}



.footer .footer-body .footer-list .footer-list-item {

  width: calc(100% / 4);

}



.footer .footer-body .footer-list .footer-list-item .footer-list-nav a {

  font-size: 17px;

  line-height: 30px;

  color: #666666;

}



.footer .footer-body .footer-list .footer-list-item .footer-list-nav a:hover {

  color: #0092fc;

}



.footer .footer-body .footer-list .footer-list-item .footer-list-cat {

  font-size: 17px;

  line-height: 30px;

  color: #666666;

  margin-bottom: 10px;

}



.footer .footer-body .footer-list .footer-list-item .footer-list-cat a:hover {

  color: #0092fc;

}



.footer .footer-body .footer-list .footer-list-item .footer-list-cat span {

  font-size: 17px;

}



.footer-bot {

  margin: 20px auto;
  display: flex;
  justify-content: center;
  gap: 50px;
  align-items: center;
}
.footer-bot a{
  font-size: 15px;
  color: #666666;
}
.footer-bot a:hover{
  color: #0092fc;
}


.footer-bot .footer-bot-cont {

  font-size: 15px;

  line-height: 28px;

  text-align: center;

  color: #666666;

}
.right{
  position: fixed;
  top: 40%;
  right: 20px;
}
.right>a{position:relative}
.right>a .imgs{position:absolute;width:120px;right:120%;top:50%;transform:translateY(-50%);display:none}
.right>a:hover .imgs{display:block}



/* chat */

.chat1 {

  width: auto;

  height: auto;

  position: fixed;

  right: 0;

  top: 40%;

  z-index: 10;

}



.chat1 .chat-item {

  position: relative;

  margin-top: 3px;

}



.chat1 .chat-item .chat-item-ic {

  width: 45px;

  height: 45px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 4px;

  cursor: pointer;

  background-color: #e50d08;

}



.chat1 .chat-item .chat-item-ic i {

  font-size: 25px;

  color: #ffffff;

}



.chat1 .chat-item .chat-item-ic i.fa-phone,

.chat1 .chat-item .chat-item-ic i.fa-envelope {

  font-size: 22px;

}



.chat1 .chat-item .chat-item-info {

  position: absolute;

  top: 5px;

  left: 100%;

  z-index: -1;

  background-color: #ffffff;

  padding: 7px;

  min-width: 135px;

  text-align: center;

  border: solid 1px #ccc;

  border-radius: 4px;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

}



.chat1 .chat-item .chat-item-info .chat-item-info-img {

  font-size: 0;

  width: 135px;

}



.chat1 .chat-item .chat-item-info a {

  display: block;

  font-family: AzoSans-Light;

  font-size: 14px;

  color: #666;

  text-align: center;

}



.chat1 .chat-item .chat-item-info a[href]:hover {

  text-decoration: underline;

}



.chat1 .chat-item .chat-item-info::before {

  content: '';

  position: absolute;

  left: calc(100% - 4px);

  top: 6px;

  width: 8px;

  height: 8px;

  background-color: #fff;

  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  border-bottom: solid 1px #ccc;

  border-right: solid 1px #ccc;

}



.chat1 .chat-item:first-child {

  margin-top: 0;

}



.chat1 .chat-item:hover .chat-item-info {

  transform: translateX(-140%);

}



/* 侧边栏 */

.rtbubble {

  position: fixed;

  left: 100%;

  top: 40%;

  z-index: 3;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -o-transition: 1s;

  -ms-transition: 1s;

}



.rtbubble .rtbubble-ic {

  position: absolute;

  top: 0;

  right: 102%;

  width: 70px;

  font-size: 0;

  cursor: pointer;

  z-index: 4;

}



.rtbubble .rtbubble-ic .rtbubble-ic-wd {

  font-size: 16px;

  color: #999;

}



.rtbubble .rtbubble-body {

  background-color: #eee;

  border-radius: 10px;

  border: solid 1px #dcdcdc;

  display: flex;

  justify-content: center;

  align-items: center;

}



.rtbubble .rtbubble-box {

  margin: 15px;

}



.rtbubble .rtbubble-item {

  display: flex;

  align-items: center;

  margin-top: 15px;

}



.rtbubble .rtbubble-item .rtbubble-item-img {

  width: 57px;

  overflow: hidden;

  border-radius: 50%;

  font-size: 0;

}



.rtbubble .rtbubble-item .rtbubble-item-info {

  width: 75%;

  margin-left: 10px;

  font-size: 15px;

  color: #091b31;

}



.rtbubble .rtbubble-item .rtbubble-item-info .rtbubble-item-info-t {

  font-family: Lack;

}



.rtbubble .rtbubble-item .rtbubble-item-info a.rtbubble-item-info-e:hover {

  text-decoration: underline;

}



.rtbubble .rtbubble-item .rtbubble-item-info .rtbubble-item-info-e {

  display: block;

  margin-top: 3px;

  font-size: 14px;

  color: #555555;

}



.rtbubble .rtbubble-item:first-child {

  margin-top: 0;

}



.rtbubble1 {

  transform: translateX(-105%);

  -webkit-transform: translateX(-105%);

  -moz-transform: translateX(-105%);

  -o-transform: translateX(-105%);

  -ms-transform: translateX(-105%);

}



/* about us */
.about .about-top {
  padding: 17px 0;
  border-bottom: 1px solid #e6e6e6;
}

.about .about-top .about-top-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.about-tit {
  display: flex;
  align-items: center;
}

.about-tit .about-tit-item {
  position: relative;
  display: block;
  margin: 12px 20px;
  cursor: pointer;
}
.about-tit .about-tit-item a{
  font-size: 18px;
  font-family: LATO-BOLD;
}

.about-tit-ac {
  color: #0092fc;
}

.about-tit-ac::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0092fc;
  position: absolute;
  bottom: -31px;
}
.about-ab-wrap{
  position: relative;
}
.about-ab {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto;
}
.about-ab .about-ab-company{
  display: flex;
  justify-content: space-between;
}
.about-ab-company .about-ab-coml{
  width: 50%;
  padding-right: 4%;
}
.about-ab-company .about-ab-coml .about-ab-coml-tit{
  font-size: 30px;
  font-family: LATO-BOLD;
  margin-bottom: 30px;
}
.about-ab-company .about-ab-coml .about-ab-coml-cont{
  font-size: 17px;
  color: #777777;
  margin-bottom: 20px;
}
.about-ab-company .about-ab-comr{
  position: absolute;
  top: 0;
  right: 0;
}
.about-ab-company .about-ab-comr video{
  width: 960px;
  height: 540px;
}
.about-ab .about-ab-company {
  margin: 100px auto;
}

.about-ab .about-ab-company .about-ab-company-tit {
  font-size: 48px;
  margin-bottom: 20px;
}

.about-ab .about-ab-company .about-ab-company-text {
  font-size: 17px;
}
.about-ab .about-ab-main{
  margin-top: 300px;
  margin-bottom: 100px;
}
.about-ab .about-ab-main .about-ab-list {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
}
.about-ab .about-ab-main .about-ab-list .about-ab-item{
  width: calc(100% / 4);
}
.about-ab .about-ab-main .about-ab-list .about-ab-item .about-ab-item-num1 {
  color: #0092fc;
  font-size: 60px;
  font-weight: bold;
  font-family:"";
}

.about-ab-list .about-ab-item .about-ab-item-num2 {
  color: #0092fc;
  font-size: 22px;
  font-family: LATO-BOLD;
}
.about-ab-list .about-ab-item .about-ab-item-num{
  color: #0092fc;
  font-size: 40px;
  font-family: LATO-BOLD;
  vertical-align: top;
}

.about-ab-list .about-ab-item .about-ab-item-num3 {
  font-size: 18px;
  color: #777777;
}
.about-ab-xy .about-ab-xy-item{
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.about-ab-xy .about-ab-xy-item .about-ab-xy-item-imgbox{
  flex-shrink: 0; 
}
.about-ab-xy .about-ab-xy-item .about-ab-xy-item-cont .abp1{
  font-size: 24px;
  margin-bottom: 10px;
}
.about-ab-xy .about-ab-xy-item .about-ab-xy-item-cont .abp2{
  font-size: 18px;
  color: #777777;
  margin-bottom: 20px;
}
.about-fe{
  background-color: #fafafa;
}
.about-fe .about-fe-body{
  width: 95%;
  margin: 0 auto;
  max-width: 1200px;
  padding: 100px 0;
}
.aboutfe-tit {
  font-size: 30px;
  font-family: LATO-BOLD;
  margin-bottom: 50px;
  font-weight: bold;
}
.aboutfe-tit span {
  font-size: 30px;
  font-family: LATO-BOLD;
  color: #0092fc;
}
.about-fe .about-fe-body .aboutfe-img{
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}
.about-fe .about-fe-body .aboutfe-imgbox{
  overflow: hidden;
  font-size: 0;
}
.about-fe .about-fe-body .aboutfe-imgbox img {
  object-fit: cover;
  transition: transform 0.8s;
  -webkit-transition: -webkit-transform 0.8s;
}
.about-fe .about-fe-body .aboutfe-imgbox:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.about-c-body{
  width: 95%;
  max-width: 1200px;
  margin: 100px auto;
  display: flex;
  justify-content: space-between;
}
.ab-line{
  display: inline-block;
  width: 20px;
  height: 4px;
  background-color: #40d6ca;
  vertical-align: middle;
  margin-right: 10px;
}
.about-c-body .about-c-item{
  width: 48%;
}
.about-c-body .about-c-item .about-c-tit{
  font-size: 30px;
  font-family: LATO-BOLD;
  margin-top: 45px;
  margin-bottom: 25px;
}
.about-c-body .about-c-item .about-c-cont{
  font-size: 18px;
  color: #777777;
}
.about-cvt-body{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto 100px;
}
.about-cvt-body .about-cvt-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  justify-content: space-between;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item{
  width: 48.5%;
  min-height: 387px;
  padding: 50px 30px;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(1){
  background-color: #f2f2f2;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(4){
  background-color: #f2f2f2;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(2){
  background-color: #0092fc;
  color: #ffffff;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(2) *{
  color: inherit;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(2) .about-cvt-cont{
  color: #ffffff;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(3){
  background-color: #0092fc;
  color: #ffffff;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(3) *{
  color: inherit;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item:nth-of-type(3) .about-cvt-cont{
  color: #ffffff;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item .about-cvt-tit{
  font-size: 30px;
  font-family: LATO-BOLD;
  margin-bottom: 5px;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item .about-cvt-tit2{
  font-size: 24px;
  font-family: LATO-BOLD;
  margin-bottom: 20px;
}
.about-cvt-body .about-cvt-wrap .about-cvt-item .about-cvt-cont{
  font-size: 17px;
  color: #777777;
  padding-left: 30px;
}
.about-ep-body{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto 100px;
}
.about-ep-body-wrap {
  display: flex;
  gap: 45px;
}
.about-ep-body-wrap .about-ep-body-item{
  width: calc(100% / 3);
  box-shadow: 0 0 11px 3px #f4f4f5;
}
.about-ep-body-wrap .about-ep-body-item .about-ep-body-item-imgbox{
  font-size: 0;
  overflow: hidden;
}
.about-ep-body-wrap .about-ep-body-item .about-ep-body-item-imgbox img{
  transition: all 0.5s ease-in-out;
}
.about-ep-body-wrap .about-ep-body-item .about-ep-body-item-imgbox:hover img{
  transform: scale(1.1);
}
.about-ep-body-wrap .about-ep-body-item .about-ep-body-item-cont{
  padding: 30px 20px;
  text-align: center;
}
.about-ep-body-wrap .about-ep-body-item .about-ep-body-item-cont .about-ep-body-item-tit{
  font-size: 19px;
  font-family: LATO-BOLD;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.about-ep-body-wrap .about-ep-body-item .about-ep-body-item-cont .about-ep-body-item-nr{
  font-size: 18px;
}
.about-tc{
  padding: 100px 0;
  background-color: #0092fc;
}
.about-tc .about-tc-body{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.about-tc .about-tc-body .about-tc-tit{
  font-size: 30px;
  font-family: LATO-BOLD;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: bold;
}
.about-tc .about-tc-body .about-tc-tit2{
  margin-bottom: 40px;
  color: #ffffff;
}

.about-tc .about-tc-body .about-tc-wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap:45px;
}
.about-tc .about-tc-body .about-tc-wrap .about-tc-item{
  width: 370px;
  padding-top: 20px;
  padding-left: 35px;
  padding-bottom: 17px;
  background-color: #ffffff;
}
.about-tc .about-tc-body .about-tc-wrap .about-tc-item .about-tc-title{
  display: flex;
  gap: 10px;
}
.about-tc .about-tc-body .about-tc-wrap .about-tc-item .about-tc-title span{
  font-size: 20px;
  font-family: LATO-BOLD;
  text-transform: uppercase;
}
.about-tc .about-tc-body .about-tc-wrap .about-tc-item .about-tc-cont{
  padding-left: 42px;
  color: #777777;
}
.about-qh-body{
  width: 95%;
  max-width: 1200px;
  margin: 100px auto;
}

.about-qh-tit-ac::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #40d6ca;
  position: absolute;
  bottom: -1px;
}
.about-qh-body .about-qh-tit{
  display: flex;
  justify-content: space-around;
}
.about-qh-body .about-qh-tit .about-qh-tit-item{
  font-size: 20px;
  position: relative;
  padding: 12px 0;
  border-radius: 5px;
  font-family: LATO-BOLD;
  cursor: pointer;
  text-transform: uppercase;
}
.about-qh-body .about-qh-wrap .about-qh-wrap-cont{
  /* display: none; */
  padding-top: 65px;
}
.about-qh-body .about-qh-wrap .about-qh-wrap-cont .certificates-r{
  max-width: 1200px;
  margin: 0 auto;
}
.about-qh-body .about-qh-wrap .about-qh-wrap-cont .certificates-r img{
  width: 1200px;
}
.about-zs-body{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto 100px;
}
.about-sr-body{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto 100px;
}
.about-sr-wrap{
  height: 370px;
  overflow-y: scroll;
}
.about-sr-wrap .about-sr-item{
  font-size: 18px;
  margin-bottom: 15px;
}
.about-sr-wrap .about-sr-item .about-sr-line{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0092fc;
  margin-right: 20px;
}
::-webkit-scrollbar{
  width: 5px;
}
::-webkit-scrollbar-track{
  border-radius: 2.5px;
  background-color: #e5e5e5;
}
::-webkit-scrollbar-thumb{
  border-radius: 2.5px;
  background-color: #40d6ca;
}
/* careers */
.careers-body{
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}
.careers .careers-top {
  padding: 17px 0;
  border-bottom: 1px solid #e6e6e6;
}

.careers .careers-top .careers-tit {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
  color: #e6e6e6;
}

.careers .careers-top .careers-tit .careers-tit-item {
  color: #000;
  font-size: 18px;
  position: relative;
  margin: 12px 20px;
  border-radius: 5px;
  font-family: LATO-BOLD;
  cursor: pointer;
}

.careers .careers-top .careers-tit .careers-tit-item.careers-tit-ac {
  color: #0092fc;
}

.careers-tit-ac::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #0092fc;
  position: absolute;
  bottom: -31px;
}
.careers .careers-body .careers-wrap{
  margin-top: 100px;
  margin-bottom: 100px;
}
.careers .careers-body .careers-wrap .careers-wrap-item{
  display: none;
}
.careers .careers-body .careers-wrap .careers-wrap-item .careers-wrap-item-tit{
  font-size: 30px;
  font-family: LATO-BOLD;
  margin-bottom: 20px;
  color: #0092fc;
}
.careers .careers-body .careers-wrap .careers-wrap-item .careers-wrap-item-tit2{
  font-size: 24px;
  margin-bottom: 20px;
}
.careers .careers-body .careers-wrap .careers-wrap-item .careers-wrap-item-img{
  margin: 75px auto;
}
.careers .careers-body .careers-wrap .careers-wrap-item .careers-p{
  font-size: 20px;
  color: #777777;
  margin-bottom: 20px
}
.careers .careers-body .careers-wrap .careers-wrap-item p{
  font-size: 18px;
  color: #777777;
  margin-bottom: 20px
}
.careers .careers-body .careers-wrap .careers-wrap-item .careers-wrap-info{
  margin-bottom: 60px;
}
.flex{
  display: flex;
  justify-content: space-between;
}
.careers .careers-body .careers-wrap .careers-wrap-item .careers-wrap-info .careers-wrap-box{
  width: 48%;
}
.careers-wrap-item .careers-wrap-xl .careers-wrap-xl-item .xl-tit{
  font-size: 26px;
  font-family: LATO-BOLD;
  color: #0092fc;
}

.careers-wrap-item .careers-wrap-xl:nth-of-type(odd){
  background-color: #f5f5f5;
}

.careers-wrap-item .careers-wrap-xl-box{
  display: none;
  padding: 0 40px 32px 40px;
}
.careers-wrap-item .careers-wrap-xl-box .careers-wrap-xl-tit{
  font-size: 24px;
  margin-bottom: 30px;
}
.careers-wrap-item .careers-wrap-xl-box p{
  font-size: 18px;
  color: #777777;
  margin-bottom: 10px;
}
.careers-wrap-item .careers-wrap-xl .careers-wrap-xl-item {
  padding: 24px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url(../img/careers/jiah.png);
  background-repeat: no-repeat;
  background-position: 96% center;
}
.jianhao{
  background-image: url(../img/careers/jh.png) !important;
}
.careers-wrap-item .rc-tit{
  font-size: 30px;
  font-family: LATO-BOLD;
  color: #0092fc;
  margin-bottom: 20px;
}
.careers-wrap-item .rc-tit2{
  font-size: 24px;
  margin-bottom: 20px;
}
.careers-wrap-item .rc-info{
  margin-top: 70px;
  margin-bottom: 100px;
}
.careers-wrap-item .rc-info .rc-info-box{
  width: 48%;
  position: relative;
}
.careers-wrap-item .rc-info .rc-info-box .rc-info-cont{
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 25px;
}
.careers-wrap-item .rc-info .rc-info-box .rc-info-cont .rc-info-tit{
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 20px;
}
.careers-wrap-item .rc-info .rc-info-box .rc-info-cont .rc-info-tit2{
  font-size: 18px;
  color: #ffffff;
}



/* 头部大屏 */

.jumbotron {

  width: 100%;

  margin: 0 auto;

  height: 500px;

  display: flex;

}



.jumbotron .container {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

}



.jumbotron .nav-tit {

  font-size: 48px;

  color: #ffffff;

  font-family: LATO-BOLD;

}



.jumbotron .text-right {

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 20px;

}



/* product */

.product-body {

  width: 95%;

}



.product .product-top {

  padding: 20px 0;

  border-bottom: 1px solid #e6e6e6;

}



.product .product-top .product-top-wrap {

  max-width: 1200px;

  margin: 0 auto;

}



.product-tit {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-around;

  color: #e6e6e6;

}



.product-tit .product-tit-item {
  color: #000;
  font-size: 18px;
  font-family: LATO-BOLD;
  position: relative;
  margin: 12px 20px;
  cursor: pointer;
}

.product-tit .product-tit-item a{
  color: #000;
  font-size: 18px;
  font-family: LATO-BOLD;
}

.product-tit .product-tit-item.product-tit-ac {

  color: #0092fc;

}
.product-tit .product-tit-item .product-tit-ac {

  color: #0092fc;

}


.product-tit-ac::after {

  content: '';

  display: block;

  width: 100%;

  height: 3px;

  background-color: #0092fc;

  position: absolute;

  bottom: -34px;

}



/* hot product */

.prod-hot {

  max-width: 1200px;

  margin: 100px auto;

}

.prod-hot .prod-line{

  width: 30px;

  height: 1px;

  background-color: #a0ebe5;

  margin: 10px auto;

}

.prod-hot .indexpro-list .indexpro-item .indexpro-item-info{

  padding: 30px 10px;

}

.prod-hot .indexpro-list .indexpro-item .indexpro-item-tit2{

  font-size: 20px;

  font-family: LATO-BOLD;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;
  
}

.prod-hot .indexpro-list .indexpro-item .indexpro-item-des{

  font-size: 16px;

  margin-top: 0;

  margin-bottom: 20px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.prod-fl {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.prod-fl .product-list-r{
  display: none;
}

.prod-fl .product-list-r .product-list-r-nav a {

  font-size: 24px;

  vertical-align: -3px;

}



.prod-fl .product-list-r .product-list-r-nav {

  margin-bottom: 45px;

}



.prod-fl .product-list-r .product-list-r-wrap {

  display: flex;

  flex-wrap: wrap;

  margin-top: 100px;

  margin-bottom: 70px;
}



.prod-fl .product-list-r .product-list-r-wrap .product-list-r-item {

  width: 31%;

  margin-right: 3.5%;

  margin-bottom: 30px;

}

.prod-fl .product-list-r .product-list-r-wrap .product-list-r-item:nth-child(3n){

  margin-right: 0;

}

.prod-fl .product-list-r .product-list-r-wrap .product-list-r-item .product-list-r-img {

  overflow: hidden;

}



.prod-fl .product-list-r .product-list-r-wrap .product-list-r-item .product-list-r-img:hover img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

}



.prod-fl .product-list-r .product-list-r-wrap .product-list-r-item .product-list-r-img img {

  object-fit: cover;

  transition: transform 0.8s;

  -webkit-transition: -webkit-transform 0.8s;

}



.prod-fl .product-list-r .product-list-r-wrap .product-list-r-tbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 35px;

  background-color: #fafafa;

  text-align: center;

}

.prod-fl .product-list-r .product-list-r-wrap .product-list-r-item:hover .product-list-r-tbox{

  background-color: #40d6ca;

}

.prod-fl .product-list-r .product-list-r-wrap .product-list-r-item:hover .product-list-r-tbox p{

  color: #ffffff;

}



.prod-fl .product-list-r .my-4 .pagination {

  justify-content: center;

}





.product2 .prod-hot {

  margin: 40px auto 85px;

}



.product-news-item {

  margin-bottom: 15px;

  padding-right: 15px;

  border: 1px solid #e5e5e5;

}



.product-news {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.product-news .product-news-img {

  width: 100px;

}



.mabo-120{

  margin-bottom: 100px;

}

/* 分页 */

.my-4 {

  max-width: 1200px;

  margin: 0 auto;

  text-align: center;

}



.my-4 .pagination a {

  display: block;

}



.my-4 .pagination {

  display: flex;

  justify-content: end;

  gap: 20px;

}



.page-link {

  width: 40px;

  height: 40px;

  line-height: 40px;

}



.page-num {

  width: 40px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #e6e6e6;

}



.page-num.page-num-current {

  background-color: #0092fc;

  color: #ffffff;

}







/* new */

.news-body {

  width: 100%;
  margin: 0 auto 100px;
}



.news .news-top {

  padding: 20px 0;

  border-bottom: 1px solid #e6e6e6;

}



.news .news-top .news-top-wrap {

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.news-tit {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;

  color: #e6e6e6;

}



.news-tit .news-tit-item a {
  color: #000;

  font-size: 18px;

  position: relative;

  display: block;

  margin: 12px 20px;


  font-family: LATO-BOLD;

}



.news-tit .news-tit-item a.news-tit-ac {

  color: #0092fc;

}



.news-tit-ac::after {

  content: '';

  display: block;

  width: 100%;

  height: 3px;

  background-color: #0092fc;

  position: absolute;

  bottom: -34px;

}



.news .news-top .news-top-wrap .news-search .news-search-box {

  position: relative;

  width: 400px;

}



.news .news-top .news-top-wrap .news-search .search-inp {

  width: 100%;

  height: 45px;

  padding: 10px 20px;

  background-color: #ffffff;

  border-radius: 22.5px;

  box-shadow: 0 0 11px 3px #f4f4f5;

}



.news .news-top .news-top-wrap .news-search .search-inp::placeholder {

  color: #c8c8c8;

}



.news .news-top .news-top-wrap .news-search .search-btn {

  position: absolute;

  right: 5%;

  top: 25%;

  width: 23px;

  height: 23px;

  background-color: transparent;

  background-image: url(../img/search_icon.png);

  background-repeat: no-repeat;

  cursor: pointer;

}



.news-list-wrap {
  width: 100%;
  max-width: 1920px;
  margin: 80px auto 40px;

}

.news-list-wrap .news-list-top-wrap:hover{
  box-shadow: 0 0 11px 3px #f4f4f5;
}
.news-list-wrap .news-list-top-wrap:hover .news-title{
  color: #0092fc;
}
.news-list-wrap .news-list-top-wrap:hover .news-list-top-item .news-list-top-t .news-list-top-t-wrap a{
  margin-left: 0;
  color: #0092fc;
}
.news-list-wrap .news-list-top-wrap:hover .news-list-top-item .news-list-top-t .news-list-top-t-wrap a i{
  color: #0092fc;
}

.news-list-wrap .news-list-top-item {
  max-width: 1200px;
  margin: 0 auto 40px;
  display: flex;

  justify-content: space-between;

  gap: 40px;

}



.news-list-wrap .news-list-top-item .news-list-top-l {

  flex-shrink: 0;

}



.news-list-wrap .news-list-top-item .news-list-top-t {

  padding-top: 40px;

}
.news-list-wrap .news-list-top-item .news-list-top-t .news-list-top-t-wrap{
  overflow: hidden;
}
.news-list-wrap .news-list-top-item .news-list-top-t .news-list-top-t-wrap a{
  margin-left: -91px;
  transition: all 0.3s ease-in-out;
}
.news-list-wrap .news-list-top-item .news-list-top-t .news-list-top-t-wrap a i{
  margin-left: 10px;
}
.news-list-wrap .news-list-top-item .news-list-top-t .news-title {

  font-size: 26px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin-bottom: 30px;

}



.news-list-wrap .news-list-top-item .news-list-top-t .news-desc {

  font-size: 17px;

  color: #a5a5a5;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  margin-bottom: 30px;

}



.news-list-wrap .news-list-top-item .news-list-top-r {

  text-align: center;

  padding-top: 40px;

}



.news-list-wrap .news-list-top-item .news-list-top-r .news-date {

  color: #40d6ca;

}



.news-list-wrap .news-list-top-item .news-list-top-r .news-date1 {

  font-size: 60px;

}





.newsinfo {

  width: 95%;

  max-width: 1200px;

  margin: 75px auto 0;
  text-align: center;

}



.newsinfo-body .newsinfo-tit {
  text-align: center;
  font-size: 30px;
  font-family: LATO-BOLD;
  margin-bottom: 35px;
}



.newsinfo-body .newsinfo-cont {

  text-align: center;

  margin-bottom: 30px;

}



/* contact */
.contact .contact-body{
  width: 95%;
  max-width: 1200px;
  margin: 100px auto;
}
.contact .contact-body .contact-wrap{
  display: flex;
  gap: 20px;
}
.contact .contact-body .contact-item{
  width: calc(100% / 3);
}
.contact .contact-body .contact-item .contact-item-tit{
  font-size: 20px;
  font-family: LATO-BOLD;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;
}
.contact .contact-body .contact-item .contact-item-cont{
  font-size: 17px;
  color: #777777;
  margin-bottom: 30px;
}
.contact .contact-body .contact-item .contact-item-phone * {
  font-size: 18px;
}
.contact .contact-body .contact-item .contact-item-phone .contact-item-p{
  margin-bottom: 15px;
}
.contact .contact-body .contact-item .contact-item-phone .contact-item-p a:hover{
  color: #0092fc;
}
.contact-form{
  background-color: #0092fc;
}
.contact-form .message{
  width: 95%;
  max-width: 1200px;
}
.contact-form .message .message-inp{
  background-color: #ffffff;
}
.contact-form .message .message-sub:hover{
  background-color: #ffffff;
  color: #0092fc;
}
.contact-map {
  font-size: 0;
}


/* 产品详情 */

.productdetail {

  position: relative;

  margin-top: 35px;

}

.productdetail-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto 0;

}

.productdetail-body .product-title{

  font-size: 36px;

  font-family: LATO-BOLD;

  margin-top: 50px;

  margin-bottom: 50px;

}

.productdetail-body .productdetail-wrap {

  display: flex;

  justify-content: space-between;

  margin-bottom: 50px;

}



.productdetail-body .prod-hot {

  max-width: 1200px;

}



.productdetail-wrap .productdetail-l {

  position: relative;

  width: 50%;

}

.productdetail-wrap .productdetail-l .productdetail-swiper2 i{

  font-size: 30px;

  color: #40d6ca;

}

.productdetail-wrap .productdetail-l .pro2-prev {

  position: absolute;

  z-index: 9;

  top: 40%;

  left: 1%;

  cursor: pointer;

}



.productdetail-wrap .productdetail-l .pro2-next {

  position: absolute;

  z-index: 9;

  top: 40%;

  right: 1%;

  cursor: pointer;

}



.swiper-button-disabled {

  opacity: 0.3;

  cursor: auto;

}

.productdetail-swiper1 .swiper-slide {

  font-size: 0;

  overflow: hidden;

  text-align: center;

}

.productdetail-swiper1{

  margin-bottom: 20px;

}

.productdetail-swiper2{

  position: relative;

}
.productdetail-swiper2 .swiper-wrapper{
  height: auto;
}
.productdetail-swiper2 .swiper-slide {

  font-size: 0;

  cursor: pointer;

}



.productdetail-swiper2 .swiper-slide img {

  width: 100%;

  object-fit: cover;

  object-position: center;

}

.productdetail-swiper2 .swiper-slide-thumb-active {

  border: 2px solid #40d6ca;

}



.productdetail-wrap .productdetail-r {

  width: 50%;

  padding-left: 60px;

}



.productdetail-wrap .productdetail-r .prod-advantage{

  font-size: 24px;

  font-family: LATO-BOLD;

  margin-bottom: 20px;

}

.productdetail-wrap .productdetail-r .prod-features-tit{

  font-size: 24px;

  font-family: LATO-BOLD;

  margin-bottom: 20px;

}

.prod-line{

  display: inline-block;

  width: 20px;

  height: 4px;

  background-color: #0092fc;

  vertical-align: 6px;

}

.productdetail-wrap .productdetail-r .prod-features{

  margin-bottom: 20px;

}

.productdetail-wrap .productdetail-r .prod-features p{

  font-size: 17px;

}

.productdetail-wrap .productdetail-r .prod-btn{

  display: block;

  max-width: 150px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  font-size: 18px;

  font-family: LATO-BOLD;

  color: #ffffff;

  background-color: #40d6ca;
  cursor: pointer;
}
.productdetail-wrap .productdetail-r .prod-btn:hover{
  background-color: #0092fc;
}
.productdetail .productdetail-body .productdetail-info  .productdetail-tit{

  font-size: 24px;

  font-family: LATO-BOLD;

  margin-bottom: 28px;

}

.productdetail .productdetail-body .productdetail-info .productdetail-info-box p{

  font-size: 17px;

}
.mov {
  width: 130px;
  height: 130px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
  display: none;
  background-color: #eee;
  opacity: 0.4;
  z-index: 1000;
}
.bigimg img{
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  width: 1000px;
}
.bigimg {
  width: 600px;
  height: 450px;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  overflow: hidden;
  display: none;
  z-index: 9;
}


/* 隐私政策 */

.ppb {

  max-width: 1800px;

  margin: 70px auto 50px;

}



.ppb .pp-tit {

  text-align: center;

  font-size: 35px;

  margin-bottom: 40px;

}