*{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: 'POPPINSBOLD';
	src: local('POPPINSBOLD'), url(../fonts/POPPINSBOLD.TTF) format('woff');
}

.bannerbox {
	width: 100%;
	position: relative;
}
.navbox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0.35rem;
	z-index: 5;
}
.navinnerbox {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.logo {
	float: left;
	width: 2.23rem;
	margin-top: 0.11rem;
}
.logo img {
	width: 100%;
}
.navrightbox {
	float: right;
	margin-right: 0.9rem;
}
.navitem {
	float: left;
	margin-left: 0.5rem;
	position: relative;
}
.navitem:first-child {
	margin-left: 0;
}
.navitem>a {
	font-family: "Noto Sans SC";
	color: #fff;
	font-size: .16rem;
	display: block;
	height: 0.6rem;
	line-height: 0.6rem;
}

.banner {
	width: 100%;
}
.banner .swiper-slide img {
	width: 100%;
	height: 100vh;
}
.navitem:hover>a {
	border-bottom: 2px solid #fff;
	font-weight: bold;
}


.navtwobox {
	top: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: .25s all;
	background: #fff;
	
}
.navitem:hover>.navtwobox {
	visibility: visible;
	opacity: 1;
}
.navtwoitem {
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
}
.navtwoitem a {
	font-family: "Noto Sans SC";
	color: #000;
	font-size: .16rem;
	display: block;
	height: 0.4rem;
	line-height: 0.4rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	white-space:nowrap;
}
.navtwoitem:hover a {
	color: #fff;
	background: #095ec8;
}


.banner .swiper-pagination {
	display: flex;
	flex-direction: column;
	width: auto;
	right: calc(100% / 12);
	left: auto;
	bottom: 23%;
}
.banner .swiper-pagination-bullet {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	text-align: center;
	line-height: 0.36rem;
	opacity: 1;
	color: #ffffff;
	font-size: .16rem;
	font-weight: bold;
	font-family: "Arial";
	background: none;
	border: .02rem solid #fff;
	opacity: 0.7;
	margin-left: 0!important;
	margin-right: 0!important;
	margin-top: 0.13rem!important;
	margin-bottom: 0.13rem!important;
}
.banner .swiper-pagination-bullet:first-child {
	margin-top: 0!important;
}
.banner .swiper-pagination-bullet:last-child {
	margin-bottom: 0!important;
}
.banner .swiper-pagination-bullet-active {
	opacity: 1;
}



.arrow{
	opacity:1;
	animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	position:absolute;
	bottom:.7rem;
	left:50%;
	margin-left:-.155rem;
	width:.31rem;
	height:.45rem;
	line-height:.45rem;
	text-align:center;
	color:#fff;
	cursor:pointer;
	overflow:hidden;
	z-index: 99;
	opacity: 1;
}
.arrow:hover{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
.arrow img {
	width: 100%;
	display: flex;
}
@keyframes arrow{ %0,%100{bottom:.7rem; opacity:1;} 50%{bottom:.4rem; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:.7rem; opacity:1;} 50%{bottom:.4rem; opacity:.5} }
.tit img{
height: 100vh;
width: 100vw;
}




.pagetwo {
	width: 100%;
	height: 100vh;
}
.aboutright {
	width: 50%;
	height: 100vh;
	float: right;
}
.aboutright img {
	width: 100%;
	height: 100vh;
}
.aboutleft {
	width: 50%;
	padding-left: calc(100% / 12);
	float: left;
	padding-top: 1.5rem;
}
.aboutleften {
	color: #3b3b3b;
	font-size: .18rem;
	line-height: 1;
	font-family: "Arial";
	text-transform: uppercase;
}
.aboutlefttitle {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 0.75rem;
}
.aboutleftsubtitle {
	font-weight: 300;
	color: #3b3b3b;
	font-size: .48rem;
	font-family: "Noto Sans SC";
	line-height: 1;
	margin-top: .15rem;
}
.aboutleftdesc {
	font-family: "Noto Sans SC";
	color: #828080;
	font-size: .16rem;
	line-height: 0.24rem;
	margin-top: 0.6rem;
	padding-right: 1.2rem;
	text-align: justify;
}
.aboutleftmore {
	margin-top: 0.64rem;
}
.aboutleftmore a {
	display: flex;
	width: 2.06rem;
	height: 0.56rem;
	background: #095ec8;
	border-radius: .28rem;
	padding-left: 0.45rem;
	padding-right: 0.43rem;
	align-items: center;
	justify-content: space-between;
}
.aboutleftmoretext {
	font-family: "Noto Sans SC";
	font-weight: 300;
	color: #ffffff;
	font-size: .16rem;
}
.aboutleftmorearrow {
	width: 0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.aboutleftmorearrow img {
	width: 100%;
}
.aboutleftbottom {
	margin-top: 0.95rem;
}
.aboutleftbottomitem {
	float: left;
	margin-left: 0.7rem;
}
.aboutleftbottomitem:first-child {
	margin-left: 0;
}
.aboutleftbottomitemtop {
	position: relative;
	display: flex;
	align-items: center;
}
.aboutleftbottomitemtopleft {
	color: #3b3b3b;
	font-size: .4rem;
	line-height: 1;
	font-family: "Arial";
}
.aboutleftbottomitemtopright {
	font-family: "Noto Sans SC";
	font-weight: 300;
	color: #3b3b3b;
	font-size: .14rem;
	line-height: 1;
	margin-left: 0.06rem;
}
.aboutleftbottomitembottom {
	font-family: "Noto Sans SC";
	font-weight: 300;
	color: #3b3b3b;
	font-size: .14rem;
	line-height: 1;
	margin-top: 0.14rem;
}

@media screen and (max-width : 1300px) {
.aboutleft {
	padding-top: 1rem;
}
.aboutlefttitle {
	font-size: .38rem;
	margin-top: 0.6rem;
}
.aboutleftsubtitle {
	font-size: .38rem;
}
.aboutleftmore {
	margin-top: 0.45rem;
}
.aboutleftbottom {
	margin-top: 0.65rem;
}
}





.pagethree {
	width: 100%;
	height: 100vh;
	background: url(../img/casebg.jpg) no-repeat;
	background-size: 100% 100%;
}
.pagethreeinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.4rem;
}
.caseen {
	color: #fff;
	font-size: .18rem;
	line-height: 1;
	font-family: "Arial";
	text-transform: uppercase;
}
.casetitle {
	font-family: "Noto Sans SC";
	color: #fff;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 0.75rem;
}
.casesubtitle {
	font-weight: 300;
	color: #fff;
	font-size: .48rem;
	font-family: "Noto Sans SC";
	line-height: 1;
	margin-top: .15rem;
}
.casebottombox {
	width: 100%;
	overflow: hidden;
	margin-top: 0.85rem;
	position: relative;
}
.casebottomleft {
	width: 90%;
	float: left;
}
.caseitem {
	width: 100%;
	position: relative;
}
.caseitemtop {
	width: 100%;
	position: relative;
	border-radius: .1rem;
	border: 1px solid rgba(255, 255, 255, .6);
	transition: .25s all;
	overflow: hidden;
}
.caseitemtoppic {
	width: 100%;
	opacity: 0;
	transition: .25s all;
}
.caseitemtoppic img {
	width: 100%;
}
.caseitemtoptitle {
	font-family: "Noto Sans SC";
	color: #ffffff;
	font-size: .24rem;
	line-height: 0.35rem;
	height: 0.35rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position: absolute;
	top: 0.5rem;
	width: 100%;
	left: 0;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	transition: .25s all;
}
.caseitemtoparrow {
	width: 0.15rem;
	position: absolute;
	left: 0.7rem;
	top: 1.75rem;
	transition: .25s all;
}
.caseitemtoparrow img {
	width: 100%;
}
.caseitembottom {
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.25rem;
	margin-top: 0.43rem;
	height: 0.25rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-right: 0.3rem;
	opacity: 0;
	transition: .25s all;
	padding-left: 0.1rem;
}
.caseitem .caseitemtop {
	border: none;
}
.caseitem .caseitemtoppic {
	opacity: 1;
}
.caseitem .caseitemtoptitle {
	opacity: 0;
}
.caseitem .caseitemtoparrow {
	opacity: 0;
}
.caseitem .caseitembottom {
	opacity: 1;
}


.casebottomright {
	width: 10%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	right: 0;
	top: calc(50% - .34rem);
	transform: translate(0, -50%);
}


.casebottomrightleftarrow {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.casebottomrightleftarrow img {
	width: 0.23rem;
	transform-origin: center;
	transform: rotate(180deg);
}
.casebottomrightleftarrow:hover {
	background: #2c66d4;
}
.casebottomrightleftarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}



.casebottomrightrightarrow {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 0.1rem;
}
.casebottomrightrightarrow img {
	width: 0.23rem;
	transform-origin: center;
}
.casebottomrightrightarrow:hover {
	background: #2c66d4;
}
.casebottomrightrightarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}




@media screen and (max-width : 1300px) {
.pagethreeinner {
	padding-top: 1rem;
}
.casetitle {
	font-size: .38rem;
	margin-top: 0.6rem;
}
.casesubtitle {
	font-size: .38rem;
}
}





.pagefour {
	width: 100%;
	height: 100vh;
	background: url(../img/servicebg.jpg) no-repeat;
	background-size: 100% 100%;
}
.serviceleft {
	width: calc(100% / 12 * 5);
	float: left;
	padding-top: 1.2rem;
}
.serviceleften {
	color: #3b3b3b;
	font-size: .18rem;
	font-family: "Arial";
	line-height: 1;
	text-transform: uppercase;
	padding-left: 20%;
}
.servicelefttitle {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	padding-left: 20%;
	margin-top: 0.9rem;
}
.serviceleftdesc {
	font-family: "Noto Sans SC";
	color: #828080;
	font-size: .16rem;
	line-height: 0.24rem;
	padding-left: 20%;
	padding-right: 0.8rem;
	margin-top: 0.42rem;
}
.serviceleftico {
	width: 100%;
	margin-top: 0.63rem;
}
.serviceleftico img {
	width: 100%;
}

.pagefour .aboutleftmore {
	margin-left: 20%;
	margin-top: 0.85rem;
}


.serviceright {
	width: calc(100% / 12 * 6);
	float: left;
	padding-top: 1.8rem;
}
.servicerighttop {
	width: 100%;
	position: relative;
	border-bottom-left-radius: .5rem;
	overflow: hidden;
	border-top: .08rem solid #135eed;
}
.servicerighttopitem {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
}
.servicerighttopitem img {
	width: 100%;
}
.servicerighttopitemxz {
	position: relative;
	opacity: 1;
	visibility: visible;
}

.servicerightbottom {
	width: 100%;
	padding-left: 0.3rem;
	margin-top: 0.9rem;
}
.servicerightbottomitem {
	position: relative;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	display: inline-block;
	width: auto;
}
.servicerightbottomitem:first-child {
	border: none;
}
.servicerightbottomitem:last-child {
	border: none;
}
.servicerightbottomitemtext {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .24rem;
	line-height: 0.26rem;
	height: 0.26rem;
	position: relative;
}
.servicerightbottomitemtext span {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .24rem;
	position: relative;
	z-index: 5;
}
.servicerightbottomitemtext:after {
	content: "";
	position: absolute;
	width: 0%;
	background: #2c66d4;
	height: .05rem;
	bottom: -0rem;
	left: 0;
	z-index: 1;
	transition: .25s all;
}
.servicerightbottomitemxz .servicerightbottomitemtext:after {
	width: 100%
}
.servicerightbottomitemxz .servicerightbottomitemtext span {
	font-weight: bold;
}
.servicerightbottomitemnum {
	font-family: "POPPINSBOLD";
	color: #f0f0f2;
	font-size: .72rem;
	line-height: 1;
	position: absolute;
	left: 0px;
	bottom: -12px;
	opacity: 0;
	visibility: hidden;
	transition: .25s all
}
.servicerightbottomitemxz .servicerightbottomitemnum {
	opacity: 1;
	visibility: visible;
}



.pagefive {
	width: 100%;
	height: 100vh;
	background: url(../img/newsbg.jpg) no-repeat;
	background-size: 100% 100%;
}

.newstopbox {
	width: 100%;
}
.newstopinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
}
.newstoptitlebox {
	width: 100%;
	padding-top: 1.5rem;
}
.newstopsubtitle {
	color: #3b3b3b;
	font-size: .18rem;
	font-family: "Arial";
	line-height: 1;
	text-transform: uppercase;
}
.newstoptitle {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 0.3rem;
}
.newsbottombox {
	margin-top: 1.18rem;
	padding-left: calc(100% / 12);
}
.newsbottombox .swiper {
	padding-top: .37rem;
	padding-bottom: .37rem;
}
.newsbottomitem {
	width: 100%;
	position: relative;
}
.newsbottomitem:after {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% + .74rem);
	top: -.37rem;
	left: 0.25rem;
	background: #1946b9;
	border-radius: .1rem;
	z-index: -1;
	opacity: 0;
	transition: .25s all;
}
.newsbottomitem a {
}
.newsbottomitempic {
	width: 3.16rem;
	border-radius: .1rem;
	overflow: hidden;
	float: left;
}
.newsbottomitempic img {
	width: 100%;
}
.newsbottomitemright {
	float: left;
	width: 2.5rem;
	margin-left: 0.23rem;
	padding-top: 0.45rem;
}
.newsbottomitemrighttime {
	color: #3b3b3b;
	font-size: .16rem;
	font-weight: bold;
	font-family: "Arial";
	transition: .25s all;
}
.newsbottomitemrighttitle {
	color: #3b3b3b;
	font-size: .18rem;
	height: 0.22rem;
	line-height: 0.22rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight: bold;
	font-family: "Noto Sans SC";
	margin-top: 0.14rem;
	transition: .25s all;
}
.newsbottomitemrightdesc {
	color: #0c000a;
	font-size: .14rem;
	line-height: 0.24rem;
	opacity: 0.65;
	font-family: "Noto Sans SC";
	height: 0.96rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	margin-top: 0.2rem;
	transition: .25s all;
}


.newsbottombox .swiper-slide {
	width: 5.89rem;
}
.newsbottomitem:hover:after {
	opacity: 1;
}
.newsbottomitem:hover .newsbottomitemrighttime {
	color: #fff;
}
.newsbottomitem:hover .newsbottomitemrighttitle {
	color: #fff;
}
.newsbottomitem:hover .newsbottomitemrightdesc {
	color: #fff;
}

.newsarrowbox {
	margin-top: 0.85rem;
	padding-left: 0.9rem;
}
.newsarrowleft {
	width: 0.46rem;
	height: 0.46rem;
	border-radius: 50%;
	cursor: pointer;
	float: left;
}
.newsarrowleft img {
	width: 100%;
	transform-origin: center;
	transform: rotate(180deg);
	filter: brightness(0) saturate(100%);
	transition: .25s all;
}
.newsarrowleft:hover img {
	filter: brightness(1);
}

.newsarrowright {
	width: 0.46rem;
	height: 0.46rem;
	border-radius: 50%;
	cursor: pointer;
	float: left;
	margin-left: 0.08rem;
}
.newsarrowright img {
	width: 100%;
	transform-origin: center;
	filter: brightness(0) saturate(100%);
	transition: .25s all;
}
.newsarrowright:hover img {
	filter: brightness(1);
}

@media screen and (max-width : 1300px) {
.newstoptitlebox {
	padding-top: 1.5rem;
}
.newsbottombox {
	margin-top: .8rem;
}
.newsarrowbox {
    margin-top: 0.5rem;
    padding-left: 0.5rem;
}
}


.pagesix {
	width: 100%;
	background: url(../img/footer.jpg) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 0.67rem;
}
.footerinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.top {
	position: absolute;
	right: 0;
	width: 1.05rem;
	cursor: pointer;
	top: 0;
	transform: translateY(-50%);
}
.top img {
	width: 100%;
}
.footertopinner {
	width: 100%;
	padding-top: 1.17rem;
	
}
.footertopleft {
	float: left;
}
.flogo {
	width: 4.97rem;
}
.flogo img {
	width: 100%;
}
.footerleftcontact {
	margin-top: 0.62rem;
}
.footerleftcontactitem {
	margin-top: 0.3rem;
	display: flex;
	align-items: center;
}
.footerleftcontactitem:first-child {
	margin-top: 0;
}
.footerleftcontactitemico {
	width: 0.19rem;
}
.footerleftcontactitemico img {
	width: 100%;
}
.footerleftcontactitemtext {
	color: #ffffff;
	font-size: .3rem;
	font-family: "Arial";
	line-height: 1;
	font-weight: bold;
	margin-left: 0.25rem;
}
.footerleftcontactitemtext1 {
	font-size: .18rem;
}

.footerleftbottom {
	margin-top: 1.37rem;
}
.footerleftbottomitem {
	width: 0.5rem;
	position: relative;
	float: left;
	margin-left: 0.17rem;
}
.footerleftbottomitem:first-child {
	margin-left: 0;
}
.footerleftbottomitemico {
	width: 100%;
}
.footerleftbottomitemico img {
	width: 100%;
}
.footerleftbottomitempic {
	position: absolute;
	width: 1.2rem;
	left: 50%;
	bottom: calc(100% + .1rem);
	transform: translateX(-50%);
	transition: .25s all;
	opacity: 0;
	visibility: hidden;
}
.footerleftbottomitempic img {
	width: 100%;
}
.footerleftbottomitem:hover .footerleftbottomitempic {
	opacity: 1;
	visibility: visible;
}
.footertopright {
	float: right;
}
.footertoprightitem {
	float: left;
	position: relative;
	margin-left: 1.17rem;
}
.footertoprightitem:first-child {
	margin-left: 0;
}
.footertoprightitemnav {
	
}
.footertoprightitemnav>a {
	color: #ffffff;
	font-size: .16rem;
	font-weight: bold;
	line-height: 0.26rem;
	display: block;
}
.footertoprighttwo {
	position: absolute;
	left: 0;
	top: calc(100% + .2rem);
}
.footertoprighttwonav a {
	color: #ffffff;
	font-size: .14rem;
	opacity: 0.7;
	line-height: 0.36rem;
	display: block;
	white-space:nowrap; 
}
.footercopyright {
	color: #ffffff;
	font-size: .12rem;
	line-height: 0.26rem;
	text-align: right;
	margin-top: 0.77rem;
}
.footercopyright a {
	color: #ffffff;
}


@media screen and (max-width : 1600px) {
.footertoprightitem {
    margin-left: .5rem;
}
.footertoprightitem:first-child {
		margin-left: 0;
}
}


.innertopbox {
	width: 100%;
}
.innernavtopbox {
	width: 100%;
	height: 1.1rem;
	background: #fff;
}
.innernavtop {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.innerlogo {
	width: 2.23rem;
	line-height: 1.1rem;
	float: left;
}
.innerlogo img {
	width: 100%;
}
.innertopright {
	float: right;
	margin-right: 0.9rem;
	height: 100%;
}
.innernavitem {
	float: left;
	margin-left: 0.5rem;
	height: 100%;
	position: relative;
}
.innernavitem:first-child {
	margin-left: 0;
}
.innernavitem>a {
	display: block;
	height: 100%;
	line-height: 1rem;
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .16rem;
}
.innerbannerbox {
	width: 100%;
	position: relative;
}
.innerbanner {
	width: 100%;
}
.innerbanner img {
	width: 100%;
}
.innerbannertitlebox {
	position: absolute;
	left: calc(100% / 12 * 2);
	bottom: 1.05rem;
}
.innerbannersubtitle {
	text-transform: uppercase;
	font-family: "POPPINSBOLD";
	color: #ffffff;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: -3px;
}
.innerbannertitle {
	font-family: "Noto Sans SC";
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	font-size: .3rem;
	margin-top: 0.16rem;
}

.innernavitemxz>a {
	font-weight: bold;
}
.innernavitemxz:after {
	content: "";
	position: absolute;
	left: 0;
	height: 0.02rem;
	background: #3b3b3b;
	width: 100%;
	top: 0.76rem;
}



.innernavtwobox {
	top: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: .25s all;
	background: #fff;
	
}
.innernavitem:hover>.innernavtwobox {
	visibility: visible;
	opacity: 1;
}
.innernavtwoitem {
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
}
.innernavtwoitem a {
	font-family: "Noto Sans SC";
	color: #000;
	font-size: .16rem;
	display: block;
	height: 0.4rem;
	line-height: 0.4rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	white-space:nowrap;
}
.innernavtwoitem:hover a {
	color: #fff;
	background: #095ec8;
}




.abouttopbox {
	width: 100%;
	background: url(../img/abouttopbg.jpg) no-repeat;
	background-size: 100% auto;
}
.abouttop {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.3rem;
	padding-bottom: 1.7rem;
}
.aboutleften {
	color: #3b3b3b;
	font-size: .18rem;
	line-height: 1;
	font-family: "Arial";
	text-transform: uppercase;
}
.aboutlefttitle {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 0.75rem;
}
.aboutleftsubtitle {
	font-weight: 300;
	color: #3b3b3b;
	font-size: .48rem;
	font-family: "Noto Sans SC";
	line-height: 1;
	margin-top: .15rem;
}
.aboutleftdesc2 {
	font-family: "Noto Sans SC";
	color: #828080;
	font-size: .16rem;
	line-height: 0.24rem;
	margin-top: 0.6rem;
	padding-right: 1.2rem;
	text-align: justify;
	width: 63%;
}








.advantagesbox {
	width: 100%;
}
.advantages {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.6rem;
}
.advantagessubtitle {
	color: #3b3b3b;
	font-size: .18rem;
	line-height: 1;
	font-family: "Arial";
	text-transform: uppercase;
}
.advantagestitle {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 0.2rem;
}
.advantagesbottom {
	width: 100%;
	overflow: hidden;
	margin-top: 0.8rem;
}
.advantagesitem {
	width: calc((100% - .46rem) / 3);
	margin-left: 0.23rem;
	float: left;
	position: relative;
	border-radius: .1rem;
	overflow: hidden;
}
.advantagesitem:first-child {
	margin-left: 0;
}
.advantagesitempic {
	width: 100%;
}
.advantagesitempic img {
	width: 100%;
	transition: .25s all;
}
.advantagesitemtitlebox {
	width: calc(100% - .8rem);
	position: absolute;
	left: 0.4rem;
	bottom: 0.48rem;
	height: 0.9rem;
	background: #fff;
	border-radius: .1rem;
	transition: .25s all;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.advantagesitemtitle {
	font-family: "Noto Sans SC";
	font-weight: bold;
	text-align: center;
	color: #3b3b3b;
	font-size: .2rem;
	line-height: 1;
	transition: .25s all;
}
.advantagesitemftitle {
	color: #3b3b3b;
	font-size: .14rem;
	line-height: 1;
	text-align: center;
	font-family: "Arial";
	transition: .25s all;
	margin-top: 0.12rem;
}
.advantagesitem:hover .advantagesitemtitlebox {
	background: #2c66d4;
}
.advantagesitem:hover .advantagesitemtitle {
	color: #fff;
}
.advantagesitem:hover .advantagesitemftitle {
	color: #fff;
}
.advantagesitem:hover .advantagesitempic img {
    transform: scale(1.1);
}




.fangzhenbox {
	width: 100%;
	padding-top: 1.6rem;
	padding-bottom: 2.2rem;
	background-size: 100% 100%!important;
}
.fangzhen {
	width: 5.7rem;
	background: #2c66d4;
	border-radius: .1rem;
	padding-left: 0.7rem;
	padding-right: 0.65rem;
	padding-top: 0.6rem;
	padding-bottom: 0.9rem;
	margin-left: calc(100% / 12 * 2);
}
.fangzhentitle {
	color: #ffffff;
	font-size: .3rem;
	font-weight: bold;
	line-height: 0.35rem;
	height: 0.35rem;
	font-family: "Noto Sans SC";
}
.fangzhendesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.24rem;
	font-family: "Noto Sans SC";
	margin-top: 0.35rem;
}



.honorsbox {
	width: 100%;
}
.honors {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.6rem;
	padding-bottom: 1.8rem;
}
.honorstop {
	width: 100%;
	overflow: hidden;
}
.honorsleft {
	float: left;
}
.honorssubtitle {
	color: #3b3b3b;
	font-size: .18rem;
	line-height: 1;
	font-family: "Arial";
	text-transform: uppercase;
}
.honorstitle {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	margin-top: 0.2rem;
}
.honorsright {
	float: right;
	margin-top: 0.15rem;
}
.honorsleftarrow {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #edebeb;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
.honorsleftarrow img {
	width: 0.23rem;
}
.honorsleftarrow:hover {
	background: #2c66d4;
}
.honorsleftarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}


.honorsrightarrow {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #edebeb;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	overflow: hidden;
	margin-left: 0.04rem;
	cursor: pointer;
}
.honorsrightarrow img {
	width: 0.23rem;
	transform-origin: center;
	transform: rotate(180deg);
}
.honorsrightarrow:hover {
	background: #2c66d4;
}
.honorsrightarrow:hover img {
	filter: grayscale(100%) brightness(1000%);
}

.honorsbottom {
	margin-top: 0.68rem;
}
.honorsbottom .swiper-slide img {
	width: 100%;
}



.repairbox {
	width: 100%;
}
.repair {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 0.95rem;
}
.repairnavbox {
	width: 100%;
	overflow: hidden;
}
.repairnav {
	float: left;
	margin-left: 0.12rem;
}
.repairnav:first-child {
	margin-left: 0;
}
.repairnav a {
	display: block;
	line-height: 0.58rem;
	padding-left: 0.55rem;
	padding-right: 0.55rem;
	color: #3b3b3b;
	font-size: .18rem;
}
.repairnavxz a {
	color: #fff;
	background: #2c66d4;
}
.repaircontent {
	width: 100%;
	margin-top: 1.05rem;
	overflow: hidden;
}
.repairitem {
	width: 100%;
	margin-top: 1.03rem;
	position: relative;
}
.repairitem:after {
	content: "";
	position: absolute;
	left: 0;
	height: 0.08rem;
	top: -.04rem;
	background: #095ec8;
	opacity: 0;
	transition: .25s all;
	width: 100%;
}
.repairitem:first-child {
	margin-top: 0;
}
.repairitem a {
	display: flex;
	width: 100%;
}
.repairitempic {
	overflow: hidden;
	/* border-bottom-left-radius: .5rem; */
	width: calc(100% / 8 * 5);
	transition: .25S all;
}
.repairitempic img {
	width: 100%;
	transition: .25s all;
}
.repairitemright {
	width: calc(100% / 8 * 3);
	padding-left: 0.55rem;
	padding-right: 0.4rem;
	background: #f8f7f7;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.repairitemtitle {
	height: 0.72rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.repairitemtitletext {
	color: #020202;
	font-size: .3rem;
	line-height: 0.36rem;
	font-weight: bold;
	font-family: "Noto Sans SC";
	text-align: center;
	width: 100%;
	transition: .25S all;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.repairitemdesc {
	color: #828080;
	font-size: .16rem;
	line-height: 0.24rem;
	font-family: "Noto Sans SC";
	height: 0.96rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	margin-top: 0.4rem;
}
.repairitemdesc p {
	font-family: "Noto Sans SC";
}
.repairitemmore {
	width: 1.44rem;
	height: 0.43rem;
	text-align: center;
	line-height: 0.43rem;
	border-radius: .22rem;
	color: #ffffff;
	font-size: .14rem;
	font-family: "Noto Sans SC";
	font-weight: 300;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.72rem;
	background: #095ec8;
}

.repairitem:hover .repairitempic {
	border-bottom-left-radius: .5rem;
}
.repairitem:hover .repairitempic img {
    transform: scale(1.1);
}
.repairitem:hover .repairitemtitletext {
	color: #095ec8;
}
.repairitem:hover:after {
	opacity: 1;
}

/* 翻页开始 */
.fanye {
	display: inline-block;
	overflow: hidden;
}
.fanye .pagination {
	margin-top: 1.1rem;
}
.fanye .fanyemg {
	width: 0.30rem;
	height: 0.30rem;
	border: 1px solid #dbdbdb;
	text-align: center;
	line-height: 0.28rem;
	margin-left: 0.03rem;
	margin-right: 0.03rem;
	float: left;
	font-family: "Noto Sans SC";
	color: #6d6d6d;
	font-size: .14rem;
	font-weight: bold;
}
.fanye .cur {
	width: 0.30rem;
	height: 0.30rem;
	border: 1px solid #dbdbdb;
	text-align: center;
	line-height: 0.28rem;
	margin-left: 0.03rem;
	margin-right: 0.03rem;
	float: left;
	font-family: "Noto Sans SC";
	color: #6d6d6d;
	font-size: .14rem;
	background: #2c66d4;
	border-color: #2c66d4;
	color: #fff;
}
.fanye .syy {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .14rem;
	/* width: 0.35rem; */
	/* height: 0.35rem; */
	line-height: 0.3rem;
	float: left;
	margin-right: 0.2rem;
}

.fanye .xyy {
	font-family: "Noto Sans SC";
	color: #3b3b3b;
	font-size: .14rem;
	/* width: 0.35rem; */
	/* height: 0.35rem; */
	line-height: 0.3rem;
	float: left;
	margin-left: 0.2rem;
}




/* 翻页结束 */


.innercaseitem {
	width: calc((100% - .26rem) / 3);
	margin-left: 0.13rem;
	float: left;
	margin-top: 1rem;
}
.innercaseitem:nth-child(3n-2) {
	margin-left: 0;
}
.innercaseitem:nth-child(1) {
	margin-top: 0;
}
.innercaseitem:nth-child(2) {
	margin-top: 0;
}
.innercaseitem:nth-child(3) {
	margin-top: 0;
}
.innercaseitempic {
	width: 100%;
	border-radius: .1rem;
	overflow: hidden;
}
.innercaseitempic img {
	width: 100%;
	transition: .25s all;
}
.innercaseitemtitle {
	color: #3b3b3b;
	font-size: .18rem;
	line-height: 0.2rem;
	height: 0.2rem;
	width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.42rem;
	font-family: "Noto Sans SC";
	transition: .25s all;
}
.innercaseitem:hover .innercaseitemtitle {
	color: #2c66d4;
	font-weight: bold;
}
.innercaseitem:hover .innercaseitempic img {
	transform: scale(1.1);
}





.innernewscontent {
	padding-top: 0.37rem;
	padding-bottom: 0.37rem;
}
.innernewsitem {
	width: 100%;
	margin-top: 1.58rem;
	position: relative;
}
.innernewsitem:after {
	content: "";
	position: absolute;
	width: calc(100% - .25rem);
	left: 0.25rem;
	top: -0.37rem;
	height: calc(100% + .74rem);
	transition: .25s all;
	z-index: -1;
	border-radius: .1rem;
}
.innernewsitem:first-child {
	margin-top: 0;
}
.innernewsitem a {
	display: flex;
	justify-content: space-between;
}
.innernewsitempic {
	width: 3.16rem;
	border-radius: .1rem;
	overflow: hidden;
	float: left;
}
.innernewsitempic img {
	width: 100%;
}
.innernewsitemcenter {
	width: calc(100% - 4.22rem);
	padding-right: 0.65rem;
	padding-left: 0.22rem;
	padding-top: 0.45rem;
}
.innernewsitemtime {
	color: #3b3b3b;
	font-size: .16rem;
	font-weight: bold;
	font-family: "Arial";
	transition: .25s all;
}
.innernewsitemtitle {
	color: #3b3b3b;
	font-size: .18rem;
	line-height: 0.25rem;
	height: 0.25rem;
	width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.2rem;
	font-family: "Noto Sans SC";
	transition: .25s all;
}
.innernewsitemdesc {
	color: #0c000a;
	font-size: .14rem;
	opacity: 0.65;
	line-height: 0.24rem;
	height: 0.48rem;
	width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.2rem;
	font-family: "Noto Sans SC";
	transition: .25s all;
}
.innernewsitemarrow {
	width: 0.46rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0.6rem;
	opacity: 0;
	transition: .25s all;
}
.innernewsitemarrow img {
	width: 100%;
}

.innernewsitem:hover:after {
	background: #1946b9;
}
.innernewsitem:hover .innernewsitemtime {
	color: #fff;
}
.innernewsitem:hover .innernewsitemtitle {
	color: #fff;
}
.innernewsitem:hover .innernewsitemdesc {
	color: #fff;
}
.innernewsitem:hover .innernewsitemarrow {
	opacity: 1;
}







/* 联系开始 */

.lianxitopbox {
	width: 100%;
	overflow: hidden;
	padding-bottom: 1.5rem;
}
.lianxitop {
	width: calc(100% / 12 * 8);
	margin-left: auto;
	margin-right: auto;
}
.lianxitopcontent {
	width: 100%;
	margin-top: 1.5rem;
}
.lianxitopitem {
	width: calc((100% - .5rem) / 3);
	margin-left: 0.25rem;
	float: left;
	height: 3.26rem;
	background: #f0f3fa;
	border-radius: .1rem;
	overflow: hidden;
	padding-top: 0.25rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	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%;
	transition: .25s all;
}
.lianxitopitemtitle {
	text-align: center;
	line-height: 1;
	color: #3b3b3b;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.28rem;
	transition: .25s all;
}
.lianxitopitemhx {
	width: 0.34rem;
	height: 1px;
	background: #3b3b3b;
	opacity: 0.5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.32rem;
	transition: .25s all;
}
.lianxitopitemcontent {
	text-align: center;
}
.lianxitopitem:nth-child(1) .lianxitopitemcontent {
	color: #3b3b3b;
	font-size: .16rem;
	line-height: 0.28rem;
	margin-top: 0.35rem;
	transition: .25s all;
}
.lianxitopitem:nth-child(2) .lianxitopitemcontent {
	color: #3b3b3b;
	font-size: .3rem;
	font-family: "Arial";
	font-weight: bold;
	line-height: 1;
	margin-top: 0.47rem;
	transition: .25s all;
}
.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: #095ec8;
}

.lianxitopitem:hover .lianxitopitemico img {
	filter: grayscale(100%) brightness(1000%);
}
.lianxitopitem:hover .lianxitopitemtitle {
	color: #fff;
}
.lianxitopitem:hover .lianxitopitemhx {
	background: #f9f9f9;
}
.lianxitopitem:hover .lianxitopitemcontent {
	color: #fff;
}

.spacetitlebox2 {
	padding-top: 1.5rem;
}


.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: .88rem;
}
.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;
}


/* 联系结束 */


.repaircontentxq {
	margin-top: 0;
}
.aboutlefttitlexq {
	text-align: center;
	margin-top: 0;
	font-size: .35rem;
	line-height: 0.45rem;
}
.aboutleftdescxq {
	padding-right: 0;
}
.aboutleftdescxq 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;

}




@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);
	}
	
	
}