@charset "UTF-8";
:root {
	--main-color: #01b4bb;
}

.w1400 {
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
}
.w1080{
	max-width: 1080px;
	margin: 0 auto;
}
.grid {
	display: grid;
}
.logo{
	width:150px;
}
.index_banner {
	height: 100vh;
}
.index_banner .swiper {
	height: 100%;
}
.index_banner video {
	/* 	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
	object-fit:cover;
	background-color:#fff; */
}

.w1650 {
	max-width: 1650px;
	width: 100%;
	margin: 0 auto;
}

.footer {
	background: #333333;
}
.footer .footer_top {
	padding: 90px 0 40px;
	border-bottom: 1px solid #666666;
}
.footer .footer_top .i_con{
	width:25%;
}
.footer .footer_top .f_nav{
	width:75%;
}
.footer .f_nav .grid {
	grid-template-columns: repeat(5, minmax(110px, auto));
	gap: 0 40px;
}
.footer .f_nav .grid h3 {
	font-size: 20px;
	color: #fff;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 25px;
}
.footer .f_nav .grid a {
	display: block;
	font-size: 16px;
	color: #999999;
	line-height: 32px;
	padding: 5px 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.footer .f_nav .grid a:hover {
	color: #fff;
}
.footer .i_ewm h3 {
	font-size: 20px;
	color: #fff;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 40px;
}
.footer .i_ewm .ewm {
	text-align: center;
}
.footer .i_ewm .ewm p {
	font-size: 12px;
	color: #999999;
	margin-top: 12px;
}
.footer .i_con .ipone h3 {
	font-family: Oswald;
	font-size: 36px;
	color: #fff;
	font-weight: 400;
	line-height: 1;
}
.footer .i_con .ipone p {
	font-size: 16px;
	color: #ffffff;
	margin-top: 16px;
}
.footer .i_con .share {
	/* display: grid;
	gap: 0 10px;
	grid-template-columns: repeat(4, minmax(auto, 30px)); */
}
.footer .i_con .share ul{
	display:flex;
	flex-direction:row;
	text-align:center;
	color:#fff;
}
.footer .i_con .share ul li+li{
	margin-left:30px;
}
.footer .i_con .share ul img{
	width:100px;
	margin-bottom:10px;
}
.footer .i_con .shop_list {
	position: relative;
	margin: 55px 0 40px;
}
.footer .i_con .shop_list p {
	display: flex;
	align-items: center;
	width: 160px;
	height: 50px;
	padding: 0 18px 0 10px;
	font-size: 16px;
	color: #999999;
	background: #444444;
	justify-content: space-between;
}
.footer .i_con .shop_list ul {
	display: none;
}
.footer .footer_btm {
	display: flex;
	align-items: center;
	padding: 27px 0 32px;
}
.footer .footer_btm p {
	font-size: 16px;
	color: #777;
}
.footer .footer_btm p a {
	color: #777;
}
.footer .footer_top {
	position:relative;
}
.footer .other-logo{
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	text-align:right;
}
.footer .other-logo img{
	width:200px;
	margin:30px;
}


.inside_banner .picBox img{
	border-radius: 0;
}
.picBox img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	/* border-radius: 30px; */
}
.picBox img:hover {
	transform: auto;
}
.index_page5 {
	position: relative;
}
.index_page5 .picBox {
	width: 100%;
	height: 800px;
}
.index_page5 .textBox {
	width: 500px;
	height: 600px;
	background:transparent;
	border-radius: 20px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 6.25%;
	grid-template-columns: 100%;
	grid-template-rows: repeat(3, 1fr);
	transition: ease-in-out .4s;
}

.index_page5 .textBox:hover{
	background: url(../images/backGrad01.png) no-repeat center;
}

.index_page5 .textBox .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 19.6%;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.2);
	transition: ease-in-out .4s;
}
.index_page5 .textBox .item:hover{
	background: transparent;
}
.index_page5 .textBox .item i {
	color: #fff;
	font-size: 40px;
	display: block;
}
.index_page5 .textBox .item a {
	font-size: 26px;
	color: #fff;
	line-height: 1;
	margin-top: 25px;
}

.main_more a {
	width: 156px;
	height: 42px;
	display: flex;
	align-items: center;
	border-radius: 21px;
	border: 1px solid #fff;
	padding: 0 15px 0 21px;
	font-size: 14px;
	color: #fff;
	justify-content: space-between;
	transition: ease-in-out 0.3s;
}
.main_more a span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fff;
	font-size: 12px;
	color: #fff;
}
.main_more:hover a {
	background: linear-gradient(to right, #01b4bb 0%, #016bb4 100%);
	color: #fff;
}

.index_page3 {
	position: relative;
}
.index_page3 .picBox {
	width: 100%;
	height: 900px;
}
.index_page3 .textBox {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	left: 13.5416666667%;
}
.index_page3 .textBox .font h3 {
	line-height: 1;
	font-size: 60px;
	color: #fff;
	margin-bottom: 20px;
}
.index_page3 .textBox .font p {
	font-size: 56px;
	line-height:1.6;
	color: #ffffff;
}
.index_page3 .textBox .icon-list {
	grid-template-columns: repeat(3, minmax(auto, 88px));
	grid-template-rows: repeat(2, minmax(88px, auto));
	gap: 30px 80px;
	margin: 80px 0;
}
.index_page3 .textBox .icon-list li .box {
	border-radius: 50%;
	height: 88px;
	background: #01b4bb;
}
.index_page3 .textBox .icon-list li p {
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 18px;
}

.w1600 {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

.index_page1 {
	padding-top: 100px;
}
.index_page1 > .picBox {
	width: 100%;
	height: 345px;
}
.index_page1 .btm_module {
	position: relative;
}
.index_page1 .btm_module .about_box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
	bottom: 120px;
	display: flex;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 20px 2px rgba(51, 51, 51, 0.2);
	height: 450px;
}
.index_page1 .btm_module .about_box > .picBox {
	max-height: 450px;
	width: 50%;
	overflow: hidden;
	height: 100%;
}

.index_page1 .btm_module .about_box > .picBox img{
	transition: ease-in-out .4s;
}

.index_page1 .btm_module .about_box > .picBox:hover img{
	transform: scale(1.15);
}

.index_page1 .btm_module .about_box .num_list2 {
	width: 50%;
	background: #fff;
	height: 100%;
}

.num_list2 {
	width: 100%;
	background: #fff;
	height: 100%;
}
.num_list2 ul {
	height: 100%;
	display: grid;
	height: 100%;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
}
.num_list2 ul li {
	padding: 0 50px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 60px;
	transition: ease-in-out .5s;
}
.num_list2 ul li i.iconfont {
	font-size: 40px;
	color: #c1c1c1;
	transition: ease-in-out .5s;
}
.num_list2 ul li .counter-value {
	display: flex;
	align-items: flex-start;
}
.num_list2 ul li .counter-value .timer {
	font-family: Oswald;
	font-size: 60px;
	font-weight: 800;
	color: var(--main-color);
	line-height: 1;
	transition: ease-in-out .5s;
}
.num_list2 ul li .counter-value .j {
	font-size: 22px;
	color: #666666;
	line-height: 1;
	margin-left: 15px;
	margin-top: 8px;
	transition: ease-in-out .5s;
}
.num_list2 ul li p {
	font-size: 16px;
	color: #666666;
	padding: 18px 0 6px;
	min-height: 66px;
	transition: ease-in-out .5s;
}

.num_list2 ul li:hover{
	background: linear-gradient(to left, #00D9BA 0%, #00B2E1 100%);
}

.num_list2 ul li:hover .counter-value .timer{
	color: #fff;
}

.num_list2 ul li:first-child .counter-value .j{
	font-size: 28px;
}
.num_list2 ul li:hover .counter-value .j{
	color: #fff;
}

.num_list2 ul li:hover i.iconfont{
	color: #fff;
}

.num_list2 ul li:hover p{
	color: #fff;
}

.top_module {
	text-align: center;
	padding-bottom: 290px;
	max-width:1400px;
	margin:0 auto;
}
.top_module .tit {
	margin-bottom: 35px;
}
.top_module .tit h3 {
	font-size: 42px;
	font-weight: bold;
	background: linear-gradient(to right, #01b4bb 0%, #016bb4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.top_module .tit p {
	font-size: 32px;
	color: #333333;
	margin-top: 10px;
}
.top_module .editor {
	font-size: 18px;
	line-height: 2;
	color: #666666;
}

.index_page2 {
	padding: 80px 0 0;
}

.ins-tit {
	text-align: center;
}
.ins-tit h3 {
	font-size: 48px;
	font-weight: 600;
	background: linear-gradient(to bottom, #01b4bb 0%, #016bb4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ins-tit p {
	font-size: 24px;
	color: #999999;
	font-weight: 200;
	margin-top: 20px;
}

.inproduct_list {
	max-width: 1680px;
	width: 100%;
	margin: 70px auto 60px;
	position: relative;
	border-radius: 30px;
	overflow: hidden;
}

.inproduct_list ul {
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 9;
}
.inproduct_list li {
	width: 16.66%;
	display: inline-block;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.inproduct_list li:last-child{
	border-right: none;
}
.inproduct_list li .picBox {
	position: absolute;
	top: 0;
	left: 0;
}
.inproduct_list li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.inproduct_list li a .bg {
	height: 100%;
	background: linear-gradient(to bottom, #01b4bb 0%, #016bb4 100%);
	opacity: 0;
}
.inproduct_list li a .text {
	position: absolute;
	width: 100%;
	z-index: 9;
	left: 0;
	top: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	min-height: 160px;
}
.inproduct_list li a .text i.top {
	font-size: 45px;
	color: #fff;
}
.inproduct_list li a .text i.btm {
	font-size: 30px;
	color: #fff;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.inproduct_list li a .text p {
	font-size: 22px;
	color: #ffffff;
	max-width: 92%;
	margin: 24px auto 0;
	text-align: center;
	
}
.inproduct_list li:hover a .bg {
	opacity: 0.7;
}
.inproduct_list li:hover a .text {
	top: 50%;
	
}
.inproduct_list li:hover a .text i.btm {
	opacity: 1;
}

.inproduct_list2 {
	max-width: 1680px;
	width: 100%;
	margin: 70px auto 60px;

	overflow: hidden;
}

.inproduct_list2 .picBox {
	display: flex;
}

.inproduct_list2 .item-w {
	display: none;
	position: relative;
}
.inproduct_list2 .item-w:first-child {
	display: block;
}

.inproduct_list2 ul {
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 9;
}
.inproduct_list2 li {
	width: 16.6%;
	display: inline-block;
	height: 100%;
}
.inproduct_list2 li .picBox {
	position: absolute;
	top: 0;
	left: 0;
}
.inproduct_list2 li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.inproduct_list2 li a .bg {
	height: 100%;
	background: linear-gradient(to bottom, #01b4bb 0%, #016bb4 100%);
	opacity: 0;
}
.inproduct_list2 li a .text {
	position: absolute;
	width: 100%;
	z-index: 9;
	left: 0;
	top: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateY(-50%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.inproduct_list2 li a .text i.top {
	font-size: 45px;
	color: #fff;
}
.inproduct_list2 li a .text i.btm {
	font-size: 30px;
	color: #fff;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.inproduct_list2 li a .text p {
	font-size: 22px;
	color: #ffffff;
	max-width: 92%;
	margin: 24px auto 55px;
}
.inproduct_list2 li:hover a .bg {
	opacity: 0.7;
}
.inproduct_list2 li:hover a .text {
	top: 50%;
}
.inproduct_list2 li:hover a .text i.btm {
	opacity: 1;
}

.tj_product {
	max-width: 1440px;
	width: 100%;
	min-height: 300px;
	margin: 30px auto;
}
.tj_product .tj_product_item {
	display: none;
}
.tj_product .tj_product_item:first-child {
	display: block;
}
.tj_product .swiper-slide {
	min-height: 300px;
}
.tj_product .swiper-slide .pro-name {
	font-size: 36px;
	color: var(--main-color);
	font-weight: 500;
}
.tj_product .swiper-slide .pro-type {
	font-size: 22px;
	color: #999999;
	margin-top: 10px;
}

.tj_product .swiper-slide .pro-editor {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin: 40px auto 0;
	min-height: 280px;
}
.tj_product_info {
	display: flex;
}
.tj_product_info .left {
	width: 50%;
}
.tj_product_info .right {
	width: 50%;
}

.inpro-swiperBox {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(auto, 540px) minmax(auto, 800px);
	gap: 0 100px;
}

.inpro-swiper1 {
	margin-top: 30px;
}
.inpro-swiper1 .swiper-slide .pro-name {
	font-size: 36px;
	color: var(--main-color);
	font-weight: 500;
}
.inpro-swiper1 .swiper-slide .pro-type {
	font-size: 22px;
	color: #999999;
	margin-top: 10px;
}
.inpro-swiper1 .swiper-slide .pro-editor {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin: 40px auto 0;
	min-height: 280px;
}
.inpro-swiper1 .swiper-button-prev {
	top: initial;
	bottom: 0;
}
.inpro-swiper1 .swiper-button-next {
	top: initial;
	bottom: 0;
	left: 85px;
}



.swiper .swiper-button-prev,
.swiper .swiper-button-next {
	width: 45px;
	height: 45px;
	border: 1px solid #ccc;
	border-radius: 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
	color: #ccc;
	font-size: 21px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
	background: var(--main-color);
}
.swiper .swiper-button-prev:hover:after,
.swiper .swiper-button-next:hover:after {
	color: #fff;
}

.index_banner .banner-swiper .swiper-button-prev{
	width: 60px;
	height: 60px;
	left: 60px;
}

.index_banner .banner-swiper .swiper-button-next{
	width: 60px;
	height: 60px;
	right: 60px;
}


.index_page4 {
	padding: 100px 0;
}

.w1680 {
	max-width: 1680px;
	width: 100%;
	margin: 0 auto;
}

.news-swiper {
	position: relative;
	margin-top: 50px;
}
.news-swiper .swiper-slide {
	width: 1000px;
}
.news-swiper .swiper-slide .cotain {
	padding-bottom: 100px;
	position: relative;
}
.news-swiper .swiper-slide .cotain .textBox {
	position: absolute;
	bottom: 45px;
	z-index: 9;
	left: 7.5%;
	width: 420px;
	height: 525px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.25);
	opacity: 0;
	transition: ease-in-out 0.5s;
	padding: 0 30px 0 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 15px;
}
.news-swiper .swiper-slide .cotain .textBox .news-tit {
	font-size: 24px;
	line-height: 40px;
	color: #444444;
}
.news-swiper .swiper-slide .cotain .textBox .news-inf {
	font-size: 16px;
	color: #999999;
	line-height: 1.6;
	margin: 50px 0 85px;
}
.news-swiper .swiper-slide .cotain .textBox span.time {
	display: block;
	font-size: 14px;
	color: #999999;
	margin-bottom: 45px;
}
.news-swiper .swiper-slide .cotain .textBox a {
	font-size: 14px;
	color: var(--main-color);
	display: block;
}
.news-swiper .swiper-slide .picBox {
	height: 555px;
}
.news-swiper .swiper-slide .picBox img {
	opacity: 0.2;
}
.news-swiper .swiper-slide-active .cotain .picBox{
	overflow: hidden;
}
.news-swiper .swiper-slide-active .cotain .picBox img {
	opacity: 1;
	
	transition: ease-in-out .4s;
}
.news-swiper .swiper-slide-active .cotain .picBox:hover img {transform: scale(1.12);}
.news-swiper .swiper-slide-active .cotain .textBox {
	opacity: 1;
	bottom: 5px;
	transition-delay: 0.5s;
}
.news-swiper:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
	height: 100%;
	width: calc((100% - 1000px) / 2 - 80px);
	background: rgba(255, 255, 255, 0.8);
	display: none;
}
.news-swiper:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
	height: 100%;
	width: calc((100% - 1000px) / 2 - 80px);
	background: rgba(255, 255, 255, 0.8);
	right: auto;
	left: 0;
	display: none;
}
.news-swiper .swiper-button-prev {
	left: 90px;
	top: 42%;
	background: #fff;
	transition:  ease-in-out .4s;
}
.news-swiper .swiper-button-prev::after {
	color: #333;
}
.news-swiper .swiper-button-next {
	right: 90px;
	top: 42%;
	background: #fff;
	transition:  ease-in-out .4s;
}
.news-swiper .swiper-button-next::after {
	color: #333;
}

.news-swiper .swiper-button-prev:hover{
	background: var(--main-color);
}

.news-swiper .swiper-button-next:hover{
	background: var(--main-color);
}

.inside_banner {
	position: relative;
	margin-top: 50px;
}
.inside_banner .picBox {
	height: 500px;
}
.inside_banner .textBox {
	position: absolute;
	top: 50%;
	left: 13.5416666667%;
	transform: translateY(-50%);
	z-index: 9;
}
.inside_banner .textBox h3 {
	font-size: 48px;
	color: #fff;
	font-weight: 500;
}
.inside_banner .textBox p {
	font-size: 24px;
	color: #fff;
	margin-top: 10px;
}

.inside .pageabout {
	padding: 100px 0;
	margin-top: 0;
}
.inside .list-page {
	padding-top: 0;
}

.about-tit {
	font-size: 32px;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}

.map {
	margin-top: 15px;
}

.message {
	width: 100%;
	max-width: 780px;
	margin-top: 20px;
}


.pageabout video{
	width: 100%;
}


.message .form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.message .form textarea {
	width: 100%;
	border: 1px solid #707070;
	width: 100%;
	height: 165px;
	padding: 10px;
	transition: ease-in-out 0.5s;
}
.message .form textarea:focus {
	background-color: transparent;
	border-color: transparent;
}
.message .form .formbtn {
	width: 300px;
	height: 50px;
	background: var(--main-color);
	text-align: center;
	line-height: 50px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
}
.message .layout-inputBox {
	width: calc((100% - 45px) / 3);
	margin-right: 22.5px;
	flex-shrink: 1;
}
.message .layout-inputBox input {
	border: 1px solid #e1e1e1;
}
.message .layout-inputBox textarea {
	height: 300px;
	border: 1px solid #e1e1e1;
}
.message .layout-inputBox:nth-child(3) {
	margin-right: 0;
}
.message .layout-inputBox:nth-child(4) {
	width: 100%;
	margin: 0;
}
.message .layout-inputBox:nth-child(4) .input-text {
	height: 300px;
}
.message .layout-inputBox:nth-last-child(2) {
	min-width: 380px;
}

#imgVerify {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.about_page5 .about-tit {
	padding-left: 25px;
}
.about_page5 .contact {
	display: grid;
	grid-template-columns: minmax(auto, 550px) minmax(auto, calc(100% - 550px));
	margin-top: 52px;
}
.about_page5 .contact ul{
	display:flex;
	flex-direction:row;
	text-align:center;
	margin-top:20px;
}
.about_page5 .contact ul li{
	margin:0 20px;
}
.about_page5 .contact ul img{
	width:100px;
}
.about_page5 .contact .right {
	justify-self: end;
}
.about_page5 .contact .left .ipone {
	font-size: 16px;
	color: #01b4bd;
	line-height: 1;
	padding-left: 25px;
	margin-bottom: 32px;
}
.about_page5 .contact .left .ipone span {
	font-family: Montserrat, Oswald;
	font-size: 60px;
	font-weight: 400;
	display: block;
	margin-top: 10px;
}
.about_page5 .contact .left .item {
	border-top: 1px solid #e5e5e5;
	padding: 40px 0 25px 25px;
}
.about_page5 .contact .left .item h3 {
	font-size: 22px;
	color: var(--main-color);
	margin-bottom: 27px;
}
.about_page5 .contact .left .item .p {
	display: flex;
	align-items: center;
}
.about_page5 .contact .left .item .p i,
.about_page5 .contact .left .item .p em {
	font-size: 20px;
	color: var(--main-color);
	margin-right: 10px;
}
.about_page5 .contact .left .item .p .span {
	font-size: 18px;
	color: #666666;
	line-height: 50px;
}

.about_page4 {
	min-height: 810px;
	width: 100%;
	background: url(../images/about_page4.jpg) no-repeat center top #F7F7F7;
}

.honor {
	width: 100%;
	position: relative;
	max-width: 1200px;
	margin: 80px auto 0;
}
.honor .swiper {
	padding: 10px 0;
}
.honor .swiper-slide {
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}
.honor .swiper-button-prev,
.honor .swiper-button-next {
	width: 42px;
	height: 42px;
	border-radius: 42px;
	background: #cccccc;
	transition: all 0.3s;
}
.honor .swiper-button-prev::after,
.honor .swiper-button-next::after {
	font-size: 18px;
	color: #fff;
}
.honor .swiper-button-prev:hover,
.honor .swiper-button-next:hover {
	background: var(--main-color);
}
.honor .swiper-button-prev {
	left: -80px;
}
.honor .swiper-button-next {
	right: -80px;
}

.about_page3,
.friend-page {
	background: #fff;
}
.about_page3 .grid,
.friend-page .grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 40px;
}
.about_page3 .grid li,
.friend-page .grid li {
	background: #fff;
	
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.about_page3 .grid li img,
.friend-page .grid li img {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.2);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.about_page3 .grid li:hover,
.friend-page .grid li:hover {

}
.about_page3 .grid li:hover img,
.friend-page .grid li:hover img {
		box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.2);
	transform: scale(1.1);
}
.about_page3 .grid li p{
	margin:20px 0 0;
}




.about_page2 {
	width: 100%;
	/* height: 800px; */
	position: relative;
	padding: 0 !important;
}
/* .about_page2 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
} */
.about_page2 iframe {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.inside .about_page1 {
	padding-top: 0px;
}

.about-contain {
	display: grid;
	grid-template-columns: minmax(auto, 945px) minmax(auto, 375px);
	margin-top: 32px;
	justify-content: space-between;
}
.about-contain .editor {
	font-size: 16px;
	color: #666666;
	line-height: 36px;
}
.about-contain .num_list2 ul {
	grid-template-columns: 100%;
	grid-template-rows: initial;
	grid-auto-rows: minmax(auto, 171px);
}
.about-contain .num_list2 ul li {
	border-bottom: 1px solid #eaeaea;
	padding: 0 15px 30px 25px;
}
.about-contain .num_list2 ul li i.iconfont {
	background: linear-gradient(to top, #01b4bb 0%, #016bb4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.about-contain .num_list2 ul li:nth-child(3) i {
	font-size: 32px;
}



.inside-nav {
	box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.2);
	position: relative;
	z-index: 9;
}
.inside-nav .flex {
	height: 58px;
	align-items: center;
}
.inside-nav .flex p {
	font-size: 14px;
	color: #999999;
}
.inside-nav .flex p a {
	color: #999;
}
.inside-nav .flex p a:hover {
	color: #000;
	text-decoration: underline;
}

.about_nav {
	width: 100%;
	background: #fff;
	padding: 50px 0 60px;
}
.about_nav ul {
	max-width: 1400px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(6, 180px);
	grid-auto-rows: 50px;
	gap: 10px;
}
.about_nav ul li {
	border: 1px solid #cccccc;
	border-radius: 25px;
	overflow: hidden;
	background: #fff;
}
.about_nav ul li a {
	display: block;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	color: #666666;
}
.about_nav ul li.act {
	border-color: transparent;
}
.about_nav ul li.act a {
	color: #fff;
	background: url(../images/nav-bg01.png) no-repeat center;
}

.friend-page {
	background: #f4f4f4;
	padding-top: 0 !important;
}
.friend-page .grid {
	margin-top: 0;
}

.friend-md-page {
	background: #f4f4f4;
	padding-top: 0 !important;
}
.friend-md-page .grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.friend-md-page .grid li {
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	position:relative;
}
.friend-md-page .grid li p {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	font-size:26px;
	color:#fff;
/* 	font-size: 16px;
	color: #666666;
	text-align: center;
	height: 56px;
	padding-top: 15px;
	margin-top: 10px; */
}
.friend-md-page .grid li:hover {
	box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.2);
}

.book.grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 20px;
}
.book.grid li {
	border-radius: 10px;
	background: #fff;
	padding: 27px 15px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.book.grid li:hover {
	box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.2);
}
.book.grid li .name {
	font-size: 18px;
	color: #666666;
	min-height: 48px;
}
.book.grid li .img {
	width: 100%;
}
.book.grid li .contr {
	display: flex;
	align-items: center;
	margin-top: 27px;
}
.book.grid li .contr a {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #666666;
}
.book.grid li .contr a:last-child {
	margin-left: 40px;
}
.book.grid li .contr a:hover {
	text-decoration: underline;
}
.book.grid li .contr a:hover span {
	text-decoration: initial;
}
.book.grid li .contr a span {
	color: var(--main-color);
	font-size: 1rem;
	margin-right: 8px;
}

.ins.grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	grid-auto-rows: 145px;
}
.ins.grid li {
	background: #fff;
	padding: 0 20px;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.ins.grid li:hover {
	box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1);
}
.ins.grid li .name {
	font-size: 18px;
	color: #666666;
	padding: 24px 0;
	border-bottom: 1px solid #f4f4f4;
}
.ins.grid li .contr {
	padding-top: 20px;
	display: flex;
	justify-content: flex-end;
}
.ins.grid li .contr a {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #666666;
}
.ins.grid li .contr a:last-child {
	margin-left: 40px;
}
.ins.grid li .contr a:hover {
	text-decoration: underline;
}
.ins.grid li .contr a:hover span {
	text-decoration: initial;
}
.ins.grid li .contr a span {
	color: var(--main-color);
	font-size: 1rem;
	margin-right: 8px;
}

.video-list.grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	/* grid-auto-rows: 395px; */
}
.video-list.grid li {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	padding: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.video-list.grid li:hover {
	box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.1);
}
.video-list.grid li .m-video {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.video-list.grid li .m-video a {
	display: block;
	position: relative;
}
.video-list.grid li .m-video a:after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.video-list.grid li .m-video a:hover::after {
	opacity: 1;
}
.video-list.grid li .m-video a:hover .play {
	opacity: 1;
	top: 50%;
}
.video-list.grid li .m-video .play {
	position: absolute;
	z-index: 9;
	left: 50%;
	top: 70%;
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.video-list.grid li .m-video .play i {
	display: block;
	font-size: 50px;
	color: #fff;
}
.video-list.grid li .m-video .play p {
	font-size: 16px;
	color: #fff;
	line-height: 1;
	margin-top: 20px;
}
.video-list.grid li figcaption {
	margin-top: 30px;
}
.video-list.grid li figcaption p {
	text-align: center;
	font-size: 16px;
	color: #666666;
}

.news_toplist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 30px;
}
.news_toplist .item {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	padding: 13px;
}
.news_toplist .item .picBox {
	border-radius: 10px;
	overflow: hidden;
}
.news_toplist .item .picBox img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.news_toplist .item .textBox {
	padding: 25px 0;
}
.news_toplist .item .textBox .tit {
	font-size: 22px;
	color: #444444;
	line-height: 40px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news_toplist .item .textBox .inf {
	font-size: 16px;
	color: #999999;
	line-height: 1.8;
	margin: 10px 0 45px;
}
.news_toplist .item .textBox .visit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news_toplist .item .textBox .visit span:first-child {
	font-size: 14px;
	color: #999;
}
.news_toplist .item .textBox .visit span:last-child {
	font-size: 14px;
	color: var(--main-color);
}
.news_toplist .item:hover .picBox img {
	transform: scale(1.1);
}
.news_toplist .item:hover .textBox .tit {
	color: var(--main-color);
}

.news_btmlist li {
	margin-top: 30px;
	background: #fff;
	padding: 15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
}
.news_btmlist li a {
	display: flex;
	align-items: center;
	position: relative;
}
.news_btmlist li a .picBox {
	flex-shrink: 0;
	width: 305px;
	height: 230px;
	border-radius: 10px;
	overflow: hidden;
}
.news_btmlist li a .picBox img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.news_btmlist li a .textBox {
	width: 100%;
	padding-left: 45px;
	flex-shrink: 1;
	max-width: 790px;
}
.news_btmlist li a .textBox .tit {
	font-size: 22px;
	color: #444444;
	margin: 20px 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news_btmlist li a .textBox .time {
	font-size: 16px;
	color: #666666;
}
.news_btmlist li a .textBox .inf {
	font-size: 16px;
	line-height: 36px;
	color: #666;
}
.news_btmlist li a .new-ri {
	position: absolute;
	right: 60px;
	bottom: 40px;
	opacity: 0;
	transform: translateX(-20px);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.news_btmlist li a .new-ri i {
	font-size: 40px;
	color: #999;
}
.news_btmlist li a:hover .new-ri {
	transform: translateX(0);
	opacity: 1;
}
.news_btmlist li a:hover .textBox .tit {
	color: var(--main-color);
}
.news_btmlist li a:hover .picBox img {
	transform: scale(1.1);
}

.news-detail {
	padding: 60px 0 100px;
}
.news-detail .grid {
	grid-template-columns: minmax(auto, 950px) minmax(auto, 450px);
	gap: 0;
	border-bottom: 1px solid #ccc;
}
.news-detail .grid .left {
	border-right: 1px solid #ccc;
	padding-right: 65px;
	padding-bottom: 80px;
}
.news-detail .grid .left .news-tit h3 {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.news-detail .grid .left .news-tit p {
	font-size: 14px;
	color: #666666;
	margin-bottom: 15px;
}
.news-detail .grid .left .editor {
	font-size: 16px;
	color: #666666;
	line-height: 36px;
	margin-top:20px;
}
.news-detail .grid .right {
	padding-bottom: 80px;
}
.news-detail .grid .right .title {
	height: 70px;
	padding-top: 15px;
	line-height: 1;
	font-size: 24px;
	color: var(--main-color);
	font-weight: bold;
	padding-left: 50px;
}
.news-detail .grid .right .list li {
	border-top: 1px dashed #ccc;
}
.news-detail .grid .right .list li:last-child {
	border-bottom: 1px dashed #ccc;
}
.news-detail .grid .right .list li a {
	display: block;
	padding: 20px 0 20px 30px;
}
.news-detail .grid .right .list li .time {
	line-height: 1;
	margin-bottom: 16px;
	color: #999;
}
.news-detail .grid .right .list li .tit {
	line-height: 1;
}
.news-detail .grid .right .list li .tit span:first-child {
	color: var(--main-color);
	font-size: 1rem;
}
.news-detail .grid .right .list li .tit span:last-child {
	font-size: 16px;
	color: #666666;
	margin-left: 18px;
}

.news-control {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 40px;
}
.news-control .right a {
	width: 160px;
	height: 50px;
	line-height: 48px;
	display: block;
	text-align: center;
	border: 1px solid #ddd;
	font-size: 16px;
	color: #cccccc;
	border-radius: 25px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news-control .right a:hover {
	background: var(--main-color);
	color: #fff;
}
.news-control .left a {
	display: block;
	font-size: 16px;
	color: #999999;
	line-height: 36px;
}
.news-control .left a span {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.news-control .left a:hover span:last-child {
	color: var(--main-color);
}

.product-new .page-tit {
	padding: 60px 0;
}
.product-new .page-tit h3 {
	line-height: 1;
	font-size: 36px;
	font-weight: bold;
	color: #272829;
	margin-bottom: 40px;
	text-align: center;
}
.product-new .page-tit .select_lsit {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 48px;
	gap: 0 20px;
}
.product-new .page-tit .select_lsit .item{
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.product-new .page-tit .select_lsit .item select{
	width: 90%!important;
	/* margin-right: 10%; */
	height: 100%;
	padding: 0 20px;
}
.product-new .page-tit .select_lsit .item .chosen-select-deselect {
	width: 100%;
}
.product-new .page-tit .select_lsit .item .chosen-container {
	width: 100%;
	height: 100%;
}
.product-new .page-tit .select_lsit .item .chosen-container .chosen-single {
	height: 100%;
	line-height: 48px;
	background: #fff;
}
.product-new .page-tit .select_lsit .item .chosen-container .chosen-single div b {
	background: url(chosen-sprite.png) no-repeat 0px 14px;
}
.product-new .page-tit .select_lsit .item .chosen-container .chosen-single abbr {
	top: 18px;
}
.product-new .page-tit .select_lsit .item .input-box {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	/* border: 1px solid #aaa; */
}
.product-new .page-tit .select_lsit .item .input-box .btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 65px;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.product-new .page-tit .select_lsit .item .input-box .btn a {
	display: block;
	background: var(--main-color);
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 48px;
}
.product-new .page-tit .select_lsit .item .input-box input {
	height: 100%;
	padding-left: 10px;
}
.product-new .page-tit .select_lsit .item .input-box input::-webkit-input-placeholder {
	color: #999;
}

.product-new .pro_list .item {
	padding: 50px 0;
}
.product-new .pro_list .item:nth-child(2n + 1) {
	background: rgba(1, 180, 187, 0.2);
}
.product-new .pro_list .item:nth-child(2n + 1) .w1400 {
	flex-direction: row;
}
.product-new .pro_list .item:nth-child(2n + 1) .w1400 .textBox {
	padding-right: 0;
	padding-left: 60px;
}
.product-new .pro_list .item .w1400 {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
}
.product-new .pro_list .item .w1400 .picBox {
	/*  width: 50%;
  height: 100%;
  border-radius: 30px;
  background: #272829;
  overflow: hidden;
  flex-shrink: 0; */
	flex: 1;
	text-align: center;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 6px;
}
.product-new .pro_list .item .w1400 .picBox img {
	width: 100%;
	transition: all 0.8s;
}
.product-new .pro_list .item .w1400 .picBox img:hover {
	transform: scale(1.05);
}
.product-new .pro_list .item .w1400 .textBox {
	width: 50%;
	flex-shrink: 1;
	padding-right: 60px;
	height: 385px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-new .pro_list .item .w1400 .textBox .tit {
	font-size: 30px;
	font-weight: bold;
	color: #00b0ba;
}
.product-new .pro_list .item .w1400 .textBox .inf {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
}
.product-new .pro_list .item .w1400 .textBox .icon_li {
	display: grid;
	grid-template-columns: repeat(auto-fit, 56px);
	grid-auto-flow: row dense;
	gap: 0 52px;
}
.product-new .pro_list .item .w1400 .textBox .icon_li li {
	border-radius: 50%;
	background: #cccccc;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.product-new .pro_list .item .w1400 .textBox a.more {
	width: 180px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #999;
	text-align: center;
	line-height: 48px;
	font-size: 14px;
	color: #999999;
}
.product-new .pro_list .item .w1400 .textBox a.more:hover {
	background: linear-gradient(to right, #01b4bb 0%, #016bb4 100%);
	color: #fff;
}

.product-list {
	padding: 40px 0 60px;
}
.product-list .page-tit {
	padding: 0 0 40px;
	border-bottom: 1px solid #ccc;
}
.product-list .pro-list {
	padding-top: 60px; 
}
.product-list .pro-list h3 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 20px;
}
.product-list .pro-list h4{
	    font-weight: 600;
    font-size: 18px;
	text-align: center;
	margin-bottom:40px;
}

.product-list .pro-list .grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.product-list .pro-list .grid li {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #eee;
}
.product-list .pro-list .grid li .pro-name {
	position: absolute;
	width: 100%;
	line-height: 55px;
	height: 55px;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	left: 0;
	bottom: 0;
}
.product-list .pro-list .grid li:hover .pro-name {
	background: linear-gradient(to right, #01b4bb 0%, #016bb4 100%);
	opacity: 0.5;
}

.pro-editor {
	font-size: 16px;
	line-height: 3;
}
.product-list .pro-list .pro-editor h3 {
	text-align: left;
	margin: 0;
}
.pro-editor img {
	width: 100%;
}
.pro-editor table {
	width: 100%;
	line-height: 1.6;
	text-align: center;
	border-width: 0px;
}
.pro-editor table td p {
	padding: 10px 0;
}
.hea-top {
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	align-items: center;
	position: relative;
	z-index: 99;
	/* background: #fff; */
}
.hea-top .left {
	display: flex;
	align-items: center;
}
.hea-top .left > div {
	margin-right: 25px;
	cursor: pointer;
}
.hea-top .left > div:last-child {
	margin-right: 0;
}
.hea-top .right {
	display: flex;
	align-items: center;
}
.hea-top .right .item {
	display: flex;
	align-items: center;
	margin-right: 25px;
}
.hea-top .right .item a {
	color: #666666;
}
.hea-top .right .item p {
	color: #666666;
}
.hea-top .right .item p span {
	font-weight: bold;
}
.hea-top .right .item:last-child {
	margin-right: 0;
}
.hea-top .right .item::before {
	content: '▶';
	color: var(--main-color);
	font-size: 0.5rem;
	margin-right: 10px;
}

.hea-btm {
	height: 85px;
	align-items: center;
	/*  background: #fff; */
}
.ww {
	transition: all 0.6s;
	background-color: rgba(255, 255, 255, 0);
}
.ww:hover {
	background-color: rgba(255, 255, 255);
}
.hea-btm .header-right {
	width: 80%;
	display: flex;
	align-items: center;
}
.hea-btm .nav {
	width: 100%;
	height: 100%;
}
.hea-btm .nav > ul {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, 124px);
	/*  gap: 0 32px; */
	justify-content: end;
}
.hea-btm .nav > ul > li > a {
	display: block;
	font-size: 16px;
	color: #333333;
	text-align: center;
	line-height: 85px;
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.hea-btm .nav > ul > li > a::after {
	content: '';
	position: absolute;
	width: 0%;
	height: 4px;
	background: var(--main-color);
	left: 50%;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.hea-btm .nav > ul > li:hover > a {
	color: var(--main-color);
}
.hea-btm .nav > ul > li:hover > a::after {
	width: 100%;
	left: 0;
}
.hea-btm .nav > ul > li.act > a::after {
	width: 100%;
	left: 0;
}
.nav .nav-new {
	position: relative;
}
.nav .nav-new .new-img {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 20px;
}

.w1480 {
	max-width: 1480px;
	width: 100%;
	margin: 0 auto;
}

.second_header {
	width: 100%;
	position: absolute;
	left: 0;
	top: 136px;
	z-index: 91;
	display: none;
	padding: 40px 0;
}
.second_header::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	/*   background: linear-gradient(to left top, rgba(1, 180, 187, 0.7) 0%, rgba(1, 107, 180, 0.85) 100%); */
	background: linear-gradient(to left top, rgba(38, 188, 78, 0.7), rgba(24, 127, 195, 0.9), rgba(24, 127, 195, 0.9));
	left: 0;
	top: 0;
	opacity: 1;
	z-index: 1;
}
.second_header .cb {
	position: relative;
	z-index: 9;
}
.second_header.pro-sec {
	padding: 60px 0 50px;
}

.second_header.pro-sec .new-cb ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}

.second_header.pro-sec .new-cb li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.second_header.pro-sec .new-cb li a p{
	margin-top: 18px;
	font-size: 14px;
	transition: ease-in-out .3s;
}
.second_header.pro-sec .new-cb li a img{
	transition: ease-in-out .4s;
}
.second_header.pro-sec .new-cb li a:hover p{
	text-decoration: underline;
}

.second_header.pro-sec .new-cb li a:hover img{
	transform: scale(1.2);
}
.second_header.pro-sec ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 75px 120px;
}
.second_header.pro-sec ul > li .nav-tit {
	position: relative;
}
.second_header.pro-sec ul > li .nav-tit p {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	font-size: 18px;
	color: #fff;
	padding-left: 20px;
}
.second_header.pro-sec ul > li .a_list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 30px;
	padding-top: 18px;
}
.second_header.pro-sec ul > li .a_list a {
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
}
.second_header.pro-sec ul > li .a_list a:hover {
	text-decoration: underline;
}
.second_header.ins-sec ul {
	padding-left: 50%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 20px;
}
.second_header.ins-sec ul li a {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 3;
	color: #fff;
	transition: all ease 0.3s;
	font-weight: bold;
}
.second_header.ins-sec ul li a:hover {
	text-decoration: underline;
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	/*  background: #fff; */
	/* box-shadow: 0px 5px 10px rgba(51, 51, 51, 0.15); */
}

.search-module {
	position: absolute;
	left: 0;
	top: -29rem;
	width: 100%;
	height: 27rem;
	z-index: -1;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 5px 10px rgba(51, 51, 51, 0.15);
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-module .search_box {
	width: 100%;
	max-width: 58.5rem;
	border-bottom: 1px solid #97a2a7;
	display: flex;
	align-items: center;
}

.search-module .search_box img {
	cursor: pointer;
}

.search-module .search_box input {
	height: 56px;
	margin-left: 2rem;
	font-size: 1.6rem;
	font-weight: 400;
	color: #666;
}

.search-module.act {
	top: 135px;
}

.shop-btn {
	position: relative;
}
.shop-btn .down_sel {
	position: absolute;
	left: 0;
	top: calc(100% + 10px);
	z-index: 9;
	width: 165px;
	height: 270px;
	background: #fff;
	border-radius: 10px;
	overflow-y: auto;
	box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
	display: none;
}
.shop-btn .down_sel .ul_list {
	width: 100%;
}
.shop-btn .down_sel .ul_list a {
	display: block;
	line-height: 3;
	font-size: 16px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.shop-btn .down_sel .ul_list a:hover {
	background: var(--main-color);
	color: #fff;
}

.shop_list {
	position: relative;
	cursor: pointer;
}
.shop_list ul {
	position: absolute;
	left: 0;
	width: 100%;
	height: 200px;
	overflow-y: auto;
}
.shop_list ul li a {
	display: flex;
	align-items: center;
	width: 160px;
	height: 50px;
	padding: 0 18px 0 10px;
	font-size: 16px;
	color: #999999;
	background: #444444;
	justify-content: space-between;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.shop_list ul li a:hover {
	color: #fff;
}

.pro-list .pro_page1 {
	padding: 80px 0;
	background: #ececec;
}

.pro-list .pro_page2 {
	padding: 80px 0;
	background: #d9dbda;
}

.pro-list .pro_page3 {
	padding: 80px 0;
	background: #c6c8c7;
}
.pro-list .pro-editor>.w1400:last-child {
	padding-top: 50px;
	padding-bottom:5px;
}

.pro-list .pro_page1 .flex{
	flex-direction: row;
	justify-content: space-between;
  align-items: center;
}
.pro-list .pro_page2 .flex{
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}
.pro-list .pro_page3 .flex{
	flex-direction: row;
	justify-content: space-between;
  align-items: center;
}

.pro-list .flex .picBox{
  width: 60%;
  padding:0 5%;
}
.product-list .pro-list .picBox img{
	    border-radius: 30px;
}
.pro-list .flex .fontBox{
	width:40%;
	padding-left:5%;
	display:flex;
	flex-direction: column;
	justify-content: center;
	font-size: 16px;
    line-height: 1.8;
		position:relative;
}
.pro-list .flex .fontBox p{
	font-size:16px;
}
.pro-list .flex .fontBox p~p{
	margin-top:10px;
}
.pro-list .flex .fontBox h3{
	font-size:30px;
	text-align:left;
	margin-bottom:30px;
	margin-top:0;
}
.pro-list .flex .fontBox:before{
	content:'';
	display:inline-block;
	position:absolute;
	top:-25px;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	border-top:20px solid #01B4BB;
}
.pro-list .flex .fontBox h4{
	font-size:18px;
	padding:5px 20px;
	background:#01B4BB;
	color:#fff;
	margin:50px 0 0px; 
	    width: fit-content;
		border-radius:20px;
}
.pro-list .pro-icon-list ul{

	display:flex;
	flex-direction:row;
	padding:80px 0;
	justify-content: space-around;
}
.pro-list .pro-icon-list ul li{
	display:flex;
	flex-direction: column;
    align-items: center;
	text-align: center;
    line-height: 2;
    flex: 1;
}
.pro-list .pro-icon-list ul li p{
	padding:0 20px;
}
.pro-list .pro-icon-list ul li p+p{
	margin-top:20px;
}
.pro-list .pro-icon-list ul li img{
	width:100px;
}
.pro-list table{
		margin: 0 auto ;
	font-size:16px;
}
.pro-list table tr{
	border-bottom:1px solid #ccc;
}
.pro-list table td{
	border-width:0;
	font-size:16px;
	padding:20px 5px;
	border-color: #ccc !important;
}
.pro-list table td span{
	font-size:16px !important;
}
.pro-list table tr:first-child{
	background:#00B2BB;
	color:#fff;
	border-bottom:1px solid #ccc;
}
.pro-list .table_img {
	align-items:center;
}
.pro-list .table_img table{

}
.pro-list .table_img .ntable{
	width:100%;
}
.pro-list .table_img img{
	width:30%;
	object-fit: contain;
}
.second_header.pro-sec ul > li a{
	display: flex;
	align-items: center;
	flex: 0 1 1;
}

.second_header.pro-sec ul > li > a{
	color: #fff;
	font-size: 18px;
}

.list-style-50{
	display:flex;
	flex-wrap:wrap;
}

.list-style-50 li{
	width:50%;
}
.pro-editor-news img{
	max-width:950px;
	margin:0 auto;
	text-align:center;
}

.pro-editor ::-webkit-scrollbar {
	height: 10px;
	background: #ddd;
}
.pro-editor ::-webkit-scrollbar-thumb{
	height: 10px;
	background: #00B2BB;
}
.ww-table{
	max-width:1400px;
	overflow: auto;
	margin:0 auto;
}
.ww-table table{
	white-space:nowrap;
}
.ww-table table td{
	    padding: 5px 15px !important;
}
/*手机表格隐藏*/
.finger{
	display: none;
}
.page {
	margin-top: 10px;
	padding: 14px 0 15px;
	text-align: center;
}
.page a {
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	padding: 4px 7px;
}
.page span {
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	padding: 4px 7px;
}
.page span.current {
	background: #5280e0;
	border: 1px solid #5280e0;
	color: #FFFFFF;
	font-weight: bolder;
}














.suspension_mov {
	position: fixed;
	right: 0;
	bottom: 240px;
	z-index: 999;
}
.suspension_mov2 {
	position: fixed;
	right: 0;
	bottom: 179px;
	z-index: 999;
}
.suspension_mov2 .iconfont{
	display: block;
	transform: rotateZ(-90deg);
}
.suspension_tel i {
	font-size: 2.2rem;
	color: #999999;
}
.suspension_tel {
	width: 60px;
	height: 60px;
	line-height: 60px;
	/*background: #ed1f23;*/
	background: #fff;
	/*position: fixed;
    right: 0;*/
	/*bottom:183px;*/
	/*bottom:314px;*/
	cursor: pointer;
	text-align: center;
	z-index: 999;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	margin-bottom: 1px;
}
.moveqq i {
	font-size: 26px;
	color: #999999;
}
.moveqq {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #fff;
	cursor: pointer;
	text-align: center;
	z-index: 999;
}
.movewm {
	background: #fff;
}
.movelink {
	background: #fff;
}
.movelink i {
	font-size: 22px;
}
.suspension_inpu i {
	font-size: 22px;
	color: #999999;
}
.suspension_inpu {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #fff;
	cursor: pointer;
	text-align: center;
	z-index: 999;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}
.ewmmm {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
	display: none;
}
.ewmmmin {
	background: #fff;
	text-align: center;
	width: 220px;
	margin: 30% auto 0 auto;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
	opacity: 0;
	filter: alpha(opacity=0);
}
.transform {
	animation: mymove 1s;
	-webkit-animation: mymove 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@keyframes mymove {
	from {
		margin-top: 5%;
		opacity: 0;
	}
	to {
		margin-top: 15%;
		opacity: 1;
	}
}

@-webkit-keyframes mymove /*Safari and Chrome*/ {
	from {
		margin-top: 5%;
		opacity: 0;
	}
	to {
		margin-top: 15%;
		opacity: 1;
	}
}
.ewmmmin img {
	width: 220px;
}
.ewmmmin p {
	padding-bottom: 15px;
	font-size: 14px;
}

/*10/12*/
.suspe_ot {
	position: absolute;
	left: 0px;
	top: 0;
	background: var(--main-color);
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	width: 160px;
	z-index: -1;
	line-height: 60px;
	text-align: left;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	-webkit-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
}
.supot {
	position: relative;
}
.suspension_tel:hover {
	background: var(--main-color);
}
.suspension_tel a {
	display: block;
}
.supot_addcs {
	left: -160px;
}
.suspe_ot2 {
	width: 180px;
}
.supot_addcs2 {
	left: -180px;
}

.suspension_mov2 .suspe_ot{
	width: 72px;
	padding-left: 0;
	text-align: center;
}
.suspension_mov2 .supot_addcs {
	left: -72px;
}
.suspe_ot3 {
	display: none;
	position: absolute;
	left: -130px;
	bottom: 0;
	width: 110px;
	z-index: -1;
	line-height: 42px;
	text-align: left;
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	padding: 5px;
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 1.5;
}
.suspe_ot3 p {
	padding: 0 5px;
}
.suspension_tel:hover i {
	color: #fff !important;
}
.honor_swiper .swiper-slide img{
	transition: ease-in-out .3s;
}
.honor_swiper .swiper-slide {
	/* overflow: hidden; */
}

.honor_swiper .swiper-slide-active:hover img{
	transform: scale(1.1);
}

.index_banner .swiper-pagination{
	bottom: 50px!important;
}
.index_banner .swiper-pagination-bullet {
	width: 72px;
	border-radius: 2px;
	height: 4px;
	background: #fff;
	opacity: 0.4;
}

.index_banner .swiper-pagination-bullet-active{
	opacity: 1;
}