.maintop {
	position:relative;
	z-index:999;
}
.h-banner {
	overflow:hidden;
}
.header {
	position:absolute;
	left:0;
	top:2.0833333333333335rem;
	right:0;
	z-index:11;
	overflow:hidden;
}
.header .logo {
	float:left;
	height:2.34375rem;
	padding-left:3%;
}
.header .logo img {
	height:100%;
	display:block;
	color:#D12519;
}
.header .logo a {
	float:left;
	height:2.34375rem;
	display:inline-block;
}
.header .logo h1 {
	font-size:0.7291666666666667rem;
	line-height:0.9375rem;
	color:#fff;
	border-left:#ccc 0.052083333333333336rem solid;
	padding-left:0.5208333333333334rem;
	float:left;
	margin-left:0.5208333333333334rem;
	margin-top:0.2604166666666667rem;
}
.header .h-naver {
	float:right;
	overflow:hidden;
	padding-right:4%;
}
.header .h-naver ul {
	overflow:hidden;
}
.header .h-naver li {
	float:left;
	padding-left:1.0416666666666667rem;
}
.header .h-naver li a {
	font-size:0.8333333333333334rem;
	line-height:2.604166666666667rem;
	display:block;
	color:#fff;
}
.header .h-naver li i {
	width:0;
	height:0.052083333333333336rem;
	vertical-align:middle;
	background:#fff;
	transition:all 0.4s;
	display:inline-block;
	margin-right:0.15625rem;
}
/*.header .h-naver li.on i,*/
.header .h-naver li:hover i {
	width:1.0416666666666667rem;
}
.h-banner {
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:100%;
	z-index:1;
}
.h-slider,.device,.swiper-container,.h-banner .swiper-wrapper,.h-banner .swiper-slide {
	height:100vh;
	width:100%;
}
.lianxitj form {
	margin:0;
}
.hs-pd {
	transform-style:preserve-3d;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:11;
	height:5.208333333333334rem;
	perspective:31.25rem;
}
.hs-con {
	transform:rotateX(0deg) translate3d(0,0,0);
	position:absolute;
	left:0;
	right:0;
	transition:all .65s;
	transform-origin:bottom;
	height:5.208333333333334rem;
	background:#fff;
	bottom:0;
	z-index:11;
	margin:0 15%;
}
.hs-con.on {
	transform:rotateX(100deg) translate3d(0,0,0);
}
.hs-con .lt {
	position:absolute;
	left:5.208333333333334rem;
	top:0;
	width:5.208333333333334rem;
}
.hs-con .lt .arrow-right,.hs-con .lt .arrow-left {
	float:left;
	width:50%;
	cursor:pointer;
	height:5.208333333333334rem;
	position:relative;
}
.hs-con .lt span {
	font-size:1.5625rem;
	color:#000;
	line-height:5.208333333333334rem;
	position:absolute;
	left:0.46875rem;
	transition:all 0.4s;
	top:0;
}
.hs-con .lt .arrow-right span {
	left:auto;
	right:0.46875rem;
	position:absolute;
}
.hs-con .lt .arrow-right span:after {
	content:"";
	display:inline-block;
	position:absolute;
	top:2.6020833333333335rem;
	right:0.10416666666666667rem;
	height:0.10416666666666667rem;
	background:#000;
	transition:all 0.4s;
	width:0;
}
.hs-con .lt .arrow-left span:after {
	content:"";
	display:inline-block;
	position:absolute;
	top:2.6020833333333335rem;
	left:0.10416666666666667rem;
	height:0.10416666666666667rem;
	background:#000;
	transition:all 0.4s;
	width:0;
}
.hs-con .lt .arrow-left:hover span {
	left:0;
}
.hs-con .lt .arrow-right:hover span {
	right:0;
}
.hs-con .lt .arrow-right:hover span:after,.hs-con .lt .arrow-left:hover span:after {
	width:2.0833333333333335rem;
}
.pagination {
	opacity:0;
}
.hs-con .cen {
	position:absolute;
	left:50%;
	width:5.208333333333334rem;
	margin-left:-2.604166666666667rem;
	top:0;
	line-height:5.208333333333334rem;
	font-size:1.5625rem;
	color:#000;
	text-align:center;
	cursor:pointer;
	-webkit-animation:bounce-up 1.5s linear infinite;
	animation:bounce-up 1.5s linear infinite;
	opacity:1;
}
.hs-con .ph {
	position:absolute;
	top:0;
	right:3.125rem;
	font-size:1.0416666666666667rem;
	color:#000;
	line-height:5.208333333333334rem;
	display:table-cell;
	vertical-align:middle;
	cursor:pointer;
}
.h-tit .ov-bg {
	padding:3.6458333333333335rem;
	text-align:center;
	position:relative;
	background:#fff;
	z-index:99;
	/*background:rgba(255,255,255,0);*/;
}
.h-tit .line {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:11;
	transition:all 0.3s;
	width:0.052083333333333336rem;
	margin:0 auto;
	transform-origin:0  center;
	width:0.052083333333333336rem;
	height:3.6458333333333335rem;
	background:#C6C6C5;
}
.h-tit h2 {
	font-size:2.0833333333333335rem;
	color:#000;
	font-weight:bold;
	line-height:1.7;
}
.h-tit h4 {
	font-size:0.8333333333333334rem;
	color:#000;
	line-height:1.7;
	margin:1.5625rem 0;
}
.h-tit ul {
	width:31.25rem;
	margin:0 auto;
	overflow:hidden;
	margin-top:1.0416666666666667rem;
	padding-bottom:1.0416666666666667rem;
}
.h-tit li {
	width:33.33%;
	float:left;
}
.h-tit li span {
	font-size:4.166666666666667rem;
	color:#000;
	display:block;
	font-family:'CalibreLight';
	font-weight:bold;
	line-height:4.166666666666667rem;
	position:relative;
	height:4.166666666666667rem;
}
.h-tit li font {
	font-size:14;
	color:#666;
}
.h-tit li span:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	border-top:0.052083333333333336rem solid #ddd;
	background-color:rgba(255,255,255,.8);
	height:1.9791666666666667rem;
	z-index:11;
	bottom:0;
	display:none;
}
.hs-con .ph i {
	opacity:0;
	transform:translateX(-2.0833333333333335rem);
	transition:all 0.4s;
}
.hs-con .ph span {
	transform:translateX(4.166666666666667rem);
	transition:all 0.7s;
}
.hs-con .ph font {
	display:inline-block;
	vertical-align:middle;
	font-size:0;
	opacity:0;
	transform:translateX(6.770833333333334rem);
	transition:all 0.4s;
}
.hs-con .ph font a {
	display:inline-block;
	font-size:0.825rem;
	color:#000;
	margin:0 0.4166666666666667rem;
	opacity:0;
	transform:translateX(2.604166666666667rem);
	transition:all 0.4s;
}
.hs-con .ph:hover i {
	opacity:1;
	transform:translateX(0rem);
	transition:all 1s cubic-bezier(0.5,1.25,0.5,2);
}
.hs-con .ph:hover span {
	opacity:0;
	transform:translateX(0rem);
}
.hs-con .ph:hover font {
	opacity:1;
	transform:translateX(0rem);
	transition:all 1s;
}
.hs-con .ph:hover font a:nth-of-type(1) {
	opacity:1;
	transform:translateX(0rem);
	transition:all 0.4s;
}
.h-work {
	background:url(../images/bg1.jpg) no-repeat center;
	height:36.458333333333336rem;
	background-size:cover !important;
	position:relative;
	z-index:11;
}
.wap {
	width:72.91666666666667rem;
	margin:0 auto;
}
.h-work ul {
	overflow:hidden;
}
.h-work li {
	float:left;
	width:25%;
	height:36.458333333333336rem;
	text-align:center;
	color:#fff;
	padding:0 1.3020833333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.h-work li .mask {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	height:0;
	transition:all 0.5s;
}
.h-work li .text {
	position:absolute;
	left:0;
	right:0;
	padding:0 1.3020833333333335rem;
	top:50%;
	transform:translateY(-50%);
	z-index:11;
}
.h-work li .ico {
	width:5.729166666666667rem;
	height:5.729166666666667rem;
	border-radius:50%;
	margin:0 auto;
	transition:all 0.5s;
}
.h-work li h2 {
	margin-top:0.8333333333333334rem;
	font-weight:400;
	font-size:0.9895833333333334rem;
	line-height:2.291666666666667rem;
}
.h-work li h3 {
	font-size:0.78125rem;
	line-height:1.5625rem;
}
.h-work li p {
	margin-top:1.0416666666666667rem;
	font-size:0.6770833333333334rem;
	line-height:1.3541666666666667rem;
}
.h-work li.l1 .mask {
	background:#ba292e;
}
.h-work li.l2 .mask {
	background:#1599a5;
}
.h-work li.l3 .mask {
	background:#5e904d;
}
.h-work li.l4 .mask {
	background:#5d4378;
}
.h-work li:hover .mask {
	height:100%;
}
.h-work li .ico{
	background-size: 100% auto !important;
}
.h-work li:hover .ico {
	background-position:center -5.729166666666667rem !important;
}
.h-case {
	padding:2.604166666666667rem 0;
}
.h-lists {
	background:#f1f1f1;
	padding:3.385416666666667rem 0;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background-size:cover !important;
}
.h-lists ul.ul {
	overflow:hidden;
	height:100%;
}
.h-lists ul.ul>li {
	float:left;
	margin-right:1%;
	background:#FFFFFF;
	padding:0.78125rem 1.0416666666666667rem;
	width:32.6%;
	height:26.041666666666668rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.h-lists ul.ul>li:last-child {
	margin-right:0;
}
.h-lists .uit-hd {
	height:2.5rem;
	border-bottom:0.052083333333333336rem solid #e7e7e7;
	overflow:hidden;
}
.h-lists .uit-hd h2 {
	float:left;
	font-size:0.8333333333333334rem;
	color:#333333;
	line-height:2.5rem;
	position:relative;
}
.h-lists .uit-hd h2 span {
	border-bottom:0.10416666666666667rem solid #d12519;
	width:1.0416666666666667rem;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.h-lists .uit-hd .more {
	display:block;
	float:right;
	font-size:0.6770833333333334rem;
	color:#999999;
	line-height:2.5rem;
	transition:all 0.3s;
	background:url(../images/h-img14.png) no-repeat right center;
	text-transform:uppercase;
}
.h-lists .uit-hd .more:hover {
	color:#d12519;
}
.h-lists .uit-hd .more:hover i {
	/*background:url(../images/h-ico6-1.png) no-repeat right center;*/;
}
.h-lists .uit-hd .more i {
	position:relative;
	top:0.10416666666666667rem;
	left:0;
	right:0;
	/*background:url(../images/h-ico6.png) no-repeat right center;*/
	padding-right:0.78125rem;
	width:0.625rem;
	height:0.625rem;
	border-radius:50%;
	overflow:hidden;
}
.h-lists .text {
	margin-top:1.0416666666666667rem;
}
.h-lists .text .img {
	width:100%;
	height:10.729166666666668rem;
	overflow:hidden;
}
.h-lists .text .img img {
	width:100%;
	height:100%;
	display:block;
	transition:all 0.5s;
}
.h-lists li:hover .text .img img {
	transform:scale(1.05);
}
.h-lists .text p {
	font-size:0.7291666666666667rem;
	color:#333333;
	margin-top:0.78125rem;
	line-height:1.5625rem;
	text-align:justify;
	text-justify:distribute-all-lines;
	/*ie6-8*/
	text-align-last:justify;
	/* ie9*/
	-moz-text-align-last:justify;
	/*ff*/
	-webkit-text-align-last:justify;
	/*chrome 20+*/
	text-align-last:left;
}
.h-lists dl {
	margin-top:0.78125rem;
}
.h-lists dd {
	/*background:url(../images/h-ico7.jpg) no-repeat left center;*/
	padding-left:0;
	font-size:0.7291666666666667rem;
	color:#333333;
	line-height:1.5625rem;
}
.h-lists dd a {
	font-size:0.7291666666666667rem;
	color:#333333;
	display:block;
	transition:all 0.3s;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.h-lists dd:hover a {
	color:#D12519;
}
.h-lists .table {
	margin-top:1.0416666666666667rem;
}
.h-lists .table table {
	width:105%;
}
.h-lists .table img {
	border:1px solid #eeeeee;
	width:100%;
	height:auto;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	height:5.208333333333334rem;
}
.h-lists .table ul {
	overflow:hidden;
	width:calc(100%  + 0.5208333333333334rem);
}
.h-lists .table li {
	display:inline-block;
	margin:0 0.2604166666666667rem 0.3125rem 0;
}
.h-lists .table li a {
	display:block;
	padding:0 0.5208333333333334rem;
	font-size:0.6770833333333334rem;
	line-height:1.5625rem;
	border:1px solid #ccc;
	border-radius:0.2604166666666667rem;
}
.crumbs {
	padding:1.0416666666666667rem 0;
}
.crumbs dl {
	overflow:hidden;
}
.crumbs dd a,.crumbs dd {
	float:left;
	font-size:0.8333333333333334rem;
	color:#333;
}
.crumbs dd a:hover {
	color:#d12519;
}
.ti-nav {
	height:auto;
	overflow:hidden;
	margin-bottom:3.125rem;
	width:72.91666666666667rem;
	margin:0 auto;
	margin-top:2.604166666666667rem;
}
.ti-nav span {
	float:left;
}
.ti-nav span img {
	display:block;
	max-width:100%;
	height:2.8125rem;
}
.ti-navr {
	float:right;
}
.ti-navr ul {
	float:left;
	padding:0 2.0833333333333335rem 0 3.385416666666667rem;
	position:relative;
}
.ti-navr ul:after {
	content:"";
	display:block;
	width:3.125rem;
	height:0.052083333333333336rem;
	background:#666666;
	position:absolute;
	left:0;
	top:50%;
}
.ti-navr li {
	line-height:2.8125rem;
	float:left;
	position:relative;
}
.ti-navr li:after {
	content:"";
	display:block;
	width:0.052083333333333336rem;
	height:0.8333333333333334rem;
	position:absolute;
	right:0;
	top:50%;
	background:#666666;
	transform:translateY(-50%);
}
.ti-navr li a {
	display:block;
	color:#666666;
	font-size:0.7291666666666667rem;
	padding:0 0.8333333333333334rem;
}
.ti-navr li a:hover {
	color:#333;
}
.ti-navr li.qcbj {
	background:none;
}
.ti-navr font {
	float:right;
	display:block;
	width:10.052083333333334rem;
	height:2.0833333333333335rem;
	background:-webkit-linear-gradient(right,rgba(216,216,216,1),rgba(9,9,11,1));
	background:-o-linear-gradient(to,rgba(216,216,216,1),rgba(9,9,11,1));
	background:-moz-linear-gradient(to,rgba(216,216,216,1),rgba(9,9,11,1));
	background:linear-gradient(right to,rgba(216,216,216,1),rgba(9,9,11,1));
	border-radius:2.604166666666667rem;
	text-align:center;
	line-height:2.0833333333333335rem;
	margin-top:0.3125rem;
	position:relative;
	overflow:hidden;
	transition:all 0.5s ease;
}
.ti-navr font a {
	display:block;
	width:100%;
	color:#ddd;
	font-size:0.8333333333333334rem;
	position:absolute;
	z-index:999;
	left:0;
	top:0;
}
.ti-navr font:hover a {
	color:#fff;
}
.ti-navr font:hover {
	-moz-transform:translateX(0.5208333333333334rem);
	-webkit-transform:translateX(-0.5208333333333334rem);
	-o-transform:translateX(-0.5208333333333334rem);
	-ms-transform:translateX(-0.5208333333333334rem);
	transform:translateX(-0.5208333333333334rem);
}
.h-news .ti-navr ul:after,.h-news .ti-navr li:after {
	background:#fff;
}
.h-news .ti-navr li a {
	color:#fff;
}
.h-news .bd {
	margin-top:2.604166666666667rem;
}
.footer {
	padding:1.5625rem 0;
	padding-bottom:3.125rem;
}
.footer .copyright {
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#fff;
	line-height:1.6;
}
.footer .copyright a {
	color:inherit;
	font-size:0.7291666666666667rem;
}
.footer .logos {
	margin-bottom:1.5625rem;
}
.footer .logos img {
	height:3.125rem;
}
.footer .wap {
	overflow:hidden;
}
.footer .lt {
	float:left;
}
.footer .rt {
	float:right;
}
.footer .coop {
	text-align:left;
	padding-left:1.0416666666666667rem;
}
.footer .coop li {
	font-size:0.8333333333333334rem;
	color:#999;
	line-height:1.25rem;
	display:inline-block;
}
.footer .coop li a {
	display:block;
	color:#999;
	padding:0 1.0416666666666667rem;
	font-size:0.8333333333333334rem;
}
.footer .nav {
	overflow:hidden;
}
.footer .nav ul {
	float:left;
	margin-bottom:0.5208333333333334rem;
}
.footer .nav li {
	float:left;
	font-size:0.8333333333333334rem;
	color:#999;
}
.footer .nav li a {
	font-size:0.8333333333333334rem;
	color:#999;
	padding:0 1.0416666666666667rem;
}
.footer .coop li.active,.footer .coop li:hover a,.footer .nav li.active a,.footer .nav li a:hover {
	color:#fff;
}
.footer .wx {
	float:right;
	overflow:hidden;
}
.footer .wx .imgs {
	width:7.291666666666667rem;
	height:7.291666666666667rem;
	margin-top:1.0416666666666667rem;
}
.footer .wx img {
	width:100%;
	height:100%;
	display:block;
}
.footer .coop h4 {
	font-size:0.8333333333333334rem;
	color:#999;
	line-height:1.6;
}
.footer .coop ul {
	margin-bottom:0.5208333333333334rem;
}
.footer .wx h5 {
	font-size:0.8333333333333334rem;
	color:#fff;
	line-height:2;
	text-align:center;
}
.footer .wx .l {
	float:left;
	margin-left:0.5208333333333334rem;
}
.footer .coop h4 span {
	margin-right:0.2604166666666667rem;
	color:rgba(0,0,0,0.8);
	display:inline-block;
	width:0.78125rem;
	text-align:center;
}
.footer .coop h4 .da {
	font-size:1.0416666666666667rem;
}
.footer .lwap {
	border-bottom:0.052083333333333336rem solid #666;
	padding-bottom:1.5625rem;
}
.footer .friend {
	margin-top:1.0416666666666667rem;
	padding-bottom:1.5625rem;
}
.footer .friend ul {
	margin-top:0.5208333333333334rem;
	overflow:hidden;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.footer .friend li {
	margin-right:0.78125rem;
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#fff;
}
.footer .friend li a {
	display:block;
	font-size:0.7291666666666667rem;
	line-height:1.7;
	color:#fff;
}
.footer .friend li a:hover {
	color:#fff;
}
.footer .friend .tit-fd a {
	display:inline-block;
	padding:0.2604166666666667rem 0.36458333333333337rem;
	font-size:0.625rem;
	border:1px solid #666;
}
.footer .friend .tit-fd a {
	border-color:#fff;
	color:#fff;
}
/*导航开始*/.f-naver {
	width:7.8125rem;
	height:10.416666666666668rem;
	position:fixed;
	left:0;
	top:50%;
	background-color:rgba(0,0,0,0.6);
	cursor:pointer;
	overflow:hidden;
	z-index:999;
	transform:translate(-7.8125rem,-50%);
	transition:all .5s;
}
.f-naver.active {
	transform:translate(0rem,-50%);
}
.f-naver.Bom {
	top:70%;
	background-color:#fff;
}
.f-naver .f-logo {
	position:absolute;
	right:1.5625rem;
	top:2.1875rem;
	width:2.3958333333333335rem;
}
.f-naver .f-logo img {
	max-width:100%;
}
.f-naver .f-gh {
	position:absolute;
	top:4.6875rem;
	right:1.8229166666666667rem;
	height:1.09375rem;
}
.f-naver .f-gh i {
	position:absolute;
	right:0;
	display:block;
	width:1.9791666666666667rem;
	height:0.052083333333333336rem;
	background-color:#fff;
	transition:all .5s ease 0s;
	transform-origin:left center;
}
.f-naver .f-gh i.f-t {
	top:0;
}
.f-naver .f-gh i.f-c {
	top:0.5208333333333334rem;
}
.f-naver .f-gh i.f-b {
	bottom:0;
}
.f-naver .expros {
	position:absolute;
	left:-4.427083333333334rem;
	color:#fff;
	opacity:0;
	transform:translateX(-1.5625rem);
	transition:all .3s ease;
}
.f-naver span {
	background:#000;
	position:absolute;
}
.f-naver:hover {
	width:10.416666666666668rem;
}
.f-naver:hover .f-gh i.f-t {
	transform:translateX(5.208333333333334rem);
}
.f-naver:hover .f-gh i.f-c {
	width:2.5rem;
	right:-0.20833333333333334rem;
}
.f-naver:hover .f-gh i.f-b {
	transform:translateX(5.208333333333334rem);
}
.f-naver:hover .expros {
	transform:translateX(0rem);
	opacity:1;
}
.f-menu {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	z-index:9999;
	transform:translateX(-21.875rem);
	width:21.875rem;
	transition:all 0.5s;
}
.f-menu.active {
	transform:translateX(0);
}
.f-menu .nav-sub {
	position:absolute;
	left:0;
	top:0;
	width:21.875rem;
	height:100%;
	background:rgba(0,0,0,0.9);
	padding:6.25rem 1.5625rem 0 1.5625rem;
	transition:all .5s;
	z-index:11;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.f-menu .nav-sub ul li {
	position:relative;
}
.f-menu .nav-sub ul li a {
	overflow:hidden;
	display:block;
	height:2.916666666666667rem;
	line-height:2.8645833333333335rem;
	position:relative;
}
.f-menu .nav-sub ul li a:after {
	width:0rem;
	height:0.052083333333333336rem;
	background-color:#eee;
	position:absolute;
	content:'';
	left:0rem;
	top:1.4583333333333335rem;
}
.f-menu .nav-sub ul li a font {
	display:block;
	width:0rem;
	font-size:1.3541666666666667rem;
	color:#fff;
	position:absolute;
	left:0;
	margin-left:2.604166666666667rem;
	overflow:hidden;
}
.f-menu .nav-sub ul li a small {
	font-size:1.5625rem;
	color:#fff;
	text-transform:capitalize;
	font-family:'Gautami';
	font-weight:bold;
	position:absolute;
	left:0;
	line-height:3.6458333333333335rem;
}
.f-menu .nav-sub ul li a:after,.f-menu .nav-sub ul li a font,.f-menu .nav-sub ul li a small {
	transition:all .5s;
}
.f-menu .nav-sub ul li.on font,.f-menu .nav-sub ul li a:hover font {
	width:60%;
}
.f-menu .nav-sub ul li.on small,.f-menu .nav-sub ul li a:hover small {
	opacity:0;
	transform:translateX(2.604166666666667rem);
	-webkit-transform:translateX(2.604166666666667rem);
	-moz-transform:translateX(2.604166666666667rem);
	color:#fff;
	background:#fff;
}
.f-menu .nav-sub ul li.on a:after,.f-menu .nav-sub ul li a:hover:after {
	width:2.0833333333333335rem;
}
.f-menu .lts {
	position:relative;
	z-index:9;
	border-bottom:0.052083333333333336rem solid #ECECEC;
	padding:0.5208333333333334rem;
	margin-bottom:1.0416666666666667rem;
	overflow:hidden;
}
.f-menu .lts .imgs {
	float:left;
}
.f-menu .fn-ico {
	float:right;
}
.f-menu .lts img {
	max-width:3.125rem;
}
.f-menu ul li.index .close-bar {
	width:3.90625rem;
	height:2.604166666666667rem;
	position:absolute;
	top:1.875rem;
	margin:1.0416666666666667rem 0 0 -0.2604166666666667rem;
	padding:1.6666666666666667rem 0 0 1.0416666666666667rem;
	cursor:pointer;
	z-index:99;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	opacity:0;
	transform:translateY(2.604166666666667rem);
	transition:all .4s ease 1s;
}
.f-menu .fn-ico span {
	display:block;
	position:absolute;
	width:2.135416666666667rem;
	height:0.052083333333333336rem;
	background-color:#aaa;
	left:0;
	top:1.0416666666666667rem;
}
.f-menu .fn-ico span:after {
	width:0%;
	height:100%;
	background-color:#fff;
	position:absolute;
	content:'';
	left:0;
	top:0;
	transition:all .3s;
}
.f-menu .fn-ico span.sp1 {
	transform:rotate(45deg);
}
.f-menu .fn-ico span.sp2 {
	transform:rotate(-45deg);
}
.f-menu .fn-ico:hover span:after {
	width:100%;
}
.f-menu .fn-ico {
	cursor:pointer;
	width:2.135416666666667rem;
	height:2.135416666666667rem;
	position:relative;
	transition:all 0.4s;
}
.f-menu .fn-ico:hover {
	transform:rotate(360deg);
}
.n-mask {
	background:rgba(0,0,0,0.2);
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:none;
	z-index:8888;
}
.nav-sub ul {
	overflow:hidden;
}
.nav-sub ul li {
	float:right;
	width:14.583333333333334rem;
	transition:all 0.4s;
}
.active.header {
	-webkit-animation:fadeOutUp 1s .1s ease both !important;
	-moz-animation:fadeOutUp 1s .1s ease both !important;
}
.active .nav-sub ul li:nth-child(1) {
	-webkit-animation:fadeInRight 1s .1s ease both;
	-moz-animation:fadeInRight 1s .1s ease both;
}
.active .nav-sub ul li:nth-child(2) {
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;
}
.active .nav-sub ul li:nth-child(3) {
	-webkit-animation:fadeInRight 1s .3s ease both;
	-moz-animation:fadeInRight 1s .3s ease both;
}
.active .nav-sub ul li:nth-child(4) {
	-webkit-animation:fadeInRight 1s .4s ease both;
	-moz-animation:fadeInRight 1s .4s ease both;
}
.active .nav-sub ul li:nth-child(5) {
	-webkit-animation:fadeInRight 1s .5s ease both;
	-moz-animation:fadeInRight 1s .5s ease both;
}
.active .nav-sub ul li:nth-child(6) {
	-webkit-animation:fadeInRight 1s .6s ease both;
	-moz-animation:fadeInRight 1s .6s ease both;
}
.active .nav-sub ul li:nth-child(7) {
	-webkit-animation:fadeInRight 1s .7s ease both;
	-moz-animation:fadeInRight 1s .7s ease both;
}
.ma {
	background:url(../images/ma.jpg) 0 0 no-repeat;
	width:8.125rem;
	height:6.979166666666667rem;
	animation:heart-burst 1s steps(11) infinite;
	background-size:1200%;
	animation-play-state:running;
	display:none;
}
@keyframes heart-burst {
	0% {
	background-position:0%;
}
100% {
	background-position:100%;
}
;}/*导航结束*//*案例开始*/
.banner {
	height:12.552083333333334rem;
	background-position:center top !important;
}
.banner .wap {
	height:100%;
}
.banner .wap table {
	height:100%;
}
.banner h2 {
	font-size:2.0833333333333335rem;
	color:#fff;
}
.banner h3 {
	font-size:1.0416666666666667rem;
	color:#fff;
}
.banner span {
	width:2.604166666666667rem;
	height:0.15625rem;
	background:#fff;
	display:block;
	margin-top:0.78125rem;
}
.title {
	overflow:hidden;
}
.c-list {
	position:relative;
	padding-top:6.979166666666667rem;
}
.c-list .ti-nav {
	margin-top:1.5625rem;
	padding-bottom:1.5625rem;
}
.c-list .hd {
	position:absolute;
	left:0;
	right:0;
	top:0;
}
.c-list .hd .ti-navr {
	float:left;
}
.c-list .hd .ti-nav span {
	float:right;
}
.c-list .hd.active {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:999;
	background:rgba(255,255,255,1);
}
.c-list .ti-navr li a:hover {
	color:#000;
}
.c-list .bd {
	padding-bottom:3.125rem;
}
.c-list .bd ul {
	overflow:hidden;
}
.c-list .bd li {
	float:left;
	width:32.6%;
	margin-right:1%;
	margin-bottom:0.625rem;
	background:#fff;
}
.c-list .bd li .imgs {
	width:100%;
	height:15.885416666666668rem;
}
.c-list .bd li .imgs img {
	height:100%;
	display:block;
	margin:0 auto;
}
.c-list .bd li:nth-child(3n) {
	margin-right:0;
}
.c-list .bd li a {
	display:block;
	position:relative;
	overflow:hidden;
}
.c-list .bd li .s-mask {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	z-index:1;
	opacity:0;
	transition:all 0.4s;
}
.c-list .bd li table {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:11;
	text-align:center;
	height:100%;
	opacity:0;
	transition:all 0.4s;
	transform:scale(0);
	font-size:4.166666666666667rem;
	line-height:1.5;
	text-align:center;
}
.c-list .bd li table img {
	max-width:40%;
}
.c-list .bd li span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:2px solid #fff;
	transition:all 0.4s;
	transform:scale(1.8);
	z-index:11;
	opacity:0;
}
.c-list .bd li .txt {
	overflow:hidden;
	padding:1.0416666666666667rem 1.5625rem;
	background:#ddd;
}
.c-list .bd li h2 {
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#333;
	line-height:1.5;
	z-index:999;
	float:left;
}
.c-list .bd li h4 {
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#999;
	line-height:1.5;
	z-index:999;
	float:right;
}
/*.c-list .bd li:hover h2 {
	opacity:1;
}
.c-list .bd li:hover span {
	transform:scale(0.8);
	opacity:1;
}
.c-list .bd li:hover .s-mask {
	opacity:1;
}*/
.body {
	background:none;
}
.uit-fx {
	width:4.166666666666667rem;
	height:16.666666666666668rem;
	position:fixed;
	right:-4.166666666666667rem;
	bottom:0rem;
	z-index:99;
	transition:all 0.3s;
}
.uit-fx.on {
	right:0;
}
.uit-fx li {
	width:100%;
	height:4.166666666666667rem;
	margin-bottom:0.052083333333333336rem;
}
.uit-fx li a {
	width:100%;
	height:100%;
	text-align:center;
	line-height:4.166666666666667rem;
	color:#000;
	display:block;
	position:relative;
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
.uit-fx p {
	height:4.166666666666667rem;
	line-height:4.166666666666667rem;
	width:12.5rem;
	color:rgba(0,0,0,0);
	padding-left:3.125rem;
	font-size:0.7291666666666667rem;
	background:rgba(255,255,255,0.15);
	position:absolute;
	left:0;
	top:0;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
}
.uit-fx .myphone p {
	background:rgba(205,205,205,.15) url(../images/myph.png) no-repeat 1.3541666666666667rem center;
}
.uit-fx .myqq a {
	background:rgba(205,205,205,.15) url(../images/myqq.png) no-repeat center;
}
.uit-fx .mywx p {
	background:rgba(205,205,205,.15) url(../images/wxs1.png) no-repeat 1.1458333333333335rem center;
}
.uit-fx img {
	width:4.166666666666667rem;
	display:inline-block;
	vertical-align:top;
	opacity:0;
	visibility:hidden;
	z-index:-4;
	filter:alpha(opacity='0');
	transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
.uit-fx i {
	display:inline-block;
	vertical-align:middle;
	line-height:1.0416666666666667rem;
	text-align:left;
	margin-left:0.78125rem;
}
.uit-fx li:hover p {
	background:rgba(0,0,0,.4) url(../images/myph1.png) no-repeat 1.3541666666666667rem center;
	left:-11.458333333333334rem;
	color:#fff;
}
.uit-fx .myqq a:hover {
	background:url(../images/myqq1.png) no-repeat center rgba(0,0,0,0.1);
}
.uit-fx .mywx:hover p {
	background:rgba(0,0,0,.4) url(../images/wxs2.png) no-repeat 1.1458333333333335rem center;
	left:-11.458333333333334rem;
	color:#fff;
}
.uit-fx .mywx:hover img {
	opacity:1;
	visibility:visible;
	z-index:1;
	filter:alpha(opacity='100');
}
.uit-fx .mytop a {
	background:rgba(255,255,255,.15);
	font-size:1.25rem;
}
.uit-fx .mytop a:hover {
	color:#fff;
}
[v-cloak] {
	display:none;
}
.abouts img {
	width:auto !important;
	display:block;
	margin:0 auto !important;
}
.news .body img {
	width:auto !important;
	height:auto !important;
	display:block;
	margin:0 auto !important;
}
.friendul {
	margin-top:1.0416666666666667rem;
}
.winBox {
	position:relative;
}
.scroll li {
	float:left;
	margin-right:1.0416666666666667rem;
	width:auto !important;
}
.tempWrap {
	width:auto !important;
}
.y_banner {
	height:100vh;
	position:relative;
	background-size:cover !important;
}
.y_tx {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	z-index:11;
}
.wrap {
	width:83.33333333333334rem;
	margin:0 auto;
}
.y_banner h1 {
	font-size:2.0833333333333335rem;
	color:#fff;
	line-height:1.6;
	font-weight:bold;
}
.y_banner h2 {
	font-size:1.1458333333333335rem;
	color:#fff;
	line-height:1.6;
	margin-top:1.0416666666666667rem;
}
.y_about {
	padding:4.6875rem 0;
	background:#fff;
}
.y_about h2 {
	font-size:1.875rem;
	line-height:3.229166666666667rem;
	font-weight:bold;
	color:#000;
	margin-bottom:1.0416666666666667rem;
}
.y_about h2 strong {
	font-weight:bold;
	color:#d90000;
	font-size:1.875rem;
	line-height:3.229166666666667rem;
	margin-left:1.5625rem;
}
.y_about p {
	font-size:0.8333333333333334rem;
	line-height:1.5625rem;
	color:#000;
}
.y_case li {
	float:left;
	position:relative;
	overflow:hidden;
}
.y_case ul {
	overflow:hidden;
}
.y_case li .imgs {
	overflow:hidden;
}
.y_case li .imgs img {
	width:100%;
	display:block;
}
.y_case li .txs {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	background:rgba();
}
.y_case li .imgs:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:none;
	background:rgba(0,0,0,0.2);
}
.y_case li {
	width:calc((100% - 2.1875rem)/3);
	position:relative;
	margin-right:1.0416666666666667rem;
	margin-bottom:1.0416666666666667rem;
}
.y_case2 ul {
	padding:0 10.416666666666668rem;
}
.y_case li:nth-child(3n) {
	margin-right:0;
}
.y_case li a {
	display:block;
	position:relative;
	z-index:99;
}
.y_case li .tx {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:112;
	background:linear-gradient(to bottom,rgba(0,0,0,0),#000);
	padding:1.0416666666666667rem;
}
.y_case li .tx  h2 {
	font-size:1.0416666666666667rem;
	color:#fff;
	line-height:1.7;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.y_case li .tx  p {
	font-size:0.8333333333333334rem;
	color:#fff;
	line-height:1.7;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.y_case li i {
	position:absolute;
	top:-15.625rem;
	right:-2.604166666666667rem;
	bottom:0;
	left:0;
	border-right:117.1875rem solid transparent;
	border-top:108.33333333333334rem solid rgba(255,255,255,.2);
	-moz-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	-webkit-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
	z-index:100;
}
.y_case li:hover i {
	-moz-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
.h-case .y_case {
	padding:2.604166666666667rem 0;
}
.y_news {
	padding:0 0 3.125rem;
}
.y_news ul {
	overflow:hidden;
	margin-top:3.125rem;
}
.y_news li {
	width:calc((100% - 4.270833333333334rem)/3);
	margin-right:2.0833333333333335rem;
	margin-bottom:2.0833333333333335rem;
	float:left;
}
.y_news li:nth-child(3n) {
	margin-right:0;
}
.y_news li h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#333;
}
.y_news li h2 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#000;
	display:block;
	padding:0.5208333333333334rem 0;
	position:relative;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.y_news li h2 strong {
	font-size:0.9375rem;
	font-weight:bold;
}
.y_news li i {
	width:1.0416666666666667rem;
	height:0.052083333333333336rem;
	background:#000;
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:0;
	transition:all 0.3s;
}
.y_news li:hover h2 {
	padding-left:1.5625rem;
}
.y_news li:hover h2 i {
	width:1.0416666666666667rem;
}
.y_news li p {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#333;
	height:4.6875rem;
	overflow:hidden;
}
.y_case {
	padding:3.6458333333333335rem 0;
}
.y_title h2 {
	text-align:center;
	font-size:2.3958333333333335rem;
	color:#000;
	font-weight:bold;
	line-height:1.7;
}
.y_title p {
	line-height:1.7;
	text-align:center;
	font-size:1.0416666666666667rem;
	color:#000;
}
.y_case ul {
	margin-top:3.125rem;
}
.y_more {
	position:relative;
	overflow:hidden;
	width:7.291666666666667rem;
	line-height:2.0833333333333335rem;
	border:1px solid #333;
	margin:1.5625rem auto;
	border-radius:0.2604166666666667rem;
	text-align:center;
}
.y_more a {
	display:block;
	font-size:0.8333333333333334rem;
	color:#333;
}
.y_more a:hover {
	color:#fff;
}
.y_more::before,.y_more::after {
	background:#333;
	position:absolute;
	top:50%;
	top:0\9;
	content:'';
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	opacity:0.5;
	z-index:-1;
}
.y_more::after {
	left:-1.0416666666666667rem;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.y_more::before {
	right:-1.0416666666666667rem;
	-webkit-transform:translate(50%,-50%);
	transform:translate(50%,-50%);
}
.y_more:hover {
	color:#fff;
	border-color:#333;
}
.y_more:hover::after {
	-webkit-animation:criss-cross-left .8s both;
	animation:criss-cross-left .8s both;
	width:19.53125rem\9;
	height:19.53125rem\9;
	opacity:1;
}
.y_more:hover::before {
	-webkit-animation:criss-cross-right .8s both;
	animation:criss-cross-right .8s both;
	width:19.53125rem\9;
	height:19.53125rem\9;
	opacity:1;
}
@-webkit-keyframes criss-cross-left {
	0% {
	left:-1.0416666666666667rem;
}
50% {
	left:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	left:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@keyframes criss-cross-left {
	0% {
	left:-1.0416666666666667rem;
}
50% {
	left:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	left:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@-webkit-keyframes criss-cross-right {
	0% {
	right:-1.0416666666666667rem;
}
50% {
	right:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	right:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}@keyframes criss-cross-right {
	0% {
	right:-1.0416666666666667rem;
}
50% {
	right:50%;
	width:1.0416666666666667rem;
	height:1.0416666666666667rem;
}
100% {
	right:50%;
	width:19.53125rem;
	height:19.53125rem;
}
;}.y_contact p {
	display:none;
}
.h-lists .table li a:hover {
	border-color:#d12519;
	color:#d12519;
}
.rmtab {
	float:left;
	background:#fff;
	width:15.625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.0416666666666667rem 1.0416666666666667rem;
}
.rmtab .uit-hd {
	height:2.5rem;
	border-bottom:0.052083333333333336rem solid #e7e7e7;
	overflow:hidden;
}
.rmtab .uit-hd h2 {
	float:left;
	font-size:0.8333333333333334rem;
	color:#333333;
	line-height:2.5rem;
	position:relative;
}
.rmtab .uit-hd h2 span {
	border-bottom:0.10416666666666667rem solid #d12519;
	width:1.0416666666666667rem;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.rmtab .uit-hd .more {
	display:block;
	float:right;
	font-size:0.6770833333333334rem;
	color:#999999;
	line-height:2.5rem;
	transition:all 0.3s;
	background:url(../images/h-img14.png) no-repeat right center;
	text-transform:uppercase;
}
.rmtab .uit-hd .more i {
	position:relative;
	top:0.10416666666666667rem;
	left:0;
	right:0;
	/* background:url(../images/h-ico6.png) no-repeat right center;*/
    padding-right:0.78125rem;
	width:0.625rem;
	height:0.625rem;
	border-radius:50%;
	overflow:hidden;
}
.rmtab dl {
	font-size:0;
}
.rmtab dd {
	display:inline-block;margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}
.rmtab dd a {
	display:block;
	padding:0 0.5208333333333334rem;
	font-size:0.6770833333333334rem;
	line-height:1.5625rem;
	color:#fff;
}
.rmtab dd a:hover {
	opacity:0.8;
}
.rmtab dl {
	overflow:hidden;
	width:calc(100% + 0.5208333333333334rem);
	margin-top:1.0416666666666667rem;
}
.new-list .list {
	float:right;
	width:calc(100% - 16.666666666666668rem);
	background:#fff;
}
.news .rt {
	float:right;
	width:calc(100% - 16.666666666666668rem);
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0.78125rem;
}
.uabout {
	overflow:hidden;
}
.canvas {
	height:100vh;
	pointer-events:none;
}
.footer {
	position:relative;
	z-index:22;
}
.apage {
	padding:6.25rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.apage .h-tit .ov-bg {
	background:none;
}
.apage .h-tit * {
	color:#fff !important;
}
.canvas {
	position:fixed;
	left:0;
	right:0;
	top:0;
}
.apage1 .abd {
	margin-top:7.8125rem;
}
.apage .h-tit .ov-bg {
	padding:0;
}
.alist ul {
	text-align:center;
	display:flex;
	justify-content:center;
}
.alist li {
	width:25%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.5625rem;
}
.alist li .icon {
	width:5.729166666666667rem;
	height:5.729166666666667rem;
	margin:0 auto;
	position:relative;
}
.alist li .icon::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-image:linear-gradient(to right,#3fdadc 0%,#0259af 100%);
	border-radius:45%;
	-webkit-animation:ykroate 2s linear infinite;
}
.alist li .icon .ovs {
	overflow:hidden;
	height:5.729166666666667rem;
	position:relative;
	z-index:11;
}
.alist li h3 {
	font-size:1.3541666666666667rem;
	color:#fff;
	margin:0.78125rem 0;
}
.alist li p {
	font-size:0.9375rem;
	color:#fff;
}
.apage .h-tit h2 {
	font-size:2.604166666666667rem;
}
.apage .h-tit h4 {
	font-size:1.0416666666666667rem;
}
@-webkit-keyframes ykroate {
	from {
	transform:rotate(0);
}
to {
	transform:rotate(360deg);
}
;}.alist {
	margin-bottom:4.166666666666667rem;
}
.qmfuwlc ul {
	font-size:0;
	margin-top:3.6458333333333335rem;
	text-align:center;
	padding-bottom:7.291666666666667rem;
}
.qmfuwlc li {
	display:inline-block;
	vertical-align:middle;
}
.qmfuwlc li span {
	margin:0 2.3958333333333335rem;
	display:block;
}
.qmfuwlc li .ico {
	height:1.6666666666666667rem;
}
.qmfuwlc li .ico img {
	display:block;
	margin:0 auto;
}
.qmfuwlc li p {
	font-size:1.0416666666666667rem;
	line-height:1.7;
	color:#fff;
	margin:0.625rem 0 0;
}
.qmfuwlc .btn {
	width:9.791666666666668rem;
	background:#094cd0;
	margin:3.6458333333333335rem auto 0;
	display:block;
	text-align:center;
	border-radius:0.20833333333333334rem;
	padding:0;
}
.qmfuwlc .btn span {
	background:url(../images/qm18.png) no-repeat left center;
	font-size:0.8333333333333334rem;
	line-height:2.5rem;
	color:#fff;
	padding-left:1.5625rem;
}
.about_swiper {
	height:100vh;
}
.swiper_spot {
	position:absolute;
	right:2.0833333333333335rem;
}
.swiper_spot span {
	background:#fff;
}
#partner ul {
	margin-top:2.604166666666667rem;
	overflow: hidden;
}
#partner ul li {
	width:20%;
	float:left;
	transition:all linear 300ms;
	cursor:pointer;
	padding:0.2604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#partner ul li .img {
	background-color:#fff;
}
#partner ul li img {
	width:100%;
	/* -webkit-filter:grayscale(1);*/
    /* filter:gray;*/
    transition:all linear 300ms;
	margin-bottom:-0.052083333333333336rem;
}
#partner ul li:hover img {
	;
}
.apage .h-tit h4 {
	margin:0;
}
.apage2 .h-tit h4,.apage1 .h-tit h4 {
	margin:2.0833333333333335rem 0;
}
.about_swiper .swiper-slide {
	display:flex;
	align-items:center;
	justify-content:center;
}
/* xcx*/
.appBanner {
	width:100%;
	position:relative;
	background:url(../images/appBg.jpg) no-repeat center/cover fixed;
	overflow:hidden;
}
.appBanner .card {
	position:relative;
	margin-top:6.25rem;
	z-index:11;
	height:100%;
}
.sloganTitle {
	color:#fff;
	overflow:hidden;
	text-align:center;
	flex-wrap:wrap;
	position:absolute;
	top:30%;
	z-index:22;
	left:0;
	right:0;
}
.sloganTitle .b p {
	font-size:3.125rem;
	font-weight:bold;
	line-height:2;
}
.sloganTitle .p p {
	font-size:1.0416666666666667rem;
}
.card__comet--second {
	right:-1.5625rem;
	top:-0.78125rem;
	transform:scale(0.6);
}
.card__comet:before,.card__comet:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(to bottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 27%,rgba(255,255,255,0) 100%);
	border-radius:1.0416666666666667rem;
	transform:rotate(-45deg);
}
.card__comet:before {
	width:0.9375rem;
	height:3.6458333333333335rem;
	transform-origin:-0.10416666666666667rem 0.6770833333333334rem;
}
.card__comet:after {
	width:0.625rem;
	height:4.166666666666667rem;
	transform-origin:0rem 0.4166666666666667rem;
}
.card__circle,.card__smallCircle {
	position:absolute;
	border-radius:100%;
	background-image:linear-gradient(-239deg,#3B4576 0%,#242A48 59%);
	box-shadow:-0.5208333333333334rem -0.78125rem 4.6875rem 0 #191C41;
	z-index:2;
}
.card__circle {
	right:5vw;
	bottom:2vw;
	width:35vw;
	height:35vw;
}
.card__smallCircle {
	right:40%;
	top:-2.5vw;
	width:5vw;
	height:5vw;
	-webkit-transform:scale(3);
	box-shadow:0rem 0rem 1.5625rem 0 #191c41;
}
.card__orangeShine,.card__greenShine {
	position:absolute;
	background-repeat:no-repeat;
	background-size:cover;
}
.card__orangeShine {
	background-image:url(../images/orange_shine.png);
	right:-30vw;
	top:-10vw;
	z-index:2;
	width:100vw;
	height:100vw;
}
.card__greenShine {
	background-image:url(../images/green_shine.png);
	left:25%;
	top:50%;
	-webkit-transform:translateY(-50%);
	z-index:1;
	width:50vw;
	height:50vw;
	background-size:contain;
}
.sloganTitle .p {
	font-size:1.0416666666666667rem;
}
.o-projects__title {
	padding:0 3%;
	display:block;
	line-height:.9;
	font-weight:400;
	color:#eaeaea;
	font-size:5.208333333333334rem;
	text-transform:uppercase;
	text-align:center;
}
.o-projects {
	width:100%;
	display:block;
	padding-top:5.208333333333334rem;
	position:relative;
	z-index:1;
}
.o-container {
	width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-left:3.125rem;
	padding-right:3.125rem;
	max-width:68.4375rem;
	position:relative;
}
.boxes {
	position:relative;
	padding:5.208333333333334rem 0rem;
}
.xcxpage {
	background:#fff;
}
.boxes.f {
	background:#f9f9f9;
	margin-top:0;
}
.seoTitle b {
	font-size:3vw;
	display:block;
}
.seoTitle p {
	text-transform:uppercase;
	font-size:1.4vw;
	opacity:.7;
}
.seoTitle {
	width:100%;
	text-align:center;
	margin-bottom:5vw;
}
.cpList {
	width:100%;
	height:auto;
	position:relative;
}
.cpList ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.cpList ul li {
	width:23%;
	height:auto;
	position:relative;
	border-radius:0.5208333333333334rem;
	background-color:#fff;
	padding:1.3020833333333335rem;
	text-align:center;
	margin-bottom:1.3020833333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.cpList ul li .icon {
	width:4.166666666666667rem;
	height:auto;
	line-height:4.166666666666667rem;
	text-align:center;
	margin:0rem auto;
}
.cpList ul li .info {
	margin-top:0.725rem;
}
.cpList ul li .info .name {
	font-size:0.9375rem;
	line-height:1.25rem;
}
.cpList ul li .info .des {
	margin-top:0.78125rem;
	font-size:0.7291666666666667rem;
	height:auto;
	opacity:.5;
	line-height:1.7;
}
.o-projects {
	width:100%;
	display:block;
	padding-top:5.208333333333334rem;
	position:relative;
	z-index:1;
}
.o-projects.o-projects--grid-home {
	z-index:4;
	padding-top:7.8125rem;
}
.o-projects.o-projects--grid-home {
	z-index:4;
	padding-top:7.8125rem;
}
.c-project__mask {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
}
.o-projects__row {
	display:flex;
	margin-top:-5.5%;
}
.c-project {
	font-size:0.625rem;
	line-height:1.75;
	background-size:cover;
	font-family:ProximaNova-Regular;
	font-weight:400;
	color:#000;
	background-position:50%;
	background-repeat:no-repeat;
	background-color:#fff;
	padding-left:3.125rem;
	padding-right:3.125rem;
}
.c-project.is-white {
	color:#fff;
	background-color:#000;
}
.c-project.c-project--left {
	-webkit-clip-path:url(#projectClipLeft);
	clip-path:url(#projectClipLeft);
}
.o-projects.o-projects--grid .c-project {
	font-size:0.5208333333333334rem;
	padding:0;
}
.o-projects.o-projects--grid .c-project__inner {
	height:0;
	padding-bottom:78.47222%;
	padding-left:3.125rem;
	padding-right:3.125rem;
}
.c-project__bg,.c-project__img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.c-project__img {
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
	will-change:opacity,visibility,transform;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.c-project__img:after,.c-project__img:before {
	background-repeat:no-repeat !important;
}
.c-project__img .bgs {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition:opacity 0.5s ease 500ms;
	background-position:95% 60%;
	background-repeat:no-repeat;
	background-size:60%;
	background-position-x:95%;
	background-position-y:60%;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
}
.c-project__img .bgs {
	z-index:-100;
	opacity:1;
}
.o-clients__shape-left {
	left:0;
	top:2vw;
	width:28%;
	z-index:1;
	position:absolute;
	pointer-events:none;
}
.o-projects.o-projects--grid .c-project__container {
	width:100%;
	max-width:18.75rem;
	padding-bottom:1.5625rem;
	padding-top:15%;
	display:block;
	color:#fff;
	position:relative;
}
.c-project__title {
	line-height:1;
	padding-top:1.0416666666666667rem;
	padding-bottom:1.5625rem;
	letter-spacing:-0.0625rem;
	font-family:AvantGardeGothicITCW02Bd;
	font-weight:400;
	font-size:3.82353rem;
}
.o-projects.o-projects--grid .c-project__title {
	font-size:2vw;
	padding-bottom:1.0416666666666667rem;
}
.c-project__table {
	width:9.895833333333334rem;
	text-align:left;
	margin-bottom:2.34375rem;
	table-layout:fixed;
	display:flex;
	flex-wrap:wrap;
}
.o-projects.o-projects--grid .c-project__table {
	margin-bottom:1.5625rem;
}
.c-project.is-white .c-btninline {
	color:#fff;
}
.c-project.c-project--right {
	margin-top:0.052083333333333336rem;
	-webkit-clip-path:url(#projectClipRight);
	clip-path:url(#projectClipRight);
}
.c-menu__close svg,.c-project {
	width:100%;
	display:block;
	position:relative;
}
.o-clients__shape-left {
	left:0;
	top:2vw;
	width:28%;
	z-index:1;
	position:absolute;
	pointer-events:none;
}
.o-experts {
	display:block;
	padding-top:5.208333333333334rem;
	padding-bottom:5.208333333333334rem;
	position:relative;
	line-height:1.65;
	color:#000;
	font-size:1rem;
	background-color:#fff;
	z-index:2;
}
.o-clients__shape-left b {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	color:#fff;
	text-align:center;
	width:60%;
	font-family:montserrat;
	text-transform:uppercase;
	font-size:1.25rem;
}
.c-btninline {
	border:0;
	width:7.8125rem;
	position:relative;
	border-radius:100%;
	display:block;
	overflow:hidden;
}
.hyList ul li {
	width:23.5%;
	height:auto;
	position:relative;
}
.hyList ul li .thum{
     height: 10rem;overflow: hidden;
}
.hyList ul li .thum img{
     width: 100%;height: 100%;display: block;object-fit: cover;
}
.hyList ul li .name {
	text-align:center;
	line-height:2.8645833333333335rem;
	font-size:0.7291666666666667rem;
}
.hyList ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.hyList ul li img {
	display:block;
	width:100%;
}
.h5Bg {
	width:100%;
	height:100vh;
	position:fixed;
	left:0%;
	top:0%;
	background:url(../images/Background.svg) center center no-repeat;
	background-size:cover;
	overflow:hidden;
}
.h5Ball {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100vw;
}
.h5Ball .bg {
	height:300%;
	background:url(../images/Planets.svg) no-repeat;
	background-size:cover;
	position:relative;
}
.rocket {
	width:15.15625rem;
	height:42.708333333333336rem;
	position:fixed;
	left:30%;
	margin-left:-7.552083333333334rem;
	bottom:0rem;
	background:url(../images/shuwon_recket.png) no-repeat;
	background-size:auto 100%;
	-webkit-animation:rockets 0.5s steps(1) infinite;
	-webkit-transition:all 2s cubic-bezier(.165,.84,.44,1);
}
.tilt {
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.tilt__back,.tilt__front {
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.tilt__back {
	position:relative;
}
.tilt__front {
	position:absolute;
	top:0;
	left:0;
}
.uccase ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:2.0833333333333335rem;
}
.uccase ul li {
	width:50%;
}
.uccase ul li img {
	width:100%;
	display:block;
}
.umcase .uccase ul li a {
	height:22.916666666666668rem;
}
.uccase ul li a {
	display:block;
	position:relative;
	overflow:hidden;
	height:15.625rem;
}
.uccase ul li a .txt {
	position:absolute;
	left:10%;
	z-index:11;
	top:30%;
	color:#fff;
}
.uccase ul li a .txt h3 {
	font-size:1.5625rem;
	font-weight:bold;
}
.uccase ul li a .txt h6 {
	font-size:1.0416666666666667rem;
	font-weight:bold;
}
.uccase ul li .bef {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	bottom:0;
	background:rgba(0,0,0,0.2);
	display:none;
}
.uccase,.y_news {
	padding:4.166666666666667rem 0;
}
.y_news li {
	background:#f1f1f1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:1.0416666666666667rem;
	border-radius:0.4166666666666667rem;
}
.umcase .uccase ul li {
	width:100%;
	margin-bottom:1.0416666666666667rem;
}
#holder {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#000;
	pointer-events:none;
	z-index:-1;
}
#holder canvas {
	width:100% !important;
	height:100% !important;
}
.uccase {
	position:relative;
	z-index:11;
	background:#fff;
	padding-bottom:0;
	overflow:hidden;
}
.y_news {
	position:relative;
	z-index:11;
	background:rgba(255,255,255,0.98);
}
.h-banner .txt {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	flex-wrap:wrap;
	text-align:center;
}
.h-banner .txt h1 {
	width:100%;
	color:#fff;
	line-height:1.6;
	font-size:3.125rem;
	font-weight:bold;
}
.h-banner .txt h2 {
	width:100%;
	color:#fff;
	line-height:1.6;
	font-size:2.0833333333333335rem;
	font-weight:bold;
}
.h-banner .swiper-container span {
	background:#fff;
}
.umcase .uccase {
	padding:5.208333333333334rem 0 0;
	background:none;
}
.nebanner {
	height:20.833333333333336rem;
}
.nebanner .y_tx {
	text-align:left;
}
.crumbs,.new-list {
	background:#fff;
}
.new-list .list ul {
	margin-bottom:1.0416666666666667rem;
}
.new-list {
	background:#f3f3f3;
	padding:2.0833333333333335rem 0 5.46875rem;
	overflow:hidden;
}
.new-list .list {
	padding-bottom:3.0208333333333335rem;
}
.new-list li {
	overflow:hidden;
	padding:1.4583333333333335rem;
	position:relative;
	background:#FFFFFF;
	border-bottom:0.052083333333333336rem solid #f1f1f1;
}
.new-list li .img {
	float:left;
	width:14.322916666666668rem;
	height:9.53125rem;
	overflow:hidden;
}
.new-list li .img img {
	width:100%;
	height:100%;
	display:block;
	transition:all 0.3s;
}
.new-list .txt .date span {
	font-size:0.7291666666666667rem;
	color:#333;
	font-family:arial;
	color:#999;
}
.new-list .txt .date {
	margin:0.5208333333333334rem 0;
}
.new-list .txt h2 {
	font-size:0.9375rem;
	color:#333333;
	line-height:1.3541666666666667rem;
	margin-bottom:0.052083333333333336rem;
	font-weight:bold;
}
.new-list a:hover .txt h2 {
	color:#d12519;
}
.new-list .txt p {
	font-size:0.6770833333333334rem;
	color:#999;
	line-height:1.0416666666666667rem;
	overflow:hidden;
}
.new-list .btn {
	position:absolute;
	bottom:0;
	right:0;
	width:8.333333333333334rem;
	height:2.291666666666667rem;
	line-height:2.291666666666667rem;
	background:rgba(0,0,0,0.6);
	font-size:0.625rem;
	color:#fff;
	text-align:center;
	display:block;
}
.uit-page dl {
	font-size:0;
	text-align:center;
}
.uit-page dd {
	height:1.8229166666666667rem;
	background:#FFFFFF;
	line-height:1.8229166666666667rem;
	text-align:center;
	margin:0 0.15625rem;
	transition:all 0.3s;
	color:#808080;
	cursor:pointer;
	display:inline-block;
}
.uit-page dd a {
	font-size:0.7291666666666667rem;
	color:#808080;
	display:block;
	padding:0 0.5208333333333334rem;
	min-width:1.0416666666666667rem;
}
.uit-page dd:hover a {
	;
}
.uit-page dd a.on,.uit-page dd a:hover {
	color:#FFFFFF;
	background:rgba(0,0,0,0.6);
	color:#FFFFFF;
}
.maintop {
	height:auto !important;
}
.h-banner .swiper-slide {
	background-size:cover !important;
}
.anchorBL,.BMap_noprint {
	display:none;
}
/*联系我们*/
.contact {
	padding:3.125rem 0;
	background:#fff;
}
.contact .bd {
	height:33.85416666666667rem;
	box-shadow:0 0.20833333333333334rem 1.3541666666666667rem 0.10416666666666667rem #cfcfcf;
	margin:0 auto;
	margin-top:0rem;
	background:#fff;
}
.con_lt {
	width:50%;
	float:left;
	padding-top:4.427083333333334rem;
}
.contact h2 {
	color:#222222;
	font-size:2.760416666666667rem;
	padding-left:5.208333333333334rem;
}
.contact li {
	padding-left:5.208333333333334rem;
	padding-top:0.5208333333333334rem;
	display: flex;
	align-items: center;
}
.lx_icon {
	float:left;
}
.fonts_lx {
	line-height:1.5625rem;
	font-size:0.8333333333333334rem;
	margin-left:0.2833333333333335rem;
}
.lianxitj {
	padding-left:5.208333333333334rem;
	padding-top:0.78125rem;
	width:87%;
}
.lx_re {
	width:50%;
	float:right;
	padding-top:2.604166666666667rem;
}
.lx_re iframe {
	float:right;
}
.contact .txt {
	border:0px solid;
	border-bottom-color:currentcolor;
	border-bottom-style:solid;
	border-bottom-width:0rem;
	border-bottom:0.052083333333333336rem solid #bfbfbf;
	outline:none;
	height:2.0833333333333335rem;
	font-size:0.7291666666666667rem;
	color:#8c8c8c;
	font-family:"微软雅黑";
	width:42.8%;
	margin-right:5%;
}
.contact .text {
	border:0px solid;
	border-bottom-color:currentcolor;
	border-bottom-style:solid;
	border-bottom-width:0rem;
	border-bottom:0.052083333333333336rem solid #bfbfbf;
	outline:none;
	font-size:0.7291666666666667rem;
	color:#8c8c8c;
	font-family:"微软雅黑";
	max-width:32.29166666666667rem;
	height:4.166666666666667rem;
	max-height:4.166666666666667rem;
	width:94.5%;
	padding-top:0.5208333333333334rem;
}
.contact .btns {
	transition:0.4s 0s;
	-webkit-transition:0.4s 0s;
	width:9.375rem;
	height:2.604166666666667rem;
	margin-top:1.5625rem;
	float:right;
	font-size:0.9375rem;
	color:#fff;
	background:#D12519;
	border:0px solid;
	cursor:pointer;
	margin-right:1.8229166666666667rem;
}
.contact .con_rt {
	float:right;
	width:50%;
	height:100%;
}
.rmtab dd:nth-child(8n-7) a {
	background:#8a9b0f;
}
.rmtab dd:nth-child(8n-7) a {
	background-image:linear-gradient( 90deg,#a493ff,#197dff);
}
.rmtab dd:nth-child(8n-6) a {
	background:#eb6841;
}
.rmtab dd:nth-child(8n-5) a {
	background:#3fb8af;
}
.rmtab dd:nth-child(8n-4) a {
	background:#fe4365;
}
.rmtab dd:nth-child(8n-3) a {
	background:#2196f3;
}
.rmtab dd:nth-child(8n-2) a {
	background:#edc951;
}
.rmtab dd:nth-child(8n-1) a {
	background:#c8c8a9;
}
.rmtab dd:nth-child(8n) a {
	background:#83af9b;
}
.news .rt {
	float:right;
	width:calc(100% - 16.666666666666668rem);
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0.78125rem;
}
.news {
	background-color:#F4f4f4;
	padding-bottom:3.125rem;
}
.news .head {
	padding-top:3.125rem;
	text-align:center;
}
.news .head h1 {
	font-size:1.5625rem;
	color:#333;
	line-height:1.5625rem;
	margin-bottom:0.2604166666666667rem;
}
.news .head ul {
	height:auto;
	overflow:hidden;
}
.news .head li {
	display:inline-block;
}
.news .head li {
	font-size:0.625rem;
	color:#999;
	line-height:2.0833333333333335rem;
	padding:0 1.0416666666666667rem;
}
.news .body,.news .body p {
	font-size:0.9375rem;
	color:#333;
	line-height:1.7;
	margin-top:1.0416666666666667rem;
}
.news .body .img {
	width:29.635416666666668rem;
	border:1px solid #e5e5e5;
	padding:0 10.416666666666668rem;
	background-color:#fff;
	padding:0.78125rem;
	margin:0 auto;
	box-sizing:border-box;
}
.news .body .img img {
	width:29.635416666666668rem;
	display:block;
}
.news .btn  ul {
	height:auto;
	overflow:hidden;
	margin-top:1.5625rem;
}
.news .btn li {
	float:left;
	width:48%;
}
.news .btn li:nth-child(2n+1) {
	float:right;
}
.news .btn li a {
	padding-left:1.0416666666666667rem;
	height:2.0833333333333335rem;
	background-color:#fff;
	display:block;
	font-size:0.7291666666666667rem;
	color:#333;
	line-height:2.0833333333333335rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news .btn li.selected,.news .btn li a:hover {
	color:#fff;
	background-color:#282828;
}
.news .newsbox {
	margin-top:1.5625rem;
	background-color:#fff;
}
.news .newsbox h2 {
	font-size:1.0416666666666667rem;
	color:#a9080a;
	line-height:2.0833333333333335rem;
	margin-bottom:0.2604166666666667rem;
}
.news .newsbox ul {
	height:auto;
	overflow:hidden;
	padding-bottom:1.3020833333333335rem;
}
.news .newsbox li {
	float:left;
	padding-left:1.0416666666666667rem;
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.news .newsbox li a {
	display:block;
	font-size:0.7291666666666667rem;
	color:#333;
	line-height:2.0833333333333335rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news .newsbox li a:hover {
	color:#a9080a;
}
.news {
	padding:2.0833333333333335rem 0;
}
#allmap {
	height:100%;
}


html{
	font-size: 1vw;
}