*{margin:0;padding:0;}
body{overflow-x:hidden;margin:auto;font-size:12px;width:100vw;}
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: 'AKZIDENZGROTESKLIGHTEXTENDED';
	src: local('AKZIDENZGROTESKLIGHTEXTENDED'), url(../fonts/AKZIDENZGROTESKLIGHTEXTENDED.OTF) format('woff');
}
@font-face {
	font-family: 'AVA';
	src: local('AVA'), url(../fonts/AVA.woff) format('woff');
}
@font-face {
	font-family: 'AVGARDD';
	src: local('AVGARDD'), url(../fonts/AVGARDD.TTF) format('woff');
}
@font-face {
	font-family: 'HELVETICANEUELTPROMDEX';
	src: local('HELVETICANEUELTPROMDEX'), url(../fonts/HELVETICANEUELTPRO-MDEX.OTF) format('woff');
}
@font-face {
	font-family: 'HELVETICANEUELTPROROMAN';
	src: local('HELVETICANEUELTPROROMAN'), url(../fonts/HELVETICANEUELTPROROMAN.WOFF.TTF) format('woff');
}
.pageone {
	width: 100%;
	overflow: hidden;
}
.banner {
	width: 100%;
}
.banner .swiper-slide img {
	width: 100%;
	height: 100vh;
}
.banner .swiper-pagination {
	width: auto;
	display: inline-block;
	color: #fff;
	font-family: "AVA";
	color: #ffffff;
	font-size: .24rem;
	line-height: 1;
	bottom: 0.9rem;
	left: calc(100% / 12 * 2 - .1rem);
}
.banner .swiper-pagination .swiper-pagination-current {
	font-size: .48rem;
	line-height: 1;
	margin-right: 0.15rem;
}
.banner .swiper-pagination .swiper-pagination-total {
	margin-left: 0.2rem;
}



.navleft {
	position: absolute;
	left: 0;
	top: 0;
	width: 1rem;
	border-right: 1px solid rgba(255, 255, 255, .8);
	z-index: 5;
	height: 100%;
	cursor: pointer;
}
.menu {
	writing-mode: vertical-rl;
	color: #ffffff;
	font-size: .16rem;
	line-height: 1rem;
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	position: absolute;
	left: 0;
	top: 23.68%;
}
.menusolid {
	position: absolute;
	height: 0.3rem;
	width: 0.02rem;
	background: #fff;
	left: 0.58rem;
	top: 42.94%;
}
.menusolid:after,
.menusolid::before {
	content: "";
	position: absolute;
	width: 0.02rem;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
}
.menusolid:after {
	transform: translateX(-0.10rem);
}
.menusolid::before {
	transform: translateX(0.10rem);
}

.searchan {
	width: 0.48rem;
	position: absolute;
	bottom: 11.36%;
	left: 0.3rem;
	z-index: 7;
}
.searchan img {
	width: 100%;
}




/* 第二页开始 */

.pagetwo .menu {
	color: #464545;
}

.pagetwo .menusolid {
	background: #464545;
}
.pagetwo .menusolid:after,
.pagetwo .menusolid::before {
	background: #464545;
}
.pagetwo .navleft {
	border-color: rgba(206, 204, 204, .8);
}

.homeaboutbox {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	display: flex;
  align-items: flex-end;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.homeaboutleft {
	width: 60%;
	position: relative;
	float: left;
}
.homeaboutleftpic {
	width: 100%;
}
.homeaboutleftpic img {
	width: 100%;
}
.homeaboutleften {
	position: absolute;
	width: 2.57rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	animation: rotateInfinite 10s linear infinite;
}
@keyframes rotateInfinite {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.homeaboutleften img {
	width: 100%;
}
.homeaboutleftjia {
	font-family: "AVA";
	font-weight: bold;
	color: #ffffff;
	font-size: .36rem;
	line-height: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.homeaboutright {
	width: 40%;
	float: right;
}
.homeaboutrightlogo {
	width: calc(100% / 4 * 3 + .5rem);
	margin-left: auto;
	margin-right: 0;
}
.homeaboutrightlogo img {
	width: 100%;
}
.homeaboutrighttext {
	text-align: right;
	font-family: "Noto Sans SC";
	color: #959595;
	font-size: .18rem;
	line-height: 0.3rem;
	margin-top: 10%;
}
.homeaboutrightvideobox {
	width: calc(100% / 4 * 3);
	position: relative;
	margin-top: 7%;
	margin-left: auto;
	margin-right: 0;
}
.homeaboutrightvideopic {
	width: 100%;
}
.homeaboutrightvideopic img {
	width: 100%;
}
.homeaboutrightvideoarrow {
	width: 0.65rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.homeaboutrightvideoarrow img {
	width: 100%;
}
.homeaboutrightbottomlogo {
	width: calc(100% / 4 * 3 - .9rem);
	margin-top: 9%;
	margin-left: auto;
	margin-right: 0;
}
.homeaboutrightbottomlogo img {
	width: 100%;
}


/* 第二页结束 */

/* 第三页开始 */
.pagethreeinner {
	width: 100%;
	position: relative;
}
.pagethreeinner .swiper-slide img {
	width: 100%;
	height: 100vh;
}
.pagethreetopbox {
	position: absolute;
	left: 50%;
	top: 19%;
	transform: translateX(-50%)!important;
	z-index: 5;
}
.pagethreesubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #ffffff;
	line-height: 1;
	font-size: .6rem;
	text-align: center;
}
.pagethreetitle {
	font-family: "Noto Sans SC";
	font-weight: 500;
	color: #ffffff;
	font-size: .36rem;
	line-height: 1;
	text-align: center;
	margin-top: 3%;
}
.pagethreedesc {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .18rem;
	font-weight: 200;
	text-align: center;
	letter-spacing: .2rem;
	text-indent: .2rem;
	margin-top: 13%;
}

.pagethreeico {
  width: 0.6rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14%;
  position: relative;
}

.pagethreeico img {
  width: 100%;
}

.pagethreeico::before,
.pagethreeico::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(251, 143, 3, 0.6);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1); /* 固定位置 + 初始缩放 */
  border-radius: 50%;
  z-index: -1;
  animation: ripple 2s ease-out infinite;
  transform-origin: center center; /* 加上这一句更保险 */
}

.pagethreeico::after {
  animation-delay: 1s;
}

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5); /* 只 scale，不动位置 */
    opacity: 0;
  }
}



.pagethreeinner .swiper-pagination {
	bottom: .64rem;
}
.pagethreeinner .swiper-pagination-bullet {
	width: 0.32rem;
	height: 2px;
	background: #f8f8f8!important;
	margin-left: 0.05rem!important;
	margin-right: 0.05rem!important;
	opacity: 1!important;
	border-radius: 0;
}



/* 第三页结束 */

/* 第四页开始 */
.pagefour .menu {
	color: #464545;
}

.pagefour .menusolid {
	background: #464545;
}
.pagefour .menusolid:after,
.pagefour .menusolid::before {
	background: #464545;
}
.pagefour .navleft {
	border-color: rgba(206, 204, 204, .8);
}

.pagefourinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 5.45%;
}
.pagefoursubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #464545;
	font-size: .6rem;
	line-height: 1;
	text-align: center;
}
.pagefourtitle {
	color: #464545;
	font-size: .36rem;
	line-height: 1;
	text-align: center;
	font-weight: 500;
	font-family: "Noto Sans SC";
	margin-top: 1.1%;
}
.pagefourbottombox {
	width: 100%;
	overflow: hidden;
	margin-top: 4.8%;
}
.pagefourbottomitem {
	width: calc((100% - .1rem) / 3);
	float: left;
	margin-left: 0.05rem;
}
.pagefourbottomitem:first-child {
	margin-left: 0;
}
.pagefourbottomitempic {
	width: 100%;
	overflow: hidden;
}
.pagefourbottomitempic img {
	width: 100%;
	transition: .3s all;
}
.pagefourbottomitem:hover .pagefourbottomitempic img {
    transform: scale(1.13);
}
.pagefourbottomitembottom {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #d8d6d6;
	transition: transform 0.5s ease;
}

.pagefourbottomitembottomnohover {
	width: 100%;
	overflow: hidden;
	height: 0.65rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0.43rem;
	padding-right: 0.38rem;
	transition: transform 0.5s ease;
}

.pagefourbottomitembottomnohoverleft {
	font-family: "Noto Sans SC";
	color: #464545;
	font-size: .14rem;
}

.pagefourbottomitembottomnohoverright {
	color: #464545;
	font-size: .14rem;
	font-family: "Arial";
}

.pagefourbottomitembottomhover {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 0.65rem;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0.45rem;
	padding-right: 0.45rem;
	background: #fff;
	transition: transform 0.5s ease;
	transform: translateY(0);
}

.pagefourbottomitembottomhoverleft {
	font-family: "Noto Sans SC";
	color: #181818;
	font-size: .14rem;
	font-weight: bold;
}

.pagefourbottomitembottomhoverright {
	color: #1c68d3;
	font-size: .14rem;
	font-family: "Arial";
	font-weight: bold;
}

/* 鼠标悬停动画效果 */
.pagefourbottomitem:hover .pagefourbottomitembottom {
	border-bottom: 1px solid #1c68d3;
}
.pagefourbottomitem:hover .pagefourbottomitembottomnohover {
	transform: translateY(-100%);
}

.pagefourbottomitem:hover .pagefourbottomitembottomhover {
	transform: translateY(-100%);
}



/* 第四页结束 */

/* 第五页开始 */
.pagefive {
	width: 100%;
}
.pagefiveinner {
	width: 100%;
}
.pagefiveleft {
	width: 50%;
	float: left;
	height: 100%;
}
.pagefiveleft img {
	width: 100%;
	height: 100vh;
}
.pagefiveright {
	width: 50%;
	float: right;
	height: 100vh;
	background: #f8f8f8;
	position: relative;
}
.pagefiverighttitlebox {
	width: 100%;
	text-align: center;
	padding-top: 10.7%;
}
.pagefiverightsubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #464545;
	font-size: .6rem;
	line-height: 1;
	text-align: center;
}
.pagefiverighttitle {
	color: #464545;
	font-size: .36rem;
	line-height: 1;
	text-align: center;
	font-weight: 500;
	font-family: "Noto Sans SC";
	margin-top: 1.88%;
}
.pagefiverightdesc {
	font-family: "Noto Sans SC";
	color: #959595;
	font-size: .14rem;
	line-height: 1;
	text-align: center;
	font-weight: 300;
	letter-spacing: .18rem;
	text-indent: .18rem;
	margin-top: 6.4%;
}
.pagefiverightbottombox {
	width: calc(100% / 6 * 8);
	position: absolute;
	right: 0;
	bottom: 0.8rem;
	overflow: hidden;
}

.pagefiverightbottomitem {
	width: 100%;
	overflow: hidden;
}
.pagefiverightbottomitem img {
	width: 100%;
	transition: .3s all;
}
.pagefiverightbottomitem:hover img {
    transform: scale(1.13);
}




/* 第五页结束 */


/* 第六页开始 */
.pagesix .menu {
	color: #464545;
}

.pagesix .menusolid {
	background: #464545;
}
.pagesix .menusolid:after,
.pagesix .menusolid::before {
	background: #464545;
}
.pagesix .navleft {
	border-color: rgba(206, 204, 204, .8);
}

.pagesixleft {
	width: 50%;
	float: left;
	height: 100vh;
	background: #f8f8f8;
	padding-top: 5.6%;
}
.pagesixleftsubtitle {
	color: #464545;
	font-size: .6rem;
	line-height: 1;
	text-align: center;
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
}
.pagesixlefttitle {
	color: #464545;
	font-size: .36rem;
	line-height: 1;
	text-align: center;
	font-weight: 500;
	font-family: "Noto Sans SC";
	margin-top: 2%;
}
.pagesixleftxingxing {
	width: 0.4rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5.2%;
}
.pagesixleftxingxing img {
	width: 100%;
}
.pagesixleftpicbox {
	width: 2.09rem;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5.8%;
}
.pagesixleftpic {
	width: 100%;
	position: relative;
	z-index: 2;
}
.pagesixleftpic img {
	width: 100%;
}
.pagesixleftpicsolid {
	width: 100%;
	position: absolute;
	border: 1px solid #bfbfbf;
	top: -0.19rem;
	right: -0.24rem;
	z-index: 0;
}
.pagesixleftpicsolid img {
	width: 100%;
	opacity: 0;
}
.pagesixleftdesc {
	font-family: "Noto Sans SC";
	color: #959595;
	font-size: .16rem;
	line-height: 0.24rem;
	text-align: center;
	margin-top: 6%;
	height: 0.72rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.pagesixleftmore {
	color: #959595;
	display: table;
	margin-left: auto;
	margin-right: auto;
	font-size: .16rem;
	margin-top: 4%;
}
.pagesixleftmore a {
	display: table;
	border: 1px solid #d2d2d2;
	line-height: 0.4rem;
	text-align: center;
	padding-left: 0.3rem;
	padding-right: 0.2rem;
	color: #959595;
}

.pagesixright {
	width: 50%;
	float: right;
	height: 100vh;
}
.pagesixright img {
	width: 100%;
	height: 100vh;
}
@media screen and (max-width : 1600px) {
	.pagesixleft {
		padding-top: 3.5%;
	}
	.pagesixleftxingxing {
		margin-top: 3.2%;
	}
}

/* 第六页结束 */


/* 第七页开始 */
.pageseven {
	width: 100%;
}
.pageseventop {
	width: 100%;
	height: calc(100vh - .81rem);
	overflow: hidden;
}
.pageseventopleft {
	width: 50%;
	height: 100%;
	float: left;
}

.pageseventopleftitem {
	width: calc(100% / 6 - .05rem);
	height: 100%;
	margin-right: 0.05rem;
	position: relative;
	float: left;
	transition: width 0.6s ease, margin-right 0.3s ease;
	/* margin-right 可选，看你是否要动画一起柔和 */
}
.pageseventopleftitem a {
	display: block;
	width: 100%;
	height: 100%;
}
.pageseventopleftitem:last-child {
	margin-right: 0;
}
.pageseventopleftitemjia {
	position: absolute;
	width: 0.35rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.pageseventopleftitemjia img {
	width: 100%;
	transition: transform 0.5s ease;
}

/* 激活状态 */
.pageseventopleftitem.active {
	width: calc(100% / 6 * 4);
}

.pageseventopleftitem.active .pageseventopleftitemjia {
	opacity: 0;
	transform: translate(-50%, -50%) scale(1.2); /* 平滑缩放一下隐藏感 */
}

/* 非激活状态 */
.pageseventopleftitem:not(.active) {
	width: calc(100% / 6 - .05rem);
}

.pageseventopleftitem:not(.active) .pageseventopleftitemjia {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.pageseventopright {
	width: 50%;
	height: calc(100vh - .81rem);
	float: right;
	background: url(../img/pagesevenright.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	padding-top: 7.2%;
	position: relative;
}
.pageseventoprightsubtitle {
	text-align: center;
	line-height: 1;
	color: #ffffff;
	font-size: .6rem;
	width: 100%;
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	font-weight: 500;
	width: 100%;
}
.pageseventoprighttitle {
	width: 100%;
	text-align: center;
	line-height: 1;
	color: #ffffff;
	font-size: .36rem;
	width: 100%;
	font-family: "Noto Sans SC";
	font-weight: 500;
	margin-top: 2%;
}
.pageseventoprightbottom {
	position: absolute;
	left: 0;
	bottom: 1rem;
}
.pageseventoprightbottomcontact {
	float: left;
	margin-left: 0.95rem;
}
.pageseventoprightbottomcontact:last-child {
	margin-left: 0.6rem;
}
.pageseventoprightbottomcontactico {
	width: 0.5rem;
	float: left;
}
.pageseventoprightbottomcontactico img {
	width: 100%;
}
.pageseventoprightbottomcontacttext {
	line-height: 0.5rem;
	margin-left: 0.17rem;
	float: left;
	color: #ffffff;
	font-size: .16rem;
	font-family: "Noto Sans SC";
}
.pageseventoprightbottomcontact:last-child .pageseventoprightbottomcontacttext {
	font-size: .24rem;
	font-family: "Arial";
	font-weight: bold;
}
.pagesevenbottom {
	width: 100%;
	height: 0.81rem;
	background: #284134;
	position: relative;
	z-index: 8;
}
.pagesevenbottomleft {
	float: left;
	padding-left: 0.4rem;
}
.pagesevenbottomleftitem {
	float: left;
	color: #ffffff;
	line-height: 0.81rem;
	margin-right: 0.54rem;
	font-family: "Noto Sans SC";
	font-size: .16rem;
	font-weight: 300;
	opacity: 0.6;
}
.pagesevenbottomleftitem:last-child {
	margin-right: 0;
}
.pagesevenbottomleftitem a {
	color: #ffffff;
}
.pagesevenbottomleftitem span {
	opacity: 0.3;
	font-family: "Arial";
	margin-right: 0.07rem;
	font-size: .14rem;
}

.pagesevenbottomright {
	float: right;
	margin-right: .2rem;
}
.pagesevenbottomrightcopy {
	float: left;
	font-size: .12rem;
	opacity: 0.5;
	font-weight: 200;
	line-height: 0.81rem;
	color: #ffffff;
	margin-right: 0.5rem;
}
.pagesevenbottomrightcopy a {
	color: #ffffff;
}
.pagesevenbottomrightcody {
	float: left;
	height: 0.81rem;
	margin-right: 0.35rem;
	display: flex;
	align-items: center;
}
.pagesevenbottomrightcodyitem {
	width: 0.3rem;
	float: left;
	position: relative;
	margin-right: 0.5rem;
}
.pagesevenbottomrightcodyitem:after {
	content: "";
	position: absolute;
	width: 1px;
	background: #4b6859;
	height: 0.2rem;
	right: -0.25rem;
	top: 50%;
	transform: translateY(-50%);
}
.pagesevenbottomrightcodyitem:last-child::after {
	display: none;
}
.pagesevenbottomrightcodyitem:last-child {
	width: 0.5rem;
	margin-right: 0;
}
.pagesevenbottomrightcodyitemico {
	width: 100%;
}
.pagesevenbottomrightcodyitemico img {
	width: 100%;
}
.pagesevenbottomrightcodyitempic {
	position: absolute;
	width: 1.2rem;
	left: 50%;
	bottom: calc(100% + .26rem);
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	transition: .25s all;
}
.pagesevenbottomrightcodyitempic img {
	width: 100%;
}
.pagesevenbottomrightcodyitem:hover .pagesevenbottomrightcodyitempic {
	visibility: visible;
	opacity: 1;
}
@media screen and (max-width : 1600px) {
	.pagesevenbottomleftitem {
		margin-right: 0.25rem;
	}
}
/* 第七页结束 */



@media(min-width: 769px) {
	.sun-delay0 {
			-webkit-transition-delay: 0.2s;
			transition-delay: 0.2s;
	}
	.sun-delay1 {
			-webkit-transition-delay: 0.4s;
			transition-delay: 0.4s;
	}
	.sun-delay2 {
			-webkit-transition-delay: 0.6s;
			transition-delay: 0.6s;
	}
	.sun-delay3 {
			-webkit-transition-delay: 0.8s;
			transition-delay: 0.8s;
	}
	.sun-delay4 {
			-webkit-transition-delay: 1s;
			transition-delay: 1s;
	}
	.sun-delay5 {
			-webkit-transition-delay: 1.2s;
			transition-delay: 1.2s;
	}
	.sun-delay6 {
			-webkit-transition-delay: 1.4s;
			transition-delay: 1.4s;
	}
	.sun-delay7 {
			-webkit-transition-delay: 1.6s;
			transition-delay: 1.6s;
	}
	.sun-delay8 {
			-webkit-transition-delay: 1.8s;
			transition-delay: 1.8s;
	}
	.sun-delay9 {
			-webkit-transition-delay: 2s;
			transition-delay: 2s;
	}
	.sun-delay10 {
			-webkit-transition-delay: 2.2s;
			transition-delay: 2.2s;
	}
	.sun-ani-left,
	.sun-ani-down,
	.sun-ani-up,
	.sun-ani-right {
			opacity: 0;
			-webkit-transition-property: all;
			transition-property: all;
			-webkit-transition-duration: .7s;
			transition-duration: .7s;
	}
	.sun-ani-left {
			-webkit-transform: translateX(-100px);
			transform: translateX(-100px);
	}
	.sun-ani-down {
			-webkit-transform: translateY(-100px);
			transform: translateY(-100px);
	}
	.sun-ani-up {
			-webkit-transform: translateY(-100px);
			transform: translateY(100px);
	}
	.sun-ani-right {
			-webkit-transform: translatex(100px);
			transform: translatex(100px);
	}
	.active2 .sun-ani-left,.active2 .sun-ani-left {
			opacity: 1;
			-webkit-transform: translateX(0);
			transform: translateX(0);
	}
	.active .sun-ani-left,.active2 .sun-ani-left {
			opacity: 1;
			-webkit-transform: translateX(0);
			transform: translateX(0);
	}
	.active .sun-ani-down {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
	}
	.active .sun-ani-up,.active2 .sun-ani-up {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
	}
	.active .sun-ani-right,.active2 .sun-ani-right {
			opacity: 1;
			-webkit-transform: translatex(0);
			transform: translatex(0);
	}
	
	
}

.fix_box {
	display: none;
}



/* 关于开始 */


.innernavbox {
	width: 100%;
	background: #fff;
	height: 1rem;
}
.innernavinner {
	width: 100%;
	padding-left: 0.84rem;
	padding-right: 1.05rem;
	height: 1rem;
}
.innerlogo {
	float: left;
	line-height: 1rem;
	width: 2.06rem;
}
.innerlogo img {
	width: 100%;
}
.innernavright {
	float: right;
}
.innernavitem {
	float: left;
	position: relative;
	margin-left: 0.42rem;
	margin-right: 0.42rem;
	line-height: 1rem;
}
@media screen and (max-width : 1600px) {
	.innernavitem {
		margin-left: 0.3rem;
		margin-right: 0.3rem;
	}
}
.innernavitem:first-child {
	margin-left: 0;
}
.innernavitem:last-child {
	margin-right: 0;
}
.innernavitem>a {
	color: #797979;
	font-size: .18rem;
	line-height: 1;
	position: relative;
}
.innernavitem>a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #014099;
	opacity: 0;
	left: 0;
	bottom: -.03rem;
}
.innernavitemxz {
	color: #014099;
	
}
.innernavitemxz>a {
	color: #014099;
	font-weight: bold;
}
.innernavitemxz>a:after {
	opacity: 1;
}

.innerbanner {
	width: 100%;
	position: relative;
}
.innerbannerimg {
	width: 100%;
}
.innerbannerimg img {
	width: 100%;
}
.innerbannertitlebox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	background: #fff;
	height: 0.7rem;
	padding-left: calc(100% / 12);
	overflow: hidden;
	padding-right: 0.45rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.innerbannertitleleft {
	float: left;
	font-family: "AVGARDD";
	color: #5f5f5f;
	font-size: .14rem;
	line-height: 0.4rem;
}
.innerbannertitleright {
	float: right;
	min-width: 3.38rem;
	height: 0.4rem;
	border: 1px solid #707070;
	line-height: 0.4rem;
	color: #5f5f5f;
	font-size: .14rem;
	font-weight: bold;
	text-align: center;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}




.inneraboutbox {
	width: 100%;
}
.innerabout {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 1.5rem;
}
.inneraboutleft {
	float: left;
	width: 40%;
	padding-right: 0.6rem;
	padding-top: 0.5rem;
}
.inneraboutleftsubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #464545;
	font-size: .6rem;
	line-height: 1;
}
.inneraboutlefttitle {
	color: #464545;
	font-size: .36rem;
	line-height: 1;
	margin-top: 0.2rem;
}
.inneraboutleftcontent {
	color: #959595;
	font-size: .16rem;
	line-height: 0.3rem;
	margin-top: 0.5rem;
}
.inneraboutleftpic {
	width: 100%;
	margin-top: 0.6rem;
}
.inneraboutleftpic img {
	width: 100%;
}
.innerabout .homeaboutleft {
	float: right;
}

.innervideobox {
	width: 100%;
}
.innervideo {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 1.5rem;
	position: relative;
}
.innervideopic {
	width: 100%;
}
.innervideopic img {
	width: 100%;
}
.innervideocontent {
	width: 80%;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #284134;
	height: 2.4rem;
}
.innervideodesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.3rem;
	opacity: 0.5;
	float: left;
	width: calc(100% - 2.4rem);
	padding-left: 1rem;
	padding-right: 1rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}
.innervideoarrowbox {
	width: 2.4rem;
	height: 100%;
	background: #2c6d4b;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	float: right;
	cursor: pointer;
}
.innervideoarrow {
	width: 0.53rem;
}
.innervideoarrow img {
	width: 100%;
}
.innervideoplay {
	text-align: center;
	color: #fff;
	opacity: 0.6;
	margin-top: 0.35rem;
	font-size: .16rem;
	line-height: 1;
}




.culturebox {
	width: 100%;
}
.culture {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 1.5rem;
}
.culturetitlebox {
	width: 100%;
}
.culturesubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #464545;
	font-size: .6rem;
	line-height: 1;
}
.culturetitle {
	color: #464545;
	font-size: .36rem;
	line-height: 1;
	margin-top: 0.2rem;
}
.culturecontent {
	width: 100%;
	margin-top: 1rem;
	position: relative;
}
.culturecontentleft {
	width: calc(60% + .54rem);
	float: left;
	margin-top: 1rem;
}
.culturecontentleft img {
	width: 100%;
}
.culturecontentright {
	width: 70%;
	margin-left: 30%;
	min-height: 5.4rem;
	padding-bottom: .8rem;
	background: #014099;
	padding-top: 1.5rem;
}
.culturecontentrightinner {
	width: calc(100% / 7 * 4 - 1.25rem);
	padding-right: 0.55rem;
	margin-left: auto;
}
.culturecontentrightinneritem {
	width: 100%;
}
.culturecontentrightinneritemtitle {
	color: #fff;
	font-size: .3rem;
	line-height: .35rem;
	height: 0.35rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight: bold;
}
.culturecontentrightinneritemhx {
	width: 1.5rem;
	height: 1px;
	background: #fff;
	margin-top: 0.36rem;
}
.culturecontentrightinneritemcontent {
	color: #fff;
	font-size: .16rem;
	line-height: 0.28rem;
	margin-top: 0.27rem;
}
.culturearrowbox {
	overflow: hidden;
	margin-top: 0.55rem;
}

.cultureleftarrow {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .25s all;
	float: left;
	border: 1px solid #fff;
}
.cultureleftarrow:hover {
	/*background: #014099;*/
	border-color: #fff;
}
.cultureleftarrow img {
	width: 0.09rem;
	transition: .25s all;
	transform-origin: center;
	transform: rotate(180deg);
	filter: grayscale(100%) brightness(1000%);
}
.cultureleftarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}


.culturerightarrow {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .25s all;
	float: left;
	margin-left: 0.08rem;
	border: 1px solid #fff;
}
.culturerightarrow:hover {
	/*background: #014099;*/
	border-color: #fff;
}
.culturerightarrow img {
	width: 0.09rem;
	transition: .25s all;
	filter: grayscale(100%) brightness(1000%);
}
.culturerightarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}



.qualificationbox {
	width: 100%;
	padding-top: 1.4rem;
	padding-bottom: 1.5rem;
}
.qualification {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.qualificationtitlebox {
	width: 100%;
}
.qualificationsubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #464545;
	font-size: .6rem;
	line-height: 1;
}
.qualificationtitle {
	color: #464545;
	font-size: .36rem;
	line-height: 1;
	margin-top: 0.2rem;
}
.qualificationcontent {
	width: 100%;
	margin-top: 0.95rem;
	position: relative;
}
.qualificationcontentitem {
	width: 100%;
	background: url(../img/qualificationbg.png) no-repeat;
	background-size: 100% 100%;
	padding: .2rem;
}
.qualificationcontentitem img {
	width: 100%;
	height: 100%;
}

.qualificationleftarrow {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .25s all;
	float: left;
	border: 1px solid #bfbfbf;
	position: absolute;
	top: 50%;
	left: -.75rem;
	transform: translateY(-50%);
}
.qualificationleftarrow:hover {
	background: #464545;
	border-color: #464545;
}
.qualificationleftarrow img {
	width: 0.09rem;
	transition: .25s all;
	transform-origin: center;
	transform: rotate(180deg);
}
.qualificationleftarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}




.qualificationrightarrow {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .25s all;
	float: left;
	border: 1px solid #bfbfbf;
	position: absolute;
	top: 50%;
	right: -.75rem;
	transform: translateY(-50%);
}
.qualificationrightarrow:hover {
	background: #464545;
	border-color: #464545;
}
.qualificationrightarrow img {
	width: 0.09rem;
	transition: .25s all;
}
.qualificationrightarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}








.footerbox {
	width: 100%;
	background: url(../img/footer.jpg) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	padding-top: 0.39rem;
}
.footerflogo {
	width: 3.01rem;
	margin-left: auto;
	margin-right: auto;
}
.footerflogo img {
	width: 100%;
}
.footercontent {
	margin-top: 0.5rem;
	width: 100%;
	border-top: 1px solid rgba(112, 112, 112, .2);
	border-bottom: 1px solid rgba(112, 112, 112, .2);
	padding-top: 0.92rem;
	padding-bottom: 1.23rem;
}
.footercontentinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.footercontentleft {
	float: left;
}
.footercontentlefone {
	float: left;
}

.footercontentlefoneitem {
	color: #ffffff;
	font-size: .18rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.32rem;
}
.footercontentlefoneitem a {
	color: #ffffff;
}
.footercontentlefoneitem:first-child {
	margin-top: 0;
}
.footercontentlefttwo {
	float: left;
	margin-left: 1.05rem;
}
.footercontentlefttwoitem {
	float: left;
	width: 1.4rem;
}
.footercontentlefttwoitemnav {
	color: #ffffff;
	font-size: .18rem;
	font-weight: bold;
	line-height: 1;
}
.footercontentlefttwoitemnav>a {
	color: #ffffff;
}
.footercontentlefttwoitemvbox {
	margin-top: 0.16rem;
}
.footercontentlefttwoitemv {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.48rem;
}
.footercontentlefttwoitemv a {
	color: #ffffff;
}
.footercontentright {
	float: right;
	padding-right: 1.3rem;
}
.footercontentrightitem {
	overflow: hidden;
}
.footercontentrightitemico {
	width: 0.48rem;
	float: left;
}
.footercontentrightitemico img {
	width: 100%;
}
.footercontentrightitemtext {
	font-family: "HELVETICANEUELTPROMDEX";
	color: #ffffff;
	font-size: .36rem;
	line-height: 0.48rem;
	float: left;
	margin-left: 0.35rem;
}
.footercontentrightitem:nth-child(2) .footercontentrightitemtext {
	font-size: .16rem;
	font-family: "微软雅黑";
}
.footercontentrightitem:nth-child(2) {
	margin-top: 0.32rem;
}
@media screen and (max-width : 1600px) {
	.footercontentright {
    padding-right: 0.3rem;
	}
	.footercontentlefttwoitem {
    width: 1.2rem;
	}
	.footercontentlefttwo {
    margin-left: .6rem;
	}
}
.footerbottombox {
	width: 100%;
}
.footerbottominner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	height: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* 关于结束 */


/* 空间全案设计开始 */
.spacebox {
	width: 100%;
	padding-bottom: 0.9rem;
	overflow: hidden;
}
.space {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.spacetitlebox {
	width: 100%;
	padding-top: 1.6rem;
}
.spacesubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #464545;
	font-size: .6rem;
	line-height: 1;
	text-align: center;
}
.spacetitle {
	color: #464545;
	font-size: .36rem;
	line-height: 1;
	text-align: center;
	margin-top: 0.2rem;
}
.spacecontent {
	width: 100%;
	margin-top: 1.3rem;
	overflow: hidden;
}
.spaceitem {
	float: left;
	width: calc((100% - .4rem) / 2);
	margin-left: 0.4rem;
	margin-top: 1rem;
}
.spaceitem:nth-child(1) {
	margin-top: 0;
}
.spaceitem:nth-child(2) {
	margin-top: 0;
}
.spaceitem:nth-child(2n-1) {
	margin-left: 0;
}
.spaceitempic {
	width: 100%;
	overflow: hidden;
}
.spaceitempic img {
	width: 100%;
	transition: .3s all;
}
.spaceitem:hover .spaceitempic img {
    transform: scale(1.13);
}
.spaceitembottom {
	width: 100%;
	height: 0.75rem;
	margin-top: 0.1rem;
	border: 1px solid #dcdcdc;
	transition: .25s all;
}
.spaceitemtitle {
	width: calc(100% - 0.87rem);
	height: 100%;
	float: left;
	text-align: center;
	color: #464545;
	font-size: .24rem;
	line-height: .75rem;
	height: 0.75rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	transition: .25s all;
}
.spaceitemarrow {
	width: 0.87rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	background: #e7e7e7;
	transition: .25s all;
}
.spaceitemarrow img {
	width: .11rem;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .7;
	transition: .25s all;
}


.spaceitem:hover .spaceitembottom {
	border-color: #014099;
}
.spaceitem:hover .spaceitemtitle {
	background: #014099;
	color: #fff;
}
.spaceitem:hover .spaceitemarrow {
	background: #fff;
}
.spaceitem:hover .spaceitemarrow img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}



/* 空间全案设计结束 */


/* 翻页开始 */
.fanye {
	display: inline-block;
	overflow: hidden;
	float: right;
}
.fanye .pagination {
	margin-top: 0.8rem;
}
.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: #6d6d6d;
	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: #244f46;
	border-color: #244f46;
	color: #fff;
}
.fanye .syy {
	font-family: "Noto Sans SC";
	color: #6d6d6d;
	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: #6d6d6d;
	font-size: .16rem;
	/* width: 0.35rem; */
	/* height: 0.35rem; */
	line-height: 0.35rem;
	float: left;
	margin-left: 0.15rem;
}




/* 翻页结束 */
/* 板材开始 */

.boardbox {
	width: 100%;
	padding-top: 1.5rem;
	padding-bottom: 0.78rem;
}
.board {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.boardnavbox {
	width: 100%;
}
.boardnav {
	width: calc((100% - .08rem) / 3);
	float: left;
	margin-left: 0.04rem;
	margin-top: 0.04rem;
	position: relative;
}
.boardnav a {
	display: block;
	width: 100%;
	height: 100%;
}
.boardnav:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #707070;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: -1;
}
.boardnav:nth-child(1) {
	margin-top: 0;
}
.boardnav:nth-child(2) {
	margin-top: 0;
}
.boardnav:nth-child(3) {
	margin-top: 0;
}
.boardnav:nth-child(3n-2) {
	margin-left: 0;
}
.boardnav img {
	width: 100%;
}
.boardnavxz:after {
	opacity: 1;
	z-index: 2;
}


.boardcontent {
	width: 100%;
	margin-top: 1.2rem;
}
.boarditem {
	float: left;
	width: calc((100% - .1rem) / 3);
	margin-left: 0.05rem;
	margin-top: 1.18rem;
}
.boarditem:nth-child(1) {
	margin-top: 0;
}
.boarditem:nth-child(2) {
	margin-top: 0;
}
.boarditem:nth-child(3) {
	margin-top: 0;
}
.boarditem:nth-child(3n-2) {
	margin-left: 0;
}
.boarditempic {
	width: 100%;
	overflow: hidden;
}
.boarditempic img {
	width: 100%;
	transition: .3s all;
}
.boarditem:hover .boarditempic img {
    transform: scale(1.13);
}
.boarditembottom {
	width: 100%;
	height: 0.64rem;
	border-bottom: 1px solid #1c68d3;
	padding-left: 0.5rem;
	padding-right: 0.45rem;
	overflow: hidden;
}
.boarditembottomleft {
	color: #181818;
	font-size: .16rem;
	line-height: 0.64rem;
	float: left;
	width: calc(100% - 1.5rem);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.boarditembottomright {
	color: #181818;
	font-size: .14rem;
	font-family: "Arial";
	line-height: 0.64rem;
	float: right;
	font-weight: bold;
}
.boarditembottomright span {
	color: #1c68d3;
	font-family: "Arial";
	font-weight: bold;
}






/* 板材结束 */


/* 工装开始 */

.engineeringbox {
	width: 100%;
	padding-bottom: 0.9rem;
}
.engineering {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.engineeringcontent {
	width: 100%;
	margin-top: 1.3rem;
}
.engineeringitem {
	width: calc((100% - .2rem) / 2);
	margin-left: 0.2rem;
	float: left;
	margin-top: 0.8rem;
}
.engineeringitem:nth-child(1) {
	margin-top: 0;
}
.engineeringitem:nth-child(2) {
	margin-top: 0;
}
.engineeringitem:nth-child(2n-1) {
	margin-left: 0;
}
.engineeringitempic {
	width: 100%;
	overflow: hidden;
}
.engineeringitempic img {
	width: 100%;
	transition: .3s all;
}
.engineeringitem:hover .engineeringitempic img {
    transform: scale(1.13);
}
.engineeringitembottom {
	width: 100%;
	margin-top: 0.42rem;
}
.engineeringitemtitle {
	color: #464545;
	font-size: .18rem;
	line-height: 0.35rem;
	height: 0.35rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: center;
}

.engineeringitemmore {
	color: #464545;
	font-size: .14rem;
	text-align: center;
	line-height: .18rem;
	margin-top: 0.1rem;
}






/* 工装结束 */


/* 案例开始 */

.casebox {
	width: 100%;
	padding-top: 1.7rem;
	padding-bottom: 0.8rem;
}
.case {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.casenavbox {
	width: 100%;
}
.casenavitem {
	width: calc((100% - .06rem) / 3);
	margin-left: 0.03rem;
	float: left;
	height: 1.06rem;
	background: #ececec;
	text-align: center;
}
.casenavitem a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.casenavitem:nth-child(3n-2) {
	margin-left: 0;
}

.casenavitemtitle {
	color: #464545;
	font-size: .24rem;
	font-weight: bold;
}
.casenavitemsubtitle {
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	color: #a0a0a0;
	font-size: .14rem;
	margin-top: 0.02rem;
}

.casenavitemxz {
	background: #014099;
}
.casenavitemxz .casenavitemtitle {
	color: #fff;
}
.casenavitemxz .casenavitemsubtitle {
	color: #fff;
	opacity: 0.5;
}

.casecontent {
	width: 100%;
	margin-top: 1.2rem;
}

.caseitem {
	width: calc((100% - .3rem) / 2);
	float: left;
	margin-left: 0.3rem;
	margin-top: 0.5rem;
}
.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%;
	overflow: hidden;
}
.caseitempic img {
	width: 100%;
	transition: .3s all;
}
.caseitem:hover .caseitempic img {
    transform: scale(1.13);
}
.caseitembottom {
	width: 100%;
	height: 1rem;
	padding-left: 0.35rem;
	padding-right: 0.5rem;
	transition: .25s all;
}
.caseitemtitle {
	float: left;
	color: #464545;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1rem;
	width: calc(100% - 1.2rem);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: .25s all;
}
.caseitemmore {
	color: #a0a0a0;
	font-size: .14rem;
	line-height: 1rem;
	font-family: "AKZIDENZGROTESKLIGHTEXTENDED";
	float: right;
	transition: .25s all;
}
.caseitem:hover .caseitembottom {
	background: #e5e5e5;
}
.caseitem:hover .caseitemtitle {
	color: #014099;
}
.caseitem:hover .caseitemmore {
	color: #014099;
}
/* 案例结束 */
/* 资讯开始 */
.newsbox {
	width: 100%;
	padding-bottom: 0.9rem;
}
.new {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.newscontent {
	margin-top: 1.3rem;
}
.newsitem {
	width: calc((100% - .75rem) / 4);
	margin-left: 0.25rem;
	float: left;
	margin-top: 0.8rem;
}
.newsitem:nth-child(1) {
	margin-top: 0;
}
.newsitem:nth-child(2) {
	margin-top: 0;
}
.newsitem:nth-child(3) {
	margin-top: 0;
}
.newsitem:nth-child(4) {
	margin-top: 0;
}
.newsitem:nth-child(4n-3) {
	margin-left: 0;
}
.newsitempic {
	width: 100%;
	overflow: hidden;
}
.newsitempic img {
	width: 100%;
	transition: .3s all;
}
.newsitem:hover .newsitempic img {
    transform: scale(1.13);
}
.newsitembottom {
	width: 100%;
	padding-top: 0.45rem;
	background: #f5f5f5;
	padding-bottom: 0.7rem;
	padding-left: 0.39rem;
	padding-right: 0.3rem;
	transition: .25s all;
}
.newsitemtitle {
	color: #1d1d1d;
	font-size: .18rem;
	line-height: 0.22rem;
	height: 0.22rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: .25s all;
}
.newsitemtime {
	color: #1d1d1d;
	font-size: .14rem;
	font-family: "Arial";
	line-height: 0.16rem;
	height: 0.16rem;
	margin-top: 0.2rem;
	transition: .25s all;
}
.newsitemdesc {
	font-size: .14rem;
	line-height: 0.25rem;
	height: 0.75rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	margin-top: 0.24rem;
	color: #818181;
	transition: .25s all;
}


.newsitem:hover .newsitembottom {
	background: #1d1d1d;
}
.newsitem:hover .newsitemtitle {
	color: #fff;
}
.newsitem:hover .newsitemtime {
	color: #fff;
}
.newsitem:hover .newsitemdesc {
	color: #fff;
	opacity: 0.5;
}

/* 资讯结束 */

/* 联系开始 */

.lianxitopbox {
	width: 100%;
	overflow: hidden;
	padding-bottom: 1rem;
}
.lianxitop {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
}
.lianxitopcontent {
	width: 100%;
	margin-top: 0.88rem;
}
.lianxitopitem {
	width: calc((100% - 1.4rem) / 3);
	margin-left: 0.7rem;
	float: left;
	height: 3.8rem;
	background: #6892ce;
	border-radius: .1rem;
	overflow: hidden;
	padding-top: 0.5rem;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	transition: .25s all;
}
.lianxitopitem:first-child {
	margin-left: 0;
}
.lianxitopitemico {
	width: 0.6rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}
.lianxitopitemico img {
	width: 100%;
}
.lianxitopitemtitle {
	text-align: center;
	line-height: 1;
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.28rem;
}
.lianxitopitemhx {
	width: 0.34rem;
	height: 1px;
	background: #fff;
	opacity: 0.5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.32rem;
}
.lianxitopitemcontent {
	text-align: center;
}
.lianxitopitem:nth-child(1) .lianxitopitemcontent {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.28rem;
	margin-top: 0.35rem;
}
.lianxitopitem:nth-child(2) .lianxitopitemcontent {
	color: #ffffff;
	font-size: .3rem;
	font-family: "Arial";
	font-weight: bold;
	line-height: 1;
	margin-top: 0.47rem;
}
.lianxitopitem:nth-child(3) .lianxitopitemcontent {
	width: 1rem;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.27rem;
}
.lianxitopitem:nth-child(3) .lianxitopitemcontent img {
	width: 100%;
}

@media screen and (max-width : 1600px) {
	.lianxitopitem {
		padding-left: 0.3rem;
		padding-right: 0.3rem;
		padding-top: 0.3rem;
		height: 3.4rem;
	}
}
.lianxitopitem:hover {
	background: #014099;
}

.spacetitlebox2 {
	padding-top: 1.4rem;
}


.liuyanbox {
	width: 100%;
	padding-bottom: 2rem;
}
.liuyan {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
}
.liuyancontent {
	width: 100%;
	overflow: hidden;
	margin-top: 1rem;
}
.liuyanleft {
	width: calc((100% - .35rem) / 2);
	float: left;
}
.liuyanleftitem {
	width: 100%;
	height: 0.65rem;
	line-height: 0.65rem;
	margin-top: 0.3rem;
	border: 1px solid #3e3e3e;
	overflow: hidden;
}
.liuyanleftitem:first-child {
	margin-top: 0;
}
.liuyanleftitem input {
	width: 100%;
	border: none;
	background: none;
	height: 100%;
	line-height: 0.65rem;
	color: #333;
	font-size: .16rem;
	padding-left: 0.3rem;
}
.liuyanleftitem input::placeholder {
	color: #acabab;
	font-size: .16rem;
}
.liuyanleftlast {
	width: 100%;
	height: 0.65rem;
	line-height: 0.65rem;
	margin-top: 0.3rem;
	border: 1px solid #3e3e3e;
	overflow: hidden;
}
.liuyanleftlastleft {
	width: calc(100% - 1.5rem);
	float: left;
	height: 100%;
}
.liuyanleftlastleft input {
	width: 100%;
	border: none;
	background: none;
	height: 100%;
	line-height: 0.65rem;
	color: #333;
	font-size: .16rem;
	padding-left: 0.3rem;
}
.liuyanleftlastleft input::placeholder {
	color: #acabab;
	font-size: .16rem;
}
.liuyanleftlastright {
	float: right;
	width: 1.5rem;
	height: 100%;
}
.liuyanleftlastright img {
	width: 100%;
	height: 100%;
}
input{ outline: none; }
textarea{ outline: none; }


.liuyanright {
	width: calc((100% - .35rem) / 2);
	float: left;
	margin-left: 0.35rem;
}
.liuyanrightmessage {
	width: 100%;
	border: 1px solid #3e3e3e;
	height: calc(2.55rem + 0px);
}
.liuyanrightmessage textarea {
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	color: #333;
	font-size: .16rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	resize: none;
	line-height: 0.65rem;
}
.liuyanrightmessage textarea::placeholder {
	color: #acabab;
	font-size: .16rem;
}
.liuyanrightsubmit {
	width: 100%;
	height: 0.65rem;
	margin-top: 0.3rem;
	
}
.liuyanrightsubmit a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0.65rem;
	color: #fff;
	text-align: center;
	font-size: .18rem;
	font-weight: bold;
	background: #014099;
}


/* 联系结束 */
.pagecontent {
	color: #5f5f5f;
	font-size: .18rem;
	line-height: 0.36rem;
	margin-top: 1.1rem;
}
.space2 {
	padding-bottom: 1rem;
}
.pagecontent 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;

}








.tanchu {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/tanchubg.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 0.49rem;
	z-index: 99;
	transform: translateX(-100%);
	transition: transform 1.5s ease;
}
.tanchu.active {
  transform: translateX(0%);
}
.x {
	position: absolute;
	right: calc(100% / 12);
	top: 0.69rem;
	width: 0.45rem;
	cursor: pointer;
}
.x img {
	width: 100%;
}
.toplogo {
	width: 1.91rem;
	margin-left: auto;
	margin-right: auto;
}
.toplogo img {
	width: 100%;
}
.tanchunavbox {
	margin-top: 1rem;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.tanchunav {
	color: #ffffff;
	/* width: calc(100% / 9 - .04rem); */
	margin-right: .8rem;
	float: left;
	position: relative;
}
.tanchunav:last-child {
	margin-right: 0;
}
.tanchunavitem {
	
}
.tanchunavitem:after {
	content: "";
	position: absolute;
	height: 2px;
	left: 0;
	width: 0;
	bottom: 0;
	background: #fff;
	transition: .25s all;
}
.tanchunavitem>a {
	color: #fff;
	display: block;
	line-height: 0.48rem;
	height: 0.48rem;
	font-size: .24rem;
	transition: .25s all;
}
.tanchunavtwo {
	position: absolute;
	left: 0;
	/* top: calc(100% + .74rem); */
	top: 0;
	padding-top: 1.22rem;
	z-index: -1;
}

.tanchunavtwoitem {
	color: #b8b8b8;
	font-size: .18rem;
	line-height: 0.6rem;
}
.tanchunavtwoitem a {
	color: #b8b8b8;
	transition: .25s all;
	white-space:nowrap;
}
.tanchunavtwoitem a:hover {
	font-weight: bold;
	color: #fff;
}
.tanchunav:hover .tanchunavitem:after {
	width: 100%;
}
.tanchunav:hover .tanchunavitem>a {
	font-weight: bold;
}



.tanchunavsearch {
	position: absolute;
	width: 48%;
	height: 0.77rem;
	border-radius: .39rem;
	background: #313a54;
	left: .3rem;
	bottom: 11.36%;
	transform: translateY(.145rem);
	z-index: 6;
}
.tanchunavsearch form {
	width: 100%;
	height: 100%;
}
.tanchunavsearchsubmit {
	color: #ffffff;
	font-size: .18rem;
	float: right;
	line-height: 0.77rem;
}
.tanchunavsearchsubmit a {
	color: #ffffff;
	position: relative;
	margin-right: 0.4rem;
}
.tanchunavsearchsubmit a:after {
	content: "";
	position: absolute;
	width: 1px;
	background: #fff;
	height: 100%;
	left: -0.28rem;
	top: 2px;
}
.tanchunavsearchinput {
	width: calc(100% - 1.6rem);
	float: left;
	padding-left: 22.25%;
	height: 100%;
}
.tanchunavsearchinput input {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	color: #fff;
	font-size: .18rem;
	line-height: 0.77rem;
}
.tanchunavsearchinput input::placeholder {
	color: #868990;
	font-size: .18rem;
	line-height: 0.77rem;
}

.tanchu .menu {
	color: #ffffff;
}

.tanchu .menusolid {
	background: #ffffff;
}
.tanchu .menusolid:after,
.tanchu .menusolid::before {
	background: #ffffff;
}








.innernavtwonav {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	background: #fff;
	top: 100%;
	text-align: center;
	padding-top: 0.13rem;
	padding-bottom: 0.2rem;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
}
.innernavtwonavitem {
	width: 100%;
	min-width: 1.45rem;
	color: #7f7f7f;
	font-size: .16rem;
	line-height: 0.36rem;
}
.innernavtwonavitem a {
	display: block;
	width: 100%;
	line-height: 0.36rem;
	color: #7f7f7f;
	white-space:nowrap;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	transition: .25s all;
}
.innernavtwonavitem:hover a {
	color: #4b4b4b;
	font-weight: bold;
}
.innernavitem:hover .innernavtwonav {
	opacity: 1;
	visibility: visible;
}






.mendianbottom {
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.75rem;
	padding-left: 0.5rem;
}
.mendianbottomone{
	float: left;
}
.mendianbottomoneico{
	width: 0.4rem;
	display: flex;
	justify-content: center;
	float: left;
}
.mendianbottomoneico img {
	width: 100%;
}
.mendianbottomonecontent{
	float: left;
	color: #6e6e6e;
	font-size: .36rem;
	font-weight: bold;
	line-height: 0.4rem;
	margin-left: 0.25rem;
	font-family: "Arial";
}
.mendianbottomonecontent p{
	font-family: "Arial";
}


.mendianbottomtwo{
	float: left;
}
.mendianbottomtwoico{
	width: 0.4rem;
	display: flex;
	justify-content: center;
	float: left;
	margin-left: 0.8rem;
}
.mendianbottomtwoico img {
	width: 100%;
}
.mendianbottomtwocontent{
	float: left;
	color: #6e6e6e;
	font-size: .18rem;
	font-weight: bold;
	line-height: 0.4rem;
	margin-left: 0.27rem;
	font-weight: 500;
}



.mendianbox {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.45rem;
    /*padding-bottom: 2.2rem;*/
}
.mendianbox img {
    max-width: 100%;
}
.mendianxiabox {
    background: url(../img/wanlongmendianbg.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.85rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-left: 1.8%;
    padding-right: 1.8%;
    padding-top: 1.8%;
    padding-bottom: 11%;
    
}