@font-face {

  font-family: Lack;

  src: url("../font/LACK-REGULAR-2.OTF");

}



* {

  font-size: 16px;

  font-family: Arial;

  color: #000000;

}



table tr td {

  border: 1px solid #dcdcdc;

  height: 35px;

  line-height: 35px;

  padding-left: 10px;

}



table {

  border-collapse: collapse;

}



.line1 {

  width: 95%;

  max-width: 1800px;

  margin: 0 auto;

  width: 100%;

  height: 1px;

  background: #e6e6e6;

  margin: 80px auto;

}



/* header */

.header {

  position: relative;

}



.header .header-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header .header-body .header-left {

  display: flex;

  align-items: center;

  gap: 90px;

}



.header .header-logo {

  font-size: 0;

}



.header .header-logo * {

  font-size: inherit;

}



.header .header-nav>ul {

  display: flex;

  justify-content: center;

  gap: 95px;

}



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

  position: relative;

  height: 70px;

  line-height: 70px;

}

.header .header-nav .header-nav-item.active::before{

  content: '';

  display: block;

  position: absolute;

  width: 100%;

  height: 5px;

  left: 0;

  bottom: 0;

  background-color: #00a0e9;

}

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

  color: #333;

  font-size: 18px;

}



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

  color: inherit;

}



.header .header-right {

  display: flex;

  align-items: center;

}



.header .header-right img {

  vertical-align: middle;

}



.header .header-right .header-phone {

  margin-right: 90px;

}



.header .header-right .header-email {

  margin-right: 30px;

}



.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: #ffffff;

  border-radius: 5px;

  padding: 15px 0;

  width: auto;

  min-width: 160px;

  min-height: 100px;

  top: 100%;

  right: -60%;

  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::before{

  content: '';

  display: block;

  position: absolute;

  top: -20px;

  left: 44%;

  border-top: 10px solid transparent;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #ffffff;



}

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

  margin-top: 0;

}



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

  margin-top: 10px;

  text-align: center;

}



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

  display: block;

  color: #666;

  font-size: 14px;

}



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

  visibility: visible;

  opacity: 1;

  top: calc(100% + 10px);

}



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

  line-height: 35px;

  position: relative;

}



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

  background-color: #00a0e9;

}

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

  color: #ffffff;

}





.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;

}



.menu {

  overflow-y: auto;

  background-color: #fff;

  position: absolute;

  top: 100%;

  z-index: 99;

  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);

}

.menu>li>a {

  display: block;

  font-size: 14px;

  font-weight: bold;

  line-height: 1.42857143;

  color: #111;

  border-top: solid 1px #f0f0f0;

  padding: 12px 20px;

}

.menu>li .fa {

  width: 60px;

  height: 45px;

  color: #111;

  font-size: 22px;

  text-align: center;

  line-height: 43px;

}

.menu-list li>a {

  display: block;

  font-size: 14px;

  font-weight: bold;

  line-height: 1.42857143;

  color: #111;

  border-top: solid 1px #f0f0f0;

  padding: 12px 20px 20px 40px;

}

.head-bar{cursor: pointer;}

.head-bar .fa{

  font-size: 30px;

}



/* search */

.search {

  position: relative;

}



.search .headersear-show {

  cursor: pointer;

}



.search .headersear-show:hover span {

  color: #ea5505;

}



.search .headersear-box {

  position: absolute;

  top: calc(100% + 40px);

  right: 0;

  width: 300px;

  display: flex;

  justify-content: center;

  background-color: #fff;

  opacity: 0;

  visibility: hidden;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

}



.search .headersear-box form {

  width: 100%;

  margin: 15px;

}



.search .headersear-box .headersear-boxmain {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 5px;

  border-bottom: solid 1px #333333

}



.search .headersear-box .headersear-boxmain .headersear-btn {

  background: none;

}



.search .headersear-box .headersear-boxmain .headersear-btn span {

  font-size: 18px;

  color: #333333;

}



.search .headersear-box .headersear-boxmain .headersear-inp {

  width: 200px;

  font-size: 14px;

  color: #333333;

  background: none;

}



.search .headersear-box .headersear-boxmain .headersear-clo {

  cursor: pointer;

}



.search .headersear-box .headersear-boxmain .headersear-clo span {

  font-size: 22px;

  color: #333333;

}



.search .headersear-box1 {

  opacity: 1;

  visibility: visible;

  top: calc(100% + 18px);

  z-index: 2;

}



/* index */

.indexban {

  position: relative;

}



.indexban .indexban-bg {

  position: relative;

  font-size: 0;

}



.indexban .indexban-text {

  position: absolute;

  top: 36%;

  left: 0;

  right: 0;

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  text-align: center;

}



.indexban .indexban-text .indexban-text1 {

  font-size: 70px;

  margin-bottom: 25px;

  font-weight: bold;

}



.indexban .indexban-text .indexban-text2 {

  font-size: 28px;

  margin-bottom: 45px;

}



.indexban .indexban-text .indexban-text-btn {

  display: inline-block;

  max-width: 170px;

  font-size: 18px;

  color: #ffffff;

  padding: 10px 47px;

  background-color: #00a0e9;

  border-radius: 21px;

}





.indextop {

  margin-top: 130px;

}



.index-pro .index-pro-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}



.indexline {

  position: relative;

  width: 100%;

  border: 1px solid #000000;

}

.indexline .indexline-text {

  font-size: 20px;

  font-weight: bold;

  padding: 0 5px;

  color: #00a0e9;

  position: absolute;

  left: 45px;

  top: -15px;

  background: #ffffff;

}

.indexline2 {

  position: relative;

  width: 100%;

  /* border: 1px solid #ffffff; */

}



.indexline2 .indexline-text{

  display: flex;

  align-items: center;

  color: #ffffff;

  font-size: 20px;

}

.indexline2 .indexline-text::before{

  content: '';

  display: block;

  width: 45px;

  height: 1px;

  background-color: #ffffff;

}

.indexline2 .indexline-text::after{

  content: '';

  display: block;

  margin-left: auto;

  width: calc(100% - 140px);

  height: 1px;

  background-color: #ffffff;

}





.indexpro {

  max-width: 1420px;

  margin: 75px auto 0;

}



.index-pro .index-pro-body .index-pro-tit {

  margin-top: 80px;

}



.index-pro .index-pro-body .index-pro-tit p {

  font-size: 30px;

  font-weight: bold;

}



.index-pro .index-pro-body .index-pro-tit p:nth-child(1) {

  margin-bottom: 5px;

}



.index-pro .indexSwiper-prev {

  transform: rotate(180deg);

  position: absolute;

  z-index: 9;

  top: 50%;

  left: 0;

  width: 52px;

  height: 51px;

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

}
.swiper-button-disabled{
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}


.index-pro .indexSwiper-next {

  position: absolute;

  z-index: 9;

  top: 50%;

  right: 0;

  width: 52px;

  height: 51px;

}



.my-button-disabled {

  opacity: 0.5;

}



.indexpro-list .indexpro-item {

  background-repeat: no-repeat;

  background-size: 100% 100%;

  transition: background-image 2s, background-color 1s;

  -webkit-transition: background-image 2s, background-color 1s;

  color: #ffffff;

}



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

  display: block;

  padding-top: 120%;

  position: relative;

}



.indexpro-list .indexpro-item .indexpro-item-box {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 30px 30px 0 0;

  display: flex;

  flex-direction: column-reverse;

  justify-content: space-between;

}



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

  padding: 25px 25px 25px 30px;

  margin-top: 40px;

  max-width: 380px;

}



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

  background-color: rgba(0, 160, 233, 0.7);

  border-top-right-radius: 20px;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}



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

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-wrap img {

  display: none;

}



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

  display: block;

}



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

  font-size: 25px;

  color: #ffffff;

}



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

  margin-top: 0;

  font-size: 14px;

  line-height: 1.7;

  opacity: 0;

  height: 0;

  transition: 1s;

  -webkit-transition: 1s;

  color: #ffffff;

}



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

  margin-top: 10px;

  opacity: 1;

  height: calc(1.7em * 3);

}



.indexpro-list .indexpro-item-7 {

  background-image: url(../img/index/index-pro1-1.png);

}



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

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

}



.indexpro-list .indexpro-item-8 {

  background-image: url(../img/index/index-pro2-2.png);

}



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

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

}



.indexpro-list .indexpro-item-9 {

  background-image: url(../img/index/index-pro3-3.png);

}



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

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

}


.indexpro-list .indexpro-item-10 {

  background-image: url(../img/index/index-pro4-4.png);

}



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

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

}

.indexpro-list .indexpro-item-11 {

  background-image: url(../img/index/index-pro5-5.png);

}



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

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

}


.indexab {

  padding: 90px 0 105px;

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

  background-size: 100%;

  background-size: cover;

  background-repeat: no-repeat;

}



.indexab .indexab-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.indexab .indexab-tit{

  margin-top: 60px;

  margin-bottom: 60px;

}

.indexab .indexab-tit p{

  font-size: 40px;

  color: #ffffff;

}

.indexab-wrap{

  display: flex;

  align-items: end;

  justify-content: space-between;

  color: #ffffff;

}

.indexab-wrap .indexab-wrap-l{

  width: 42%;

  color: #ffffff;

}

.indexab-wrap .indexab-wrap-l .indexab-cont{

  font-size: 18px;

  line-height: 30px;

  margin-bottom: 55px;

  color: #ffffff;

}

.indexab-wrap .indexab-wrap-l .indexab-btn{

  text-align: center;

  max-width: 230px;

  height: 45px;

  line-height: 45px;

  color: #00a0e9;

  border-radius: 22px;

  background-color: #ffffff;

}

.indexab-wrap .indexab-wrap-l .indexab-btn a i{

  color: #00a0e9;

  padding-left: 30px;

}

.indexab-wrap .indexab-wrap-r{

  width: 50%;

  display: flex;

  padding: 65px 15px;

  background-color: #ffffff;

  border-radius: 15px;

  box-shadow: 3px 3px 10px 2px #deecfd;

}

.indexab-wrap .indexab-wrap-r .indexab-wrap-r-item{

  width: calc(100% / 3);

  text-align: center;

}

.indexab-wrap .indexab-wrap-r .indexab-wrap-r-item p{

  font-size: 18px;

  margin-top: 5px;

  font-weight: bold;

}



.indexanl-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.indexanl-body .indexanl-wrap{

  display: flex;

  justify-content: space-between;

}

.indexanl-body .indexanl-tit{

  font-size: 30px;

  margin-top: 60px;

}

.indexanl-body .indexanl-btn{

  margin-top: 90px;

  text-align: center;

  max-width: 230px;

  height: 45px;

  line-height: 45px;

  color: #ffffff;

  border-radius: 22px;

  background-image: linear-gradient(to right, rgba(0, 192, 248), rgba(11, 122, 216, 1));

}

.indexanl-body .indexanl-btn a i{

  color: #ffffff;

  padding-left: 30px;

}

.indexanl-body .indexanl-body-l{

  width: 36%;

}

.indexanl-body .indexanl-body-r{

  width: 61%;

  margin-top: 150px;

}

.indexanl-body .indexanl-body-r .indexanlSwiper-next {

  position: absolute;

  z-index: 9;

  bottom: 0;

  left: -160px;

  width: 50px;

  height: 50px;

}

.indexanl-body .indexanl-body-r .indexanlSwiper-prev {

  transform: rotate(180deg);

  position: absolute;

  z-index: 9;

  bottom: 0;

  left: -240px;

  width: 50px;

  height: 50px;

}

/* .indexanl-body .indexanl-body-r .indexanlSwiper .swiper-slide{
  width: 350px !important;
} */
.indexanl-body .indexanl-body-r .indexanlSwiper .swiper-slide img{
  border-top-left-radius: 50px;
}
.indexanl-body .indexanl-body-r .indexanlSwiper .swiper-slide p{

  color: #ffffff;

  font-size: 18px;

  margin-top: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  

}

.indexanl .indexanl-bg{

  margin-left: 160px;

  margin-top: -200px;

}



.index-bot .index-bot-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.index-bot .index-bot-body .index-bot-body-item{

  width: 48%;

  padding: 30px 20px;

  text-align: center;

  border-radius: 8px;

  background-color: #f2f2f2;

}

.index-bot .index-bot-body .index-bot-body-item p:nth-child(1){

  font-size: 20px;

  margin-bottom: 5px;

}

.index-bot .index-bot-body .index-bot-body-item p:nth-child(2){

  margin-bottom: 26px;

}

.index-bot .index-bot-body .index-bot-body-item .index-bot-btn{

  margin: 0 auto;

  text-align: center;

  max-width: 190px;

  height: 45px;

  line-height: 45px;

  color: #ffffff;

  border-radius: 22px;

  background-image: linear-gradient(to right, rgba(0, 192, 248), rgba(11, 122, 216, 1));

}

.index-bot .index-bot-body .index-bot-body-item .index-bot-btn a i{

  color: #ffffff;

  padding-left: 30px;

}

.indextop2{

  margin: 130px 0;

}

.index-bot .index-bot-body .index-bot-body-item:hover{

  background-image: linear-gradient(to right, rgba(0, 192, 248), rgba(11, 122, 216, 1));

}

.index-bot .index-bot-body .index-bot-body-item:hover p{

  color: #ffffff;

}

.index-bot .index-bot-body .index-bot-body-item:hover .index-bot-btn{

  border: 1px solid #ffffff;

  background-image: none;

}







/* foot */

.foot {

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

  background-size: auto;

  background-repeat: no-repeat;

}



.foot .foot-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  padding: 130px 0 90px;

  color: #ffffff;

}



.foot .foot-body * {

  color: inherit;

}

.foot .foot-body .foot-top{

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 25px;

  border-bottom: 1px solid #5b5b5b;

}

.foot .foot-body .foot-top .foot-top-r {

  display: flex;

  gap: 85px;

}
.foot .foot-body .foot-top .foot-top-r a:hover{color: #00a0e9;}

.foot .foot-body .foot-bottom{

  display: flex;

  justify-content: space-between;

  margin-top: 60px;

}

.foot .foot-body .foot-bottom .foot-bottom-l .foot-bottom-l-t p>span:nth-child(1){

  opacity: 0.5;

  padding-right: 25px;

}
.foot .foot-body .foot-bottom .foot-bottom-l .foot-bottom-l-t p a:hover{color: #00a0e9;}
.foot .foot-body .foot-bottom .foot-bottom-l .foot-bottom-l-t p{

  margin-bottom: 30px;

}

.foot .foot-body .foot-bottom .foot-bottom-l .foot-bottom-l-t p:last-child{

  margin-bottom: 0;

}

.foot .foot-body .foot-bottom .foot-bottom-l .foot-bottom-l-b{

  margin-top: 95px;

}
.foot .foot-body .foot-bottom .foot-bottom-l .foot-bottom-l-b a.ystk:hover{
  color: #00a0e9;
}
.foot .foot-body .foot-bottom .foot-bottom-l .foot-bottom-l-b a{

  opacity: 0.5;

  margin-right: 50px;

}

.foot .foot-body .foot-bottom .foot-bottom-r p{

  text-align: right;

  margin-bottom: 20px;

}
.foot .foot-body .foot-bottom .foot-bottom-r p:hover a{
  color: #00a0e9;
}
.foot .foot-body .foot-bottom .foot-bottom-r p:last-child{

  margin-bottom: 0;

}



/* 新品发布 */

.newproduct{

  margin: 110px 0 110px;

}

.newproduct .newproduct-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.newproduct .newproduct-body .newproduct-item{

  width: 47%;

  border-top-right-radius: 50px;

}

.newproduct .newproduct-body .newproduct-item .newproduct-img img{

  border-top-right-radius: 50px;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap{

  padding: 30px 60px 50px 60px;

  background-color: #f6f5f5;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap .newproduct-tit{

  font-size: 24px;

  line-height: 35px;

  font-weight: bold;

}
.newproduct .newproduct-body .newproduct-item .newproduct-wrap .newproduct-cont{  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.newproduct .newproduct-body .newproduct-item .newproduct-wrap .newproduct-tit:nth-child(2){

  margin-bottom: 45px;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap .newproduct-cont p{

  font-size: 16px;

  line-height: 26px;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap .newproduct-btn{

  text-align: center;

  max-width: 190px;

  height: 35px;

  line-height: 35px;

  border: 1px solid #000000;

  border-radius: 22px;

  margin-top: 25px;

  font-weight: bold;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap .newproduct-btn a i{

  padding-left: 30px;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap * {

  color: inherit;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap:hover{

  background-image: linear-gradient(to bottom, rgba(0, 192, 248), rgba(11, 122, 216, 1));

  color: #ffffff;

}

.newproduct .newproduct-body .newproduct-item .newproduct-wrap:hover .newproduct-btn{

  border: 1px solid #ffffff;

  background-color: #ffffff;

  color: #00c1f8;

}

.newproduct-pro{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  padding: 8px;

  background-color: #0b72d2;

  border-radius: 15px;

}.newproduct-pro .newproduct-pro-tit{

  padding: 30px 50px;

}

.newproduct-pro .newproduct-pro-tit span{

  display: block;

  font-size: 40px;

  color: #ffffff;

}

.newproduct-pro .newproduct-pro-imgbox:last-child img{

  border-top-right-radius: 15px;

  border-bottom-right-radius: 15px;

}





/* about us */

.abouttop{

  margin-top: 150px;

}

.about-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.about-ab{

  display: flex;

  justify-content: space-between;

}

.about-ab .about-ab-tit{

  width: 30%;

}

.about-ab .about-ab-tit p:nth-child(1){

  font-size: 35px;

  margin-bottom: 20px;

  font-weight: bold;

}

.about-ab .about-ab-tit p:nth-child(2){

  font-size: 20px;

}

.about-ab .about-ab-cont p{

  line-height: 26px;

  text-indent: 2em;

}

.about-ab .about-ab-cont{

  width: 56%;

  padding-left: 2%;

  position: relative;

}

.about-ab .about-ab-cont::before{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 2px;

  height: 40px;

  background-color: #0c74d5;

}



.about-cq{

  background-image: url(../img/about/ab_bg1.jpg);

  background-size: auto;

  background-repeat: no-repeat;

  padding-top: 90px;

  padding-bottom: 50px;

  text-align: center;

}
.about-cq-body{
  width: 95%;
  max-width: 1600px;
  margin: 0 auto;
}
.about-cq .about-cq-tit{

  font-size: 40px;

  margin-bottom: 10px;

}

.about-cq .about-cq-tit2{

  font-size: 20px;

  margin-bottom: 54px;

}

.about-cq .about-cq-cont{

  font-size: 18px;

  line-height: 30px;

}

.about-cq .about-cq-imgwrap{

  max-width: 770px;

  margin: 90px auto 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 0 96px;

}

.about-cq .about-cq-imgwrap .about-cq-item{

  margin-bottom: 50px;

}

.about-cq .about-cq-imgwrap .about-cq-item .about-cq-p{

  font-size: 23px;

  margin-top: 10px;

}

.about-ls{
  max-width: 1920px;
  margin-bottom: 150px;
  cursor: move;
}

.time-line-box {
  margin-top: 40px;
}
.time-line-box ul{
  padding-top: 44px;
}
.time-line-box ul:after {
  content: '';
  height: 52px;
  width: 1000%;
  position: absolute;
  left: 0;
  z-index: 1;
  border-top: 1px solid #000
}
.time-line-box ul li {
  float: left;
  width: 256px;
  position: relative;
  padding-top: 84px;
  padding-bottom: 0;
  padding-left: 0;
  z-index: 2;
  margin-right: 130px;
}
.time-line-box ul li:after {
  content: '';
  height: 100px;
  width: 40px;
  position: absolute;
  top: -19px;
  left: -23px;
  background: url("../img/about/lsicon.png") no-repeat top;
}
.time-line-box ul li dl {
  padding-left: 16px;
}
.time-line-box ul li dl dt {
  font-size: 22px;
  color: #000;
  font-weight: normal;
  position: absolute;
  margin-bottom: 10px;
  top: -45px;
  left: -28px;
}
.time-line-box ul li dl dd {
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  padding-left: 15px;
  position: relative;
  font-family: arial;
  list-style: none;
}
.time-line-box ul li:first-child {
  margin-left: 95px;
}
.time-line-box ul li:last-child {
  margin-right: 40px;
}

.time-line-box ul li:nth-child(2n) dt:after {
  left: -34px;
}

/*.about-sj{*/
/*  padding-top: 60px;*/
/*}*/
/*.about-sjbox{*/
/*  display: inline-block;*/
/*  border-top: 1px solid #000000;*/
/*  margin-bottom: 20px;*/
/*}*/
/*.about-sjbox .about-sjwrap{*/
/*  display: flex;*/
/*  margin-left: 150px;*/
/*}*/
/*.about-sjbox .about-sjwrap-item{*/
/*  position: relative;*/
/*  width: 256px;*/
/*  margin-right: 150px;*/
/*}*/
/*.about-sjbox .about-sjwrap-item .about-sjwrap-item-time{*/
/*  position: absolute;*/
/*  top: -62px;*/
/*  right: 100%;*/
/*  text-align: center;*/
/*}*/
/*.about-sjbox .about-sjwrap-item .about-sjwrap-item-time p{*/
/*  font-size: 26px;*/
/*  margin-bottom: 10px;*/
/*}*/
/*.about-sjbox .about-sjwrap-item .about-sjwrap-item-text{*/
/*  margin-top: 60px;*/
/*  font-size: 18px;*/
/*  line-height: 30px;*/
/*}*/


.about-qy{

  background-image: url(../img/about/ab_bg2.jpg);

  background-size: auto;

  background-repeat: no-repeat;

  padding-top: 195px;

  padding-bottom: 120px;

  text-align: center;

}

.about-qy-body * {

  color: inherit;

}

.about-qy-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  color: #ffffff;

}

.about-qy-body .about-qy-l{

  width: 50%;

  text-align: left;

}

.about-qy-body .about-qy-l .about-qy-tit span{

  font-size: 26px;

}

.about-qy-body .about-qy-l .about-qy-tit{

  margin-bottom: 30px;

}

.about-qy-body .about-qy-l .about-qy-cont1{

  margin-bottom: 60px;

}

.about-qy-body .about-qy-l .about-qy-cont p{

  line-height: 30px;

}

.about-gh-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

}

.about-gh-body p{

  font-size: 18px;

  line-height: 30px;

}

.about-gh-body p:nth-child(1){

  text-align: right;

}

.about-gh-body p:nth-child(2){

  text-align: center;

}

.about-gh-body .about-gh-c .imgbox{

  margin: 20px;

}

.about-zc-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.about-zc-body .about-zc-cont{

  margin-top: 60px;

}

.about-zc-body .about-zc-cont p{

  margin-bottom: 20px;

  font-size: 18px;

  line-height: 30px;

  text-indent: 2em;

}



.about-team-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.about-team-body .about-team-tit{

  font-size: 26px;

  margin-top: 65px;

  margin-bottom: 45px;

}

.about-team-body .about-team-wrap{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.about-team-body .about-team-wrap .about-team-item{

  position: relative;

  width: calc(100% / 5 - 30px);

  height: 430px;

  padding: 30px 25px;

  display: flex;

  flex-direction: column-reverse;

}

.about-team-body .about-team-wrap .about-team-item .about-team-item-tit{

  border-bottom: 1px solid #ffffff;

}

.about-team-body .about-team-wrap .about-team-item .about-team-item-tit p:nth-child(1){

  font-size: 24px;

  margin-bottom: 10px;

  color: #ffffff;

}

.about-team-body .about-team-wrap .about-team-item .about-team-item-tit p:nth-child(2){

  margin-bottom: 10px;

  color: #ffffff;

}

.about-team-body .about-team-wrap .about-team-item1{

  background-image: url(../img/about/aboutteam1.jpg);

  background-repeat: no-repeat;

  background-size: auto;

}

.about-team-body .about-team-wrap .about-team-item2{

  background-image: url(../img/about/aboutteam2.jpg);

  background-repeat: no-repeat;

  background-size: auto;

}

.about-team-body .about-team-wrap .about-team-item3{

  background-image: url(../img/about/aboutteam3.jpg);

  background-repeat: no-repeat;

  background-size: auto;

}

.about-team-body .about-team-wrap .about-team-item4{

  background-image: url(../img/about/aboutteam4.jpg);

  background-repeat: no-repeat;

  background-size: auto;

}

.about-team-body .about-team-wrap .about-team-item5{

  background-image: url(../img/about/aboutteam5.jpg);

  background-repeat: no-repeat;

  background-size: auto;

}





/* 头部大屏 */

.jumbotron {

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

  padding-top: 190px;

  height: 505px;

}

.jumbotron .container{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.jumbotron .nav-tit {

  font-size: 60px;

}



.jumbotron .text-right {

  font-size: 26px;

  margin-top: 26px;

}

.position{

  padding: 30px 0;

  background-color: #f2f8fb;

}

.position-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;
  color: #00c1f8;

}

.position-body a:nth-child(1){

  color: #000000;

}

.position-body a{

  color: #00c1f8;

}



/* product */

.product-body {

  width: 95%;

  max-width: 1800px;

}



.prod-tit {

  max-width: 1065px;

  margin: 45px auto 75px;

  text-align: center;

}



.prod-tit .prod-t {

  margin-bottom: 30px;

  font-size: 30px;

}

.prod-search {

  position: absolute;

  top: 360px;

  left: 8%;

}

.prod-search .search-box{

  position: relative;

}

.search-img2{display: none;}

.prod-search .search-inp {

  width: 600px;

  height: 40px;

  line-height: 40px;

  padding: 14px;

  border-radius: 22px;

  border: 1px solid #ffffff;

  background: none;
  color: #ffffff;

}

.prod-search .search-inp::placeholder{

  color: #ffffff;

}

.prod-search .search-btn img{

  position: absolute;

  right: 20px;

  top: 10px;

}



.prod-search .prod-desc {

  margin-top: 20px;

}



.prod-search .prod-desc span {

  display: inline-block;

  margin-right: 20px;

}



.prod-search .prod-desc .prod-desc-sp1 {

  color: #959595;

}



.prod-lin {

  background-image: url(../img/product/Products_02.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  padding-top: 176px;

  padding-bottom: 176px;

}



.prod-lin .prod-lin-wrap {

  max-width: 1660px;

  margin: 0 auto;

}



.prod-lin .prod-lin-wrap .prod-lin-box {

  width: 41%;

  margin-left: auto;

  text-align: left;

}



.prod-lin .prod-lin-wrap .prod-lin-box p:nth-child(1) {

  font-size: 40px;

  margin-bottom: 10px;

}



.prod-lin .prod-lin-wrap .prod-lin-box p:nth-child(2) {

  font-size: 60px;

  margin-bottom: 50px;

}



.prod-lin .prod-lin-wrap .prod-lin-box .prod-lin-btn {

  max-width: 180px;

  padding: 15px 20px;

  border: 1px solid #1b1b1b;

  border-radius: 10px;

  text-align: center;

}



.prod-cat {

  max-width: 1800px;

  margin: 0 auto;

}



.prod-cat .prod-cat-tit {

  text-align: center;

  font-size: 48px;

  margin: 65px 0;

}



.prod-hot {

  max-width: 1660px;

  margin: 75px auto 85px;

}



.prod-hot .prod-hot-tit {

  font-size: 24px;

  margin-bottom: 35px;

}



.prod-hot .prod-hot-wrap {

  display: flex;

  justify-content: space-between;

}



.prod-hot .prod-hot-wrap .prod-hot-item {

  overflow: hidden;

}



.prod-hot .prod-hot-wrap .prod-hot-item img {

  object-fit: cover;

  transition: transform 0.8s;

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

}



.prod-hot .prod-hot-wrap .prod-hot-item:hover img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

}



/* product */

.product{

  margin-bottom: 130px;

}

.product-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.product-body .product-list-l {

  width: 25%;

  height: 820px;

  padding-top: 37px;

  padding-left: 20px;

  padding-right: 20px;

  border-top-left-radius: 40px;

  border-top-right-radius: 40px;

  background-image: linear-gradient(to top, rgba(255, 255, 255), rgba(11, 122, 216, 1));

}

.product-body .product-list-l .product-all {

  width: 100%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 30px;

  color: #ffffff;

  font-size: 30px;

  padding-bottom: 15px;

  background-color: #68d1f7;

}

.product-body .product-list-l .product-wrap {

  padding: 50px 12px 25px;

}

.product-body .product-list-l .product-wrap .product-wrap-tit{

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 30px;

  padding: 0 12px;

}

.product-body .product-list-l .product-wrap2 a:hover {

  background-color: #68d1f7;

}

.product-body .product-list-l .product-wrap .prodli .prodlibox{

  padding-bottom: 7px;

  margin-bottom: 10px;

  border-bottom: 1px dashed #8dcef3;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.product-body .product-list-l .product-wrap .prodli .prodlibox a {

  font-size: 18px;

  color: #ffffff;

  display: block;

  height: 54px;

  line-height: 54px;

  padding: 0 12px;

}

.product-body .product-list-l .product-wrap .prodli .prodlibox i{

  color: #ffffff;

  font-size: 25px;

}

.product-body .product-list-l .product-wrap .prodli .product-wrap2 .prodli2 {

  padding-bottom: 7px;

  margin-bottom: 10px;

  border-bottom: 1px dashed #8dcef3;

}

.product-body .product-list-l .product-wrap .prodli .product-wrap2 .prodli2 a {

  font-size: 18px;

  color: #ffffff;

  display: block;

  height: 54px;

  line-height: 54px;

  padding: 0 12px;

}

.product-body .product-list-l .product-lj{

  padding: 24px;

  border-radius: 8px;

  background-color: #f2fafe;

}

.product-body .product-list-l .product-lj * {

  color: #00a0e9;

}

.product-body .product-list-l .product-lj .product-lj-p1{

  font-size: 18px;

  margin-bottom: 20px;

}

.product-body .product-list-l .product-lj .product-lj-p2{

  font-size: 12px;

  line-height: 24px;

  margin-bottom: 20px;

}

.product-body .product-list-l .product-lj .product-lj-p3{

  text-decoration: underline;

}

.product-body .product-list-r {

  width: 72%;

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-item {

  display: flex;

  gap: 35px;

  align-items: center;

  padding: 20px;

  margin-bottom: 60px;

  background-color: #ecf5fd;

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-item .product-list-r-img {

  overflow: hidden;

}

.product-body .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);

}

.product-body .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;

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-tbox {

  width: 65%;

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-tbox .product-list-r-tbox-tit {

  font-size: 24px;

  margin-bottom: 25px;

  padding-bottom: 15px;

  position: relative;

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-tbox .product-list-r-tbox-tit::after{

  content: '';

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 50px;

  height: 3px;

  background-color: #00a0e9;

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-tbox .product-list-r-gg p{

  font-size: 14px;

  line-height: 26px;

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-tbox .product-list-r-btn{

  max-width: 190px;

  height: 37px;

  line-height: 37px;

  text-align: center;

  color: #ffffff;

  margin-top: 35px;

  border-radius: 19px;

  background-image: linear-gradient(to right, rgba(0, 192, 248), rgba(11, 122, 216, 1));

}

.product-body .product-list-r .product-list-r-wrap .product-list-r-tbox .product-list-r-btn a i{

  color: #ffffff;

  padding-left: 30px;

}



/* 产品详情 */

.productdetail-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.productdetail-body .productdetail-wrap {

  display: flex;

  justify-content: space-between;

  margin-bottom: 100px;

}

.productdetail-wrap .productdetail-l {

  width: 44%;

}

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

  margin-top: 44px;

}

.productdetail-wrap .productdetail-l .swiper-container .swiper-wrapper .swiper-slide{

  border: 1px solid #878787;

  font-size: 0;

}

.productdetail-wrap .productdetail-l .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{

  border: 1px solid #78cdf3;

}

.productdetail-wrap .productdetail-l .swiper-container .swiper-wrapper img{

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: center;

}

.productdetail-wrap .productdetail-r {

  width: 54%;

  margin-top: 60px;

}

.productdetail-wrap .productdetail-r .productdetail-r-wrap .prodet-tit{

  font-size: 30px;

  margin-bottom: 30px;

}

.productdetail-wrap .productdetail-r .productdetail-r-wrap .prodet-box p{

  line-height: 30px;

}

.productdetail-wrap .productdetail-r .prodet-btnbox .prodet-btn{

  max-width: 190px;

  height: 37px;

  line-height: 37px;

  text-align: center;

  color: #ffffff;

  margin-top: 35px;

  border-radius: 19px;

  background-image: linear-gradient(to right, rgba(0, 192, 248), rgba(11, 122, 216, 1));

}

.productdetail-wrap .productdetail-r .prodet-btnbox .prodet-btn a i{

  color: #ffffff;

  padding-left: 30px;

}

.productdetail-body .productdetail-info{

  margin-bottom: 70px;

}

.productdetail-body .productdetail-info .productdetail-tt{

  font-size: 20px;

  margin-bottom: 25px;

  color: #009fe8;

}

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

  line-height: 26px;

}

table tr td{

  height: 40px;

  line-height: 40px;

  padding-left: 15px;

}













/* 分页 */

.my-4 {

  margin-bottom: 40px;

}



.my-4 .pagination a {

  font-size: 14px;

  font-family: Arial;

  margin-right: 15px;

}

.my-4 .pagination a:last-child{

  margin-right: 0;

}

.page-link {

  padding: 7px 12px;

  border: 1px solid #d9d9d9;

  border-radius: 5px;

}



.page-num {

  border: 1px solid #d9d9d9;

  border-radius: 5px;

  padding: 7px 12px;

  border-radius: 5px;

}



.page-num.page-num-current {

  border-color: #00a0e9;

  background-color: #00a0e9;

  color: #ffffff;

}





/* contact */

.contact-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.contact-top {

  display: flex;

  justify-content: space-between;

}

.contact-top .contact-top-l #contactMap{

  height: 480px;

}

.contact-top .contact-top-l,

.contact-top .contact-top-r {

  width: 48%;

}

.contact-top .contact-top-r .contact-tit{

  font-size: 40px;

}

.contact-top .contact-top-r .contact-item2{

  margin-top: 40px;

}

.contact-top .contact-top-r .contact-item2 span{

  font-size: 22px;

  display: inline-block;

}

.contact-form-body {

  width: 95%;

  max-width: 1660px;

  margin: 0 auto;

}



.contact-form .message {

  width: 100%;

}

.contact-form .message .message-tit{

  font-size: 30px;

  font-weight: bold;

  margin-bottom: 20px;

}

.contact-form .message .message-des {

  font-size: 24px;

  margin-bottom: 60px;

}

.contact-form .message .message-line1{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.contact-form .message .message-line1 .message-item{

  width: 23%;

  height: 60px;

}

.contact-form .message .message-line1 .message-inp{

  width: 100%;

  height: 60px;

  line-height: 60px;

  padding: 20px;

  border-radius: 10px;

  background-color: #f2f2f2;

}

.contact-form .message .message-line1 .message-inp::placeholder{

  opacity: 0.7;

}

.contact-form .message .message-line2{

  margin-top: 44px;

}

.contact-form .message .message-line2 .message-inp{

  width: 100%;

  height: 280px;

  padding: 20px;

  border-radius: 10px;

  background-color: #f2f2f2;

}

.contact-form .message .message-line2 .message-inp::placeholder{

  opacity: 0.7;

}

.contact-form .message .message-line{

  margin-top: 37px;

  text-align: center;

}

.contact-form .message .message-line .message-sub{

  font-size: 24px ;

  padding: 0 157px;

  border-radius: 25px;

  height: 50px;

  text-align: center;

  color: #ffffff;

  line-height: 50px;

  background-image: linear-gradient(to right, rgba(0, 192, 248), rgba(11, 122, 216, 1));

  cursor: pointer;

}

/* 隐私政策 */

.ppb {

  width: 95%;

  max-width: 1600px;

  margin: 70px auto 50px;

}



.ppb .pp-tit {

  text-align: center;

  font-size: 35px;

  margin-bottom: 40px;

}



/* 成功案例 */

.successcaselist{

  margin-top: 113px;

}

.successcaselist-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.successcaselist-wrap{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.successcaselist-body .successcaselist-item{

  width: 49%;

  position: relative;

  margin-bottom: 130px;

}

.successcaselist-body .successcaselist-item:hover .successcaselist-item-box{

  height: 204px;

  bottom: -30px;

  border-top-right-radius: 40px;

  color: #ffffff;

  background-image: linear-gradient(to bottom, rgba(0, 192, 248), rgba(11, 122, 216, 1));

}

.successcaselist-body .successcaselist-item .successcaselist-item-box * {

  color: inherit;

}

.successcaselist-body .successcaselist-item .successcaselist-item-box{

  position: absolute;

  left: 0;

  bottom: -80px;

  width: 90%;

  height: 145px;

  overflow: hidden;

  padding: 25px 50px 25px 25px;

  background-color: #ffffff;

  transition: all 0.5s ease-in-out;

}

.successcaselist-body .successcaselist-item .successcaselist-item-box .successcaselist-item-tit{

  font-size: 24px;

  padding-bottom: 15px;

  border-bottom: 1px solid #ffffff;

}

.successcaselist-body .successcaselist-item .successcaselist-item-box .successcaselist-item-cont{

  font-size: 14px;

  margin-top: 15px;

  margin-bottom: 35px;

}

/* 案例详情 */

.successcase{

  margin-top: 80px;

  margin-bottom: 150px;

}

.successcase-body{

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

}

.successcase-body .successcase-tit{

  text-align: center;

  margin-bottom: 30px;

  font-size: 40px;

}

.successcase-body .successcase-cont{

  margin-bottom: 80px;

}

.successcase-body .successcase-page p:nth-child(1){

  margin-bottom: 20px;

}