@charset "utf-8";

font-famil @font-face {
	src: url('../fonts/bebas.TTF');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	src: url('../fonts/DIN-Medium.ttf');
	font-weight: normal;
	font-style: normal;
}



* {
	margin: 0;
	padding: 0;
}

body {
	font-family: sans-serif;
	margin: 0px;
	padding: 0px;
	margin: 0px auto;
	font-size: 0.16rem;
	color: #414446;
	width: 100%;
	zoom: 1;
}

body {
	visibility: hidden;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

ul, li, form, dl, dt, dd, div, ul, li, p, em, i, address {
	font-style: normal;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
}

select, input, textarea, button {
	font-size: 0.14rem;
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #545454;
}

input:focus {
	outline: none;
}

input, button, select, textarea {
	border: 0px;
	outline: none;
	/*-webkit-appearance:none;*/
	/*强制去除表单自带的样式*/
}

button {
	cursor: pointer;
}

textarea {
	resize: none;
	/*-webkit-appearance:none;*/
	/*强制去除textarea自带的样式*/
}

textarea, input, select {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

article, aside, footer, header, hgroup, nav, section, figure, fxigcaption, address {
	display: block;
}

/*html5设置*/
figure, figcaption {
	margin: 0px;
	padding: 0px;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

img {
	max-width: 100%;
	border: none;
	border: 0;
	vertical-align: middle;
}

a {
	color: #333333;
	text-decoration: none;
	transition: all ease 0.3s;
}

a:focus {
	outline: none;
	-moz-outline: none;
}

a:hover {
	text-decoration: none;
	color: #FF9837;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
}

.dot2 {
	-webkit-line-clamp: 2;
}

/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}

.dot4 {
	-webkit-line-clamp: 4;
}

/*input字体*/
:-moz-placeholder {
	color: #999999;
}

::-moz-placeholder {
	color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999999;
}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9;
	text-indent: 1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	color: #999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 0.14rem;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
	display: none;
}


/*effict*/
.Scale-img {
	overflow: hidden;
	cursor: pointer;
	zoom: 1;
	overflow: hidden;
}

.Scale-img img, .Scale-img span {
	opacity: 1;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}

.Scale-img:hover img, .Scale-img:hover span {
	opacity: 1;
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
	top: 0px;
	left: 0px;
}

.effict {
	transition: all ease 0.3s;
}

.imgbox {
	overflow: hidden;
	position: relative;
	/*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/
}

.imgbox span {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.imgbox img {
	width: auto !important;
	max-height: 100%;
}


/*pages*/
.Pages {
	zoom: 1;
	overflow: hidden;
	text-align: center;
	color: #666666;
	clear: both;
	line-height: 0.34rem;
	font-size: 0.14rem;
	margin-top: 1.2rem;
	margin-bottom: 1.2rem;
}

.Pages span {
	padding: 0px 0px;
	display: inline-block;
	vertical-align: middle;
}

.Pages a {
	display: inline-block;
	margin: 0px 6px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #C8CACC;
	width: 50px;
	height:50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	line-height: 50px;
	font-size: 16px;
	color: #888888;
}

.Pages .p_page a {
	display: inline-block;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
}

.Pages .p_page .a_prev, .Pages .p_page .a_first {
	background-image: url(../images/arrleft.png);
}

.Pages .p_page .a_next, .Pages .p_page .a_end {
	background-image: url(../images/arrright.png);
}

.Pages .p_page .a_prev:hover, .Pages .p_page .a_first:hover {
	background-image: url(../images/arrleft_white.png);
	color: #fff;
	background-color: #FF9837;
	border: 1px solid #FF9837;
}

.Pages .p_page .a_next:hover, .Pages .p_page .a_end:hover {
	background-image: url(../images/arrright_white.png);
	color: #fff;
	background-color: #FF9837;
	border: 1px solid #FF9837;
}

.Pages .p_page .num a:hover, .Pages .p_page .num a.a_cur {
	border: 1px solid #FF9837;
	background: #FF9837;
	color: #fff;
}

.Pages .p_count,
.Pages .p_cur,
.Pages .a_first,
.Pages .a_end,
.Pages .p_jump,
.Pages .p_total{
	display: none !important;
}

/*pages end*/

.Contain {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	/* padding-left: 2.4rem;
	padding-right: 2.4rem; */
	box-sizing: border-box;
}
@media screen and (max-width:1440px){
	.Contain {
		padding: 0px 20px !important;
	}
}




.Top {
	line-height: 0.9rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
	height: 0.9rem;
	box-sizing: border-box;
	padding: 0 1.8rem 0px 4.39rem;
}

.Top .Logo {
	width: 4.09rem;
	position: absolute;
	left: 0.3rem;
	top: 0;
	text-align: center;
}

.Top .Topbox {
	width: 0.9rem;
	position: absolute;
	right: 0;
	top: 0;
}

.Top .Topbox .search {
	position: relative;
}

.Top .Topbox .search .searchIcon {
	display: block;
}

.Top .Topbox .search .category {
	display: none;
}

.Top .Topbox .search .searchBox {
	width: 3rem;
	height: 0.8rem;
	position: absolute;
	top: 0.9rem;
	right: 0;
	padding-right: 0.8rem;
	background: #fff;
	display: none;
}

.Top .Topbox .search .searchBox input {
	width: 2.1rem;
	box-sizing: border-box;
	padding: 0 0.1rem;
	position: absolute;
	left: 0;
	top: 0;
}

.Top .Topbox .search .searchBox button {
	width: 0.9rem;
	background: #FF9837;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.Top .Topbox .searchIco {
	width: 0.9rem;
	height: 0.9rem;
	line-height: 0.9rem;
	text-align: center;
	background: #FF9837;
}

.Top .Topbox .lan {
	margin-right: 0.3rem;
	color: #fff;
}

.Top .Topbox .lan a {
	color: #fff;
}

.Top .Topbox .lan a.on {
	color: #FF9837;
}

.Top .Topbox .lan img {
	display: inline-block;
	margin-right: 0.1rem;
}

.Top .MainNav {
	text-align: right;
	width: 100%;
}

.Top .MainNav ul li {
	display: inline-block;
	margin-left: -4px;
	padding: 0 0.1rem;
	margin: 0 0.1rem;
	position: relative;
}

.Top .MainNav ul li a {
	color: #fff;
}

.Top .MainNav ul li::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #FF9837;
	transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	transition: all .5s;
	-webkit-transition: all .5s;
	position: absolute;
	left: 0;
	bottom: 0;
}

.Top .MainNav ul li.on::after {
	transform: rotateY(0);
	-webkit-transform: rotateY(0);
}

.Top .MainNav ul li.on a {
	color: #FF9837;
}

.Top .MainNav ul li:hover::after {
	transform: rotateY(0);
	-webkit-transform: rotateY(0);
}

.Top .MainNav ul li:hover a {
	color: #FF9837;
}



/* .sec-1{position: relative;} */

.HomeBan .item {
	position: relative;
	height: 100vh;
}

.HomeBan .item .txt {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 999;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #fff;
}

.HomeBan .item .txt span {
	font-size: 0.2rem;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.3s;
}

.HomeBan .item .txt p {
	font-size: 0.5rem;
	font-weight: bold;
	line-height: 0.57rem;
	margin: 0.25rem 0 0.75rem 0;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.4s;
}

.more a {
	padding: 0 0.3rem;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.5s;
	width: 1.5rem;
	height: 45px;
	background: #FF9837;
	box-shadow: 0px 0.1rem 0.3rem 0px rgba(252, 138, 30, 0.15);
	border-radius: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-weight: 300;
	font-size: 0.14rem;
	color: #FFFFFF;
}

.more a img {
	position: relative;
	top: -1px;
	margin-left: 5px;
}

.HomeBan .item .video {
	width: 100%;
	height: 100%;
}

.HomeBan .item video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.sec-1.active .HomeBan .item.flex-active-slide .txt span,
.sec-1.active .HomeBan .item.flex-active-slide .txt p {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

section.active .more a {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}





@keyframes rightan {
	from {
		bottom: 8%;
		opacity: 0;
	}

	to {
		bottom: 4%;
		opacity: 1;
	}
}

@-webkit-keyframes rightan {
	from {
		bottom: 8%;
		opacity: 0;
	}

	to {
		bottom: 4%;
		opacity: 1;
	}
}

.downarr {
	-webkit-animation: rightan 1s infinite;
	-webkit-animation-fill-mode: both;
	color: #fff;
	width: 45px;
	height: 65px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -17px;
	z-index: 999;
	text-align: center;
	margin-bottom: 40px;
}

.downarr p {
	font-size: 0.12rem;
}


.HomeBan .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	width: 0.1rem;
	height: 0.1rem;
}

.HomeBan .swiper-pagination-bullet-active {
	background: #FF9837 !important;
	width: 0.1rem;
	height: 0.1rem;
}

/* .sec-1.active .HomeBan .item.flex-active-slide .txt span,
.sec-1.active .HomeBan .item.flex-active-slide .txt p,
.sec-1.active .HomeBan .item.flex-active-slide .txt .more a{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;} */

/* 第二屏 */
section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.sec-2 {
	overflow: hidden;
}

.sec-2 .HomeAbout {
	padding-top: 1.24rem;
	height: 100vh;
	position: relative;
	box-sizing: border-box;
}

.sec-2 .HomeAbout .HomeAboutTxt {
	color: #fff;
	max-width: 5.45rem;
	width: 60%;
}

.sec-2 .HomeAbout .HomeAboutTxt span {
	font-weight: bold;
	color: #FFFFFF;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.3s;
}

.sec-2 .HomeAbout .HomeAboutTxt h1 {
	font-weight: 500;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.4s;
}

.sec-2 .HomeAbout .HomeAboutTxt .dec {
	opacity: 0.6 !important;
	font-size: 0.14rem;
	line-height: 0.3rem;
	font-weight: lighter;
	margin-bottom: 37px;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.5s;
}

.more1 a {
	background: none;
	padding-left: 0;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.5s;
}

.sec-2 .HomeAbout .HomeAboutNum {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.2s;
	height: 3.2rem;
}

.sec-2 .HomeAbout .HomeAboutNum::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url(../uploadfiles/image/numbg2.jpg) no-repeat bottom center;
	background-size: cover;
	position: absolute;
	right: -50%;
	top: 0;
	z-index: 0;
}

.sec-2 .HomeAbout .HomeAboutNum ul {
	position: relative;
	z-index: 99;
	width: 100%;
	background: url(../uploadfiles/image/numbg2.jpg) no-repeat bottom right;
	height: 3.2rem;
	display: flex;
}

.sec-2 .HomeAbout .HomeAboutNum ul::after {
	content: '';
	display: block;
	clear: both;
}

.sec-2 .HomeAbout .HomeAboutNum ul li {
	width: 25%;
	float: left;
	height: 3.2rem;
	display: flex;
	/* justify-content: center; */
	flex-direction: column;
	box-sizing: border-box;
}

.sec-2 .HomeAbout .HomeAboutNum ul li {
	padding-left: 1.08rem;
	padding-right: 0.1rem;
	padding-top: 0.5rem;
}

.sec-2 .HomeAbout .HomeAboutNum ul li .ico {
	margin-bottom: 0.32rem;
}


.sec-2 .HomeAbout .HomeAboutNum ul li .num span {
	line-height: 0.5rem;
	font-weight: 400;
	font-size: 0.5rem;
	color: #FF9837;
	font-weight: bold;
}

.sec-2 .HomeAbout .HomeAboutNum ul li .num b {
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	top: -0.3rem;
	margin-left: 0.08rem;
	font-weight: 400;
	font-size: 0.16rem;
	color: #C0C0C0;
}

.sec-2 .HomeAbout .HomeAboutNum ul li h1 {
	margin: 0.32rem 0 0.18rem 0;
	font-weight: 400;
	font-size: 0.18rem;
	color: #FF9837;
	line-height: 0.18rem;
}

.sec-2 .HomeAbout .HomeAboutNum ul li p {
	font-weight: 300;
	font-size: 0.14rem;
	color: #999999;
	line-height: 0.2rem;
}

.sec-2 .HomeAbout .HomeAboutNum ul li.li1 {
	background: url(../uploadfiles/image/numbg1.jpg) no-repeat bottom center;
	background-size: cover;
	padding-left: 0.54rem;
	color: #fff;
	padding-right: 0.50rem;
	width: 3.5rem;
	box-sizing: border-box;
	padding-top: 1.13rem;
}

.sec-2 .HomeAbout .HomeAboutNum ul li.li1 span {
	font-weight: 400;
	font-size: 0.5rem;
	color: #FFFFFF;
	line-height: 0.45rem;
	height: 0.45rem;
	font-weight: bold;
	display: inline-block;
}

.sec-2 .HomeAbout .HomeAboutNum ul li.li1 p {
	line-height: 0.18rem;
	margin: 0.34rem 0 0.18rem 0;
	font-weight: 400;
	font-size: 0.18rem;
	color: #FFFFFF;
}

.sec-2 .HomeAbout .HomeAboutNum ul li.li1 .numbox {
	font-weight: 300;
	font-size: 0.14rem;
	color: #FFFFFF;
	line-height: 0.2rem;
}

.sec-2.active .HomeAbout .HomeAboutTxt span,
.sec-2.active .HomeAbout .HomeAboutTxt h1,
.sec-2.active .HomeAbout .HomeAboutTxt .dec,
.sec-2.active .more1 a,
.sec-2.active .HomeAbout .HomeAboutNum {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}





.HomeTit {
	color: #fff;
	width: 60%;
	max-width: 5.45rem;
}

.HomeTit span {
	font-size: 0.24rem;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.3s;
}

.HomeTit h1 {
	font-size: 0.5rem;
	margin: 0px 0 0px 0;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.4s;
}

.HomeTit .dec {
	opacity: 0.6;
	font-size: 0.14rem;
	line-height: 0.3rem;
	font-weight: lighter;
	margin-bottom: 0.85rem;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.5s;
}

.HomeTit1 h1 {
	color: #333;
}

.HomeTit1 .dec {
	color: #666666;
}

section.active .HomeTit span,
section.active .HomeTit h1,
section.active .HomeTit .dec {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.sec-3 .HomeTit .dec{
	margin-top: 0.7rem;
}
.sec-3 .HomeTit h1{
	height: 0.48rem;
    line-height: 0.48rem;
    margin-top: 0.22rem;
}

.sec-3 .HomeCase {
	height: 100vh;
	position: relative;
}

.sec-3 .HomeCase .slider-for {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.sec-3 .HomeCase .slider-for .item {
	height: 100vh;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.sec-3 .HomeCase .slider-for .item .txt {
	z-index: 999;
	position: absolute;
	top: 1.9rem;
	width: 100%;
}

.sec-3 .HomeCase .slider-for .item:focus {
	outline: none;
}

.sec-3 .HomeCase .HomeTit {
	position: relative;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.4s;
}

.sec-3 .HomeCase .HomeTit .numbg {
	font-size: 2rem;
	opacity: 0.09;
	color: #fff;
	line-height: 2rem;
	position: absolute;
	left: -0.62rem;
	top: -0.6rem;
	font-weight: bold;
}

.sec-3 .HomeCase .HomecaseMore {
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.5s;
}



.sec-3 .HomeCase .HomecaseMore ul li img {
	display: inline-block;
}

.sec-3 .HomeCase .slider-nav {
	width: 100%;
	height: 55px;
	position: absolute;
	bottom: 0.88rem;
}
.sec-3 .slick-slide{
	height: 55px;
}

.sec-3 .HomeCase .slider-nav::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	position: absolute;
	top: 50%;
	left: 0;
}

.sec-3 .HomeCase .slider-nav .item {
	position: relative;
	z-index: 99;
}

.sec-3 .HomeCase .slider-nav .item .dotd {
	height: 11px;
	width: 11px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5.5px;
	margin-top: -5.5px;
}

.sec-3 .HomeCase .slider-nav .item .txt {
	height:55px;
	line-height: 55px;
	padding: 0 24px;
	border-radius:40px;
	border: none;
	margin: 0 10px;
	background: #fff;
	color: #FF9837;
	text-align: center;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .5s;
	-webkit-transition: all .5s;
	font-size:16px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-ms-border-radius:40px;
	-o-border-radius:40px;
}
.slider  .slick-next{
	/* right: 40px !important; */
	margin-top: -20px;
}
.slider .slick-prev{
	/* left: 40px !important; */
	margin-top: -20px;
}

.sec-3 .HomeCase .slider-nav .item.slick-current .txt {
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
}

.sec-3 .HomeCase .slider-nav .item.slick-current .dotd {
	transform: scale(0);
	-webkit-transform: scale(0);
}

.sec-3 .HomeCase .slider-nav .item:focus {
	outline: none;
}

.more2 a {
	background: rgba(0, 0, 0, 0.4);
}

.sec-3.active .HomeCase .HomeTit,
.sec-3.active .HomeCase .HomecaseMore {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}






.slider {
	overflow: hidden;
}

.slick-arrow {
	font-size: 0;
	z-index: 10;
	position: absolute;
	top: 50%;
	margin-top: -0.22rem;
	width: 0.55rem;
	height: 0.55rem;
	line-height: 0.55rem;
	background: none;
	border-radius: 50%;
	cursor: pointer;
	padding: 0;
	transition: all ease 0.3s;
	color: #000;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.slick-arrow:hover {
	color: #fff;
	background-color: #FF9837;
	border: 1px solid #FF9837;
}

.slick-prev{
	background: url(../images/arrow_left_gray.png) no-repeat center center;
}

.slick-next{
	background: url(../images/arrow_right_gray.png) no-repeat center center;
}

.slick-prev:before, .slick-next:before {
	font-size: 0.2rem;
	color: #fff;
	opacity: 0.6;
}

.slick-prev {
	left: 1.25rem;
}

.slick-next {
	right: 1.25rem;
}

/* .slider:hover .slick-prev{ left:0.2rem;}
.slider:hover .slick-next{ right:0.2rem;} */




.sec-4 .HomeNews {
	/* padding-top: 1.2rem; */
	overflow: hidden;
}

.sec-4 .HomeNews .HomeNewsBox {
	position: relative;
	height: calc(100vh - 1.2rem);
	margin-top: 1.2rem;
	box-sizing: border-box;
	justify-content: space-between;
}
.sec-4 .HomeNews .HomeNewsBox .tab-rank{
	width: 73%;
	max-width: 1050px;
}

.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd {
	display: flex;
	justify-content: flex-end;
}

.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd h3 {
	font-weight: 400;
	font-size: 0.22rem;
	color: #333333;
	margin-left: 0.84rem;
}

.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd h3 a {
	background-position: left bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 0.2rem;
}

.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd h3.on a {
	background-image: url(../uploadfiles/image/tab_line.png);
	color: #FF9837;
}

.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd h3 a:hover {
	color: #FF9837;
}

.sec-4 .HomeNews .HomeNewsBox .tab-rank .bdList {
	display: flex;
	position: relative;
}

/* .swiper-btn{
	display: none;
} */
.sec-4 .bdList .swiper {
	width: 100%;
}

.sec-4 .bdList .swiper {
	display: flex;
	flex-direction: row;
	/* flex: 1; */
}

.sec-4 .bdList .swiper-btn {
	width: 3rem;
	height: 50px;
	/*position: absolute;
	left: 0px;
	top: 1.5rem;
	*/opacity: 0;
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.sec-4.active .swiper-btn {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	display: flex;
	align-items: center;
	height: 50px;
}

/* .bdList .swiper-wrapper {
	width: calc(100% - 3.88rem);
} */

/* .bdList .swiper-slide {
	width: 100%;
} */

.sec-4 .HomeNews .HomeNewsBox .HomeTit {
	position: relative;
	left: 0;
	width: 3rem;
	top: 0.95rem;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.4s;
	text-align: justify;
	margin-right: 0.88rem;
}

.sec-4 .HomeNews .HomeNewsBox .news {
	display: flex;
	flex-direction: row;
}

.sec-4 .HomeNews .HomeNewsBox .newsUl {
	margin-top: 0.52rem;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.4s;
	
}
.sec-4 .HomeNews .HomeNewsBox .newsUl2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sec-4.active .HomeNews .HomeNewsBox .newsUl {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.sec-4 .HomeNews .HomeNewsBox .newUlli {
	background: #F1F7FF;
	border-radius: 0.1rem;
	display: flex;
	flex-direction: column;
	width: calc(50% - 0.2rem);
	float: right;
	margin-bottom: 0.2rem;
	box-sizing: border-box;
	height: 1.78rem;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	-ms-border-radius: 0.1rem;
	-o-border-radius: 0.1rem;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	
}



.newUlli:hover{
	background-color: #FF9837 !important;
} 
.newUlli:hover .newUlliTitle{
	color: #fff !important;
}
.newUlli:hover .newUlliTime{
	color: #fff !important;
	background-image: url(../uploadfiles/image/time_icon_h.png) !important;
}


.newUlli.active:hover{
	background-color: #F1F7FF !important;
} 
.newUlli.active:hover .newUlliTitle{
	color: #333 !important;
}
.newUlli.active:hover .newUlliTime{
	color: #999 !important;
}
.newUlli.active:hover .newUlliTime{
	background-image: url(../uploadfiles/image/time_icon.png) !important;
}

.newUlli .newUlliImg {
	width: 100%;
	overflow: hidden;
	height: 3.4rem;
}

.sec-4 .HomeNews .HomeNewsBox .newUlliImg img {
	border-top-left-radius: 0.1rem;
	border-top-right-radius: 0.1rem;
	width: 100%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.newUlli:hover .newUlliImg img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}



.sec-4 .HomeNews .HomeNewsBox .newUlliTime {
	font-weight: 400;
	font-size: 0.2rem;
	color: #999999;
	display: flex;
	align-items: center;
	margin-top: 0.4rem;
	margin-bottom: 0.22rem;
	padding-left: 0.35rem;
	background-image: url(../uploadfiles/image/time_icon.png);
	background-position: 0px center;
	background-repeat: no-repeat;
	margin-left: 0.3rem;
}

.newUlli.active .newUlliTitle {
	font-size: 0.24rem;
}

.sec-4 .HomeNews .HomeNewsBox .newUlliTitle {
	margin-bottom: 0.22rem;
	padding-left: 0.3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding-right: 0.3rem;
	font-weight: 300;
	font-size: 0.2rem;
	color: #333333;
	line-height: 0.28rem;
}

.sec-4 .HomeNews .HomeNewsBox .newUlliCon {
	font-size: 0.16rem;
	color: #333333;
	padding-left: 0.3rem;
	margin-bottom: 0.42rem;
	line-height: 0.22rem;
	display: none;

	padding-right: 0.3rem;
}

.newUlliImg {
	display: none;
}

.newUlli.active {
	float: left !important;
	width: 50% !important;
	height: 5.74rem !important;
}

.newUlli.active .newUlliImg, .newUlli.active .newUlliCon {
	display: block !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.newUlli.active .newUlliTitle {
	-webkit-line-clamp: 1 !important;
}

.HomeNewsBox .swiper-button-prev:after, .HomeNewsBox .swiper-button-next:after {
	content: none !important;
}

.HomeNewsBox .swiper-button-prev {
	background-image: url(../uploadfiles/image/arrow_left_hover.png);
	width: 50px;
	height: 50px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	-moz-transform: translateY(280px);
	-ms-transform: translateY(280px);
	-o-transform: translateY(280px);
}

.sec-4.active .swiper-button-prev {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.HomeNewsBox .swiper-button-next {
	background-image: url(../uploadfiles/image/arrow_right_hover.png);
	width: 50px;
	height: 50px;
	left: 80px;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	-moz-transform: translateY(280px);
	-ms-transform: translateY(280px);
	-o-transform: translateY(280px);
}

.sec-4.active .swiper-button-next {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url(../uploadfiles/image/arrow_left.png);
}

.swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../uploadfiles/image/arrow_right.png);
}

.sec-4 .HomeNews .HomeNewsBox .HomeTit span {
	font-weight: bold;
	font-size: 0.5rem;
	color: #333333;
	line-height: 0.5rem;
}

.sec-4 .HomeNews .HomeNewsBox .HomeTit h1 {
	font-weight: 300;
	font-size: 0.14rem;
	color: #666666;
	line-height: 0.25rem;
	margin-top: 0.36rem;
	margin-bottom: 0.88rem;
	opacity: 0.6 !important;
}

.sec-4 .HomeNews .HomeNewsBox .HomeNewsSlider .item .txt .newsmore {
	margin: 0.3rem 0 0.1rem 0;
}

.sec-4 .HomeNews .HomeNewsBox .HomeNewsSlider .item .txt .newsmore a {
	display: inline-block;
	height: 0.43rem;
	line-height: 0.43rem;
	border-radius: 0.43rem;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.sec-4 .HomeNews .HomeNewsBox .HomeNewsSlider .item .txt .newsmore a::after {
	content: '';
	display: inline-block;
	width: 0.2rem;
	height: 0.12rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../uploadfiles/image/morec.png);
}

.sec-4 .HomeNews .HomeNewsBox .HomeNewsSlider .item:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.sec-4 .HomeNews .HomeNewsBox .HomeNewsSlider .item:hover .txt .newsmore a {
	background: #FF9837;
	padding: 0 0.3rem;
	color: #fff;
}

.sec-4 .HomeNews .HomeNewsBox .HomeNewsSlider .item:hover .txt .newsmore a::after {
	background-image: url(../images/morec.png);
}

.sec-4.active .HomeNews .HomeNewsBox .HomeTit,
.sec-4.active .HomeNews .HomeNewsBox .HomeNewsSlider {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.sec-4 .HomeNews .HomeNewsBox .HomeNewsSlider .slick-arrow {
	position: absolute;
	bottom: 0;
}





.sec-5 .HomeService,.sec-5 .fp-scroller {
	height: 100%;
	box-sizing: border-box;
}
.sec-5 .Contain,.sec-5 .HomeSevnum,.sec-5 .HomeSev,.sec-5 .HomeSevnumBox,.sec-5 .HomeSevnum ul{
	height: 100%;
}

.sec-5 .HomeTit {
	top: 1.42rem;
	color: #fff;
	width: 100%;
	position: absolute;
}

.sec-5 .HomeTit h1 {
	color: #333;
}

.sec-5 .HomeService .HomeSevnum {
	margin-bottom: 0px;
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	left: 0px;
	top: 0px;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox {
	width: 100%;
	position: relative;
	max-width: 1586px;
	margin: 0 auto;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxOne li:first-child {
	width: 1.22rem;
	position: absolute;
	left: 3.02rem;
	height: 1.22rem;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxOne li:nth-child(2) {
	width: 1.16rem;
	position: absolute;
	
	top: 1.54rem;
	height: 1.16rem;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxOne li:nth-child(3) {
	width: 2.02rem;
	position: absolute;
	left: 0px;
	
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxOne li:nth-child(4) {
	width: 1.66rem;
	position: absolute;
	right: 2.76rem;
	top: 2.78rem;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxOne li:nth-child(5) {
	width: 3.12rem;
	position: absolute;
	bottom: 1.33rem;
	z-index: 2;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxOne li:nth-child(6) {
	width: 2.28rem;
	position: absolute;
	right: 0.1rem;
	top: 3.27rem;
}

.HomeSevnumBoxTwo {
	position: relative;
}

.HomeSevnumBoxOne li:nth-child(7) {
	width: 0.6rem;
	height: 0.6rem;
	background: #FF9837;
	border-radius: 50%;
	position: absolute;
	top: 3.22rem;
	left: 2.02rem;
}

.HomeSevnumBoxOne li:nth-child(8) {
	width: 0.34rem;
	height: 0.34rem;
	background: #9ECAE4;
	border-radius: 50%;
	opacity: 0.47;
	position: absolute;
	
	left:9.98rem;
}

.HomeSevnumBoxOne li:nth-child(9) {
	width: 1.13rem;
	height: 1.13rem;
	background: #9ECAE4;
	border-radius: 50%;
	opacity: 0.47;
	position: absolute;
	left: 9.3rem;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxOne img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree {
	width: 2.42rem;
	height: 2.42rem;
	background: #FFFFFF;
	box-shadow: 0px 0.18rem 0.76rem 0px rgba(188, 148, 88, 0.13);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 2.28rem;
	bottom: 1.74rem;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.3s;
	z-index: 3;
	cursor: pointer;
}
.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree:hover{
	animation: breath2 .6s linear .5s infinite alternate;
	-webkit-animation: breath2 .6s linear .5s infinite alternate;
}

.sec-5.active .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree .font {
	font-weight: 400;
	font-size: 0.24rem;
	color: #FF9837;
	line-height: 0.24rem;
	margin-top: 0.24rem;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour {
	width: 5.66rem;
	height: 5.66rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -280px);
	-webkit-transform: translate(-50%, -280px);
	opacity: 0;
	transition: all 1s 0.4s;
	-moz-transform: translate(-50%, -280px);
	-ms-transform: translate(-50%, -280px);
	-o-transform: translate(-50%, -280px);
	z-index: 999;
	cursor: pointer;
}

.sec-5.active .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour {
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, 0);
	opacity: 1;
	transition: all 1s 0.4s;
	-webkit-transition: all 1s 0.4s;
	-moz-transition: all 1s 0.4s;
	-ms-transition: all 1s 0.4s;
	-o-transition: all 1s 0.4s;
	

}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour .font {
	font-weight: 400;
	font-size: 0.22rem;
	color: #FFFFFF;
	line-height: 0.42rem;
	text-align: center;
	margin: 0px 0.62rem;
	margin-bottom: 0.36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	opacity: 0;
	transform: translateY(-80px);
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.HomeSevnumBoxFour{
	background-image: url(../images/circle_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}
.project_08{
	width: 5.4rem;
	height: 5.4rem;
	position: absolute;
	left: 0.13rem;
	top: 0.13rem;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour .newsmore {
	opacity: 0;
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	-moz-transform: translateY(280px);
	-ms-transform: translateY(280px);
	-o-transform: translateY(280px);

}

.HomeSevnumBoxFourCon {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 152, 55, .9);
	border-radius: 50%;
	display: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	position: absolute;
	left: 0px;
	top: 0px;

}

.HomeSevnumBoxFour:hover .HomeSevnumBoxFourCon {
	display: block;
}

.HomeSevnumBoxFour:hover .newsmore,
.HomeSevnumBoxFour:hover .font {
	opacity: 1 !important;
	transform: translateY(0) !important;
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	-o-transform: translateY(0) !important;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour .newsmore a {
	transition: all .5s;
	-webkit-transition: all .5s;
	color: #FF9837;
	width: 2.31rem;
	height: 0.64rem;
	background: #FFFFFF;
	box-shadow: 0px 0.18rem 0.76rem 0px rgba(215, 12, 37, 0.13);
	border-radius: 0.32rem;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 0.14rem;
	font-weight: 300;
}

.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour .newsmore a::after {
	content: '';
	display: inline-block;
	width: 0.2rem;
	height: 0.12rem;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../uploadfiles/image/morec.png);
}

.HomeSevnumBoxFour:hover .newsmore a {
	background: #fff;
	padding: 0 0.3rem;
	color: #FF9837 !important;
}

/* .HomeSevnumBoxFour:hover .newsmore a::after {
	background-image: url(../images/morec.png) !important;
} */

.sec-5 .HomeService .HomeSevnum ul {
	transform: translateY(280px);
	-webkit-transform: translateY(280px);
	opacity: 0;
	transition: all 1s 0.3s;
	position: relative;
	width: 100%;
	/* height: 9.6rem; */
	z-index: 2;
}

.sec-5.active .HomeService .HomeSevnum ul {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;

}


@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



/* Bottom */
.Bottom {
	background: #11151a;
}

.Bottom .BottomTop {}

.Bottom .BottomTop .bottomNav {
	width: calc(100% - 2.78rem);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.7rem 0 0.2rem 0;
	padding-right: 0.98rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.Bottom .BottomTop .bottomNav .Navbox {
	width: auto;
	min-width: 0.74rem;

	float: left;
}



.Bottom .BottomTop .bottomNav .Navbox:nth-child(3) {
	min-width: 1.78rem;
}


.Bottom .BottomTop .bottomNav .Navbox h1 {
	font-size: 0.16rem;
	font-weight: 400;
	opacity: 0.6;
	color: #fff;
	margin-bottom: 0.17rem;
	line-height: 0.16rem;

}

.Bottom .BottomTop .bottomNav .Navbox ul li {
	font-size: 0.14rem;
	opacity: 0.3;
	line-height: 0.3rem;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.Bottom .BottomTop .bottomNav .Navbox ul li a {
	color: #fff;
}

.Bottom .BottomTop .bottomNav .Navbox ul li:hover {
	padding-left: 0.1rem;
}

.Bottom .BottomTop .bottomNav .Navbox ul li:hover a {
	color: #FF9837;
	opacity: 1;
}

.Bottom .BottomTop .Bottonewm {
	padding: 0.7rem 0;
	width: 2.78rem;
	padding-left: 0.98rem;
	box-sizing: border-box;
}

.Bottom .BottomTop .Bottonewm span {
	font-weight: 400;
	font-size: 0.16rem;
	color: #FFFFFF;
	line-height: 0.16rem;
	opacity: 0.6;
}

.Bottom .BottomTop .Bottonewm p {
	font-weight: 400;
	font-size: 0.26rem;
	color: #FF9837;
	line-height: 0.26rem;
	margin-top: 0.2rem;
	margin-bottom: 0.4rem;
}

.Bottom .BottomTop .Bottonewm .erBox {}

.Bottom .Copy {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.Bottom .Copy .CopyBox {
	width: calc(100% - 2.78rem);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.25rem 0 0.2rem 0;
	padding-right: 0.7rem;
	box-sizing: border-box;
}

.Bottom .Copy .CopyBox .BottomLink {}

.Bottom .Copy .CopyBox .BottomLink a {
	display: inline-block;
	margin-left: -4px;
	opacity: 0.6;
	font-size: 0.14rem;
	color: #fff;
	padding: 0 5px;
	position: relative;
}

.Bottom .Copy .CopyBox .BottomLink a::after {
	content: '';
	display: block;
	width: 1px;
	height: 0.12rem;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 0;
}

.Bottom .Copy .CopyBox .BottomLink a:first-child:after {
	display: none;
}


.Bottom .Copy .CopyBox .txt {
	font-size: 0.14rem;
	opacity: 0.3;
	color: #fff;
	margin-top: 0.1rem;
}

.Bottom .Copy .CopyBox .txt a {
	color: #fff;
	/* font-size: 0.14rem; */
}

.Bottom .Copy .BottomIco {
	padding: 0.3rem 0;
	width: 2.78rem;
	box-sizing: border-box;
	padding-left: 0.83rem;
}

.Bottom .Copy .BottomIco ul li {
	display: inline-block;
}
.Bottom .Copy .BottomIco ul li:nth-child(2){
	margin-left: 0.08rem;
	margin-right: 0.08rem;
}



.HomeBan,
.HomeBan .swiper,
.HomeBan .swiper-wrapper,
.HomeBan .swiper-slide {
	height: 100%;
}

.HomeBan .swiper-slide img {
	width: 100%;
	height: 100%;
}

.sec-3 .dec {
	opacity: 0.76 !important;
}

.sec-2 .HomeAbout .HomeAboutNum ul li.li1 .num b {
	font-weight: 400;
	font-size: 0.16rem;
	color: #FFFFFF;
	margin-left: 0px;
}

@media screen and (min-width:1200px) {

	.Top {
		height: 0.9rem;
		line-height: 0.9rem;
		padding: 0 1.8rem 0px 4.39rem;
	}

	.Top .Logo {
		width: 4.09rem;
		left: 0.3rem;
	}

	.Top .Topbox {
		width: 0.9rem;
	}

	.Top .MainNav ul li a {
		font-size: 0.16rem;
	}

	.Top .MainNav ul li {
		margin: 0;
		padding: 0;
	}

	.Top .MainNav {
		display: flex;
		justify-content: flex-end;
	}

	.MainNav ul {
		width: 8.5rem;
		display: flex;
		justify-content: space-between;
	}

	.sec-2 .HomeAbout .HomeAboutTxt span {
		display: inline-block;
		font-size: 0.5rem;
		line-height: 0.48rem;
		height: 0.48rem;
	}

	.sec-2 .HomeAbout .HomeAboutTxt h1 {
		margin: 0.15rem 0 0.12rem 0;
		font-size: 0.2rem;
		line-height: 0.35rem;
	}

	.sec-2 .HomeAbout .HomeAboutTxt {
		max-width: 5.6rem;
	}

	.sec-2 .HomeAbout .HomeAboutTxt .dec {
		font-size: 0.14rem;
		line-height: 0.3rem;
		margin-bottom: 0.39rem;
		max-width: 5.45rem;
	}

	.sec-2 .more a {
		height: 0.2rem;
		padding-left: 0px;
		justify-content: flex-start;
		align-items: center;
	}
}
.waves {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
	/* background-color: red; */
	z-index: 222;
}
.sec-4 .newUlli.active  .newUlliTitle{
	font-size: 0.24rem;
}
.sec-4 .HomeNewsBox{
	box-sizing: border-box;
	display: flex;
}
.HomeSevnumBox li{
	cursor: pointer;
}


/* .HomeSevnumBoxOne li:hover img{
	animation: breath .6s linear .5s infinite alternate; 
}
.HomeSevnumBoxOne li:hover{
	animation: breath .6s linear .5s infinite alternate; 
} */


@keyframes breath {
 0%   { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
 100% { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
 0%   { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
@keyframes breath2 {
	0%   {box-shadow: 0px 0.18rem 0.76rem 0px rgba(188, 148, 88, 0.13);  }
	100% {box-shadow: 0px 0.38rem 0.96rem 0px rgba(188, 148, 88, 0.53); }
	0%   {box-shadow: 0px 0.18rem 0.76rem 0px rgba(188, 148, 88, 0.13); }
   }

.HomeSevnumBox{
	animation: breath3 0.6s linear 0.5s infinite alternate;
	-webkit-animation: breath3 0.6s linear 0.5s infinite alternate;
}
@keyframes breath3 {
	0%   {background-size: cover;}
	100% {background-size: 99%;}
	0%   {background-size: cover;}
   }

.animation{animation:mymove 5s infinite;}
.animation2{ animation:mymove2 5s infinite;}
.animation3{ animation:mymove3 5s infinite;}
.animation4{ animation:mymove4 5s infinite; -webkit-animation:mymove4 5s infinite; }
.animation5{ animation:mymove5 5s infinite;}
.animation6{ animation:mymove6 5s infinite;}
.animation7{ animation:mymove7 5s infinite;}
.animation8{ animation:mymove8 5s infinite;}
.animation9{ animation:mymove9 5s infinite;}
.animation10{ animation:mymove10 5s infinite;}
/*@key*/

@keyframes mymove
{
0%   {top:2.23rem;}
25%  {top:2.33rem;}
50%  {top: 2.73rem;}
75%  {top:1.93rem}
100% {top:0px;}
}

@-moz-keyframes mymove /* Firefox */
{
	0%   {top:2.23rem;}
	25%  {top:2.33rem;}
	50%  {top: 2.73rem;}
	75%  {top:1.93rem}
	100% {top:0px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
	0%   {top:2.23rem;}
	25%  {top:2.33rem;}
	50%  {top: 2.73rem;}
	75%  {top:1.93rem}
	100% {top:0px;}
}

@-o-keyframes mymove /* Opera */
{
	0%   {top:2.23rem;}
	25%  {top:2.33rem;}
	50%  {top: 2.73rem;}
	75%  {top:1.93rem}
	100% {top:0px;}
}

/*02*/
@keyframes mymove2
{
	0%   {right: 1.54rem;}
	25%  {right: 2.04rem;}
	75%  {right: 1.24rem}
	100% {right: 0.74rem;}
}
/*03*/
top: 4.1rem;
@keyframes mymove3
{
	0%   {top:4.1rem;}
	25%  {top:6.1rem;}
	75%  {top:4.6rem}
	100% {top:5.1rem;}
}
@-moz-keyframes mymove3 /* Firefox */
{
	0%   {top:4.1rem;}
	25%  {top:6.1rem;}
	75%  {top:4.6rem}
	100% {top:5.1rem;}
}
@-webkit-keyframes mymove3 /* Safari and Chrome */
{
	0%   {top:4.1rem;}
	25%  {top:6.1rem;}
	75%  {top:4.6rem}
	100% {top:5.1rem;}
}
@-o-keyframes mymove3 /* Opera */
{
	0%   {top:4.1rem;}
	25%  {top:6.1rem;}
	75%  {top:4.6rem}
	100% {top:5.1rem;}
}
 /* 04 */
 @keyframes mymove4
{
	0%   {top:2.78rem;}
	25%  {top:2.28rem;}
	75%  {top:1.78rem}
	100% {top:2.78rem;}
}
/* 05 */
@keyframes mymove5
{
	0%   {left: 2.75rem;}
	25%  {left: 2.95rem;}
	75%  {left: 3.05rem;}
	100% {left: 2.75rem;}
}
/* 06 */
@keyframes mymove6
{
	0%   {top: 3.27rem;}
	25%  {top: 3.07rem;}
	75%  {top: 2.87rem;}
	100% {top: 3.27rem;}
}
/* 07 */
@keyframes mymove7
{
	0%   {left:2.02rem;}
	25%  {left:2.22rem;}
	75%  {left:1.92rem;}
	100% {left:2.02rem;}
}
/* 08 */
@keyframes mymove8
{
	0%   {top:2.05rem;}
	25%  {top:1.95rem;}
	75%  {top:1.65rem;}
	100% {top:2.05rem;}
}
 /* 09 */
@keyframes mymove9
{
	0%   {bottom: 0.74rem;}
	25%  {bottom: 0.24rem;}
	75%  {bottom: 0.14rem;}
	100% {bottom: 0.74rem;}
}
@keyframes mymove10
{
	0%   {
		top: 1.98rem;
	}
	25%  {
		top: 2.08rem;
	}
	75%  {
		top: 2.18rem;
	}
	100% {
		top: 1.98rem;
	}
}

.swiper-btn .swiper-button-prev{
	left: 0px;
}
.swiper-btn .swiper-button-next{
	left: 72px;
}
@media (max-width:1024px) {
	.Pages {
		line-height: 24px;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px;
	}

	.Pages a {
		margin: 0px 2px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
       
	}
}

@media(max-width:1366px) {
	.Top {
		padding-right: 100px;
	}

	/* .Top .MainNav {
		text-align: center;
	} */

	.Top .MainNav ul li {
		margin: 0 1%;
		font-size: 14px;
		padding: 0px;
	}

	.Top .Topbox .search .searchIcon {
		display: block;
	}

	.Top .Topbox .search .category {
		display: block;
	}
}
@media screen and (max-width:1024px) {
	.Top {
		background-color: rgba(0, 0, 0, 1);
		line-height: 50px;
		width: 100%;
		height: 50px;
		padding: 0px;
	}

	.Top .Logo {
		width: auto;
		position: absolute;
		left: 2%;
	}

	.Top .Topbox .searchIco {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.Top .Logo img {
		height: 40px;
	}

	.Top .MainNav {
		position: fixed;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		background: rgba(0, 0, 0, 0.5);
		top: 50px;
		right: -100%;
		opacity: 0;

	}

	.Top .MainNav.active {
		position: fixed;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		background: rgba(0, 0, 0, 0.5);
		top: 50px;
		right: 0;
		opacity: 1;
	}

	.Top .MainNav ul {
		position: fixed;
		top: 50px;
		width: 70%;
		height: calc(100% - 50px);
		right: -100%;
		opacity: 0;
		transition: all 0.3s;
		background: rgba(0, 0, 0, 4);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		padding-top: 20px;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		transition: all 0.3s;
	}

	.Top .MainNav ul.active {
		right: 0px;
		opacity: 1;
	}

	.Top .MainNav ul li {
		padding: 0px;
		margin: 0 10px;
		position: relative;
		text-align: left;
		height: 46px;
		line-height: 46px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	}

	.Top .MainNav ul li a {
		color: #fff;
	}
}



@media(max-width:1366px) {
	.HomeBan .item .txt p {
		font-size: 32px;
		line-height: 45px;
	}
}
@media(max-width:1366px) {
	.sec-2 .HomeAbout .HomeAboutTxt span {
		font-size: 32px;
	}

	.sec-2 .HomeAbout .HomeAboutTxt h1 {
		margin: 15px 0 30px 0;
	}

	.sec-2 .HomeAbout .HomeAboutTxt .dec {
		margin-bottom: 32px;
	}

	

	.sec-2 .HomeAbout .HomeAboutNum ul li .num span {
		font-size: 32px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li.li1 span {
		font-size: 32px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li.li1 p {
		font-size: 20px;
		list-style: 20px
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li .num b {
		top: -10px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li.li1 {
		justify-content: center;
		padding-bottom: 0px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li .ico {
		margin-bottom: 15px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li h1 {
		margin: 18px 0px;
	}

	sec-2 .fp-scroller, sec-2 .Contain, sec-2 .HomeAbout {
		height: inherit !important;
	}

}

@media screen and (max-width:1024px) {
	.sec-2 .HomeAbout .HomeAboutNum ul li {
		width: 50% !important;
		display: flex;
		justify-content: center;
	}

	.sec-2 .HomeAbout .HomeAboutTxt {
		max-width: 100%;
		width: 100%;
	}

	.sec-2 .HomeAbout .HomeAboutTxt span {
		font-size: 22px;
	}

	.sec-2 .HomeAbout .HomeAboutTxt h1 {
		font-size: 16px;
		line-height: 30px;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.sec-2 .HomeAbout .HomeAboutTxt .dec {
		margin-bottom: 10px;
		line-height: 24px;
		font-size: 14px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li.li1 {
		padding-left: 15px;
		padding-right: 15px;
		justify-content: center;
		padding-bottom: 0px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li.li1 span {
		font-size: 20px;
		line-height: 20px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li.li1 p {
		font-size: 16px;
		line-height: 24px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li.li1 .numbox {
		font-size: 14px;
		line-height: 24px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li .num span {
		font-size: 20px;
		line-height: 30px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li h1 {
		font-size: 14px;
		line-height: 14px;
		margin: 10px 0px
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li .ico {
		margin-bottom: 10px;
	}

	.sec-2 .HomeAbout .HomeAboutNum ul li .num b,.sec-2 .HomeAbout .HomeAboutNum ul li.li1 .num b {
		font-size: 12px;
	}
	.sec-2 .more a{
		width: 100px;
		font-size: 14px;
	}
	.sec-2 .HomeAbout .HomeAboutNum ul li p,.HomeTit .dec{
    font-size: 14px;
    line-height: 25px;
 }
	.sec-4 .HomeNews .HomeNewsBox .HomeTit{
		max-width: 300px;
	}
	.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd h3 a{
		padding-bottom: 20px;
		font-size: 18px;

	}
	.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd{
		justify-content: flex-start;
		margin-bottom: 36px;
	}
	.sec-4 .HomeNews .HomeNewsBox .HomeTit h1 {
		font-size: 14px;
		line-height: 24px !important;
	}
	.HomeTit span{
		font-size: 24px;
		/* margin-bottom: 20px; */
	}
	.more a{
		width: 150px;
		font-size: 14px;
	}
	.sec-3 .HomeCase .slider-nav .item .txt{
		height: 40px;
		line-height: 40px;
		border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		-ms-border-radius: 40px;
		-o-border-radius: 40px;
}

.sec-5 .HomeTit {
    margin-top: 50px;
    max-width: 100%;
}
.HomeNewsBox .swiper-button-next{
	left: 70px;
}
.slick-arrow{
	margin-top: -18px;
}
.sec-4 .bdList .swiper-btn {
    width: 300px;
    height: 50px;
}
}



@media(max-width:1366px) {
	.HomeTit h1 {
		font-size: 32px;
		height: 40px !important;
		line-height: 40px !important;
		margin: 10px 0 30px 0;
	}

	.sec-3 .HomeCase .HomeTit .numbg {
		font-size: 150px;
		line-height: 150px;
		top: 0px;
	}

	.sec-3 .HomeCase .slider-nav {
		bottom: 40px;
	}

	
}


@media (max-width:1024px) {
	.slick-arrow {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	.slick-dots li button {
		width: 8px;
		height: 8px;
	}

	.slick-prev {
		left: 10px;
	}

	.slick-next {
		right: 10px;
	}
}

@media screen and (max-width:1024px) {
	.sec-4 .HomeNews .HomeNewsBox .newsUl{
		margin-top: 0px !important;
	}
	.bdList .swiper-wrapper {
		width: 100%;
	}
	.sec-4 .HomeNews {
		padding-top: 30px;
	}

	.sec-4 .HomeNews .HomeNewsBox .tab-rank .hd h3 {
		font-size: 14px;
		margin-left: 0px;
		margin-right: 6%;
	}

	.sec-4 .HomeNews .HomeNewsBox .news {
		flex-direction: column;
	}

	.sec-4 .HomeNews .HomeNewsBox {
		padding-bottom: 0px;
		height: auto;
	}

	.HomeNewsBox .swiper-button-next, .HomeNewsBox .swiper-button-prev {
		top: 220px;
	}

	.sec-4 .HomeNews .HomeNewsBox .newsUl {
		margin-top: 120px;
	}

	.sec-4 .HomeNews .HomeNewsBox .HomeTit span {
		font-size: 22px;
		line-height: 22px;
	}

	.sec-4 .HomeNews .HomeNewsBox .HomeTit {
		width: 100%;
	}

	.newUlli, .newUlli.active {
		width: 100% !important;
	}

	.sec-4 .HomeNews .HomeNewsBox .newUlli {
		height: auto !important;
		margin-bottom: 16px;
	}

	.sec-4 .HomeNews .HomeNewsBox .newUlliTitle {
		font-size: 14px;
		margin-bottom: 16px;
		padding: 0px 16px;
		line-height: 21px;
	}

	.sec-4 .HomeNews .HomeNewsBox .newUlliTime {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 16px;
		padding: 0px 24px;
	}

	.sec-4 .HomeNews .HomeNewsBox .newUlliCon {
		font-size: 14px;
		padding: 0px 16px;
		line-height: 25px;
	}

	.HomeNewsBox .swiper-button-next, .HomeNewsBox .swiper-button-prev {
		width: 32px;
		height: 32px;
		background-size: contain;
	}
	.sec-4 .HomeNews .HomeNewsBox .tab-rank .bdList{
		flex-direction: column;
	}
	
	.sec-4 .swiper-button-next,.sec-4 .swiper-button-prev{
    top: 30px;
	z-index: 999;
	}
}

@media screen and (max-width:1366px) {

	.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour .font {
		font-size: 14px;
		line-height: 21px;
		-webkit-line-clamp: 2;
		margin: 0px 16px;
	}

	sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour .newsmore a {
		height: 32px;
		line-height: 32px;
		border-radius: 32px;
		font-size: 12px;
	}

	.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree .font {
		font-size: 14px;
		line-height: 14px;
		margin-top: 16px;
	}

	.sec-5.active .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree img {
		width: 30px;
	}

	.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree {
		width: 100px;
		height: 100px;
	}

	.newsmore a {
		width: 120px !important;
		height: 32px !important;
		margin-top: 20px;
		font-size: 14px;
		padding: 0px !important;
	}

}

@media screen and (max-width:1024px) {
	
	.Bottom .BottomTop .bottomNav .Navbox ul li{
		font-size: 14px;
		line-height: 30px;
	}
	.sec-5 .HomeService .HomeSevnum .HomeSevnumBox, .HomeSevnum {
		height: 21.6rem;
	}

	.sec-5.active .HomeService .HomeSevnum ul {
		height: 15.6rem;
	}

	.sec-5 .HomeService {
		min-height: 23.6rem;
	}

	.sec-5 .HomeService .HomeSevnum {
		height: 15.6rem;
		top: 4rem;
	}
}
@media screen and (min-width:1024px) {
	.Bottom .BottomTop .bottomNav .Navbox ul {
		display: block !important;
	}
}



@media screen and (max-width:1024px) {
	.fp-scrollable {
		height: inherit !important;
	}

	.Bottom .BottomTop .Contain {
		display: flex;
		flex-direction: column;
	}

	.Bottom .BottomTop .bottomNav {
		width: 100%;
		padding-right: 0px;
		border-right: none;
		flex-direction: column;
	}

	.Bottom .BottomTop .Bottonewm {
		padding: 0px;
		padding-left: 0px;
		padding-bottom: 40px;
		width: 100%;
	}

	.Bottom .BottomTop .bottomNav .Navbox h1 {
		margin-bottom: 0px;
		padding: 15px 0px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		background-image: url(../uploadfiles/image/arrow-down.png);
		background-repeat: no-repeat;
		background-position: right center;
		font-size: 16px;
		line-height: 16px;
	}
	.Bottom .BottomTop .Bottonewm span{
		font-size: 16px;
		line-height: 16px;
	}
	.Bottom .BottomTop .Bottonewm p {
		font-weight: 400;
		font-size: 26px;
		color: #FC8A1E;
		line-height: 26px;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.Bottom .Copy .CopyBox{
		padding: 25px 0 20px 0;
	}
	.Bottom .Copy .BottomIco {
		padding: 30px 0;
		width: 100%;
	}
	.Bottom .Copy .CopyBox .txt {
		font-size: 14px;
		margin-top: 10px;
	}
	.Bottom .BottomTop .bottomNav .Navbox ul {
		display: none;
		padding-top: 10px;
	}
	.Bottom .Copy .CopyBox .BottomLink a {
		margin-left: -4px;
		font-size: 14px;
		padding: 0 10px;
	}
	.Bottom .BottomTop .bottomNav .Navbox:nth-child(3) {
		min-width: auto;
	}

	.Bottom .Copy .Contain {
		flex-direction: column;
		display: flex;
	}

	.Bottom .Copy .Contain .CopyBox {
		padding-right: 0;
		width: 100%;
		border-right: 0px;
	}

	

}


@media screen and (max-width:1200px) {
	.HomeBan .item, .sec-2 .HomeAbout {
		height: auto;
	}

	.sec-2 .HomeAbout {
		padding-top: 30px;
	}

	.sec-2 .HomeAbout .HomeAboutNum {
		position: relative;
		margin-top: 10px;
	}

	.sec-3 .HomeCase .slider-for .item .txt {
		position: relative;
		top: 30px;
	}

	.sec-3 .HomeCase .HomeTit {
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width:1024px) {

	.sec-2 .HomeAbout .HomeAboutTxt span,
	.sec-2 .HomeAbout .HomeAboutTxt h1,
	.sec-2 .HomeAbout .HomeAboutTxt .dec,
	.sec-2 .more1 a,
	.sec-2 .HomeAbout .HomeAboutNum,
	.sec-3 .HomeCase .HomeTit,
	.HomeTit h1,
	.HomeTit,
	.sec-4 .swiper-button-next,
	.sec-4 .swiper-button-prev,
	.dec,
	.sec-4 .HomeNews .HomeNewsBox .newsUl,
	.section .more a,
	.newsUl,
	.sec-5 .HomeService .HomeSevnum ul,
	.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxThree
	.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour,
	.HomeSevnumBoxThree,
	.HomeTit span,
	.sec-3 .HomeCase .HomecaseMore {
		opacity: 1 !important;
		transform: translate(0, 0) !important;
		-webkit-transform: translate(0, 0) !important;
		-moz-transform: translate(0, 0) !important;
		-ms-transform: translate(0, 0) !important;
		-o-transform: translate(0, 0) !important;
		transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
}
.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour{
	opacity: 1 !important;
	transform: translate(-50%, 0) !important;
	-webkit-transform: translate(-50%, 0) !important;
	-moz-transform: translate(-50%, 0) !important;
	-ms-transform: translate(-50%, 0) !important;
	-o-transform: translate(-50%, 0) !important;
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
}
.sec-5 .HomeSevnumBoxOne,.HomeSevnumBoxThree{
	transform: translateY(0)  !important;
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
}

.sec-4 .bdList .swiper{
	margin-top: 38px;
}
}
@media screen and (max-width: 1024px) {
	.Contain {
		width: 100% !important;
		max-width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.HomeAboutTxt{
		margin-left: 20px !important;
    margin-right: 20px !important;
    width: auto !important;
	}
	.sec-3 .HomeTit{
		margin-left: 20px;
		margin-right: 20px;
		width: auto !important;
	}
	.sec-3 .HomecaseMore{
		margin-left: 20px;
	}
	.sec-4 .HomeNews .HomeNewsBox .HomeTit h1 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.sec-4 .HomeNews .HomeNewsBox{
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
		width: 100%;
		margin-top: 0px !important;
		flex-direction: column;
	}
	.sec-4 .HomeNews .HomeNewsBox .tab-rank{
		width: 100%;
		/* margin-top: 124px; */
		margin-top: 70px;
		z-index: 222;
	}
	
	.sec-5 .HomeService {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.Bottom .BottomTop .Contain,.Bottom .Copy .Contain .CopyBox {
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box;
	}
	.Bottom .Copy .CopyBox .txt {
		opacity: 0.3;
	}
	.Bottom .Copy .BottomIco ul li{
		margin-left: 15px !important;
	}
	
.newUlli .newUlliImg{
	height: auto;
}
.sec-5 .HomeTit h1 {
    font-size: 22px;
    line-height: 22px;
}
.sec-5 .HomeTit {
    margin-top: 0px;
    max-width: 100%;
    top: 30px;
}
.sec-1 .HomeBan{
	height: 15.6rem;
}
.HomeSevnumBoxFour{
	width: 10rem !important;
	height: 10rem !important;
}
.project_08{
	width: 9.6rem;
	height: 9.6rem;
}
.newsmore a{
	font-size: 14px !important;
	border-radius: 32px !important;
	-webkit-border-radius: 32px !important;
	-moz-border-radius: 32px !important;
	-ms-border-radius: 32px !important;
	-o-border-radius: 32px !important;
}
.sec-5 .HomeService .HomeSevnum .HomeSevnumBox .HomeSevnumBoxFour .newsmore a::after{
	display: none;
}
.tempWrap{
	width: 100% !important;
}
.swiper-btn{
	display: none !important;
}
}
@media screen and (max-width:1024px){
	.HomeAboutNum{
		height: auto !important;
	}
	.sec-2 .HomeAbout .HomeAboutNum ul{
		flex-wrap: wrap;
    height: auto !important;
	}
	.sec-2 .HomeAbout .HomeAboutNum ul li{
		height: auto !important;
	}
}


.linkFriends{
	width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.4rem;
	flex-wrap: wrap;
}
.linkFriends li a{
	font-size: 0.16rem;
	color: #fff;
	padding: 0px 5px;
	position: relative;
}
.linkFriends li a::after{
	content: '';
    display: block;
    width: 1px;
    height: 0.12rem;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 50%;
    margin-top: 0px;
    right: 0;
    transform: translate(0px, -50%);
}

.linkFriends{
	font-size: 0.16rem;
	color: #fff;
	opacity: 0.6;
}
@media screen and (min-width:1024px) and (max-width:1366px){
	.Bottom .BottomTop .bottomNav{
		padding-bottom: 0px;
	}
	.linkFriends{
		margin-top: 0.7rem;
	}
}
@media screen and (max-width:1024px){
	.linkFriends li a,.linkFriends {
		font-size: 14px;
		line-height: 1.8;
	}
}
