/* @font-face {  
    font-family: 'Humnst777';  
    src:url('./fonts/Humnst777.ttf') format('truetype'); 
    font-weight: normal;  
    font-style: normal;  
} */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 1.2;
}

body {
	font-family: "Microsoft YaHei";
	color: #646464;
	font-size: 14px;
	background: #fff;
}

img {
	width: 100%;
	height: auto;
}

ul,
li {
	list-style: none;
	padding: 0;
}

a,
a:hover {
	color: #646464;
	text-decoration: none;
}

a,
span {
	line-height: inherit;
}

.clear {
	clear: both;
}

body.light-gray-bg {
	background: #f4f4f4;
}

html {
	font-size: 625%;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.container-fluid {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.container.wide {
	max-width: 1760px;
}

.common-more {
	width: 120px;
	height: 30px;
}

.common-more a {
	display: block;
	width: 120px;
	height: 30px;
	padding-bottom: 12px;
	background-color: #e52e2e;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.header-top {
	height: 0.46rem;
	background: #f5f5f5;
}

.header-top .container {
	display: flex;
	justify-content: space-between;
}

.header-top .welcome {
	line-height: 0.46rem;
}

.header-top ul {
	display: flex;
	justify-content: flex-end;
}

.header-top ul li {
	height: 0.46rem;
	line-height: 0.46rem;
	margin-left: 0.36rem;
}

.header-top ul li:first-child {
	position: relative;
}

.top-qrcode {
	width: 112px;
	height: 112px;
	box-shadow: 0 0 5px #ccc;
	position: absolute;
	right: 0;
	z-index: 999;
	display: none;
}

.header-top ul li:first-child:hover .top-qrcode {
	display: block;
}

.header-middle .container {
	display: flex;
	justify-content: space-between;
}

.header-middle .logo-slogan {
	display: flex;
}

.header-middle .logo-slogan .logo {
	width: 3.5rem;
	height: 0.66rem;
	margin-top: 0.3rem;
}
.header-middle .logo-slogan .logo img{
	height: 100%;
	max-width: 100%;
}

.header-middle .logo-slogan .slogan {
	height: 0.52rem;
	border-left: 1px solid #dcdcdc;
	margin-left: 0.25rem;
	padding-left: 0.25rem;
	margin-top: 0.36rem;
}

.header-middle .logo-slogan .slogan .primary {
	font-size: 0.20rem;
	font-weight: bold;
	color: #0895d5;
	padding-top: 0.05rem;
}

.header-middle .logo-slogan .slogan .sub {
	font-size: 0.12rem;
	font-weight: bold;
	color: #323232;
	line-height: 1.8;
}

.header-middle .search-tel400 {
	display: flex;
}

.header-middle .search-tel400 .search {
	width: 3.55rem;
	height: 0.4rem;
	margin-top: 0.5rem;
}

.header-middle .search-tel400 .search input[type=text] {
	width: 2.95rem;
	height: 0.4rem;
	border: 1px solid #0895d5;
	padding: 0 15px;
	font-size: 0.16rem;
	outline: none;
	float: left;
}

.header-middle .search-tel400 .search input[type=submit] {
	width: 0.6rem;
	height: 0.4rem;
	background: #0895d5 url(../images/search-icon.png) no-repeat center;
	background-size: 0.3rem;
	border: none;
	overflow: hidden;
	text-indent: -999px;
}

.header-middle .search-tel400 .tel400 {
	margin-left: 0.85rem;
	margin-top: 0.35rem;
}

.header-middle .search-tel400 .tel400 .label {
	font-size: 0.14rem;
	text-align: right;
}

.header-middle .search-tel400 .tel400 .number {
	height: 0.36rem;
	line-height: 0.36rem;
	font-family: "Humnst777";
	font-size: 0.36rem;
	color: #fb393a;
	position: relative;
}

.header-middle .search-tel400 .tel400 .number:before {
	display: block;
	content: "";
	width: 0.25rem;
	height: 0.36rem;
	background: url(../images/tel-400-icon.png) no-repeat center;
	background-size: 0.25rem;
	position: absolute;
	left: -0.35rem;
}

.nav {
	margin-top: 0.60rem;
	padding-bottom: 0px;
	background-color: #0895d5;
}

.nav ul {
	display: flex;
	justify-content: center;
}

.nav ul li {
	height: 55px;
	font-size: 16px;
}

.nav ul li a {
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	display: block;
	height: 55px;
	line-height: 55px;
	color: #fff;
}

.nav ul li:hover a {
	/* border-bottom: 2px solid #0895d5; */
	font-weight: bold;
	color: #0895d5;
	background-color: #fff;
}

.banner {
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
	/* margin-top: 72px; */
}

.banner .swiper-slide img {
	display: block;
}

.banner .banner-container {
	position: relative;
	overflow: hidden;
}

.banner .banner-pagination {
	position: absolute;
	bottom: 38px;
	z-index: 1;
	text-align: center;
}

.banner .banner-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff;
	opacity: 1;
	margin-left: 10px;
	margin-right: 10px;
}

.banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fb393a;
}

.banner .banner-navigation {
	width: 100%;
	height: 52px;
	position: absolute;
	top: 50%;
	margin-top: -26px;
	padding: 0 200px;
	display: flex;
	justify-content: space-between;
	z-index: 1;
}

.banner .banner-navigation .banner-prev:before,
.banner .banner-navigation .banner-next:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	cursor: pointer;
	transition: all .3s ease;
}

.banner .banner-navigation .banner-prev:hover:before,
.banner .banner-navigation .banner-next:hover:after {
	border-color: #fb393a;
}

.banner .banner-navigation .banner-prev:before {
	transform: rotate(-45deg);
	margin-top: 9px;
	margin-left: 20px;
}

.banner .banner-navigation .banner-next:after {
	transform: rotate(135deg);
	margin-top: 9px;
	margin-right: 20px;
}

.datas {
	margin-top: 0.75rem;
}

.datas .list {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.datas .list .item {
	width: 17.9%;
	height: 58px;
	text-align: center;
}
.datas .list .item img{
	width: 0.5rem;
	height: 0.5rem;
	display: inline-block;
}

.datas .list .item .wrapper {
	display: inline-block;
}

.datas .list .item .data,
.datas .list .item .description {
	text-align: left;
}

.datas .list .item+.item {
	border-left: 1px solid #dcdcdc;
}

.datas .list .item:first-child {
	width: 14.2%;
	text-align: left;
}

.datas .list .item:last-child {
	width: 14.2%;
	text-align: right;
}

.datas .list .item .data {
	color: #323232;
}

/* .datas .list .item:hover .data {
	color: #fb393a;
} */

.datas .list .item .data .number {
	height: 0.4rem;
	line-height: 0.4rem;
	font-family: "Humnst777";
	font-size: 0.4rem;
	vertical-align: top;
	color: #0895d5;
}

.datas .list .item .data .unit {
	height: 0.3rem;
	line-height: 0.3rem;
	vertical-align: top;
	color: #323232;
}

.datas .list .item .description {
	font-size: 12px;
	margin-top: 10px;
}

.index-products {
	margin-top: 1.4rem;
}

.index-products .title {
	font-size: 0.3rem;
	font-weight: bold;
	color: #323232;
	text-align: center;
}

.index-products .subtitle {
	font-size: 0.16rem;
	font-weight: lighter;
	text-align: center;
	line-height: 1.8;
}

.index-products .grid {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.index-products .grid .category {
	flex-grow: 1;
	height: 340px;
	border: 1px solid #dcdcdc;
	padding-top: 0.25rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.index-products .grid .category+.category {
	border-left: none;
}

.index-products .grid .category .category-title {
	font-size: 0.2rem;
	font-weight: bold;
	color: #323232;
}

.index-products .grid .category .list {
	margin-top: 10px;
}

.index-products .grid .category .list ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 230px;
}

.index-products .grid .category .list ul li {
	margin: 2px 5px;
}
.index-products .grid .category .list ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ddd;
	padding-left: 5px;
}

.index-products .grid .category .list ul li a:hover {
	color: #fff;
	background-color: #0895d5;
}

.index-products .grid .category .more {
	width: 100px;
	height: 25px;
	float: right;
	margin-right: 25px;
}

.index-products .grid .category .more a {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background-color: #e52e2e;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.index-products .pic-list-video {
	display: flex;
	margin-top: 0.6rem;
	margin-left: -5px;
	margin-right: -5px;
}

.index-products .pic-list-video .video1,
.index-products .pic-list-video .pic-list {
	margin-left: 5px;
	margin-right: 5px;
}

.index-products .pic-list-video .video1 {
	flex-basis: calc(40% - 10px)
}

.index-products .pic-list-video .pic-list {
	flex-basis: calc(20% - 10px)
}

.index-products .pic-list-video .pic-list:nth-child(1) {
	order: 1;
}

.index-products .pic-list-video .pic-list:nth-child(3) {
	order: 3;
}

.index-products .pic-list-video .pic-list:nth-child(4) {
	order: 4;
}

.index-products .pic-list-video .video1 {
	order: 0;
}

.index-products .pic-list-video .pic-list .item {
	position: relative;
	overflow: hidden;
}

.index-products .pic-list-video .pic-list .item+.item {
	margin-top: 0.05rem;
}

.index-products .pic-list-video .pic-list .item .pic {}

.index-products .pic-list-video .video1 img,
.index-products .pic-list-video .pic-list .item .pic img {
	display: block;
}

.index-products .pic-list-video .pic-list .item .text {
	width: calc(100% - 0.4rem);
	height: 0.68rem;
	line-height: 0.68rem;
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	bottom: -0.68rem;
	left: 0;
	margin-left: 0.2rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	color: #323232;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 0;
	transition: all .3s ease;
}

.index-products .pic-list-video .pic-list .item .text:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background: url(../images/1.png) no-repeat center;
}

.index-products .pic-list-video .pic-list .item:hover .text {
	bottom: 12px;
	opacity: 1;
}

.devices {
	margin-top: 0.85rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	/* background: #323232; */
	background-image: url(../images/background-1.jpg);
	background-size: 100% 100%；
	overflow: hidden;
}

.devices .processing-devices,
.devices .testing-devices {
	display: flex;
}

.devices .testing-devices {
	margin-top: 0.65rem;
}

.devices .text {
	flex-basis: 20%;
	padding-right: 50px;
	color: #fff;
}

.devices .text .title {
	font-size: 0.3rem;
	font-weight: bold;
}

.devices .text .description {
	line-height: 25px;
	margin-top: 0.15rem;
	text-align: justify;
}

.devices .text .common-more {
	margin-top: 0.5rem;
}

.devices .text .common-more a {
	color: #fff;
}

.devices .list {
	flex-basis: 80%;
	display: flex;
	margin-left: -4px;
	margin-right: -4px;
}

.devices .list .item {
	margin-left: 4px;
	margin-right: 4px;
}

.devices .list .item .title {
	height: 15px;
	line-height: 15px;
	color: #fff;
	margin-top: 0.3rem;
}

.problems {
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	position: relative;
	background-color: #f1f1f1;
}

.problems .title {
	text-align: center;
}

.problems .title span:first-child {
	display: inline-block;
	height: 0.4rem;
	line-height: 0.3rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: #e52e2e;
	vertical-align: top;
}

.problems .title span:nth-child(2) {
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.4rem;
	font-weight: bold;
	color: #fb393a;
	margin-left: 0.15rem;
}

.problems .title span:last-child {
	height: 0.0.26rem;
	line-height: 0.0.26rem;
	font-size: 0.26rem;
	font-weight: bold;
	color: #323232;
}

.problems .subtitle {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	color: #323232;
}

.problems .list {
	/* max-width: 1420px; */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.1rem;
	background-color: #f1f1f1;
}

.problems .list .item {
	width: 23%;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #fff;
}

/* .problems .list .item:nth-child(odd) .wrapper {
	float: left;
}

.problems .list .item:nth-child(even) .wrapper {
	float: right;
} */

.problems .list .item .wrapper {
	width: 100%;
}

.problems .list .item .red-line{
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 20%;
	border-bottom: 0.03rem solid #fb393a;
}

.problems .list .item .number {
	width: 100%;
	height: 0.46rem;
}

.problems .list .item .number span{
	width: 100%;
	height: 0.46rem;
	line-height: 0.4rem;
	float: left;
	text-align: center;
	font-size: 0.2rem;
	font-weight: bold;
	color: #000;
}
/* .problems .list .item .number span:first-child {
	width: 0.46rem;
	height: 0.46rem;
	line-height: 0.4rem;
	border: 0.03rem solid #fb393a;
	float: left;
	text-align: center;
	font-size: 0.35rem;
	font-weight: bold;
	color: #fb393a;
} */

/* .problems .list .item .number span:last-child {
	width: 0.69rem;
	height: 0.46rem;
	line-height: 0.46rem;
	float: left;
	background: #fb393a;
	text-align: center;
	font-family: "Humnst777";
	font-size: 0.35rem;
	color: #fff;
} */

.problems .list .problem {
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	color: #323232;
	margin-top: 0.2rem;
	text-align: center;
	padding: 0 15px;
}

.problems .list .consultation {
	float: left;
	width: 100%;
	margin-top: 0.35rem;
}

.problems .list .consultation img{
	display: block;
	width: 100%;
	padding-top: 8px;
}

.problems .think {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 3.86rem;
	margin-left: -1.93rem;
}

.reasons {
	padding-top: 1rem;
	overflow: hidden;
	background: #f2f2f2;
	padding-bottom: 1.3rem;
}

.reasons .title {
	text-align: center;
}

.reasons .title span:first-child {
	display: inline-block;
	height: 0.4rem;
	line-height: 0.3rem;
	border-bottom: 2px solid #fb393a;
	font-size: 0.3rem;
	font-weight: bold;
	color: #323232;
	vertical-align: top;
}

.reasons .title span:last-child {
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 0.4rem;
	font-weight: bold;
	color: #fb393a;
	margin-left: 0.15rem;
}

.reasons .subtitle {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
	color: #323232;
}

.reasons .subtitle p {
	line-height: 25px;
}

.reasons .list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.22rem;
	margin-right: -0.22rem;
	align-items: stretch;
}

.reasons .list .item {
	margin-top: 0.4rem;
	width: calc(50% - 0.44rem);
	margin-left: 0.22rem;
	margin-right: 0.22rem;
	overflow: hidden;
	background: #fff;
	padding-bottom: 0.35rem;
}

.reasons .list .item .item-title {
	padding-left: 0.55rem;
	padding-right: 0.55rem;
	font-size: 20px;
	font-weight: bold;
	color: #0895d5;
	margin-top: 0.45rem;
}

.reasons .list .item ul {
	padding-left: 0.55rem;
	padding-right: 0.55rem;
	margin-top: 0.25rem;
}

.reasons .list .item ul li {
	margin-top: 0.08rem;
	line-height: 1.6;
}

.reasons .list .item ul li span {
	color: #fb393a;
}

.index-case {
	overflow: hidden;
	background: url(../images/background-2.jpg) no-repeat center;
	background-size: cover;
	padding-top: 1.05rem;
	padding-bottom: 1.3rem;
}

.index-case .container {
	display: flex;
}

.index-case .text {
	width: 25%;
	color: #fff;
}

.index-case .text .title {
	font-size: 0.3rem;
	font-weight: bold;
}

.index-case .text .common-more {
	margin-top: 0.25rem;
}

.index-case .text .common-more a {
	color: #fff;
}

.index-case .text .description {
	margin-top: 0.3rem;
	padding-right: 0.25rem;
	line-height: 25px;
	text-align: justify;
}

.index-case .list {
	width: 75%;
}

.index-case .list .customer-logos {
	display: flex;
	margin-left: -0.14rem;
	margin-right: -0.14rem;
}

.index-case .list .customer-logos .item {
	width: calc(14.2857% - 0.24rem);
	margin-left: 0.14rem;
	margin-right: 0.14rem;
	cursor: pointer;
}

.index-case .list .customer-logos .item img {
	display: block;
}

.index-case .list .customer-logos .item.active {
	/* border: 0.03rem solid #fb393a; */
}

.index-case .list .case-display {
	display: flex;
	justify-content: space-between;
	margin-top: 0.5rem;
	position: relative;
}

.index-case .list .case-display .case-pic {
	width: 30%;
	overflow: hidden;
}

.index-case .list .case-display .case-pic img {
	display: block;
}

.index-case .list .case-display .case-content {
	width: 68%;
	overflow: hidden;
	color: #fff;
	position: relative;
}

.index-case .list .case-display .case-content .date {
	font-family: "Humnst777"
}

.index-case .list .case-display .case-content .date span:first-child {
	font-size: 0.3rem;
}

.index-case .list .case-display .case-content .date span:last-child {
	font-size: 0.16rem;
}

.index-case .list .case-display .case-content .title {
	font-size: 16px;
	margin-top: 0.3rem;
}

.index-case .list .case-display .case-content .title a {
	color: #fff;
}

.index-case .list .case-display .case-content .description {
	line-height: 20px;
	font-size: 12px;
	margin-top: 10px;
}

.index-case .list .case-display .case-content .common-more {
	position: absolute;
	bottom: 2px;
}

.index-case .list .case-display .case-content .common-more a {
	color: #fff;
}

.index-case .list .case-display .case-navigation {
	width: 84px;
	height: 42px;
	position: absolute;
	left: 0;
	bottom: -42px;
	display: flex;
}

.index-case .list .case-display .case-navigation .case-prev {
	width: 42px;
	height: 42px;
	background: #fb393a url(../images/arrow.png) no-repeat center;
	transform: rotate(180deg);
	cursor: pointer;
	outline: none;
}

.index-case .list .case-display .case-navigation .case-next {
	width: 42px;
	height: 42px;
	background: #0895d5 url(../images/arrow.png) no-repeat center;
	cursor: pointer;
	outline: none;
}

.index-about {
	background: #f2f2f2;
	overflow: hidden;
	display: flex;
	padding-right: 0;
	padding-left: 0;
}

.index-about .text {
	width: 50%;
	padding-left: 15px;
}

.index-about .text .wrapper {
	max-width: 880px;
	float: right;
	padding-right: 0.7rem;
	padding-top: 1.5rem;
}

.index-about .text .title {
	font-size: 0.3rem;
	font-weight: bold;
	color: #323232;
}

.index-about .text .subtitle {
	margin-top: 0.1rem;
}

.index-about .text .description {
	text-align: justify;
	line-height: 30px;
	margin-top: 0.3rem;
}

.index-about .text .common-more {
	margin-top: 1rem;
}

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

.index-news {
	margin-top: 0.4rem;
	margin-bottom: 0.65rem;
}

.index-news .title-bar {
	display: flex;
	justify-content: space-between;
}

.index-news .title-bar .title {
	font-size: 0.3rem;
	font-weight: bold;
	color: #323232;
}

.index-news .title-bar .common-more {
	text-align: right;
}

.index-news .content {
	margin-top: 0.45rem;
	display: flex;
}

.index-news .content .hotline {
	width: 50%;
	padding-right: 20px;
}

.index-news .content .hotline .group {
	margin-left: -10px;
	margin-right: -10px;
	display: none;
}

.index-news .content .hotline .group.active {
	display: flex;
}

.index-news .content .hotline .group .item {
	width: calc(50% - 10px);
	margin-left: 10px;
	margin-right: 10px;
}

.index-news .content .hotline .group .item .date {
	color: #323232;
	font-family: "Humnst777";
	margin-top: 0.1rem;
}

.index-news .content .hotline .group .item:hover .date {
	color: #fb393a;
}

.index-news .content .hotline .group .item .date span:first-child {
	font-size: 0.3rem;
}

.index-news .content .hotline .group .item .date span:last-child {
	font-size: 0.16rem;
}

.index-news .content .hotline .group .item .title {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.2rem;
}

.index-news .content .hotline .group .item:hover .title a {
	color: #fb393a;
}

.index-news .content .hotline .group .item .description {
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}

.index-news .content .hotline .group .item .common-more {
	margin-top: 0.3rem;
}

.index-news .content .list {
	width: 50%;
	padding-left: 25px;
}

.index-news .content .list .tabs {
	display: flex;
}

.index-news .content .list .tabs .item {
	width: 130px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #0895d5;
	font-size: 20px;
	color: #0895d5;
	user-select: none;
	cursor: pointer;
}

.index-news .content .list .tabs .item+.item {
	margin-left: 16px;
}

.index-news .content .list .tabs .item.active {
	border: none;
	background: #0895d5;
	color: #fff;
}

.index-news .content .list .views {
	margin-top: 20px;
	overflow: hidden;
}

.index-news .content .list .views .group {
	display: none;
}

.index-news .content .list .views .group.active {
	display: block;
}

.index-news .content .list .views .group .item {
	display: flex;
	margin-top: 0.2rem;
}

.index-news .content .list .views .group .item:not(:last-child) {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 0.3rem;
}

.index-news .content .list .views .group .item .title-description {
	width: calc(100% - 115px);
	height: 42px;
	border-right: 1px solid #dcdcdc;
	margin-right: 30px;
	padding-right: 0.45rem;
}

.index-news .content .list .views .group .item .title-description .title {
	height: 16px;
	padding-left: 10px;
	line-height: 16px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.index-news .content .list .views .group .item .title-description .title:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #323232;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}

.index-news .content .list .views .group .item:hover .title-description .title:before {
	background: #fb393a;
}

.index-news .content .list .views .group .item .title-description .title a {
	color: #323232;
}

.index-news .content .list .views .group .item:hover .title-description .title a {
	color: #fb393a;
}

.index-news .content .list .views .group .item .title-description .description {
	padding-left: 10px;
	font-size: 12px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-news .content .list .views .group .item .date {
	width: 85px;
	font-family: "Humnst777";
	color: #323232;
}

.index-news .content .list .views .group .item:hover .date {
	width: 85px;
	color: #fb393a;
}

.index-news .content .list .views .group .item .date span:first-child {
	display: block;
	font-size: 0.3rem;
}

.index-news .content .list .views .group .item .date span:last-child {
	display: block;
	font-size: 0.16rem;
}

.footer .container {
	max-width: calc(50% + 960px);
	margin-left: auto;
	margin-right: 0;
	padding-top: 0.4rem;
	background: #0895d5;
	padding-right: 15px;
	/* padding-left: 15px; */
	padding-bottom: 0.68rem;
}
.footer .container .fast-navigation{
	width: 80%;
	margin: 0 auto;
	display: flex;
	margin-top: 0rem;
	margin-bottom: 0.5rem;
}
.footer .container .fast-navigation ul{
	margin: 0 auto;	
}
.footer .container .fast-navigation ul li{
	display: block;
	padding: 0 20px;
	float: left;
	-webkit-transform:skew(-20deg);
	border-right: 1px solid #969696;
}
.footer .container .fast-navigation ul li a{
	display: block;
	float: left;
	color: #fff;
	-webkit-transform:skew(20deg);
}
.footer .container .fast-navigation ul li a:hover{
	color: #fff;
}
.footer .container .wrapper {
	max-width: 1500px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.footer .container .wrapper .label {
	/* float: left; */
	margin-right: 0.28rem;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.footer .container .wrapper ul {
	float: left;
}

.footer .container .wrapper ul li,
.footer .container .wrapper ul li a {
	margin-bottom: 10px;
	color: #fff;
}

.footer .container .wrapper .logo-bottom {
	width: 320px;
}
.footer .container .wrapper .logo-bottom img{
	width: 100%;
	padding-top: 30px;
}
/* .footer .container .wrapper .logo-bottom ul {
	display: flex;
	flex-wrap: wrap;
	width: 220px;
	height: 110px;
	flex-direction: column;
}

.footer .container .wrapper .logo-bottom ul li {
	width: 50%;
} */

.footer .container .wrapper .contact-information {
	width: 425px;
}

.footer .container .wrapper .contact-information ul {
	width: 325px;
}

.footer .container .wrapper .contact-information ul li {
	white-space: nowrap;
}
.footer .container .wrapper .contact-information ul li i{
	font-size: 24px;
	color: #fff;
}

/* .footer .container .wrapper .contact-information ul li:nth-child(3) {
	margin-bottom: 0;
}

.footer .container .wrapper .contact-information ul li:nth-child(4) {
	margin-top: 0.6rem;
	margin-bottom: 5px;
}

.footer .container .wrapper .contact-information ul li:nth-child(5) {
	font-family: "Humnst777";
	font-size: 24px;
	color: #fff;
} */

.footer .container .wrapper .tel400-qrcode .tel400 .number {
	font-family: "Humnst777";
	font-size: 24px;
	color: #fff;
	margin-top: 10px;
}

.footer .container .links {
	width: 1500px;
	margin-left: 0.6rem;
}

.footer .container .links .label {
	margin-right: 0.28rem;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.footer .container .links ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.footer .container .links ul li {
	margin-left: 10px;
	margin-right: 10px;
}

.footer .container .wrapper .qrcode {
	width: 112px;
	margin-top: 0px;
}

.footer .container .wrapper .qrcode .text {
	/* line-height: 30px; */
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.copyright {
	height: 0.8rem;
	background-color: #181f22;
}

.copyright .container {
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	color: #969696;
}

.copyright .container a {
	color: #969696;
}

.copyright .container span:nth-child(1) {
	margin-left: 10px;
}

.copyright .container span:nth-child(4) {
	margin-left: 20px;
}

.copyright .container span:last-child {
	margin-left: 60px;
}

.kf {
	width: 78px;
	height: 360px;
	position: fixed;
	right: 15px;
	top: 55%;
	z-index: 999;
}

.kf>a {
	display: block;
	background: #0895d5;
	width: 78px;
	height: 72px;
	color: #fff;
	border: 2px solid #fff;
	box-sizing: border-box;
	margin: 2px;
	/* border: 2px solid #0895d5; */
	overflow: hidden;
	transition: all .3s ease;
}

.kf>a:hover {
	background: #fff;
	border-color: #0895d5;
	color: #646464;
}

.kf .qq:hover,
.kf .phone:hover {
	width: 250px;
	margin-left: -172px;
}

.kf .qq .wrapper,
.kf .phone .wrapper {
	width: 250px;
	height: 70px;
}

.kf .qq .icon,
.kf .phone .icon {
	float: left;
}

.kf .qq .text,
.kf .phone .text {
	height: 70px;
	line-height: 70px;
	float: left;
	margin-left: 5px;
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}

.kf .qq .text:before,
.kf .phone .text:before {
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	background: rgba(255, 255, 255, .3);
	position: absolute;
	top: 5px;
	left: 0;
}

.kf .icon {
	width: 76px;
	height: 70px;
}

.kf .icon .i {
	width: 25px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.kf .icon .t {
	text-align: center;
	margin-top: 10px;
}

.kf .qq .icon .i {
	background: url(../images/kf-qq-icon-nomal.png) no-repeat center;
}

.kf .qq:hover .icon .i {
	background: url(../images/kf-qq-icon-hover.png) no-repeat center;
}

.kf .phone .icon .i {
	background: url(../images/kf-phone-icon-nomal.png) no-repeat center;
}

.kf .phone:hover .icon .i {
	background: url(../images/kf-phone-icon-hover.png) no-repeat center;
}

.kf .qrcode .icon .i {
	background: url(../images/kf-qrcode-icon-nomal.png) no-repeat center;
}

.kf .qrcode:hover .icon .i {
	background: url(../images/kf-qrcode-icon-hover.png) no-repeat center;
}

.kf .message .icon .i {
	background: url(../images/kf-message-icon-nomal.png) no-repeat center;
}

.kf .message:hover .icon .i {
	background: url(../images/kf-message-icon-hover.png) no-repeat center;
}

.kf .top .icon .i {
	background: url(../images/up-nomal.png) no-repeat center;
}

.kf .top .icon:hover .i {
	background: url(../images/up-hover.png) no-repeat center;
}

.kf-qrcode {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 144px;
	right: 85px;
	display: none;
	box-shadow: 0 0 10px #ccc;
}

.inner-banner {
	overflow: hidden;
}

.inner-banner img {
	display: block;
}

.level2-nav {
	height: 66px;
	border-bottom: 1px solid #dcdcdc;
}

.level2-nav ul {
	display: flex;
	justify-content: flex-start;
}

.level2-nav ul li {
	height: 65px;
	font-size: 20px;
}

.level2-nav ul li a {
	display: block;
	height: 65px;
	line-height: 65px;
	padding-left: 20px;
	padding-right: 20px;
	border: 2px solid #cdcdcd;
	box-sizing: border-box;
}

.level2-nav ul li a:hover,
.level2-nav ul li.current a {
	color: #fff;
	background: #fb393a;
}


.news {
	margin-top: 80px;
	margin-bottom: 90px;
	background: linear-gradient(#fff 200px, #f2f2f2 200px, #f2f2f2 432px, #fff 432px);
}

.news .hotline {
	height: 432px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.news .hotline .label-dates {
	width: 165px;
}

.news .hotline .label {
	width: 135px;
	height: 68px;
	margin-left: 14px;
	line-height: 68px;
	text-align: center;
	background: #fb393a;
	border-radius: 10px;
	border-top-left-radius: 0;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	position: relative;
}

.news .hotline .label:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 7px solid #fb393a;
	border-left-color: #fff;
	border-bottom-color: #fff;
	position: absolute;
	top: 0;
	left: -14px;
}

.news .hotline .dates {
	overflow: hidden;
	width: 147px;
	text-align: right;
	margin-top: 20px;
}

.news .hotline .dates .date {
	font-family: "Humnst777";
	color: #323232;
}

.news .hotline:hover .dates .date {
	color: #fb393a;
}

.news .hotline .dates .date span:first-child {
	font-size: 30px;
}

.news .hotline .dates .date span:last-child {
	font-size: 16px;
}

.news .hotline .pics {
	width: 535px;
	position: relative;
}

.news .hotline .pics .pics-controller {
	overflow: hidden;
	width: 100%;
}

.news .hotline .pics img {
	display: block;
}

.news .hotline .pics .hotline-pagination {
	position: absolute;
	bottom: 25px;
	z-index: 1;
	font-family: "Humnst777";
	color: #fff;
	padding-right: 75px;
	text-align: right;
}

.news .hotline .pics .hotline-pagination .current {
	font-size: 30px;
	line-height: 1;
	vertical-align: top;
}

.news .hotline .pics .hotline-pagination .total {
	font-size: 16px;
	line-height: 1.5;
	vertical-align: top;
}

.news .hotline .pics .hotline-navigation {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100px;
	height: 50px;
	display: flex;
	right: -50px;
}

.news .hotline .pics .hotline-navigation .hotline-prev {
	width: 50px;
	height: 50px;
	background: #fb393a url(../images/arrow.png) no-repeat center;
	transform: rotate(180deg);
	outline: none;
	cursor: pointer;
}

.news .hotline .pics .hotline-navigation .hotline-next {
	width: 50px;
	height: 50px;
	background: #0895d5 url(../images/arrow.png) no-repeat center;
	outline: none;
	cursor: pointer;
}

.news .hotline .texts {
	overflow: hidden;
	width: 445px;
	margin-left: 55px;
}

.news .hotline .texts .title {
	font-size: 16px;
	font-weight: bold;
}

.news .hotline .texts .title a {
	color: #323232;
}

.news .hotline:hover .texts .title a {
	color: #fb393a;
}

.news .hotline .texts .description {
	line-height: 20px;
	font-size: 12px;
	margin-top: 15px;
}

.news .hotline .texts .common-more {
	margin-top: 45px;
}

.news .list {}

.news .list .item {
	display: flex;
	justify-content: space-between;
	margin-top: 75px;
}

.news .list .item .pic {
	width: 395px;
}

.news .list .item .pic img {
	display: block;
}

.news .list .item .text {
	width: 750px;
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
	border-bottom: 1px solid #dcdcdc;
}

.news .list .item .text .title-description {
	width: 540px;
}

.news .list .item .text .title-description .title {
	font-size: 16px;
	font-weight: bold;
}

.news .list .item .text .title-description .title a {
	color: #323232;
}

.news .list .item:hover .text .title-description .title a {
	color: #fb393a;
}

.news .list .item .text .title-description .description {
	line-height: 20px;
	font-size: 12px;
	margin-top: 20px;
}

.news .list .item .more-date {
	width: 120px;
	margin-top: 40px;
}

.news .list .item .more-date .date {
	margin-top: 15px;
	font-family: "Humnst777";
	color: #323232;
}

.news .list .item .more-date .date span:first-child {
	font-size: 26px;
}

.news .list .item .more-date .date span:last-child {
	font-size: 16px;
}

.news .page {
	margin-top: 110px;
}

.news .page ul {
	justify-content: center;
}

.page ul {
	display: flex;
	height: 25px;
}

.page ul li {
	height: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #323232;
	margin-left: 10px;
	margin-right: 10px;
}

.page ul li a {
	display: block;
	height: 25px;
	color: #323232;
}

.page ul li a:hover,
.page ul li.current {
	border-bottom: 2px solid #fb393a;
}

.page ul li.prev,
.page ul li.next {
	width: 25px;
	height: 25px;
	background: url(../images/page-arrow.png) no-repeat center;
	overflow: hidden;
	text-indent: -999px;
}

.page ul li.prev {
	transform: rotate(180deg);
}

.page ul li.prev:hover a {
	border-top: 2px solid #fb393a;
	border-bottom: none;
}

.product {
	margin-top: 60px;
	margin-bottom: 120px;
}

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

.product .list-page {
	width: 1330px;
}

.product .list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -60px;
}
.product .list .list-menu{
	width: 100%;
	padding-bottom: 30px;
}
.product .list .list-menu li a{
	display: block;
	float: left;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #0895d5;
	margin: 8px;
}
.product .list .list-menu li a:hover{
	color: #fff;
	background-color: #0895d5;
}
.list-menu-on{
	color: #fff;
	background-color: #0895d5;
}
.product .list .item {
	width: calc(25% - 16px);
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 60px;
	border-bottom: 2px solid #dcdcdc;
	transition: all .3s ease;
}

.product .list .item:hover {
	border-bottom-color: #fb393a;
}

.product .list .item .pic {}

.product .list .item .pic img {
	display: block;
}

.product .list .item .title {
	height: 55px;
	line-height: 50px;
	padding-right: 35px;
	color: #323232;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.product .list .item .title:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/2.png) no-repeat center;
	position: absolute;
	right: 35px;
	top: 0;
	opacity: 0;
	transition: all .3s ease;
}

.product .list .item:hover .title:after {
	right: 0;
	opacity: 1;
}

.product .page {
	margin-top: 70px;
}

.product .page ul {
	justify-content: flex-end;
}

.product .category {
	width: 360px;
	border-top: 2px solid #fb393a;
}

.product .category .title {
	font-size: 30px;
	font-weight: bold;
	color: #323232;
	margin-top: 10px;
}

.product .category .group {
	margin-top: 35px;
}

.product .category .group .category-title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.product .category .group ul {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.product .category .group ul li {
	line-height: 30px;
}

.product .category .group ul li:hover a,
.product .category .group ul li.current a {
	color: #fb393a;
	border-bottom: 1px solid #fb393a;
}

.product .category .group:nth-child(2) ul {
	height: 250px;
}

.product .category .group:nth-child(3) ul {
	height: 160px;
}

.product .category .group:nth-child(4) ul {
	height: 340px;
}

.product-detail {
	margin-top: 85px;
}

.product-detail .product-show {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.product-detail .product-show .pics {
	width: 600px;
	overflow: hidden;
	position: relative;
}

.product-detail .product-show .pics img {
	display: block;
}

.product-detail .product-show .pics .pics-pagination {
	position: absolute;
	bottom: 36px;
	z-index: 1;
	text-align: center;
}

.product-detail .product-show .pics .pics-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #fff;
	opacity: 1;
	margin-left: 12px;
	margin-right: 12px;
}

.product-detail .product-show .pics .pics-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fb393a;
}

.product-detail .product-show .text {
	width: 335px;
	border-top: 2px solid #fb393a;
}

.product-detail .product-show .text h1 {
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	color: #323232;
	margin-top: 20px;
}

.product-detail .product-show .text .propertys {
	margin-top: 25px;
}

.product-detail .product-show .text .propertys p,
.product-detail .product-show .text .propertys div {
	line-height: 25px;
	margin-top: 15px;
}

.product-detail .product-show .text .tel400 {
	margin-top: 130px;
}

.product-detail .product-show .text .tel400 .lable {}

.product-detail .product-show .text .tel400 .number {
	font-family: "Humnst777";
	font-size: 30px;
	color: #fb393a;
}

.product-detail .product-show .text .buy-button {
	width: 170px;
	height: 35px;
	text-align: center;
	background: #fb393a;
	font-size: 20px;
	margin-top: 20px;
}

.product-detail .product-show .text .buy-button a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #fff;
}

.product-detail .detail-relevant {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	position: relative;
}

.product-detail .detail-relevant:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #dcdcdc;
	position: absolute;
	left: 967px;
	top: 0;
}

.product-detail .detail-relevant .detail {
	width: 800px;
	border-top: 2px solid #dcdcdc;
}

.product-detail .detail-relevant .relevant {
	width: 190px;
	border-top: 2px solid #fb393a;
}

.product-detail .detail-relevant .relevant>.title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
	margin-top: 10px;
}

.product-detail .detail-relevant .relevant .list {
	margin-top: 35px;
}

.product-detail .detail-relevant .relevant .list .item {
	margin-bottom: 40px;
	border-bottom: 2px solid #dcdcdc;
	transition: all .3s ease;
}

.product-detail .detail-relevant .relevant .list .item:hover {
	border-bottom-color: #fb393a;
}

.product-detail .detail-relevant .relevant .list .item .pic {}

.product-detail .detail-relevant .relevant .list .item .pic img {
	display: block;
}

.product-detail .detail-relevant .relevant .list .item .title {
	height: 55px;
	line-height: 50px;
	padding-right: 30px;
	color: #323232;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.product-detail .detail-relevant .relevant .list .item .title:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/2.png) no-repeat center;
	position: absolute;
	right: 30px;
	top: 0;
	opacity: 0;
	transition: all .3s ease;
}

.product-detail .detail-relevant .relevant .list .item:hover .title:after {
	right: 0;
	opacity: 1;
}

.product-detail .detail-relevant .relevant .contact {
	margin-bottom: 50px;
}

.single-page .detail {}

.single-page .detail h1 {
	font-size: 24px;
	font-weight: bold;
	color: #323232;
	margin-top: 10px;
}

.single-page .detail .material {
	margin-top: 45px;
}

.single-page .detail .material .title,
.single-page .detail .technology .title {
	font-size: 30px;
	color: #323232;
}

.single-page .detail .material .list,
.single-page .detail .technology .list {
	margin-top: 15px;
}

.single-page .detail .material .list ul,
.single-page .detail .technology .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -15px;
}

.single-page .detail .material .list ul li {
	width: 150px;
}

.single-page .detail .material .list ul li,
.single-page .detail .technology .list ul li {
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #fb393a;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}

.single-page .detail .technology {
	margin-top: 35px;
}

.single-page .detail .technology .list ul li {
	width: 105px;
}

.single-page .detail .zx-think {
	line-height: 20px;
	font-size: 16px;
	color: #323232;
	margin-top: 50px;
	text-align: justify;
}

.single-page .detail .process {
	margin-top: 25px;
}

.single-page .detail .process .title {
	font-size: 24px;
	font-weight: bold;
	color: #323232;
}

.single-page .detail .process .before-processing {
	margin-top: 30px;
}

.single-page .detail .process .catelog {
	font-size: 18px;
	font-weight: bold;
	color: #fb393a;
}

.single-page .detail .process .list {}

.single-page .detail .process .list .item {
	margin-top: 30px;
}

.single-page .detail .process .list .item .item-title {
	padding-left: 40px;
	font-size: 22px;
	font-weight: bold;
	color: #323232;
	position: relative;
}

.single-page .detail .process .list .item .item-title span {
	color: #fb393a;
}

.single-page .detail .process .list .item .item-title:before {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	background: #fb393a;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
}

.single-page .detail .process .before-processing .list .item:nth-child(1) .item-title:before {
	content: "1";
}

.single-page .detail .process .before-processing .list .item:nth-child(2) .item-title:before {
	content: "2";
}

.single-page .detail .process .before-processing .list .item:nth-child(3) .item-title:before {
	content: "3";
}

.single-page .detail .process .processing .list .item:nth-child(1) .item-title:before {
	content: "4";
}

.single-page .detail .process .processing .list .item:nth-child(2) .item-title:before {
	content: "5";
}

.single-page .detail .process .processing .list .item:nth-child(3) .item-title:before {
	content: "6";
}

.single-page .detail .process .after-processing .list .item:nth-child(1) .item-title:before {
	content: "7";
}

.single-page .detail .process .after-processing .list .item:nth-child(2) .item-title:before {
	content: "8";
}

.single-page .detail .process .after-processing .list .item:nth-child(3) .item-title:before {
	content: "9";
}

.single-page .detail .process .after-processing .list .item:nth-child(4) .item-title:before {
	content: "10";
}

.single-page .detail .process .after-processing .list .item:nth-child(5) .item-title:before {
	content: "11";
}

.single-page .detail .process .after-processing .list .item:nth-child(6) .item-title:before {
	content: "12";
}

.single-page .detail .process .list .item .item-content {
	padding-left: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	position: relative;
}

.single-page .detail .process .list .item .item-content:before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #c33e48;
	position: absolute;
	top: 0;
	left: 10px;
}

.single-page .detail .process .list .item .item-content:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-left: 1px solid #fb393a;
	border-bottom: 1px solid #fb393a;
	transform: rotate(-45deg);
	position: absolute;
	left: 8px;
	bottom: 0;
}

.single-page .detail .process .after-processing .list .item:last-child .item-content:after {
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 50%;
	background: #fb393a;
	left: 5px;
}

.single-page .detail .process .list .item .item-content .text {
	width: 360px;
}

.single-page .detail .process .list .item .item-content .text p {
	line-height: 1.5;
	font-size: 16px;
	color: #323232;
	text-align: justify;
}

.single-page .detail .process .list .item .item-content .pic {
	width: 368px;
}

.single-page .detail .process .before-processing .list .item:nth-child(1) .item-content .text,
.single-page .detail .process .before-processing .list .item:nth-child(2) .item-content .text,
.single-page .detail .process .after-processing .list .item:last-child .item-content .text {
	width: 100%;
}

.single-page .detail .process .list .item .item-content .pics {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.single-page .detail .process .list .item .item-content .pics .pic {
	width: 370px;
}

.single-page .detail .process .processing,
.single-page .detail .process .after-processing {
	margin-top: 60px;
}

.single-page .detail .single-pace-case {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}

.single-page .detail .single-pace-case .left {
	width: 395px;
	position: relative;
}

.single-page .detail .single-pace-case .left .text,
.single-page .detail .single-pace-case .right .bottom .text {
	position: absolute;
	height: 35px;
	width: 100%;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	line-height: 35px;
	text-align: center;
	color: #fff;
}

.single-page .detail .single-pace-case .right {
	width: 398px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.single-page .detail .single-pace-case .right .bottom {
	position: relative;
}

.single-page .detail .cost {
	margin-top: 80px;
}

.single-page .detail .cost .title {
	font-size: 30px;
	font-weight: bold;
	color: #323232;
}

.single-page .detail .cost .subtitle {
	font-size: 24px;
	color: #fb393a;
}

.single-page .detail .cost .list {
	margin-top: 60px;
}

.single-page .detail .cost .list .item {
	margin-bottom: 50px;
}

.single-page .detail .cost .list .item .label {
	height: 36px;
	line-height: 35px;
	font-size: 24px;
	font-weight: bold;
	color: #323232;
	padding-left: 60px;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
}

.single-page .detail .cost .list .item .label:before {
	display: block;
	width: 50px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	background: #fb393a;
	position: absolute;
	left: 0;
	top: 0;
}

.single-page .detail .cost .list .item .label:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-top: 8px solid #fb393a;
	position: absolute;
	left: 20px;
	top: 36px;
}

.single-page .detail .cost .list .item:nth-child(1) .label:before {
	content: "01";
}

.single-page .detail .cost .list .item:nth-child(2) .label:before {
	content: "02";
}

.single-page .detail .cost .list .item:nth-child(3) .label:before {
	content: "03";
}

.single-page .detail .cost .list .item:nth-child(4) .label:before {
	content: "04";
}

.single-page .detail .cost .list .item:nth-child(5) .label:before {
	content: "05";
}

.single-page .detail .cost .list .item .description {
	margin-top: 15px;
	line-height: 1.5;
	font-size: 16px;
	color: #323232;
}

.single-page .detail .optimization {
	border-top: 2px solid #fb393a;
	border-bottom: 2px solid #fb393a;
	padding-top: 25px;
	padding-bottom: 25px;
	display: flex;
	justify-content: space-between;
}

.single-page .detail .optimization .tips {
	width: 180px;
	padding-top: 125px;
}

.single-page .detail .optimization .tips .title {
	font-size: 36px;
	font-weight: bold;
	color: #fb393a;
}

.single-page .detail .optimization .tips .contact {
	display: block;
	width: 180px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #fb393a;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
}

.single-page .detail .optimization .content {
	width: 578px;
}

.single-page .detail .optimization .content p {
	font-size: 18px;
	color: #323232;
	line-height: 1.5;
}

.single-page .detail .optimization .content ul {
	margin-top: 23px;
}

.single-page .detail .optimization .content ul li {
	margin-top: 12px;
	padding-left: 50px;
	height: 25px;
	line-height: 25px;
	font-size: 20px;
	color: #323232;
	position: relative;
}

.single-page .detail .optimization .content ul li:before {
	display: block;
	width: 34px;
	height: 25px;
	background: #fb393a;
	line-height: 25px;
	text-align: center;
	font-family: "Humnst777";
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.single-page .detail .optimization .content ul li:nth-child(1):before {
	content: "01";
}

.single-page .detail .optimization .content ul li:nth-child(2):before {
	content: "02";
}

.single-page .detail .optimization .content ul li:nth-child(3):before {
	content: "03";
}

.single-page .detail .optimization .content ul li:nth-child(4):before {
	content: "04";
}

.single-page .detail .optimization .content ul li:nth-child(5):before {
	content: "05";
}

.single-page .detail .optimization .content ul li:nth-child(6):before {
	content: "06";
}

.single-page .detail .optimization .content ul li:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 3px solid rgba(0, 0, 0, 0);
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	border-left: 4px solid #fb393a;
	position: absolute;
	left: 34px;
	top: 10px;
}

.single-page .detail .bottom-ad {
	margin-top: 20px;
	margin-bottom: 80px;
}




.about {
	margin-top: 90px;
	margin-bottom: 75px;
}

.about .title {
	font-size: 30px;
	font-weight: bold;
	color: #323232;
	text-align: center;
}

.about .start {
	text-align: center;
	margin-top: 30px;
}

.about .start p {
	line-height: 30px;
}

.about .progress {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
	margin-top: 80px;
}

.about .progress:after {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 100px);
	background: #dcdcdc;
	position: absolute;
	left: 50%;
	top: 15px;
}

.about .progress .item {
	width: 50%;
}

.about .progress .item+.item {
	margin-top: 30px;
}

.about .progress .item:nth-child(odd) {
	align-self: flex-start;
	padding-right: 25px;
}

.about .progress .item:nth-child(even) {
	align-self: flex-end;
	padding-left: 25px;
}

.about .progress .item .year,
.about .progress .item .future {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #fb393a;
	position: relative;
}

.about .progress .item .event {
	margin-top: 10px;
}

.about .progress .item .event p {
	line-height: 30px;
}

.about .progress .item:nth-child(7) .event p+p {
	margin-top: 30px;
}

.about .progress .item .pic {
	margin-top: 20px;
}

.about .progress .item:nth-child(odd) .year {
	text-align: right;
}

.about .progress .item:nth-child(1) .event {
	text-align: right;
}

.about .progress .item .year:before,
.about .progress .item .future:before {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	background: #fb393a url(../images/about-arrow.png) no-repeat center center;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	border-radius: 50%;
	z-index: 1;
}

.about .progress .item:nth-child(odd) .year:before {
	right: -35px;
}

.about .progress .item:nth-child(even) .year:before,
.about .progress .item:nth-child(even) .future:before {
	left: -33px;
	transform: rotate(180deg);
}

.about .culture {
	margin-top: 140px;
	position: relative;
}

.about .culture .pic {
	width: 810px;
}

.about .culture .text {
	width: 500px;
	height: 450px;
	background: #0895d5;
	color: #fff;
	position: absolute;
	right: 0;
	top: -80px;
	padding-left: 25px;
	padding-top: 25px;
}

.about .culture .text .culture-title {
	font-size: 30px;
	font-weight: bold;
}

.about .culture .text .list {
	margin-top: 30px;
}

.about .culture .text .list .item {
	display: flex;
}

.about .culture .text .list .item+.item {
	margin-top: 20px;
}

.about .culture .text .list .item .label {
	width: 85px;
}

.about .culture .text .list .item .content p+p {
	margin-top: 8px;
}

.case {
	margin-top: 100px;
	margin-bottom: 85px;
}

.case .list {}

.case .list .item {
	display: flex;
	justify-content: space-between;
}

.case .list .item+.item {
	margin-top: 60px;
}

.case .list .item .pic {
	width: 388px;
}

.case .list .item .text-customer {
	width: 770px;
	padding-top: 15px;
}

.case .list .item .text-customer .text {
	display: flex;
	justify-content: space-between;
	padding-bottom: 18px;
	border-bottom: 1px solid #dcdcdc;
}

.case .list .item .text-customer .text .title-description {
	width: 558px;
}

.case .list .item .text-customer .text .title-description .title {
	font-size: 16px;
}

.case .list .item .text-customer .text .title-description .title a {
	color: #323232;
}

.case .list .item:hover .text-customer .text .title-description .title a {
	color: #fb393a;
}

.case .list .item .text-customer .text .title-description .description {
	line-height: 20px;
	font-size: 12px;
	margin-top: 20px;
}

.case .list .item .text-customer .date {
	font-family: "Humnst777";
	color: #323232;
	margin-top: 30px;
	position: relative;
}

.case .list .item .text-customer .date:before {
	content: "";
	display: block;
	width: 1px;
	height: 42px;
	background: #dcdcdc;
	position: absolute;
	top: 5px;
	right: 118px;
}

.case .list .item:hover .text-customer .date {
	color: #fb393a;
}

.case .list .item .text-customer .date span:nth-child(1) {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
}

.case .list .item .text-customer .date span:nth-child(3) {
	display: block;
	font-size: 16px;
}

.case .list .item .text-customer .customer {
	width: 132px;
	height: 64px;
	border: 1px solid #dcdcdc;
	overflow: hidden;
	margin-top: 30px;
}

.case .list .item:hover .text-customer .customer {
	border: 3px solid #fb393a;
}

.case .page {
	margin-top: 135px;
}

.case .page ul {
	justify-content: center;
}

.contact {
	margin-top: 95px;
}

.contact .information {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 2px solid #fb393a;
	align-items: flex-start;
}

.contact .information .title {
	margin-top: 15px;
}

.contact .information .title span:nth-child(1) {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #323232;
}

.contact .information .title span:nth-child(2) {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	margin-left: 30px;
}

.contact .information .qrcode {
	width: 116px;
	margin-top: 23px;
}

.contact .information .qrcode p {
	line-height: 1.5;
	text-align: center;
}

.contact .information .tel400 {
	width: calc(100% - 116px);
	margin-top: -90px;
}

.contact .information .tel400 .label {
	font-size: 16px;
}

.contact .information .tel400 .number {
	font-family: "Humnst777";
	font-size: 36px;
	color: #fb393a;
}

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

.contact .list .item {
	max-width: 160px;
	text-align: center;
	font-size: 16px;
	margin-top: 70px;
}

.contact .list .item:before {
	content: "";
	display: block;
	width: 100%;
	height: 42px;
	background-repeat: no-repeat;
	background-position: center;
}

.contact .list .item:nth-child(1):before {
	background-image: url(../images/contact-tel-icon.png);
}

.contact .list .item:nth-child(2):before {
	background-image: url(../images/contact-email-icon.png);
}

.contact .list .item:nth-child(3):before {
	background-image: url(../images/contact-qq-icon.png);
}

.contact .list .item:nth-child(4):before {
	background-image: url(../images/contact-address-icon.png);
}

.contact .list .item .label {
	margin-top: 25px;
}

.contact .list .item .content {
	margin-top: 10px;
}

.contact .remark {
	margin-top: 35px;
	border-top: 2px solid #fb393a;
	padding-top: 25px;
}

.contact .remark .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.contact .remark .title span {
	color: #fb393a;
}

.contact .remark ul {
	margin-top: 10px;
}

.contact .remark ul li {
	line-height: 25px;
	font-size: 16px;
}

.contact .remark ul li span {
	color: #fb393a;
}

.form {
	margin-top: 60px;
}

.form .title {
	font-size: 30px;
	font-weight: bold;
	color: #323232;
	text-align: center;
}

.form .subtitle {
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}

.form .inputs {
	display: flex;
	margin-left: -27px;
	margin-right: -27px;
	margin-top: 40px;
}

.form .inputs .input {
	width: calc(25% - 54px);
	height: 40px;
	margin-left: 27px;
	margin-right: 27px;
	border-bottom: 1px solid #dcdcdc;
}

.form .inputs .input input {
	width: 100%;
	height: 39px;
	border: none;
	outline: none;
	padding: 0 15px;
}

.form .textarea {
	width: 100%;
	height: 200px;
	margin-top: 40px;
}

.form .textarea textarea {
	width: 100%;
	height: 200px;
	border: 1px solid #dcdcdc;
	outline: none;
	padding: 15px;
	resize: none;
}
.form .input-submit1 {
	width: 140px;
	margin: 15px auto;
	height: 36px;
	font-size: 20px;
	line-height: 36px;
	background-color: #fb393a;
	color: #fff;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	margin-top: 40px;
}

.form .input-submit1 input {
	color: #fff;
	background-color: #fb393a;
	width: 140px;
	height: 36px;
	border: 0;
	font-size: 20px;
	line-height: 36px;
	cursor: pointer;
}


.map {
	width: 100%;
	height: 600px;
	margin-top: 35px;
}

.quality-control {
	margin-top: 80px;
	margin-bottom: 65px;
}

.quality-control .step {}

.quality-control .step .explain {
	font-size: 16px;
	font-weight: bold;
	color: #323232;
	text-align: center;
	line-height: 1.5;
}

.quality-control .step .list {
	display: flex;
	justify-content: space-between;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: 40px;
	align-items: stretch;
}

.quality-control .step .list .item {
	width: calc(20% - 24px);
	margin-left: 12px;
	margin-right: 12px;
	border: 2px dashed #fb393a;
	padding-top: 45px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	position: relative;
}

.quality-control .step .list .item:not(:last-child):after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: #fb393a url(../images/quality-control-step-arrow.png) no-repeat center;
	border-radius: 50%;
	position: absolute;
	right: -12px;
	top: 50%;
	margin-top: -12px;
}

.quality-control .step .list .item .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.quality-control .step .list .item .content {
	line-height: 1.5;
	margin-top: 20px;
	text-align: justify;
}

.quality-control .equipment-display {
	margin-top: 75px;
	padding-top: 20px;
	border-top: 2px solid #fb393a;
}

.quality-control .equipment-display>.title {
	font-size: 16px;
	font-weight: bold;
	color: #323232;
}

.quality-control .equipment-display .list {
	margin-top: 60px;
}

.quality-control .equipment-display .list .item {
	display: flex;
	justify-content: space-between;
}

.quality-control .equipment-display .list .item+.item {
	margin-top: 30px;
}

.quality-control .equipment-display .list .item .pic {
	width: 588px;
}

.quality-control .equipment-display .list .item .text {
	width: 588px;
}

.quality-control .equipment-display .list .item:nth-child(odd) .text {
	padding-left: 30px;
}

.quality-control .equipment-display .list .item:nth-child(even) .text {
	padding-right: 45px;
}

.quality-control .equipment-display .list .item:nth-child(1) .text {
	padding-top: 15px;
}

.quality-control .equipment-display .list .item:nth-child(2) .text {
	padding-top: 45px;
}

.quality-control .equipment-display .list .item:nth-child(3) .text {
	padding-top: 20px;
}

.quality-control .equipment-display .list .item:nth-child(4) .text {
	padding-top: 75px;
}

.quality-control .equipment-display .list .item:nth-child(5) .text {
	padding-top: 25px;
}

.quality-control .equipment-display .list .item .text .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.quality-control .equipment-display .list .item .text .content {
	line-height: 1.5;
	margin-top: 15px;
	text-align: justify;
}

.quality-control .equipment-list {
	margin-top: 100px;
	padding-top: 15px;
	border-top: 2px solid #fb393a;
	padding-bottom: 10px;
	border-bottom: 2px solid #fb393a;
}

.quality-control .equipment-list .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
	text-transform: uppercase;
}

.quality-control .equipment-list .table-pc {
	margin-top: 30px;
}

.quality-control .equipment-list .table-pc table {
	width: 100%;
	border-collapse: collapse;
}

.quality-control .equipment-list .table-pc table colgroup:nth-child(1) {
	width: 165px;
}

.quality-control .equipment-list .table-pc table colgroup:nth-child(2) {
	width: 148px;
}

.quality-control .equipment-list .table-pc table colgroup:nth-child(3) {
	width: 132px;
}

.quality-control .equipment-list .table-pc table colgroup:nth-child(4) {
	width: 245px;
}

.quality-control .equipment-list .table-pc table colgroup:nth-child(5) {
	width: 230px;
}

.quality-control .equipment-list .table-pc table colgroup:nth-child(6) {
	width: 105px;
}

.quality-control .equipment-list .table-pc table thead th {
	height: 60px;
	background: #fb393a;
	color: #fff;
	font-weight: lighter;
	text-align: left;
}

.quality-control .equipment-list .table-pc table thead th p:nth-child(1) {
	font-size: 16px;
}

.quality-control .equipment-list .table-pc table thead th p:nth-child(2) {
	font-size: 12px;
}

.quality-control .equipment-list .table-pc table thead th:nth-child(1),
.quality-control .equipment-list .table-pc table tbody td:nth-child(1) {
	padding-left: 15px;
}

.quality-control .equipment-list .table-pc table tbody td {
	height: 35px;
	text-align: left;
}

.certificate {
	margin-top: 0.8rem;
	margin-bottom: 0.9rem;
}

.certificate .list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -14px;
	margin-right: -14px;
	margin-top: -0.7rem;
}

.certificate .list .item {
	width: calc(25% - 28px);
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 0.7rem;
}

.certificate .list .item .pic {
	border: 1px solid #dcdcdc;
}

.certificate .list .item .text {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

.certificate .list .item .text .title-category-name {
	width: calc(100% - 1.05rem);
}

.certificate .list .item .text .title-category-name .title {
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #eee;
	font-weight: bold;
	color: #323232;
	transition: all .3s ease;
}

.certificate .list .item:hover .text .title-category-name .title {
	border-bottom-color: #fb393a;
}

.certificate .list .item .text .title-category-name .category-name {
	margin-top: 10px;
}

.certificate .list .item .text .date {
	width: 1.05rem;
	padding-left: 25px;
	font-family: "Humnst777";
	color: #c8c8c8;
	transition: all .3s ease;
}

.certificate .list .item:hover .text .date {
	color: #fb393a;
}

.certificate .list .item .text .date span:nth-child(1) {
	display: block;
	font-size: 0.28rem;
}

.certificate .list .item .text .date span:nth-child(2) {
	display: block;
	font-size: 0.14rem;
}

.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	top: 0;
	left: 0;
	z-index: 999999;
}

.mask .view-pic {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .3s ease;
	transform: translate(-16px, 21px);
}

.mask .view-video {
	width: 960px;
	height: 540px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
}

.mask .view-video iframe {
	width: 100%;
	height: 100%;
}

.mask .close {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: url(../images/view-close.png) no-repeat center;
	overflow: hidden;
	position: absolute;
	right: -32px;
	top: -42px;
	cursor: pointer;
}

.certificate .page {
	margin-top: 0.6rem;
}

.certificate .page ul {
	justify-content: center;
}

.production-strength {
	margin-top: 80px;
	margin-bottom: 100px;
}

.production-strength .remark {
	padding-top: 20px;
	border-top: 2px solid #fb393a;
}

.production-strength .remark .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.production-strength .remark .content {
	line-height: 1.5;
	text-align: justify;
	margin-top: 20px;
}

.production-strength .advantage {
	margin-top: 105px;
}

.production-strength .advantage .title {
	font-size: 36px;
	font-weight: bold;
	color: #323232;
	text-align: center;
}

.production-strength .advantage .list {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -60px;
}

.production-strength .advantage .list .item {
	width: 305px;
	padding-left: 75px;
	margin-bottom: 60px;
	position: relative;
}

.production-strength .advantage .list .item:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 30px;
}

.production-strength .advantage .list .item:nth-child(1):before {
	background-image: url(../images/icon-1.png);
	background-size: 100%;
}

.production-strength .advantage .list .item:nth-child(2):before {
	background-image: url(../images/icon-2.png);
	background-size: 100%;
}

.production-strength .advantage .list .item:nth-child(3):before {
	background-image: url(../images/icon-3.png);
	background-size: 100%;
}

.production-strength .advantage .list .item:nth-child(4):before {
	background-image: url(../images/icon-4.png);
	background-size: 100%;
}

.production-strength .advantage .list .item:nth-child(5):before {
	background-image: url(../images/icon-5.png);
	background-size: 100%;
}

.production-strength .advantage .list .item:nth-child(6):before {
	background-image: url(../images/icon-6.png);
	background-size: 100%;
}

.production-strength .advantage .list .item .item-title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.production-strength .advantage .list .item .content {
	line-height: 1.4;
	font-size: 16px;
	margin-top: 10px;
	text-align: justify;
}

.production-strength .equipment-list {
	margin-top: 85px;
	padding-top: 15px;
	border-top: 2px solid #fb393a;
	padding-bottom: 10px;
	border-bottom: 2px solid #fb393a;
}

.production-strength .equipment-list .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
	text-transform: uppercase;
}

.production-strength .equipment-list .table-pc {
	margin-top: 30px;
}

.production-strength .equipment-list .table-pc table {
	width: 100%;
	border-collapse: collapse;
}

.production-strength .equipment-list .table-pc table colgroup:nth-child(1) {
	width: 175px;
}

.production-strength .equipment-list .table-pc table colgroup:nth-child(2) {
	width: 125px;
}

.production-strength .equipment-list .table-pc table colgroup:nth-child(3) {
	width: 160px;
}

.production-strength .equipment-list .table-pc table colgroup:nth-child(4) {
	width: 145px;
}

.production-strength .equipment-list .table-pc table colgroup:nth-child(5) {
	width: 145px;
}

.production-strength .equipment-list .table-pc table colgroup:nth-child(6) {
	width: 190px;
}

.production-strength .equipment-list .table-pc table thead th {
	height: 60px;
	background: #fb393a;
	color: #fff;
	font-weight: lighter;
	text-align: left;
}

.production-strength .equipment-list .table-pc table thead th p:nth-child(1) {
	font-size: 16px;
}

.production-strength .equipment-list .table-pc table thead th p:nth-child(2) {
	font-size: 12px;
}

.production-strength .equipment-list .table-pc table thead th:nth-child(1),
.production-strength .equipment-list .table-pc table tbody td:nth-child(1) {
	padding-left: 15px;
}

.production-strength .equipment-list .table-pc table tbody td {
	height: 35px;
	text-align: left;
}

.production-strength .equipment-display {
	margin-top: 35px;
}

.production-strength .equipment-display .list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -60px;
}

.production-strength .equipment-display .list .item {
	width: calc(33.3333% - 24px);
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 60px;
}

.production-strength .equipment-display .list .item .pic {}

.production-strength .equipment-display .list .item .title {
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	color: #323232;
	margin-top: 15px;
	border-bottom: 2px solid #eee;
}

.team {
	margin-top: 80px;
	margin-bottom: 80px;
}

.team .team-display {}

.team .team-display .list {}

.team .team-display .list .item .pic img {
	display: block;
}

.team .team-display .list .item .text p {
	line-height: 1.8;
	font-size: 16px;
}

.team .team-display .list .item:nth-child(1),
.team .team-display .list .item:nth-child(2) {
	display: flex;
}

.team .team-display .list .item:nth-child(1) .pic {
	width: 50%;
}

.team .team-display .list .item:nth-child(1) .text {
	width: 50%;
	padding-top: 120px;
}

.team .team-display .list .item:nth-child(2) .pic {
	width: 50%;
}

.team .team-display .list .item:nth-child(2) .text {
	width: 50%;
	padding-left: 50px;
	padding-top: 100px;
}

.team .team-display .list .item:nth-child(2) .text p:nth-child(2) {
	margin-top: 20px;
}

.team .team-display .list .item:nth-child(3) .text {
	margin-top: 35px;
}

.team .team-display .list .item:nth-child(4) {
	margin-top: 50px;
	display: flex;
}

.team .team-display .list .item:nth-child(4) .pic {
	width: 885px;
}

.team .team-display .list .item:nth-child(4) .text {
	width: 315px;
	background: #fb393a;
	color: #fff;
	padding-left: 45px;
	padding-right: 65px;
	padding-top: 165px;
}

.team .team-display .list .item:nth-child(5) {
	margin-top: 15px;
	display: flex;
}

.team .team-display .list .item:nth-child(5) .text {
	width: 315px;
	background: #323232;
	color: #fff;
	padding-left: 50px;
	padding-right: 55px;
	padding-top: 225px;
}

.team .team-display .list .item:nth-child(5) .pic {
	width: 885px;
}

.team .team-display .list .item:nth-child(6) {
	margin-top: 95px;
}

.team .team-display .list .item:nth-child(6) .pic,
.team .team-display .list .item:nth-child(7) .pic {
	display: flex;
}

.team .team-display .list .item:nth-child(6) .pic p,
.team .team-display .list .item:nth-child(7) .pic p {
	width: 50%;
}

.team .team-display .list .item:nth-child(6) .text,
.team .team-display .list .item:nth-child(7) .text {
	margin-top: 40px;
}

.team .team-display .list .item:nth-child(6) .text p:first-child {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.team .team-display .list .item:nth-child(7) {
	margin-top: 80px;
}

.team .team-display .list .item:nth-child(7) .text p:last-child {
	margin-top: 30px;
}

.team .team-list {
	margin-top: 90px;
	border-top: 2px solid #fb393a;
}

.team .team-list>.title {
	padding-top: 10px;
	padding-bottom: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #323232;
}

.team .team-list .list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -60px;
}

.team .team-list .list .item {
	width: calc(33.3333% - 24px);
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 60px;
}

.team .team-list .list .item .pic {}

.team .team-list .list .item .text {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

.team .team-list .list .item .text .title-category-name {
	width: calc(100% - 0.95rem);
}

.team .team-list .list .item .text .title-category-name .title {
	height: 40px;
	line-height: 40px;
	border-bottom: 2px solid #eee;
	font-weight: bold;
	color: #323232;
	transition: all .3s ease;
}

.team .team-list .list .item:hover .text .title-category-name .title {
	border-bottom-color: #fb393a;
}

.team .team-list .list .item .text .title-category-name .category-name {
	margin-top: 10px;
}

.team .team-list .list .item .text .date {
	width: 0.95rem;
	padding-left: 20px;
	font-family: "Humnst777";
	color: #c8c8c8;
	transition: all .3s ease;
}

.team .team-list .list .item:hover .text .date {
	color: #fb393a;
}

.team .team-list .list .item .text .date span:nth-child(1) {
	display: block;
	font-size: 0.26rem;
}

.team .team-list .list .item .text .date span:nth-child(2) {
	display: block;
	font-size: 0.14rem;
}

.team .team-list .page {
	margin-top: 80px;
	width: 100%;
}

.team .team-list .page ul {
	justify-content: center;
}

.sitemap {
	margin-top: 60px;
	margin-bottom: 80px;
	border-top: 2px solid #fb393a;
}

.sitemap .title-bar {
	height: 35px;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.sitemap .title-bar .title {
	height: 35px;
	line-height: 35px;
	font-size: 30px;
	font-weight: bold;
	color: #323232;
}

.sitemap .title-bar ul {
	height: 20px;
	display: flex;
	margin-top: 5px;
}

.sitemap .title-bar ul li {
	height: 20px;
	line-height: 20px;
	font-size: 20px;
}

.sitemap .title-bar ul li:first-child {
	width: 125px;
}

.sitemap .title-bar ul li:last-child {
	width: 135px;
	text-align: right;
	border-left: 1px solid #dcdcdc;
}

.sitemap .grid {}

.sitemap .grid .list {
	padding-top: 15px;
	border-top: 1px solid #fb393a;
	margin-top: 60px;
}

.sitemap .grid .list .level1 {
	font-size: 20px;
	font-weight: bold;
	color: #0895d5;
}

.sitemap .grid .list .level2 {
	margin-top: 20px;
}

.sitemap .grid .list .level2 ul {
	display: flex;
	flex-wrap: wrap;
}

.sitemap .grid .list .level2 ul li {
	line-height: 2;
}

.sitemap .grid .list .level2 ul li a:hover {
	color: #fb393a;
	border-bottom: 1px solid #fb393a;
}

.sitemap .grid .list .group:nth-child(2) {
	margin-top: 20px;
}

.sitemap .grid .list .group+.group {
	margin-top: 40px;
}

.sitemap .grid .list .group .group-title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.sitemap .grid .list:nth-child(1) .level2 ul {
	justify-content: space-between;
}

.sitemap .grid .list:nth-child(2) .group:nth-child(2) .level2 ul li {
	width: 14.2857%;
}

.sitemap .grid .list:nth-child(2) .group:nth-child(3) .level2 ul li {
	width: 14.2857%;
}

.sitemap .grid .list:nth-child(2) .group:nth-child(4) .level2 ul li {
	width: 5%;
}

.sitemap .grid .list:nth-child(2) .group:nth-child(4) .level2 ul li:nth-child(6),
.sitemap .grid .list:nth-child(2) .group:nth-child(4) .level2 ul li:nth-child(7),
.sitemap .grid .list:nth-child(2) .group:nth-child(4) .level2 ul li:nth-child(8),
.sitemap .grid .list:nth-child(2) .group:nth-child(4) .level2 ul li:nth-child(14) {
	width: 8.75%;
}

.sitemap .grid .list:nth-child(3) .level2 ul li+li,
.sitemap .grid .list:nth-child(4) .level2 ul li+li,
.sitemap .grid .list:nth-child(5) .level2 ul li+li {
	margin-left: 80px;
}

.article {
	margin-top: 90px;
	margin-bottom: 80px;
}

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

.article .content {
	width: 800px;
	padding-top: 15px;
	border-top: 2px solid #fb393a;
}

.article .content .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.article .content .date {
	margin-top: 15px;
	font-family: "Humnst777";
	font-size: 18px;
	color: #fb393a;
}

.article .content .text {
	margin-top: 30px;
}

.article .content .text div,
.article .content .text p {
	line-height: 1.5;
}

.article .content .text img {
	display: block;
}

.article .content .navigation {
	margin-top: 45px;
	height: 70px;
	display: flex;
}

.article .content .navigation .prev,
.article .content .navigation .next {
	width: 50%;
	height: 70px;
}

.article .content .navigation .prev a,
.article .content .navigation .next a {
	display: block;
	width: 100%;
	height: 70px;
	line-height: 70px;
	background: #f2f2f2;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article .content .navigation .prev:hover a,
.article .content .navigation .next:hover a {
	background: #fb393a;
	color: #fff;
}

.article .content .navigation .prev a {
	padding-left: 80px;
	padding-right: 40px;
}

.article .content .navigation .next a {
	padding-right: 80px;
	padding-left: 40px;
}

.article .content .navigation .prev a:before,
.article .content .navigation .next a:before {
	content: "";
	display: block;
	width: 10px;
	height: 70px;
	background: url(../images/article-navigation-arrow-nomal.png) no-repeat center;
	position: absolute;
}

.article .content .navigation .prev:hover a:before,
.article .content .navigation .next:hover a:before {
	background: url(../images/article-navigation-arrow-hover.png) no-repeat center;
}

.article .content .navigation .prev a:before {
	left: 24px;
	top: 0;
}

.article .content .navigation .next a:before {
	right: 24px;
	top: 0;
	transform: rotate(180deg);
}

.article .content .navigation .prev a:after,
.article .content .navigation .next a:after {
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #323232;
	position: absolute;
}

.article .content .navigation .prev:hover a:after,
.article .content .navigation .next:hover a:after {
	background: #fff;
}

.article .content .navigation .prev a:after {
	left: 50px;
	top: 50%;
	margin-top: -7px;
}

.article .content .navigation .next a:after {
	right: 50px;
	top: 50%;
	margin-top: -7px;
}

.article .relevant {
	width: 300px;
	padding-top: 15px;
	border-top: 2px solid #fb393a;
}

.article .relevant .title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.article .relevant .list {
	margin-top: 60px;
}

.article .relevant .list .item {
	padding-bottom: 30px;
	border-bottom: 1px solid #dcdcdc;
}

.article .relevant .list .item+.item {
	margin-top: 45px;
}

.article .relevant .list .item .pic {
	margin-bottom: 40px;
	display: none;
}

.article .relevant .list .item:hover .pic {
	display: block;
}

.article .relevant .list .item .date {
	font-family: "Humnst777";
	color: #323232;
}

.article .relevant .list .item .article-title {
	font-size: 16px;
	font-weight: bold;
	color: #323232;
	line-height: 2;
}

.article .relevant .list .item:hover .article-title {
	color: #fb393a;
}

.article .relevant .list .item .description {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 10px;
}

.article .relevant .hot-keywords {
	padding-top: 15px;
	border-top: 2px solid #fb393a;
	margin-top: 65px;
}

.article .relevant .hot-keywords .hot-keywords-title {
	font-size: 20px;
	font-weight: bold;
	color: #323232;
}

.article .relevant .hot-keywords ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 30px;
}

.article .relevant .hot-keywords ul li {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.article .relevant .hot-keywords ul li a {
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
}

.article .relevant .hot-keywords ul li:nth-child(1n) {
	background: #00ffff;
}

.article .relevant .hot-keywords ul li:nth-child(2n) {
	background: #ffc8cb;
}

.article .relevant .hot-keywords ul li:nth-child(3n) {
	background: #79d0f7;
}

.article .relevant .hot-keywords ul li:nth-child(4n) {
	background: #00ffff;
}

.article .relevant .hot-keywords ul li:nth-child(5n) {
	background: #ffcf8e;
}

.article .relevant .hot-keywords ul li:nth-child(6n) {
	background: #79d0f7;
}



@media (max-width: 1790px) {
	.index-about .text .wrapper {
		padding-right: 15px;
	}

	.index-about .text .common-more {
		margin-top: 0.5rem;
	}
}


@media (max-width: 1760px) {
	.product .category {
		margin-left: 20px;
	}
}

@media (max-width: 1600px) {
	html {
		font-size: 580%;
	}

	.index-products .grid .category:nth-child(2) {
		flex-grow: 2;
	}

	.index-about .text .wrapper {
		padding-top: 1rem;
	}

	.index-news .list .contents .group .item .title-description {
		padding-right: 0.3rem;
	}
}

@media (max-width: 1520px) {
	.product .category {
		width: 160px;
	}

	.product .category .title {
		font-size: 20px;
	}

	.product .category .group:nth-child(2) ul,
	.product .category .group:nth-child(3) ul {
		height: auto
	}
}

@media (max-width: 1500px) {
	html {
		font-size: 550%;
	}

	.devices .text .common-more {
		margin-top: 0.3rem;
	}

	.problems .subtitle {
		font-size: 14px;
	}

	.reasons .subtitle {
		font-size: 14px;
	}

	.reasons .list .item .item-title {
		font-size: 18px;
	}
}

@media (max-width: 1400px) {
	html {
		font-size: 500%;
	}

	.problems .list .problem {
		font-size: 14px;
	}

	.index-about .text .wrapper {
		padding-top: 0.5rem;
	}
}

@media (max-width: 1300px) {
	html {
		font-size: 450%;
	}

	.index-case .text .description br {
		display: none;
	}
}

@media (min-width: 1200px) {
	.hidden-pc {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	.hidden-mobile {
		display: none !important;
	}
	.head-box{
		height: 72px;
	}
	.header-middle {
		height: 1rem;
	}

	.header-middle .logo-slogan .logo {
		width: 2.45rem;
		margin-top: 0.22rem;
	}

	.header-middle .menu-toggle {
		width: 1rem;
		height: 1rem;
		background: url(../images/menu-toggle.jpg) no-repeat center;
		background-size: 1rem;
		margin-right: -15px;
	}

	body {
		padding-top: 1rem;
	}

	
input {
	-webkit-appearance: none;
	border-radius: 0;
}
	.header {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 999;
		background: #fff;
		box-shadow: 0 1px 5px #dcdcdc;
	}

	.mobile-menu {
		position: fixed;
		width: 100%;
		z-index: 999;
		background: #f2f2f2;
		top: 1rem;
		padding-top: 0.35rem;
		padding-bottom: 0.7rem;
		padding-left: 15px;
		padding-right: 15px;
		height: calc(100% - 1rem);
		overflow-y: auto;
		display: none;
	}

	.mobile-menu .mobile-search {
		width: 100%;
		height: 0.6rem;
		border: 1px solid #dcdcdc;
		background: #fff;
	}

	.mobile-menu .mobile-search input[type=text] {
		display: block;
		width: calc(100% - 0.68rem);
		height: 0.56rem;
		float: left;
		border: none;
		outline: none;
		padding-left: 15px;
		font-size: 0.18rem;
	}

	.mobile-menu .mobile-search input[type=submit] {
		width: 0.68rem;
		height: 0.58rem;
		border: none;
		outline: none;
		background: url(../images/mobile-search-icon.png) no-repeat center;
		background-size: 0.34rem;
		overflow: hidden;
		text-indent: -999px;
	}

	.mobile-menu>ul {
		margin-top: 0.35rem;
	}

	.mobile-menu ul li a {
		display: block;
		height: 0.6rem;
		line-height: 0.6rem;
	}

	.mobile-menu>ul>li {
		border-bottom: 1px solid #dcdcdc;
	}

	.mobile-menu>ul>li:first-child {
		border-top: 1px solid #dcdcdc;
	}

	.mobile-menu>ul>li span {
		width: 12px;
		height: 100%;
		float: right;
		position: relative;
	}

	.mobile-menu>ul>li span:before,
	.mobile-menu>ul>li span:after {
		content: "";
		display: block;
		width: 12px;
		height: 2px;
		background: #646464;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1px;
	}

	.mobile-menu>ul>li span:after {
		transform: rotate(270deg);
		transition: all .5s ease;
	}

	.mobile-menu>ul>li.current span:after {
		transform: rotate(0deg);
	}

	.mobile-menu .submenu {
		padding-left: 0.5rem;
		padding-bottom: 0.25rem;
		display: none;
	}


	.banner .banner-pagination {
		position: relative;
		width: 100%;
		height: 6px;
		bottom: 0;
		z-index: 1;
		display: flex;
		float: none;
	}

	.banner .banner-pagination .swiper-pagination-bullet {
		height: 6px;
		background: rgba(0, 0, 0, .5);
		flex-grow: 1;
		border-radius: 0;
		opacity: 1;
		text-indent: -999px;
		margin: none;
		overflow: hidden;
		outline: none;
		margin: 0;
	}

	.banner .banner-pagination .swiper-pagination-bullet-active {
		background: #fb393a;
	}

	.banner .banner-pagination .swiper-pagination-bullet-active:before {
		display: none;
	}

	.datas {
		margin-top: 0.3rem;
	}

	.datas .list {
		flex-wrap: wrap;
	}

	.datas .list .item {
		flex-basis: 33.3333% !important;
		text-align: center !important;
		flex-grow: 1;
	}

	.datas .list .item:nth-child(4) {
		border-left: none;
	}

	.datas .list .item:nth-child(1) .wrapper,
	.datas .list .item:nth-child(2) .wrapper,
	.datas .list .item:nth-child(4) .wrapper,
	.datas .list .item:nth-child(5) .wrapper {
		width: 80px;
	}

	.datas .list .item:nth-child(3) .wrapper,
	.datas .list .item:nth-child(6) .wrapper {
		width: 140px;
	}

	.datas .list .item:nth-child(1),
	.datas .list .item:nth-child(4) {
		padding-right: 15px;
	}

	.datas .list .item:nth-child(2),
	.datas .list .item:nth-child(5) {
		padding-left: 15px;
		padding-right: 15px
	}

	.datas .list .item:nth-child(3),
	.datas .list .item:nth-child(6) {
		padding-left: 15px;
	}

	.datas .list .item:nth-child(4),
	.datas .list .item:nth-child(5),
	.datas .list .item:nth-child(6) {
		margin-top: 0.5rem;
	}

	.index-products {
		margin-top: 0.95rem;
	}

	.index-products .grid {
		flex-wrap: wrap;
		margin-top: 0.8rem;
	}

	.index-products .grid .category {
		flex-basis: 100%;
		border: 1px solid #dcdcdc !important;
		padding-left: 15px;
	}

	.index-products .grid .category:nth-child(2),
	.index-products .grid .category:nth-child(3) {
		margin-top: 0.3rem;
	}

	.index-products .grid .category .more {
		margin-right: 15px;
	}

	.index-products .grid .category:nth-child(1) {
		height: 300px;
	}

	.index-products .grid .category:nth-child(1) .more {
		margin-top: -30px;
	}

	.index-products .grid .category:nth-child(2),
	.index-products .grid .category:nth-child(3) {
		height: 440px;
	}

	.index-products .grid .category:nth-child(2) .list ul,
	.index-products .grid .category:nth-child(3) .list ul {
		height: 320px
	}

	.index-products .grid .category:nth-child(2) .more,
	.index-products .grid .category:nth-child(3) .more {
		margin-top: 0.25rem;
	}

	.index-products .pic-list-video {
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}

	.index-products .pic-list-video .video1 {
		flex-basis: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0.2rem;
	}

	.index-products .pic-list-video .pic-list {
		flex-basis: calc(100% + 20px);
		display: flex;
		margin-left: -0.1rem;
		margin-right: -0.1rem;
		margin-bottom: 0.2rem;
	}

	.index-products .pic-list-video .pic-list .item {
		margin-top: 0 !important;
		margin-left: 0.1rem;
		margin-right: 0.1rem;
		flex-basis: calc(50% - 0.1rem);
	}

	/*.index-products .pic-list-video .pic-list .item .text{bottom:12px;opacity:1;}*/
	.index-products .pic-list-video .pic-list .item .text:after {
		display: none;
	}

	.devices {
		margin-top: 0.45rem;
		padding-bottom: 1rem;
	}

	.devices .processing-devices,
	.devices .testing-devices {
		flex-wrap: wrap;
	}

	.devices .testing-devices {
		margin-top: 1rem;
	}

	.devices .text {
		flex-basis: 100%;
		text-align: center;
		padding-right: 0;
	}

	.devices .text .description {
		text-align: center;
	}

	.devices .list {
		flex-basis: calc(100% + 10px);
		flex-wrap: wrap;
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 0.6rem;
	}

	.devices .list .item {
		flex-basis: calc(50% - 10px);
		margin-left: 5px;
		margin-right: 5px;
	}

	.devices .list .item:nth-child(3),
	.devices .list .item:nth-child(4) {
		margin-top: 0.45rem;
	}

	.devices .list .item .title {
		height: auto;
		line-height: 20px;
		margin-top: 0.15rem;
	}

	.devices .common-more {
		margin-top: 0.75rem;
	}

	.devices .common-more a {
		color: #fff;
	}

	.problems {
		padding-top: 0.55rem;
	}

	.problems .title span:first-child {
		display: block;
		border-bottom: none;
	}

	.problems .title span:nth-child(2) {
		margin-left: 0;
	}

	.problems .title span:last-child {
		font-size: 0.4rem;
	}

	.problems .subtitle {
		line-height: 1.5;
	}

	.problems .think {
		position: static;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0.5rem;
	}

	.problems .list .item {
		width: auto;
		flex-basis: 100%;
	}

	.problems .list .item .wrapper {
		width: 100%;
		float: none;
	}

	.reasons {
		padding-top: 0.65rem;
		padding-bottom: 0.35rem;
	}

	.reasons .title span:first-child {
		display: block;
		border-bottom: none;
	}

	.reasons .title span:last-child {
		margin-left: 0;
	}

	.reasons .list .item {
		flex-basis: 100%;
		background: none;
	}

	.reasons .list .item .item-title,
	.reasons .list .item ul {
		padding-left: 0;
		padding-right: 0;
	}

	.index-case {
		padding-top: 0.56rem;
		padding-bottom: 0.6rem;
	}

	.index-case .container {
		flex-wrap: wrap;
	}

	.index-case .text {
		flex-basis: 100%;
		text-align: center;
	}

	.index-case .text .description {
		padding-right: 0;
		text-align: center;
	}

	.index-case .text .description br {
		display: block;
	}

	.index-case .mobile-list {
		margin-top: 0.4rem;
		width: 100%;
	}

	.index-case .mobile-list .mobile-customer-logos {
		display: flex;
		margin-left: -0.2rem;
		margin-right: -0.2rem;
	}

	.index-case .mobile-list .mobile-customer-logos .item {
		width: calc(33.3333% - 0.2rem);
		margin-left: 0.2rem;
		margin-right: 0.2rem;
		cursor: pointer;
	}

	.index-case .mobile-list .mobile-customer-logos .item img {
		display: block;
	}

	.index-case .mobile-list .mobile-customer-logos .item.active {
		border: 0.03rem solid #fb393a;
	}

	.index-case .mobile-list .mobile-case-display {
		width: 100%;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-pic {
		overflow: hidden;
		margin-top: 0.2rem;
		position: relative;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content {
		width: 100%;
		overflow: hidden;
		color: #fff;
		position: relative;
		margin-top: 0.35rem;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .date {
		font-family: "Humnst777"
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .date span:first-child {
		font-size: 0.3rem;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .date span:last-child {
		font-size: 0.16rem;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .title {
		font-size: 16px;
		margin-top: 0.3rem;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .title a {
		color: #fff;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .description {
		line-height: 20px;
		font-size: 12px;
		margin-top: 10px;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .common-more {
		margin-top: 0.4rem;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-content .common-more a {
		color: #fff;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-navigation {
		width: 100%;
		height: 42px;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -21px;
		display: flex;
		justify-content: space-between;
		z-index: 1;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-navigation .mobile-case-prev {
		width: 42px;
		height: 42px;
		background: #fb393a url(../images/arrow.png) no-repeat center;
		transform: rotate(180deg);
		cursor: pointer;
		outline: none;
	}

	.index-case .mobile-list .mobile-case-display .mobile-case-navigation .mobile-case-next {
		width: 42px;
		height: 42px;
		background: #0895d5 url(../images/arrow.png) no-repeat center;
		cursor: pointer;
		outline: none;
	}

	.index-about {
		flex-wrap: wrap;
	}

	.index-about .text {
		flex-basis: 100%;
		padding-right: 15px;
		order: 2;
	}

	.index-about .text .wrapper {
		padding-right: 0;
		padding-top: 0.4rem;
		padding-bottom: 0.85rem;
	}

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

	.index-about .text .subtitle {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		height: auto;
		line-height: 1.5;
	}

	.index-about .text .common-more {
		margin-top: 0.75rem;
	}

	.index-about .pic {
		flex-basis: 100%;
		order: 1;
	}

	.index-news {
		margin-top: 0.7rem;
	}

	.index-news .mobile-content {
		margin-top: 0.4rem;
	}

	.index-news .mobile-content .hotline {
		width: 100%;
	}

	.index-news .mobile-content .hotline .date {
		color: #323232;
		font-family: "Humnst777";
		margin-top: 0.1rem;
	}

	.index-news .mobile-content .hotline:hover .date {
		color: #fb393a;
	}

	.index-news .mobile-content .hotline .date span:first-child {
		font-size: 0.3rem;
	}

	.index-news .mobile-content .hotline .date span:last-child {
		font-size: 0.16rem;
	}

	.index-news .mobile-content .hotline .title {
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 0.2rem;
		color: #fb393a;
	}

	.index-news .mobile-content .hotline:hover .title a {
		color: #fb393a;
	}

	.index-news .mobile-content .hotline .description {
		font-size: 14px;
		line-height: 1.5;
		margin-top: 10px;
		text-align: justify;
	}

	.index-news .mobile-content .list {
		margin-top: 0.15rem;
	}

	.index-news .mobile-content .list .item {
		margin-top: 0.45rem;
	}

	.index-news .mobile-content .list .item .title {
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.index-news .mobile-content .list .item:hover .title a {
		color: #fb393a;
	}

	.index-news .mobile-content .list .item .description {
		font-size: 14px;
		line-height: 1.5;
		margin-top: 10px;
		text-align: justify;
	}

	.index-news .mobile-content .list .item .date {
		font-size: 12px;
		margin-top: 10px;
		color: #c8c8c8;
	}

	.footer {
		padding-left: 0;
	}

	.footer .container {
		padding-left: 15px;
		padding-bottom: 0;
	}

	.footer .container .wrapper {
		position: relative;
		padding-left: 0;
		padding-bottom: 0.85rem;
		border-bottom: 1px solid #dcdcdc;
	}

	.footer .mobile-contact-information {
		flex-basis: 100%;
	}

	.footer .mobile-contact-information .tel400 {}

	.footer .mobile-contact-information .tel400 .label {
		font-size: 0.22rem;
		font-weight: lighter;
		float: none;
		color: #fff;
		margin-bottom: 0;
	}

	.footer .mobile-contact-information .tel400 .number {
		font-size: 0.36rem;
		font-weight: bold;
		color: #fff;
		margin-top: 0.15rem;
	}

	.footer .mobile-contact-information .tel400 .number a {
		color: #fff;
	}

	.footer .container .wrapper .mobile-contact-information>.label {
		float: none;
		margin-top: 0.65rem;
	}

	.footer .container .wrapper .mobile-contact-information ul li a {
		color: #969696;
	}

	.footer .container .wrapper .qrcode {
		position: absolute;
		right: 0;
		top: 0;
	}

	.copyright {
		background: #323232;
		overflow: hidden;
		padding-bottom: 1.6rem;
		height: auto;
	}

	.copyright .container {
		height: auto;
		line-height: 1.5;
		padding-top: 0.25rem;
	}

	.mobile-bottom-navigation {
		width: 100%;
		height: 1rem;
		border-top: 1px solid #fff;
		position: fixed;
		bottom: 0;
		display: flex;
		z-index: 99;
	}

	.mobile-bottom-navigation>div {
		flex-basis: 25%;
		position: relative;
		background: #fb393a;
	}

	.mobile-bottom-navigation>div:hover {
		background: #000;
	}

	.mobile-bottom-navigation>div a {
		display: block;
		height: calc(100% - 1px);
		padding-top: 0.6rem;
		text-align: center;
		font-size: 0.2rem;
		color: #fff;
	}

	.mobile-bottom-navigation>div+div {
		border-left: 1px solid #fff;
	}

	.mobile-bottom-navigation>div a:before {
		content: "";
		display: block;
		width: 100%;
		height: 0.3rem;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		left: 0;
		top: 0.2rem;
	}

	.mobile-bottom-navigation .bottom-nav-phone a:before {
		background-image: url(../images/bottom-nav-phone.png);
	}

	.mobile-bottom-navigation .bottom-nav-qq a:before {
		background-image: url(../images/bottom-nav-qq.png);
	}

	.mobile-bottom-navigation .bottom-nav-product a:before {
		background-image: url(../images/bottom-nav-product.png);
	}

	.mobile-bottom-navigation .bottom-nav-home a:before {
		background-image: url(../images/bottom-nav-home.png);
	}

	.level2-nav {
		height: 0.65rem;
	}

	.level2-nav ul li {
		height: 0.65rem;
		font-size: 16px;
		font-weight: bold;
	}

	.level2-nav ul li a {
		display: block;
		height: 0.65rem;
		line-height: 0.65rem;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}

	.news {
		margin-top: 0.3rem;
		background: #fff;
	}

	.news .list .item {
		flex-wrap: wrap;
		margin-top: 0.7rem;
	}

	.news .list .item:first-child {
		margin-top: 0;
	}

	.news .list .item .pic {
		width: 100%;
	}

	.news .list .item .text {
		flex-wrap: wrap;
		border-bottom: none;
		padding-top: 0.3rem;
	}

	.news .list .item .text .title-description {
		width: 100%;
	}

	.news .list .item .text .title-description .date {
		font-family: "Humnst777";
		font-size: 16px;
		color: #323232;
	}

	.news .list .item .text .title-description .title {
		margin-top: 5px;
	}

	.news .list .item .more-date {
		margin-top: 0.48rem;
	}

	.product {
		margin-top: 0;
		margin-bottom: 0.6rem;
	}

	.product .container {
		flex-wrap: wrap;
	}

	.product .category {
		width: 100%;
		order: 1;
		border-top: none;
		display: none;
	}

	.product .category .group {
		border: 1px solid #dcdcdc;
		padding: 0.28rem;
	}

	.product .list-page {
		width: 100%;
		order: 2;
	}

	.product .list {
		margin-top: 0.4rem;
	}

	.product .list .item {
		width: calc(50% - 16px);
		border-bottom-color: #fb393a;
	}

	.product .list .item .title {
		height: 55px;
		line-height: 55px;
		padding-right: 0;
	}

	.product .list .item .title:after {
		display: none;
	}

	.product .page {
		margin-top: 0.6rem;
	}

	.product .page ul {
		justify-content: center;
	}

	.mobile-product-subnav-selected .text {
		color: #fff;
	}

	.mobile-product-nav .mobile-product-subnav-selected {
		height: 0.65rem;
		background: #fb393a;
		line-height: 0.65rem;
		padding-left: 15px;
		padding-right: 15px;
		color: #323232;
		font-size: 0.24rem;
	}

	.mobile-product-nav .mobile-product-subnav-selected span.icon-angle-up {
		display: block;
		width: 0.33rem;
		height: 0.65rem;
		float: right;
		background: url(../images/product-nav-arrow.png) no-repeat center;
		background-size: 0.33rem;
		transform: rotate(-90deg);
		transition: all .3s ease;
	}

	.mobile-product-nav .mobile-product-subnav-selected span.icon-angle-up.down {
		transform: rotate(0deg);
	}

	.mobile-product-nav ul {
		padding-left: 15px;
		padding-right: 15px;
		display: none;
	}

	.mobile-product-nav ul li {
		height: 0.65rem;
		line-height: 0.65rem;
		font-size: 16px;
		border-bottom: 1px solid #c8c8c8;
	}

	.mobile-product-nav ul li a {
		display: block;
		height: 0.65rem;
		color: #646464;
		text-decoration: none;
	}

	.product-detail {
		margin-top: 0.3rem;
	}

	.product-detail .product-show {
		flex-wrap: wrap;
	}

	.product-detail .product-show .pics {
		width: 100%;
	}

	.product-detail .product-show .text {
		width: 100%;
		margin-top: 0.4rem;
	}

	.product-detail .detail-relevant {
		flex-wrap: wrap;
	}

	.product-detail .detail-relevant:after {
		display: none;
	}

	.product-detail .detail-relevant .detail {
		width: 100%;
		margin-top: 0.8rem;
	}

	.product-detail .detail-relevant .relevant {
		width: 100%;
		margin-top: 0.4rem;
	}

	.product-detail .detail-relevant .relevant .list {
		display: flex;
		flex-wrap: wrap;
		margin-left: -10px;
		margin-right: -10px;
		justify-content: space-between;
	}

	.product-detail .detail-relevant .relevant .list .item {
		border-bottom-color: #fb393a;
		width: calc(50% - 20px);
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0.5rem;
	}

	.product-detail .detail-relevant .relevant .list .item .title {
		height: 55px;
		line-height: 55px;
		padding-right: 0;
	}

	.product-detail .detail-relevant .relevant .list .item .title:after {
		display: none;
	}


	.single-page .detail {
		margin-top: 0 !important;
	}

	.single-page .detail .material {
		margin-top: 20px;
	}

	.single-page .detail .material .list ul li {
		width: calc(50% - 8px);
	}

	.single-page .detail .technology .list ul li {
		width: calc(33.3333% - 8px);
	}

	.single-page .detail .zx-think {
		font-size: 0.2rem;
	}

	.single-page .detail .process .title {
		font-size: 0.3rem;
	}

	.single-page .detail .process .catelog {
		font-size: 0.24rem;
	}

	.single-page .detail .process .list .item .item-content .text {
		width: 100%;
	}

	.single-page .detail .process .list .item .item-content>.pic {
		margin-top: 15px;
	}

	.single-page .detail .process .list .item .item-content .pics {
		flex-wrap: wrap;
	}

	.single-page .detail .process .list .item .item-content .pic,
	.single-page .detail .process .list .item .item-content .pics .pic {
		width: 100%;
	}

	.single-page .detail .cost {
		margin-top: 0.6rem;
	}

	.single-page .detail .cost .list {
		margin-top: 0.3rem;
	}

	.single-page .detail .cost .title {
		font-size: 0.36rem;
		line-height: 1.5;
	}

	.single-page .detail .cost .subtitle {
		font-size: 0.3rem;
		line-height: 1.5;
		margin-top: 0.2rem;
	}

	.single-page .detail .single-pace-case {
		flex-wrap: wrap;
	}

	.single-page .detail .single-pace-case .left {
		width: 100%;
		order: 2;
		margin-top: 15px;
	}

	.single-page .detail .single-pace-case .right {
		width: 100%;
		order: 1;
	}

	.single-page .detail .single-pace-case .right .bottom {
		margin-top: 15px;
	}

	.single-page .detail .optimization {
		flex-wrap: wrap;
	}

	.single-page .detail .optimization .tips {
		width: 100%;
		order: 2;
		padding-top: 0;
		margin-top: 20px;
	}

	.single-page .detail .optimization .content {
		width: 100%;
	}

	.single-page .detail .optimization .content ul li {
		height: auto;
	}

	.single-page .detail .bottom-ad {
		margin-bottom: 0;
	}

	.about {
		margin-top: 0.6rem;
		margin-bottom: 0.35rem;
	}

	.about .title {
		font-size: 0.3rem;
		text-align: left;
	}

	.about .start {
		margin-top: 0.1rem;
		text-align: left;
	}

	.about .start p {
		line-height: 20px;
	}

	.about .start p+p {
		margin-top: 10px;
	}

	.about .progress {
		margin-top: 0.7rem;
	}

	.about .progress:after {
		display: none;
	}

	.about .progress .item {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.about .progress .item .year {
		text-align: left !important;
	}

	.about .progress .item .year:before {
		display: none;
	}

	.about .progress .item .event {
		text-align: left !important;
	}

	.about .culture {
		margin-top: 0.6rem;
	}

	.about .culture .pic {
		width: 100%;
	}

	.about .culture .pic img {
		display: block;
	}

	.about .culture .text {
		width: 100%;
		padding-left: 10px;
		height: auto;
		position: static;
		padding-bottom: 0.5rem;
	}

	.about .culture .text .list .item .label {
		flex-shrink: 0;
	}

	.case {
		margin-top: 0.5rem;
		margin-bottom: 0.6rem;
	}

	.case .list .item {
		flex-wrap: wrap;
		position: relative;
	}

	.case .list .item+.item {
		margin-top: 0.6rem;
	}

	.case .list .item .pic {
		width: 100%;
		padding-left: 0.25rem;
	}

	.case .list .item .text-customer {
		width: 100%;
		padding-top: 10px;
	}

	.case .list .item .text-customer .text {
		flex-wrap: wrap;
		border-bottom: none;
		padding-bottom: 0;
	}

	.case .list .item .text-customer .text .date {
		width: 100%;
		order: 1;
		margin-top: 0;
	}

	.case .list .item .text-customer .text .date span {
		display: inline;
		font-size: 16px;
	}

	.case .list .item .text-customer .text .title-description {
		width: 100%;
		order: 2;
	}

	.case .list .item .text-customer .text .title-description .description {
		margin-top: 0.2rem;
	}

	.case .list .item .text-customer .customer {
		width: 1.32rem;
		height: 0.65rem;
		border: 1px solid #fb393a;
		position: absolute;
		left: 0;
		top: 0.18rem;
		margin-top: 0;
	}

	.case .list .item:hover .text-customer .customer {
		border: 1px solid #fb393a;
	}

	.case .page {
		margin-top: 1rem;
	}

	.contact .information {
		flex-direction: column;
	}

	.contact .information .title span:nth-child(1) {
		display: block;
		font-size: 0.3rem;
	}

	.contact .information .title span:nth-child(2) {
		display: block;
		font-size: 14px;
		margin-left: 0;
	}

	.contact .information .qrcode {
		align-self: center;
		margin-top: 0.6rem;
	}

	.contact .information .tel400 {
		margin-top: 0.6rem;
		width: auto;
	}

	.contact .information .tel400 .label {
		font-size: 14px;
	}

	.contact .information .tel400 .number {
		font-size: 0.36rem;
	}

	.contact .list {
		flex-wrap: wrap;
	}

	.contact .list .item {
		font-size: 14px;
		padding-left: 0.55rem;
		position: relative;
		text-align: left;
		margin-top: 0.6rem;
	}

	.contact .list .item:before {
		width: 0.55rem;
		height: 100%;
		position: absolute;
		left: 0;
	}

	.contact .list .item:before {
		background-size: 0.4rem;
	}

	.contact .list .item .label {
		margin-top: 0;
		line-height: 1.5;
	}

	.contact .list .item .content {
		margin-top: 0;
		line-height: 1.5;
	}

	.contact .remark {
		margin-top: 0.7rem;
		padding-top: 0.2rem;
	}

	.contact .remark .title {
		font-size: 0.22rem;
		line-height: 1.5;
	}

	.contact .remark ul li {
		font-size: 14px;
		margin-bottom: 0.1rem;
	}

	.form {
		margin-top: 0.8rem;
	}

	.form .title {
		font-size: 0.3rem;
	}

	.form .subtitle {
		font-size: 14px;
	}

	.form .inputs {
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}

	.form .inputs .input {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.form .inputs .input+.input {
		margin-top: 0.3rem;
	}

	.form .textarea {
		margin-top: 0.3rem;
	}

	.map {
		margin-bottom: 0.6rem;
		padding-left: 15px;
		padding-right: 15px;
	}


	.quality-control {
		margin-top: 0.4rem;
		margin-bottom: 0.55rem;
	}

	.quality-control .step .explain {
		font-size: 0.18rem;
		text-align: justify;
	}

	.quality-control .step .list {
		flex-wrap: wrap;
		margin-left: -8px;
		margin-right: -8px;
		margin-top: 0.4rem;
	}

	.quality-control .step .list .item {
		width: calc(50% - 28px);
		margin-left: 8px;
		margin-right: 20px;
		padding: 0.4rem 0.2rem;
	}

	.quality-control .step .list .item:not(:last-child) {
		margin-bottom: 0.3rem;
	}

	.quality-control .step .list .item .title {
		font-size: 0.24rem;
	}

	.quality-control .equipment-display {
		margin-top: 0.65rem;
	}

	.quality-control .equipment-display .list {
		margin-top: 0.3rem;
	}

	.quality-control .equipment-display .list .item {
		flex-wrap: wrap;
	}

	.quality-control .equipment-display .list .item+.item {
		margin-top: 0.75rem;
	}

	.quality-control .equipment-display .list .item .pic {
		width: 100%;
	}

	.quality-control .equipment-display .list .item .text {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
		margin-top: 0.2rem;
	}

	.quality-control .equipment-display .list .item:nth-child(even) .pic {
		order: 1;
	}

	.quality-control .equipment-display .list .item:nth-child(even) .text {
		order: 2;
	}

	.quality-control {
		margin-top: 0.8rem;
	}

	.quality-control .equipment-list {
		padding-bottom: 0;
		border-bottom: none;
	}

	.quality-control .equipment-list .table-mobile {
		width: calc(100% + 15px);
		margin-right: -15px;
		margin-top: 0.3rem;
		display: flex;
	}

	.quality-control .equipment-list .table-mobile table {
		border-collapse: collapse;
	}

	.quality-control .equipment-list .table-mobile table td {
		height: 0.4rem;
		white-space: nowrap;
		padding-left: 0.1rem;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
	}

	.quality-control .equipment-list .table-mobile .parameters table td {
		padding-right: 0.1rem;
	}

	.quality-control .equipment-list .table-mobile .values table td {
		padding-right: 0.3rem;
	}

	.quality-control .equipment-list .table-mobile .parameters table td {
		background: #fb393a;
		color: #fff;
	}

	.quality-control .equipment-list .table-mobile .values {
		overflow-x: auto;
	}

	.quality-control .equipment-list .note,
	.production-strength .equipment-list .note {
		margin-top: 10px;
		text-align: center;
	}


	.certificate {
		margin-top: 0.4rem;
	}

	.certificate .list {
		margin-left: 0;
		margin-right: 0;
	}

	.certificate .list .item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.certificate .list .item .text .title-category-name .title {
		border-bottom-color: #fb393a;
	}

	.certificate .list .item .text .date {
		color: #fb393a;
	}

	.production-strength {
		margin-top: 0.6rem;
		margin-bottom: 1rem;
	}

	.production-strength .advantage {
		margin-top: 0.7rem;
	}

	.production-strength .advantage .title {
		font-size: 0.36rem;
	}

	.production-strength .advantage .list {
		margin-left: -0.1rem;
		margin-right: -0.1rem;
	}

	.production-strength .advantage .list .item {
		width: calc(50% - 0.2rem);
		margin-left: 0.1rem;
		margin-right: 0.1rem;
		padding-left: 0;
	}

	.production-strength .advantage .list .item:before {
		width: 0.5rem;
		height: 0.5rem;
		background-size: 0.5rem;
		top: -0.15rem;
	}

	.production-strength .advantage .list .item .item-title {
		font-size: 0.24rem;
		padding-left: 0.65rem;
	}

	.production-strength .advantage .list .item .content {
		margin-top: 0.25rem;
		font-size: 0.2rem;
	}

	.production-strength .equipment-list {
		padding-bottom: 0;
		border-bottom: none;
		margin-top: 0.6rem;
	}

	.production-strength .equipment-list .title {
		font-size: 0.2rem;
	}

	.production-strength .equipment-list .table-mobile {
		width: calc(100% + 15px);
		margin-right: -15px;
		margin-top: 0.3rem;
		display: flex;
	}

	.production-strength .equipment-list .table-mobile table {
		border-collapse: collapse;
	}

	.production-strength .equipment-list .table-mobile table td {
		height: 0.4rem;
		white-space: nowrap;
		padding-left: 0.1rem;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
	}

	.production-strength .equipment-list .table-mobile .parameters table td {
		padding-right: 0.1rem;
	}

	.production-strength .equipment-list .table-mobile .values table td {
		padding-right: 0.3rem;
	}

	.production-strength .equipment-list .table-mobile .parameters table td {
		background: #fb393a;
		color: #fff;
	}

	.production-strength .equipment-list .table-mobile .values {
		overflow-x: auto;
	}

	.production-strength .equipment-display {
		margin-top: 0.5rem;
	}

	.production-strength .equipment-display .list {
		margin-left: 0;
		margin-right: 0;
		margin-top: -0.6rem;
	}

	.production-strength .equipment-display .list .item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0.6rem;
	}

	.production-strength .equipment-display .list .item .title {
		border-bottom-color: #fb393a;
		font-size: 0.2rem;
	}

	.team {
		margin-top: 0.7rem;
		margin-bottom: 0.6rem;
	}

	.team .team-display .list .item .text p {
		font-size: 14px;
	}

	.team .team-display .list .item:nth-child(1) {
		flex-wrap: wrap;
	}

	.team .team-display .list .item:nth-child(2) {
		flex-wrap: wrap;
	}

	.team .team-display .list .item:nth-child(1) .text {
		width: 100%;
		padding-top: 0;
	}

	.team .team-display .list .item:nth-child(1) .pic {
		width: 100%;
		margin-top: 0.2rem;
	}

	.team .team-display .list .item:nth-child(2) {
		margin-top: 0.2rem;
	}

	.team .team-display .list .item:nth-child(2) .text {
		width: 100%;
		padding-top: 0;
		padding-left: 0;
		margin-top: 0.3rem;
	}

	.team .team-display .list .item:nth-child(2) .text p:nth-child(2) {
		margin-top: 0.2rem;
	}

	.team .team-display .list .item:nth-child(2) .pic {
		width: 100%;
	}

	.team .team-display .list .item:nth-child(3) {
		margin-top: 0.8rem;
	}

	.team .team-display .list .item:nth-child(3) .text {
		margin-top: 0.3rem;
	}

	.team .team-display .list .item:nth-child(4) {
		margin-top: 0.8rem;
		flex-wrap: wrap;
	}

	.team .team-display .list .item:nth-child(4) .pic {
		width: 100%;
	}

	.team .team-display .list .item:nth-child(4) .text {
		width: 100%;
		background: none;
		padding: 0;
		color: #646464;
		margin-top: 0.2rem;
	}

	.team .team-display .list .item:nth-child(5) {
		margin-top: 0.8rem;
		flex-wrap: wrap;
	}

	.team .team-display .list .item:nth-child(5) .pic {
		width: 100%;
		order: 1;
	}

	.team .team-display .list .item:nth-child(5) .text {
		width: 100%;
		order: 2;
		padding: 0;
		background: none;
		color: #646464;
		margin-top: 0.2rem;
	}

	.team .team-display .list .item:nth-child(6) {
		margin-top: 0.8rem;
	}

	.team .team-display .list .item:nth-child(6) .pic {
		flex-wrap: wrap;
	}

	.team .team-display .list .item:nth-child(6) .pic p {
		width: 100%;
	}

	.team .team-display .list .item:nth-child(6) .text {
		margin-top: 0.2rem;
	}

	.team .team-display .list .item:nth-child(6) .text p:first-child {
		font-size: 18px;
	}

	.team .team-display .list .item:nth-child(7) {
		margin-top: 0.8rem;
	}

	.team .team-display .list .item:nth-child(7) .pic {
		flex-wrap: wrap;
	}

	.team .team-display .list .item:nth-child(7) .pic p {
		width: 100%;
	}

	.team .team-display .list .item:nth-child(7) .text {
		margin-top: 0.2rem;
	}

	.team .team-display .list .item:nth-child(7) .text p:last-child {
		margin-top: 0.3rem;
	}

	.team .team-list {
		margin-top: 0.7rem;
	}

	.team .team-list .list {
		margin-left: 0;
		margin-right: 0;
		margin-top: -0.7rem;
	}

	.team .team-list .list .item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0.7rem;
	}

	.team .team-list .list .item .text .title-category-name .title {
		border-bottom-color: #fb393a;
	}

	.team .team-list .list .item .text .date {
		color: #fb393a;
	}

	.team .team-list .list .page {
		margin-top: 0.5rem;
	}

	.sitemap .title-bar .title {
		font-size: 0.3rem;
	}

	.sitemap .grid .list .level2 ul {
		justify-content: flex-start;
	}

	.sitemap .grid .list .level2 ul li {
		width: 33.3333% !important;
		margin-left: 0 !important;
	}

	.article {
		margin-top: 0.45rem;
		margin-bottom: 0.6rem;
	}

	.article .container {
		flex-wrap: wrap;
	}

	.article .content {
		width: 100%;
	}

	.article .content .title {
		line-height: 1.5;
	}

	.article .relevant {
		width: 100%;
		margin-top: 1.2rem;
	}

	.article .relevant .list .item .pic {
		margin-bottom: 0.1rem;
		display: block;
	}

}

@media (max-width: 510px) {
	.copyright {
		font-size: 12px;
	}

	.datas .list .item {
		flex-basis: 50% !important;
		padding: 0 !important;
	}

	.datas .list .item:nth-child(2) .wrapper,
	.datas .list .item:nth-child(4) .wrapper,
	.datas .list .item:nth-child(6) .wrapper {
		width: 110px;
	}

	.datas .list .item:nth-child(odd) {
		border-left: none;
		text-align: left !important;
	}

	.datas .list .item:nth-child(even) {
		border-left: 1px solid #dcdcdc;
		text-align: right !important;
	}

	.datas .list .item:nth-child(3) {
		margin-top: 0.5rem;
	}

	.index-products .grid .category .list ul li {
		font-size: 12px;
	}

	.sitemap .grid .list .level2 ul li {
		width: 50% !important;
	}
}

@media (max-width: 370px) {
	.product .category .group {
		padding-left: 10px;
		padding-right: 0;
	}

	.product .category .group ul li {
		font-size: 12px;
	}

	.about .culture .text .list {
		font-size: 12px;
	}

	.about .culture .text .list .item .label {
		width: 85px;
	}

	.form .subtitle {
		font-size: 12px;
	}

	.contact .remark ul li {
		line-height: 1.25;
	}
}

.list_page{
	display: block;
	padding: 50px 0;
	text-align: center;
	font-size: 14px;
	color: #ccc;
}
.list_page a{
	font-size: 14px;
	color: #ccc;
}
.list_page {
}
.list_page ul {
	display: block;
	font-size: 0;
	line-height: 0;
}
.list_page li {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: top;
}
.list_page li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	height: 36px;
	border: 1px solid #ccc;
	background: #fff;
	color: #262626;
	text-align: center;
	line-height: 36px;
	border-left: 0px;
}
.list_page li a:hover {
	background: #efefef;
	color: #262626;
}
.list_page li .up {
	border-left: 1px solid #ccc;
}
.list_page li .list_page_now {
	background-color: #efefef;
	color: #262626;
}
.list_page li .list_page_now:hover {
	background-color: #efefef;
}