:root {
  /* 命名建议语义化，比如 base-width 或 main-content-width */
  --main-content-width: 75.591%;
}


*{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;}
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: 'SEMIBOLD';
	src: local('SEMIBOLD'), url(../fonts/HELVETICA-BLACK-SEMIBOLD.woff) format('woff');
}
@font-face {
	font-family: 'HELVETICANEUELTPRO';
	src: local('HELVETICANEUELTPRO'), url(../fonts/HELVETICANEUELTPRO-MDEX.OTF) format('woff');
}


.homenavbox {
	width: 100%;
	background: #fff;
}
.homenav {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	height: 0.94rem;
	
}
.logo {
	float: left;
	width: 3.33rem;
	line-height: 0.94rem;
}
.logo img {
	width: 100%;
}
.navrigth {
	float: right;
}
.navbox {
	float: left;
}
.navitem {
	float: left;
	position: relative;
	margin-left: 0.1rem;
}
.navitem:first-child {
	margin-left: 0;
}
.navitem>a {
	color: #323232;
	font-size: .16rem;
	line-height: 0.94rem;
	display: block;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	position: relative;
}
.navitem>a:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: .02rem;
	background: #fe2929;
	width: 0;
}
.navitem:hover>a:after {
	/* width: 100%; */
}
.navitemxz>a:after {
	width: 100%;
}

.navtwobox {
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 2;
	transform: translateX(-50%);
	min-width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
	background: rgba(0, 0, 0, 0.5) !important;
}
.navitem:hover .navtwobox {
	opacity: 1;
	visibility: visible;
}
.navtwoitem {
	width: 100%;
	text-align: center;
	width: 1.54rem;
}
.navtwoitem a {
	display: block;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	line-height: 0.42rem;
	font-size: .14rem;
	color: #fff;
	opacity: 1;
	transition: .25s all;
	border-bottom: 1px solid #666;
	height: 0;
	overflow: hidden;

}
.navitem:hover .navtwoitem a {
	height: 0.42rem;
}
.navtwoitem a:hover {
	color: #e60000;
}


.ssbox {
	float: right;
	line-height: 0.94rem;
	margin-left: 0.3rem;
	position: relative;
	width: 0.23rem;
}
.ssico img {width: 100%;}
.search{ display: none; position: absolute; top:.94rem; right: 0; width: 300px; background-color: #FFF; z-index: 10;  box-sizing: border-box;  }
.search form{ display: flex; justify-content: center; align-items: center; height: 50px; border: 1px solid #eee;}
.search form input{ flex:1; padding-left: 10px; background-color: transparent; border:0; height: 100%; }
.search form button{ width: 50px; height: 100%; background-color: transparent; border:0;line-height: 48px; }
input{ outline: none; }



.homebanner .swiper-pagination-bullet {
	height: 0.14rem;
	width: 0.14rem;
	background: #fff;
}
.homebanner .swiper-pagination-bullet-active {
	background: #fff;
}
.homebanner img {
	width: 100%;
}






.hometopbox {
	width: 100%;
}
.hometop {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
}

.topnews {
	width: 100%;
	overflow: hidden;
	margin-top: 0.5rem;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #efefef;
}
.topnewsleft {
	width: 1.27rem;
	height: 1.27rem;
	background: #efefef;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.topnewsleftcn {
	font-family: 'Noto Serif SC';
	color: #d90a08;
	font-size: .3rem;
	font-weight: bold;
	line-height: 0.4rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.topnewsleften {
	color: #a3a3a3;
	font-size: .12rem;
	text-align: center;
	line-height: 1;
	margin-top: 0.1rem;
}


.topnewsright {
	width: calc(100% - 1.7rem);
	float: right;
	height: 1.27rem;
}
.topnewsright a {
	display: flex;
	width: 100%;
	height: 100%;
	padding-right: 0.4rem;
	flex-direction: column;
	justify-content: space-between;
}

.topnewsrighttitle {
	color: #d90a08;
	font-size: .22rem;
	font-weight: bold;
	line-height: 0.38rem;
	height: 0.38rem;
	width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.topnewsrightdesc {
	color: #7e7e7e;
	font-size: .16rem;
	line-height: 0.36rem;
	height: 0.72rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}



.hometwobox {
	width: 100%;
	padding-top: 0.4rem;
	overflow: hidden;
}
.homenewsitembox {
	width: 100%;
	width: calc(50% - .35rem);
	float: left;
}
.homenewsitemtopbox {
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-right: 0.08rem;
	padding-bottom: 0.2rem;
	position: relative;
}
.homenewsitemtopbox:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background: #d90a08;
	width: 1.55rem;
}
.homenewsitemtopbox::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 2px;
	background: #e1e1e1;
	width: calc(100% - 1.67rem);
}
.homenewsitemtopleft {
	display: flex;
	align-items: flex-end;
}
.homenewsitemtopleftcn {
	font-family: 'Noto Serif SC';
	color: #d90a08;
	font-size: .24rem;
	line-height: 1;
	font-weight: bold;
}
.homenewsitemtopleften {
	color: #a7a7a7;
	font-size: .14rem;
	font-family: "Arial";
	line-height: 1;
	margin-left: 0.2rem;
	text-transform: uppercase;
}
.homenewsitemtoprightmore {
}
.homenewsitemtoprightmore a {
	color: #4f4f4f;
	font-size: .16rem;
	line-height: 1;
}
.homenewsitembottom {
	width: 100%;
	margin-top: 0.19rem;
}
.homenewsitembottomitem {
	width: 100%;
	overflow: hidden;
}
.homenewsitembottomitemtitle {
	float: left;
	color: #515151;
	font-size: .16rem;
	line-height: 0.48rem;
	width: calc(100% - 1.65rem);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: .25s all;
}
.homenewsitembottomitemtime {
	float: right;
	color: #d90a08;
	font-size: .16rem;
	font-family: "Arial";
	line-height: 0.48rem;
	width: 1.65rem;
	text-align: right;
	padding-right: 0.1rem;
}
.homenewsitembottomitem:hover .homenewsitembottomitemtitle {
	color: #d90a08;
	margin-top: -5px;
}
.hometworight {
	width: calc(50% - .2rem);
	float: right;
	border-radius: .2rem;
	overflow: hidden;
}
.hometworight img {
	width: 100%;
}
.hometworight .swiper-pagination-bullet {
	height: 0.1rem;
	width: 0.1rem;
	background: #fff;
}
.hometworight .swiper-pagination-bullet-active {
	background: #fff;
}

.zhxwxt {
	width: 100%;
	border-radius: .2rem;
	overflow: hidden;
	margin-top: 0.48rem;
}
.zhxwxt img {
	width: 100%;
}


.ggbox {
	width: 100%;
	margin-top: 0.52rem;
	padding-bottom: 0.38rem;
	overflow: hidden;
}
.ggbox .homenewsitembox:nth-child(2) {
	float: right;
}

.homecasebox {
	width: 100%;
	background: #f6f6f6;
	padding-bottom: 0.6rem;
}
.homecasetop {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.45rem;
}

.homecasetop .homenewsitemtopleftcn {
	color: #000000;
}
.homecasetop .homenewsitemtoprightmore a {
	color: #0b5e9d;
}

.homecasetop .homenewsitemtopbox:after {
	display: none;
}
.homecasetop .homenewsitemtopbox::before {
	display: none;
}

.homecasecontentbox {
	width: 100%;
	margin-top: 0.12rem;
	position: relative;
}
.homecasecontent {
	width: 40.945%;
	margin-left: auto;
	margin-right: auto;
}
.homecaseitem {
	width: 100%;
	border-radius: .2rem;
	overflow: hidden;
	position: relative;
}
.homecaseitempic {
	width: 100%;
}

.homecaseitempic img {
	width: 100%;
}
.casezz {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	transition: .25s all;
}
.casezz img {
	width: 100%;
}
.homecaseitemtitle {
	position: absolute;	
	font-size: .24rem;
	color: #ffffff;
	bottom: .36rem;
	left: .45rem;
	height: 0.35rem;
	line-height: 0.35rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width: calc(100% - 2.3rem);
	opacity: 0;
	transition: .25s all;
}
.caserightbottom {
	width: 1.2rem;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: .25s all;
}
.caserightbottom img {
	width: 100%;
}
.homecasecontent .swiper-slide-active .homecaseitem:hover .casezz {
	opacity: 1;
}
.homecasecontent .swiper-slide-active .homecaseitem:hover .homecaseitemtitle {
	opacity: 1;
}
.homecasecontent .swiper-slide-active .homecaseitem:hover .caserightbottom {
	opacity: 1;
}
.homecasecontent .swiper {
	overflow: inherit;
}
.caseleftzz {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 10;
}
.caseleftzz img {
	height: 100%;
}


.caserightzz {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 10;
}
.caserightzz img {
	height: 100%;
}

.caseleftarrow {
	width: 0.24rem;
	position: absolute;
	top: 50%;
	left: .73rem;
	transform: translateY(-50%);
	z-index: 11;
	cursor: pointer;
}
.caseleftarrow img {
	width: 100%;
	transition: .25s all;
}
.caseleftarrow:hover img {
	filter: grayscale(100%) brightness(300%);
}


.caserightarrow {
	width: 0.24rem;
	position: absolute;
	top: 50%;
	right: .73rem;
	transform: translateY(-50%);
	z-index: 11;
	cursor: pointer;
}
.caserightarrow img {
	width: 100%;
	transform: rotate(180deg);
	transition: .25s all;
}
.caserightarrow:hover img {
	filter: grayscale(100%) brightness(300%);
}


.homebottombox {
	width: 100%;
}
.homebottom {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
}
.homebottomtop {
	width: 100%;
	overflow: hidden;
	margin-top: 0.63rem;
}
.homedjgz {
	width: calc(50% - .2rem);
	float: left;
	border-radius: .2rem;
	overflow: hidden;
	position: relative;
}
.homedjgzpic {
	width: 100%;
}
.homedjgzpic img {
	width: 100%;
}
.homedzhztitlebox {
	position: absolute;
	top: 12.1%;
	left: 21.1%;
}
.homedjgztitle {
	font-family: 'Noto Serif SC';
	color: #ffe49a;
	font-size: .24rem;
	line-height: 1;
}
.homedjgzsubtitle {
	color: #ffe49a;
	font-size: .14rem;
	font-family: "Arial";
	line-height: 1;
	text-transform: uppercase;
	margin-top: 0.1rem;
}
.homebottomtop .homenewsitembox {
	float: right;
	margin-top: 0.15rem;
}




.homebottombottombox {
	width: 100%;
	margin-top: 0.6rem;
	padding-bottom: 0.73rem;
}


.homebottomboxitem {
	width: calc((100% - .84rem) / 4);
	float: left;
	position: relative;
	border-radius: .2rem;
	margin-left: 0.28rem;
	box-shadow: -14.14px 14.14px 20px rgba(0, 91, 171, 0.02);
}
.homebottomboxitem:first-child {
	margin-left: 0;
}
.homebottomboxitembg {
	width: 100%;
}
.homebottomboxitembg img {
	width: 100%;
}

.homebottomboxitemico {
	width: 0.52rem;
	left: 50%;
	top: 25%;
	transform: translate(-50%, 0%);
	position: absolute;
}
.homebottomboxitemico img {
	width: 100%;
}

.homebottomboxitemsubtitle {
	text-align: center;
	color: #a6a6a6;
	font-size: .16rem;
	text-transform: uppercase;
	font-family: "Arial";
	position: absolute;
	left: 0;
	width: 100%;
	top: 58.3%;
}
.homebottomboxitemtitle {
	text-align: center;
	color: #4a4a4a;
	font-size: .2rem;
	position: absolute;
	left: 0;
	width: 100%;
	top: 71%;
	font-family: 'Noto Serif SC';
	font-weight: bold;
}





.footerbox {
	width: 100%;
	background: #e6e6e6;
}
.footer {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
}
.footerleft {
	float: left;
}
.flogo {
	width: 3.05rem;
}
.flogo img {
	width: 100%;
}
.footercontact {
	color: #3f3f3f;
	font-size: .16rem;
	line-height: 0.4rem;
	margin-top: 0.32rem;
}
.footerright {
	float: right;
}
.footernavbox {
	overflow: hidden;
	margin-top: 0.08rem;
}
.footernavitem {
	color: #4f4f4f;
	font-size: .16rem;
	float: left;
	line-height: 1;
	margin-left: 0.55rem;
}
.footernavitem a {
	color: #4f4f4f;
}
.footernavitem:first-child {
	margin-left: 0;
}
.footerrightbottom {
	margin-top: 0.54rem;
}
.footerewmbox {
	float: left;
	display: flex;
	align-items: flex-end;
}
.footerewm {
	width: 1.17rem;
}
.footerewm img {
	width: 100%;
}
.footerewmright {
	color: #7b7b7b;
	font-size: .14rem;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	margin-left: .15rem;
}
.footerewmarrow {
	width: .1rem;
	height: .12rem;
	display: flex;
	margin-bottom: .08rem;
}
.footerewmarrow img {
	width: 100%;
}
.footerewmtitle {
	writing-mode: vertical-rl;
}


.footercopy {
	color: #9d9d9d;
	font-size: .16rem;
	line-height: 0.4rem;
	text-align: right;
	padding-top: 0.42rem;
}
.footercopy a {
	color: #9d9d9d;
}



@media screen and (max-width : 1600px) {
.navitem>a {
	padding-left: 0.15rem;
	padding-right: 0.15rem;
}




}
@media screen and (max-width : 1300px) {
.navitem>a {
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}
.homenewsitembottomitemtitle,.homenewsitembottomitemtime {
	line-height: 0.4rem;
}
.homenewsitembottomitem:hover .homenewsitembottomitemtitle {
    color: #d90a08;
    margin-top: -3px;
}
.footernavitem {
    margin-left: 0.35rem;
}


}


.innernavbox {
	width: 100%;
	background: #f2f2f2;
}
.innernav {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
}
.innernav .navitem {
	margin-left: 0.85rem;
}
.innernav .navitem:first-child {
	margin-left: 0;
}
.innernav .navitem>a{
	color: #4f4f4f;
	padding-left: 0;
	padding-right: 0;
}
.innernav .navitemxz>a {
	color: #e90000;
	font-weight: bold;
}
.innernav .navitemxz>a {
	color: #e90000;
}


.innernav .navtwoitem {
	width: auto;
}
.innernav .navtwoitem a {
	white-space:nowrap;
	display: block;
	padding-left: 0.35rem;
	padding-right: 0.35rem;
	line-height: 0.50rem;
	font-size: .16rem;
	color: #fff;
	opacity: 1;
	transition: .25s all;
	border-bottom: 1px solid #666;
	height: 0;
	overflow: hidden;
}
.innernav .navitem:hover>a {
	color: #e90000;
	font-weight: bold;
}
.innernav .navitem:hover>a:after {
    width: 100%;
}
.innernav .navitem:hover .navtwoitem a {
	height: 0.5rem;
}
.navtwoitem a {
	transition: .25s all;
}
.innernav .navtwoitem:hover a {
	color: #e90000;
}
.innernav .navtwobox {
    background: rgba(0, 0, 0, 0.77) !important;
}


.inneraboutbox {
	width: 100%;
	background: url(../img/aboutbg.jpg) no-repeat center center;
	background-size: cover;
}
.innerabout {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 0.61rem;
	padding-bottom: 1rem;
}
.innerabouttitle {
	color: #282828;
	font-size: .32rem;
	font-weight: bold;
	line-height: 1;
}

.inneraboutcontent {
	width: 100%;
	margin-top: 0.62rem;
}
.inneraboutleft {
	width: 46.389%;
	float: left;
}
.inneraboutleft img {
	width: 100%;
}

.inneraboutright {
	float: right;
	width: calc(100% - 46.389%);
	padding-left: 0.65rem;
	padding-right: 0.65rem;
	padding-top: 0.29rem;
}
.inneraboutrighttop {
	color: #282828;
	font-size: .22rem;
	line-height: 1;
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 0.36rem;
	display: inline-block;
	padding-right: 1.5rem;
}
.inneraboutrighttop span {
	color: #e90000;
	font-size: .54rem;
	line-height: .4;
	font-weight: bold;
	font-family: "SEMIBOLD";
}
.inneraboutrighttitle {
	color: #303030;
	font-size: .32rem;
	font-weight: bold;
	line-height: 1;
}
.inneraboutrightdesc {
	color: #6f6f6f;
	font-size: .16rem;
	line-height: 0.34rem;
}
.inneraboutrighttitle {
	margin-top: 0.4rem;
}
.inneraboutrightdesc {
	margin-top: 0.42rem;
}

.inneraboutcenterbox {
	width: 100%;
}
.inneraboutcenter {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-bottom: 1.1rem;
}
.inneraboutcentertop {
	width: 100%;
	padding-top: 0.9rem;
	overflow: hidden;
}
.inneraboutcentertopitem {
	float: left;
	margin-left: 2.25rem;
}
.inneraboutcentertopitem:first-child {
	margin-left: 0;
}
.inneraboutcentertopitemtop {
	position: relative;
	display: inline-block;
}
.inneraboutcentertopitemtopsum {
	font-family: "SEMIBOLD";
	color: #e90000;
	font-size: .54rem;
	line-height: 1;
}
.inneraboutcentertopitemtopright {
	color: #e90000;
	font-size: .16rem;
	line-height: 1;
	position: absolute;
	top: .07rem;
	right: -0.28rem;
}
.inneraboutcentertopbottom {
	color: #848484;
	font-size: .16rem;
	line-height: 1;
	margin-top: 0.07rem;
}


.inneraboutcentercontent {
	width: 100%;
	font-size: .16rem;
	line-height: 0.34rem;
	color: #303030;
	margin-top: 0.74rem;
}
.inneraboutcentercontent img {
	max-width: 100%;
}


.fzlcbox {
	width: 100%;
	background: url(../img/fzlcbg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 1rem;
	padding-bottom: 1.3rem;
}
.fzlctitle {
	text-align: center;
	line-height: 1;
	color: #303030;
	font-size: .32rem;
	font-weight: bold;
}

.fzlchx {
	width: 0.42rem;
	height: 0.03rem;
	background: #e90000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2rem;
}
.fzlccontent {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
	position: relative;
}
.fzlccontent .swiper-slide {
	border-radius: .16rem;
	overflow: hidden;
	background: rgba(255, 255, 255, .5);
	height: 3.21rem;
}
.fzlccontent .swiper-slide .fzlcitem {
	width: 100%;
	height: 100%;
	padding-left: 0.34rem;
	padding-right: 0.34rem;
	padding-top: 0.42rem;
}
.fzlcitemtitle {
	text-align: center;
	line-height: 1;
	color: #e90000;
	font-size: .36rem;
	font-family: "SEMIBOLD";
}
.fzlcitemdesc {
	color: #3a3a3a;
	font-size: .16rem;
	line-height: 0.34rem;
	margin-top: 0.16rem;
	text-align: justify;
}

.fzlcleftarrow {
	background: rgba(85, 85, 85, .8);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.34rem;
	height: 0.85rem;
	border-top-right-radius: .08rem;
	border-bottom-right-radius: .08rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9;
	cursor: pointer;
	transition: .25s all;
}
.fzlcleftarrow img {
	width: 0.11rem;
	transform-origin: center;
	transform: rotate(180deg);
}
.fzlcleftarrow:hover {
	background: rgba(0, 0, 0, 1);
}


.fzlcrightarrow {
	background: rgba(85, 85, 85, .8);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.34rem;
	height: 0.85rem;
	border-top-left-radius: .08rem;
	border-bottom-left-radius: .08rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 9;
	cursor: pointer;
	transition: .25s all;
}
.fzlcrightarrow img {
	width: 0.11rem;
}
.fzlcrightarrow:hover {
	background: rgba(0, 0, 0, 1);
}




.zzjgbox {
	width: 100%;
}
.zzjg {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.85rem;
	padding-bottom: 2rem;
}
.zzjgcontent {
	width: 100%;
	font-size: .16rem;
	line-height: 0.34rem;
	color: #303030;
	margin-top: 0.91rem;
}
.zzjgcontent img {
	max-width: 100%;
}




.zzrytopbox {
	background: url(../img/zzrybg.jpg) no-repeat center center;
	background-size: cover;
}
.zzrytop {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.08rem;
	padding-bottom: 1.15rem;
}
.zzrytopitem {
	display: flex;
	margin-top: 0.44rem;
}
.zzrytopitem:first-child {
	margin-top: 0;
}
.zzrytopitemtitle {
	font-family: "HELVETICANEUELTPRO";
	color: #353535;
	font-size: .24rem;
	width: 2.1rem;
	padding-left: 0.1rem;
}
.zzrytopitemdesc {
	color: #4d4d4d;
	font-size: .2rem;
}



.zzrybottombox {
	width: 100%;
}
.zzrybottom {
	width:var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.35rem;
	padding-bottom: 1.2rem;
}

.zzrybottomtop {
	width: 100%;
}
.zzrybottomtopitem {
	width: calc((100% - 1.26rem) / 3);
	float: left;
	margin-left: 0.63rem;
}
.zzrybottomtopitem:nth-child(3n-2) {
	margin-left: 0;
}
.zzrybottomtopitempic {
	width: 100%;
	background: #98513b;
	padding: .13rem;
}
.zzrybottomtopitempic img {
	width: 100%;
}
.zzrybottomtopitemtitle {
	text-align: center;
	color: #3a3a3a;
	font-size: .18rem;
	line-height: 0.34rem;
	margin-top: 0.17rem;
	height: 0.68rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.zzrybottombottom {
	width: 100%;
}
.zzrybottombottomitem {
	width: calc((100% - 2.19rem) / 4);
	float: left;
	margin-left: 0.73rem;
	margin-top: 0.5rem;
}
.zzrybottombottomitem:nth-child(4n-3) {
	margin-left: 0;
}
.zzrybottombottomitempic {
	width: 100%;
	background: #98513b;
	padding: .13rem;
}
.zzrybottombottomitempic img {
	width: 100%;
}
.zzrybottombottomitemtitle {
	text-align: center;
	color: #3a3a3a;
	font-size: .18rem;
	line-height: 0.34rem;
	margin-top: 0.17rem;
	height: 0.68rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}



.gzhjbox {
	width: 100%;
}
.gzhj {
	width:var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: .7rem;
	padding-bottom: 1.25rem;
}
.gzhjbottombox {
	width: 100%;
	margin-top: 0.72rem;
	overflow: hidden;
}
.gzhjitem {
	width: calc((100% - .6rem) / 2);
	margin-left: 0.6rem;
	float: left;
	margin-top: 0.75rem;
}
.gzhjitem:nth-child(1) {
	margin-top: 0;
}
.gzhjitem:nth-child(2) {
	margin-top: 0;
}
.gzhjitem:nth-child(2n-1) {
	margin-left: 0;
}
.gzhjitempic {
	width: 100%;
	overflow: hidden;
}
.gzhjitempic img {
	width: 100%;
	transition: .25s all;
}
.gzhjitemtitle {
	color: #000000;
	font-size: .16rem;
	line-height: 0.75rem;
	height: 0.75rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.gzhjitem:hover .gzhjitempic img {
	transform: scale(1.1);
}



/* 产品展示结束 */

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


/* 案例开始 */

.qyyjitem {
	width: 100%;
}
.qyyjitem a {
	display: flex;
	border-bottom: 1px dashed #9f9f9f;
	overflow: hidden;
	padding-top: 0.34rem;
	padding-bottom: 0.4rem;
	justify-content: space-between;
	align-items: center;
}
.qyyjitem:first-child a {
	border-top: 1px dashed #9f9f9f;
}
.qyyjitemleft {
	width: calc(100% - 3.5rem);
	float: left;
}
.qyyjitemright {
	width: 1.56rem;
	float: right;
	font-family: "HELVETICANEUELTPRO";
	color: #c2c2c2;
	font-size: .2rem;
	line-height: 1;
	text-align: right;
	padding-right: 0.25rem;
	transition: .25s all;
	font-weight: bold;
}
.qyyjitemlefttitle {
	color: #444444;
	font-size: .18rem;
	font-weight: bold;
	line-height: 0.34rem;
	height: 0.34rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: .25s all;
}
.qyyjitemleftdesc {
	color: #898989;
	font-size: .16rem;
	line-height: 0.32rem;
	height: 0.64rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top: 0.22rem;
}
.qyyjitem:hover .qyyjitemright {
	color: #db0202;
}



.caseitem {
	float: left;
	width: calc((100% - .68rem) / 2);
	margin-left: 0.68rem;
	position: relative;
	margin-top: 1.14rem;
}
.caseitem:nth-child(1) {
	margin-top: 0;
}
.caseitem:nth-child(2) {
	margin-top: 0;
}
.caseitem:nth-child(2n-1) {
	margin-left: 0;
}
.caseitempic {
	width: 100%;
}
.caseitempic img {
	width: 100%;
}
.caseitemzz {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	transition: .25s all;
}
.caseitemzz img {
	width: 100%;
}
.caseitemtitlebox {
	position: absolute;
	padding-left: 0.4rem;
	padding-right: 0.34rem;
	left: 0;
	bottom: 0.38rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	opacity: 0;
	transition: .25s all;
}
.caseitemtitle {
	color: #ffffff;
	font-size: .22rem;
	line-height: 0.25rem;
	height: 0.25rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width: calc(100% - .8rem);
}
.caseitemarrow {
	width: 0.21rem;
}
.caseitemarrow img {
	width: 100%;
}
.caseitem:hover .caseitemzz {
	opacity: 1;
}
.caseitem:hover .caseitemtitlebox {
	opacity: 1;
}



.contactbox {
	width: 100%;
	height: 6rem;
}
.contact {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	/*padding-top: 1.04rem;*/
	/*padding-bottom: 1.62rem;*/
}
.contacttitle {
	color: #303030;
	font-size: .28rem;
	font-weight: bold;
	line-height: 1;
}
.contactcontent {
	margin-top: 0.62rem;
}
.contactitem {
	display: flex;
	align-items: center;
	margin-top: .4rem;
}
.contactitem:first-child {
	margin-top: 0;
}
.contactitemico {
	width: 0.56rem;
	display: flex;
}
.contactitemico img {
	width: 100%;
}
.contactitemtext {
	color: #3f3f3f;
	font-size: .16rem;
	line-height: 0.56rem;
	margin-left: 0.25rem;
}
.contactitemtext span {
	font-family: "HELVETICANEUELTPRO";
	color: #3f3f3f;
	font-size: .22rem;
}
.contactitem:first-child .contactitemtext {
	line-height: 0.54rem;
}





.zxlybox {
	width: 100%;
}
.zxly {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: .92rem;
	padding-bottom: 1.66rem;
}

.cuestbottom {
	width: 100%;
	margin-top: 0.32rem;
}
.cuestbottomtop {
	width: 100%;
	overflow: hidden;
}
.cuestbottomtopitem {
	width: calc((100% - .9rem) / 3);
	margin-left: 0.45rem;
	height: 0.78rem;
	background: #f7f7f7;
	float: left;
}
.cuestbottomtopitem input {
	border: none;
	background: #f7f7f7;
	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;
	background: #fff;
	margin-top: 0.45rem;
}
.cuestbottomcenter textarea {
	border: none;
	background: #f7f7f7;
	padding-left: 0.2rem;
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.76rem;
	width: 100%;
	max-height: 100%;
}
.cuestbottomcenter textarea::placeholder {
	color: #6b6b6b;
	font-size: .16rem;
	line-height: 0.76rem;
}
textarea{ outline: none; }
.cuestbottombottom {
	margin-top: 0.45rem;
	overflow: hidden;
}
.cuestbottombottomleft {
	float: left;
}
.cuestbottombottomleftcaptcha {
	float: left;
	width: 2.8rem;
	height: 0.78rem;
	background: #fff;
}
.cuestbottombottomleftcaptcha input {
	border: none;
	background: #f7f7f7;
	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.78rem;
	background: #fb0000;
}
.cuestbottombottomright a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0.78rem;
	color: #ffffff;
	font-size: .18rem;
	text-align: center;
}



.newsbottombox {
	width: 100%;
	margin-top: 0.72rem;
}

.newsbottombox .qyyjitem {
	padding-left: 0.05rem;
	padding-right: 0.5rem;
	margin-top: 0.64rem;
}
.newsbottombox .qyyjitem:first-child {
	margin-top: 0;
}
.newsbottombox .qyyjitem a {
	border: none;
	box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.03); 
	position: relative;
}
.newsbottombox .qyyjitem a:after {
	height: 100%;
	width: 0;
	background: #db0202;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	transition: .25s all;
}
.newsbottombox .qyyjitemleft {
	margin-left: 0.4rem;
}
.newsbottombox .qyyjitemright {
	margin-right: 0.25rem;
}
.newsbottombox .qyyjitem:hover .qyyjitemlefttitle {
	color: #db0202;
}
.newsbottombox .qyyjitem:hover a:after {
	width: 0.04rem;
}







.yqljbox {
	width: 100%;
}
.yqlj {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: .7rem;
	padding-bottom: 1.93rem;
}
.yqljitem {
	color: #000000;
	font-size: .16rem;
	line-height: 0.64rem;
	float: left;
	margin-right: 0.25rem;
}
.yqljitem a {
	color: #000000;
	font-size: .16rem;
	line-height: 0.64rem;
}
.yqljitem span {
	color: #ffc8c8;
}




.innerartcontentbox {
	width: 100%;
}
.innerartcontent {
	width: var(--main-content-width);
	margin-left: auto;
	margin-right: auto;
	padding-top: .7rem;
	padding-bottom: 1rem;
}
.innerarttitle {
	text-align: center;
	line-height: .35rem;
	color: #303030;
	font-size: .26rem;
	font-weight: bold;
}
.innerartcontent .inneraboutcentercontent {
	margin-top: 0.4rem;
}




.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;

}



.contactleft {
    width: 50%;
    float: left;
    padding-top: 1.04rem;
}
.contactright {
    width: 50%;
    float: right;
}