.wap-header {
  display: none;
}

.master-slider {
  margin-top: 88px;
}

.master-slider .swiper-pagination-banner {
  text-align: center;
  transform: translateY(-30px);
  z-index: 99999;
  position: relative;
}

header {

  width: 100%;

  position: fixed;

  width: 100%;

  top: 0;

  left: 0;

  border-bottom: 1px solid #0083b8;

  /* padding: 16px 0; */

  z-index: 9999999;

  background: #fff
}


.caselist-xl {

  position: fixed;

  top: 87px;

  width: 100%;

  z-index: 21;

  left: 0;

  transform: translateY(-100%);

  -webkit-transform: translateY(-100%);

  opacity: 0;

  transition: all 0.3s;

  -webkit-transition: all 0.3s;
  /* height: 100%; */
  background: #fff;
  padding-top: 45px;
  padding-bottom: 50px;

}

.caselist-xl li {
  width: 24%;
  margin-right: 1.33%;
  float: left;
  margin-bottom: 30px;

}

/* .caselist-xl li:hover .tit img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2); 
} */
.caselist-xl li .tit {
  width: 100%;
  text-align: center
    /* position: relative; */
    /* overflow: hidden; */
}

.caselist-xl li .tit img {
  width: 100%;
  height: auto;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.caselist-xl li .tit h6 {

  font-size: 16px;
  color: #666;
  text-align: center;
  margin-top: 18px;
}

.caselist-xl li:hover .tit h6 {
  color: #009cc2
}

.caselist-xl li:nth-of-type(4n) {
  margin-right: 0;
}

.caselist-xl-action {

  transform: translateY(0) !important;

  -webkit-transform: translateY(0) !important;

  opacity: 1 !important;

}

/* .caselist-xl .w1400{

    

    padding: 20px 4%;

} */

/* .caselist-xl .w1400 li{

    border-bottom: 1px solid #99d7e7;

    padding: 30px 0;

}

.caselist-xl .w1400 li:last-of-type{

    border-bottom:none

}

.caselist-xl .w1400 .tit{

    width: 30%;

    color: #fff;

    font-size: 18px;

}

.caselist-xl .w1400 .text{

    width: 70%;

}

.caselist-xl .w1400 .text a{

    font-size:14px;color: #fff;

    display: inline-block;
    width: 24%;
    margin-right: 1%;
    white-space: nowrap;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 

}
.caselist-xl .w1400 .text a:hover{
    transform: translateX(4px);
    -webkit-transform: translateX(4px);
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5)
}
.caselist-xl .w1400 .text a:nth-of-type(4n){
    margin-right: 0;
}
.caselist-xl .w1400 .text a::before{

    width: 3px;height: 5px;

    content: '';

    display: inline-block;

    vertical-align: middle;

    margin-right: 6px;

    background: url('../images/case-dese.jpg') no-repeat center;

} */

/* .hid {

  width: 100%;
  height: 88px;

} */

header h1 {
  width: 168px;
  display: flex;
  align-items: center;
}

header .header-rigth ul li,

header .header-rigth p,

header .header-rigth p img,

header .header-rigth ul {

  display: inline-block;

  vertical-align: middle;

}

header .header-rigth {

  margin-left: auto;

}

header .header-rigth ul li>a {

  margin-right: 40px;

  line-height: 88px;

}

header .header-rigth ul li:last-of-type {

  margin-right: 0;

}

header .header-rigth ul li a {

  font-size: 16px;
  color: #666666
}

header .header-rigth ul li a:hover {

  color: #009cc2
}



header .header-rigth ul li .action {

  color: #009cc2
}

header .header-rigth ul {

  margin-right: 50px;

}

header .header-rigth p {

  padding-left: 35px;

  /* border-left: 1px solid #b2b2b2 */

}

header .header-rigth p span {

  font-size: 18px;

  line-height: 20px;

  display: inline-block;

  vertical-align: middle;

  margin-left: 6px;
  color: #009cc2
}

.index-set1 {

  width: 100%;

  height: 740px;

}

.index-set1 .swiper-container {
  overflow: hidden;
}

.index-set1-title {

  width: 100%;

  text-align: center;

  padding: 60px 0 62px;

}

.index-set1-title h3 {

  font-size: 36px;
  color: #333;
  margin-bottom: 8px;

}

.index-set1-title p {

  font-size: 16px;
  color: #666666
}

.master-slider {
  overflow: hidden;
}



.index-set1 ul li {

  display: inline-block;

  vertical-align: middle;

  width: 100%;
  padding: 5%;



}

.index-set1 ul li .des {

  box-sizing: border-box;

  padding: 30px 50px 51px;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  cursor: pointer;

  display: flex;
  flex-direction: column;
  align-items: center;

}

.index-set1 ul li:nth-of-type(2) {

  margin: 0 5%;

}

.index-set1 ul li i {

  display: inline-block;

  width: 130px;

  height: 130px;

  border-radius: 50%;

  border: 1px solid #d5d5d5;

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-set1 ul li i::before {

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  left: 0;

  top: 0;

  display: block;

  content: '';

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  transform: scale(0.3);

  -webkit-transform: scale(0.3);

  opacity: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set1 ul li:nth-of-type(1) i::before {

  box-shadow: 0 0 5px rgba(39, 193, 89, 1);

}

.index-set1 ul li:nth-of-type(2) i::before {

  box-shadow: 0 0 5px rgba(31, 158, 255, 1);

}

.index-set1 ul li:nth-of-type(3) i::before {

  box-shadow: 0 0 5px rgba(255, 147, 32, 1);

}

.index-set1 ul li:nth-of-type(1) i {

  border: 1px solid 0 0 5px rgba(39, 193, 89, 1);

}

.index-set1 ul li:nth-of-type(2) i {

  border: 1px solid 0 0 5px rgba(31, 158, 255, 1);

}

.index-set1 ul li:nth-of-type(3) i {

  border: 1px solid 0 0 5px rgba(255, 147, 32, 1);

}

.index-set1 ul li:hover i::before {

  transform: scale(1);

  -webkit-transform: scale(1);

  opacity: 1;

}

.index-set1 ul li h6 {

  font-size: 18px;
  color: #000;

  padding: 18px 0;

}

.index-set1 ul li a {

  width: 110px;

  display: inline-block;

  text-align: center;

  line-height: 35px;

  border: 1px solid #d5d5d5;

  color: #999999;

  margin-top: 34px;

  position: relative
}

.index-set1 ul li a::before {

  content: '';

  width: 0;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: #27c159;

  display: block;

  z-index: -1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set1 ul li:nth-of-type(2) a::before {

  background: #1f9eff
}

.index-set1 ul li:nth-of-type(3) a::before {

  background: #ff9320
}

.index-set1 ul li:hover a::before {

  width: 100%;

}

.index-set1 ul li:hover a {

  color: #fff
}

.index-set1 ul li p {

  font-size: 14px;

  text-align: left;

  overflow: hidden;

  margin: 0 auto;

  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  -webkit-line-clamp: 3
}

/* .index-set1 ul li:hover p{

  height: auto;

} */

/* .index-set1 ul li:hover{

    width: 380px;

} */

.index-set1 ul li .p {

  display: none;

  margin: 0 auto;

  width: 268px;

}

.index-set1 ul li:hover .des {

  transform: translateY(-8px);

  -webkit-transform: translateY(-8px);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}

.index-set1 .swiper-pagination {
  display: none;
}

.index-set2 {

  width: 100%;

  background: url('../images/index-set2-bj.jpg') no-repeat center top;

}

.index-set2-title {

  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #333;
  padding-top: 60px;

  padding-bottom: 35px;

}

.index-nav {

  text-align: center;

  padding-bottom: 40px;

}

.index-nav dd {

  display: inline-block;

  vertical-align: middle;

  margin-right: 120px;
  width: 213px;

}

.index-nav dd img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);

  filter: grayscale(100%);


}

.index-nav dd:last-of-type {

  margin-right: 0;

}

.index-nav dd p {

  margin-top: 6px;

  font-size: 16px;
  color: #666
}

.index-nav dd:hover img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);

  filter: grayscale(0%);
}

.index-nav .action p {

  color: #009cc2
}

.index-nav .action img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);

  filter: grayscale(0%);

}

.pordcut-list {

  padding-bottom: 66px;

  position: relative;



}

.pordcut-index-list ul {
  display: flex !important;
}

.pordcut-index-list ul li {
  padding: 0 !important;
}

.pordcut-list ul {
  display: grid;
  grid-template-columns: 26% 26% 26% 26%;
  width: 100%;
  transform: translateX(-2%);

}

.index-set2 {

  padding-bottom: 30px;

}

.pordcut-list li {
  padding: 5%;
  width: 100%;
  text-align: center
}

.pordcut-list li .des {

  background: #fff;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.pordcut-list li:nth-of-type(4n) {

  margin-right: 0;

}

.pordcut-list li h6 {
  height: 48px;
  font-size: 18px;
  color: #494949;
  margin-top: 16px;
  line-height: 24px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden;

}

.pordcut-list li span {

  color: #999999;

  font-size: 12px;
  display: inline-block;
  min-height: 15px;
}

.pordcut-list li p {

  font-size: 16px;
  color: #666;

  margin-top: 12px;
  min-height: 34px;

}

.pordcut-list li .link {

  width: 60px;
  display: inline-block;

  line-height: 20px;
  font-size: 12px;

  text-align: center;

  border: 1px solid #dbdbdb;
  color: #dbdbdb;

  margin: 30px 0;

  position: relative;

}

.pordcut-list li .link::before {

  content: '';

  width: 0;

  height: 100%;

  position: absolute;

  display: block;

  left: 0;

  top: 0;

  background: #01a2ca;

  z-index: -1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.pordcut-list li .img img {
  max-width: 100%;
  height: 234px;
  object-fit: scale-down;
  transition: .5s all
}

.pordcut-list li:hover .des {

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  transform: translateY(-8px);

  -webkit-transform: translateY(-8px);

}

.pordcut-list li:hover .link::before {

  width: 100%;

}

.pordcut-list li:hover .img img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

}

.pordcut-list li:hover .link {

  color: #fff;

  border: 1px solid #01a2ca;

  color: #fff
}

.swiper-pagination-bullet-active {

  background: #01a2ca !important
}

.index-set3-title {

  text-align: center;

  padding: 31px 0;

}

.index-set3-title h3 {

  font-size: 32px;
  color: #333
}

.index-set3-title p {

  font-size: 18px;
  color: #666;



}

.index-set3-nav {

  text-align: center;

  margin-bottom: 34px;

}

.index-set3-nav p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-set3-nav a {

  display: inline-block;

  vertical-align: middle;

  margin-right: 40px;

  padding: 0 20px;

  line-height: 38px;

  border-radius: 4px;

  position: relative;

  font-size: 16px;

  color: #666666
}

.index-set3-nav a::before {

  content: '';

  width: 0;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0%;

  background: #01a2ca;

  border-radius: 4px;

  z-index: -1;

  opacity: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set3-nav a:last-of-type {

  margin-right: 0;

}

.index-set3-nav .action {

  color: #fff
}

.index-set3-nav .action::before {

  width: 100%;

  opacity: 1;

}

.index-set3-cont {

  width: 100%;
  overflow: hidden;

}



.index-set3-cont li {

  width: 33%;

  margin-right: 0.5%;

  float: left;

  position: relative;

  overflow: hidden;

}

.index-set3-cont li:last-of-type {

  margin-right: 0;

}

.index-set3-cont li>img {

  width: 100%;

  height: auto;

}

.index-set3-cont h6 {

  position: absolute;

  bottom: 30px;

  font-size: 24px;

  color: #fff;

  padding-left: 30px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set3-cont .contves {

  position: absolute;

  width: 100%;

  left: 0%;

  transform: translateY(-30%);

  -webkit-transform: translateY(-30%);

  opacity: 0;

  top: 50%;

  text-align: center;



  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set3-cont .contves h5 {

  font-size: 24px;

  color: #fff;

  margin-bottom: 12px;



}

.index-set3-cont .contves p {

  font-size: 16px;

  color: #fff
}

.index-set3-cont .contves a {

  width: 96px;

  line-height: 30px;

  display: inline-block;

  text-align: center;

  color: #fff;

  border-radius: 3px;

  border: 1px solid #fff;

  margin-top: 45px;

  position: relative;



}

.index-set3-cont .contves a::before {

  content: '';

  width: 0;

  height: 100%;

  display: block;

  background: #01a2ca;

  display: block;

  left: 0;

  top: 0;

  position: absolute;

  z-index: -1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set3-cont .contves a:hover {

  border: 1px solid #01a2ca;

}

.index-set3-cont .contves a:hover::before {

  width: 100%;

}

.index-set3-cont li::before {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.5);

  display: block;

  opacity: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set3-cont li:hover h6 {

  opacity: 0;

  transform: translateY(50px);

  -webkit-transform: translateY(50px);

}

.index-set3-cont li:hover .contves {

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  opacity: 1;

}

.index-set3-cont li:hover::before {

  opacity: 1;

}

.index-set3-more {

  width: 100%;

  display: block;

  text-align: center;

  font-size: 16px;

  color: #666666;

  padding: 36px 0 30px;

}

.index-set4 {

  width: 100%;

  background: url('../images/index-set4-bj.jpg') no-repeat center top;

  padding: 146px 0;

}

.index-set4 .left {

  width: 40%;

  padding-top: 71px;

}

.index-set4 .rigth {

  width: 50%;

  position: relative;

}

.index-set4 .rigth .to {

  width: 68px;
  height: 68px;

  background: url('../images/index-set4-ico.png') no-repeat center;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  cursor: pointer;

}

.index-set4 .rigth>img {

  width: 100%;

  height: auto;

}

.index-set4 .left span {

  font-size: 24px;

  color: #666666;

}

.index-set4 .left h6 {

  font-size: 36px;
  color: #333333;

  padding: 8px 0 16px;

}

.index-set4 .left a {

  width: 136px;

  line-height: 40px;

  text-align: center;

  display: block;

  font-size: 14px;

  border: 1px solid #bababa;
  color: #666666;

  margin-top: 47px;

  position: relative;

  z-index: 1;

}

.index-set4 .left a::after {

  background: #009cc2;

  width: 0;

  height: 100%;

  display: block;

  left: 0;

  top: 0;

  content: '';

  position: absolute;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  opacity: 0;

  z-index: -1;

}

.index-set4 .left a:hover {

  color: #fff;

  border-color: #009cc2
}

.index-set4 .left a:hover::after {

  width: 100%;

  opacity: 1;

}

.index-set5 {

  width: 100%;

  background: #f4f4f4
}

.index-set5-nav {

  width: 100%;

  padding: 58px 0;

}

.index-set5-nav h6 {

  font-size: 32px;
  color: #333
}

.index-set5-nav a {

  display: inline-block;

  font-size: 16px;

  color: #666666;

  line-height: 37px;

  padding: 0 24px;

  position: relative;

  border-radius: 3px;

  margin-top: 5px;

  margin-left: 12px;

  z-index: 1;

}

.index-set5-nav a::before {

  position: absolute;

  width: 0;

  height: 100%;

  content: '';

  display: block;

  background: #0083b8;

  left: 0;

  top: 0;

  border-radius: 3px;

  z-index: -1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set5-nav .action {

  color: #fff
}

.index-set5-nav .action::before {

  width: 100%;

}

.index-set5-cont {

  width: 100%;

  padding-bottom: 20px;

}

.index-set5-cont li:first-of-type {

  float: left;

  width: 37.5%;

}

.index-set5-cont li:nth-of-type(2) {

  width: 59.4%;

  float: right
}

.index-set5-cont li dd {

  width: 48.5%;

  margin-right: 3%;

  float: left;

}

.index-set5-cont li dd:nth-of-type(2n) {

  margin-right: 0;

}

.index-set5-cont li .tit {

  padding: 26px 0;
  display: flex;

}

.index-set5-cont li .tit p {

  display: inline-block;

  width: 25%;

  vertical-align: middle;

  border-right: 1px solid #cac8c8
}

.index-set5-cont li .tit h6 {

  width: 74%;

  display: inline-block;

  vertical-align: middle;

  padding-left: 25px;

  font-size: 18px;
  color: #333
}

.index-set5-cont li .tit p span {

  color: #01a2ca;
  font-size: 36px;

  line-height: 1.1;

}

.index-set5-cont li .tit p em {

  font-size: 14px;
  color: #666
}

.index-set5-cont li dd h6 {

  font-size: 17px;
  color: #666;

  margin-bottom: 10px;

  min-height: 50px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.index-set5-cont li dd span {

  font-size: 14px;
  color: #999
}

.index-set5-cont li dd {



  margin-top: 10px;

  margin-bottom: 20px;

}

.index-set5-cont li dd a {

  display: block;

  padding-bottom: 10px;

  border-bottom: 1px solid #ddd;



}

.index-set5-cont li dd:hover h6 {

  color: #0083b8;

  transform: translateY(-5px);

  -webkit-transform: translateY(-5px);

}

.footer {

  width: 100%;

  padding: 50px 0;

}

.footer .desv {

  border-bottom: 1px solid #e3e3e3;
  display: flex;
  justify-content: space-between;
}

.footer .footer-wx {
  margin-left: auto;
}

.footer-left {

  width: 72%;

}

.footer-left ul {

  padding-bottom: 27px;

  border-bottom: 1px solid #e3e3e3
}

.footer-left li {

  width: 30%;

  float: left;



}

.footer-left li img {
  width: 70%;
}

.footer-left li:nth-of-type(3) {

  width: 40%;

  border: none;

  padding-left: 20px;

  font-size: 16px;

  color: #666;
  line-height: 24px;

}

.footer-left li:nth-of-type(2) {

  padding-left: 20px;

  border-right: 1px solid #cccccc;

  border-left: 1px solid #cccccc;

}

.footer-left li p {

  font-size: 34px;

  line-height: 1.1;

  color: #01a2ca;

}

.footer-left li span {

  color: #666
}

.footer-left>p a {

  line-height: 68px;

  font-size: 16px;

  color: #666666;

  display: inline-block;

  margin-right: 22px;

  padding: 0 10px;

}

.footer-left>p a:last-of-type {

  margin-right: 0;

}

.footer-wx li {

  display: inline-block;

  text-align: center
}

.footer-wx li p {

  font-size: 12px;
  color: #666;

  margin-top: 6px;

}

.footer-wx li:last-of-type {

  margin-left: 16px;

}

.footer .p {

  padding-top: 20px;

  color: #666;
  font-size: 14px;

}

.footer .p a {

  display: inline-block;

  color: #666;



}

.footer .p a:hover {

  color: #009cc2
}

.footer-b {

  width: 100%;

  background: #f4f4f4;

  padding: 15px 0;

  color: #999
}

.footer-b a {

  color: #999;

  padding: 0 10px;

  /* border-right: 1px solid #666; */

  font-size: 14px;
  display: inline-block;
  position: relative;
  /* line-height: 14px; */

}

.footer-b a::before {
  width: 1px;
  height: 10px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: #999;
  content: '';
}

.footer-b a:hover {

  color: #009cc2
}

.footer-b a:last-of-type::before {

  opacity: 0;

}



.nav {

  width: 600px;


  margin: 0 auto;

  /* border-bottom:1px solid rgba(86,148,210,0.8); */

  position: relative;

}

.nav ul {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.nav ul li {

  flex: 1;

  list-style: none;

  text-align: center;
  padding: 11px 0;
  z-index: 99;

}

.nav ul li.active {
  background: #009cc2;
}

.nav ul li a {

  display: block;

  height: 100%;

  color: #666365;

  text-decoration: none;

  transition: color 0.3s linear;

  font-size: 16px;

}

.nav ul .active a,
.nav ul li a:hover {

  color: #fff;

}

/* .bg {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 25%;

  height: 50px;

  background: #009cc2;

  transition: all 0.3s ease;

} */



.case-cont {

  width: 100%;

  background: #f0f0f0;

  padding: 44px 0 60px;

}

.case-cont h6 {

  font-size: 30px;

  color: #009cc2;

  text-align: center;

  margin-bottom: 12px;

}

.case-cont .cont {

  width: 1200px;

  max-width: 93%;

  margin: 0 auto;

}

.case-cont .cont img {
  max-width: 95%;
  height: auto;
}

.case-su {

  width: 100%;

  padding-bottom: 85px;

}

.case-su h3 {

  font-size: 30px;
  color: #009cc2;

  text-align: center;

  padding: 35px 0 40px;

}

.case-su-cont {

  width: 100%;

}

.case-su-cont .case-dt {

  width: 100%;

  border: 1px solid #d0d0d0
}

.case-su-cont .case-dt .rigth {

  width: 25%;

}

.case-su-cont .case-dt .left {

  width: 75%;

}

.case-su-cont .case-dt .rigth p {

  display: inline-block
}

.case-su-cont .case-dt .rigth img {



  filter: contrast(8%);

  -webkit-filter: contrast(8%);

  -moz-filter: contrast(8%);

  -ms-filter: contrast(8%);

  -o-filter: contrast(8%);

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  margin-right: 6px;



}

.case-su-cont .case-dt .rigth li {

  padding: 12px 8%;

  border-right: 1px solid #d0d0d0;

  border-bottom: 1px solid #d0d0d0;

  font-size: 16px;
  color: #666;

  cursor: pointer;

  position: relative;

}

.case-su-cont .case-dt .rigth li:last-of-type {

  border-bottom: none
}

.case-su-cont .case-dt .rigth li::before {

  content: '';

  width: 0;

  height: 100%;

  display: block;

  background: #009cc2;

  position: absolute;

  display: block;

  left: 0;

  top: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  z-index: -1;

}

.case-su-cont .case-dt .rigth .action::before {

  width: 100%;

}

.case-su-cont .case-dt .rigth .action {

  color: #fff !important
}

.case-su-cont .case-dt .rigth .action img {

  filter: contrast(100%);

  -webkit-filter: contrast(100%);

  -moz-filter: contrast(100%);

  -ms-filter: contrast(100%);

  -o-filter: contrast(100%);

}

.case-su-cont .case-dt .left .case-page {

  width: 100%;

  padding: 45px 8%;

  overflow-y: auto;

}



.case-su-cont .case-dt .left .case-page h6 {

  font-size: 24px;
  color: #333;

  margin-bottom: 10px;

}

.case-ys {

  width: 100%;

  background: #f0f0f0;

  padding-bottom: 60px;



}

.case-ys1 {

  padding-bottom: 20px;

}

.case-ys h3 {

  text-align: center;

  font-size: 30px;

  color: #009cc2;

  padding: 35px 0 40px;

}

.case-ys li {

  width: 30%;

  margin-right: 5%;

  float: left;

  text-align: center;

  margin-bottom: 18px;

  padding: 10px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.case-ys li:nth-of-type(3n) {

  margin-right: 0;

}

.case-ys li h5 {

  font-size: 18px;
  color: #333;

  padding: 12px 0 16px;

}

.case-ys li h6 {

  font-size: 14px;
  color: #666666;

  min-height: 79px
}

.case-ys li:hover {

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  transform: translateY(-5px);

  -webkit-transform: translateY(-5px);

}

.case-li li {

  width: 32%;

  margin-right: 2%;

  float: left;

  padding: 0;

}

.case-li li p {

  text-align: center;

  font-size: 16px;

  line-height: 2;

  padding: 12px 0;

}

.case-li li:nth-of-type(3n) {

  margin-right: 0;

}

.about-b {

  width: 100%;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}

.about-b span {

  font-size: 18px;
  color: #dff3fe
}

.about-b h6 {

  font-size: 36px;
  color: #dff3fe
}

.about-b i {

  width: 54px;

  height: 2px;

  background: #76d3ed;

  display: block;

  margin-top: 20px;

}

.contact-cont {

  width: 100%;

  background: #f0f0f0;

  padding-bottom: 30px;

}

.contact-nat {

  line-height: 48px;

}

.contact-title {

  text-align: center;

  padding: 30px 0 50px;

}

.contact-title h6 {

  font-size: 36px;
  color: #333;

  margin-bottom: 10px;

}

.contact-title p {

  font-size: 16px;
  color: #666
}

.conact-set2 {

  width: 100%;

  padding-bottom: 42px;



}

.conact-set2 ul {

  width: 93%;

  margin: 0 auto;

}

.conact-set2 ul li {

  width: 33.3%;

  float: left;

}

.conact-set2 ul li p {

  display: inline-block;

  vertical-align: middle
}

.conact-set2 ul li img {

  display: inline-block;

  vertical-align: middle;

  margin-right: 6px;

}

.conact-set2 ul li p em {

  font-size: 30px;
  color: #40b2ce;

  line-height: 1.3;

}

.conact-set2 ul li p span {

  color: #666
}

.conact-map {

  width: 100%;

  position: relative;

}

.conact-map>img {

  width: 100%;

  height: auto;

}

.conact-cont {

  width: 100%;

  text-align: center;

  left: 0;

  top: 50%;

  position: absolute;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}

.conact-cont p {

  display: inline-block;

  line-height: 58px;

  background: #009cc2;

  padding: 0 20px;

  font-size: 16px;

  color: #fff;

  margin-right: 2px;

  vertical-align: middle
}

.conact-cont a {

  display: inline-block;

  line-height: 58px;

  font-size: 16px;

  background: #009cc2;

  font-size: 16px;

  color: #fff;

  padding: 0 20px;

  vertical-align: middle
}

.cont-liyan {

  padding-top: 10px;

}

.cont-liyan h3 {

  text-align: center;

  font-size: 32px;

  color: #333;

  padding: 45px 0;

}

.cont-liyan .dest {

  margin-bottom: 20px;

}

.cont-liyan .text {

  width: 32%;

  display: block;

  background: #fff;

  height: 60px;

  line-height: 70px;

  padding: 0 30px;

  float: left;

  margin-right: 2%;

}

.cont-liyan .text:nth-of-type(3n) {

  margin-right: 0;

}

.cont-liyan textarea {

  width: 100%;

  padding: 30px;

  background: #fff;

  height: 200px;

  display: block;

  margin-bottom: 20px;

}

.cont-liyan .submit {

  width: 240px;

  line-height: 60px;

  height: 60px;

  color: #fff;

  background: #009cc2;

  display: block;

  margin: 60px auto;

  cursor: pointer;

}

.about-nav {

  width: 100%;

  line-height: 60px;

  background: #fff;

}

.about-nav .fl a {

  display: inline-block;

  font-size: 16px;

  color: #666666;

  margin-right: 60px;

  position: relative;

}

.about-nav .fl a:last-of-type {

  margin-right: 0;

}

.about-nav .fl a::before {

  content: '';

  width: 0;

  height: 2px;

  display: block;

  background: #009cc2;

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.about-nav .fl a:hover {

  color: #009cc2
}

.about-nav .fl .action::before {

  width: 100%;

}

.about-cont {

  width: 100%;

  background: #f0f0f0;

  padding-bottom: 66px;

}

.about-cont h2 {

  font-size: 36px;
  color: #333333;

  padding: 43px 0;

}

.about-cont li {

  width: 33.3%;

  float: left;

  padding: 0 3%;

}

.about-cont li:nth-of-type(1) {

  padding-left: 0;

}

.about-cont li:nth-of-type(2) {

  border-left: 1px solid #d8d8d8;

  border-right: 1px solid #d8d8d8
}

.about-cont li .ms-dir-v {

  width: 100%;

  border-bottom: 1px solid #d8d8d8;

  padding: 15px 0;

}

.about-cont li .ms-dir-v:nth-of-type(2) {

  border-bottom: none
}

.about-cont li .ms-dir-v .tit {

  display: inline-block;

  vertical-align: text-top
}

.about-cont li .ms-dir-v img {

  display: inline-block;

  vertical-align: text-top;

  margin-right: 10px;

}

.about-cont li .ms-dir-v .tit span {

  font-size: 24px;
  color: #666666
}

.about-cont li .ms-dir-v .tit b {

  font-size: 60px;

  color: #009cc2;

  line-height: 68px;

}

.about-cont li .ms-dir-v .tit em {

  font-size: 16px;
  color: #666
}

.about-cont li .img {

  margin-top: 25px;

  position: relative;

}

.about-cont li .img .des {

  width: 100%;

  text-align: center;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  position: absolute;

  cursor: pointer;

}

.about-cont li .img .des p {

  font-size: 16px;

  color: #fff;

  margin-top: 6px;

}

.about-cont li h6 {

  font-size: 24px;
  color: #333;

  padding: 20px 0;

}

.about-cont li>p {

  font-size: 16px;
  color: #666;
  line-height: 2;

  min-height: 170px
}

.about-cont li>img {

  display: block;

  margin: 0 auto 50px;

  max-width: 80%;



}

.about-set2 {

  width: 100%;

  padding-bottom: 100px;

  background: url('../images/about-des.jpg') no-repeat center bottom;

}

.about-set2-title {

  text-align: center;

  padding: 65px 0 35px;

}

.about-set2-title h2 {

  font-size: 36px;
  color: #333;

  margin-bottom: 12px;

}

.about-set2-title p {

  font-size: 16px;
  color: #666
}

.about-set2-list {

  width: 100%;

  position: relative;

}

.about-set2-list .about-lis {

  width: 90%;

  margin: 0 auto;

  overflow: hidden;

  position: relative
}

.about-set2-list .about-lis::before {

  width: 100%;

  height: 1px;

  display: block;

  position: absolute;

  left: 0;

  top: 43px;

  background: #919191;

  content: '';

}

.about-set2-list i {

  width: 28px;

  height: 47px;

  display: block;

  top: 20px;



  position: absolute;

  cursor: pointer;

}

.about-set2-list .about-set2-left {

  left: 0;

  background: url('../images/about-set2-left.png') no-repeat center top;



}

.about-set2-list .about-set2-rigth {

  right: 0;

  background: url('../images/about-set2-rigth.png') no-repeat center top;

}

.about-set2-list li {

  padding: 0 2% 0;

  padding-top: 37px
}

.about-set2-list li::before {

  width: 14px;

  height: 14px;

  border-radius: 50%;

  background: #0093b7;

  content: '';

  display: block;

  margin-left: 53px;



}

.about-set2-list li h5 {

  font-size: 45px;
  color: #0093b7;

  font-weight: bold;

  padding: 10px 0;

}

.about-set2-list li p {

  font-size: 16px;

  color: #666666
}

.about-set3 {

  width: 100%;

  background: #f0f0f0;

  padding: 55px 0;

}

.about-set3 .left {

  width: 55%;

  padding-right: 6%;

  padding-top: 156px;

}

.about-set3 .rigth {

  width: 45%;

}

.about-set3 .rigth img {

  max-width: 100%;

  height: auto;

}



.about-set3 .left h6 {

  font-size: 36px;
  color: #333;

  margin-bottom: 10px;

}

.about-set3 .left p {

  font-size: 16px;
  color: #666
}

.about-set4 .left {

  width: 50%;

  height: 626px;

  background: url('../images/about-ry-bj1.jpg') no-repeat right center;

  padding-top: 63px;

}

.about-set4 .rigth {

  width: 50%;

  height: 626px;

  background: url('../images/about-ry-bj2.jpg') no-repeat right center;

  padding-top: 100px;

}

.w700 {

  width: 700px;

}

.about-set4 .left .w700 {

  margin-left: auto;

}

.about-set4 .left h6 {

  font-size: 36px;
  color: #333;

  margin-bottom: 32px;

}

.about-set4 .left li {

  font-size: 16px;

  margin-bottom: 6px;
  color: #666
}

.about-set4 .left li::before {

  width: 4px;

  height: 4px;

  display: inline-block;

  vertical-align: middle;

  border-radius: 50%;

  background: #cbcbcb;

  margin-right: 8px;

  content: ''

}

.about-bar {

  width: 100%;

  text-align: center
}



.about-bar span {

  width: 140px;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  font-size: 16px;

  color: #fff;

  border: 1px solid #fff;

  line-height: 42px;

  cursor: pointer;

  position: relative;

  z-index: 1;

}

.about-bar span::before {

  width: 0;

  height: 100%;

  content: '';

  display: block;

  background: #fff;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.about-bar .action {

  color: #0093b7
}

.about-bar .action::before {

  width: 100%;

}

.about-ry-cont {

  width: 70%;

  margin: 0 auto;

  text-align: center;

  padding-top: 50px;

}

.about-ry-page {

  width: 100%;

  position: relative;

}

.about-ry-page .leftt {

  position: absolute;

  left: 0;

  top: 50%;

  width: 15px;

  height: 27px;

  background: url('../images/about-ico1-left.png') no-repeat center top;

  display: block;

  margin-top: -14px;

  opacity: 0.6;

  cursor: pointer;

  z-index: 2;

}

.about-ry-page .rigtht {

  position: absolute;

  right: 0;

  top: 50%;

  width: 15px;

  height: 27px;

  background: url('../images/about-ico1-to.png') no-repeat center top;

  display: block;

  margin-top: -14px;

  opacity: 0.6;

  cursor: pointer;

  z-index: 1;

}

.about-ry-page .leftt:hover,

.about-ry-page .rigtht:hover {

  opacity: 1;

}

.about-ry-page img {

  max-width: 60%;

  height: auto;

}

.about-ry-page p {

  margin-top: 8px;
  font-size: 16px;
  color: #e9f3f7
}

.about-set5 {

  width: 100%;

  background: #f0f0f0;

  padding-bottom: 89px;

}

.about-set5 h3 {

  text-align: center;

  font-size: 36px;

  color: #333;

  padding: 40px 0 50px;

}

.about-set5-cont {

  width: 100%;

}

.about-set5-cont .le {

  width: 49.5%;

}

.about-set5-cont .le li {

  width: 49%;

  background: #fff;

  padding: 82px 56px;

  float: left;

  margin-bottom: 16px;

  height: 350px;

  position: relative;

}

.about-set5-cont .le li h5 {

  position: absolute;

  bottom: 20px;

  width: 100%;

  text-align: right;

  padding-right: 20px;

  color: #d1d1d1;

  font-size: 24px;

  font-weight: bold;

  left: 0;

}

.about-set5-cont .le li:nth-of-type(1) {

  width: 100%;

  padding: 56px;

  height: 280px;

}

.about-set5-cont .le li:nth-of-type(2) {

  margin-right: 2%;

}

.about-set5-cont .le li h6 {

  font-size: 24px;
  color: #333;

  margin-bottom: 20px;

}

.about-set5-cont .le li p {

  font-size: 16px;
  color: #666
}

.about-set5-cont .ri {

  width: 49.5%;

}

.about-set5-cont .ri li {

  background: #fff;

  padding: 82px 56px;

  float: left;

  margin-bottom: 16px;

  height: 350px;

  width: 49%;

  position: relative;

}

.about-set5-cont .ri li h5 {

  position: absolute;

  bottom: 20px;

  width: 100%;

  text-align: right;

  padding-right: 20px;

  color: #d1d1d1;

  font-size: 24px;

  font-weight: bold;

  left: 0;

}

.about-set5-cont .ri li:nth-of-type(1) {

  margin-right: 2%;

}

.about-set5-cont .ri li:nth-of-type(3) {

  width: 100%;

  padding: 56px;

  height: 280px;

}

.about-set5-cont .ri li h6 {

  font-size: 24px;
  color: #333;

  margin-bottom: 20px;

}

.about-set5-cont .ri li p {

  font-size: 16px;
  color: #666
}

.ser-set1 {

  background: #e8e8e8;

  padding: 40px 0 80px;

  text-align: center
}

.ser-set1 h3 {

  font-size: 36px;
  color: #333;

  margin-bottom: 35px;

}

.ser-set1 p {

  font-size: 16px;
  color: #666;

  line-height: 2;

}

.ser-set2 {

  width: 100%;

  background: #f4f4f4
}

.ser-set2 .img {

  width: 50%;

}

.ser-set2 .cont {

  width: 50%;

  padding-top: 85px;

}

.ser-set2 .ser-setcont:nth-of-type(2n-1) .img {

  float: left;

}

.ser-set2 .ser-setcont:nth-of-type(2n-1) .cont {

  float: right;



}

.ser-set2 .ser-setcont:nth-of-type(2n-1) .w700 {

  margin-right: auto;

  padding-left: 10%;

}

.ser-set2 .cont h5 {

  font-size: 36px;
  color: #333;

}

.ser-set2 .cont .title>p {

  font-size: 20px;
  color: #666;

  margin-bottom: 16px;

}

.ser-set2 .cont .title i {

  width: 72px;

  height: 1px;

  background: #96a0a6;

  display: block;

  margin-bottom: 16px;

}

.ser-set2 .cont .w700>p {

  font-size: 16px;

  margin-bottom: 40px;

}



.ser-set2 .cont .w700 .dt li {

  display: inline-block;

  margin-right: 50px;

  text-align: center
}

.ser-set2 .cont .w700 .dt li span {

  font-size: 48px;

  line-height: 48px;

  color: #009cc2;

  font-weight: bold;

  display: inline-block;



}

.ser-set2 .cont .w700 .dt li i {

  font-size: 16px;

  display: inline-block;



  color: #009cc2;

  margin-bottom: 20px;

}

.ser-set2 .cont .w700 .dt li p {

  font-size: 14px;
  color: #666;

  margin-top: 5px;

}

.ser-set2 .ser-setcont:nth-of-type(2n) .img {

  float: right
}

.ser-set2 .ser-setcont:nth-of-type(2n) .cont {

  float: left;

}

.ser-set2 .ser-setcont:nth-of-type(2n) .w700 {

  margin-left: auto;

  padding-right: 10%;

}

.ser-set2 .ser-setcont .des {

  font-size: 30px;
  color: #009cc2;

  line-height: 30px;

}

.ser-set2 .ser-setcont .des span {

  display: inline-block;



}

.ser-set2 .ser-setcont .des span:nth-of-type(2) {

  padding: 0 20px;

  border-right: 1px solid #929292;

  border-left: 1px solid #929292;

  margin: 0 16px;

}

.ser-set2 .ser-setcont:last-of-type {

  background: #e8e8e8;

  padding: 76px 0;

}

.news-del {
  margin-top: 88px;
}

.new-cont {
  margin-top: 88px;

  width: 100%;

  background: #f0f0f0;

  padding-bottom: 108px;

}

.new-c {

  width: 100%;

}

.new-c li {

  width: 49%;

  margin-right: 2%;

  float: left;

}

.new-cont h2 {

  font-size: 30px;
  color: #666;

  padding: 35px 0 30px;

}

.new-c li:nth-of-type(2n) {

  margin-right: 0;

}

.new-c .txt {

  background: #fff;

  padding: 25px;

}

.new-c .txt h5 {

  font-size: 24px;
  color: #333;

  margin-bottom: 6px;

}

.new-c .txt span {

  font-size: 14px;
  color: #666;

  display: inline-block;

  margin-left: 8px;

}

.new-c .txt p {

  font-size: 14px;

  margin-top: 6px;

  margin-bottom: 12px;

}

.xt i {

  width: 28px;

  height: 28px;

  display: inline-block;

  vertical-align: middle
}

.xt .wx {

  background: url('../images/new-wx1.jpg') no-repeat center top;



}

.xt .wb {

  background: url('../images/new-wb2.jpg') no-repeat center top;

}



.new-left {

  width: 49%;

  box-sizing: border-box;



}

.new-rigth {

  width: 49%;

}

.new-left-cont {

  padding: 35px;

  background: #fff;

  width: 100%;

}

.new-left-cont li {

  font-size: 14px;
  color: #666;

  line-height: 2;

  margin-bottom: 8px;

}

.new-left-cont li a {

  color: #666
}

.new-left-cont li a:hover {

  color: #0093b7
}

.new-left-cont li::before {

  width: 3px;

  height: 5px;

  content: '';

  background: url('../images/new-ico-pr.jpg') no-repeat center top;

  display: inline-block;

  vertical-align: middle;

  margin-right: 3px;

}

.new-left-cont ul {

  margin-bottom: 30px;

}

.new-more {

  width: 128px;

  display: block;

  border: 1px solid #009cc2;

  line-height: 33px;

  padding: 0 20px;

  font-size: 12px;
  color: #009cc2;

  background: url('../images/new-more-ico.jpg') no-repeat 100px center
}

.new-rigth {



  width: 49%;

}

.new-rigth-cont {

  width: 100%;

  padding: 55px 35px;

  background: #fff;

}

.new-rigth .img {

  width: 50%;

  display: inline-block;

  vertical-align: middle
}

.new-rigth .title {

  width: 49%;

  display: inline-block;

  vertical-align: middle;

  padding-left: 5%;



}

.new-rigth .title h6 {

  font-size: 24px;
  color: #009cc2;

  margin-bottom: 33px;

}

.new-rigth .title .xt {

  margin-bottom: 50px;

}

.hzanl-cont {

  width: 100%;

  background: #fff;

  padding: 71px 0;

}

.hzanl-cont li {

  width: 33.333%;

  float: left;

  text-align: center
}

.hzanl-cont li dd {

  display: inline-block;

}

.hzanl-cont li dd img {

  max-width: 140px;

  height: auto;

}

.hzanl-cont li dd:first-of-type {

  border-right: 1px solid #cccccc;

  padding-right: 10px;

  margin-right: 10px;

}

.hzanl-cont li h5 {

  font-size: 20px;
  color: #333;

  margin-top: 16px;

  margin-bottom: 6px;

}

.hzanl-cont li p {

  font-size: 16px;
  color: #666
}

.new-pt .new-c li {

  margin-bottom: 32px;

}

.new-pt .new-c li .img {
  position: relative;
  padding-top: 60%;
}

.new-pt .new-c li .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.new-pt-nav {

  width: 100%;

  border-bottom: 1px solid #d9d9d9;

  line-height: 70px;

}

.new-pt-nav h6 {

  font-size: 24px;
  color: #333;
  line-height: 70px;

}

.new-pt-nav p a {

  display: inline-block;

  font-size: 16px;

  color: #666666;

  padding: 0 20px;

  line-height: 16px;

  border-right: 1px solid #c0c0c0
}

.new-pt-nav p a:last-of-type {

  border-right: none
}

.new-pt-nav p a:hover {

  color: #009cc2
}

.new-pt-nav p .action {

  color: #009cc2
}

.new-qy-cont {

  width: 100%;

}

.new-qy-cont .img {

  width: 35%;
  position: relative;
  padding-top: 24%;

}

.new-qy-cont .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new-qy-cont .text {

  width: 65%;

  padding: 50px 5%;

}

.new-qy-cont dd {

  margin-bottom: 25px;

}

.new-qy-cont dd a {

  display: block;

  background: #fff;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.new-qy-cont .text h6 {

  font-size: 24px;
  color: #333;

  margin-bottom: 10px;

}

.new-qy-cont .text p {

  font-size: 16px;

  color: #666;

  margin-bottom: 35px;

}

.new-qy-cont .text span {

  font-size: 16px;

  display: inline-block;

  margin-right: 6px;

  color: #666
}

.new-qy-cont .text .xt {

  display: inline-block;

  vertical-align: middle
}

.new-qy-cont dd a:hover {

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

  transform: translateY(-8px);

  -webkit-transform: translateY(-8px);

}

.new-qy-cont dd a:hover h6 {

  color: #009cc2
}

.pro-nav {

  width: 100%;

  text-align: center;

  border-bottom: 1px solid #e3e3e3;

  padding: 25px 0 15px;

}

.pro-nav dl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.pro-nav dd {

  display: inline-block;

  margin-right: 110px;

  position: relative;

}

.pro-nav dd img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.pro-nav dd::after {

  content: '';

  width: 9px;

  height: 9px;



  display: block;

  margin: 0 auto;

  position: absolute;

  bottom: -20.5px;

  left: 50%;

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  background: #fff;

  border-top: 1px solid #e3e3e3;

  border-left: 1px solid #e3e3e3;

  opacity: 0;

}

.pro-nav dd:last-of-type {

  margin-right: 0;

}

.pro-nav dd p {

  font-size: 16px;

  margin-top: 4px;

}

.pro-nav .action::after {

  opacity: 1;

}

.pro-nav .action img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}

.pro-nav .action p {

  color: #009cc2
}

.pro-nav-f {

  width: 100%;

}

.pro-nav-f-c {

  text-align: left;

  padding: 24px 0;

  min-height: 75px
}

.pro-nav-f-c a {

  display: inline-block;

  font-size: 14px;

  margin-right: 40px;



}

.pro-nav-f-c a:last-of-type {

  margin-right: 0;

}

.pro-nav-f-c .dd {

  color: #0093b7
}

.product-list-ves {

  width: 100%;

  background: #f4f4f4;

  padding-top: 50px;

}

.prodef-nav {
  margin-top: 88px;
}


.bjCloor {

  background: #f0f0f0;

  padding-bottom: 80px;

}

.prodef-nav {

  padding: 25px 0;

}

.prodef-nav .fl {

  font-size: 14px;
  color: #666
}

.prodef-nav .fl a {

  color: #666
}

.prodef-nav .fl a:hover {

  color: #009cc2
}

.product-cont {

  width: 100%;

  background: #fff;

  padding: 38px;

  margin-bottom: 10px;

}

.product-cont .img {

  width: 48%;

}

.product-cont .prodef-cont {

  width: 48%;

}

.product-cont .prodef-cont h2 {

  font-size: 30px;

  color: #333333;

  padding: 20px 0;

  border-bottom: 1px solid #ababab;

  margin-bottom: 20px;

}

.product-cont .prodef-cont .cont {

  width: 100%;

  padding-right: 12%;

  font-size: 16px;

  min-height: 200px
}

.product-cont .prodef-cont a {

  display: block;

  width: 144px;

  line-height: 45px;

  background: #009cc2;

  text-align: center;

  color: #fff
}

.product-cont .product-ves {

  width: 100%;

  position: relative;

}

.product-des {

  width: 100%;

}

.product-des .left {

  width: 72.5%;

  background: #fff;

  padding: 0 3%;

}

.product-des .rigth {

  width: 26.5%;

  background: #fff;

  padding: 0 1.6%;

  padding-bottom: 20px;

}

.product-des .rigth ul {

  text-align: center
}

.product-des .rigth ul p {

  font-size: 16px;

  padding: 12px 0;

}

.product-des-nav {

  width: 100%;

  font-size: 24px;

  border-bottom: 2px solid #e5e5e5;

  margin-bottom: 25px;

}

.product-des-nav span {

  display: inline-block;

  line-height: 72px;

  cursor: pointer;

  margin-right: 40px;

  position: relative;

}

.product-des-nav span:hover {

  color: #0093b7
}

.product-des-nav span::before {

  content: '';

  width: 0;

  height: 2px;

  background: #0093b7;

  position: absolute;

  bottom: -1px;

  left: 50%;

  transform: translateX(-50%);

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

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.product-des-nav .action::before {

  width: 100%;

}

.product-des-nav .action {

  color: #0093b7
}

.product-des-cont {

  width: 100%;

  min-height: 600px
}

.product-des-cont img {

  max-width: 100%;

  height: auto;

}

.product-des-cont-page table {

  width: 100%;

  background: #e4e4e4;

  border: 1px solid #7f7f7f;

  text-align: center;

  font-size: 16px;

}

.product-des-cont-page table tr td:first-of-type {

  /* width: 18%; */

}

.product-des-cont-page table tr td:nth-of-type(2) {

  /* width: 82%; */

}

.product-des-cont-page h3 {

  font-size: 24px;
  color: #333;

  margin-bottom: 20px;

}

.product-case {

  width: 100%;
  background: #e9e9e9;

  padding-bottom: 68px;

}

.product-case h3 {

  text-align: center;

  font-size: 30px;

  color: #333;

  padding: 42px 0 36px;

}

.product-case-cont {

  width: 100%;

  position: relative;

  overflow: hidden;

  padding-bottom: 38px;

}

.product-case-cont li {

  text-align: center
}

.product-case-cont li p {

  padding: 10px 0;

}

.caselist-cont {

  width: 100%;

  background: #f0f0f0;

  padding-top: 38px;

  padding-bottom: 80px;

}



.caselist-cont-page {

  width: 100%;

  background: #fff;

  margin-bottom: 10px;

}

.caselist-cont-page .img {

  width: 50%;

  float: left;

}

.caselist-cont-page .img a {
  position: relative;
  padding-top: 60%;
  width: 100%;
  display: block;
}

.caselist-cont-page .img a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.caselist-cont-page:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.caselist-cont-page .text {

  width: 50%;

  float: right;

  padding: 78px 8%;

}

.caselist-cont .caselist-cont-page:nth-of-type(2n) .img {

  float: right
}

.caselist-cont .caselist-cont-page:nth-of-type(2n) .text {

  float: left
}

.caselist-cont-page .text h3 {

  font-size: 24px;
  color: #333;

  margin-bottom: 10px;

}

.caselist-cont-page .text h6 {

  font-size: 18px;
  color: #333;

  margin-bottom: 40px;

}

.caselist-cont-page .text .cont {

  min-height: 150px;

  font-size: 16px;

}

.caselist-cont-page .text a {

  width: 150px;

  /* background: #009cc2; */

  color: #666666;

  display: block;

  line-height: 45px;

  text-align: center;

  border: 1px solid #ddd;

  position: relative;

  z-index: 1;

}

.caselist-cont-page .text a i {

  width: 5px;

  height: 5px;

  display: inline-block;

  vertical-align: middle;

  background: url('../images/caselist-to.png') no-repeat 0 center;

  margin-left: 20px;



}

.caselist-cont-page .text a::before {

  width: 0;

  opacity: 0;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  background: #009cc2;

  content: '';

  z-index: -1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}

.caselist-cont-page .text a:hover::before {

  width: 100%;

  opacity: 1;

}

.caselist-cont-page .text a:hover {

  color: #fff
}

.caselist-cont-page .text a:hover i {

  background-position: -9px
}

.caselist-cont-more {

  text-align: center;

  font-size: 16px;

  display: block;

  margin: 50px auto 0;

}

.caselistdef-nav {

  width: 100%;

  position: fixed;

  z-index: 20;

  top: 88px;

  left: 0;

}

.about-nav .fl .action {

  color: #009cc2
}

.about-nav .fr,
.about-nav .fr a {
  color: #999
}

.about-nav .fr a:hover {
  color: #009cc2
}

.caselistdef-cont {

  padding-top: 62px;

  background: #f0f0f0;

  padding-bottom: 77px;

}

.caselistdef-cont .w1400>h6 {

  text-align: right;

  padding: 16px 0;

}

.caselistdef-d {

  background: #fff;

  margin-bottom: 14px;

}

.caselistdef-d .img {

  width: 66%;

}

.caselistdef-d .text {

  width: 34%;

  padding: 68px 4.5%;

}

.caselistdef-d .text h3 {

  font-size: 30px;
  color: #333;

  padding-bottom: 15px;

  border-bottom: 1px solid #b2b2b2;

  margin-bottom: 15px;

}

.caselistdef-d .text .cont {

  min-height: 340px;

  font-size: 14px;

  line-height: 2;



}

.caselistdef-d .text a {

  width: 160px;

  line-height: 45px;

  background: #009cc2;

  display: block;

  text-align: center;

  color: #fff;

  margin-bottom: 20px;

}

.caselistdef-t {

  width: 100%;

  background: #fff;

  padding: 38px 4%;

}

.caselistdef-t h4 {

  font-size: 24px;

  margin-bottom: 20px;

  color: #333
}

.caselistdef-t .des p::before {

  width: 3px;

  height: 3px;

  display: inline-block;

  vertical-align: middle;

  background: #666666;

  border-radius: 5px;

  content: '';

  margin-right: 5px;

}

.caselistpro-set1 {

  width: 100%;

  background: #e8e8e8;

  padding-bottom: 40px;

}

.caselistpro-set1 h2 {

  text-align: center;

  font-size: 30px;
  color: #333;

  padding: 50px 0;

}

.case-nav {
  z-index: 20;
  position: relative;
}


// 手机端侧边栏
.wap-header {

  .header-page-title,
  .icon-backLeft {
    color: #000;
  }
}

.wap-header-mask {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  transition: 0.2s;

  .close {
    position: absolute;
    left: -24px;
    top: 0;
    width: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    i {
      font-size: 24px;
      color: #e2e2e2;
    }
  }
}

.menu-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-color: #161722;
}

.top-menu-list {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  background-color: #161722;

  &.active {
    transform: translateX(-100%);
  }

  .top-name {
    background: #060716;
    color: #fff;

    span {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
    }
  }

  li {


    a {
      font-size: 1rem;
      color: #d1d1d1;
      height: 100%;
      padding: 10px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #23242e !important;

      i {
        color: #d1d1d1;
      }
    }
  }

  ul {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    height: 100%;
    display: none;
    overflow-y: scroll;

    &.active {
      display: block;
      background: #06060c;
    }

    ol {

      a {
        padding: 10px 26px;
        font-size: .875rem;
      }
    }
  }

  .en {
    font-size: 1rem;
    color: #fff;
    opacity: .85;
    justify-content: start;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: left;

    .icon {
      color: #1532a0;
      font-size: 1.5rem;
      margin-right: .375rem;
      opacity: 1;
      display: inline-block;
    }
  }

  .search {
    width: 94%;
    margin: 10px auto;
    padding: 0;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ffffff;
    overflow: hidden;
    margin-top: 12px;
    padding: 0 10px;
    border-radius: 50px;

    form {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .sear_text {
      height: 32px;
      line-height: 32px;
      background: none;
      display: flex;
      width: 80%;
      color: #fff;

      &::placeholder {
        color: #898a92;
      }
    }

    .submit {
      font-size: 12px;
      color: #898a92;
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center;
      background: none;
    }
  }
}


.wap-header .header-page-title,
.wap-header .icon-backLeft {
  color: #000
}

.wap-header-mask {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  transition: .2s
}

.wap-header-mask .close {
  position: absolute;
  left: -24px;
  top: 0;
  width: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.wap-header-mask .close i {
  font-size: 24px;
  color: #e2e2e2
}

.menu-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-color: #161722
}

.top-menu-list {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: .2s;
  background-color: #161722
}

.top-menu-list.active {
  transform: translateX(-100%)
}

.top-menu-list .top-name {
  background: #060716;
  color: #fff
}

.top-menu-list .top-name span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px
}

.top-menu-list li a {
  font-size: 1rem;
  color: #d1d1d1;
  height: 100%;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #23242e !important
}

.top-menu-list li a i {
  color: #d1d1d1
}

.top-menu-list ul {
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  height: 100%;
  display: none;
  overflow-y: scroll
}

.top-menu-list .child-menu-list li span{
  font-size: 14px;
}

.top-menu-list ul.active {
  display: block;
  background: #06060c
}

.top-menu-list ul ol a {
  padding: 10px 18px;
  font-size: 12px;
}

.top-menu-list .en {
  font-size: 1rem;
  color: #fff;
  opacity: .85;
  justify-content: start;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: left
}

.top-menu-list .en .icon {
  color: #1532a0;
  font-size: 1.5rem;
  margin-right: .375rem;
  opacity: 1;
  display: inline-block
}

.top-menu-list .search {
  width: 94%;
  margin: 10px auto;
  padding: 0;
  height: 32px;
  line-height: 32px;
  border: 1px solid #ffffff;
  overflow: hidden;
  margin-top: 12px;
  padding: 0 10px;
  border-radius: 50px
}

.top-menu-list .search form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.top-menu-list .search .sear_text {
  height: 32px;
  line-height: 32px;
  background: none;
  display: flex;
  width: 80%;
  color: #fff
}

.top-menu-list .search .sear_text::placeholder {
  color: #898a92
}

.top-menu-list .search .submit {
  font-size: 12px;
  color: #898a92;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: none
}

.top-menu-list .phone {
  width: 94%;
  margin: 10px auto;
  display: flex;
  align-items: center;
}

.top-menu-list .phone i {
  font-size: 30px;
  color: #fff;
  font-weight: normal;
}

.top-menu-list .phone a {
  font-size: 20px;
  color: #fff;
}

.banner {
  margin-top: 88px;
}

.menu-footer {
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  font-size: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999;
  display: none;
}

.menu-footer a {
  position: relative;
  float: left;
  width: 50%;
  color: #fff;
  font-size: 14px;
}

.menu-footer img {
  width: 14px;
}

.menu-footer a~a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  height: 10px;
  border-left: 1px solid #a0a0a0;
  opacity: 0.5;
}