@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');


body{
	font-family: "Jost"!important;    font-weight: normal!important;
}	
table span{	font-family:"Jost", sans-serif,"Jost"!important;}
@font-face {
	font-family: 'Jost1';
	src: url('../fonts/SEOptimistLight_2.otf');
	font-weight: normal;
	font-style: normal;
  }
@font-face {
	font-family: 'Jost1';
	src: url('../fonts/SEOptimBla_2.otf');
	font-weight: normal;
	font-style: normal;
  }

body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {    margin: 0;    padding: 0; font-weight: normal; }
body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color:#26b597;}

::placeholder {        font-family:"Jost";   font-size: 16px;     }

.w{ max-width:1400px; margin: 0 auto; width:90%;}



header{ height: 100px; display: flex; align-items: center;    justify-content: space-between; background: #f4f4f4; }
header .logo{ width: calc(19% - 62px);  margin: 0 0 0 62px;    height: 100%;    display: flex;    align-items: center;}
header .logo img{ width: 80%;} 
header .nav{ height: 100%;    display: flex;    align-items: center;  width: calc(71% );}
header .nav ul.nav1{ display: flex;     align-items: center; width: 60% }
header .nav ul.nav1 > li{ margin: 0 10% 0 0; position: relative; transition:all ease 0.35s;  width: 100%;    height: 100%;     line-height: 100px;}
header .nav ul.nav1 > li::after{ content: ""; width: 100%; height: 2px; background: #26b597; position: absolute; bottom: 40px; left: 0; right: 0; margin: 0 auto;transform: translate(0px, 0px); opacity: 0 ;transition:all ease 0.35s;}
header .nav ul.nav1 > li > a{ font-size: 16PX; font-weight: normal; font-family:"Jost" ;display: block;  color: #2e2e2e;}
header .top{  width: 20%;  height: 100%;    display: flex;    align-items: center;      justify-content: space-between;}
header .top .lj{display: flex;    width: 46%;    justify-content: space-between;}
header .top .ss{ background: #26b597; height: 100%;    display: flex;    align-items: center; width: 36%;     justify-content: center;}

header .nav ul.nav1 > li:hover > a{      transform: translate(0px, -10px); }
header .nav ul.nav1 > li:hover::after{ display: block; transform: translate(0px, 10px); opacity: 1  }
header .nav ul.nav1 > li.on > a{      transform: translate(0px, -10px);  color:#26b597; }
header .nav ul.nav1 > li.on::after{ display: block; transform: translate(0px, 10px); opacity: 1 }

header .nav ul.nav1 ul.nav2{ position: absolute;  width: 400%; top: 100%;    max-width: 320px;    z-index: 888;    background: #fff;  display: none;     transform: translate(-10%, 0px);}
header .nav ul.nav1 > li:hover ul.nav2{ display: block;  }
header .nav ul.nav1 ul.nav2 li {  line-height: 24px; padding: 10px 5%;  } 
header .nav ul.nav1 ul.nav2 li a{font-family:"Jost" ; font-size: 16PX; }

.banner{position: relative; align-items: center;    text-align: center; display: flex; justify-content: center;}
.banner img{ width: 100%; }
.banner_title{ position: absolute; left: 0; right: 0; margin: 0 auto; }
.banner_title h2{ font-size: 56px; color: #fff; margin: 0 auto 20px;}
.banner_title p{ font-size: 16PX; color: #fff;background: url(../img/dq.png) no-repeat left center; background-size: 20px; padding: 0 0 0 24px; display: table;  margin: 0 auto;}
.banner_title a{ font-size: 16PX; color: #fff; margin:  0 8px;  }

.banner .swiper {      width: 100%;      height: 100%;    }
.banner .swiper-slide {      text-align: center;      font-size: 16PX;      background: #fff;      display: flex;      justify-content: center;      align-items: center;    }
.banner .swiper-slide img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }
.banner .swiper-pagination-bullet-active{ background: #26b597!important; }

.sub{ position: fixed; top: 100px; z-index: 9999; width: 100%; background: #fff; border-top: 1px solid #26b597; padding: 30px 0 ;  display: none;   }
.sub form { position: relative;  border: 1px solid #ccc;  padding: 0px 0 0 20px; border-radius: 50px;     width: 30%; display: flex;    justify-content: space-between;     margin: 0 auto;}
.sub form input{ line-height: 36px; border: none; width: 90%;   }
.sub button{ border: none; background: #26b597;  border-radius: 0  50px 50px 0; cursor: pointer;}
.sub button img{ width: 60%;}
header{ display: flex; }
.m_header{ display: none;}
#menu{ display: none;}
@media screen and (max-width: 1400px){
	header{ height: 80px;}
	header .logo{ width: 18%; margin: 0 0% 0 2%;}
	header .nav{  width: calc(100% - 26%);}
	header .nav ul li{ margin: 0 2%;}
	header .nav ul li a{ font-size: 16px;}
	header .top{ width: 16%;}
	header .top .lj a{ display: none;}
	header .top .ss img{ width: 50%; }
	.sub {    top: 80px;}
}
@media screen and (max-width: 1024px){
.banner_title h2{ font-size: 24px; color: #fff; margin: 0 auto 8px;}
	.banner_title p{ font-size: 14px; color: #fff;background: url(../img/dq.png) no-repeat left center; background-size: 14px; padding: 0 0 0 12px; display: table;  margin: 0 auto;}
	.banner_title a{ font-size: 14px; color: #fff; margin:  0 8px;  }
}
@media screen and (max-width: 768px){
	header{ display: none;}
	.m_header{  height: 60px; display: flex; align-items: center;justify-content: space-between; }
	.m_header .logo{ width: 24%; }
	.m_header img{ height: 40px; margin: 0 auto; display: block;}
	
	.nav_wap {    width: 60px;    height: 60px;    cursor: pointer;  position: relative; background: #26b597;}
	.nav_wap span{display:block;background-color:#fff;width:36px;height:3px;position:absolute;right:10px;transition:all ease 0.35s;border-radius: 5px;}
	.nav_wap span:nth-of-type(1){top:15px}
	.nav_wap span:nth-of-type(2){top:27px}
	.nav_wap span:nth-of-type(3){top:39px}
	.nav_wap_se span:nth-of-type(1){top:26px;transform:rotate(45deg)}
	.nav_wap_se span:nth-of-type(2){width:0}
	.nav_wap_se span:nth-of-type(3){top:26px;transform:rotate(-45deg)}
	
	#menu{ position: fixed; top: 60px; width: 100%; z-index: 9999; background: #fff; border-top: 2px solid #26b597; text-align: center;}
	#menu a{ line-height: 56px; border-bottom: 1px solid #ccc; width: 90%; margin:  0 auto; display: block; font-size: 16PX;}
	
	
	
	}


.adels1 { padding: 80px 0 ; }
.adels1 h3{font-family:"Jost"; font-size: 32px;  text-align: center; font-weight: 300; line-height: 64px; }
.adels1 p{font-family:"Jost"; font-size: 20px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px; }
.adels1 h2{font-family:"Jost"; font-size: 28px;  text-align: center; font-weight: 1500; padding: 0 0 15px; }

.adels1 .pro_fl{ display: flex;    justify-content: space-between; }
.adels1 .pro_fl a{ width: 32%;  }
.adels1 .pro_fl .ico{ overflow: hidden;  }
.adels1 .pro_fl .ico img{ width: 100%; }
.adels1 .pro_fl .txt{  background: #26b597;  text-align: center; color: #fff; line-height: 54px; font-family:"Jost"; font-size:16px;  overflow: hidden; /* 隐藏溢出部分 */  white-space: nowrap; /* 防止文字换行 */   text-overflow: ellipsis; /* 显示省略号 */} 
@media screen and (max-width: 1400px){

	.adels1 { padding: 40px 0 ; }
	.adels1 h3{font-family:"Jost"; font-size: 24px;  text-align: center; font-weight: 300; line-height: 42px; }
	.adels1 p{font-family:"Jost"; font-size: 16px;  text-align: center; font-weight: 100; line-height: 24px; padding: 8px 0 15px; }
	.adels1 h2{font-family:"Jost"; font-size: 24px;  text-align: center; font-weight: 1500; padding: 0 0 15px; }
	header .nav ul.nav1 > li > a{ font-size: 14px;  top: 80px;}
	header .nav ul.nav1 > li { line-height: 80px; }
}
@media screen and (max-width: 768px){
	
	.adels1 .pro_fl{ display: flex;    justify-content: space-between;        flex-wrap: wrap; }
.adels1 .pro_fl a{ width: 100%; margin: 0 0 20px; }
	
}



.adels2 {background: #fff url(../img/bj1.jpg) no-repeat center / cover fixed; padding: 140px 0 ;}
.adels2 .ade_cont{ display: flex;     justify-content: space-between;}
.adels2 .ade_cont .ade_f {} 
.adels2 .ade_cont .ade_f h3{ font-size: 32px; color: #fff; font-family:"Jost"; line-height: 82px; margin: 0 0 10px; }
.adels2 .ade_cont .ade_f p{ font-size: 20px; color: #fff; font-family:"Jost"; line-height: 42px; }
.adels2 .ade_cont .ade_l { width: 50%;  }
.adels2 .ade_cont .ade_l img{ margin: 0 auto; width: 70%;     float: right;  }

.adels2 .ade_form{ margin: 70px 0 0; height: 82px; }
.adels2 .ade_form form{ display: flex; }
.adels2 .ade_form input{ width: 64%; border: none; height: 82px; line-height: 82px; padding: 0 ; }
.adels2 .ade_form button{ width: 36%; border: none; height: 82px;  font-size: 24px;  color: #fff; background:#26b597 url(../img/youjian_o.png) no-repeat 10% center;  background-size: auto 40%;}

@media screen and (max-width: 1400px){
 	.adels2 .ade_cont .ade_f h3{ font-size: 32px; color: #fff; font-family:"Jost"; line-height: 32px; margin: 0 0 10px; }
	.adels2 .ade_cont .ade_f p{ font-size: 20px; color: #fff; font-family:"Jost"; line-height: 32px; }
	.adels2 .ade_form button{ font-size: 14px; background-size: auto 20%;}
}

@media screen and (max-width: 768px){
	.adels2 { padding: 80px 0 ;}
	.adels2 .ade_cont {    display: flex;    justify-content: space-between;    flex-wrap: wrap;         flex-direction: column-reverse;}
	.adels2 .ade_cont .ade_f { width:100%;  } 

	.adels2 .ade_cont .ade_l { width: 100%;  }
	.adels2 .ade_cont .ade_l img { width:50%; margin: 0 0 40px;  float: left; }
	
	.adels2 .ade_form form{ display: flex;   flex-wrap: wrap; }
	.adels2 .ade_form input{ width: 100%; border: none; height: 42px; line-height: 42px; padding: 0 ; }
	.adels2 .ade_form button{ width: 100%; border: none; height: 42px;  font-size: 16px;  color: #fff; background:#26b597 url(../img/youjian_o.png) no-repeat 30% center;  background-size: auto 40%;}
}


.adels3 { padding: 80px 0 ; }
.adels3 h3{font-family:"Jost"; font-size:32px;  text-align: center; font-weight: 300; line-height: 64px; }
.adels3 p{font-family:"Jost"; font-size: 20px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px; }


.adels3 .ade_ul{ margin: 56px 0 0 ; }
.adels3 .ade_li{ height: 400px; margin: 90px 0 0; position: relative; }

.adels3 .ade_li .ade_cont{ position: absolute; width: 39%; background:#26b597; margin: -45px 0 0; height: 100%; padding: 0 3%;  }
.adels3 .ade_li:nth-child(1) .ade_cont{ left: 2.5%;  }
.adels3 .ade_li:nth-child(2) .ade_cont{ right: 2.5%;  }
.adels3 .ade_li:nth-child(3) .ade_cont{ left: 2.5%;  }
.adels3 .ade_li:nth-child(4) .ade_cont{ right:  2.5%;  }
.adels3 .ade_li .ade_cont strong{ font-size: 82px; text-align: center; display: block; font-family:"Jost"; color: #fff; line-height: 140px;}
.adels3 .ade_li .ade_cont h2{ font-size: 22px; line-height: 33px; color: #fff; margin: 0 0 20px; }
.adels3 .ade_li .ade_cont p{ font-size: 14px; line-height: 24px; color: #fff; text-align: left; padding: 0 ;}

@media screen and (max-width: 1024px){
	
	.adels3 { padding: 40px 0 80px; }
	.adels3 h3{font-family:"Jost"; font-size: 24px;  text-align: center; font-weight: 300; line-height: 46px; }
	.adels3 p{font-family:"Jost"; font-size: 16px;  text-align: center; font-weight: 100; line-height: 24px; padding: 15px 0 26px; }
	
	.adels3 .ade_li{ height: auto; margin: 80px 0 0; position: relative; min-height: 200px; padding: 30px 0 ;}
	.adels3 .ade_li .ade_cont{ position: relative; width: 70%; background:#26b597; margin: -90px auto 0; height: 100%; padding: 20px 3%; left: 0; right: 0;  }
	.adels3 .ade_li:nth-child(1) .ade_cont{ left: 0; right: 0;   }
	.adels3 .ade_li:nth-child(2) .ade_cont{ left: 0; right: 0;  }
	.adels3 .ade_li:nth-child(3) .ade_cont{ left: 0; right: 0;   }
	.adels3 .ade_li:nth-child(4) .ade_cont{ left: 0; right: 0;   }
	
	.adels3 .ade_li .ade_cont strong{ font-size: 42px; text-align: center; display: block; font-family:"Jost"; color: #fff; line-height: 80px;}
	.adels3 .ade_li .ade_cont h2{ font-size: 16PX; line-height: 33px; color: #fff; margin: 0 0 20px; }
	.adels3 .ade_li .ade_cont p{ font-size: 14px; line-height: 24px; color: #fff; text-align: left; }
}


.adels4 {background: #fff url(../img/bj2.jpg) no-repeat center / cover fixed; padding: 140px 0 ;}
.adels4 .ade_cont{ display: flex;     justify-content: space-between;}
.adels4 h3{font-family:"Jost"; font-size: 32px;  text-align: center; font-weight: 300; line-height: 64px; color: #FFF; text-align: left; }
.adels4 a{ font-family:"Jost"; margin: 50px 0 30px; display: table; height: 58px; line-height: 58px; padding: 0 32px; font-size: 24px; color: #fff; background:#26b597; }

.adels4 .ade_cont .ade_txt{ width: 50%; font-size: 16px; color: #fff; line-height: 34px; }
.adels4 .ade_cont .ade_img{ width: 36%; text-align: center; max-width: 500PX;}
.adels4 .ade_cont .ade_img img{ width:100%; margin: 0 auto; }



@media screen and (max-width: 1024px){
	.adels4 {background: #fff url(../img/bj2.jpg) no-repeat center / cover fixed; padding: 90px 0 ;}
	.adels4 h3{font-family:"Jost"; font-size: 24px;  text-align: center; font-weight: 300; line-height: 42px; color: #FFF; text-align: left; }
	.adels4 a{ font-family:"Jost"; margin: 30px 0 20px; display: table; height: 40px; line-height: 40px; padding: 0 28px; font-size: 20px; color: #fff; background:#26b597; }
	.adels4 .ade_cont .ade_txt{ width: 100%; font-size: 14px; color: #fff; line-height: 24px; }
	.adels4 .ade_cont .ade_img{ display: none; }
}


.adels5 { padding: 80px 0 ; }
.adels5 h3{font-family:"Jost"; font-size: 32px;  text-align: center; font-weight: 300; line-height: 64px; }
.adels5 .w > p{font-family:"Jost"; font-size: 20px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px; }
.ade_news_list{ display: flex;     justify-content: space-around;}
.ade_news{ width: 30%; }
.ade_news_a{ border: 2px solid #fff;     display: block;}
.ade_news .ico{ overflow: hidden; border-bottom: none;}
.ade_news .ico img{ width: 100%; }
.ade_news .date{ background: #626770 url(../img/news_jt.png) no-repeat right 15px center; line-height: 66px; padding: 0 15px; font-size: 14px; color: #Fff; }
.ade_news p{ font-size: 16px; text-align: left; line-height: 52px; border-bottom: 2px solid #26b597; overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;   /* 限制两行 */
  margin:  0px 15px 0px;}

.adels5 .ade_a{ line-height: 32px; background: #26b597; border-radius: 50px; display: table; font-size: 18px; color: #Fff; width: 40%; text-align: center; margin: 20px auto; transition:all ease 0.35s; }
.ade_news_a:hover{  border: 2px solid #26b597;  }
.ade_news_a:hover .date{ background: #26b597 url(../img/news_jt.png) no-repeat right 15px center;}

@media screen and (max-width: 1024px){
	.adels5 { padding: 40px 0 ; }
	.adels5 h3{font-family:"Jost"; font-size:24px;  text-align: center; font-weight: 300; line-height: 32px; }
	.adels5 p{font-family:"Jost"; font-size: 16PX;  text-align: center; font-weight: 100; line-height: 21px; padding: 15px 0 26px; }
	.ade_news_list{ display: flex;    justify-content: space-between;        flex-wrap: wrap; }
	.ade_news_list .ade_news{ width: 100%; margin: 0 0 20px; }
	.ade_news .date{ background: #626770 url(../img/news_jt.png) no-repeat right 15px center; line-height: 66px; padding: 0 15px; font-size: 12px; color: #Fff; }
	.ade_news p{ font-size: 16px; text-align: left; line-height: 24px; border-bottom: 2px solid #26b597; padding: 8px 8px 15px;}
	.adels5 .ade_a{ ;line-height: 32px; background: #26b597; border-radius: 50px; display: table; font-size: 16PX; color: #Fff; width: 40%; text-align: center; margin: 30px auto; transition:all ease 0.35s; }
}



footer{ background: #425066; padding: 100px 0 00px;}
footer .f_logo{ margin: 0 0 50px; }
footer .f_cont{    display: flex;    justify-content: space-between;}
.f_cont .f_cont_li:nth-child(1){ width: 33%;   }
.f_cont .f_cont_li:nth-child(1) p{ font-size: 16px; color: #fff; line-height: 24px;  }
.f_cont .f_cont_li:nth-child(1) .f_lj{ padding: 30px 0 25px;  }
.f_cont .f_cont_li:nth-child(1) .f_lj a{ margin: 0 20px 0 0;}
.f_cont .f_cont_li:nth-child(1) .f_tel{ border: 1px solid #26b597; display: flex;     justify-content: flex-start;;    align-items: center;}
.f_cont .f_cont_li:nth-child(1) .f_tel p{ font-size: 24px; line-height: 48px;  font-family:"Jost"; padding: 0 0 0 30px ; }
.f_cont .f_cont_li:nth-child(1) .f_tel .f_img{ text-align: center; width: 25%; background: #26b597;  height: 100%;     padding: 24px 0;}

.f_cont .f_cont_li:nth-child(n+2){ width:calc(22% - 50px); margin: 0 0 0 50px;    }
.f_cont .f_cont_li:nth-child(n+2) h2{  color: #fff; font-size: 24px; margin: 0 0 30px 0;  } 
.f_cont .f_cont_li:nth-child(n+2) a{ color: #fff; font-size: 16PX; line-height: 36px; display: table; }

.foot{ border-top: 1px solid hsla(0,0%,100%,0.20);  line-height: 74px;  color: #fff; margin: 80px 0 0 ;}
.foot p{ font-size: 16px; color: #fff; opacity: 0.8;}

@media screen and (max-width: 1400px){
	
	.f_cont .f_cont_li:nth-child(1){ width: 40%;   }
	.f_cont .f_cont_li:nth-child(3){ display: none;  }
	.foot{ border-top: 1px solid hsla(0,0%,100%,0.20);  line-height: 24px;  color: #fff; margin: 80px 0 0 ;}
}

@media screen and (max-width: 1024px){
	
	.f_cont .f_cont_li:nth-child(1){ width: 60%;   }
	.f_cont .f_cont_li:nth-child(3){ display: none;  }
	.f_cont .f_cont_li:nth-child(2){ display: none;  }
		.f_cont .f_cont_li:nth-child(4){ width: 30%;   }
}
@media screen and (max-width: 768px){
	
	.f_cont .f_cont_li:nth-child(1){ width: 100%;   }
	.f_cont .f_cont_li:nth-child(n+2){ display: none;  }
}


.about1{background: #fff url( ../img/combg.jpg) no-repeat center / cover fixed;   padding-top:70px;}
.about1 h2{font-size: 30px;    color: #494946;    margin-bottom: 20px;   font-family:"Jost";}
.about1 span{color: #000;        font-size: 16PX;    margin-bottom: 30px; display: block; }
.about1 .t{    font-size: 16PX;    line-height: 36px;    color: #494949;    }

.about2{background: #fff url( ../img/new-hmsearch.jpg) no-repeat center / cover fixed; padding: 70px 0 ;}
.about2 h3{font-family:"Jost"; font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; color: #Fff; }
.about2 p{font-family:"Jost"; font-size: 24px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px; color: #Fff; }
.honor_list .swiper-slide img{ width: 100%;}

.honor_list .swiper-container {      width: 100%;      height: 100%;  overflow: hidden;   }
.honor_list .swiper-slide {      text-align: center;      font-size: 16PX;      background: #fff;
      /* Center slide text vertically */      display: -webkit-box;      display: -ms-flexbox;      display: -webkit-flex;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      -webkit-justify-content: center;      justify-content: center;      -webkit-box-align: center;      -ms-flex-align: center;
      -webkit-align-items: center;      align-items: center;    }
@media screen and (max-width: 1024px){
	.about1 h2{font-size: 30px;    color: #494946;    margin-bottom: 20px;   font-family:"Jost";}
	.about1 span{color: #000;    font-style: italic;     font-size: 16PX;    margin-bottom: 30px; display: block; }
}



.about3{ padding: 70px 0 ; }
.about3 h3{font-family:"Jost"; font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; }
.about3 p{font-family:"Jost"; font-size: 24px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px;  }
.about3_list{ }
.about3 .swiper {      width: 100%;      height: 100%;      margin-left: auto;      margin-right: auto;    }
.about3 .swiper-wrapper {    flex-direction: row!important;}
.about3 .swiper-slide { margin-top: 0!important; margin-bottom: 30px!important;  }
.about3 .swiper-slide img{ width: 100%;}
@media screen and (max-width: 1024px){
	
	.about3 h3{font-family:"Jost"; font-size: 32px;  text-align: center; font-weight: 300; line-height: 32px; }
	.about3 p{font-family:"Jost"; font-size: 16PX;  text-align: center; font-weight: 100; line-height: 21px; padding: 15px 0 26px; }
}


.contact{ padding: 70px 0 ; }
.contact_cont{ display: flex; justify-content: space-between;}
.contact .contact_form { width: 45%; }
.contact .contact_form h3 {    color: #000700;    font-size: 30px;    font-weight: bold; margin: 0 0 30px;}
.contact .contact_form form input{ padding: 20px 12px;background: #f2f2f1;    color: #4b4b4b;    border-radius: 10px;  display: block;    width: calc(100% - 64px);  font-size: 14px;     border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: 0 0 16px;}
.contact .contact_form form textarea{ padding: 20px 12px;background: #f2f2f1;    color: #4b4b4b;    border-radius: 10px;  display: block;    width: calc(100% - 64px); font-size: 14px;     border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: 12px 0;}
.contact .contact_form form .code { display: flex;     align-items: center; }
.contact .contact_form form .code input{ width: 50%;  margin: 8px 0 0; }
.contact .contact_form form .code img{ height: max-content;}

.contact .contact_form form button{ color: #fff; background: #26b597; border-radius: 10px; font-size: 16PX; line-height: 22px; padding: 8px 12px; border: none;  margin: 30px 0 0; width: 50%}

.contact_tel{ width: 49%; }
.contact_tel h2{  color: #000700;    font-size: 24px;    font-weight: bold; margin: 30px 0 10px;}

.contact_tel p{ margin-bottom: 8px;    color: #6e6e6e;    font-size: 16px; line-height: 32px;}



@media screen and (max-width: 1024px){
	
	.contact_cont{ display: flex;    justify-content: space-between;    flex-direction: column-reverse;    flex-wrap: wrap;}
	.contact .contact_form { width: 100%; }
	.contact_tel{ width: 100%; margin:  0 0 50px;}
}

.news{  }
.news_list{    border-bottom: 1px dashed #c4c4c4;	margin: 30px 0;     margin-bottom: 30px;    padding: 0px 0 30px;    display: flex;    justify-content: space-between;
    align-items: center;    background: #fff;}
.news_list .ico{ width: 40% ; overflow: hidden;  }
.news_list .ico img { width: 100%;  transition: all 0.5s ease; }
.news_list .ico:hover img {    transform: scale(1.1);    }

.news_list .text{width: 70%; padding: 0 40px;}
.news_list .text h3{ margin-bottom: 10px; line-height: 30px; font-size: 21px;font-weight: bold; color: #1c1c1c;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list .text p{font-size: 16PX; color: #1c1c1c; margin-bottom: 25px;}
.news_list time{font-size: 15px;color: #bb3e0e; }
.news_list .text h3 a:hover{color:#60b07b;transition: all 0.3s; }

@media screen and (max-width: 1024px){
	.news_list .ico{ display: none; }
}


.page{ display: flex;    justify-content: center;  margin:  40px 0;}
.page a{ padding: 8px 14px ; color: #444;    background-color: #fff;    border: 1px solid #dee2e6;}
.page a.page-num-current{color: #fff;    background-color: #26b597;    border-color: #26b597;}
.page a:hover{color: #fff;    background-color: #26b597;    border-color: #26b597;}


.news{margin: 60px 0;}
.news .news_cont{}
.news .news_cont h2{    font-size: 24px;    color: #000;    text-align: center;}
.news .news_cont .info{ display: flex; justify-content: center; padding-bottom: 20px; text-align: center; margin: 30px 0; border-bottom: 1px dashed #000; }
.news .news_cont .info span{ display: table; margin: 0 1%; font-size: 15px;  color: #595959; }

.news .news_cont .t{    padding: 0 50px; margin: 20px 0 80px; }
.content-other{background: #e3e3e3;padding: 25px; font-size: 16px;color: #26b597;}
.content-other a{color: #3d3d3d;}
.content-other a:hover{ color: #26b597;transition: all 0.3s; }


.productfenlei{margin: 60px 0;}
.productfenlei .pro_fl{ display: flex;  margin: 30px 0 ; background: #ececec;     align-items: center;    justify-content: space-between;}
.productfenlei .pro_fl:nth-child(2n){     flex-direction: row-reverse; }
.productfenlei .pro_fl .ico{ width: calc(49% - 10px); border: 5px solid #26b597; overflow: hidden;  }
.productfenlei .pro_fl .ico img{ width: 100%;  transition: all 0.5s ease; }
.productfenlei .pro_fl .ico:hover img {    transform: scale(1.1);    }
.productfenlei .pro_fl .pro_cont { width: 45%; padding:0 3% 0 2%;}
.productfenlei .pro_fl .pro_cont h2{font-size: 28px;    font-weight: bold;    color: #1e6459; text-align: left; margin:  0 0 10px; }
.productfenlei .pro_fl .pro_cont p{    font-size: 16px;    color: #737373;    line-height: 24px;    margin-bottom: 25px;}

.pro_mun{ display: flex;   flex-wrap: wrap;}
.pro_mun span{ display: block; width: 45%; font-size: 16px; line-height: 32px; position: relative; }
.pro_mun span:before {    content: "●";    font-size: 16px;    color: #1e6459;    margin-right: 7px;}

@media screen and (max-width: 1400px){
	.productfenlei .pro_fl .pro_cont h2{font-size:20px;    font-weight: bold;    color: #1e6459; text-align: left; margin:  0 0 10px; }
	.productfenlei .pro_fl .pro_cont p{    font-size: 14px;    color: #737373;    line-height: 24px;    margin-bottom: 25px;}
	.pro_mun span{ display: block; width: 45%; font-size: 14px; line-height: 32px; position: relative; }
.pro_mun span:before {    content: "●";    font-size: 14px;    color: #1e6459;    margin-right: 7px;}
}

@media screen and (max-width: 900px){
	.productfenlei .pro_fl{ display: flex; flex-wrap: wrap; }
	.productfenlei .pro_fl:nth-child(2n){        flex-direction: row;}
	.productfenlei .pro_fl .ico{ width: calc(100%); border: 5px solid #26b597; overflow: hidden;  }
	.productfenlei .pro_fl .pro_cont { width: 100%; padding: 30px}
}

.prolist_fl{    background: #e1e1e1;    padding: 35px 0 15px;}
.prolist_fl ul{ display: flex;  -ms-flex-wrap: wrap;    flex-wrap: wrap;    list-style-type: none;    padding: 0;    margin-bottom: 0;}
.prolist_fl ul li{    margin-right: 20px;    color: #626262;    min-width: 190px;    margin-bottom: 20px;}
.prolist_fl ul li a{    padding: 12px 10px;    color: #ffffff;    display: block;    text-align: center;    background: #26b597;    font-size: 16PX;    border-radius: 50px;    overflow: hidden;}
.prolist_fl ul li:hover a {    color: #ffffff;    background: #828282;}
.prolist_fl ul li.on a {    color: #ffffff;    background: #828282;}

.prolist_fl2 ul{display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    list-style-type: none;    padding: 0;    margin-bottom: 0; border-bottom: 1px solid #e0e0e0;}
.prolist_fl2 ul li{display: flex;    align-items: center;    position: relative;    margin-right: 20px;}

.prolist_fl2 ul li a:before { content: "●"; font-size: 16px;color: #999999;margin-right: 7px;}
.prolist_fl2 ul li a{ color: #999999;font-size: 16px;line-height: 24px; padding: 25px 15px; width: 100%;display: block; position: relative;}
.prolist_fl2 ul li.on a { color: #1e6459; font-weight: bold;}
.prolist_fl2 ul li.on a:before { color: #1e6459;}
.prolist_fl2 ul li a:hover{color: #1e6459; }
.prolist_fl2 ul li a:hover:before { color: #1e6459;}

.productlist{margin: 60px 0;}


@media screen and (max-width: 900px){
	.prolist_fl{    background: #e1e1e1;    padding: 15px 0 0;}
	.prolist_fl ul li{margin-bottom: 15px;}
	.prolist_fl ul li a{ font-size: 14px; } 
	.prolist_fl2 ul li a{ padding: 0px 5px; font-size: 14px; line-height: 32px;}
}

.productlist .w{     display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; padding: 0 -15px 0 -15px;}
.productlist .w a{ padding: 0 15px; width: calc(25% - 30px);  margin:  0 0 40px; display: block; }
.productlist .w a .ico{border: 2px solid #26b597;    border-bottom: 0; overflow: hidden;}
.productlist .w a .ico img{ width: 100%;  transition: all 0.5s ease; }
.productlist .w a .ico:hover img {    transform: scale(1.1);    }
.productlist .w a .txt{    background: #26b597;    display: flex;    align-items: center;    height: 50px;    justify-content: space-between;    padding-left: 15px;}
.productlist .w a .txt {    font-size: 16px;    color: #fff;}

@media screen and (max-width: 1200px){
	
	.productlist .w a{ padding: 0 15px; width: calc(33.3333% - 30px);  margin:  0 0 40px; display: block; }
	.productlist .w a .txt{ height: 42px; }
}
@media screen and (max-width: 768px){
	
	.productlist .w a{ padding: 0 15px; width: calc(50% - 30px);  margin:  0 0 40px; display: block; }
	.productlist .w a .txt{ height: 32px; }
}


.xg_pro .xg_tit{    background: #26b597;    color: #fff;    padding: 13px 16px;    font-size: 16PX;    margin-bottom: 0;    overflow: hidden;    border-radius: 10px 10px 0 0;}
.xg_pro .xg_list{     display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; padding: 0 -15px 0 -15px;  margin-bottom: 50px; }
.xg_pro .xg_list{    padding: 20px;    border-left: 1px solid #26b597;    border-right: 1px solid #26b597;    border-bottom: 1px solid #26b597;    overflow: hidden;}
.xg_pro .xg_list a{ padding: 0 15px; width: calc(25% - 30px);  margin:  0 0 0px; display: block; }
.xg_pro .xg_list a .ico{border: 2px solid #26b597;    border-bottom: 0; overflow: hidden;}
.xg_pro .xg_list a .ico img{ width: 100%;  transition: all 0.5s ease; }
.xg_pro .xg_list a .ico:hover img {    transform: scale(1.1);    }
.xg_pro .xg_list a .txt{    background: #26b597;    display: flex;    align-items: center;    height: 50px;    justify-content: space-between;    padding-left: 15px;}
.xg_pro .xg_list a .txt {    font-size: 16px;    color: #fff;}

@media screen and (max-width: 1200px){
	
	.xg_pro .xg_list a{ padding: 0 15px; width: calc(50% - 30px);  margin:  0 0 40px; display: block; }
	.xg_pro .xg_list a .txt{ height: 42px; }
}

.pro_cont1{ margin: 30px 0 50px; display: flex;     justify-content: space-between;}

.pro_cont_l{ width: 76%;  }

.pro_cont1 .pro_tit{  background: #26b597;    color: #fff;    padding: 13px 16px;    font-size: 16PX;    margin-bottom: 0;    overflow: hidden;    border-radius: 10px 10px 0 0;}
.pro_cont1 .pro_txt{    padding: 20px;    border-left: 1px solid #26b597;    border-right: 1px solid #26b597;    border-bottom: 1px solid #26b597;    overflow: hidden; font-size: 16px; line-height: 24px;}

.pro_cont_r{ width: 22%;   }
.pro_cont_r span{ overflow: hidden; /* 隐藏溢出部分 */  white-space: nowrap; /* 防止文字换行 */   text-overflow: ellipsis; /* 显示省略号 */ display: block; background: #26b597; color: #fff; padding: 0 10px; line-height: 32px;}
.pro_cont_r p{ padding: 0 10px;  margin: 0 0 30px; }


@media screen and (max-width: 1200px){
	
	.pro_cont1{ margin: 30px 0 50px; display: flex;     justify-content: space-between; flex-wrap: wrap;}

.pro_cont_l{ width: 100%;  }
.pro_cont_r{ width: 100%;  margin: 40px 0 0; }

}

.product-head{ margin: 50px 0; display: flex; justify-content: space-between;  align-items: center}
.product-head .swiper {      width: 100%;      height: 300px;      margin-left: auto;      margin-right: auto;    }
.product-head .swiper-slide {      background-size: cover;      background-position: center;    }
.product-head .mySwiper2 {      height: 80%;      width: 100%;  border: 4px solid #26b597;  padding: 10% 0;  background: #fFF; }
.product-head .mySwiper {      height: 20%;      box-sizing: border-box;      padding: 10px 0;  margin:20px 0;}
.product-head .mySwiper .swiper-slide {      width: 25%;      height: 100%;      opacity: 0.4;   border: 1px solid #ccc;}
.product-head .mySwiper .swiper-slide-thumb-active {      opacity: 1;   border: 1px solid #26b597;  }
.product-head .swiper-slide img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }
.product-head .swiper-button-lock{ display: block!important;}
.product-head .swiper-button-next, .product-head .swiper-button-prev{color: #333!important;    }
.product-head .swiper-button-next .swiper-button-next:after, .product-head .swiper-button-next .swiper-button-prev:after{ font-size: 14px!important;}
.product-head .swiper-free-mode>.swiper-wrapper{ width: 80%; }

.product-head .product_left{ width:35%;  }
.product-head .product_left h2{ font-size: 24px ;  padding: 0 0 30px; margin: -20px 0 0 ; }
.product-head .product_right{ width:48%;  }
.product-head {    padding: 30px 40px;    background: #f7f7f7;    height: 100%;}
.product-head .product_right .feedback-title{font-size: 20px;    font-weight: bold;    color: #52595d;    text-align: center;    padding-bottom: 10px;    margin-bottom: 20px;}
.product-head .product_right form{    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.product-head .product_right form > input{ width: calc(50% - 34px);   background: #f2f2f1;    color: #4b4b4b; margin: 0 0 20px; border-radius: 10px; overflow: hidden; padding: 8px 12px;    border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; line-height: 24px;}
.product-head .product_right form > textarea{ width: 100%;   background: #f2f2f1;    color: #4b4b4b; margin: 0 0 20px; border-radius: 10px; overflow: hidden; padding: 8px 12px;    border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; line-height: 24px;}
.product-head .product_right .code{ display: flex;    width: 100%; }
.product-head .product_right .code input{ width: calc(60% - 20px);   background: #f2f2f1;    color: #4b4b4b; margin: 0 0 00px; border-radius: 10px; overflow: hidden; padding: 8px 12px;    border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; line-height: 24px;}

.product-head .product_right form button{ color: #fff; background: #26b597; border-radius: 10px; font-size: 16PX; line-height: 22px; padding: 8px 12px; border: none;  margin: 30px 0 0; width: 50%}


.pro_txt{    max-width: 100%;}
.pro_cont1 .pro_cont_l .pro_txt table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  border-radius: 10px; /* 表格圆角 */
  color: #3f3f3f!important;
}
.pro_cont1 .pro_cont_l .pro_txt td, .pro_cont1 .pro_cont_l .pro_txt th {
  border: 1px solid #ccc;
  padding: 8px;
  /*border-radius: 5px;  单元格圆角 */
} 
.pro_cont1 .pro_cont_l .pro_txt img{ max-width: 100%; display: table; margin: 0 auto ; }


@media screen and (max-width: 1024px){
	.product-head { flex-wrap: wrap;}
	.product-head .product_left{ width:100%; margin: 0 0 70px; }

	.product-head .product_right{ width:100%;  }

}




.jqzoom{
border:1px solid #CCCCCC;
float:left;
position:relative;
padding:0px;
cursor:crosshair;
}
.jqzoom{
float:left;
}


div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;


}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
/*width                   : 50px;

height                  : 50px;
*/
border: 1px solid #aaa;
background: #ffffff url(../images/zoomlens.gif) 50% top  no-repeat;
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
filter: alpha(Opacity=30);
}

div#wrapper {
	width : 970px;
	padding: 0px;
	margin: 0 auto;
	text-align: left;
}
div#header {
	width : 100%;
	clear : both;
	margin: 0 auto;
	height: 117px;
}
div#header a {
	float: left;
	text-decoration: none;
}
div#header a#version {
	float: left;
	margin-left: 10px;
}
div#maincontent {
	width : 970px;
	float: left;
	margin: 0px;
	padding: 5px;
}
div#maincontent p {
	float: left;
	width: 970px;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
div#maincontent xmp {
	float: left;
	width: 970px;
	clear: both;
	white-space: pre;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
	margin-top: 5px;
	margin-bottom: 5px;
}
span.code {
	float: left;
	border: 1px dotted #99CC00;
	background-color: #E6FF97;
	clear: both;
	width: 970px;
}
span.tozoom {
	float: left;
	width: 420px;
	margin: 5px;
}
span.tozoom img {
	border: 1px solid #EEEEEE;
}
fieldset {
	float: left;
	clear: both;
	width: 400px;
	padding: 0px;
	margin-left: 300px;
	border: 1px solid #CCCCCC;
}
fieldset a {
	float: left;
	width: 80px;
}


	.serv{background: #f7f7f7;   }
	.serv_cont{ padding: 50px 0; }
	.serv_cont h3{font-family:"Jost"; font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; }
	.serv_cont .wd{    border: 1px solid #dddddd;    padding: 16PX;    background: #fff; margin: 30px 0 0 ;}
	.serv_cont .wd .faq-q {  padding: 0em 0.8em 15px; font-size: 20px;font-weight: bold;  color: #191717; }
	.serv_cont .wd .faq-q:before{content: "";width: 19px;height: 15px;background: url(../img/faqtb.jpg) no-repeat;display: inline-block; margin-right: 10px;}
	.serv_cont .wd .faq-a { padding: 0em 0.8em;font-size: 17px;  color: #191717;display: flex;}
	.serv_cont .wd .faq-a:before{content: "";width: 19px;height: 15px;background: url(../img/faqtb2.jpg) no-repeat;display: inline-block; padding-right: 15px; }
	.serv_cont .wd .faq-a .text{}