*{margin:0;padding:0;}
html{overflow-x:hidden;}
body{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;}
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;
	}

}
@font-face {
	font-family: 'AGENCYR';
	src: local('AGENCYR'), url(../fonts/AGENCYR.TTF) format('woff');
}
@font-face {
	font-family: 'AGENCYB';
	src: local('AGENCYB'), url(../fonts/AGENCYB.TTF) format('woff');
}
@font-face {
	font-family: 'BEBAS';
	src: local('BEBAS'), url(../fonts/BEBAS.ttf) format('woff');
}
@font-face {
	font-family: 'AKZIDENZGROTESKEXTRABOLDALT';
	src: local('AKZIDENZGROTESKEXTRABOLDALT'), url(../fonts/AKZIDENZGROTESKEXTRABOLDALT.OTF) format('woff');
}
@font-face {
	font-family: 'AKZIDENZGROTESKBOLDCOND';
	src: local('AKZIDENZGROTESKBOLDCOND'), url(../fonts/AKZIDENZGROTESKBOLDCOND.OTF) format('woff');
}
@font-face {
	font-family: 'HELVETICANEUELTPROMD';
	src: local('HELVETICANEUELTPROMD'), url(../fonts/HELVETICANEUELTPROMD.WOFF.TTF) format('woff');
}
@font-face {
	font-family: 'HELVETICANEUELTPROROMAN';
	src: local('HELVETICANEUELTPROROMAN'), url(../fonts/HELVETICANEUELTPROROMAN.WOFF.TTF) format('woff');
}
.bannerbox {
	width: 100%;
}
.headbox {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	padding-left: 0.45rem;
}
.logo {
	width: 2.02rem;
	float: left;
	padding-top: 0.37rem;
}
.logo img {
	width: 100%;
}
.lang {
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	font-family: "Noto Sans SC";
	color: #fefefe;
	font-size: .18rem;
	font-weight: bold;
	float: right;
	background: #c00203;
}
.lang a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.navbox {
	padding-top: 0.65rem;
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-right: .5rem;
}
.navitem {
	float: left;
	margin-left: 0.7rem;
}
.navitem:first-child {
	margin-left: 0;
}
.navitem a {
	display: flex;
	align-items: flex-end;
}
.navitemen {
	font-family: "Arial";
	color: #ffffff;
	font-size: .25rem;
	line-height: .6;
	transition: .25s all;
}
.navitemcn {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .16rem;
	line-height: 1;
	transition: .25s all;
}
.navitem:hover div {
	color: #c00203;
}

.navitemxz div {
	color: #c00203;
}

.bannerinner {
	width: 100%;
}
.banneritem {
	width: 100%;
	position: relative;
}
.banneritem:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, .5);
	top: 0;
	left: calc(100% / 12 * 2);
}
.banneritem::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	background: rgba(255, 255, 255, .5);
	left: 0;
	bottom: 31.7%;
}
.banneritemvideo:after {
    display: none;
}
.banneritemvideo:before {
    display: none;
}
.banneritempic {
	width: 100%;
}
.banneritempic img {
	width: 100%;
}
.banneritemaddress {
	position: absolute;
	left: 2.1%;
	bottom: 38.3%;
	z-index: 2;
	width: 2.2rem;
}
.banneritemaddressico {
	width: 0.35rem;
	margin-left: 0.06rem;
}
.banneritemaddressico img {
	width: 100%;
}
.banneritemaddresstitle {
	font-family: "BEBAS";
	color: #ffffff;
	font-size: .18rem;
	line-height: 1;
	margin-top: 0.32rem;
}
.banneritemaddressdesc {
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.2rem;
	font-family: "Arial";
	margin-top: 0.22rem;
}

.banneritememail {
	position: absolute;
	left: 2.1%;
	bottom: 10.3%;
	z-index: 2;
	width: 2.2rem;
}
.banneritememailico {
	width: 0.39rem;
	margin-left: 0.06rem;
}
.banneritememailico img {
	width: 100%;
}
.banneritememailtitle {
	font-family: "BEBAS";
	color: #ffffff;
	font-size: .18rem;
	line-height: 1;
	margin-top: 0.32rem;
}
.banneritememaildesc {
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.2rem;
	font-family: "Arial";
	margin-top: 0.22rem;
}



.productbox {
	width: 100%;
	background: url(../img/probg.jpg) no-repeat top;
	background-size: 100% auto;
	padding-top: 0.9rem;
	overflow: hidden;
}
.productinner {
	width: calc(100% / 12 * 10);
	margin-left: calc(100% / 12 * 2);
}
.producttop {
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.productleft {
	float: left;
}
.productlefttop {
	display: flex;
	padding-bottom: 0.25rem;
	width: 3rem;
	border-bottom: 1px solid #fff;
	align-items: center;
}
.productlefttopico {
	width: 0.31rem;
}
.productlefttopico img {
	width: 100%;
}
.productlefttoptitle {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .18rem;
	margin-left: 0.22rem;
}
.productleftbottomsubtitle {
	font-family: "AKZIDENZGROTESKBOLDCOND";
	color: #ffffff;
	font-size: .8rem;
	line-height: .7;
	margin-top: 0.34rem;
}

.productrightbox {
	float: right;
}
.productleftarrow {
	width: 0.64rem;
	height: 0.64rem;
	border: 1px solid #fff;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .25s all;
}
.productleftarrow img {
	width: 0.1rem;
	filter: grayscale(100%) brightness(1000%);
	transform-origin: center;
	transform: rotate(180deg);
	transition: .25s all;
}
.productleftarrow:hover {
	background: #fff;
}
.productleftarrow:hover img {
	filter: grayscale(0%) brightness(100%);
}

.productrightarrow {
	width: 0.64rem;
	height: 0.64rem;
	border: 1px solid #fff;
	float: left;
	margin-left: 0.08rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .25s all;
}
.productrightarrow img {
	width: 0.1rem;
	filter: grayscale(100%) brightness(1000%);
	transition: .25s all;
}
.productrightarrow:hover {
	background: #fff;
}
.productrightarrow:hover img {
	filter: grayscale(0%) brightness(100%);
}

.productbottombox {
	width: 100%;
	margin-top: 1rem;
}
.productbottombox .swiper-slide {
	width: 12.18rem;
}
.productbottomitem {
	width: 100%;
	position: relative;
}
.productbottomitempic {
	width: 100%;
}
.productbottomitempic img {
	width: 100%;
}
.productbottomitemleftbottom {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 6.39rem;
	background: rgba(1, 1, 1, .43);
	padding-left: 1.38rem;
	padding-top: 0.46rem;
	padding-bottom: 0.58rem;
	padding-right: 0.6rem;
	opacity: 0;
	transition: .5s all;
}
.productbottomitemftitle {
	font-family: "AKZIDENZGROTESKBOLDCOND";
	color: #ffffff;
	font-size: .3rem;
	line-height: .3rem;
	height: 0.3rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.productbottomitemtitle {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .16rem;
	line-height: .18rem;
	height: 0.18rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.06rem;
}
.productbottomitemdesc {
	color: #ffffff;
	font-size: .14rem;
	opacity: 0.4;
	line-height: 0.16rem;
	height: 0.16rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.28rem;
}
.productbottomitemred {
	width: 0.2rem;
	height: 0.2rem;
	background: #c00203;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.productbottomitemyuanquan {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #01a3ec;
	position: absolute;
	top: 50%;
	right: -0.25rem;
	transform: translateY(-50%);
}
.productbottomitemyuanquan img {
	width: 0.41rem;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translateY(-50%);
}
.productbottombox .swiper-slide-active .productbottomitemleftbottom {
	opacity: 1;
}



.aboutbox {
	width: 100%;
	background: #f5f5f5;
	margin-top: 2.1rem;
	padding-top: 0.97rem;
	padding-bottom: 1.37rem;
}
.aboutinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
}
.abouttop {
	width: 100%;
	position: relative;
}
.abouttop .productleftbottomsubtitle {
	color: #303030;
}

.abouttop .productlefttoptitle {
	color: #cc0001;
}

.abouttop .productlefttop {
	border-color: #cc0001;
}
.aboutdesc {
	font-family: "Noto Sans SC";
	color: #7f7e7e;
	font-size: .14rem;
	line-height: 0.24rem;
	margin-top: 0.77rem;
	width: 40%;
	padding-right: 0.35rem;
}
.aboutdesc strong {
	font-family: "Noto Sans SC";
}
.aboutdesc p {
	font-family: "Noto Sans SC";
}
.aboutright {
	width: 60%;
	position: absolute;
	right: 0;
	bottom: -.3rem;
}
@media screen and (max-width : 1600px) {
	.aboutright {
		bottom: 0;
	}
}
.aboutrightpic {
	width: 100%;
	height: 7rem;
	
}
.aboutrightpic img {
	width: 100%;
}
.aboutrightleftbottom {
	position: absolute;
	width: 2.46rem;
	height: 3.48rem;
	left: 0;
	bottom: 0;
	background: rgba(1, 1, 1, .43);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.aboutrightleftsumone {
	font-family: "AKZIDENZGROTESKBOLDCOND";
	color: #01a3ec;
	font-size: 1.5rem;
	line-height: .7;
}
.aboutrightleftsumtwo {
	font-family: "AKZIDENZGROTESKBOLDCOND";
	color: #01a3ec;
	font-size: 1.5rem;
	line-height: .7;
	margin-top: 0.26rem;
}

.aboutrightred {
	width: 0.2rem;
	height: 0.2rem;
	background: #cc0001;
	position: absolute;
	right: 0;
	top: 0;
}
.aboutcndesc {
	font-family: "Noto Sans SC";
	color: #a1a1a1;
	font-size: .14rem;
	line-height: 0.24rem;
	margin-top: 1.1rem;
}



.informationbox {
	width: 100%;
	background: url(../img/informationbg.jpg) no-repeat top center;
	padding-top: 0.9rem;
	padding-bottom: 1.56rem;
	background-size: 100% auto;
}
.informationinner {
	width: calc(100% / 12 * 9);
	margin-left: calc(100% / 12 * 2);
}

.informationnavitem {
	float: left;
	width: 1.8rem;
	height: 0.63rem;
	border: 1px solid #fff;
	margin-left: 0.08rem;
	transition: .25s all;
}
.informationnavitem:first-child {
	margin-left: 0;
}
.informationnavitem a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding-top: 0.03rem;
}
.informationnavitemen {
	font-family: "Arial";
	color: #ffffff;
	font-size: .24rem;
	transition: .25s all;
}
.informationnavitemcn {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .18rem;
	transition: .25s all;
	margin-top: -0.04rem;
}
.informationnavitem:hover {
	background: #fcf0e0;
	border-color: #fcf0e0;
}
.informationnavitem:hover .informationnavitemen {
	color: #b90203;
}
.informationnavitem:hover .informationnavitemcn {
	color: #b90203;
}

.informationbottombox {
	width: 100%;
	margin-top: 1rem;
}

.informationbottomitem {
	width: calc((100% - .7rem) / 3);
	margin-left: 0.35rem;
	float: left;
	position: relative;
	z-index: 2;
}
.informationbottomitem:first-child {
	margin-left: 0;
}
.informationbottomitemtop {
	width: 100%;
	position: relative;
}
.informationbottomitemtoppic {
	width: 100%;
}
.informationbottomitemtoppic img {
	width: 100%;
}
.informationbottomitemtoptime {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1.6rem;
	height: 0.4rem;
	text-align: center;
	line-height: 0.4rem;
	font-family: "HELVETICANEUELTPROMD";
	color: #cc0001;
	font-size: .14rem;
	background: #fff;
	transition: .25s all;
}
.informationbottomitembottom {
	width: 100%;
	padding-top: 0.47rem;
	background: #fff;
	position: relative;
}
.informationbottomitem:first-child .informationbottomitembottom:after {
	content: "";
	position: absolute;
	width: 200vw;
	left: -50vw;
	top: 0;
	height: 140%;
	background: #fff;
	z-index: 0;
}
.informationbottomitembottom>div {
	position: relative;
	z-index: 2;
}
.informationbottomitembottomtitle {
	font-family: "Noto Sans SC";
	color: #303030;
	font-size: .16rem;
	line-height: 0.2rem;
	height: 0.2rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.informationbottomitembottomftitle {
	color: #959595;
	font-size: .16rem;
	font-family: "Arial";
	font-weight: bold;
	line-height: 0.2rem;
	height: 0.2rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.1rem;
}
.informationbottomitembottommorebox {
	width: 1.64rem;
	padding-bottom: 0.13rem;
	border-bottom: 1px solid #cc0001;
	display: flex;
	margin-top: 0.6rem;
	justify-content: space-between;
	align-items: center;
	transition: .25s all;
}
.informationbottomitembottommoretext {
	font-family: "Arial";
	color: #cc0001;
	font-size: .16rem;
	line-height: 1;
	transition: .25s all;
}
.informationbottomitembottommorearrow {
	width: 0.1rem;
	display: flex;
	justify-content: center;
  align-items: center;
	margin-top: -.01rem;
}
.informationbottomitembottommorearrow img {
	width: 100%;
	transition: .25s all;
}


.informationbottomitem:hover .informationbottomitemtoptime {
	background: #01a3ec;
	color: #fff;
}
.informationbottomitem:hover .informationbottomitembottommorebox {
	border-color: #030303;
}
.informationbottomitem:hover .informationbottomitembottommoretext {
	color: #030303;
}
.informationbottomitem:hover .informationbottomitembottommorearrow img {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
}



.messagebox {
	width: 100%;
	background: url(../img/message.jpg) no-repeat center;
	background-size: 100% auto;
	padding-top: 0.93rem;
	padding-bottom: 0.55rem;
	position: relative;
}
.messagebox:after {
	content: "";
	position: absolute;
	width: calc(100% / 12 * 8);
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(12, 12, 12, .35);
	z-index: 0;
}
.messageinner {
	width: calc((100% / 12 * 4) + .24rem);
	margin-left: calc(100% / 12 * 2);
	position: relative;
	z-index: 1;
}
.message {
	width: 100%;
	margin-top: 0.6rem;
}
.messageonebox {
	width: 100%;
	overflow: hidden;
}
.messageoneitem {
	width: calc((100% - .2rem) / 2);
	float: left;
	height: 0.54rem;
	border: 1px solid rgba(255, 255, 255, .4);
	margin-left: 0.2rem;
}
.messageoneitem:first-child {
	margin-left: 0;
}
.messageoneitem input::placeholder {
	color: #ffffff;
}
.messageoneitem input {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	padding-left: 0.21rem;
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.52rem;
	opacity: 0.5;
}

.messagemessage {
	width: 100%;
	height: 1rem;
	border: 1px solid rgba(255, 255, 255, .4);
	padding-top: 0.04rem;
	margin-top: 0.18rem;
}
.messagemessage textarea::placeholder {
	color: #ffffff;
}
.messagemessage textarea {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	padding-left: 0.21rem;
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.52rem;
	opacity: 0.5;
}
.messagesubmie {
	margin-top: 0.38rem;
	width: 2.4rem;
	height: 0.63rem;
	background: #01a3ec;
}
.messagesubmie a {
	display: flex;
	width: 100%;
	height: 100%;
	padding-right: 0.5rem;
	padding-left: 0.66rem;
	align-items: center;
	justify-content: space-between;
}

.messagesubmittext {
	font-family: "BEBAS";
	color: #ffffff;
	font-size: .18rem;
	margin-top: -.07rem;
}
.messagesubmitarrow {
	width: 0.1rem;
	display: flex;
}

.messagesubmitarrow img {
	width: 100%;
}

input{ outline: none; }
textarea{ outline: none; }



.footerbox {
	width: 100%;
	background: #0c0c0c;
}
.footertop {
	width: 100%;
	overflow: hidden;
	padding-bottom: 0.65rem;
}
.footertopinner {
	width: calc(100% / 12 * 9);
	margin-left: calc(100% / 12 * 2);
}
.footertopleft {
	float: left;
	width: calc(100% / 9 * 2);
	padding-top: 1.1rem;
}
.flogo {
	width: 2.02rem;
}
.flogo img {
	width: 100%;
}
.footertopleftbottom {
	margin-top: 0.77rem;
}
.footertopleftbottomitem {
	width: 0.5rem;
	height: 0.5rem;
	position: relative;
	float: left;
	margin-left: 0.32rem;
}
.footertopleftbottomitem:first-child {
	margin-left: 0;
}
.footertopleftbottomitemico {
	width: 100%;
}
.footertopleftbottomitemico img {
	width: 100%;
}
.footertopleftbottomitempic {
	position: absolute;
	width: 1.4rem;
	bottom: calc(100% + .2rem);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
}
.footertopleftbottomitempic img {
	width: 100%;
}
.footertopleftbottomitem:hover .footertopleftbottomitempic {
	opacity: 1;
	visibility: inherit;
}


.footertopcenter {
	width: calc(100% / 9 * 4);
	float: left;
	padding-top: 1.08rem;
	padding-left: 0.3rem;
	padding-right: 0.5rem;
}
.footertopcenteritemone {
	display: flex;
}
.footertopcenteritemoneico {
	width: 0.3rem;
	margin-right: 0.3rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-top: 0.03rem;
}
.footertopcenteritemoneico img {
	width: 100%;
}
.footertopcenteritemonetext {
	color: #ffffff;
	font-size: .24rem;
	font-family: "BEBAS";
	width: calc(100% - .6rem);
}

.footertopcenteritemtwo {
	margin-top: 0.25rem;
	display: flex;
}
.footertopcenteritemtwoico {
	width: 0.3rem;
	margin-right: 0.3rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-top: 0.03rem;
}
.footertopcenteritemtwoico img {
	width: 100%;
}
.footertopcenteritemtwotext {
	color: #ffffff;
	font-size: .22rem;
	font-family: "AKZIDENZGROTESKBOLDCOND";
	width: calc(100% - .6rem);
}

.footertopcenteritemthree {
	margin-top: 0.25rem;
	display: flex;
}
.footertopcenteritemthreeico {
	width: 0.3rem;
	margin-right: 0.3rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-top: 0.03rem;
}
.footertopcenteritemthreeico img {
	width: 100%;
}
.footertopcenteritemthreetextcn {
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.24rem;
}
.footertopcenteritemthreetext {
	width: calc(100% - .6rem);
}
.footertopcenteritemthreetexten {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.24rem;
	opacity: 0.3;
}

.footertopcenteritemfour {
	margin-top: 0.25rem;
	display: flex;
}
.footertopcenteritemfourico {
	width: 0.3rem;
	margin-right: 0.3rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-top: 0.03rem;
}
.footertopcenteritemfourico img {
	width: 100%;
}
.footertopcenteritemfourtext {
	width: calc(100% - .6rem);
}
.footertopcenteritemfourtextcn {
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.24rem;
}
.footertopcenteritemfourtexten {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.24rem;
	opacity: 0.3;
}
#allmap {
	margin-top: 1.1rem;
	float: right;
	width: calc(100% / 9 * 3);
}


.footercopybox {
	width: 100%;
	height: 0.94rem;
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.footercopy {
	width: calc(100% / 12 * 9);
	margin-left: calc(100% / 12 * 2);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footercopyleft {
	color: #ffffff;
	font-size: .12rem;
	line-height: 1;
	opacity: 0.5;
}
.footercopyleft a {
	color: #fff;
}
.footercopyright {
	color: #ffffff;
	font-size: .12rem;
	line-height: 1;
	opacity: 0.5;
}
.footercopyright a {
	color: #fff;
}





/* 产品解决方案开始 */

.productnavbox {
	width: 100%;
	display: flex;
	justify-content: center;
}
.productnavitem {
	width: 100%;
	background: #0c0c0c;
}
.productnavitem a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 1.1rem;
	text-align: center;
	flex-direction: column;
}
.productnavitemsubtitle {
	font-family: "AKZIDENZGROTESKBOLDCOND";
	color: #ffffff;
	font-size: .3rem;
	line-height: 1;
}
.productnavitemtitle {
	color: #ffffff;
	font-size: .2rem;
	line-height: 1;
}

.productnavitemxz  {
	background: #c00203;
}

.innerproductbox {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}
.innerproductinner {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
}
.productitem {
	width: 100%;
	margin-top: 1rem;
}
.productitem:first-child {
	margin-top: 0;
}
.innerproductbox .productbottomitemleftbottom {
	opacity: 1;
}
.productitem .productbottomitemyuanquan {
	transition: .25s all;
}
.productitem:hover .productbottomitemyuanquan {
	background-color: #c00203;
}



/* 产品解决方案结束 */

/* 产品解决方案详情开始 */
.proshowtitlebox {
	width: 100%;
}
.proshowtitle {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.86rem;
}
.innerproduct {
	width: 100%;
}
.innerproducttop {
	min-width: 2.55rem;
	padding-bottom: 0.26rem;
	border-bottom: 1px solid #cc0001;
	overflow: hidden;
	display: inline-block;
}
.innerproductico {
	width: 0.31rem;
	float: left;
}
.innerproductico img {
	width: 100%;
}
.innerproducttitle {
	color: #cc0001;
	font-size: .18rem;
	line-height: 0.31rem;
	float: left;
	margin-left: 0.21rem;
	font-family: "Noto Sans SC";
}
.innerproductftitle {
	color: #303030;
	font-size: .3rem;
	line-height: 1;
	font-family: "AKZIDENZGROTESKBOLDCOND";
	margin-top: 0.3rem;
}

.productpiclistbox {
	width: 100%;
	margin-top: 0.55rem;
	padding-bottom: 1.1rem;
}
.productpiclistinner {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.productpiclistitem {
	width: 100%;
}
.productpiclistitem img {
	width: 100%;
}

.productinnerleftarrow {
	position: absolute;
	top: 50%;
	left: -.32rem;
	transform: translateY(-50%);
	width: 0.64rem;
	height: 0.64rem;
	background-color: #c00203;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	cursor: pointer;
	transition: .25s all;
}
.productinnerleftarrow img {
	width: 0.1rem;
	filter: grayscale(100%) brightness(1000%);
	transform-origin: center;
	transform: rotate(180deg);
	transition: .25s all;
}
.productinnerleftarrow:hover {
	background: #fcf0e0;
}
.productinnerleftarrow:hover img {
	filter: grayscale(0%) brightness(100%);
}


.productinnerrightarrow {
	position: absolute;
	top: 50%;
	right: -.32rem;
	transform: translateY(-50%);
	width: 0.64rem;
	height: 0.64rem;
	background-color: #c00203;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	cursor: pointer;
	transition: .25s all;
}
.productinnerrightarrow img {
	width: 0.1rem;
	filter: grayscale(100%) brightness(1000%);
	transform-origin: center;
	transition: .25s all;
}
.productinnerrightarrow:hover {
	background: #fcf0e0;
}
.productinnerrightarrow:hover img {
	filter: grayscale(0%) brightness(100%);
}
.proshowtitletwo {
	padding-top: 0;
}

.productcontentbox {
	width: 100%;
	margin-top: 0.6rem;
	padding-bottom: 1.17rem;
}
.productcontentinner {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	display: flex;
}
.productcontentcn {
	width: 100%;
	font-family: "Noto Sans SC";
	color: #8d8d8d;
	font-size: .14rem;
	line-height: 0.36rem;
	/*padding-right: 0.6rem;*/
}
.productcontentcn img {
	max-width: 100%;
}
.productcontenten {
	width: 50%;
	color: #7f7e7e;
	font-size: .14rem;
	line-height: 0.24rem;
	font-family: "Noto Sans SC";
	padding-left: 0.2rem;
	
}
.productcontenten img {
	max-width: 100%;
}


.productcontentencpzypzen {
	line-height: 0.36rem;
}

.productcontentbiaoge {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
}
.productcontentbiaoge img {
	max-width: 100%;
}

.videobox {
	width: 100%;
	background: url(../img/provideobg.jpg) #c00203 no-repeat center;
	padding-top: 0.8rem;
	padding-bottom: 0.88rem;
}
.videobox .innerproductico img {
	filter: grayscale(100%) brightness(1000%);
}
.videobox .innerproducttop {
	border-color: #fff;
}
.videobox .innerproductftitle {
	color: #fff;
}
.videobox .innerproducttitle {
	color: #fff;
}


.provideobox {
	width: 100%;
}
.provideoinner {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
}

.provideoinnerbox {
	width: 100%;
	background: #fff;
	padding-left: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	overflow: hidden;
	margin-top: 0.53rem;
	display: flex;
	align-items: center;
}
.provideoleft {
	width: calc(100% - 2.85rem);
	float: left;
	position: relative;
}
.provideoright {
	width: 2.85rem;
	float: right;
	padding-right: 0.8rem;
	display: flex;
	justify-content: flex-end;
}
.provideovideo {
	width: 100%;
}
.provideoarrow {
	width: 1.21rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	cursor: pointer;
}
.provideoarrow img {
	width: 100%;
}
.provideoright img {
	width: 0.34rem;
	float: right;
}

/* 产品解决方案详情结束 */


/* 媒体中心开始 */
.innernewsbox {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1.4rem;
}
.innernews {
	width: calc(100% / 12 * 9);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.innernews .informationbottomitem:nth-child(3n-2) {
	margin-left: 0;
}
.innernews .informationbottomitem {
	margin-top: 1.2rem;
}
.innernews .informationbottomitem:nth-child(1) {
	margin-top: 0;
}
.innernews .informationbottomitem:nth-child(2) {
	margin-top: 0;
}
.innernews .informationbottomitem:nth-child(3) {
	margin-top: 0;
}


/* 媒体中心结束 */


/* 翻页开始 */
.fanye {
	display: table;
	overflow: hidden;
	/* float: right; */
	margin-left: auto;
	margin-right: auto;
	
}
.pagination {
	margin-top: 1.3rem;
}
.fanye .fanyemg {
	width: 0.35rem;
	height: 0.35rem;
	border: 1px solid #bfbfbf;
	text-align: center;
	line-height: 0.35rem;
	margin-left: 0.05rem;
	margin-right: 0.05rem;
	float: left;
	font-family: "HELVETICANEUELTPROROMAN";
	color: #989898;
	font-size: .16rem;
}
.fanye .cur {
	width: 0.35rem;
	height: 0.35rem;
	border: 1px solid #bfbfbf;
	text-align: center;
	line-height: 0.35rem;
	margin-left: 0.05rem;
	margin-right: 0.05rem;
	float: left;
	font-family: "HELVETICANEUELTPROROMAN";
	color: #6d6d6d;
	font-size: .16rem;
	background: #c00203;
	border-color: #c00203;
	color: #fff;
}
.fanye .syy {
	font-family: "Noto Sans SC";
	color: #989898;
	font-size: .16rem;
	/* width: 0.35rem; */
	/* height: 0.35rem; */
	line-height: 0.35rem;
	float: left;
	margin-right: 0.15rem;
}

.fanye .xyy {
	font-family: "Noto Sans SC";
	color: #989898;
	font-size: .16rem;
	/* width: 0.35rem; */
	/* height: 0.35rem; */
	line-height: 0.35rem;
	float: left;
	margin-left: 0.15rem;
}




/* 翻页结束 */


/* 联系开始 */

.contacttopbox {
	width: 100%;
}
.contacttopinner {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.contacttopinner .productlefttoptitle {
	color: #cc0001;
}
.contacttopinner .productlefttop {
	border-color: #cc0001;
}
.contacttopinner .productleftbottomsubtitle {
	color: #303030;
}
.contactbottombox {
	width: 100%;
	background: #f5f5f7;
}
.contactbottominner {
	width: calc(100% / 12 * 9);
	margin-left: calc(100% / 12 * 2);
	padding-top: 0.82rem;
	padding-bottom: 1.45rem;
	overflow: hidden;
}
.contactcontentone {
	width: calc(100% / 9 * 4.5);
	display: flex;
	float: left;
}
.contactcontentoneleft {
	width: 100%;
	display: flex;
	align-items: center;
}
.contactcontentoneright {
	width: calc(100% / 9 * 5);
	display: flex;
	align-items: center;
	display: none;
}
.contactcontentoneleftico {
	width: 0.65rem;
}
.contactcontentoneleftico img {
	width: 100%;
}
.contactcontentonelefttext {
	width: calc(100% - 0.9rem);
	margin-left: .25rem;
}

.contactcontentonelefttexttitle {
	color: #787777;
	font-size: .16rem;
	font-family: "Noto Sans SC";
}
.contactcontentonelefttextcontent {
	color: #1a1a1a;
	font-size: .24rem;
	font-weight: bold;
	font-family: "Arial";
}

.contactcontentonerightico {
	width: 0.65rem;
}
.contactcontentonerightico img {
	width: 100%;
}
.contactcontentonerighttext {
	width: calc(100% - 0.9rem);
	margin-left: .25rem;
}
.contactcontentonerighttexttitle {
	color: #787777;
	font-size: .16rem;
	font-family: "Arial";
}
.contactcontentonerighttextcontent {
	color: #1a1a1a;
	font-size: .24rem;
	font-weight: bold;
	font-family: "Arial";
}
.contactcontenttwo {
	margin-top: 0.49rem;
	
}


.contactcontentthree .contactcontentonelefttextcontent {
	color: #1a1a1a;
	font-size: .18rem;
	font-family: "Noto Sans SC";
	font-weight: 500;
}
.contactcontentthree .contactcontentonerighttextcontent {
	color: #1a1a1a;
	font-size: .16rem;
	font-family: "Arial";
	font-weight: 500;
}

/* 联系结束 */


/* 新闻详情开始 */
.articlebox {
	width: 100%;
}
.articleinner {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.articletitle {
	color: #303030;
	font-size: .3rem;
	line-height: .45rem;
	text-align: center;
	font-family: "Noto Sans SC";
}
.articlecontent {
	width: 100%;
	font-family: "Noto Sans SC";
	color: #8d8d8d;
	font-size: .14rem;
	line-height: 0.36rem;
	margin-top: 0.5rem;
}
.articlecontent img {
	max-width: 100%;
}
.articlecontent video {
	max-width: 100%;
}





/* 新闻详情结束 */
.navzhezhao {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.navzhezhao img {
    width: 100%;
}

.bnjtbox {
    position: absolute;
    padding-left: .39rem;
    padding-right: .32rem;
    background: #c00203;
    height: .63rem;
    z-index: 5;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.bnjttext {
    font-family: "Arial";
    color: #ffffff;
    font-size: .18rem;
}
.bnjtico {
    width: .09rem;
    margin-left: .4rem;
    display: flex;
}
.bnjtico img {
    width: 100%;
}