body {
	margin: 0px;
	padding: 0px 0 0 0;
	font-family: Microsoft Yahei;
	background: #f7f7f7;
	overflow-x: hidden;
	width: 100%;
	/* Color 可以自定义相关配色 */
	/* var属性兼容性 调取用 color:var(--red)*/
	--main: #307ef1;
	--sec: #8dc63f;
	--haojin: #fabe96;
	--jin: #d9b766;
	--haojin2: #f6e7bc;
	--anjin: #bb9769;
	--anhui: #282940;
	--anhui2: #3f4054;
	/* 标准色 */
	--red: #c82519;
	--orange: #f37b1d;
	--yellow: #fbbd08;
	--olive: #8dc63f;
	--green: #39b54a;
	--cyan: #1cbbb4;
	/* --blue: #307ef1; */
	--blue: #0079c5;
	--purple: #6739b6;
	--mauve: #9c26b0;
	--pink: #ff3f57;
	--brown: #a5673f;
	--grey: #8799a3;
	--black: #333333;
	--darkGray: #666666;
	--gray: #aaaaaa;
	--ghostWhite: #f1f1f1;
	--white: #ffffff;
	/* 浅色 */
	--redLight: #fadbd9;
	--orangeLight: #fde6d2;
	--yellowLight: #fef2ce;
	--oliveLight: #e8f4d9;
	--greenLight: #d7f0db;
	--cyanLight: #d2f1f0;
	--blueLight: #cce6ff;
	--purpleLight: #e1d7f0;
	--mauveLight: #ebd4ef;
	--pinkLight: #f9d7ea;
	--brownLight: #ede1d9;
	--greyLight: #e7ebed;
	/* 渐变色 */
	--gradualRed: linear-gradient(45deg, #f43f3b, #ec008c);
	--gradualOrange: linear-gradient(45deg, #ff9700, #ed1c24);
	--gradualGreen: linear-gradient(45deg, #39b54a, #8dc63f);
	--gradualPurple: linear-gradient(45deg, #9000ff, #5e00ff);
	--gradualPink: linear-gradient(45deg, #ec008c, #6739b6);
	--gradualBlue: linear-gradient(45deg, #0081ff, #1cbbb4);
	/* 阴影透明色 */
	--ShadowSize: 6rpx 6rpx 8rpx;
	--redShadow: rgba(204, 69, 59, 0.2);
	--orangeShadow: rgba(217, 109, 26, 0.2);
	--yellowShadow: rgba(224, 170, 7, 0.2);
	--oliveShadow: rgba(124, 173, 55, 0.2);
	--greenShadow: rgba(48, 156, 63, 0.2);
	--cyanShadow: rgba(28, 187, 180, 0.2);
	--blueShadow: rgba(0, 102, 204, 0.2);
	--purpleShadow: rgba(88, 48, 156, 0.2);
	--mauveShadow: rgba(133, 33, 150, 0.2);
	--pinkShadow: rgba(199, 50, 134, 0.2);
	--brownShadow: rgba(140, 88, 53, 0.2);
	--greyShadow: rgba(114, 130, 138, 0.2);
	--grayShadow: rgba(114, 130, 138, 0.2);
	--blackShadow: rgba(26, 26, 26, 0.2);
}

.hide {
	display: none;
}

table,
form,
h1,
h2,
h3,
ul,
li,
ol,
dl,
dd,
dt,
span,
a,
em,
p {
	padding: 0px;
	margin: 0px;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ff6633;
}

.center {
	text-align: center;
}

img {
	border: none;
}

.clearB {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display: block;
}

/* End hide from IE Mac */
/* end of clearfix */
@font-face {
	font-family: "iconfont";
	src: url('iconfont.ttf') format('truetype')
}

@font-face {
	font-family: "enfont";
	src: url('en.ttf') format('truetype')
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.top-menu-btn {
	display: none;
	width: 30px;
	height: 30px;
	position: fixed;
	z-index: 100;
	right: 8px;
	top: 10px;
	color: var(--jin);
	font-size: 30px;
	cursor: pointer;
}

.top-menu-btn:hover {
	text-decoration: none;
	color: #FB9229;
}

.top-menu-btn:before {
	font-family: "iconfont";
	content: "\e66d";
}

#top {
	padding: 10px 0;
	transition: padding 0.4s;
	position: fixed !important;
	display: flex;
	justify-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0);
	/* box-shadow: 0 0 15px rgba(0, 0, 0, .125); */
	transition: all 0.3s;
}

#top.show {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

#top:hover {
	background-color: rgba(255, 255, 255, 1);
}

.all-right {
	font-size: 12px;
	position: fixed;
	left: 10px;
	bottom: 0;
	line-height: 25px;
	color: #F7F7F7;
	z-index: 1000000;
}

.all-right a {
	color: #F7F7F7;
}

#top .logo {
	position: absolute;
	left: 10px;
	top: 15px;
	width: 320px;
	height: 60px;
	background: url("logo-w.png") no-repeat center;
	background-size: contain;
}

#top.show .logo,
#top:hover .logo {
	background-image: url(logo.png);
}

#top .menu {
	text-align: center;
}

#top .menu ul {
	height: 70px;
	line-height: 70px;
	text-align: left;
	margin: 0 auto;
	display: flex;
	max-width: 1200px;
	flex: 1;
}

#top .menu ul li {
	margin: 0 25px;
	font-size: 18px;
	color: #fff;
	position: relative;
}

#top .menu ul li a {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s;
}

#top .menu ul li.curr>a {
	color: var(--white);
	font-weight: 600;
}

#top.show .menu ul li.curr>a,
#top:hover .menu ul li.curr>a {
	color: var(--main);
	font-weight: 600;
}

#top.show .menu ul li a,
#top:hover .menu ul li a {
	color: #333;
	font-weight: 500;
	text-decoration: none;
}

#top .menu ul li::after {
	position: absolute;
	bottom: -10px;
	height: 5px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #000;
	transition: all 0.3s;
	content: "";
	left: 50%;
	right: 50%;
}

#top .menu ul li.curr::after {
	left: 0;
	right: 0;
	background-color: var(--white);
}

#top.show .menu ul li.curr::after {
	left: 0;
	right: 0;
	background-color: var(--main);
}

#top .menu ul li:hover::after {
	left: 0;
	right: 0;
	background-color: var(--main);
}

#top .menu ul li a:hover {
	color: var(--main);
}

#top .menu-btn {}

.top-right {
	height: 35px;
	right: 15px;
	top: 15px;
	display: inline-block;
	position: absolute;
}

.top-right .tel {
	font-size: 14px;
	text-align: right;
	line-height: 25px;
	color: #fff;
}

.top-right .tel b {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}

#top:hover .top-right .tel {
	color: #666;
}

#top:hover .top-right .tel b {
	color: #333;
}

#top.show .top-right .tel {
	color: #666;
}

#top.show .top-right .tel b {
	color: #333;
}

/*效果end*/
.short-btn {
	height: 180px;
	position: fixed;
	top: 50%;
	margin-top: -90px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 5px;
	overflow: hidden;
	z-index: 11111;
	right: 0;
}

.short-btn ul li {
	text-align: center;
	height: 45px;
	width: 45px;
	color: #FFFFFF;
	line-height: 45px;
	font-size: 26px;
	/* background: #555555; */
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
}

.short-btn ul li:hover {
	background: #333333;
}

.short-btn ul li a {
	display: block;
	height: 45px;
	width: 45px;
	position: absolute;
	top: 0;
	left: 0;
}

.short-btn ul li.go-pre:before {
	font-family: "iconfont";
	content: "\e7c6"
}

.short-btn ul li.go-next:before {
	font-family: "iconfont";
	content: "\e772"
}

.short-btn ul li.go-qq:before {
	font-family: "iconfont";
	content: "\e624"
}

.short-btn ul li.go-tel:before {
	font-family: "iconfont";
	content: "\e61c"
}

.short-btn ul li.go-wx:before {
	font-family: "iconfont";
	content: "\e708"
}

.swiper-pagination {
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background-color: #FFFFFF;
	width: 40px;
	height: 5px;
	border-radius: 5px;
}

/*首页产品*/
.index-title {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
	margin-bottom: 50px;
	transition: all;
}

.index-title b {
	font-size: 40px;
	line-height: 60px;
	color: #333;
	margin-bottom: 20px;
	display: block;
}

.index-title a {
	color: #333;
}

.index-title span {
	color: #666;
	line-height: 40px;
	font-size: 20px;
	font-weight: 400;
}

/*首页关于我们*/
.index-about {
	position: relative;
	background: #f7f7f7;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index-about .info {
	padding: 80px 70px;
	width: 50%;
}

.index-about .info h3 {
	font-size: 33px;
	color: #333;
	border-bottom: 2px solid #016bdd;
	display: inline-block;
	padding-bottom: 10px;
}

.index-about .info p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin: 30px 0 60px;
	text-align: justify;
}

.index-about .info a {
	display: block;
	width: 160px;
	line-height: 42px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #016bdd;
	border-radius: 20px;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.index-about .info a:hover {
	border-color: #D3D3D3;
	text-decoration: none;
	color: #666666;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.index-about .pic {
	width: 50%;
	height: 100%;
}

.index-about .pic img{
	display: block;
	max-width: 100%;
}

.index-about .pic .block {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background-image: url(about-big.jpg);
}

.index-about .pic .block:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.index-about-pic .item {
	width: 33.33%;
	float: left;
	position: relative;
	overflow: hidden;
}

.index-about-pic .item::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 5;
}

.index-about-pic .item img {
	width: 100%;
	display: block;
	-webkit-transition: all 300ms ease;
	transition: all 500ms ease;
}

.index-about-pic .item .label {
	position: absolute;
	z-index: 10;
	left: 30px;
	bottom: 30px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	transition: 0.3s all;
}

.index-about-pic .item .label a:hover {
	text-decoration: none;
}

.index-about-pic .item .label span {
	font-size: 24px;
	color: #fff;
	padding: 0 20px;
	line-height: 50px;
}

.index-about-pic .item:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.index-about-pic .item:hover::before {
	background-color: rgba(0, 0, 0, .1);
}

.index-about-pic .item:hover .label {
	background-color: var(--main);
	border-color: var(--main);
	color: #fff !important;
}

.index-product-title {
	padding: 10px 0;
}

.index-product-title b {
	font-size: 40px;
	line-height: 60px;
	color: #333;
}

.index-product-title .info {
	font-size: 20px;
	line-height: 40px;
	color: #333;
}

.index-product-title .info ul {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.index-product-title .info ul li {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	color: #00A651;
	line-height: 50px;
	margin-right: 20px;
}

.index-product-title .info ul li::before {
	font-family: "iconfont";
	content: "\e625";
	font-size: 22px;
	padding-right: 10px;
	font-weight: 500;
}

.index-product-title .info ul li:nth-child(2)::before {
	content: "\e62b";
}

.index-product-title .info ul li:nth-child(3)::before {
	content: "\e628";
}

.index-product-title .info ul li:nth-child(4)::before {
	content: "\e627";
}

/*首页产品分类*/
.index-cate-list {
	margin: 50px 0;
}

.index-cate-list ul {
	text-align: left;
}

.index-cate-list ul li {
	display: inline-block;
	line-height: 60px;
	text-align: center;
	margin-right: 20px;
	font-size: 20px;
	font-weight: 600;
	color: #333333;
}

.index-cate-list ul li a {
	color: #333333;
	display: block;
	transition: all 0.3s;
	border-radius: 10px;
	border: #DDDDDD solid 1px;
	text-decoration: none;
	padding: 0 30px;
	background-color: #fff;
}

.index-cate-list ul li.curr a {
	background: #0081ff;
	color: #FFFFFF;
}

.index-cate-list ul li a:hover {
	background: #0081ff;
	color: #FFFFFF;
}

/*产品列表*/
.index-p-list {
	margin-top: 30px;
}

.index-p-list ul {
	display: flex;
	flex-wrap: wrap;
}

.index-p-list ul li {
	text-align: center;
	margin-bottom: 0px;
	box-sizing: border-box;
	padding: 15px;
	width: 18%;
	height: 300px;
}

.index-p-list ul li:nth-child(6) {
	margin-left: calc(9%);
}

.index-p-list ul li .k {
	transition: all 0.3s;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
	background: #FFFFFF;
	height: calc(100% - 10px);
	overflow: hidden;
	border-radius: 15px;
}

.index-p-list ul li .p-more {
	background-color: #ffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: calc(100% - 10px);
	color: #333;
	border-radius: 15px;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
}

.index-p-list ul li .p-more::before {
	font-family: "iconfont";
	content: "\e65b";
	height: 120px;
	line-height: 120px;
	font-size: 60px;
	color: var(--main);
}

.index-p-list ul li:hover .k {
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
	transform: translateY(-30px) scale(1.05);
	padding: 30px 10px;
	height: 300px;
	transform-origin: center;
}

.index-p-list ul li a {
	display: block;
}

.index-p-list ul li a:hover {
	text-decoration: none;
	color: #f68c1e;
}

.index-p-list ul li .k img {
	width: 100%;
}

.index-p-list ul li .k .tt {
	font-size: 16px;
	line-height: 35px;
	color: #333333;
}

.index-p-list ul li a:hover .tt {
	color: #333333;
}

.index-p-list ul li .k .more {
	display: block;
	width: 100px;
	height: 35px;
	line-height: 35px;
	border-radius: 35px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	font-style: normal;
	margin: 15px auto 0 auto;
	transition: all 0.3s;
	background: var(--main);
}

.flex-cont {
	display: flex;
	justify-content: space-between;
}

.en-title {
	margin-bottom: 30px;
}

.en-title b {
	font-family: "enfont";
	line-height: 35px;
	font-size: 30px;
	color: #222;
	display: block;
}

.en-title span {
	line-height: 35px;
	font-size: 26px;
	color: #222;
}

.index-product {
	z-index: 100;
	margin: 0 auto;
	transition: all;
}

.index-product ul {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	flex-wrap: wrap;
	display: flex;
	margin: 0 -20px;
}

.index-product ul li {
	width: 33.33%;
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
	position: relative;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

.index-product ul li:hover {
	color: #307ef1;
}

.index-product ul li>a {
	background-color: #fafafc;
	display: flex;
	padding: 0px 0 0 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-items: center;
	transition: all 0.3s;
}

.index-product ul li>a:hover {
	background-color: var(--blueLight);
}

.index-product ul li img {
	width: 100%;
	display: block;
}

.index-product ul li .name {
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	color: #333;
	margin-top: 30px;
}

.index-product ul li a {
	color: #333;
	text-decoration: none;
}

.index-product ul li h3 a:hover {
	text-decoration: none;
	color: #307ef1 !important;
}

.index-product ul li .tips {
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	color: #666;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.index-product ul li .more {
	line-height: 35px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 产品详情 */
.product-cont {}

.product-cont .title {
	font-size: 28px;
	line-height: 40px;
	color: #333;
	text-align: center;
}

.product-cont .cont {
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}

.product-cont .cont img {
	max-width: 90%;
}


/* 微信弹出 */
.pop-cont {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	visibility: hidden;
}

.pop-cont.show {
	visibility: visible;
}

.pop-cont .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.4);
}

.show-cont {
	background-color: #fff;
	padding: 50px 30px 30px 30px;
	text-align: center;
	min-width: 300px;
	position: relative;
	z-index: 100;
	border-radius: 10px;
	font-size: 16px;
	line-height: 35px;
	color: #666;
	display: flex;
	justify-content: center;
}

.show-cont .wx-code {
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
	align-items: center;
	margin: 0 15px;
}

.show-cont .wx-code img {
	max-width: 150px;
}

.show-cont .wx-code .wx {
	font-weight: 600;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-top: 15px;
}

.show-cont .wx-code .tips {
	font-size: 14px;
	color: #666;
	line-height: 25px;
}

/* 首页小程序介绍 */
.index-mp {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index-mp .info {
	width: 40%;
}

.index-mp .info ul {}

.index-mp .info ul li {
	align-items: center;
	margin-bottom: 30px;
	padding: 20px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px 4px rgb(169 169 169 / 3%);
	border-radius: 15px;
}

.index-mp .info ul li b {
	font-weight: 500;
	color: #434343;
	font-size: 24px;
	line-height: 33px;
	white-space: nowrap;
	display: block;
}

.index-mp .info ul li span {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #B1B1B1;
	line-height: 28px;
	white-space: nowrap;
	display: block;
}

.index-mp .pic {
	width: 50%;
}

.index-mp .pic img {
	max-width: 100%;
	display: block;
}

/* 内页部分 */
.container {
	max-width: 1350px;
	margin: 0 auto;
}

.big-pic {
	background-color: #000;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto;
}

.big-pic img {
	display: block;
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;
}

.current {
	font-size: 16px;
	padding: 15px 0;
	background: #FFFFFF;
	border-bottom: #ddd solid 1px;
}

.breadcrumb {
	color: #999999;
	display: flex;
}

.breadcrumb li {
	line-height: 40px;
	display: inline-flex;
}

.breadcrumb li:first-child::before {
	font-family: "iconfont";
	content: "\e8cf";
	font-size: 16px;
	margin-right: 5px;
}

.breadcrumb li+li:before {
	content: '>';
	color: #999999;
	font-family: arial;
}

.breadcrumb a {
	color: #999999;
}

.breadcrumb .active a {
	color: #999999;
}

/* 通用背景 */
.bg-bg {
	padding: 80px 0;
}

.bg-white {
	background-color: #fff;
	padding: 80px 0;
}

.bg-gray {
	background-color: #f7f7f7;
	padding: 80px 0;
}

.bg-blue {
	background-color: #307ef1;
	padding: 80px 0;
}

.bg-product {
	padding: 80px 0;
	background: url(bg-product.jpg) bottom right no-repeat #f7f7f7;
	background-size: cover;
}

.bg-about {
	padding: 80px 0;
	background: url(bg-about.jpg) center no-repeat;
	background-size: cover;
}

.bg-screen {
	background-color: #f9fbff;
	padding: 80px 0;
}

.bg-news {
	padding: 80px 0;
	background: url(bg-news.jpg) center no-repeat;
	background-size: cover;
}

.bg-more {
	padding: 80px 0;
	background: url(bg-more.jpg) center no-repeat;
	background-size: cover;
	/* background-attachment: fixed; */
}

/* slider */
.index-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.index-slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index-slider .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-big-pic {
	max-width: 2560px;
	margin: 20px auto;
	width: 100%;
	position: relative;
	background-color: #fff;
	padding: 0px 0;
}

.index-big-pic .more {
	position: absolute;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5rem;
	text-decoration: none;
	bottom: 15%;
	left: 15%;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.index-big-pic .more::after {
	font-family: "iconfont";
	content: "\e65b";
	font-size: 1.3rem;
	margin-left: 0.5rem;
}

.index-big-pic .more.r {
	left: auto;
	right: 15%;
}

.index-big-pic .more.c {
	left: 48%;
	bottom: 5%;
}

.index-big-pic .more:hover {
	color: var(--jin);
}

.index-big-pic .pic {
	width: 100%;
	display: block;
}

.index-big-pic .b11 {
	width: 42%;
	height: 47%;
	background: url(big-11.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 13%;
	top: 36.7%;
}

.index-big-pic .b12 {
	width: 23%;
	height: 22%;
	background: url(big-12.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	left: 15%;
	top: 25%;
}

.index-big-pic .b21 {
	width: 23%;
	height: 18%;
	background: url(big-21.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	right: 15%;
	top: 40%;
}

.index-big-pic .b3 {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 10%;
	left: 0;
	color: #fff;
}

.index-big-pic .b3 .b {
	font-size: 4rem;
	line-height: 5rem;
}

.index-big-pic .b3 span {
	font-size: 1.2rem;
	line-height: 2rem;
	display: block;
	margin-top: 1.0rem;
}

.index-big-pic .b4 {
	font-size: 4rem;
	line-height: 5.5rem;
	position: absolute;
	top: 40%;
	right: 7%;
	color: #fff;
}

.index-news {}

.index-news ul li {
	padding: 15px;
}

.index-news ul li a {
	display: block;
	background-color: #f7f7f7;
	color: #333;
	text-decoration: none;
	overflow: hidden;
	transition: all 0.3s;
	border-radius: 10px;
}

.index-news ul li a:hover {
	transform: scale(1.1);
}

.index-news ul li img {
	display: block;
	width: 100%;
	/* border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

.index-news ul li .cont {
	padding: 15px;
}

.index-news ul li .title {
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	color: #333;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-news ul li .tips {
	font-size: 15px;
	color: #666;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-top: 10px;
}

.index-news ul li .time {
	font-size: 14px;
	color: #999;
	line-height: 25px;
	overflow: hidden;
	margin-top: 10px;
}

.index-more .info {
	color: #ffffff;
	font-size: 45px;
	line-height: 80px;
}

.index-more .more {
	line-height: 60px;
	border-radius: 30px;
	font-size: 18px;
	color: #fff;
	background-color: var(--blue);
	padding: 0 25px;
	display: flex;
	justify-content: space-between;
	width: 150px;
	margin-top: 30px;
	transition: all 0.3s;
	cursor: pointer;
	text-decoration: none;
}

.index-more .more:hover {
	background-color: var(--orange);
}

.index-more .more::after {
	font-family: "iconfont";
	content: "\e65a";
	font-size: 25px;
}

/* 图标相关 */
/* 字体图标样式 */
[class*="ico-"] {
	font-family: "iconfont";
	font-size: inherit;
	font-style: normal;
}

.ico-tel::before {
	content: "\e652";
}

.ico-address::before {
	content: "\e614";
}

.ico-email::before {
	content: "\e63e";
}

.ico-wechat::before {
	content: "\e707";
}

/* 产品展示 */
.search {
	border-radius: 10px;
	border: solid var(--jin) 2px;
	height: 40px;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 0 2px;
}

.search .input {
	border: none;
	line-height: 35px;
	font-size: 16px;
	padding: 0 15px;
	outline: none;
}

.search .btn {
	width: 60px;
	background-color: var(--jin);
	color: #333;
	height: 35px;
	border: none;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
}

.p-cate {}

.p-cate ul {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center;
	justify-items: center;
	align-items: center; */
}

.p-cate ul li {
	padding: 0 10px;
	height: 40px;
}

.p-cate ul.center {
	text-align: center;
}

.p-cate ul.center li {
	float: none;
	display: inline-block;
}

.p-cate ul li a {
	display: block;
	/* background: var(--orange); */
	line-height: 30px;
	box-sizing: border-box;
	text-align: center;
	transition: all 0.3s;
	font-size: 16px;
	color: #666;
	padding: 5px 25px;
	border-radius: 20px;
}

.p-cate ul li a:hover {
	color: var(--white);
	background-color: var(--orange);
	text-decoration: none;
}

.p-cate ul li.curr {
	font-weight: 600;
}

.p-cate ul li.curr a {
	color: var(--white);
	background-color: var(--orange);
}

.p-cate ul li.curr a:hover {
	color: var(--white);
	background-color: var(--orange);
}

.main-title {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
	margin-bottom: 50px;
	transition: all;
}

.main-title b {
	color: #333;
	font-size: 30px;
	line-height: 50px;
	font-weight: 500;
}

.main-title i {
	color: #222;
	font-size: 36px;
	line-height: 60px;
	font-weight: 500;
	font-family: "enfont";
	font-style: normal;
}

.main-title.white b {
	color: #fff;
}

.main-title span {
	color: #999;
	line-height: 40px;
	font-size: 16px;
	font-weight: 500;
}

.p-cont {
	display: flex;
}

.p-info {
	width: 55%;
	box-sizing: border-box;
	padding-left: 40px;
}

.p-slider {
	width: 45%;
	overflow: hidden;
	position: relative;
}

.p-slider img {
	width: 100%;
}

.p-slider .swiper-pagination {
	margin-bottom: 20px;
}

.p-slider .swiper-pagination-bullet {
	background-color: var(--jin);
	width: 30px;
	height: 5px;
	border-radius: 5px;
}

/* 产品详情 */
.pp-title {
	font-size: 40px;
	line-height: 55px;
	padding: 15px 0;
}

.p-info .tips {
	font-size: 18px;
	line-height: 30px;
	color: #777;
	padding: 30px 0;
	border-top: #ddd solid 1px;
	border-bottom: #ddd solid 1px;
	margin: 30px 0;
}

.p-info .link {
	display: flex;
}

.p-info .link a {
	display: inline-block;
	margin: 15px 10px;
	line-height: 50px;
	border-radius: 5px;
	background-color: var(--jin);
	padding: 0 30px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	transition: all 0.3s;
}

.p-info .link a:hover {
	color: #fff;
	background-color: var(--anhui);
	text-decoration: none;
}

.p-tags {
	display: flex;
	border-top: #ddd solid 1px;
	padding-top: 60px;
}

.p-tags .p-tt {
	width: 30%;
	color: #333;
	line-height: 40px;
	font-size: 32px;
	font-weight: 500;
}

.p-tags ul {
	display: flex;
	width: 70%;
	flex-wrap: wrap;
}

.p-tags ul li {
	width: 50%;
	margin: 10px 0;
}

.p-tags ul li em {
	display: block;
	font-style: normal;
	color: #999;
	line-height: 40px;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}

.p-tags ul li span {
	display: block;
	color: #333;
	line-height: 40px;
	font-size: 22px;
	font-weight: 500;
}

.p-about {
	padding: 60px 0;
	font-size: 16px;
	color: #666;
	line-height: 1.5;
}

.p-about img {
	max-width: 100%;
	display: block;
}

/* 场景列表 */
.screen-list {}

.screen-list ul {
	display: flex;
	flex-wrap: wrap;
}

.screen-list ul li {
	padding: 15px;
	box-sizing: border-box;
	width: 33.3%;
}

.screen-list ul li a {
	display: block;
	background-color: #fff;
	color: #333;
	text-decoration: none;
	border-radius: 10px;
	overflow: hidden;
}

.screen-list ul li img {
	display: block;
	width: 100%;
	/* border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

.screen-list ul li .cont {
	padding: 20px 15px;
}

.screen-list ul li .title {
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	font-weight: 600;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.screen-list ul li .tips {
	font-size: 15px;
	color: #666;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-top: 10px;
}

.screen-list ul li .tips .time {
	font-size: 14px;
	color: #999;
	line-height: 25px;
}

.index-more .info {
	color: #ffffff;
	font-size: 45px;
	line-height: 80px;
}

/* 元宇宙介绍页面 */
.yyz-title {
	font-size: 40px;
	color: #333;
	line-height: 50px;
	margin-bottom: 20px;
}

.yyz-about {
	display: flex;
	align-items: center;
}

.yyz-about .pic {
	width: 600px;
	padding: 15px;
}

.yyz-about .pic img {
	width: 100%;
}

.yyz-info {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	flex: 1;
	padding: 15px;
}

.yyz-youshi {}

.yyz-youshi ul {
	display: flex;
	flex-wrap: wrap;
}

.yyz-youshi ul li {
	width: calc(50% - 30px);
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 20px;
	margin: 15px;
	box-shadow: rgba(0, 0, 0, .05);
}

.yyz-youshi ul li .pic {
	width: 150px;
	margin-right: 15px;
}

.yyz-youshi ul li .pic img {
	width: 100%;
	display: block;
}

.yyz-youshi ul li .info {
	flex: 1;
	overflow: hidden;
}

.yyz-youshi ul li .tt {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
}

.yyz-youshi ul li .tips {
	font-size: 15px;
	color: #666;
	line-height: 25px;
}

/* 联系我们 */
.page-cont {
	margin: 0 auto;
	width: 1450px;
}

.page-cont .tt {
	border-left: #003D1E solid 4px;
	padding-left: 10px;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #003D1E;
	font-weight: bold;
}

.page-cont .cont {
	font-size: 16px;
	padding: 50px 0;
	line-height: 1.8em;
	color: #666666;
}

.page-cont .cont .kk {
	border-left: #DDDDDD solid 1px;
	padding-left: 30px;
}

.page-message {
	margin-top: 50px;
}

.page-message label {
	font-size: 18px;
	padding-right: 40px;
	min-width: 120px;
	float: left;
	line-height: 40px;
}

.page-message label i {
	font-style: normal;
	color: #E1472F;
}

.page-message .input {
	padding: 5px 10px;
	border: #999999 solid 1px;
	border-radius: 10px;
	line-height: 30px;
	font-size: 16px;
	width: 250px;
	outline: none;
}

.page-message ul li {
	margin-bottom: 30px;
}

.page-message .input:focus {
	border: #004E1A solid 1px;
}

.page-message .input.l {
	width: 740px;
}

.page-message .sub-btn {
	background: #004E1A;
	color: #FFFFFF;
	width: 500px;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
	border: none;
	border-radius: 10px;
}

.page-message textarea {}

/* 文章 */
.news-list {
	margin-top: 50px;
}

.news-list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.news-list ul li {
	width: calc(50% - 30px);
	margin: 15px;
	box-sizing: border-box;
	background-color: #ffffff;
	color: #333;
	padding: 20px;
	display: flex;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.news-list ul li .a {
	width: 200px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 150px;
	border-radius: 10px;
}

.news-list ul li .img {
	width: 100%;
	display: block;
}

.news-list ul li .info {
	padding: 0 30px;
	flex: 1;
	overflow: hidden;
	display: inline-flex;
	text-decoration: none;
	flex-direction: column;
	justify-items: center;
}

.news-list ul li .info .title {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	line-height: 30px;
	padding: 5px 0;
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
}

.news-list ul li .info .title a {
	color: #333;
}

.news-list ul li .info .time {
	font-size: 14px;
	line-height: 30px;
	color: #999;
}

.news-list ul li .info .tips {
	font-size: 14px;
	line-height: 25px;
	color: #999;
}

.a-cont {
	max-width: 1000px;
	margin: 0 auto;
}

.a-cont h1 {
	font-size: 28px;
	color: #333333;
	line-height: 40px;
	text-align: center;
}

.a-cont .info {
	color: #909090;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	margin: 10px 0;
}

.a-cont .info span {
	display: inline-block;
	margin: 0 5px;
}

.a-cont .video {
	width: 640px;
	height: 360px;
	margin: 0 auto;
}

.a-cont .video video {
	height: 100%;
	width: 100%;
}

.a-cont .cont {
	padding: 20px 0;
	font-size: 16px;
	color: #555555;
	line-height: 1.8;
	overflow: hidden;
}

.a-cont .cont img {
	max-width: 100%;
	margin: 10px 0;
}

.a-cont .a-link {
	border-top: #DDDDDD solid 1px;
	padding: 20px 0;
}

.a-cont .a-link ul {}

.a-cont .a-link ul li {
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.a-cont .a-link ul li a {
	color: #666666;
}

.a-cont .a-link ul li a:hover {
	color: #0062B5;
}

/*-分页-*/
.pages {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #666666;
}

.pages div a {
	display: inline-block;
	padding: 5px 10px;
	background: #fafafa;
	font-size: 16px;
	border: #D5D5D5 solid 1px;
	border-radius: 4px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 0.5s;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	margin: 0 2px;
	min-width: 20px;
	text-align: center;
}

.pages div a:hover {
	background: var(--blue);
	color: #FFF;
	border: var(--blue) solid 1px;
}

.pages div span.curr {
	display: inline-block;
	padding: 5px 10px;
	background: var(--blue);
	font-size: 16px;
	border: var(--blue) solid 1px;
	color: #fff;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 0.5s;
	text-decoration: none;
	height: 30px;
	line-height: 20px;
	margin: 0 5px;
	min-width: 20px;
	text-align: center;
}

.pages div .total {
	line-height: 20px;
	margin: 0 5px;
	height: 30px;
	padding: 5px;
	font-size: 16px;
	font-family: "Microsoft yahei";
	line-height: 20px;
	display: inline-block;
	background: #fafafa;
	border: #d9d9d9 solid 1px;
	color: #2283c5;
}

.pages div .total b {}

.pages div input {
	width: 40px;
	height: 32px;
	cursor: pointer;
	text-align: center;
	border: #d9d9d9 solid 1px;
	margin: 0 2px;
	background: #fafafa;
}

.pages div .valid {
	width: 40px;
	height: 28px;
	text-align: center;
	border: #d9d9d9 solid 1px;
	margin: 0 2px;
}

/* 留言 */
/* 底部联系 */
.foot {
	padding: 0;
	background: #000000;
	position: relative;
}

.foot-cont {
	display: flex;
	border-bottom: #666 solid 1px;
	padding: 50px 0;
	justify-content: space-between;
}

.foot-info {
	width: 40%;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.foot-info a {
	color: #fff;
}

.foot-info ul{
	margin-left: 8px;
}

.foot-logo {
	height: 60px;
	padding-top: 30px;
	background: url(logo-w.png) no-repeat left top;
}

.big-tel {
	font-size: 40px;
	line-height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding-left: 10px;
}

.foot-info .span {
	padding-left: 10px;
	margin: 10px 0;
}

.foot-ico {
	display: flex;
	margin: 10px 0;
}

.foot-ico a {
	display: block;
	margin-right: 10px;
	width: 50px;
	line-height: 50px;
	font-size: 45px;
	text-align: center;
	color: #fff;
	transition: all 0.3s;
	cursor: pointer;
}

.foot-ico a:hover {
	text-decoration: none;
	color: var(--jin);
}

.foot-ico a::before {
	font-family: "iconfont";
}

.ico-wb::before {
	content: "\e600";
}

.ico-ymx::before {
	content: "\e605";
}

.ico-ali::before {
	content: "\e603";
}

.ico-wx::before {
	content: "\e708";
}

.ico-bili::before {
	content: "\e7d6";
}

.ico-dy::before {
	content: "\e8db";
}

.foot-link {
	padding: 15px 0;
	display: flex;
	flex: 1;
}

.foot-code {}

.foot-code .t {
	font-size: 24px;
	font-weight: 500;
	margin-top: 15px;
	color: #f7f7f7;
	line-height: 40px;
	height: 50px;
	margin-bottom: 10px;
}

.foot-code .tips {
	font-size: 14px;
	line-height: 25px;
	color: #eee;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
}

.foot-code ul {
	display: flex;
	justify-content: center;
	justify-items: center;
}

.foot-code ul li {
	flex: 1;
	display: flex;
	justify-content: center;
	justify-items: center;
	flex-direction: column;
	align-items: center;
	padding: 15px;
}

.foot-code ul li img {
	max-width: 120px;
	display: block;
	margin: 0 auto;
}

.foot-code ul li span {
	font-size: 14px;
	line-height: 25px;
	margin-top: 5px;
	color: #fff;
}

.foot-link ul {
	flex: 1;
	line-height: 30px;
}

.foot-link ul li {
	font-size: 16px;
	position: relative;
	color: #f7f7f7;
	display: flex;
}

.foot-link ul li.t {
	font-size: 24px;
	font-weight: 500;
	color: #f7f7f7;
	line-height: 40px;
	height: 50px;
	margin-bottom: 20px;
}

.foot-link ul li.t:before {
	position: absolute;
	bottom: 0;
	display: none;
	left: 0;
	width: 50px;
	height: 1px;
	background-color: #919293;
	content: "";
}

.foot-link ul li a {
	color: #f7f7f7;
	padding: 5px 0;
}

.foot-link ul li a:hover {
	color: var(--jin);
}

.foot-link ul li::before {
	font-size: 16px;
	padding-right: 5px;
}

.foot-right {
	font-size: 14px;
	line-height: 25px;
	padding: 10px;
	color: #f7f7f7;
	text-align: center;
}

.foot-right a {
	color: #ffffff;
}

/*  */
/* 关于我们 */
.about-info {
	display: flex;
}

/*关于我们*/
.about-page {}

.about-info {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin: 50px 0;
}

.about-info-pic {}

.about-info-pic ul {
	margin: 0 -1px;
	/* 	display: flex;
	flex-wrap: wrap; */
}

.about-info-pic ul li {
	padding: 1px;
	box-sizing: border-box;
	width: 25%;
	float: left;
}

.about-info-pic ul li:first-child {
	width: 50%;
}

.about-info-pic ul li img {
	width: 100%;
	display: block;
}

.about-pic {}

.about-pic ul {}

.about-pic ul li {
	padding: 10px;
}

.about-pic ul li img {
	width: 100%;
}

.about-title {
	font-size: 45px;
	line-height: 60px;
	color: #333;
	font-weight: 500;
}

.about-title.w {
	color: #fff;
}

.about-title.c {
	text-align: center;
}

.about-title.m {
	margin: 60px 0;
}

.about-pic {
	margin-top: 60px;
}

.about-pic img {
	width: 100%;
	display: block;
}

.about-item {
	display: flex;
	margin: 0 -15px;
}

.about-item .item {
	width: calc(50% - 30px);
	margin: 15px;
}

.about-item .pic {
	position: relative;
}

.about-item .pic img {
	display: block;
	width: 100%;
}

.about-item .pic span {
	display: block;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	background-color: rgba(0, 0, 0, .3);
}

.about-item .pic span i {
	font-size: 14px;
	line-height: 20px;
	display: block;
	font-style: normal;
}

.about-wh {
	height: 500px;
	padding: 60px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	background: url(about-culture-bg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.about-wh .cont {
	font-size: 18px;
	line-height: 30px;
	width: 800px;
	margin: 50px auto 0 auto;
	text-align: center;
}

.about {
	display: flex;
}

.about .info {}

.about .info .t {
	font-size: 26px;
	color: #333;
	line-height: 45px;
}

.about .info .text {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.about .pic {}

.about .pic img {
	max-width: 100%;
	display: block;
}

/* 品牌历史 双swiper关联*/
.history-btn {
	position: absolute;
	width: 50px;
	font-size: 30px;
	height: 50px;
	top: calc(50% - 25px);
	background-color: #ddd;
	border-radius: 100%;
	line-height: 50px;
	text-align: center;
	font-family: "iconfont";
	color: #666;
	cursor: pointer;
	z-index: 10;
}

.history-btn:hover {
	background-color: var(--anhui);
	color: var(--jin);
}

.history-next {
	right: 0px;
}

.history-prev {
	left: 0px;
}

.history-next::before {
	content: "\e707";
}

.history-prev::before {
	content: "\e736";
}

.history-time {
	position: relative;
	padding: 30px 0px;
}

.history-time .line {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	top: 36px;
	background-color: #ddd;
	z-index: 1;
}

.history-time .item {
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #666;
	z-index: 3;
	transition: all 0.3s;
}

.history-time .item::before {
	content: " ";
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #ddd;
	border: #f7f7ff solid 2px;
	margin-bottom: 20px;
	z-index: 3;
	transition: all 0.2s;
}

/* .history-time .item::after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	top: 7px;
	background-color: #ddd;
	z-index: 2;
} */
.history-time .active .item {
	color: var(--orange);
	font-weight: 600;
}

.history-time .active .item::before {
	background-color: var(--orange);
}

.history-list {
	margin: 60px 0;
}

.history-list .item {
	/* border-radius: 15px;
	overflow: hidden; */
	transition: all 0.3s;
	display: flex;
	justify-content: center;
	padding: 0 60px;
}

/* .history-list .swiper-slide-active .item {
	background-color: var(--jin);
} */
.history-list .item .pic {
	height: 360px;
	width: 45%;
	flex-shrink: 0;
	background-color: var(--anhui);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.history-list .item .info {
	width: 45%;
	box-sizing: border-box;
	padding: 0px 30px;
	color: #333;
	line-height: 25px;
	min-height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.history-list .item .info .t {
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 20px;
	font-weight: 600;
}

/* 产品中心 */
.p-title {
	position: relative;
	height: 60px;
	line-height: 60px;
}

.p-title a {
	color: #000;
}

.p-title a:hover {
	color: var(--jin);
}

.p-title .tt {
	font-size: 40px;
	color: #000;
}

.p-title .more {
	font-size: 20px;
	color: #000;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-flex;
	text-decoration: none;
}

.p-title .more::after {
	font-family: "iconfont";
	content: "\e707";
}

.p-title .more:hover {
	color: var(--jin);
}

.p-index-list {}

.p-index-list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 30px -15px;
}

.p-index-list ul li {
	flex-shrink: 0;
	width: 33.33%;
	padding: 15px;
	box-sizing: border-box;
}

.p-index-list ul li.b {
	width: 100%;
}

.p-index-list ul li.l {
	width: 41.85%;
}

.p-index-list ul li.r {
	width: 58.15%;
}

.p-index-list ul li .k {
	position: relative;
}

.p-index-list .info {
	position: absolute;
	top: 0;
	padding: 20px;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: left;
	justify-items: left;
	align-items: left;
}

.p-index-list ul li .title {
	font-size: 22px;
	line-height: 30px;
}

.p-index-list ul li .title:hover {
	text-decoration: none;
	color: var(--jin);
}

.p-index-list ul li .tips {
	font-size: 14px;
	line-height: 30px;
	color: #666;
}

.p-index-list ul li .link {
	display: flex;
	justify-content: left;
	justify-items: left;
}

.p-index-list ul li .link a {
	display: inline-block;
	margin: 10px 10px 10px 0;
	line-height: 25px;
	border-radius: 5px;
	border: #666 solid 1px;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
}

.p-index-list ul li .link a:hover {
	color: #fff;
	background-color: var(--jin);
	border: var(--jin) solid 1px;
	text-decoration: none;
}

.p-index-list ul li.b .info {
	padding-top: 90px;
	left: 8%;
	right: auto;
	justify-content: left;
	justify-items: left;
	align-items: baseline;
}

.p-index-list ul li.b .title {
	font-size: 40px;
	font-weight: 500;
	line-height: 50px;
	position: relative;
	display: flex;
	align-items: center;
}

.p-index-list ul li.b .title i {
	display: block;
	width: 40px;
	height: 40px;
	background: url(bh-logo.png) no-repeat center;
	background-size: contain;
	margin-left: 30px;
}

.p-index-list ul li .tt {
	font-size: 18px;
	font-weight: 500;
	color: #666;
	line-height: 40px;
	position: absolute;
	right: 20px;
	top: 15px;
}

.p-index-list ul li .bh {
	display: block;
	width: 30px;
	height: 30px;
	background: url(bh-logo.png) no-repeat center;
	background-size: contain;
	margin-left: 30px;
	position: absolute;
	right: 20px;
	top: 90px;
}

.p-index-list ul li.b .tt {
	font-size: 30px;
	font-weight: 500;
	color: #333;
	line-height: 40px;
	position: static;
}

.p-index-list ul li.b .tips {
	font-size: 20px;
	line-height: 60px;
}

.p-index-list ul li.b .link {
	margin-top: 20px;
}

.p-index-list ul li .pic {
	width: 100%;
	display: block;
	border-radius: 10px;
}

.p-index-list ul li .pic.b {}

.p-index-list ul li .pic.s {
	display: none;
}

.p-index-list ul li.l .info {
	left: 20px;
	padding-top: 40px;
}

.p-index-list ul li.r .info {
	width: 60%;
	padding-top: 40px;
	left: 20px;
	right: auto;
	justify-content: left;
	justify-items: left;
	align-items: baseline;
}

.p-index-list ul li.r .title,
.p-index-list ul li.l .title {
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
}

/*  */
.hezuo {
	display: flex
}

.hezuo .item {
	background-color: #fff;
	padding: 30px 40px;
	box-sizing: border-box;
	width: calc(33% - 20px);
	margin: 10px;
}

.hezuo .item .t {
	text-align: center;
	color: #000000;
	line-height: 60px;
	font-size: 30px;
	padding-bottom: 30px;
	position: relative;
}

.hezuo .item .t::after {
	content: "";
	height: 2px;
	left: 37%;
	right: 37%;
	bottom: 0;
	position: absolute;
	background-color: #666;
}

.hezuo .item ul {
	margin-top: 30px;
}

.hezuo .item ul li {
	line-height: 45px;
	font-size: 20px;
	color: #666;
	display: flex;
	align-items: center;
}

.hezuo .item ul li::before {
	font-size: 32px;
	margin-right: 10px;
}

/*联系我们*/
.contact {
	padding-top: 100px;
}

.contact .pic {}

.contact .pic img {
	width: 100%;
}

.contact-info {
	text-align: center;
	background-color: #fff;
}

.contact-info .cont {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-bottom: 50px;
}

.contact-info ul {
	padding: 50px 0;
	display: flex;
}

.contact-info ul li {
	line-height: 30px;
	font-size: 20px;
	width: 33.3%;
	padding: 15px 30px;
	position: relative;
	box-sizing: border-box;
}

.contact-info ul li+li::after {
	width: 1px;
	content: "";
	background-color: #ddd;
	position: absolute;
	left: 0;
	top: 10%;
	bottom: 10%;
}

.contact-info ul li:before {
	font-family: "iconfont";
	content: "\e767";
	display: block;
	font-size: 70px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 30px;
}

.contact-info ul li span {
	display: block;
	margin-top: 20px;
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
}

.contact-info ul li.tel:before {
	content: "\e629";
}

.contact-info ul li.sale:before {
	content: "\e608";
}

.contact-info ul li.mail:before {
	content: "\e63e";
}

.contact-info ul li.add:before {
	content: "\e66a";
}

.contact-info ul li a {
	color: #666666;
}

.contact-info ul li a:hover {
	color: #ccc;
}

.contact-map {}

.contact-map-btn {
	border: #DDDDDD solid 1px;
	height: 40px;
	line-height: 40px;
	color: #999999;
	font-size: 16px;
	display: inline-block;
	padding: 0 20px 0 10px;
	background: #FFFFFF;
	border-radius: 4px;
	margin-top: 30px;
}

.contact-map-btn:hover {
	color: #00A651;
	text-decoration: none;
}

.contact-map-btn:before {
	font-family: "iconfont";
	content: "\e66a";
	font-size: 26px;
	float: left;
}

.contact-info .name {
	font-size: 30px;
	color: #fff;
	font-weight: 300;
	line-height: 40px;
	margin-top: 30px;
	border-bottom: #DDDDDD solid 1px;
	padding-bottom: 15px;
	margin-bottom: 50px;
	text-align: center;
	display: inline-block;
}

/*地图*/
.contact-map {
	height: 450px;
	overflow: hidden;
	background-color: #DDDDDD;
}

.map-cont {
	height: 500px;
}

.other-contact {}

.other-contact ul {}

.other-contact ul li {
	line-height: 30px;
	font-size: 15px;
	color: #666666;
	margin-bottom: 30px;
}

.other-contact ul li a {
	color: #00A651;
}

.other-contact ul li b {
	display: block;
	font-size: 20px;
	font-weight: 300;
	color: #00A651;
	line-height: 40px;
}

.other-contact ul li a:hover {
	color: #00A651;
}

/*返回顶部*/
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	z-index: 11111;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	border-radius: 4px;
	background: rgba(240, 133, 45, 1) url(cd-top-arrow.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
	opacity: .8;
}

.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}

.swiper-button-prev {
	background: none !important;
	font-family: "iconfont";
	color: #fff;
	font-size: 40px;
}

.swiper-button-prev::before {
	content: "\e602";
}

.swiper-button-prev::after {
	display: none;
}

.swiper-button-next {
	background: none !important;
	font-family: "iconfont";
	color: #fff;
	font-size: 40px;
}

.swiper-button-next::before {
	content: "\e604";
}

.swiper-button-next::after {
	display: none;
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	}
}

.m-t{
	margin-top: 50px;
}

/*--自适应 slide end--*/
@media (max-width: 768px) {
	body {
		padding-top: 50px;
		overflow-x: hidden;
	}


.m-t{
	margin-top: 10px;
}
	.container {
		width: 100%;
		overflow-x: hidden;
	}

	.swiper-button-prev {
		font-size: 20px;
	}

	.swiper-button-next {
		font-size: 20px;
	}

	.swiper-pagination {
		margin-bottom: 0px;
	}

	.owl-buttons {
		display: none;
	}

	.top-right {
		display: none;
	}

	.cd-top {
		right: 10px;
		bottom: 60px;
		background-size: 20px 20px;
	}

	.index-title {}

	.index-title b {
		font-size: 22px;
		margin-bottom: 0;
	}

	.index-title span {
		font-size: 16px;
	}

	.index-product-title {}

	.index-product-title b {
		font-size: 20px;
		text-align: center;
		display: block;
	}

	.index-product-title .info ul li::before {
		font-size: 16px;
		padding-right: 5px;
	}

	.index-product-title .info ul {
		text-align: center;
		justify-content: center;
		margin-top: 0;
	}

	.index-product-title .info ul li {
		font-size: 12px;
		margin: 0 5px;
		line-height: 35px;
	}

	.index-cate-list {
		margin: 10px;
	}

	.index-cate-list ul {
		justify-content: center;
		text-align: center;
		display: flex;
	}

	.index-cate-list ul li {
		margin: 0 3px;
		font-size: 14px;
		line-height: 40px;
		flex: 1;
	}

	.index-cate-list ul li a {
		padding: 0 10px;
	}

	.index-about .info {
		padding: 20px 0;
	}

	.index-about .info h3 {
		font-size: 24px;
	}

	.index-about-pic .item .label {
		left: 10px;
		bottom: 15px;
	}

	.index-about-pic .item .label span {
		font-size: 12px;
		padding: 0 10px;
		line-height: 30px;
	}

	.index-mp {
		flex-direction: column;
		padding: 10px;
	}

	.index-mp .info {
		width: 100%;
	}

	.index-mp .info ul {}

	.index-mp .info ul li {
		margin-bottom: 10px;
		padding: 10px 15px;
		border-radius: 10px;
	}

	.index-mp .info ul li b {
		font-size: 18px;
	}

	.index-mp .info ul li span {
		font-size: 14px;
		margin-top: 0;
	}

	.index-about {
		flex-direction: column;
		padding: 0 15px;
	}

	.index-about .pic {
		width: 100%;
	}

	.index-about .info {
		width: 100%;
	}

	.index-p-list ul {
		margin: 5px;
	}

	.index-p-list ul li {
		width: 50%;
		padding: 5px;
	}

	.index-p-list ul li a {
		height: 100%;
	}

	.index-p-list ul li:nth-child(6) {
		margin-left: 0;
	}

	.index-product ul {
		margin: 0;
		flex-wrap: wrap;
	}

	.index-product ul li {
		width: 50%;
		flex: auto;
		padding: 7px;
		margin-bottom: 0px;
	}

	.index-product ul li a {}

	.index-product ul li .name {
		line-height: 25px;
		font-size: 16px;
		margin-top: 10px;
		height: auto;
	}

	.index-product ul li .tips {
		margin-top: 0;
		display:none;
	}

	.index-product ul li .more {
		margin: 5px 0;
		font-size: 12px;
		color: #999;
	}

	.p-cate {
		margin-bottom: 0px;
	}

	.news-list {
		margin-top: 0;
	}

	.news-list ul {
		padding: 15px;
	}

	.news-list ul li {
		width: 100%;
		flex-direction: column;
		padding: 15px;
		margin: 0px;
	}

	.news-list ul li .a {
		width: 100%;
		margin-bottom: 10px;
	}

	.news-list ul li .info {
		padding: 0;
	}

	.news-list ul li .info .title {
		font-size: 16px;
	}

	.foot-link {
		flex-wrap: wrap;
		border-top: none;
		margin: 0 5px;
		display: none;
	}

	.foot-link ul {
		width: 100%;
		flex: auto;
	}

	.foot-link ul li {
		display: none;
	}

	.foot-link ul li.show {
		display: block;
	}

	.foot-link ul li.t {
		font-size: 16px;
		line-height: 20px;
		height: 30px;
		margin-bottom: 10px;
		display: block;
		border-bottom: #666 solid 1px;
		position: relative;
	}

	.foot-link ul li.t::after {
		font-family: "iconfont";
		content: "\e6e1";
		position: absolute;
		right: 0;
		top: 0;
		line-height: 20px;
	}

	.foot-link ul li.t.show::after {
		content: "\e772";
	}

	.foot-link ul li a {
		padding: 0;
		line-height: 25px;
		font-size: 12px;
	}

	.foot-code {
		margin-top: 50px;
	}

	.en-title {
		padding: 15px;
		margin-bottom: 10px;
	}

	.current {
		font-size: 14px;
		padding: 0 10px;
	}

	.bg-contact {
		padding: 30px 0;
	}

	.contact {
		padding: 0;
	}

	.contact-info .name {
		margin-bottom: 10px;
	}

	.contact-info .cont {
		padding: 15px;
		margin-bottom: 15px;
		border-bottom: #ddd solid 1px;
	}

	.contact-info ul {
		flex-direction: column;
		padding: 15px;
	}

	.contact-info ul li {
		width: 100%;
		margin-bottom: 0px;
		padding-left: 60px;
		position: relative;
		text-align: left;
		font-size: 14px;
		line-height: 25px;
	}

	.contact-info ul li span {
		font-size: 18px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.contact-info ul li:before {
		font-size: 40px;
		width: 50px;
		line-height: 50px;
		height: 50px;
		text-align: center;
		position: absolute;
		left: 0px;
		top: calc(50% - 25px);
		margin-bottom: 0;
	}

	.contact-info ul li+li::after {
		display: none;
	}

	.contact-map {
		height: 300px;
	}

	.product-cont .title {
		margin-bottom: 15px;
	}

	.flex-cont {
		flex-direction: column;
	}

	.p-cate ul {
		justify-content: left;
	}

	.search {
		display: none;
	}

	.p-cate ul li {
		padding: 10px 0;
		line-height: 20px;
		width: 33%;
		box-sizing: border-box;
	}

	.p-cate ul li a {
		line-height: 20px;
		font-size: 12px;
		padding: 0 5px;
		border-radius: 15px;
	}

	.all-right {
		display: none;
	}

	.big-pic {}

	.top-menu-btn {
		display: block;
		line-height: 30px;
	}

	.show-cont {
		max-width: 95%;
		padding: 25px 15px;
	}

	.show-cont .wx-code {
		flex: 1;
	}

	.show-cont .wx-code .wx {
		font-size: 14px;
	}

	.show-cont .wx-code .tips {
		font-size: 12px;
	}

	.show-cont .wx-code img {
		max-width: 120px;
	}

	#top {
		background-color: var(--main);
		height: 50px;
		padding: 0;
	}

	#top .logo {
		width: 150px;
		height: 40px;
		left: 0px;
		top: 5px;
	}

	#top.show .logo,
	#top:hover .logo {
		background-image: url(logo-w.png);
	}

	#top:hover {
		background-color: var(--main);
	}

	#top.show {
		background-color: var(--main);
	}

	#top .menu {
		position: fixed;
		display: none;
		top: 50px;
		left: 0;
		width: 100%;
		background-color: #fff;
	}

	#top .menu.show {
		display: block;
	}

	#top .menu ul {
		flex-direction: column;
		line-height: 40px;
		height: auto;
		padding: 5px;
	}

	#top .menu ul>li {
		width: 100%;
		margin: 0;
		text-align: left;
		padding: 5px 10px;
		font-size: 16px;
	}

	#top .menu ul li a {
		line-height: 30px;
		display: block;
		color: #333;
	}

	#top .menu ul li dl {
		display: flex;
		visibility: visible;
		opacity: 1;
		position: static;
		background-color: #000;
		font-size: 14px;
		padding: 5px 10px 5px 0px;
		justify-content: left;
		flex-wrap: wrap;
		border-radius: 0;
		transform: none;
	}

	#top .menu ul li dl dd {
		height: 25px;
		padding: 0 8px 0 0px;
	}

	#top .menu ul li dl dd img {
		display: none;
	}

	#top .menu ul li dl dd span {
		margin-top: 0;
		font-size: 12px;
	}

	#top .menu ul li::after {
		display: none;
	}

	#top .menu ul li.curr::after {
		display: none;
	}

	#top .en {
		transform: scale(0.5);
		top: 1px;
	}

	.index-tips ul li {
		width: 50%;
		padding: 15px;
		box-sizing: border-box;
	}

	.index-tips ul li img {
		width: 60%;
	}

	.p-bg {
		overflow: hidden;
	}

	.a-cont {
		padding: 15px;
	}

	.a-cont .cont {
		font-size: 14px;
		padding: 0;
	}

	.index-product {
		padding: 0 0px;
	}

	.index-product ul {}

	.index-product ul li h3 {
		font-size: 16px;
	}

	.index-product ul li span {
		font-size: 12px;
	}

	.index-about {
		padding: 10px 15px;
		line-height: 25px;
		font-size: 14px;
	}

	.slider {
		height: 300px;
	}

	.index-title {
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.contact-cont {
		z-index: 20;
	}

	.contact-cont .cont {
		font-size: 16px;
	}

	.index-title b {
		font-size: 36px;
		line-height: 50px;
	}

	.bg-screen {
		padding: 15px 0;
	}

	.bg-news {
		padding: 15px 0;
	}

	.index-more {
		padding: 0 30px;
	}

	.index-more .info {
		font-size: 26px;
		line-height: 40px;
	}

	.index-more .more {
		line-height: 40px;
	}

	.index-big-pic {
		margin: 5px 0;
	}

	.index-big-pic .more {
		font-size: 1rem;
	}

	.index-big-pic .more::after {
		font-size: 1.2rem;
	}

	.index-big-pic .b3 .b {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}

	.index-big-pic .b3 span {
		font-size: 0.8rem;
		line-height: 1rem;
		margin-top: 0;
	}

	.index-big-pic .b4 {
		font-size: 1.5rem;
		line-height: 3rem;
		top: 20%;
	}

	/* 关于我们 */
	.about-info {
		flex-direction: column;
		padding: 15px;
	}

	.about-info>div {
		width: auto;
	}

	.about-info .info {
		font-size: 16px;
	}

	.about-pic {
		margin-top: 10px;
	}

	.about-title {
		font-size: 30px
	}

	.about-title.m {
		margin: 15px 0;
	}

	.about-wh {
		height: auto;
		padding: 15px;
		min-height: 400px;
	}

	.about-wh .cont {
		width: auto;
		font-size: 14px;
		margin-top: 20px;
	}

	.about-item {
		margin: 0 15px;
		flex-direction: column;
	}

	.about-item .item {
		width: 100%;
		margin: 0;
	}

	.about-item .pic span {
		font-size: 12px;
		line-height: 20px;
		padding: 10px;
	}

	.history-list {
		margin: 15px 0;
	}

	.history-list .item {
		flex-direction: column;
		padding: 15px;
	}

	.history-list .item .pic {
		width: 100%;
		height: 250px;
	}

	.history-list .item .info {
		width: 100%;
		padding: 15px 0;
	}

	.history-btn {
		display: none;
	}

	.history-time {
		margin: 0 15px;
	}

	.short-btn {
		transition: all;
		transform: scale(0.9);
		bottom: 0px;
		top: auto;
	}

	/* 内页兼容 */
	.bg-white,
	.bg-blue,
	.bg-gray,
	.bg-news,
	.bg-product,
	.bg-about {
		padding: 15px 0;
	}

	.main-title {
		margin: 0px;
	}

	.main-title span {
		font-size: 12px;
	}

	.main-title b {
		font-size: 20px;
	}

	.about-ico ul {
		flex-wrap: wrap;
	}

	.about-ico ul li {
		flex: auto;
		width: 50%;
		padding: 15px 0;
		margin: 7px 15px;
	}

	.p-title {
		line-height: 40px;
		height: 40px;
		padding: 0 15px;
		margin-bottom: 10px;
	}

	.p-title .tt {
		font-size: 20px
	}

	.p-title .more {
		font-size: 14px;
		right: 10px;
		color: #666;
	}

	.p-index-list ul {
		margin: 0 0px;
	}

	.p-index-list ul li {
		width: 100%;
		padding: 0px 15px 15px 15px;
	}

	.p-index-list ul li .pic.b {
		display: none;
	}

	.p-index-list ul li .pic.s {
		display: block;
	}

	.p-index-list ul li.l .info {
		padding: 20px;
		left: 0;
	}

	.p-index-list ul li .link a {
		margin: 0px 5px 0 0;
		font-size: 12px;
		line-height: 20px;
		padding: 0 5px;
	}

	.p-index-list ul li.b .info {
		width: 100%;
		padding: 20px;
		left: 0;
		bottom: 0;
		top: 0;
		display: flex;
		flex-direction: column;
	}

	.p-index-list ul li .bh {
		top: 70px;
	}

	.p-index-list ul li .title {
		font-size: 20px;
	}

	.p-index-list ul li.b .title {
		font-size: 22px;
		font-weight: 600;
		line-height: 30px;
	}

	.p-index-list ul li.r .title,
	.p-index-list ul li.l .title {
		font-size: 24px;
	}

	.p-index-list ul li.b .tt {
		font-size: 14px;
		font-weight: 600;
		line-height: 30px;
		margin-top: 0px;
	}

	.p-index-list ul li.b .title i {
		width: 25px;
		height: 25px;
		margin-left: 10px;
	}

	.p-index-list ul li.b .link {
		margin-top: 0;
	}

	.p-index-list ul li.b .tips {
		font-size: 12px;
		line-height: 20px;
	}

	.p-index-list ul li.b .link a {
		margin: 5px 5px 5px 0;
		line-height: 20px;
		border-radius: 5px;
		border: #666 solid 1px;
		padding: 0 5px;
		font-size: 12px;
	}

	.p-index-list ul li.l {
		width: 100%;
	}

	.p-index-list ul li.r {
		width: 100%;
	}

	.p-index-list ul li.r .info {
		width: 90%;
		padding-top: 20px;
		left: 0;
	}

	.p-index-list ul li.r .title {
		font-size: 22px;
	}

	.p-index-list ul li.r .link {
		display: flex;
		flex-direction: row;
		justify-content: left;
		justify-items: left;
		margin-top: 0;
	}

	.p-index-list ul li.r .link a {
		margin: 0px 5px 5px 0
	}

	.product-list {
		margin-top: -10px;
	}

	.product-list ul {
		margin: 5px;
	}

	.product-list ul li {
		width: 50%;
		padding: 7px;
	}

	.p-cont {
		flex-direction: column;
	}

	.p-slider {
		width: 100%;
	}

	.p-info {
		width: 100%;
		padding: 10px 15px;
	}

	.pp-title {
		font-size: 20px;
		line-height: 35px;
	}

	.p-info .tips {
		font-size: 14px;
		line-height: 25px;
		padding: 10px 0;
		margin: 10px 0;
	}

	.p-info .link a {
		display: inline-block;
		margin: 10px 5px;
		line-height: 30px;
		border-radius: 5px;
		background-color: var(--jin);
		padding: 0 10px;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
	}

	.p-tags {
		flex-direction: column;
		padding: 10px 15px;
	}

	.p-tags .p-tt {
		width: 90%;
		font-size: 18px;
	}

	.p-tags ul {
		width: 100%;
	}

	.p-tags ul li em {
		display: block;
		font-style: normal;
		color: #999;
		line-height: 25px;
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 0px;
	}

	.p-tags ul li span {
		display: block;
		color: #333;
		line-height: 20px;
		font-size: 12px;
		font-weight: 500;
	}

	.p-about {
		padding: 0;
	}

	.hezuo {
		flex-direction: column;
		padding: 0 5px;
	}

	.hezuo .item {
		width: calc(100% - 20px);
		padding: 10px 20px;
		margin: 7px 10px;
	}

	.hezuo .item .t {
		font-size: 20px;
		padding-bottom: 0;
	}

	.hezuo .item ul li {
		font-size: 16px;
	}

	.hezuo .item ul li::before {
		font-size: 25px;
	}

	.foot {
		padding: 0px 0;
	}

	.foot-info {
		width: 100%;
	}

	.big-tel {
		font-size: 30px;
		padding-left: 5px;
		line-height: 50px;
	}

	.foot-cont {
		flex-direction: column;
		margin: 0px;
		padding: 10px 10px;
	}

	.foot-logo {
		width: 100%;
		padding-top: 10px;
		height: 40px;
		background-size: contain;
	}

	.foot-info .span {
		font-size: 12px;
		margin: 5px 0;
		line-height: 20px;
		padding-left: 5px;
	}

	.foot-ico {
		justify-content: center;
	}

	.foot-ico a {
		height: 30px;
		line-height: 30px;
		width: 30px;
		font-size: 26px;
	}

	.foot-contact {}

	.foot-contact ul li {
		width: 100%;
		font-size: 14px;
	}

	.foot-code {
		width: 100%;
		padding-bottom: 50px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.section {
		overflow-x: hidden;
	}

	#top .logo {
		float: left;
		width: 138px;
		height: 50px;
	}

	#top .menu {
		text-align: center;
		margin-left: 140px;
		margin-right: 10px;
	}

	#top .menu ul {
		height: 50px;
		line-height: 50px;
		text-align: center;
		margin: 0 auto;
	}

	#top .menu ul li {
		display: inline-block;
		margin: 0 5px;
		font-size: 14px;
		color: #FFFFFF;
	}

	#top .top-tel {
		display: none
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	#top .logo {
		float: left;
		width: 180px;
		height: 65px;
	}

	#top .top-tel {
		font-size: 20px;
		top: 28px
	}

	#top .menu {
		text-align: center;
		margin-left: 160px;
		margin-right: 160px;
	}

	#top .menu ul {
		height: 65px;
		line-height: 65px;
		text-align: center;
		margin: 0 auto;
	}

	#top .menu ul li {
		display: inline-block;
		margin: 0 8px;
		font-size: 15px;
		color: #FFFFFF;
	}
}

@media(min-width:1200px) {}