@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('../fonts/iconfont.ttf?t=1743057252337') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-weixin:before {
  content: "\e64f";
}

.icon-whatsapp:before {
  content: "\e857";
}

.icon-weixingongzhonghao:before {
  content: "\e69f";
}

.icon-xiaohongshu:before {
  content: "\e601";
}

.icon-qiyeweixin:before {
  content: "\e6af";
}




img {
	max-width: 100%;
}
* {
	padding: 0;
	margin: 0;
	outline:none;
}
input, button {
	outline: none;
}
ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
* {
	box-sizing: border-box;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfloat:after {
	content: " ";
	display: table;
}
.clearfloat:after {
	clear: both;
}
.h120{ height:92px;}
#header {
	height: 92px;
	background: #EFEFEF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	width: 100%;
	z-index: 100;
	position:fixed;
	top:0;
	width:100%;
}
.index #header{background:rgba(239,239,239,0.8);}

.fp-enabled #header { position:absolute; top:0}


a {
	text-decoration: none;
	color: #333;
	transition: all 0.3s;
}
a:hover {
	color: #6DB8B8;
}
body {
	font-family: arial;
}
.logo {
	padding-top: 20px;
}
.logo img {
	height: 60px;
	display:inline-block
}
.w1920 {
	max-width: 1920px;
	margin:0px  auto;
	width:94%;
	
}
#header .w1920 {
	position:relative
}




.nav {
	margin-left:15%;
}
.nav li.nLi {
	float: left;
	position: relative;
	z-index: 10;
	height:92px;
	/*
	list-style:disc;
	*/
	line-height:92px;
	margin-right:50px;
	color:#666;
}
.nav li.nLi i {
	margin-left:10px;
	font-size:16px;
	transition: all ease 0.35s
}
.nav li.nLi:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:4px;
	background:#6DB8B8;
	border-radius:4px;
	display:none;
}
.nav li.nLi > a {
	display: inline-block;
	font-size: 20px;
	
	color:#666;
}
.nav li.nLi.on, .nav li.nLi.on > a {
	color: #6DB8B8;
}

.nav li:hover:after {
	display:block;
}
.nav li.nLi.on:after {
	display:block;
}

.nav li .sub {
	position: absolute;
	top:80px;
	padding:20px 0;
	background: #fff;
	border-radius:10px;
	border:1px solid #6DB8B8;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	width:100%;
	z-index: 10;
	right: -20px;
	display: none;
	width: 120px;
	transition: all 0.3s ease; /* 添加过渡效果 */
}

.nav li.y5 .sub {
	width: 210px;
}


.nav li .sub:before {
	content: "";
	width: 12px;
	height: 12px;
	background: #fff;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	right: 20px;
	border-left: 1px solid #6DB8B8;
	border-top: 1px solid #6DB8B8;
	z-index: 20;
}











.nav li .sub li {
	text-align: center;
	height: 38px;
	line-height: 38px;
}
.nav li .sub li a {
	padding-left: 0;
	height: 38px;
	line-height: 38px;
	word-wrap:break-word;
	font-size: 16px;
	color: #666;
	display: flex;
	display: block;
	justify-content: center;
	align-items: center;
}




.nav li .sub li a:hover {
	/*color: #6DB8B8;*/
    color:#6DB8B8;
}


/*
.nav li.nLi:hover i {
  transform: rotate(180deg);
}
*/
.nav li:hover, .nav li:hover >a {
	color:#6DB8B8;
}
.sp_nav {
	width: 50px;
	float: right;
	position: relative;
	cursor: pointer;
	height: 30px;
	margin-top:40px;
}
.sp_nav span {
	display: block;
	background: #6DB8B8;
	width: 30px;
	height: 4px;
	position: absolute;
	left: 10px;
	border-radius:2px;
	transition: all ease 0.35s
}
 .sp_nav span:nth-of-type(1) {
 top: 0px
}
 .sp_nav span:nth-of-type(2) {
 top: 10px
}
 .sp_nav span:nth-of-type(3) {
 top: 20px
}
 .sp_nav_se span:nth-of-type(1) {
 top: 10px;
 transform: rotate(45deg)
}
 .sp_nav_se span:nth-of-type(2) {
 width: 0
}
 .sp_nav_se span:nth-of-type(3) {
 top: 10px;
 transform: rotate(-45deg)
}
.sjj_nav {
	position: absolute;
	z-index: 30;
	background: #fff;
	width: 300px;
	font-size: 14px;
	line-height: 40px;
	top:90px;
	right: 0;
	transition: top ease 0.35s;
	display:none;
	padding:30px 20px;
	border-radius:10px;
	border:1px solid #6DB8B8;
}
.sjj_nav:before {
	content: "";
	width: 12px;
	height: 12px;
	background: #fff;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	right: 17px;
	border-left: 1px solid #6DB8B8;
	border-top: 1px solid #6DB8B8;
	z-index: 20;
}
.nav_show {
	display:block
}
.sjj_nav>ul>li:first-child {
	overflow: hidden;
	border-top: 0
}
.sjj_nav ul li {
	position: relative;
	line-height:60px;
	font-size: 18px
}
.sjj_nav ul li a {
	color: #666;
	padding-left:20px;
}
.sjj_nav ul li:hover {
	background:#6DB8B8;
	border-radius:10px;
}
.sjj_nav ul li:hover a {
	color:#fff;
}
.contnet {
	padding-top: 120px;
}
.jzyl{}
.jzyl .left{ width:45%; padding:40px 0;}
.jzyl .right{ width:calc(55% - 10px); height:100%;}

.jzyl .left .tit{ color:#6DB8B8; font-size:48px; font-weight:bold; margin-bottom:30px;}
.jzyl .left .desc {  padding-right:90px;border-right:2px solid #6DB8B8;}
.jzyl .left .desc p{ color:#49494A; font-size:24px; line-height:46px;letter-spacing:1.2px; }

.jzyl .gallery-thumbs{ margin-top:160px;}

.jzyl .gallery-thumbs .swiper-slide{}
.jzyl .gallery-thumbs .swiper-slide div{ border:1px solid #6DB8B8; text-align:center; font-size:18px;padding:10px;border-radius:20px; cursor:pointer; width:96%;}
.jzyl .gallery-thumbs .swiper-slide img{width:auto; }
.jzyl .gallery-thumbs .swiper-slide p{ font-size:20px; line-height:40px; font-weight:normal; color:#6DB8B8}


.jzyl .gallery-thumbs .swiper-slide.swiper-slide-thumb-active div{ background:#6DB8B8;}
.jzyl .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color:#fff;}

.jzyl .gallery-top {
	width: 100%;
	
	margin-top:60px;
	overflow: hidden;
}


.jzyl .gallery-top .swiper-button-next,.jzyl .gallery-top .swiper-button-prev{
	--swiper-navigation-color: #6DB8B8;
	width:70px;
	height:70px;
	text-align:center;
	line-height:70px;
	background:#E3E3E3;
	border-radius:35px;
}

.jzyl .gallery-top .prevStop,.jzyl .gallery-top .nextStop{--swiper-navigation-color: #ccc;}


.jzyl .gallery-top .swiper-slide{}
.jzyl .gallery-top .swiper-slide img{ width:80%; margin:2% 10%;}



.jzyl .gallery-top .swiper-button-next::after,.jzyl .gallery-top .swiper-button-prev::after {
	display:none
}

.jzyl .gallery-top .swiper-button-next i,.jzyl .gallery-top .swiper-button-prev i{ font-size:36px; margin-top:5px;}

.index-ban{ height:100vh;}
.index-ban .swiper-slide { height:100vh;}
.index-ban .swiper-slide .pic{ width:48%; float:left; background:#6DB8B8;border-radius:0 50% 50% 0; padding-left:30px;height:100vh;display: flex;
  align-items: center;}
.index-ban .swiper-slide .pic img{width:100%; padding:5% 0;}
.index-ban .swiper-slide .desc{ width:46%; float:right;height:100vh; padding-right:80px;display: flex;
 flex-direction: column; /* 使子元素垂直排列 */
  justify-content: center;}
.index-ban .swiper-slide .desc h2{ font-size:72px; margin-bottom:100px; color:#6DB8B8;}
.index-ban .swiper-slide .desc h3{ font-size:40px; margin-bottom:20px; color:#666;}
.index-ban .swiper-slide .desc p{ font-size:28px; color:#49494A; line-height:1.8; }




.pro-ban{ height:100vh;position:relative;box-sizing: border-box;}
.pro-ban .xbg {
	width: 100%;
	position: absolute;
	background: #6DB8B8;
	left: -100%;
	top: 0;
	height: 100%;
	z-index: -1;
	transition: left 1s ease-in-out; 
}
.pro-ban .pic{ width:52%; float:left; left:30px;height:100vh;display: flex;align-items: center; position:absolute;}
.pro-ban .pic img{width:100%; padding:10% 0 0 0;}
.pro-ban .desc{ width:46%; float:right;height:100vh;color:#fff;padding-right:80px;display: flex;
 flex-direction: column; /* 使子元素垂直排列 */
  justify-content: center;}
.pro-ban .desc h2{ font-size:72px; margin-bottom:100px;}
.pro-ban .desc h3{ font-size:40px; margin-bottom:20px; }
.pro-ban .desc p{ font-size:28px;line-height:1.8; }




.index-pro{ height:calc(100vh - 92px); margin-top:92px;box-sizing: border-box;background:#fff; position:relative;}
.index-pro .xbg {
	width:0;
	position: absolute;
	background:#6DB8B8;
	left:0;
	top: 0;
	height: 100%;
    border-radius: 0 50vh 50vh 0;
	z-index:1;
}
.index-pro .pic{ width:52%;left:30px;height:100vh;display: flex;align-items: center; position:absolute; z-index:2}
.index-pro .pic img{width:100%; padding:8% 0;}
.index-pro .desc{ width:46%; float:right;height:100vh; padding-right:80px;display: flex;
 flex-direction: column; /* 使子元素垂直排列 */
  justify-content: center; position:absolute; right:0; z-index:2;color:#676767; }
.index-pro .desc h2{ font-size:72px; margin-bottom:100px;transition: color 0.5s ease;position:relative; display:inline-block;}
.index-pro .desc h3{ font-size:40px; margin-bottom:20px; transition: color 0.5s ease; }
.index-pro .desc p{ font-size:28px;line-height:1.8;transition: color 0.5s ease; }

.index-pro.up .desc{ color:#fff !important;}





.image-container {
    position: relative;
    width: 100%;
    height:100vh;
    overflow: hidden;
}

.image-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    
}

.image-container img.active {
    opacity: 1;
}



.font1{ font-size:72px;}
.font2{}
.font3{}
.font42{font-size:42px;}
.font32{ font-size:32px;}
.font28{ font-size:28px;}
.font24{ font-size:24px;}

.color1{ color:#6DB8B8}
.color2{ color:#ffffff}
.color3{ color:#666666}
.color4{ color:#333333}
.color5{ color:#49494A;}

.txjk1{ position:relative}
.txjk1 .w1920{ overflow:hidden}
.txjk1 .w1920 .line{border-bottom:0px solid #6DB8B8; margin-top:20px;}


.txjk1 h2{ color:#6DB8B8; font-size:32px; padding-top:20px; padding-bottom:10px;}
.txjk1 p,.txjk1 .tz li{ color:#49494A; font-size:18px; line-height:1.6; letter-spacing:1px;}
.txjk1 .tz{column-count: 2; /* 将内容分为2列 */
            column-gap: 0; /* 列之间的间距 */}
.txjk1 .tz li{break-inside: avoid;}


.txjk1 .pic{ background:#EFEFEF; padding:20px 0 40px 0; text-align:center;}


.txjk1 .pic ul {
	
    display: flex;
    justify-content: space-between; 
}

.txjk1 .pic ul li {
	width:33%;

}


.txjk1 .pic li img{max-width:100%; padding-bottom:20px;}
.txjk1 .btn{ position:absolute; bottom:2%; text-align:center; width:100%; z-index:2;  }
.txjk1 .btn a{ margin:0 10px;   padding:8px 20px; display:inline-block; color:#6DB8B8; font-size:1.3rem;border-radius:25px; font-weight:bold;background:#E4E4E4;}
.txjk1 .btn a i{ font-size:1.7rem; padding-top:5px;}
.txjk1 .btn a.left i{padding-right:7px; float:left }
.txjk1 .btn a.right i{padding-left:7px; float:right }
.txjk1 .btn a span{font-size:1.3rem; padding-top:3px;}
.txjk1 .btn a.left span{ float:right }
.txjk1 .btn a.right span{float:left }



.txjk2{ position:relative; height:auto; overflow:hidden; padding:60px 0;display: flex;}

.txjk2 .left{ width:25%; float:left; height:auto; background:#6DB8B8;border-radius:20px; padding:40px 50px; height:100%;flex: 1; }

.txjk2 .right{ width:70%; float:right; height:auto; position:relative; overflow:hidden;flex: 1; height:100%; text-align:center}
.txjk2 .right img{height:90%; }



.txjk2 .right .btn{ position: relative; margin-top:20px; bottom:0; text-align:center; width:100%; z-index:5;  }
.txjk2 .right .btn a{ margin:0 10px;   padding:8px 20px; display:inline-block; color:#6DB8B8; font-size:1.3rem;border-radius:25px; font-weight:bold;background:#E4E4E4;}
.txjk2 .right .btn a i{ font-size:1.7rem; padding-top:5px;}
.txjk2 .right .btn a.left1 i{padding-right:7px; float:left }
.txjk2 .right .btn a.right1 i{padding-left:7px; float:right }
.txjk2 .right .btn a span{font-size:1.3rem; padding-top:3px;}
.txjk2 .right .btn a.left1 span{ float:right }
.txjk2 .right .btn a.right1 span{float:left }


.txjk2 .left h2{ border-bottom:1px solid #fff; color:#fff; font-size:42px; padding-bottom:20px; margin-bottom:30px;}
.txjk2 .left h2 span{ font-size:28px;}
.txjk2 .left h3{color:#fff; margin-bottom:15px; font-size:32px; margin-top:10px;}
.txjk2 .left p{ margin-bottom:15px; color:#49494A; font-size:21px; line-height:1.5;}


.cphd{ position:relative; height:calc(100vh - 92px); min-height:800px;}
.cphd  .xbg{ width:60%; position:absolute; background:#6DB8B8; left:0; top:0; height:100%;z-index:-1;}
.cphd .cpbanner{ position:relative; height:100vh; z-index:1;min-height:800px;}

.cphd .hd{ position:absolute; left:3%; top:50%; z-index:3; margin-top:-135px}
.cphd .hd li{ border:2px solid #fff; width:300px; height:70px; line-height:70px; text-align:center; margin-bottom:30px; color:#fff; font-size:28px;border-radius:35px; font-weight:bold; cursor:pointer; }
.cphd .hd li.on{ background:#fff; color:#666;  }

.cphd .cpbanner .tit{ position:absolute; left:3%; top:50px; font-size:60px; color:#fff; font-weight:bold;}
.cphd .cpbanner .pic {
	position: absolute;
	top: 50%;
	left: 20%;
	text-align: center;
	width: 40%;
	height: 800px;
	line-height: 100%;
	z-index: 1;
	margin-top: -400px;
}
.cphd .cpbanner .pic img{max-height:100%;}

.cphd .cpbanner .desc{ position:absolute; right:80px;height:calc(100% - 80px); overflow:hidden; width:30%; display: flex;
  flex-direction: column;
  justify-content: center; } 
.cphd .cpbanner .desc h1{color:#6DB8B8; font-size:56px; margin-bottom:10px;}
.cphd .cpbanner .desc h2{color:#49494A; font-size:26px; font-weight:400; line-height:1.3; margin-bottom:10px;}
.cphd .cpbanner .desc h3{color:#666; font-size:22px; font-weight:400;}
.cphd .cpbanner .desc .line{ border-bottom:1px solid #666; padding-top:20px; margin-bottom:10px;}


.fp-enabled .cphd{margin-top:92px;}
.fp-enabled .index-banner{margin-top:92px;}

.product{ margin:30px 0; }

.product .w1920{ width:98%;}

.product .w1920 .pleft{ width:49%;float:left}
.product .w1920 .pright{width:50%; float:right}
.product .pro1,.product .pro3{ float:left;min-height:350px; width:100%;background:#6DB8B8; position:relative; padding:5%;border-radius:20px; }
.product .pro1{margin-bottom:2.5%;}
.product .pro1 img,.product .pro3 img{ position:absolute; left:3%; top:3%; max-height:96%; z-index:1;}
.product .pro1 .desc,.product .pro3 .desc{ width:40%;position:absolute; right:5%;z-index:2;display: flex; 
  flex-direction: column;
  justify-content: center;
}
.product .desc{ text-align:center;color:#fff;}
.product .desc .tit{ font-size:36px; margin-bottom:40px; font-weight:bold;}
.product .desc p{ font-size:26px; line-height:1.8;}
.product .pro2{ float:right; background:#6DB8B8;position:relative; width:100%; text-align:center;border-radius:20px; padding:4% 3%; height:100%; }
.product .pro2 .desc .tit{  margin-bottom:20px;}
.product .pro2 img{ max-width:100%; padding-top:5%; max-height:550px;}

.cp1{ height:calc(100vh - 92px); }
.cp1 .left{ width:30%; float:left; height:100%;}
.cp1 .left img{ width:100%; height:100%; object-fit: cover;}
.cp1 .right{ width:63%; float:right;height:100%; background:url(../images/bg5.png) right -100px bottom -100px no-repeat; padding-top:6%; padding-right:3%;}
.cp1 .right p.logo2{padding-bottom:50px;}
.cp1 .right p{ font-size:28px; line-height:1.7; color:#49494a; }


.fqapic{ text-align:center}

.fqalist h3 {
	padding: 20px 0;
	line-height: 56px;
	border-bottom: 1px #d7d7d7 solid;
	font-weight:600;
	font-size:32px;
	color:#6DB8B8;
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
}

.fqalist h3 span {
	width: 36px;
	height: 56px;
	font-weight: bold;
	font-size: 32px;
	line-height: 56px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 20px;
	
}

.fqalist h3 i {
	position: absolute;
	width: 56px;
	height:56px;
	line-height:56px;
	right: 0;
	top: 18px;
	border-radius: 28px;
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	background:#F6F6F6;
	text-align:center;
}


.fqalist h3.on i {
	 transform: rotate(180deg);
}

.fqalist h3.on {
	border: none;
}

.fqalist .item {
	position: relative;
	padding-left: 50px;
	padding-bottom:20px;
	line-height: 38px;
	border-bottom: 1px #d7d7d7 solid;
	display: none;
}

.fqalist .item p {
	font-size:24px;
	 color:#49494a;
}



.about{ padding-bottom:50px;}
.about .tit{ font-size:26px;color:#49494A; padding:20px 0 50px 0; line-height:1.5;}
.about .team{ background:#EFEFEF;border-radius:35px;}
.about .team ul{display: flex;justify-content: space-between;}
.about .team ul li{background:#6DB8B8; flex: 1; border-radius:35px;margin: 30px; padding:50px 70px; color:#fff; font-size:30px; line-height:1.8;}
.about .team ul li h2{ font-size:58px; border-bottom:2px solid #fff; padding-bottom:30px; margin-bottom:30px; letter-spacing:2px; line-height:1;}

.about .app{ text-align:right; margin:80px 0; font-size:28px; color:#666; height:70px; line-height:50px;}

.about .app img{ height:70px; padding-right:30px; padding-left:60px;vertical-align:bottom;}

.about .desc{ }

.about h3,.honor h2{color:#6DB8B8; font-size:42px; padding-top:50px; margin-top:20px; margin-bottom:20px;}
.about .desc p{color:#696969; font-size:22px; line-height:1.6;}


.service { padding:30px 0;}
.service h2{color:#6DB8B8; font-size:48px; position:relative; padding-bottom:30px;}
.service h2:after{ content:''; width:calc(100% - 250px); position:absolute; left:250px;  top:35px; border-bottom:1px solid #6DB8B8;}





.newspic{ text-align:center}
.newstit{ font-size:48px;color:#6DB8B8; font-weight:bold; border-bottom: 3px #d7d7d7 solid; padding-bottom:20px; }

.newslist > li{padding: 20px 0;border-bottom: 2px #d7d7d7 solid;}
.newslist h3 {
	line-height: 56px;
	font-weight:lighter;
	font-size:32px;
	color:#000;
	position: relative;
}

.newslist h3 span {
	display:block;
	font-weight: bold;
	font-size:24px;
	color:#49494A;
	line-height:36px;
	
}


.newslist .item {
	position: relative;
	padding-right:80px;
	padding-bottom:20px;
	line-height: 38px;
	height:120px;
	overflow:hidden;
	transition:height 2s;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */
}

.newslist .item i {
	position: absolute;
	width: 56px;
	height:56px;
	line-height:56px;
	right: 0;
	bottom: 40px;
	border-radius: 28px;
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	background:#F6F6F6;
	text-align:center;
	color:#6DB8B8;
}

.newslist li.on .item{height:auto;}
.newslist li.on .item i{
	 transform: rotate(180deg);
}


.newslist .item p {
	font-size:24px;
	 color:#49494a;
	 line-height:1.6;
}

.newslist li.on .item p {
	 padding-bottom:20px;
}

.honor{ overflow:hidden; position:relative; }

/*
		.honor .bd{ padding:50px 0;}
		.honor .bd ul.zz1{ overflow:hidden; zoom:1; width:45%; float:left; }
		.honor .bd ul.zz2{ overflow:hidden; zoom:1; width:55%; float:right; }
		.honor .bd ul.zz1 li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center; width:calc(40.3% - 8px);  }
		.honor .bd ul.zz2 li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center; width:calc(33% - 8px);  }
		.honor .bd ul li .pic{ text-align:center; }
		.honor .bd ul li .pic img{ width:335px; display:block; padding:2px; border:2px solid #B6B6B6; }
		.honor .bd ul li .pic a:hover img{ border-color:#999;  }

.honor .desc{ color:#6DB8B8; padding:80px 0;}
.honor .desc li{ text-align:center; font-size:32px; width:55%; float:left; line-height:1.6;}
.honor .desc li:first-child{ width:45%;}
*/
.honor ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  margin-top:50px;
}

.honor ul li {
  margin: 0 3%; /* 设置间距 */
  text-align: center;
}
.honor ul li.zz1 { margin-right:1%;}
.honor ul li.zz2 { margin-right:1%;}

.honor ul li:first-child {
  margin-left: 0; /* 第一张左侧不需要间距 */
}

.honor ul li:last-child {
  margin-right: 0; /* 最后一张右侧不需要间距 */
}

.honor ul li .pic img {
  width: 94%;
}
.honor ul li.zz3 .pic img {
  width: 31%;
  margin:0 1%;
}
.honor ul li.zz4 .pic img {
  width: 47%;
   margin:0 1%;
}

.honor ul li .txt {
  text-align:center; font-size:20px;line-height:1.6;color:#6DB8B8; padding:50px 0;
}

.index-banner{ position:relative; height:calc(100vh - 92px);}
.index-banner .xbg{ position: absolute; width:100%; height:100%; z-index:-1}
.index-banner .xbg img{ width:100%; height:100%; object-fit: cover;}
.index-banner .hd{ position:absolute; left:20%; width:60%; bottom:8%; height:100px; line-height:100px; background:rgba(58,38,32,0.9);border-radius:50px; padding:20px;}
.index-banner .hd li{ width:22%; text-align:center; color:#fff; font-size:24px; float:left; height:60px; line-height:60px; margin-right:4%}
.index-banner .hd li:last-child{ margin-right:0;}
.index-banner .hd li a{color:#fff; width:100%; display:block; font-weight:bold;}
.index-banner .hd li a:hover{ background:#fff;border-radius:40px; color:#666;}

/*--- Footer ---*/
.Footer-wrapper{z-index:98; background: url(../images/flogo.png) right 50px bottom 30px no-repeat #6DB8B8; background-size:15%; padding:50px 0;}

.Fnav{float:left;margin-right:2%;width:14%;}
.Fnav:nth-of-type(1){ width:10%;}
.Fnav:nth-of-type(2){ width:16%;}
.Fnav dt{line-height:29px;font-size:24px;color:#fff;margin-bottom:25px; font-weight:bold;}
.Fnav dt a{color:#fff;}
.Fnav dd{margin:10px 0 0;}
.Fnav dd a{display:block;line-height:25px;color:#fff;}


.Fcode{width:20%;float:right;}
.Fcode h2{font-size:24px;color:#fff;margin-bottom:25px;}

.Fcode .Fcode-img{margin-top:20px; color:#fff;}
.Fcode .Fcode-img div{ font-size:42px; margin-right:20px; position:relative; float:left;}

.Fcode .Fcode-img div .sub {
	position: absolute;
	top:55px;
	left:-30px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #6DB8B8;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	width:100px;
	z-index: 10;
	display: none;
}

.Fcode .Fcode-img div .sub:before {
	content: "";
	width: 12px;
	height: 12px;
	background: #fff;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	right: 41px;
	border-left: 1px solid #6DB8B8;
	border-top: 1px solid #6DB8B8;
	z-index: 20;
}

.Fcode .Fcode-img div .sub img{ width:100%;}
.Fcode .Fcode-img div:hover .sub{ display:block; }



.footer-btm{ padding-top:20px;color:#fff; border-top:2px solid #fff; width:80%; margin-top:50px;}
.footer-btm p{ font-size:18px;}
.footer-btm p.copyright{ margin-bottom:10px;}
.footer-btm p strong{ font-size:24px; line-height:2; }
.footer-btm p span{ border-left:3px solid #fff; margin:0 10px;}


.txjk{ height:calc(100vh - 92px);}
.txjk ul {
  list-style-type: none; /* 移除默认的列表符号 */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height:calc(100vh - 92px)
  
}

.txjk ul li {
  width:25%; /* 宽度为30% */
  margin:3%;
  padding: 3%; /* 内边距 */
  text-align: center; /* 文字居中 */
  color: #6DB8B8; /* 默认文字颜色 */
  border: 1px solid #6DB8B8; /* 边框 */
  border-radius: 50px; /* 圆角 */
  transition: background-color 0.3s, color 0.3s; /* 过渡效果 */
  height:calc(100vh - 92px - 12%)
}
.txjk ul li a{ color:#6DB8B8;}
.txjk ul li:hover {
  background-color: #6DB8B8; /* 鼠标经过时背景颜色 */
}
.txjk ul li:hover a{
  color: white; /* 鼠标经过时文字颜色 */
}

.txjk ul li img{ max-width:100%;}
.txjk ul li h2{ padding:3% 0; font-size:1.8rem;}
.txjk ul li p{ padding:2% 0; font-size:1.15rem; line-height:1.7; text-align:left;}
.target {
    scroll-margin-top: 90px;
  }

@media screen and (max-width:1900px) {

.about .tit ,.about .tit p{
	font-size: 32px;
}
.about .team ul li h2 {
	font-size: 50px;
}
.txjk1 p, .txjk1 .tz li {
	font-size: 18px;
}


}


@media screen and (max-width:1640px) {
#header {
	height: 90px;
}
.logo {
	padding-top: 20px;
}
.logo img {
	height: 50px;
}	
.fqapic{
	padding:20px 0;
}
.fqapic img{
	height:100px;
}
.nav li.nLi {
	height:90px;
	line-height:90px;

}
.nav li.nLi > a {
	font-size: 18px;
}
.nav li .sub {
	padding: 10px 0;
}

.nav li .sub li {
	height: 35px;
	line-height: 35px;
}
.nav li .sub li a {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.sjj_nav {
	width: 240px;
}
.sp_nav {
	margin-top: 32px;
}
.index-pro  .desc h2 {
	font-size: 60px;
	margin-bottom: 80px;
}
.index-pro  .desc h3 {
	font-size: 32px;
}
.index-pro .desc p {
	font-size: 22px;
	line-height: 1.6;
}


.index-pro .pic .image-container img {
	width:auto;
	height:90%;
	padding-top:10%;
}


.Footer-wrapper {
	background-size: 15%;
}
.pro-ban .desc h2 {
	font-size: 62px;
	margin-bottom: 80px;
}
.pro-ban .desc h3 {
	font-size: 32px;
}
.pro-ban .desc p {
	font-size: 22px;
	line-height: 1.6;
}

.pro-ban .pic .image-container img {
	width:auto;
	height:85%;
	padding-top:15%;
}

.txjk1 h2 {
	font-size: 28px;
}
.txjk1 p, .txjk1 .tz li {
	font-size:16px;
	letter-spacing:0.5px;
	line-height: 1.5;
}

.cp1 .right p {
	font-size: 24px;
}
.product .pro2 img {
	padding-top:3%;
	max-height: 480px;
}
.product .desc .tit {
	font-size:28px;
}
.product .desc p {
	font-size: 20px;
}
.product .pro1 img, .product .pro3 img {
	max-width: 55%;
}
.fqalist h3 {
	font-size:26px;
}
.fqalist .item p {
	font-size: 22px;
}
.cphd .cpbanner .tit {
	font-size: 48px;
}
.cphd .hd {
	margin-top: -105px;
}
.cphd .hd li {
	width:260px;
	font-size: 24px;
	margin-bottom:20px;
}

.cphd .cpbanner .pic {
	height: 600px;
	margin-top: -300px;
}

.cphd .cpbanner .desc h1 {
	font-size: 48px;
}
.cphd .cpbanner .desc h2 {
	font-size: 24px;
}
.cphd .cpbanner .desc h3 {
	font-size: 18px;
}


.about .tit,.about .tit p {
	font-size: 20px;
	padding:30px;
}


.about .desc h2, .honor h2 {
	font-size: 30px;
	padding-top: 40px;
	margin-top: 40px;
}


.about .team ul li h2 {
	font-size: 40px;
}
.about .team ul li {
	padding: 40px 40px;
	font-size: 26px;

}
.about .app {
	margin: 60px 0;
	font-size: 24px;
}
.about .desc p {
	font-size: 20px;
	line-height: 1.6;
}


.honor ul li .txt {
	font-size: 16px;
}

.honor .desc {
	padding: 80px 0;
}
.honor .desc li {
	font-size: 26px;
}
.jzyl .left .desc p {
	font-size: 22px;
	line-height: 1.5;
}
.jzyl .gallery-thumbs {
	margin-top: 100px;
}
.jzyl .gallery-thumbs .swiper-slide p {
	font-size:18px;
}	
.service h2 {
	font-size: 42px;
}
.service h2::after {
	width: calc(100% - 190px);
	left: 190px;
}
.txjk2 {
	height: auto;
}
.txjk2 .left {
	height: calc(80vh - 50px);
}
.txjk2 .right {
	height: calc(80vh - 50px);
}


.txjk2 .left h2 {
	font-size: 36px;
}
.txjk2 .left h3 {
	font-size: 26px;
}


.Fnav dt {
	font-size: 16px;
	margin-bottom: 10px;
}
.Fcode h2 {
	font-size: 16px;
	margin-bottom:10px;
}

.Fnav dd a {
	font-size: 12px;
}
.Fcode .Fcode-img div {
	font-size: 36px;
}
.footer-btm {
	border-top: 1px solid #fff;
}
.footer-btm p {
	font-size: 14px;
	font-weight: normal;
}
.footer-btm p strong {
	font-size:18px;
}

.footer-btm p span {
	border-left: 1px solid #fff;
}

.jzyl .gallery-thumbs .swiper-slide img {
	width: 120px;
}
.newslist .item {
	height: 100px;
}
.newslist .item p {
	font-size: 20px;
	line-height: 1.6;
}
.txjk ul li p {
	font-size: 1rem;
}
.txjk1 .pic li img {
	max-width: 70%;
}
.logo2 img{
	height: 140px;
}
.txjk2 {
	height:auto;
	padding: 20px 0;
}
.txjk2 .left{ width:30%; padding:30px; height:auto}
.txjk2 .right{ width:65%; height:auto}
.txjk2 .left h2 {
	margin-bottom: 30px;
}
.txjk2 .left p {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.6;
}


}

@media screen and (max-width:1400px) {
	.target {
    scroll-margin-top: 60px;
  }
	#header {
	height: 60px;
}
.h120 {
	height: 62px;
}
.logo {
	padding-top: 5px;
}
.logo img{ height:50px}	
.logo2 img {
	height: 100px;
}
.sp_nav {
	margin-top: 20px;
}
.sjj_nav {
	width: 240px;
	top: 60px;
}
.nav li.nLi {
	height: 60px;
	line-height: 60px;
}
.nav li .sub {
	top: 50px;
}
.Footer-wrapper {
	padding: 30px 0;
}
.Fnav dd {
	margin: 5px 0 0;
}
.fp-enabled .cphd {
	margin-top: 62px;
}
.cphd {
	height: calc(100vh - 62px);
	min-height:600px;
}
.cphd .cpbanner {
	min-height: 600px;
}

	.cphd .hd li {
	font-size: 20px;
}
	.cphd .cpbanner .desc h1 {
	font-size: 32px;
}
.cphd .cpbanner .desc h2 {
	font-size: 20px;
}
.cphd .cpbanner .desc h3 {
	font-size: 14px;
}
.cphd .cpbanner .tit {
	font-size: 34px;
	top:30px;
}
.product {
	height: calc(100vh - 72px);
	margin-top: 32px;
}


.product .pro1, .product .pro3 {
	min-height: 300px;
}


.product .pro2 img {
	max-width: 100%;
	padding-top: 5%;
}
.cp1 {
	height: calc(100vh - 62px);
}
.fp-enabled .index-banner {
	margin-top: 62px;
}
.index-banner {
	height: calc(100vh - 62px);
}
.index-banner .hd {
	height: 90px;
	line-height: 90px;
}
.index-banner .hd li {
	font-size: 20px;
	height: 50px;
	line-height: 50px;
}
.index-pro {
	height: calc(100vh - 62px);
	margin-top: 62px;
}
.cp1 .right p {
	font-size: 22px;
}
.about .desc h2, .honor h2 {
	font-size: 26px;
	padding-top: 20px;
}
.about .tit {
	font-size: 24px;
}
.about .team ul li {
	font-size: 20px;
}
.about .team ul li h2 {
	font-size: 36px;
}
.about .desc p {
	font-size: 16px;
}

.honor .desc li {
	font-size: 20px;
}
.honor .desc {
	padding: 50px 0;
}
.txjk ul li h2 {
	font-size: 1.6rem;
}
.txjk ul li img {
	max-width: 80%;
}
.txjk ul li p {
	font-size: 0.85rem;
}
.txjk1 .btn a span {
	font-size: 1.2rem;
}
.txjk1 .btn a i {
	font-size: 1.5rem;
}
.jzyl .left .tit {
	font-size: 40px;
	margin-bottom:25px;
}
.jzyl .left .desc p {
	font-size: 18px;
}
.jzyl .gallery-thumbs {
	margin-top: 80px;
}
.jzyl .gallery-top .swiper-slide img {
	width: 70%;
	margin: 2% 15%;
}
.txjk2 .left {
	height: calc(100vh - 100px);
}
.txjk2 .right {
	height: calc(100vh - 90px);
}
.txjk2 .left h2 {
	font-size: 32px;
	margin-bottom:20px;
}
.txjk2 .left h3 {
	font-size: 24px;
}
.txjk2 .left p {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.5;
}
.txjk2 .right .btn a span {
	font-size: 1.1rem;
	padding-top: 3px;
}
.txjk2 .right .btn a i {
	font-size: 1.5rem;
}
.txjk2 .right img {
	height: 88%;
}
.honor .desc li {
	font-size: 20px;
}
.fqalist .item {
	line-height: 32px;
}
.fqalist .item p {
	font-size: 18px;
}
.index-pro .desc h2 {
	font-size: 48px;
	margin-bottom: 50px;
}
.index-pro .desc h3 {
	font-size: 26px;
}
.index-pro .desc p {
	font-size: 18px;
}
.product .desc p {
	font-size: 18px;
}
.honor ul li .txt {
	font-size: 14px;
}

}



@media screen and (max-width:1280px) {
.nav {
	margin-left: 12%;
}
.sjj_nav {
	width: 220px;
}

.index-pro  .desc h2 {
	font-size: 48px;
	margin-bottom:60px;
}
.index-pro  .desc h3 {
	font-size: 26px;
}
.index-pro .desc p {
	font-size: 20px;
}
.pro-ban  .desc h2 {
	font-size: 48px;
	margin-bottom:60px;
}
.pro-ban .desc h3 {
	font-size: 26px;
}
.pro-ban  .desc p {
	font-size: 20px;
}

.cp1 .right p {
	font-size: 20px;
}
.cp1 .right p.logo2 img{
	height:100px;
}
.product .desc .tit {
	font-size: 20px;
	margin-bottom:20px;
}
.product .desc p {
	font-size: 16px;
	line-height:1.7;
}

.fqapic img,.newspic img{
	height:100px;
}

.fqalist h3 {
	font-size: 22px;
	line-height:36px;
}
.fqalist h3 span {
	font-size: 24px;
	height:36px;
	line-height:36px;
}
.fqalist .item p {
	font-size: 16px;
	line-height: 1.6;
}
.fqalist h3 i {
	width: 36px;
	height: 36px;
	line-height: 36px;
	top: 20px;
	font-size: 18px;
}


.cphd .hd li {
	width: 200px;
	font-size: 18px;
}


.cphd .cpbanner .pic {
	height: 500px;
	margin-top: -250px;
}



.cphd .cpbanner .desc h1 {
	font-size: 32px;
}
.cphd .cpbanner .desc h2 {
	font-size: 16px;
}
.cphd .cpbanner .desc h3 {
	font-size: 16px;
}

.txjk ul li p {
	font-size: 15px;
}

.honor .desc {
	padding:40px 0;
}
.service h2 {
	font-size: 36px;
}
.service h2::after {
	left: 200px;
	top: 30px;
}
.txjk2 .left {
	padding: 40px 30px;
}
.txjk2 .left h2 {
	font-size: 26px;
}
.txjk2 .left h2 span {
	font-size: 22px;
}
.txjk2 .left h3 {
	font-size: 20px;
}
.txjk2 .left p {
	margin-bottom: 10px;
	font-size: 16px;
}

.txjk2 .right .btn a span {
	font-size: 1.2rem;
}
.txjk2 .right .btn a i {
	font-size: 1.5rem;
}


.txjk1 .pic li img {
	max-width: 60%;
}





.newstit {
	font-size: 28px;
	border-bottom: 2px #d7d7d7 solid;
}




.newslist h3 {
	line-height: 46px;
	font-size: 20px;
}
.newslist > li {
	border-bottom: 1px #d7d7d7 solid;
}
.newslist .item {
	height: 80px;
}
.newslist .item p {
	font-size: 16px;
	line-height: 1.6;
}
.newslist .item i {
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
}
.about .tit,.about .tit p {
	font-size: 26px;
	padding: 30px;
}
.about .team ul li {
	margin: 20px;
	padding: 30px;
	font-size: 22px;
}
.about .team ul li h2 {
	font-size: 32px;
}

.about .app {
	margin: 40px 0;
	font-size: 24px;
}
.about .desc p {
	font-size: 16px;
}

.about .desc h2 {
	font-size: 24px;
	padding-top: 30px;
	margin-top: 30px;
}



	
	
}

@media screen and (max-width:1025px) {
	.index-pro .desc h2 {
	font-size: 40px;
	margin-bottom: 30px;
}
.index-pro .desc h3 {
	font-size: 20px;
}
.index-pro .desc p {
	font-size: 14px;
}
	
}