*{margin:0;padding:0;}
body{overflow-x:hidden;margin:auto;font-size:12px;}
li{list-style:none;}
ol li{list-style:inherit;}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
a{text-decoration:none;font-family:"Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}

@font-face {
	font-family: 'HelveticaNeueLTPro-LtEx';
	src: local('HelveticaNeueLTPro-LtEx'), url(../fonts/HelveticaNeueLTPro-LtEx.woff) format('woff');
}
@font-face {
	font-family: 'HelveticaNeueLTPro-MdEx';
	src: local('HelveticaNeueLTPro-MdEx'), url(../fonts/HelveticaNeueLTPro-MdEx.woff) format('woff');
}
@font-face {
	font-family: 'Montserrat-SemiBold';
	src: local('Montserrat-SemiBold'), url(../fonts/Montserrat-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'HELVETICALT65MEDIUM';
	src: local('HELVETICALT65MEDIUM'), url(../fonts/HELVETICALT65MEDIUM.woff) format('woff');
}
@font-face {
	font-family: 'PRG75';
	src: local('PRG75'), url(../fonts/PRG75.woff) format('woff');
}
@font-face {
	font-family: 'lucidasans';
	src: local('lucidasans'), url(../fonts/lucidasans.woff) format('woff');
}
@font-face {
	font-family: 'Rubik-Medium';
	src: local('Rubik-Medium'), url(../fonts/Rubik-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Helvetica';
	src: local('Helvetica'), url(../fonts/Helvetica.otf) format('woff');
}
html {
	font-size: 100px !important;
}

body {
	background: #fff !important;
}

@media screen and (max-width: 1680px) {
	html {
		font-size: 86px !important;
		overflow-x:hidden;
	}
}

@media screen and (max-width: 1440px) {
	html {
		font-size: 78px !important;
	}
}

@media screen and (max-width: 1200px) {
	.hidden-1280 {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	html {
		font-size: 60px !important;
	}
}

@media screen and (max-width: 768px) {
	html {
		font-size: 60px !important;
	}

}



.banner {
	width: 100%;
	position: relative;
}
.navbox {
	width: 100%;
	position: absolute;
	padding-right: 1.08rem;
	padding-left: 1.08rem;
	top: 0.52rem;
	z-index: 6;
}
.logo {
	float: left;
	width: 3.06rem;
}
.logo img {
	width: 100%;
}
.nav {
	float: right;
}
.navright {
	float: right;
	display: flex;
	position: relative;
	margin-left: 0.5rem;
	height: .65rem;
	align-items: center;
}
.navright:after {
	content: "";
	position: absolute;
	left: 50%;
	height: 0.13rem;
	width: 1px;
	background: #000000;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.shopping {
	width: 0.23rem;
}
.shopping img {
	width: 100%;
}
.english {
	width: 0.23rem;
	margin-left: 0.41rem;
}
.english img {
	width: 100%;
}
.navitem {
	font-size: .164rem;
	color: #000;
	float: left;
	padding-left: .25rem;
	padding-right: 0.25rem;
	line-height: 0.65rem;
	height: 0.65rem;
}
.nav .navitem:first-child {
	padding-left: 0;
}
.nav .navitem:last-child {
	padding-right: 0;
}
.navitem a {
	color: #000;
	display: block;
	height: 100%;
}
.navitem:hover a {
	font-weight: bold;
	color: #000000;
}
.navitemactive {
	font-weight: bold;
	color: #000000;
}
.bannerbox {
	width: 100%;
}
.bannerbox .swiper-slide img {
	width: 100%;
}
.bannerarrowleft {
	width: 0.24rem;
	position: absolute;
	top: 50%;
	margin-top: -.12rem;
	left: 0.95rem;
	z-index: 2;
	cursor: pointer;
}
.bannerarrowleft img {
	width: 100%;
	filter: grayscale(100%) brightness(1000%);
	transition: .25s all;
}
.bannerarrowleft:hover img {
	filter: grayscale(0%) brightness(1000%);
}
.bannerarrowright {
	width: 0.24rem;
	position: absolute;
	top: 50%;
	margin-top: -.12rem;
	right: 0.95rem;
	z-index: 2;
	cursor: pointer;
}
.bannerarrowright img {
	width: 100%;
	filter: grayscale(100%) brightness(1000%);
	transform-origin: center;
	transform: rotate(180deg);
	transition: .25s all;
}
.bannerarrowright:hover img {
	filter: grayscale(0%) brightness(1000%);
}

@media screen and (max-width : 1600px) {
	.navbox {
		width: 100%;
		position: absolute;
		padding-right: .4rem;
		padding-left: .4rem;
	}
	.navitem {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.nav .navitem:first-child {
		padding-left: 0;
	}
	.nav .navitem:last-child {
		padding-right: 0;
	}
	.navright {
		margin-left: 0.4rem;
	}
}


.swiper-num {
	color: #ffffff;
	font-size: .36rem;
	display: flex;
	position: absolute;
	right: 1.38rem;
	bottom: 0.85rem;
	z-index: 2;
	font-family: "HelveticaNeueLTPro-LtEx";
	align-items: flex-end;
	line-height: 1;
}
.swiper-num .active {
	color: #ff0000;
	font-size: .62rem;
}



.bannerbox .swiper-container-horizontal>.swiper-pagination-bullets {
	width: 10px;
	left: 65px;
	bottom: auto;
	top: 41%;
}
.bannerbox .swiper-pagination {
	bottom: 0.87rem;
	left: 1.36rem;
	display: table;
	margin-left: 0;
	margin-right: 0;
	width: auto;
}
.bannerbox .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #f00;
	opacity: 1;
	margin-left: 0.26rem!important;
	margin-right: 0.26rem!important;
}
.bannerbox .swiper-pagination-bullet:first-child {
	margin-left: 0!important;
}
.bannerbox .swiper-pagination-bullet:last-child {
	margin-right: 0!important;
}

.bannerbox .swiper-pagination-bullet-active {
	background: none;
	position: relative;
}

/* .bannerbox .swiper-pagination-bullet-active:after {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-radius: 50%;
	position: absolute;
	left: -8px;
	top: -7px;
} */

svg {
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	box-sizing: border-box;
	position: relative;
	z-index: 99;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	margin-left: -10px;
	overflow: inherit;
}



.bannerbox .swiper-pagination-bullet svg circle {
	opacity: 0;
	stroke-dasharray: 100;
	stroke-dashoffset: 0;
	fill: rgba(255, 255, 255, 0);
	stroke: #fff;
}

.bannerbox .swiper-pagination-bullet-active svg circle {
	opacity: 1;
	-webkit-animation: circledraw 7s forwards;
	animation: circledraw 7s;
}

@-webkit-keyframes circledraw {
	0% {
		stroke-dashoffset: 100;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes circledraw {
	0% {
		stroke-dashoffset: 100;
	}

	100% {
		stroke-dashoffset: 0;
	}
}


.homebigbox {
	background: url(https://pic01.sq.seqill.cn/glfj/img/sydbj.jpg) #fff bottom no-repeat;
	background-size: 100% auto;
	position: relative;
}
.homeproductbox {
	width: 100%;
}
.homeproduct {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.3rem;
}
.homeproductleft {
	width: 50%;
	float: left;
}
.homeproductlefttitle {
	width: 100%;
}
.homeductleftentitle {
	color: #010101;
	font-size: .56rem;
	/* margin-left: -0.07rem; */
	font-family: "HELVETICALT65MEDIUM";
	margin-top: 0.32rem;
	    text-transform: uppercase;
			line-height: 1;
}
.homeductleftentitle span {
	color: #000000;
}
.homeductleftsolidtitle {
	width: 0.44rem;
	height: 0.03rem;
	background: #ff0000;
	margin-top: 2px;
}
.homeductleftcntitle {
	color: #e40b0c;
	font-size: .32rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.25rem;
}
.homeproductleftcontent {
	width: 100%;
	margin-top: 0.35rem;
}
.homeproductleftcontentleft {
	width: 50%;
	float: left;
}
.homeproductleftcontentleftbox {
	width: 100%;
	margin-top: 0.07rem;
	height: 1.28rem;
	position: relative;
}
.homeproductleftcontentleftitem {
	width: 100%;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.32rem;
	height: 100%;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
	padding-right: 0.55rem;
}
.homeproductleftcontentleftitemactive {
	opacity: 1;
	visibility: visible;
}
.homeproductleftcontentleftmore {
	width: 2.16rem;
	height: 0.65rem;
	border-radius: .33rem;
	background: #fff;
	border: 1px solid #dedede;
	overflow: hidden;
	margin-top: 0.8rem;
}
.homeproductleftcontentleftmore a {
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-right: 0.26rem;
	padding-left: 0.28rem;
	line-height: 0.65rem;
	justify-content: space-between;
  align-items: center;
}
.homeproductleftcontentleftmorewriting {
	color: #686868;
	font-size: .18rem;
	float: left;
}
.homeproductleftcontentleftmorearrow {
	float: left;
	width: 0.17rem;
}
.homeproductleftcontentleftmorearrow img {
	width: 100%;
	 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);

filter: brightness(0) saturate(100%);
opacity: 0.4;
}
.homeproductleftcontentright {
	float: left;
	width: 50%;
	position: relative;
}
.homeproductleftcontentrightitem {
	width: 79.7922%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: .25s all;
}
.homeproductleftcontentrightitemactive {
	visibility: visible;
	opacity: 1;
	position: relative;
}
.homeproductleftcontentrightitem img {
	width: 100%;
}
.homeproductright {
	width: 50%;
	float: right;
	padding-left: 0.14rem;
	padding-top: 0.3rem;
}
.homeproductrightitem {
	float: left;
	width: calc((100% - .45rem) / 2);
	border-radius: .12rem;
	border: 1px solid #e5e5e5;
	position: relative;
	height: 1.96rem;
	margin-top: 0.43rem;
	margin-left: 0.45rem;
	overflow: hidden;
}
.homeproductrightitem:nth-child(1) {
	margin-top: 0;
}
.homeproductrightitem:nth-child(2) {
	margin-top: 0;
}
.homeproductright .homeproductrightitem:nth-child(2n-1) {
	margin-left: 0;
}
.homeproductrightitem a {
	display: block;
	width: 100%;
	height: 100%;
}
.homeproductrightitempic {
	width: 0.4rem;
	position: absolute;
	top: 0.27rem;
	left: 0.28rem;
	transition: .25s all;
}
.homeproductrightitempic img {
	width: 100%;
}
.homeproductrightitemtitlebox {
	position: absolute;
	text-align: right;
	right: 0.34rem;
	bottom: 0.27rem;
	transition: .25s all;
}
.homeproductrightitemtitle {
	color: #3e3a39;
	font-size: .24rem;
	font-weight: bold;
	height: 0.28rem;
	line-height: 0.28rem;
	transition: .25s all;
}
.homeproductrightitemftitle {
	font-family: "HelveticaNeueLTPro-LtEx";
	color: #919191;
	font-size: .16rem;
	line-height: 0.18rem;
	height: 0.18rem;
	margin-top: 0.06rem;
	transition: .25s all;
}
.homeproductrightitemarrow {
	width: 0.53rem;
	height: 0.53rem;
	border-radius: 50%;
	border: 1px solid rgba(241, 241, 241, .56);
	display: flex;
	position: absolute;
	right: 0.35rem;
	bottom: 0.2rem;
	opacity: 0;
	transition: .25s all;
	justify-content: center;
  align-items: center;
}
.homeproductrightitemhg {
	left: -.18rem;
	position: absolute;
	width: 2.27rem;
	top: 50%;
	-webkit-transform: translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	opacity: 0;
	transition: .25s all;
}
.homeproductrightitemhg img {
	width: 100%;
}
.homeproductrightitemarrow img {
	width: 0.16rem;
}
.homeproductrightitem:hover .homeproductrightitemarrow {
	opacity: 1;
}
.homeproductrightitem:hover {
	background: #ff0000;
	border-color: #ff0000;
	border: none;
	box-shadow: 10.607px 10.607px 13.2px 1.8px rgba(0, 0, 0, 0.14);
}
.homeproductrightitem:hover .homeproductrightitemhg {
	opacity: 1;
}
.homeproductrightitem:hover .homeproductrightitemtitlebox {
	top: 0.3rem;
	bottom: auto;
}
.homeproductrightitem:hover .homeproductrightitemtitle {
	color: #fff;
}
.homeproductrightitem:hover .homeproductrightitemftitle {
	color: #fff;
}
.homeproductrightitem:hover .homeproductrightitempic {
	opacity: 0;
}


.homeproductrightitemactive .homeproductrightitemarrow {
	opacity: 1;
}
.homeproductrightitemactive {
	background: #ff0000;
	border-color: #ff0000;
	border: none;
	box-shadow: 10.607px 10.607px 13.2px 1.8px rgba(0, 0, 0, 0.14);
}
.homeproductrightitemactive .homeproductrightitemhg {
	opacity: 1;
}
.homeproductrightitemactive .homeproductrightitemtitlebox {
	top: 0.3rem;
	bottom: auto;
}
.homeproductrightitemactive .homeproductrightitemtitle {
	color: #fff;
}
.homeproductrightitemactive .homeproductrightitemftitle {
	color: #fff;
}
.homeproductrightitemactive .homeproductrightitempic {
	opacity: 0;
}






.historybox {
	width: 100%;
	margin-top: 1.3rem;
}
.history {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.historyleft {
	width: 50%;
	float: left;
}
.historyleftcontent {
	width: 100%;
	margin-top: 1rem;
	position: relative;
}
.historyleftcontentitem {
	width: 100%;
}
.historyleftcontentitemleft {
	position: relative;
	width: calc(50% + .14rem);
	float: left;
}
.historyleftcontentitemleftpic {
	width: calc(100% - .31rem);
	padding: .13rem;
	background: #fff;
	position: relative;
	z-index: 5;
}
.historyleftcontentitemleftpic img {
	width: 100%;
}
.historyleftcontentitemleftgrey {
	height: calc(100% - .48rem);
	top: 0.18rem;
	background: #d8d8d8;
	width: 0.58rem;
	right: .14rem;
	position: absolute;
	z-index: 4;
}
.historyleftcontentitemleftwhite {
	right: 0;
	height: calc(100% - .72rem);
	top: 0.32rem;
	background: rgba(216, 216, 216, .3);
	width: 0.58rem;
	position: absolute;
	z-index: 3;
}

.historyleftcontentitemright {
	width: calc(50% - .14rem);
	float: right;
	padding-left: 0.5rem;
	padding-right: 0.4rem;
}
.historyleftcontentitemrighttitlebox {
	width: 100%;
}
.historyleftcontentitemrightsubtitle {
	color: #ffffff;
	font-size: .28rem;
	font-weight: bold;
	line-height: 0.4rem;
}
.historyleftcontentitemrighttitle {
	color: #ffffff;
	font-size: .28rem;
	font-weight: bold;
	line-height: 0.4rem;
}
.historyleftcontentitemrightdesc {
	color: #d8d8d8;
	font-size: .16rem;
	line-height: 0.32rem;
	margin-top: 0.26rem;

}
.honorarrowbox {
	position: absolute;
	left: calc(50% + .64rem);
	bottom: 0.3rem;
	overflow: hidden;
	z-index: 3;
}
.honorleftarrow {
	width: 0.69rem;
	height: 0.69rem;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	transition: .25s all;
	cursor: pointer;
}
.honorleftarrow img {
	width: 0.15rem;
}
.honorleftarrow:hover {
	background: #fd0101;
	border-color: #fd0101;
}

.honorrightarrow {
	width: 0.69rem;
	height: 0.69rem;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	transition: .25s all;
	margin-left: 0.19rem;
	cursor: pointer;
}
.honorrightarrow img {
	width: 0.15rem;
	transform-origin: center;
	transform: rotate(180deg);
}
.honorrightarrow:hover {
	background: #fd0101;
	border-color: #fd0101;
}


.aboutbox {
	width: 100%;
	margin-top: 1.68rem;
}
.about {
	width: calc(50% + 1.18rem);
	padding-left: 12.5%;
	border-top-right-radius: .4rem;
	background: #fff;
	padding-right: 2.6rem;
	padding-top: 1.44rem;
}
.abouttitle {
	color: #ff0000;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1;
}
.aboutdesc {
	color: #000000;
	font-size: .54rem;
	line-height: 0.8rem;
	margin-top: 0.2rem;
}
.aboutcontent {
	color: #727272;
	font-size: .16rem;
	line-height: 0.36rem;
	margin-top: 0.25rem;
}
.aboutfz {
	width: calc(50% + .4rem);
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.aboutfz img {
	width: 100%;
}

@media screen and (max-width : 1600px) {
	.aboutdesc {
		font-size: .4rem;
		line-height: 0.6rem;
	}
}

.casebox {
	width: 100%;
}
.case {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-top: 1.45rem;
	padding-bottom: 0.52rem;
}
.case .homeductleftsolidtitle {
	margin-right: 0;
  margin-left: auto;
}

.historyright {
	float: right;
	width: 50%;
	padding-top: 1.05rem;
	height: 7rem;
}
.historyrightitembox {
	width: 100%;
	position: relative;
}
.historyrightitem {
	width: 2rem;
	position: absolute;
}
.historyrightitemleft {
	float: left;
	width: 0.24rem;
	height: 0.24rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, .2);
	position: relative;
	margin-top: 0.17rem;
}
.historyrightitemleft:after {
	content: "";
	position: absolute;
	width: 0.11rem;
	height: 0.11rem;
	border-radius: 50%;
	background: #ff0000;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.historyrightitemleft::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 1.7rem;
	background: url(https://pic01.sq.seqill.cn/glfj/img/fzlcsx.png) no-repeat;
	background-size: 100% 100%;
	top: 0.12rem;
	left: 0.12rem;
}
.historyrightitemright {
	width: calc(100% - 0.37rem);
	float: right;
}
.historyrightitemrighttitle {
	font-family: "Montserrat-SemiBold";
	color: #ff0000;
	font-size: .32rem;
	line-height: 1;
}
.historyrightitemrightdesc {
	color: #fefefe;
	font-size: .14rem;
	line-height: 0.24rem;
	height: 0.72rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top: 0.1rem;
}
.historyrightitembox {
	height: 7rem;
}
.historyrightitembox .historyrightitem:nth-child(1) {
	left: 40.27%;
}
.historyrightitembox .historyrightitem:nth-child(2) {
	right: 0;
	top: 1.08rem;
}
.historyrightitembox .historyrightitem:nth-child(3) {
	right: 0;
	top: 2.96rem;
}
.historyrightitembox .historyrightitem:nth-child(4) {
	left: 38.89%;
	top: 3.38rem;
}
.historyrightitembox .historyrightitem:nth-child(5) {
	left: 4.16%;
	top: 4.1rem;
}
.historyrightitembox .historyrightitem:nth-child(6) {
	left: 56%;
	top: 5.22rem;
}
@media screen and (max-width : 1450px) {
	.about {
		padding-top: 1.7rem;
	}
}
@media screen and (max-width : 1320px) {
	.about {
		padding-top: .8rem;
		padding-right: 2rem;
	}
	.aboutdesc {
		font-size: .3rem;
		line-height: 0.4rem;
	}
	.historyrightitemright {
		margin-right: 0.1rem;
	}
}



.casenewsbox {
	width: 100%;
	background: #f5f5f5;
}
.casecontentbox {
	width: 100%;
}
.casecontent {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.caseleft {
	width: 58.33%;
	float: left;
	margin-top: -1.84rem;
}
.caseleftitem {
	width: 100%;
	border-radius: .16rem;
	overflow: hidden;
	position: relative;
}
.caseleftitem a {
	display: block;
	width: 100%;
	height: 100%;
}
.caseleftitempic {
	width: 100%;
}
.caseleftitempic img {
	width: 100%;
}
.caseleftitemtopleft {
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	background: #ff0000;
	overflow: hidden;
	position: absolute;
	top: -0.79rem;
	left: -0.7rem;
	z-index: 5;
}
.caseleftitemtopleftbox {
	position: absolute;
	top: 0.64rem;
	left: 0.41rem;
	z-index: 6;
	display: inline-block;
}
.caseleftitemleftmore {
	text-transform: uppercase;
	font-family: "PRG75";
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
}
.caseleftitemmorearrow {
	width: 0.21rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2rem;
	display: flex;
}
.caseleftitemmorearrow img {
	width: 100%;
}
.caseleftitembottom {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 5;
}
.caseleftitembottom img {
	width: 100%;
}
.caseleftitemtitlebox {
	position: absolute;
	width: 100%;
	padding-right: 0.57rem;
	padding-left: 1rem;
	left: 0;
	bottom: 0.52rem;
	z-index: 6;
	text-align: right;
}
.caseleftitemtitle {
	color: #ffffff;
	font-size: .32rem;
	font-weight: bold;
	line-height: 0.35rem;
	height: 0.35rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width: 100%;
}
.caseleftitemdesc {
	width: 100%;
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.18rem;
	height: 0.18rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.2rem;
}
@media screen and (max-width : 1600px) {
	.homeductleftentitle {
		font-size: .5rem;
	}
}

.casearrow {
	float: left;
	width: 0.74rem;
	position: absolute;
	bottom: 0;
	left: 61.45%;
}
.caseleftarrow {
	width: 0.74rem;
	height: 0.74rem;
	border-radius: 50%;
	border: 1px solid #a0a0a0;
	text-align: center;
	line-height: 0.74rem;
	cursor: pointer;
	transition: .25s all;
	display: flex;
	align-items: center;
	justify-content: center;
}
.caseleftarrow img {
	transform-origin: center;
	transform: rotate(180deg);
	transition: .25s all;
	width: 0.16rem;
}
.caseleftarrow:hover {
	background: #ff0000;
	border-color: #ff0000;
}
.caseleftarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}

.caserightarrow {
	width: 0.74rem;
	height: 0.74rem;
	border-radius: 50%;
	border: 1px solid #a0a0a0;
	text-align: center;
	line-height: 0.74rem;
	cursor: pointer;
	transition: .25s all;
	margin-top: 0.23rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.caserightarrow img {
	transition: .25s all;
	width: 0.16rem;
}
.caserightarrow:hover {
	background: #ff0000;
	border-color: #ff0000;
}
.caserightarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}

.caserightbox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 28.47%;
}
.caseright {
	width: 100%;
	position: relative;
}
.caserightinner {
	width: 100%;
	border-radius: .16rem;
	overflow: hidden;
	position: relative;
	z-index: 3;
}
.caserightitem {
	width: 100%;
	overflow: hidden;
	border-radius: .16rem;
}
.caserightitem img {
	width: 100%;
}
.caserightgrey {
	height: calc(100% - .31rem);
	top: 0.16rem;
	width: 100%;
	background: #dfdfdf;
	left: -0.11rem;
	z-index: 2;
	position: absolute;
	border-radius: .12rem;
}
.caserightwhite {
	height: calc(100% - .55rem);
	top: 0.28rem;
	width: 100%;
	background: #ebebeb;
	left: -0.23rem;
	z-index: 1;
	position: absolute;
	border-radius: .12rem;
}

.newsbox {
	width: 100%;
}
.news {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.15rem;
	padding-bottom: 1.3rem;
}
.newstop {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.newstopleft {
	float: left;
}
.newstopright {
	float: right;
}
.newstopright .homeproductleftcontentleftmore {
	margin-top: 0;
}
.newscontent {
	width: 100%;
	margin-top: 0.54rem;
}
.newscontentitem {
	width: calc((100% - 1.17rem) / 3);
	margin-left: 0.57rem;
	border-radius: .14rem;
	overflow: hidden;
	position: relative;
	float: left;
	transition: .25s all;
}
.newscontent .newscontentitem:nth-child(3n-2) {
	margin-left: 0;
}
.newscontentitempic {
	width: 100%;
}
.newscontentitempic img {
	width: 100%;
}
.newscontentitemsubtitle {
	color: #ff0000;
	font-size: .16rem;
	font-weight: bold;
	line-height: 1;
}
.newscontentitemnohover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding-top: 0.36rem;
	padding-left: 0.37rem;
	padding-right: 0.37rem;
	background: #fff;
	transition: .25s all;
}
.newscontentitemtitle {
	color: #000000;
	font-size: .24rem;
	line-height: 0.39rem;
	font-weight: bold;
	height: 0.78rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top: 0.2rem;
}
.newscontentitemdesc {
	color: #2c2c2c;
	font-size: .16rem;
	line-height: 0.32rem;
	height: 0.96rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	margin-top: .3rem;
	padding-right: 0.05rem;
	padding-top: 0.3rem;
	border-top: 1px solid #2c2c2c;
	opacity: 0.7;
	box-sizing: content-box;
	padding-left: 0.05rem;
}
.newscontentitemtimeym {
	font-family: "HelveticaNeueLTPro-LtEx";
	color: #8e8e8e;
	font-size: .14rem;
	line-height: 1;
}
.newscontentitemtimed {
	font-family: "HelveticaNeueLTPro-LtEx";
	color: #8e8e8e;
	font-size: .48rem;
	line-height: 1;
	margin-top: 0.05rem;
}
.newscontentitemnohoverarrow {
	width: 0.15rem;
	position: absolute;
	right: 0.51rem;
	bottom: 0.65rem;
}
.newscontentitemnohoverarrow img {
	width: 100%;
}
.newscontentitemtimebox {
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0.42rem;
	bottom: 0.5rem;
}

.newscontentitemtimenohoverbottom {

}
.newscontentitemhover {
	width: 100%;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0.46rem;
	padding-left: 0.38rem;
	padding-right: 0.5rem;
	z-index: 3;
	opacity: 0;
	transition: .25s all;
}
.newscontentitemtime {
	font-family: "HelveticaNeueLTPro-LtEx";
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
	font-weight: bold;
}
.newscontentitemhovertitle {
	color: #ffffff;
	font-size: .24rem;
	line-height: 0.39rem;
	font-weight: bold;
	height: 0.78rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top: 0.18rem;
}
.newscontentitemhoverdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.32rem;
	margin-top: 0.1rem;
}
.newscontentitemarrow {
	width: 0.49rem;
	display: flex;
	margin-top: 0.22rem;
}
.newscontentitemarrow img {
	width: 100%;
}

.newscontentitemhoverzz {
	position: absolute;
	width: 100%;
	z-index: 2;
	left: 0;
	bottom: 0;
	opacity: 0;
	transition: .25s all;
}
.newscontentitemhoverzz img {
	width: 100%;
}
.newscontentitem:hover .newscontentitemnohover {
	opacity: 0;
}
.newscontentitem:hover .newscontentitemhover {
	opacity: 1;
}
.newscontentitem:hover .newscontentitemhoverzz {
	opacity: 1;
}
.newscontentitem:hover {
	box-shadow: 10.6px 10.6px 15px rgba(0, 0, 0, 0.14); 
}


.footer {
	width: 100%;
	background: #3a3a3a;
	overflow: hidden;
}
.footertop {
	width: 100%;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.footerinner {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.66rem;
}
.footertopleft {
	float: left;
}

.footertopleft .homeductleftentitle {
	color: #fff;
}
.footertopleft .homeductleftsolidtitle {
	background: #fff;
}
.footertopleft .homeductleftcntitle {
	color: #fff;
}
.footerleftbottom {
	margin-top: 0.67rem;
}
.footerleftbottomitem {
	margin-top: 0.5rem;
	overflow: hidden;
}
.footerleftbottomitem:first-child {
	margin-top: 0;
}
.footerleftbottomitempic {
	width: 0.63rem;
	height: 0.63rem;
	border-radius: 50%;
	float: left;
}
.footerleftbottomitempic img {
	width: 100%;
}
.footerleftbottomitemtitle {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.63rem;
	margin-left: 0.3rem;
	display: flex;
	float: left;
}
.footerleftbottomitemtitle span {
	font-family: "lucidasans";
	font-size: .3rem;
}

.footertopright {
	float: right;
	margin-top: 0.4rem;
}
.footertoprightitem {
	float: left;
	width: 1.65rem;
}
.footertoprightitem:last-child {
	width: auto;
}
.footertoprightitemnav {
	color: #ffffff;
	font-size: .18rem;
	font-weight: bold;
	line-height: 1;
}
.footertoprightitemnav>a {
	color: #ffffff;
}
.footertoprightitemnavtwo {
	width: 100%;
	margin-top: 0.55rem;
}
.footertoprightitemnavtwonav {
	color: #aaaaaa;
	font-size: .16rem;
	margin-top: 0.3rem;
}
.footertoprightitemnavtwonav:first-child {
	margin-top: 0;
}
.footertoprightitemnavtwonav a {
	color: #aaaaaa;
	line-height: 1;
}

.footerbottom {
	width: 100%;
	height: 1.24rem;
}
.footerbottominner {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.footerleft {
	float: left;
	color: #8a8a8a;
	font-size: .16rem;
	line-height: 1.24rem;
}
.footerleft a {
	color: #8a8a8a;
}
.footerright {
	float: right;
}
.footerrightitem {
	float: left;
	margin-top: 0.48rem;
}

.footerrightitem {
	float: left;
	position: relative;
	width: 0.4rem;
	height: 0.4rem;
	margin-left: 0.35rem;

}
@media screen and (max-width : 1600px) {
	.footerrightitem {
		width: .3rem;
	}
}
.footerrightitem:first-child {
	margin-left: 0;
}
.footerrightitemicon {
	width: 100%;
}
.footerrightitemicon img {
	width: 100%;
}
.footerrightitempic {
	width: 1.2rem;
	position: absolute;
	left: 50%;
	margin-left: -0.6rem;
	bottom: calc(100% + .1rem);
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transition: .25s all;
}
.footerrightitempic img {
	width: 100%;
}
.footerrightitem:hover .footerrightitempic {
	visibility: visible;
	opacity: 1;
	z-index: 2;
}

@media screen and (max-width : 1600px) {
	.footertoprightitem {
		width: 1.35rem;
	}
	.footerleftbottomitemtitle span {
    font-size: .25rem;
}
}


.navhgbox {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: 5;
	/* padding-bottom: 1.81rem; */
	height: 6.73rem;
	visibility: hidden;
	opacity: 0;
}
.navhgboxactive {
	opacity: 1;
	visibility: inherit;
	/* position: relative; */
}
.navhg {
	width: 100%;
	padding-left: 1.08rem;
	padding-right: 1.08rem;
	padding-top: 1.69rem;
}
.navhginner {
	width: 100%;
	border-top: 1px solid #e9e9e9;
	padding-top: .78rem;
	overflow: hidden;
}
.navhgleft {
	width: 5.05rem;
	float: left;
	position: relative;
}
.navhgleftitem {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: .25s all;
}
.navhgleftitem img {
	width: 100%;
}
.navhgleftitemactive {
	visibility: inherit;
	opacity: 1;
	position: relative;
}
.navhgcenter {
	float: left;
	position: relative;
	margin-left: 1.27rem;
}
.navhgcenteritem {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	/* transition: .25s all; */
}
.navhgcenteritemactive {
	opacity: 1;
	position: relative;
	visibility: inherit;
}
.navhgcenteritemone {
	color: #3f3f3f;
	font-size: .34rem;
	font-weight: bold;
	line-height: 1;
}
.navhgcenteritemone a {
	color: #3f3f3f;
}
.navhgcenteritemtwo {
	border-left: 1px solid #e9e9e9;
	padding-top: 0.21rem;
	padding-bottom: 0.22rem;
	padding-left: 0.24rem;
	margin-top: 0.32rem;
	margin-left: 0.06rem;
}
.navhgcenteritemtwoitem {
	margin-top: 0.35rem;
	overflow: hidden;
}
.navhgcenteritemtwoitem:first-child {
	margin-top: 0;
}
.navhgcenteritemtwoitemtitle {
	color: #696969;
	font-size: .18rem;
	line-height: 0.22rem;
	height: 0.22rem;
	float: left;
	transition: .25s all;
}
.navhgcenteritemtwoitempic {
	line-height: 0.22rem;
	width: 0.14rem;
	float: left;
	margin-left: 0.08rem;
	opacity: 0;
	transition: .25s all;
	display: flex;
	height: .22rem;
	justify-content: center;
	align-items: center;
}
.navhgcenteritemtwoitempic img {
	width: 100%;
}

.navhgcenteritemtwoitem:hover .navhgcenteritemtwoitemtitle {
	color: #ff0000;
	font-weight: bold;
}
.navhgcenteritemtwoitem:hover .navhgcenteritemtwoitempic {
	opacity: 1;
}

.navhgright {
	float: right;
	padding-top: .7rem;
}
.navhgrighttitle {
	color: #ff0000;
	font-size: .32rem;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 0.32rem;
	border-bottom: 1px solid #e3e3e3;
}
.navhgrightbottom {
	margin-top: 0.41rem;
}
.navhgrightbottomtitle {
	color: #7a7a7a;
	font-size: .16rem;
}


.navhgrightbottomcontent {
	font-family: "lucidasans";
	color: #ff0000;
	font-size: .33rem;
	line-height: 1;
	margin-top: 0.3rem;
}
.navhgrightpic {
	width: 8.01rem;
	position: absolute;
	right: 0;
	bottom: 0;
}
.navhgrightpic img {
	width: 100%;
}


@media screen and (max-width : 1600px) {
	.navhg {
		padding-left: 0.4rem;
		padding-right: 0.4rem;
	}
}


/* 关于内页开始 */

.innerbannerbox {
	width: 100%;
}
.innerbannerpic {
	width: 100%;
}
.innerbanner {
	position: absolute;
	left: 50%;
	top: 52%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.innerbannertitle {
	color: #ffffff;
	font-size: .64rem;
	line-height: 1;
	text-align: center;
}
.innerbannernavbox {
	margin-top: 0.43rem;
	display: flex;
	justify-content: center;
}
.innerbannernavitem {
	float: left;
	font-size: .16rem;
	line-height: 0.18rem;
	height: 0.18rem;
	position: relative;
	margin-left: 0.38rem;
}
.innerbannernavitem:first-child {
	margin-left: 0;
}
.innerbannernavitem:after {
	content: "";
	width: 0.05rem;
	height: 0.05rem;
	background: #FFF;
	top: 0.08rem;
	left: -0.22rem;
	position: absolute;
}
.innerbannernavitem::before {
	content: "";
	position: absolute;
	height: 0.03rem;
	left: 0;
	bottom: -0.08rem;
	background: #fff;
	width: 0;
}
.innerbannernavitem:first-child:after {
	display: none;
}
.innerbannernavitem a {
	color: #ffffff;
}
.innerbannernavitemactive {
	font-weight: bold;
}
.innerbannernavitemactive::before {
	width: 100%;
}

.innerabout {
	width: 100%;
}
.inneraboutbox {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.innerabouttop {
	width: 100%;
	padding-top: 0.94rem;
	overflow: hidden;
}
.innerabouttopleft {
	float: left;
	padding-top: 0.06rem;
}
.innerabouttopleften {
	font-family: "Montserrat-SemiBold";
	color: #ff0000;
	font-size: .6rem;
	line-height: 1;
	position: relative;
}
.innerabouttopleften:after {
	position: absolute;
	width: 0.44rem;
	height: 0.03rem;
	background: #ff0000;
	content: "";
	left: 0;
	bottom: -0.2rem;
}
.innerabouttopleften span {
	color: #000000;
}
.innerabouttopleftcn {
	color: #000000;
	font-size: .28rem;
	line-height: 1;
	margin-top: 0.43rem;
}
.innerabouttopright {
	float: right;
	width: calc(50% - .34rem);
	padding-right: 0.3rem;
	display: flex;
	justify-content: space-between;
}
.innerabouttoprightitem {
	float: left;
}
.innerabouttoprightitempic {
	width: 0.47rem;
}
.innerabouttoprightitempic img {
	width: 100%;
}
.innerabouttoprightitemftitle {
	color: #363636;
	font-size: .6rem;
	line-height: 1;
	font-family: "Rubik-Medium";
}
.innerabouttoprightitemauthor {
	color: #363636;
	font-size: .18rem;
	margin-left: 0.04rem;
}
.innerabouttoprightitemtitle {
	color: #7b7b7b;
	font-size: .16rem;
	line-height: 1;
	margin-top: 0.09rem;
}
.innerabouttoprightitemcenter {
	display: flex;
	margin-top: 0.15rem;
}

.inneraboutbottom {
	width: 100%;
	margin-top: 0.8rem;
	padding-bottom: 1.16rem;
}
.inneraboutbottomitem {
	width: 100%;
	margin-top: 0.95rem;
	overflow: hidden;
}
.inneraboutbottom .inneraboutbottomitem:first-child {
	margin-top: 0;
}
.inneraboutbottomitemleft {
	width: calc(50% - .13rem);
	border-radius: .16rem;
	overflow: hidden;
	float: left;
}
.inneraboutbottomitemleft img {
	width: 100%;
}
.inneraboutbottomitemright {
	width: calc(50% - .35rem);
	float: right;
	color: #6c6c6c;
	font-size: .16rem;
	line-height: 0.34rem;
}
.inneraboutbottom .inneraboutbottomitem:nth-child(2n) .inneraboutbottomitemleft {
	float: right;
}
.inneraboutbottom .inneraboutbottomitem:nth-child(2n) .inneraboutbottomitemright {
	float: left;
}
.honor {
	width: 100%;
	background: #eaeff1;
	padding-top: .9rem;
	overflow: hidden;
	position: relative;
	padding-bottom: 0.93rem;
}
.honor .innerabouttopleft {
	float: none;
	width: 100%;
	text-align: center;
}
.honor .innerabouttopleften:after {
	left: 50%;
	margin-left: -0.22rem;
}
.honorcenter {
	width: 100%;
	margin-top: 0.8rem;
}
.honoritem {
	margin-left: auto;
	margin-right: auto;
	display: table;
	background: #98513b;
	padding: .14rem;
	max-width: 100%;
	transition: .25s all;
}
.honoritem img {
	border: 1px solid #FFF;
	max-width: 100%;
}
.honorcenter .swiper {
	overflow: inherit;
}
.honoritem:hover {
	box-shadow: .2rem .2rem .3rem 2.7px rgba(0, 0, 0, 0.24);
}
.conorbottom {
	margin-top: 0.79rem;
	display: flex;
  justify-content: center;
  align-items: center;
}
.fzlczzz {
	width: 3.28rem;
	position: absolute;
	left: 0;
	top: 0;
	max-height: 100%;
	z-index: 2;
}
.fzlczzz img {
	width: 100%;
}
.fzlcyzz {
	width: 3.28rem;
	position: absolute;
	right: 0;
	top: 0;
	max-height: 100%;
	z-index: 2;
}
.fzlcyzz img {
	width: 100%;
	transform-origin: center;
	transform: rotate(180deg);
}
.conorleftarrow {
	width: 0.41rem;
	margin-right: 0.42rem;
	cursor: pointer;
}
.conorleftarrow img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .2;
	transition: .25s all;
}
.conorleftarrow:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}
.conorrightarrow {
	width: 0.41rem;
	margin-left: 0.42rem;
	cursor: pointer;
}
.conorrightarrow img {
	width: 100%;
	transform-origin: center;
	transform: rotate(180deg);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .2;
	transition: .25s all;
}
.conorrightarrow:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}
.conorbottom {
	display: flex;
}
.conornum {
	display: flex;
	color: #c9c9c9;
	font-size: .24rem;
	font-family: "HelveticaNeueLTPro-MdEx";
	align-items: flex-end;
	line-height: 1;
}
.conoronenum {
	font-family: "HelveticaNeueLTPro-MdEx";
	color: #ff0000;
	font-size: .52rem;
	line-height: 1;
}
.conortwonum {
	color: #c9c9c9;
	font-size: .24rem;
	font-family: "HelveticaNeueLTPro-MdEx";
	line-height: 1;
}



.innerhistory {
	width: 100%;
}
.innerhistorybox {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.35rem;
}
.innerhistorytop {
	width: 100%;
	overflow: hidden;
}
.innerhistoryarrow {
	float: right;
	margin-top: 0.65rem;
}
.innerhistoryleftarrow {
	width: 0.74rem;
	height: 0.74rem;
	border: 1px solid #f5f5f5;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .25s all;
	float: left;
}
.innerhistoryleftarrow img {
	width: 0.16rem;
	transition: .25s all;
}
.innerhistoryleftarrow:hover {
	background: #ff0000;
	border-color: #ff0000;
}
.innerhistoryleftarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}

.innerhistoryrightarrow {
	width: 0.74rem;
	height: 0.74rem;
	border: 1px solid #f5f5f5;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .25s all;
	float: left;
	margin-left: 0.28rem;
}
.innerhistoryrightarrow img {
	width: 0.16rem;
	transition: .25s all;
	transform-origin: center;
	transform: rotate(180deg);
}
.innerhistoryrightarrow:hover {
	background: #ff0000;
	border-color: #ff0000;
}
.innerhistoryrightarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}
.historybottom {
	width: 100%;
	margin-top: 0.8rem;
	padding-bottom: 1.7rem;
}
.historyitem {
	width: 100%;
	background: #fff;
	border-top: .07rem solid #e6e6e6;
	padding-top: 0.68rem;
	border-bottom: .07rem solid #e6e6e6;
	margin-top: 0.37rem;
}
.historyitempic {
	width: 2.65rem;
	height: 2.65rem;
	border-radius: 50%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.historyitempic img {
	width: 100%;
}
.historyitemtitle {
	font-family: "Montserrat-SemiBold";
	color: #333333;
	font-size: .24rem;
	text-align: center;
	line-height: 1;
	margin-top: 0.3rem;
	width: 100%;
}
.historyitemcontent {
	color: #858585;
	font-size: .16rem;
	line-height: 0.32rem;
	margin-top: 0.2rem;
	padding-left: 0.72rem;
	padding-right: 0.74rem;
	width: 100%;
	height: 2.56rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:8;
	-webkit-box-orient:vertical;
}
.historybottom .swiper-slide-next {
	position: relative;
	z-index: 5;
}
.historybottom .swiper-slide-next .historyitem {
	border: none;
	padding-top: 0.8rem;
	padding-bottom: 0.48rem;
	margin-top: 0;
	border-bottom: .07rem solid #ff0000;
	box-shadow: 0rem 0rem .2rem 2px rgba(0, 0, 0, 0.3);
}
.historybottom .swiper-slide-next .historyitem .historyitemtitle {
	color: #ff0000;
}
.historybottom .swiper-slide-next .historyitem .historyitempic {
	width: 2.99rem;
	height: 2.99rem;
}
.historybottom .swiper {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
.historybottom .swiper-slide-next .historyitem .historyitemcontent {
	color: #2d2d2d;
}
/* 关于内页结束 */
/* 产品内页开始 */
.innerpro {
	width: 100%;
	padding-bottom: 1.57rem;
	padding-top: 1.67rem;
}
.innerprobox {
	width: 76.875%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.innerproitem {
	float: left;
	width: calc(50% - .78rem);
	margin-left: 0.78rem;
	border-radius: .15rem;
	position: relative;
	background: #f4f4f4;
	margin-top: 0.98rem;
	overflow: hidden;
}
.innerprobox .innerproitem:nth-child(2n-1) {
	margin-left: 0;
}
.innerproitem:nth-child(1) {
	margin-top: 0;
}
.innerproitem:nth-child(2) {
	margin-top: 0;
}
.innerproitempic {
	width: 100%;
}
.innerproitempic img {
	width: 100%;
}
.innerproitembottom {
	position: absolute;
	bottom: 0.35rem;
	width: 100%;
	z-index: 3;
}
.innerproitemtitle {
	color: #565656;
	font-size: .18rem;
	line-height: 0.25rem;
	height: 0.25rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: center;
}
.innerproitemarrow {
	float: right;
	width: 0.32rem;
	display: none;
}
.innerproitemarrow img {
	width: 100%;
}
.innerproitempic:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.33);
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: .25s all;
	top: 0;
	left: 0;
}
.innerproitem:hover .innerproitempic:after {
	visibility: inherit;
	opacity: 1;
}
.innerproitem:hover .innerproitemtitle {
	color: #ffffff;
	font-size: .22rem;
	font-weight: bold;
	width: calc(100% - 1rem);
	text-align: left;
}
.innerproitem:hover .innerproitembottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0.45rem;
	padding-right: 0.46rem;
}
.innerproitem:hover .innerproitemarrow {
	display: block;
}




.fanye .pagination {
	margin-top: 1.45rem;
	
}
.fanye a {
	float: left;
	margin-left: 3.5px;
	margin-right: 3.5px;
	display: block;
	width: 0.69rem;
	height: 0.69rem;
	border-radius: 50%;
	text-align: center;
	font-family: "Arial";
	line-height: 0.69rem;
	font-size: .2rem;
	color: #9b9b9b;
}
.fanye p {
	float: left;
	line-height: 0.69rem;
}
.fanye .syy {
	color: #565555;
	margin-right: 53.5px;
	width: auto;
	font-size: .18rem;
	display: inline-block;
}
.fanye .xyy {
	color: #565555;
	margin-left: 53.5px;
	width: auto;
	display: inline-block;
	font-size: .18rem;
}
.fanye .cur {
	background: #ff0000;
	color: #fff;
}
.fanye .pagination {
	overflow: hidden;
	display: table;
	margin-left: auto;
	margin-right: auto;
}





/* 产品内页结束 */


/* 案例内页开始 */
.innercase {
	width: 100%;
}
.innercasebox {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.96rem;
	padding-bottom: 1.2rem;
}
.innercasetop {
	color: #484848;
	font-size: .16rem;
	line-height: 0.34rem;
}
.innercasetop img {
	max-width: 100%;
}
.innercasecenter {
	width: 100%;
	overflow: hidden;
	margin-top: 0.76rem;
}
.innercaseitem {
	width: calc(50% - .48rem);
	float: left;
	margin-left: 0.48rem;
	border-radius: .2rem;
	overflow: hidden;
	position: relative;
	margin-top: 0.7rem;
}
.innercaseitem:nth-child(1) {
	margin-top: 0;
}
.innercaseitem:nth-child(2) {
	margin-top: 0;
}
.innercaseitem a {
	display: block;
	width: 100%;
	height: 100%;
}
.innercaseitem:nth-child(2n-1) {
	margin-left: 0;
}
.innercaseitempic {
	width: 100%;
}
.innercaseitempic img {
	width: 100%;
}
.innercaseitemtitlebox {
	position: absolute;
	width: 100%;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	bottom: 0.25rem;
	z-index: 3;
}
.innercaseitemtitle {
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.3rem;
	height: 0.3rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.innercaseitemdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.28rem;
	margin-top: 0.15rem;
}
.innercaseitemzz {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.innercaseitemzz img {
	width: 100%;
}
.innercasebottom {
	color: #484848;
	font-size: .16rem;
	line-height: 0.34rem;
	margin-top: 0.7rem;
}
.innercasebottom img {
	max-width: 100%;
}



.cooperatebox {
	width: 100%;
	background: #eff3f4;
}
.cooperate {
	width: calc(75% + .22rem);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.1rem;
	padding-bottom: 2rem;
}
.cooperatetitlebox {
	text-align: center;
	width: 100%;
}
.cooperatetitle {
	color: #000000;
	font-size: .44rem;
	line-height: 1;
}
.cooperateftitle {
	color: #484848;
	font-size: .18rem;
	line-height: 1;
	margin-top: 0.21rem;
}
.cooperatecontent {
	width: 100%;
	margin-top: 0.58rem;
}
.cooperatecontent img {
	max-width: 100%;
}






/* 案例内页结束 */


/* 联系我们开始 */
.connectmap {
	width: 100%;
	padding-top: 0.7rem;
	padding-bottom: 0.95rem;
}
.connectmapinner {
	width: 100%;
	position: relative;
}
.connectmaptopzz {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.connectmaptopzz img {
	width: 100%;
}
.connectmapbottomzz {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.connectmapbottomzz img {
	width: 100%;
}


.connectbottombox{
	width: 100%;
	background: #f1f6f8;
	padding-bottom: 2.63rem;
}
.connectbottom {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.connectbottomtop {
	width: 100%;
	border-radius: .2rem;
	background: #42444d;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
	overflow: hidden;
	-webkit-transform: translate(0%,-50%);
	-ms-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
}
.connectbottomtopitem {
	width: 25%;
	padding-top: 0.17rem;
	padding-bottom: 0.13rem;
	position: relative;
	float: left;
}
.connectbottomtopitem:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	background: rgba(255, 255, 255, .1);
	right: 0;
	top: 0;
}
.connectbottomtopitem:last-child:after {
	display: none;
}
.connectbottomtopitempic {
	width: 0.63rem;
	height: 0.63rem;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}
.connectbottomtopitempic img {
	width: 100%;
}
.connectbottomtopitemtitle {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.26rem;
	text-align: center;
	margin-top: 0.33rem;
	text-align: center;
}
.connectbottomtopitemdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.26rem;
	text-align: center;
	text-align: center;
	margin-top: 0.1rem;
}
.connectbottomtopitem:first-child .connectbottomtopitemdesc {
	font-family: "lucidasans";
	font-size: .24rem;
}

.cuestbox {
	width: 100%;
	margin-top: -0.66rem;
}
.cuesttitlebox {
	width: 100%;
}
.cuesttitleen {
	font-family: "Montserrat-SemiBold";
	color: #ff0c0c;
	font-size: .64rem;
	position: relative;
	text-align: center;
	line-height: 1;
}
.cuesttitleen span {
	color: #3f3f3f;
}
.cuesttitleen:after {
	position: absolute;
	width: 0.44rem;
	height: 0.03rem;
	background: #ff0000;
	content: "";
	left: 50%;
  margin-left: -0.22rem;
	bottom: -0.18rem;
}
.cuesttitlecn {
	text-align: center;
	color: #383838;
	font-size: .28rem;
	line-height: 1;
	margin-top: 0.4rem;
}

.cuestbottom {
	width: 100%;
	margin-top: 0.6rem;
}
.cuestbottomtop {
	width: 100%;
	overflow: hidden;
}
.cuestbottomtopitem {
	width: calc((100% - .9rem) / 3);
	margin-left: 0.45rem;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
	float: left;
}
.cuestbottomtopitem input {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
	width: 100%;
	height: 100%;
}
.cuestbottomtopitem input::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
}
input{ outline: none; }
.cuestbottomtop .cuestbottomtopitem:first-child {
	margin-left: 0;
}
.cuestbottomcenter {
	width: 100%;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
	margin-top: 0.45rem;
}
.cuestbottomcenter textarea {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
	width: 100%;
	max-height: 100%;
}
.cuestbottomcenter textarea::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
}
textarea{ outline: none; }
.cuestbottombottom {
	margin-top: 0.45rem;
	overflow: hidden;
}
.cuestbottombottomleft {
	float: left;
}
.cuestbottombottomleftcaptcha {
	float: left;
	width: 2.8rem;
	height: 0.78rem;
	border: 1px solid #dcdcdc;
	background: #fff;
}
.cuestbottombottomleftcaptcha input {
	border: none;
	background: none;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
	width: 100%;
	height: 100%;
}
.cuestbottombottomleftcaptcha input::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.78rem;
}
.cuestbottombottomleftcaptchapic {
	height: 0.78rem;
	float: left;
	margin-left: 0.2rem;
	width: 1.8rem;
}
.cuestbottombottomleftcaptchapic img {
	width: 100%;
	height: 100%;
}
.cuestbottombottomright {
	float: right;
	width: 2.4rem;
	height: 0.82rem;
	background: #ff0c0c;
}
.cuestbottombottomright a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0.82rem;
	color: #ffffff;
	font-size: .18rem;
	text-align: center;
}

/* 联系我们结束 */


/* 加入我们开始 */


.zpzwwk {
	width: 100%;
	/* background: #f5f5f5; */
	/* padding-bottom: 105px; */
	padding-bottom: 1.12rem;
}

.zpzwnk {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.5rem;
}

.zpzwsbt {
	width: 100%;
	background: #42444d;
	height: .85rem;
	color: #ffffff;
	font-size: .16rem;
	line-height: .85rem;
}

.zpzwsbt>div {
	float: left;
}


.zpxbsbj {
	width: 100%;
	background: #fff;
}

.zpnrnk {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.zpnymtxx {
	height: 1.18rem;
	line-height: 1.18rem;
	border-bottom: 1px solid #efefef;
	color: #4f4f4f;
	font-size: .16rem;
}

.zpnymtxx>div {
	float: left;
}


.zwsqxmg {
	width: 90px;
	color: #f20011;
	cursor: pointer;
}

.ycnr {
	width: 90px;
	color: #666666;
	cursor: pointer;
	display: none;
}


.zwxiangqing {
	width: 100%;
	background: #f5f5f5;
	padding-left: .15rem;
	padding-right: .15rem;
	margin-top: 0px;
	padding-bottom: .75rem;
	/* margin-bottom: 25px; */
	display: none;
	box-sizing: border-box;
}

.gwrz {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: .33rem;
}

.gwrz:after {
	left: 50%;
	width: 1px;
	content: "";
	height: 100%;
	background: #e5e5e5;
	top: .6rem;
	position: absolute;
}

.gwze {
	margin-left: 8%;
	width: 40%;
	float: left;
	color: #666666;
}

.rzzg {
	width: 40%;
	float: right;
	margin-right: 4%;
}

.gwzebt {
	font-size: .22rem;
	font-weight: bold;
	color: #454646;
	line-height: 1;
	padding-top: .7rem;
	margin-bottom: .28rem;
}

.rzzgbt {
	font-size: .22rem;
	font-weight: bold;
	color: #454646;
	line-height: 1;
	padding-top: .7rem;
	margin-bottom: .28rem;
}

.ljsq {
	width: 2.09rem;
	height: .55rem;
	line-height: .53rem;
	color: #fff;
	font-size: .16rem;
	border-radius: .55rem;
	padding-left: .3rem;
	padding-right: .24rem;
	background: #ff0000;
	margin-left: .92rem;
	margin-top: -.23rem;
	cursor: pointer;
	box-sizing: border-box;
}

.ljsq div {
	float: left;
	color: #fff;
}

.ljsqjt {
	margin-left: .3rem;
	width: 0.25rem;
}
.ljsqjt img {
	width: 100%;
}

.zpzwsbt>div {
	padding-left: 0;
	width: 20%;
	text-align: center;
}
.zpzwsbt>.zpzws {
	width: 30%;
}
.zpzwsbt>.zpbms {
	width: 13%;
}
.zpzwsbt>.fbsjs {
	width: 17%;
}
.zpnymtxx>div {
	padding-left: 0;
	width: calc(100% / 5);
	text-align: center;
}
.zpnymtxx>.zpzwmg {
	width: 30%;
}
.zpnymtxx>.zpbmxmg {
	width: 13%;
}
.zpnymtxx>.fbsjxmg {
	width: 17%;
}
.gwzznr {
	color: #5e5e5e;
	font-size: .16rem;
	line-height: .48rem;
	min-height: 2.4rem;
}
.rzyqnr {
	color: #5e5e5e;
	font-size: .16rem;
	line-height: .48rem;
	min-height: 2.4rem;
}
/* 加入我们结束 */


/* 新闻内页开始 */
.xwnydwk {
	width: 100%;
	padding-bottom: 1.4rem;
}
.xwnynk {
	width: 15.83rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.5rem;
	overflow: hidden;
	
}
.xwnymg {
	width: 4.73rem;
	float: left;
	margin-left: calc((100% - 14.19rem) / 2);
	margin-top: 1.65rem;
	border-bottom: 1px solid #e8e8e8;
	transition: .25s all;
}
.xwnymg:nth-child(1) {
	margin-top: 0;
}
.xwnymg:nth-child(2) {
	margin-top: 0;
}
.xwnymg:nth-child(3) {
	margin-top: 0;
}
.xwnymg a {
	
}
.xwnymg:nth-child(3n-2) {
	margin-left: 0;
}
.xwnymgtp {
	width: 100%;
	position: relative;
}
.spzxan2 {
    width: 39px;
    height: 39px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .25s all;
    z-index: 5;
}
.xwnymgtp img {
	width: 100%;
}
.xwnymgxwk {
	width: 100%;
	padding-top: 0.16rem;
}
.xwnymgbt {
	color: #6f6f6f;
	font-size: .16rem;
	line-height: 0.32rem;
	width: 100%;
	padding-left: 0.2rem;
	padding-right: 0.35rem;
	height: 0.78rem;
	transition: .25s all;
}
.xwnymgsjdwk {
	width: 100%;
	padding-left: 0.24rem;
	padding-right: 0.36rem;
	padding-bottom: 0.22rem;
	margin-top: 0.66rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.xwnymgsj {
	font-family: "Helvetica";
	color: #717171;
	font-size: .22rem;
	transition: .25s all;
}
.xwnymgjt {
	
}
.xwnymg:hover {
	border-bottom: 1px solid #ff3737;
	background: #ff3737;
}
.xwnymg:hover .xwnymgbt {
	color: #fff;
	font-size: .22rem;
	line-height: 0.38rem;
}
.xwnymg:hover .xwnymgsj {
	color: #fff;
}

/* 新闻内页结束 */
.xxnrdwk {
	width: 100%;
}
.xxnrnk {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
  padding-bottom: 1.3rem;
}
.xxnrbt {
	color: #3d3d3d;
	font-size: .3rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.xxnrnr {
	width: 100%;
	color: #797979;
	font-size: .16rem;
	line-height: .28rem;
	margin-top: .48rem;
}
.xxnrnr img {
	max-width: 100%;
}
.xxnrfy {
	height: .25rem;
	overflow: hidden;
	line-height: .25rem;
	font-size: .14rem;
	color: #a9a9a9;
	transition: .5s all;
	display: flex;
	justify-content: space-between;
margin-top: .5rem;
}
.xxnrfy a {
	color: #a9a9a9;
}




#allmap {
    width: 100%;
}
#allmap img {
    width: 100%;
}













.sylbmg {
	width: 100%;
	position: relative;
}
.sylbtp {
	width: 100%;
}
.sylbtp img {
	width: 100%;
}
.sylbnk {
	position: absolute;
	width: 13.3rem;
	left: 50%;
	margin-left: -6.65rem;
	top: 2.3rem;
	
}
/* .swiper-slide-active .sylbnk {
	animation: slideIn .5s ease-in forwards
} */
.swiper-slide-prev .sylbnk {
	animation: slideOut .3s ease-out forwards;
}
.sylbmgywbt {
	font-family: "Noto Sans SC";
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	font-size: .48rem;
	text-transform: uppercase;
}
.sylbmgzwbt {
	color: #ffffff;
	font-size: .5rem;
	line-height: 1;
	font-family: "Noto Sans SC";
	font-weight: bold;
	margin-top: 0.27rem;
}
.sylbmgywms {
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.3rem;
	margin-top: 0.3rem;
}

.sylbfywk {
	position: absolute;
	width: 13.3rem;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-ms-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	bottom: 0.95rem;
	z-index: 9;
}
.sylbfywk ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
.sylbfywk li {
	width: 2rem;
	height: auto;
	background: none;
	opacity: 1;
	position: relative;
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.24rem;
	padding-top: 0.05rem;
	font-weight: 300;
}
.sylbfywk li:after {
	content: "";
	position: absolute;
	width: 0.27rem;
	height: 0.02rem;
	background: rgba(255, 255, 255, .7);
	top: 0;
	left: 0;
}
.sylbfywk li::before {
	content: "";
	position: absolute;
	width: 0rem;
	height: 0.02rem;
	background: #ff151d;
	top: 0;
	left: 0;
	z-index: 10;
}
.sylbfywk li.active::before {
    animation: expansion-8e2f8d8a 5.1s linear forwards;
}
.sylbfywk li:hover:after {
    animation: widthTrans-8e2f8d8a .3s linear forwards;
    background-color: #fff;
}
.sylbfywk li.active:after {
	width: 100%;
	background: #fff;
}
@keyframes widthTrans-8e2f8d8a {
    0% {
        width: 12%
    }

    40% {
        width: 110%
    }

    80% {
        width: 95%
    }

    to {
        width: 100%
    }
}

@keyframes expansion-8e2f8d8a {
    to {
        width: 100%
    }
}
.sylbfywk li a {
	color: #fff;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(250px)
    }

    90% {
        opacity: 0;
        transform: translate(250px)
    }

    to {
        opacity: 1;
        order: -1;
        transform: none
    }
}
@keyframes slideOut {
    0% {
        opacity: 1;
        order: -2;
        transform: none
    }

    95% {
        opacity: 0
    }

    to {
        opacity: 0;
        order: 0;
        transform: translate(-250px)
    }
}



.sysmdwk {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.sybnsyy {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.sybnsyy img {
	width: 100%;
}

/* 首页导航开始 */

.sytopdhdwk {
	position: fixed!important;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 1rem;
	transition: .75s all;
	    border-bottom: 1px solid #e7e5e5;
}
.sytopdhzc {
	float: left;
	margin-left: 1.3rem;
}
.sytoplogo {
	width: 2.5rem;
	line-height: 1rem;
	float: left;
	position: relative;
}
.sytoplogo img {
	width: 100%;
	/* filter: grayscale(100%) brightness(1000%); */
	transition: 0s all;
	position: absolute;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-50%);
	top: 50%;
}
.sytoplogo a img:first-child {
	position: relative;
	visibility: inherit;
	opacity: 1;
	transform: translateY(0%);
}
.sytopdhdwkhg .sytoplogo a img:first-child {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.sytopdhdwkhg .sytoplogo a img:last-child {
	position: relative;
	visibility: inherit;
	opacity: 1;
	transform: translateY(0%);
}
.menuup .sytoplogo a img:first-child {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.menuup .sytoplogo a img:last-child {
	position: relative;
	visibility: inherit;
	opacity: 1;
	transform: translateY(0%);
}
.sytopdhwk {
	float: left;
	margin-left: 0.7rem;
}
.sytopdhmg {
	color: #ffffff;
	font-size: .18rem;
	margin-left: 0.5rem;
	padding-right: 0.3rem;
	float: left;
	position: relative;
}
.sytopdhmg:first-child {
	margin-left: 0;
}
.sytopdhmg>a {
	color: #ffffff;
	font-size: .18rem;
	line-height: 1rem;
	display: inline-block;
	position: relative;
	transition: .75s all;
}
.sytopdhmg>a::after {
	content: "";
	position: absolute;
	width: 0.1rem;
	height: 0.1rem;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: translate(0%, -72%) rotate(-45deg);
	top: 50%;
	right: -0.2rem;
	transition: .75s all;
}
.sytopdhmgnotwo>a::after {
	display: none;
}
.sytopdhmgnotwo {
	padding-right: 0;
	margin-right: 0.2rem;
}
.sytopdhyc {
	float: right;
	margin-right: 1.1rem;
}

.sytopyy {
	width: 0.21rem;
	float: left;
	line-height: 1rem;
	cursor: pointer;
	position: relative;
}
.sytopyy img {
	width: 100%;
	filter: grayscale(100%) brightness(1000%);
}
.sytopss {
	width: 0.23rem;
	float: left;
	margin-right: 0.24rem;
	line-height: 1rem;
	cursor: pointer;
}
.sytopss img {
	width: 100%;
	filter: grayscale(100%) brightness(1000%);
}

.sytopejwk {
	position: absolute;
	left: 0;
	top: 100%;
	visibility: hidden;
	opacity: 0;
	transition: .75s all;
}
.sytopejwk:after {
	content: "";
	left: 0;
	top: 0%;
	background: #fff;
	height: calc(100% + .35rem);
	position: absolute;
	width: 200vw;
	z-index: -1;
	margin-left: -100vw;
	opacity: 0;
	visibility: hidden;
	transition: .75s all;
}
.sytopejmg {
	color: #606060;
	font-size: .16rem;
	line-height: 0.36rem;
}
.sytopejmg a {
	color: #606060;
	display: block;
	height: 100%;
	transition: .75s all;
}
.sytopdhmg:hover .sytopejwk {
	opacity: 1;
	visibility: inherit;
}
.sytopdhmg:hover .sytopejwk:after {
	opacity: 1;
	visibility: inherit;
}

.sytopdhmg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.7rem;
	height: 3px;
	background: #c60e0f;
	transition: .75s all;
}
.sytopdhmg:hover::before {
	width: 100%;
}

.sytopdhdwkhg .sytoplogo img {
	filter: grayscale(0%) brightness(100%);
}
.sytopdhdwkhg .sytopdhmg>a {
	color: #2a2a2a;
}
.sytopdhdwkhg .sytopdhmg>a::after {
	border-color: #7b7b7b;
}
.sytopdhdwkhg .sytopyy img {
	filter: grayscale(0%) brightness(100%);
}
.sytopdhdwkhg .sytopss img {
	filter: grayscale(0%) brightness(100%);
}
.sytopdhdwkhg {
	background: #fff;
	
}


.sytopdhdwkhgcx .sytoplogo img {
	filter: grayscale(0%) brightness(100%);
}
.sytopdhdwkhgcx .sytopdhmg>a {
	color: #2a2a2a;
}
.sytopdhdwkhgcx .sytopdhmg>a::after {
	border-color: #7b7b7b;
}
.sytopdhdwkhgcx .sytopyy img {
	filter: grayscale(0%) brightness(100%);
}
.sytopdhdwkhgcx .sytopss img {
	filter: grayscale(0%) brightness(100%);
}
.sytopdhdwkhgcx {
	background: #fff;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	
}









.sytopdhmg:hover>a {
	color: #c60e0f;
	font-weight: bold;
}
.sytopdhmg:hover>a::after {
	transform: translate(0%, -13%) rotate(-225deg);
	border-color: #c60e0f;
}
.sytopejmg a:hover {
	color: #c60e0f;
}

/* 首页导航结束 */

.sytopdhdwkny {
	position: relative;
}

/* 企业资质结束 */

.search-wrapper {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {
        overflow: hidden;
    height: 43px;
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    position: relative;
    width: 70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 0;
    width: 6.9rem;
    /* background: rgba(203, 46, 47, .8); */
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    border-bottom: 1px solid #dfdede;
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 26px;
    padding: 0px 70px 0 11px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    font-size: 16px;
    color: #333;
    line-height: 20px;
}
.search-wrapper .input-holder .search-input::placeholder {
	font-size: 16px;
    color: #333;
    line-height: 20px;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width:70px;
    height:70px;
    border:none;
    border-radius:6px;
    background: none;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 27px;
    height:27px;
    margin: 10px;
    border-radius: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 2px;
    height: 8px;
    left: 8px;
    top: 16px;
    border-radius: 2px;
    background: #8e8e8e;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 17px;
    height: 17px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 2px solid #8e8e8e;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    display: none;
}
.search-wrapper.active .close {
    right:-50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.75s;
    -moz-transition-delay: 0.75s;
    transition-delay: 0.75s;
    opacity: 1;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: rgba(203,46,47,.8);
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}

@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}
.publicheadss {
	cursor: pointer;
}
section.clickshow{ 
    height: 0px;
    transition: all 0.75s ease-in-out;
    background: url(../img/ssbg.jpg) 50% / cover no-repeat;
    overflow: hidden;
    z-index: 9999999;
    position: fixed;
    width: 100%;
    top: .8rem;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
}


div.ny_rightlist{ width: 100%; height: 50px; border-bottom: 1px solid #E0E0E0;}

div.ny_rightlist_lt{ width: 100%;  height: 50px; padding-left: 15px; color: #333333; font-size: 16px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; color: #333; }

div.ny_rightlist:hover div.ny_rightlist_lt{ color: #33615e;}


.area{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.area h3{width:102px; height:30px; background:#0260ae; color:#FFF; text-align:center;display:block;line-height:26px;font-size:16px;margin-bottom:0px;}
.area dl{padding:10px;border-top:1px solid #ccc; height:auto; overflow:hidden;margin-bottom:0px;}
.area dl dt{float:left;margin-left:13px}
.area dl dt a{font-size:14px;line-height:28px;color:#5a5a5a}
.area dl dt a:hover{color:#47cdff}
.xgxw{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.xgxw h3{width:102px; height:30px; background:#0260ae; color:#FFF; text-align:center;display:block;line-height:30px;font-size:16px; margin-bottom:0px;}
.xgxw ul{padding:10px; border-top:1px solid #ccc; height:auto; overflow:hidden; margin-bottom:0px;}
.xgxw dl{padding:15px 0px; border-top:1px solid #ccc; height:auto; overflow:hidden; margin-bottom:0px;}
.xgxw ul li{float:left; display:inline; width:48%; margin-right:2%; line-height:30px; font-size:14px;}
.xgxw ul li a{color:#333;}
.xgxw ul li span{float:right; color:#5a5a5a}
.xgxw dl dt{display:inline-block; width:22%;margin:0px 1%; text-align:center; font-size:14px;}
.xgxw dl dt a{color:#333;}
.xgxw dl dt img{border:1px solid #ccc; width:180px;}

/* 搜索结束 */




.sytopejdwk {
	position: fixed;
	width: 100%;
	left: 0;
	top: 1rem;
	height: 2.5rem;
	height: 0;
	transition: .75s all;
	z-index: -1;
	 background: #f6f6f6;
}
.sytopejdwk:after {
    /*content:"";*/
    position: absolute;
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    z-index: 101;
    top: 0;
    left: 0;
    transition: 0s all;
    opacity: 1;
}
.sytopdhmg:nth-child(2) .sytopejdwk {
	display: block;
}
.sytopejnk {
	width: 13.3rem;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 101;
}
.sytopejtp {
	width: 4rem;
	height: 1.56rem;
	position: relative;
	float: left;
}
.sytopejtp img {
	width: 100%;
	height: 100%;
}
.sytopejtpmg {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: .75s all;
}
.sytopejtpmgxz {
    visibility: inherit;
    opacity: 1;
}
.sytopejycwk {
	width: 8.1rem;
	float: left;
	padding-left: 0.88rem;
	padding-top: 0.08rem;
}
.sytopejycyj {
	color: #000000;
	font-size: .24rem;
	line-height: 1;
}
.sytopejycejwk {
	width: 100%;
	margin-top: 0.15rem;
}
.sytopejycejmg {
	float: left;
	color: #494949;
	font-size: .18rem;
	line-height: .22rem;
	width: 1.65rem;
	margin-top: 0.3rem;
	position: relative;
}
.sytopejycejmg:nth-child(1) {
    margin-top: 0;
}
.sytopejycejmg:nth-child(2) {
    margin-top: 0;
}
.sytopejycejmg:nth-child(3) {
    margin-top: 0;
}
.sytopejycejmg:nth-child(4) {
    margin-top: 0;
}
.sytopejycejmg a {
	color: #494949;
	line-height: .22rem;
	transition: .75s all;
	/*display: block;*/
	position: relative;
}
.sytopejycejmg a:after {
    content: "·";
    position: absolute;
    top: .03rem;
    left: -.16rem;
    color: #c60e0f;
    font-weight: bold;
    opacity: 0;
    transition: .75s all;
}
.sytopejycejmg a:hover {
	color: #c60e0f;
	font-weight: bold;
}
.sytopejycejmg a:hover:after {
    opacity: 1;
}
.sytopdhmg:hover .sytopejdwk {
	height: 2.5rem;
	background: #f6f6f6;
	padding-top: 0.4rem;
	border-top: 1px solid #e5e5e5;
	transition: .75s all;
	z-index: 100;
}
.sytopdhmg:hover .sytopejnk {
    z-index: 102;
    
}
.sytopdhmg:hover .sytopejdwk:after {
    opacity: 0;
}

.sytopejycejmgxz a {
	color: #c60e0f;
	font-weight: bold;
}
.sytopejycejmgxz a:after {
    opacity: 1;
}















/* 解决方案开始 */
.jjfadwk {
	width: 100%;
	background: url(../img/jjfabj.jpg) no-repeat;
	padding-bottom: 0.12rem;
	background-size: 100% 100%;
}
.jjfank {
	width: 14.4rem;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 0.94rem;
	min-height: 7.4rem;
}
.jjfazcwk {
	width: 50%;
	float: left;
	padding-top: 0.24rem;
}
.jjfasbtwk {
	width: 100%;
}
.jjfaszwbt {
	color: #e40b0c;
	font-size: .32rem;
	font-weight: bold;
	line-height: 1;
}
.jjfasywbt {
	color: #010101;
	font-size: .56rem;
	line-height: 1;
	font-weight: bold;
	padding-right: 1.2rem;
	text-transform: uppercase;
	margin-top: 0.2rem;
	font-family: "HELVETICALT65MEDIUM";
}
.jjfazcxwk {
	width: 100%;
	margin-top: 0.22rem;
	position: relative;
	min-height: 430px;
}
.jjfazcxmg {
	width: 100%;
}
.jjfazcxwk .jjfazcxmg:first-child {
}
.jjfazcxmgms {
	padding-right: 1.3rem;
	color: #808080;
	font-size: .16rem;
	line-height: 0.23rem;
}
.jjfazcxmggd {
	width: 1.95rem;
	height: 0.59rem;
	background: linear-gradient(to right, #e32022, #cd0405);
	border-radius: .08rem;
	overflow: hidden;
	line-height: 0.59rem;
	margin-top: 0.9rem;
}
.jjfazcxmggd a {
	display: flex;
	width: 100%;
	height: 100%;
	padding-left: 0.44rem;
	padding-right: 0.2rem;
	align-items: center;
	justify-content: space-between;
}
.jjfazcxmggdwz {
	color: #ffffff;
	font-size: .16rem;
}
.jjfazcxmggdjt {
	width: 0.17rem;
	height: 0.2rem;
	border-radius: 50%;
	/* background: #fff; */
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.jjfazcxmggdjt:after {
	content: "";
	position: absolute;
	width: 0.08rem;
	height: 0.08rem;
	border-right: 1px solid #f73d4c;
	border-top: 1px solid #f73d4c;
	transform: rotateZ(45deg);
	left: 50%;
	top: 50%;
	margin-left: -.06rem;
	margin-top: -.04rem;
	display: none;
}
.jjfazcxmgtp {
	margin-top: 0.35rem;
	width: 5.6rem;
	min-height:200px;
}
.jjfazcxmgtp img {
	width: 100%;
}
.jjfaycwk {
	width: 50%;
	float: right;
	padding-left: 0.3rem;
}
.jjfaycmg {
	width: calc((100% - .7rem) / 3);
	height: 2.32rem;
	border-radius: .08rem;
	background: #fff;
	padding-top: 0.25rem;
	padding-left: 0.3rem;
	padding-right: 0rem;
	float: left;
	transition: .75s all;
	cursor: pointer;
	margin-left: 0.35rem;
}
@media screen and (max-width : 1600px) {
.jjfaycmg {
    height: 2.5rem;
}
}
.jjfaycmg:nth-child(3n-2) {
	margin-left: 0;
}
.jjfaycwk .jjfaycmg:nth-child(2) {
	margin-top: 0.28rem;
}
.jjfaycwk .jjfaycmg:nth-child(3) {
	margin-top: 0.61rem;
}
.jjfaycwk .jjfaycmg:nth-child(4) {
	margin-top: -0.08rem;
}
.jjfaycwk .jjfaycmg:nth-child(5) {
	margin-top: 0.18rem;
}
.jjfaycwk .jjfaycmg:nth-child(6) {
	margin-top: 0.43rem;
}
.jjfaycwk .jjfaycmg:nth-child(7) {
	margin-top: -0.22rem;
}
.jjfaycmgtb img {
	width: 100%;
	transition: .75s all;
}

.jjfaycmgtb {
	width: 0.5rem;
}
.jjfaycmgbt {
	color: #474747;
	font-size: .2rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.48rem;
	transition: .75s all;
}
.jjfaycmgms {
	color: #818181;
	font-size: .14rem;
	line-height: 0.21rem;
	height: 0.63rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	margin-top: 0.14rem;
	transition: .75s all;
}
.jjfaycmghx {
	width: 0.28rem;
	height: 0.02rem;
	background: rgba(107, 107, 107, .5);
	margin-top: 0.21rem;
	transition: .75s all;
}
.jjfaycmg:hover {
	background: linear-gradient(to right, #d6191a, #b50203);
}
.jjfaycmg:hover .jjfaycmgtb img {
	filter: grayscale(100%) brightness(1000%);
}
.jjfaycmg:hover .jjfaycmgbt {
	color: #fff;
}
.jjfaycmg:hover .jjfaycmgms {
	color: #fff;
}
.jjfaycmg:hover .jjfaycmghx {
	background: rgba(255, 255, 255, .5);
}


.jjfaycmgxz {
	background: linear-gradient(to right, #d6191a, #b50203);
}
.jjfaycmgxz .jjfaycmgtb img {
	filter: grayscale(100%) brightness(1000%);
}
.jjfaycmgxz .jjfaycmgbt {
	color: #fff;
}
.jjfaycmgxz .jjfaycmgms {
	color: #fff;
}
.jjfaycmgxz .jjfaycmghx {
	background: rgba(255, 255, 255, .5);
}



.jjfaycgdwz {
	color: #e10c23;
	font-size: .18rem;
	line-height: 1;
}
.jjfaycwk .jjfazcxmggdjt {
	/* background: #cb1213; */
	margin-left: 0.11rem;
}
.jjfaycwk .jjfazcxmggdjt::after {
	border-color: #fff;
}
.jjfaycgdwk {
	float: left;
	display: flex;
	justify-content: center;
	width: 3.12rem;
	margin-top: -0.25rem;
	align-items: center;
}
.jjfaycgdwk a {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
}
















.jjfazcxwk > div {
    opacity: 0; /* 初始透明度 */
    visibility: hidden; /* 初始不可见 */
    transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; /* 添加透明度和可见性的过渡效果 */
    position: absolute; /* 避免隐藏元素占据空间 */
}

.jjfazcxwk > div.active {
    opacity: 1; /* 设置为完全不透明 */
    visibility: visible; /* 设置为可见 */
}




/* 解决方案结束 */


div.indexone_tcn{ width: 100%; height: 55px; line-height: 55px; text-align: center; color: #ffffff; font-size: .32rem; font-weight: bold;  }


div.indexone_tcn img{ position: relative; z-index: 100; margin-right: 0.25rem;}

div.indexone_tcn span{ position: relative; z-index: 100;}



div.indexone_ten{ width: 100%; height: 29px; line-height: 29px; text-align: center; color: #ffffff; font-size: .56rem;  text-transform: uppercase; font-family: "HelveticaNeueLTPro-MdEx";margin-top: 0.2rem;}

div.indexone_ten span{ position: relative; z-index: 100;}



div.indexfiveback{ width: 100%; height: auto; position: relative;}

div.indexfivezizhi{ width: 33.4vw; height: auto; position: absolute; right:13.3vw; bottom: .5rem; }



div.indexfivejtleft{ width:0.69rem; height:0.69rem; position: absolute; left: -0.7rem; top: 36%; background: url("../img/indexfivejtl.png") center no-repeat; background-size:100%; }
div.indexfivejtright{ width:0.69rem; height:0.69rem; position: absolute; right: -0.7rem; top: 36%; background: url("../img/indexfivejtr.png") center no-repeat; background-size:100%; }

div.indexfivenf{transition: left 0.3s ease, top 0.3s ease, opacity 0.3s ease; color: #ffffff;  font-size: 0.32rem;  width: 0.85rem; height: 0.35rem; line-height: 0.35rem; position: absolute; left: 16%; top: 15%; font-family:'Montserrat-SemiBold';}

div.indexfivendesc{ width: 500px; height: 0.22rem; line-height: 0.22rem; position: absolute; top: 0.4rem; left: 0;  text-align: center; white-space: nowrap; color: #fff; font-size: 0.14rem; transform: translate3d(-41%,0,0)}

div.indexfivenquan{ width: 0.18rem; height: 0.18rem; position: absolute; top: 0.09rem; right: -0.25rem; border-radius: 50%; background: rgba(255, 255, 255, .2); padding: 0.05rem;}

div.indexfivenquann{ width: 100%; height: 100%; border-radius: 50%; background: #fff;}

div.indexfivenf:hover{ color: #fad182;}

div.indexfivenf:hover div.indexfivendesc{ color: #fad182;}

div.indexfivenf:hover div.indexfivenquann{ background: #cf921c;}
div.indexfivenf{      left: 16%; top: 15%;transition: 1s all; }
div.indexfivenf2{     left: 25.6%;
    top: 28%; }

div.indexfivenf3{            left: 38.6%;
    top: 38%; }

div.indexfivenf4{        left: 56.6%;
    top: 49%; }

div.indexfivenf5{             left: 74%;
    top: 59%; }

div.indexfivenf6{               left: 98%;
    top: 69%;opacity:0!important;}

div.indexfive_tbk{ width: 100%; height: auto; position: absolute; top: 1rem;}

#wrap {
    width: 100%;
}
#showcase {
    width: 100%;
    height: 5rem;
}
.nav > button {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
    font-size: 0;
    cursor: pointer;
}

@media screen and (max-width : 1600px) {
div.indexfive_tbk {
    top: .5rem;
}
#showcase {
    width: 100%;
    height: 4.5rem;
}
}








.newaboutbox {
	width: 100%;
	background: url(../img/homeaboutbg.jpg) no-repeat;
	background-size: 100% 100%;
}
.newabout {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.newaboutleft {
	width: 7.56rem;
	float: left;
	position: relative;
}
.newaboutleftpic {
	width: 100%;
}
.newaboutleftpic img {
	width: 100%;
}
.newaboutleftico {
	width: 0.92rem;
	height: 0.92rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}
.newaboutleftico img {
	width: 100%;
}
.newaboutright {
	float: right;
	width: calc(100% - 8.4rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.newaboutrighttitle {
	color: #e40b0c;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1;
}
.newaboutrightsubtitle {
	color: #000000;
	font-size: .52rem;
	line-height: 0.72rem;
	padding-right: .3rem;
	margin-top: 0.07rem;
}
.newaboutrightdesc {
	color: #787878;
	font-size: .16rem;
	line-height: 0.36rem;
	margin-top: 0.26rem;
}
.newaboutright .jjfazcxmggd {
	margin-top: .75rem;
}




.lang-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    cursor: auto;
    z-index: 5;
    width: 60px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.lang-list li a {
    color: #939393;
    font-size: .18rem;
    font-family: "Arial";
    transition: .15s allease-in-out;
    line-height: .4rem;
    display: block;
    transition: .25s all;
}
.lang-list li {
    line-height: 40px;
    text-align: center;
    display: block;
    transition: .25s all;
}

.lang-list li:nth-child(1) {
    background: #5b5555;
}
.lang-list li:nth-child(1) a {
    color: #fff;
}
.item img {
    width: 20px;
    filter: grayscale(0%) brightness(100%)!important;
    margin-top: -2px;
}















/* 产品内页开始 */
.cpnydwk {
	width: 100%;
}
.cpnynk {
	width: 14.4rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.08rem;
}
.cpnysswk {
	width: 100%;
}
.cpnyssmg {
	width: calc((100% - .75rem) / 6);
	margin-left: 0.15rem;
	height: 0.8rem;
	line-height: 0.8rem;
	position: relative;
	float: left;
	background: #f1f1f1;
}
.cpnyssmg:first-child {
	margin-left: 0;
}
.cpnyssmg a {
	display: block;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	color: #5b5b5b;
	text-align: center;
	font-size: .22rem;
}
.cpnysxwk {
	width: 100%;
	border: 1px solid #d2d2d2;
	height: 3.3rem;
	border-right: 1px solid rgba(0, 0, 0, 0);
}
.cpnysxmg {
	width: 100%;
	height: 100%;
	border-right: 1px solid #d2d2d2;
}
.cpnysxzc {
	float: left;
	width: 6rem;
	padding-left: 1.3rem;
	padding-top: 0.9rem;
}
.cpnysxzcazjjfa {
	color: #474747;
	font-size: .42rem;
	font-weight: bold;
	line-height: 1;
	/* padding-left: 0.3rem; */
}
.cpnysxzcjjfawk {
	width: 3.1rem;
	position: relative;
	margin-top: 0.52rem;
}
.cpnysxzchcqwk {
	width: 100%;
	height: 0.6rem;
	border-radius: .3rem;
	background: #e12627;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 5;
}
.cpnysxzchcqwk a {
	width: 100%;
	height: 0.6rem;
	border-radius: .3rem;
	background: #e12627;
	display: flex;
	align-items: center;
	padding-right: 0.24rem;
	padding-left: 0.3rem;
	justify-content: space-between;
	position: relative;
	z-index: 5;
}
.cpnysxzchcqwz {
	color: #ffffff;
	font-size: .18rem;
}
.cpnysxzchcqjt {
	width: 0.17rem;
	height: 0.12rem;
	position: relative;
	transition: .75s all;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cpnysxzchcqjt img {
	width: 100%;
}
/* .cpnysxzchcqjt:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: .07rem solid transparent;
    border-left: .12rem solid #cb2e2f;
    border-bottom: .07rem solid transparent;
    left: 55%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} */
.cpnyhchwk {
	position: absolute;
	width: 100%;
	background: #f1f1f1;
	left: 0;
	top: 0;
	z-index: 1;
	padding-top: 0.6rem;
	border-radius: .3rem;
	padding-bottom: 0.3rem;
	visibility: hidden;
	opacity: 0;
	transition: .75s all;
}
.cpnysxzcjjfawk:hover .cpnyhchwk {
	opacity: 1;
	visibility: inherit;
}
.cpnysxzcjjfawk:hover .cpnysxzchcqjt {
	/* transform: rotateZ(90deg); */
}
.cpnyhchmg {
	width: 100%;
	transition: .75s all;
	border-radius: .2rem;
}
.cpnyhchmg a {
	color: #5f5f5f;
	font-size: .18rem;
	line-height: 0.4rem;
	display: block;
	width: 100%;
	padding-left: 0.3rem;
	transition: .75s all;
}
.cpnyhchmg:hover {
    background: #d43435;
}
.cpnyhchmg:hover a {
    color: #fff;
}
.cpnysxyc {
	float: right;
	width: 4.53rem;
	margin-right: 1.62rem;
	height: calc(100% - .29rem);
	margin-top: 0.19rem;
}
.cpnysxyc img {
	width: 100%;
	height: 100%;
}
.cpnyssmgxz {
	background: none!important;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	position: relative;
}
.cpnyssmgxz:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: -1px;
}
.cpnyssmgxz a {
	color: #c60e0f;
	background: none!important;
}



.qcgxjjfadwk {
	width: 100%;
	margin-top: 0.94rem;
}
.qcgxjjfaswk {
	width: 100%;
	text-align: right;
}
.qcgxjjfasbt {
	color: #e12627;
	font-weight: bold;
	font-size: .35rem;
	line-height: 1;
}
.qcgxjjfasbt span {
	color: #474747;
}
.qcgxjjfasms {
	color: #565656;
	font-size: .16rem;
	font-weight: bold;
	line-height: 0.28rem;
	margin-top: 0.5rem;
}
.qcgxjjfaxwk {
	width: 100%;
	margin-top: 0.7rem;
}
.qcgxjjfazclbwk {
	width: 11.01rem;
	border-radius: .16rem;
	overflow: hidden;
}
.qcgxjjfazclbmg {
	width: 100%;
}
.qcgxjjfazclbmg img {
	width: 100%;
}

.qcgxjjfaycwk {
	width: 5.5rem;
	height: 3.58rem;
	background: linear-gradient(-48deg, #b91c1d, #dc2b2b);
	border-radius: .1rem;
	float: right;
	margin-top: -2.98rem;
	z-index: 9;
	position: relative;
}
.qcjjfayclbmg {
	width: 100%;
	height: 3.58rem;
	padding-top: 0.46rem;
	padding-left: 0.5rem;
	padding-right: 1.16rem;
}
.qcjjfaycmgbt {
	color: #ffffff;
	font-size: .27rem;
	line-height: 0.36rem;
	max-height: .72rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.qcjjfaycmgms {
	color: #ffffff;
	font-size: .15rem;
	line-height: 0.36rem;
	height: 1.08rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	margin-top: 0.2rem;
	/* padding-right: 0.5rem; */
	width: 100%;
}
.qcjjfaycmgtsgdwz {
	color: #ffffff;
	font-size: .16rem;
	font-weight: bold;
	line-height: .18rem;
	margin-top: -1px;
}
.qcjjfaycmgtsgdjt {
    width: 0.17rem;
    height: 0.12rem;
    /* border-radius: 50%; */
    /* background: #fff; */
    position: relative;
    margin-left: 0.11rem;
		display: flex;
		justify-content: center;
		align-items: center;
}
.qcjjfaycmgtsgdjt img {
	width: 100%;
}
/* .qcjjfaycmgtsgdjt:after {
    content: "";
    position: absolute;
    width: 0.06rem;
    height: 0.06rem;
    border-right: 1px solid #f73d4c;
    border-top: 1px solid #f73d4c;
    transform: rotateZ(45deg);
    left: 50%;
    top: 50%;
    margin-left: -.04rem;
    margin-top: -.03rem;
} */
.qcjjfaycmgtsgdwk {
	display: flex;
	align-items: center;
	margin-top: 0.7rem;
	cursor: pointer;
}
.jjfanzjt {
	width: 0.45rem;
	height: 0.45rem;
	border: 1px solid rgba(255, 255, 255, .8);
	display: flex;
	border-radius: 50%;
	float: left;
	margin-right: 0.12rem;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}
.jjfanzjt img {
	width: 0.07rem;
}
.jjfanyjt {
	width: 0.45rem;
	height: 0.45rem;
	border: 1px solid rgba(255, 255, 255, .8);
	display: flex;
	border-radius: 50%;
	float: left;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}
.jjfanyjt img {
	width: 0.07rem;
	transform-origin: center;
	transform: rotate(180deg);
}
.jjfajtwk {
	overflow: hidden;
	position: absolute;
	right: 0.64rem;
	bottom: 0.41rem;
	z-index: 3;
}

.jjfatcbfwk {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transition: .5s all;
	transform: scale(0);
}
.jjfatcbfwk2 {
	transform: scale(1)!important;
}
.qcjjfaycmgtsgdnrwk {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .1);
	padding-top: 6.5vh;
	display: none;
}
.qcjjfaycmgtsgdnrnk {
	width: 14.4rem;
	margin-left: auto;
	margin-right: auto;
	height: 87vh;
	background: #fff;
	padding-left: 0.88rem;
	padding-right: .87rem;
	padding-top: 0.95rem;
	position: relative;
	overflow: auto;
	padding-bottom: 1rem;
}
.qcjjfaycmgtsgdnrbt {
	color: #1b1b1b;
	font-size: .3rem;
	font-weight: bold;
	line-height: 1;
}
.qcjjfaycmgtsgdnrfbt {
	text-transform: uppercase;
	font-size: .14rem;
	color: #a1a1a1;
	line-height: 1;
	margin-top: 0.19rem;
	font-family: "AkzidenzGroteskBQ-LigExt";
}
.qcjjfaycmgtsgdnrnr {
	width: 100%;
	color: #737373;
	font-size: .16rem;
	line-height: 0.42rem;
	margin-top: 0.1rem;
	overflow: hidden;
}
.qcjjfaycmgtsgdnrnr img {
	max-width: 100%;
}
.qcjjfaycmgtsgdnrx {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	top: 0.9rem;
	right: 1rem;
}
.qcjjfaycmgtsgdnrx img {
	width: 100%;
}

.xdhsfdwk {
	width: 100%;
	margin-top: 0.8rem;
	padding-bottom: 1.55rem;
}
.xdhsfnk {
	width: 14.4rem;
	margin-left: auto;
	margin-right: auto;
}
.xdhsfbtdwk {
	width: 100%;
}
.xdhsfzwbt {
	color: #010101;
	font-size: .32rem;
	/* font-weight: bold; */
	line-height: 1;
}
.xdhsfywbt {
	color: #a1a1a1;
	font-size: .14rem;
	line-height: 1;
	/* text-transform: uppercase; */
	font-family: "HelveticaNeueLTPro-LtEx";
	margin-top: 0.15rem;
}
.xdgsfysxwk {
	width: 100%;
	overflow: hidden;
	margin-top: 0.6rem;
}
.xdhsfysmg {
	width: 4.54rem;
	margin-left: calc((100% - 13.62rem) / 2);
	border-radius: .1rem;
	overflow: hidden;
	position: relative;
	border: 1px solid #d2d2d2;
	float: left;
}
.xdhsfysmg:first-child {
	margin-left: 0;
}
.xdhsfysmgtp {
	width: 100%;
}
.xdhsfysmgtp img {
	width: 100%;
}
.xdhsfysmgswk {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	background: #fff;
	padding-top: 0.5rem;
	transition: .75s all;
}
.xdhsfysmgbt {
	color: #000;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1;
	padding-left: 0.4rem;
	padding-right: 0.5rem;
	transition: .75s all;
}
.xdhsfysmgms {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	color: #4d4d4d;
	font-size: .15rem;
	line-height: 0.32rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
	transition: .75s all;
}
.xdhsfysmg:hover .xdhsfysmgswk {
	background: rgba(255, 255, 255, 0);
}
.xdhsfysmg:hover .xdhsfysmgbt {
	color: #fff;
}
.xdhsfysmg:hover .xdhsfysmgms {
	color: #fff;
	background: rgba(255, 255, 255, .29);
}
/* 产品内页结束 */



.neirightpic {
	width: 4.04rem;
	margin-right: 1.6rem;
	float: right;
}
.neirightpic img {
	width: 100%;
}
.neirightnr {
	width: calc(100% - 6rem);
	float: left;
	padding-top: 0.48rem;
}
.qcjjfaycmgtsgdnrnr2 {
	margin-top: 0.5rem;
}




.fzlczcbox {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}












.esgnavbox {
	width: 100%;
	position: relative;
	box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, .1);
}
.esgnavinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.esgnavitem {
	float: left;
	height: 1rem;
	color: #565656;
	font-size: .18rem;
	line-height: 1rem;
	position: relative;
	margin-left: 0.95rem;
	transition: .25s all;
}
.esgnavitem:first-child {
	margin-left: 0;
}
.esgnavitem a {
	display: block;
	height: 100%;
	color: #565656;
	font-size: .18rem;
	line-height: 1rem;
	transition: .25s all;
}
.esgnavitem:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0.03rem;
	background: #ff0101;
	width: 100%;
	transition: .25s all;
	opacity: 0;
}
.esgnavitemxz {
	color: #000000;
}
.esgnavitemxz a {
	color: #000000;
}
.esgnavitemxz:after {
	width: 100%;
	opacity: 1;
}

.esgnavitem:hover {
	color: #000000;
}
.esgnavitem:hover a {
	color: #000000;
}
.esgnavitem:hover:after {
	width: 100%;
	opacity: 1;
}

.esgonebox {
	width: 100%;
	background: #f8f8f8;
	padding-top: 0.85rem;
	padding-bottom: 1.45rem;
}
.esgoneinner {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.esgoneinnertitle {
	color: #2c2c2c;
	font-size: .42rem;
	font-weight: bold;
	line-height: 1;
}
.esgoneinnercontent {
	width: 100%;
	margin-top: 0.45rem;
}
.esgoneinnercontentitem {
	width: 100%;
	overflow: hidden;
	margin-top: 0.45rem;
}
.esgoneinnercontentitem:first-child {
	margin-top: 0;
}
.esgoneinnercontentitemleft {
	width: calc(50% - .46rem);
	float: left;
	background: #fff;
	border-radius: .16rem;
	overflow: hidden;
}
.esgoneinnercontentitemleft a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.esgoneinnercontentitemleftpic {
	width: 50%;
	float: left;
	overflow: hidden;
}
.esgoneinnercontentitemleftpic img {
	width: 100%;
	transition: .25s all;
}
.esgoneinnercontentitemlefttext {
	width: 50%;
	float: right;
	padding-left: 0.42rem;
	padding-top: 0.28rem;
	padding-right: 0.4rem;
}
.esgoneinnercontentitemleftftitle {
	color: #686868;
	font-size: .18rem;
	line-height: 0.36rem;
}
.esgoneinnercontentitemlefttitle {
	color: #000000;
	font-size: .32rem;
	line-height: 0.45rem;
	font-weight: bold;
	margin-top: 0.06rem;
}
.esgoneinnercontentitemleftdown{
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-top: 0.43rem;
}
.esgoneinnercontentitemleftdownico {
	width: 0.31rem;
	float: left;
}
.esgoneinnercontentitemleftdownico img {
	width: 100%;
}
.esgoneinnercontentitemleftdowntext {
	color: #777777;
	font-size: .16rem;
	line-height: 1;
	margin-left: 0.15rem;
}
.esgoneinnercontentitemright {
	width: calc(50% - .08rem);
	float: right;
	color: #393939;
	font-size: .18rem;
	line-height: 0.4rem;
}
.esgoneinnercontentitemleft:hover .esgoneinnercontentitemleftpic img {
	transform: scale(1.1);
}



.esgtwobox {
	width: 100%;
}
.esgtwoinner {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 1.85rem;
}
.esgtwotitle {
	text-align: center;
	color: #ffffff;
	font-size: .42rem;
	font-weight: bold;
	line-height: 1;
}
.esgtwodesc {
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.43rem;
	text-align: center;
	height: 1.72rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	margin-top: 0.32rem;
}
.esgtwocontent {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
.esgtwoitem {
	text-align: center;
}
.esgtwoitemico {
	width: 0.55rem;
	margin-left: auto;
	margin-right: auto;
}
.esgtwoitemico img {
	width: 100%;
}
.esgtwoitemftitle {
	font-family: "Helvetica";
	color: #ffffff;
	font-size: .22rem;
	line-height: 1;
	margin-top: 0.15rem;
}
.esgtwoitemtitle {
	color: #ffffff;
	font-size: .2rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.15rem;
}



.esgthreebox {
	width: 100%;
	background: #f8f8f8;
	padding-top: 1rem;
	padding-bottom: 1.1rem;
}
.esgthreeinner {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.esgthreetitle {
	color: #2c2c2c;
	font-size: .42rem;
	font-weight: bold;
	line-height: 1;
}
.esgthreecontent {
	width: 100%;
	overflow: hidden;
	margin-top: 0.6rem;
}
.esgthreeitem {
	float: left;
	border-radius: .16rem;
	background: #fff;
	width: calc(50% - .3rem);
	margin-left: 0.6rem;
}
.esgthreeitem:nth-child(2n-1) {
	margin-left: 0;
}
.esgthreeitem a {
	display: block;
	overflow: hidden;
	padding-left: 0.55rem;
	padding-right: 0.55rem;
	padding-bottom: 0.53rem;
	padding-top: 0.53rem;
	position: relative;
}
.esgthreeitem a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0.55rem;
	width: calc(100% - 1.1rem);
	border-top: 1px dashed #cdcdcd;
}
.esgthreeitem:nth-child(1) a::after {
	display: none;
}
.esgthreeitem:nth-child(2) a::after {
	display: none;
}
.esgthreeiteminner {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.esgthreeitempic {
	width: 2.26rem;
	float: left;
	overflow: hidden;
}
.esgthreeitempic img {
	width: 100%;
	transition: .25s all;
}
.esgthreeitemright {
	width: calc(100% - 2.66rem);
	float: right;
}
.esgthreeitemrighttop {
	
}
.esgthreeitemtitle {
	color: #000000;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.25rem;
	height: 0.25rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: .25s all;
}
.esgthreeitemtimebox {
	display: flex;
	align-items: center;
	margin-top: 0.2rem;
}
.esgthreeitemtimeico {
	width: 0.17rem;
	display: flex;
}
.esgthreeitemtimeico img {
	width: 0.17rem;
}
.esgthreeitemtext {
	color: #a0a0a0;
	font-size: .16rem;
	font-family: "Arial";
	margin-left: 0.1rem;
	line-height: 1;
}
.esgthreeitemmore {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #a0a0a0;
	font-size: .16rem;
	line-height: 1;
	display: flex;
	align-items: center;
}
.esgthreeitemmoretext {
	color: #a0a0a0;
	font-size: .16rem;
}
.esgthreeitemmorearrow {
	width: 0.14rem;
	display: flex;
	margin-left: 0.05rem;
}
.esgthreeitemmorearrow img {
	width: 100%;
}

.esgthreeitem:hover .esgthreeitemtitle {
	color: #ff0101;
}
.esgthreeitem:hover .esgthreeitempic img {
	transform: scale(1.1);
}

.esgshowbox .xxnrnk {
	width: calc(100vw / 12 * 10);
}

.fhlb {

}
.fhlb a {
	display: inline-flex;
	align-items: center;

}
.fhlbico {
	width: 0.54rem;
	display: flex;
}
.fhlbico img {
	width: 100%;
}
.fhlbtext {
	color: #828282;
	font-size: .18rem;
	margin-left: 0.19rem;
}
.esgshowbox .xxnrbt {
	margin-top: 0.5rem;
}
.esgshowbox .esgthreeitemtimebox {
	justify-content: center;
	margin-top: 0.3rem;
}









.probox {
	width: 100%;
	background: #f3f3f3;
}
.proinner {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.85rem;
}
.protop {
	width: 100%;
	gap: .23rem;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-bottom: 1px solid #d2d2d2;
}
.protopitem {
	width: 100%;
	height: 0.73rem;
	background: #e5e5e5;
	line-height: 0.73rem;
	text-align: center;
	border: 1px solid #e5e5e5;
}
.protopitem a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #5b5b5b;
	font-size: .22rem;
}
.protopitemxz {
	border: 1px solid #d2d2d2;
	border-bottom: none;
	position: relative;
	background: none;
}
.protopitemxz:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #f3f3f3;
}
.protopitemxz a {
	color: #e12627;
}
.probottom {
	width: 100%;
	margin-top: 0.7rem;
	padding-bottom: 1.1rem;
}
.probottomleft {
	width: 3.07rem;
	float: left;
}
.probottomleftitem {
	width: 100%;
	height: 0.65rem;
	margin-top: 1px;
	background: #fff;
}
.probottomleftitem:first-child {
	margin-top: 0;
}
.probottomleftitem a {
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #6c6c6c;
	font-size: .16rem;
	line-height: 0.25rem;
	align-items: center;
	justify-content: center;
}
.probottomleftitemxz {
	background: #e12627;
}
.probottomleftitemxz a {
	color: #fff;
}
.probottomright {
	width: calc(100% - 3.5rem);
	float: right;
}
.probottomrightitem {
	float: left;
	width: calc((100% - .5rem) / 3);
	margin-left: 0.25rem;
	margin-top: 0.3rem;
}
.probottomrightitem:nth-child(1) {
	margin-top: 0;
}
.probottomrightitem:nth-child(2) {
	margin-top: 0;
}
.probottomrightitem:nth-child(3) {
	margin-top: 0;
}
.probottomrightitem:nth-child(3n-2) {
	margin-left: 0;
}
.probottomrightitemimg {
	width: 100%;
	background: #fff;
}
.probottomrightitemimg img {
	width: 100%;
}
.probottomrightitemtext {
	width: 100%;
	background: #fff;
	height: 1.27rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: .25s all;
}
.probottomrightitemtexttitle {
	color: #4f4f4f;
	font-size: .16rem;
	line-height: 0.32rem;
	transition: .25s all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	height: 0.32rem;
}
.probottomrightitemtextdesc {
	color: #6b6b6b;
	font-size: .14rem;
	line-height: 0.22rem;
	transition: .25s all;
	text-align: center;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	max-height: 0.44rem;
}
.probottomrightitem:hover .probottomrightitemtext {
	background: #e12627;
}
.probottomrightitem:hover .probottomrightitemtexttitle {
	color: #fff;
}
.probottomrightitem:hover .probottomrightitemtextdesc {
	color: #fff;
}


.proshownewbox {
	width: 100%;
	background-color: #e9e9e9;
	padding-top: 1.1rem;
	padding-bottom: 2.2rem;
}
.proshownew {
	width: calc(100vw / 16 * 12);
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.73rem;
	padding-left: 0.85rem;
	padding-right: 0.85rem;
	padding-bottom: 1.4rem;
	position: relative;
}
.proshowx {
	display: none;
}
.proshowtoptitlebox {
	width: 100%;
}
.proshowtoptitle {
	color: #000000;
	font-size: .27rem;
	font-weight: bold;
	line-height: 0.5rem;
}
.proshowtopftitle {
	color: #939393;
	font-size: .24rem;
	line-height: 0.5rem;
	font-family: "Arial";
}
.proshowcenter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.proshowcenterleft {

}
.proshowcenterleft img {
	width: 100%;
}
.proshowcenterrightitem {
	width: 4.65rem;
	height: 1.43rem;
	background: #e4e4e4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1px;
	padding-left: 0.55rem;
	padding-right: 0.44rem;
	cursor: pointer;
}
.proshowcenterrightitemtitle {
	color: #333333;
	font-size: .28rem;
}
.proshowcenterrightitemarrow {
	width: 0.18rem;
	display: flex;
	justify-content: center;
}
.proshowcenterrightitemarrow img {
	width: 100%;
}

.proshowcenterrightitemxz {
	background: #c60e10;
}
.proshowcenterrightitemxz .proshowcenterrightitemtitle {
	color: #fff;
}
.proshowcenterrightitemxz .proshowcenterrightitemarrow img {
	-webkit-filter: invert(1);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
}
.proshowbottom {
	width: 100%;
	margin-top: 0.5rem;
}
.proshowbottomone {
	width: 100%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.jscsbt {
	color: #000000;
	font-size: .27rem;
	font-weight: bold;
	line-height: 1;
}
.jscsnr {
	color: #737373;
	font-size: .16rem;
	line-height: 0.44rem;
	margin-top: 0.38rem;
}
.jscsnr img {
	max-width: 100%;
}
.proshowbottomtwo {
	width: 100%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.xgalbt {
	padding-bottom: 0.45rem;
	border-bottom: 1px solid #dddddd;
	color: #000000;
	font-size: .27rem;
	font-weight: bold;
	line-height: 1;
}
.xgalnr {
	color: #000000;
	font-size: .27rem;
	font-weight: bold;
	line-height: 0.57rem;
	padding-top: 0.8rem;
}
.xgalnr img {
	max-width: 100%;
}
.hzqybt {
	margin-top: 1.55rem;
	color: #000000;
	font-size: .27rem;
	font-weight: bold;
	line-height: 1;
}
.hzqybt span {
	color: #585858;
	font-size: .16rem;
	line-height: 1;
}
.hezqynr {
	margin-top: 0.7rem;
	padding-top: 0.85rem;
	border-top: 1px solid #dddddd;
}
.hezqynr img {
	max-width: 100%;
}
.proshowbottomxz {
	position: relative;
	visibility: inherit;
	opacity: 1;
}
.proshowxx {
	width: 0.44rem;
	position: absolute;
	top: 0.9rem;
	right: 1rem;
}
.proshowxx a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.proshowxx img {
	width: 100%;
}



.innerfzlcnewbox {
	width: 100%;
}
.innerfzlcnew {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.3rem;
	padding-bottom: 0.43rem;
	overflow: hidden;
}
.innerfzlcnewtop {
	width: 100%;
	overflow: hidden;
}
.innerfzlcnewcenter {
	width: 70%;
	height: 4rem;
	float: left;
	margin-top: 0.8rem;
}
.innerfzlcnewcenter .swiper {
	height: 100%;
}
.fzlcnewleftitem {
	width: 100%;
}
.fzlcnewleftitemtitle {
	font-family: "Rubik-Medium";
	color: #e5e5e5;
	font-size: 1.9rem;
	line-height: 1;
	/* 新增渐变遮罩样式 */
	position: relative;
	display: inline-block;
}
.fzlcnewleftitemtitle::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%; /* 从文字中间开始（50%高度） */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none; /* 不影响点击/选中文字 */
}
.fzlcnewleftitemcontent {
	color: #2b2b2b;
	font-size: .18rem;
	line-height: 0.42rem;
	margin-top: 0.08rem;
}
.innerfzlcnewright {
	height: 4.7rem;
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	float: right;
	margin-top: -0.67rem;
}
.innerfzlcnewrighttop {
	width: 0.72rem;
	display: flex;
	height: 0.72rem;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	border: 1px solid #eeeeee;
	cursor: pointer;
}
.innerfzlcnewrighttop img {
	width: .16rem;
	transform: rotate(90deg);
}
.innerfzlcnewrighttop:hover {
	background: #ff0000;
	border-color: #ff0000;
}
.innerfzlcnewrighttop:hover img {
	filter: grayscale(100%) brightness(1000%);

}



.innerfzlcnewrightbottom {
	width: 0.72rem;
	display: flex;
	height: 0.72rem;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	border: 1px solid #eeeeee;
	cursor: pointer;
}
.innerfzlcnewrightbottom img {
	width: .16rem;
	transform: rotate(-90deg);
}
.innerfzlcnewrightbottom:hover {
	background: #ff0000;
	border-color: #ff0000;
}
.innerfzlcnewrightbottom:hover img {
	filter: grayscale(100%) brightness(1000%);
}

.innerfzlcnewrightcontent {
	height: 3.2rem;
	border-right: 1px solid #d3d3d3;
	margin-right: 0.37rem;
}

.innerfzlcnewrightcontent .swiper {
	height: 100%;
}
.fzlcnewrightitem {
	font-family: "Rubik-Medium";
	color: #c7c7c7;
	font-size: .26rem;
	line-height: 1;
	padding-right: 0.4rem;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: right;
	justify-content: flex-end;
	position: relative;
}
.swiper-slide-thumb-active .fzlcnewrightitem {
	color: #ff0000;
	font-size: .38rem;
}
.fzlcnewrightitem:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	height: 1px;
	width: 0.09rem;
	background: #c3c3c3;
	transform: translate(0,-50%);
}
.swiper-slide-thumb-active .fzlcnewrightitem:after {
	width: 0.12rem;
}