.container {min-height: 100vh;width: 100%;}
.content>div {min-height: 100vh;}
.home-banner {height: 100vh;}
.home-banner .swiper-wrapper {-webkit-transition-timing-function: ease-in;	-o-transition-timing-function: ease-in;	transition-timing-function: ease-in;}
.home-banner>.swiper-wrapper>.swiper-slide {-webkit-transition: all .6s;	-o-transition: all .6s;	transition: all .6s;	-webkit-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);	opacity: 1;}
.home-banner>.swiper-wrapper>.swiper-slide.swiper-slide-active {-webkit-transition: all 0s;-o-transition: all 0s;transition: all 0s;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
#home .swiper-slide {background-position: center center;-webkit-background-size: cover;background-size: cover;}
#home .swiper-container-vertical>.swiper-pagination-bullets {width: 4px;height: auto;background: #000;right: 40px;border: 1px solid #000;padding: 1px 0;}
#home .swiper-pagination-bullet {width: 2px;height: 41px;margin: 0 0 4px;opacity: 1;background: #fff;border-radius: 0;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
#home .swiper-pagination-bullet-active {background: #000;}
#home .swiper-pagination {width: 40px;right: 75px;top: 50%;	left: auto;	font-size: 0}
#home .swiper-pagination span {color: #fff;font-size: 16px;text-align: center;	display: block;}
#home .swiper-pagination .swiper-pagination-current {font-size: 30px;font-weight: bold;}
#home .swiper-slide {width: 100%;background-size: cover;}
.section1 {	position: relative;}
.section1 .bd {	position: relative;}
.section1 .hd {position: absolute;bottom: 0.5rem;left: 50%;	margin-left: -0.55rem;}
.section1 .hd li {width: 0.15rem;height: 0.15rem;background: #808080;border-radius: 50%;margin-left: 0.3rem;display: inline-block;font-size: 0;cursor: pointer;}
.section1 .hd li:first-child {margin-left: 0;}
.section1 .hd li.on {background: #fff;}
.public-arrow {	position: absolute;bottom: 1rem;text-align: center;	left: 0;right: 0;}
.public-arrow .arrow {width: 32px;	height: 35px;background: url(../images/index-arrow.png) no-repeat;	margin: 8px auto 0;}
.public-arrow1 {

	position: absolute;

	bottom: 1rem;

	bottom: 0.4rem\0;

	text-align: center;

	left: 0;

	right: 0;

}



.public-arrow1 .arrow {

	width: 32px;

	height: 35px;

	background: url(../images/index-arrow.png) no-repeat;

	margin: 8px auto 0;

}



.public-arrow {

	-webkit-animation-name: banner_arrow;

	-webkit-animation-duration: 2s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

}



.public-arrow1 {

	-webkit-animation-name: banner_arrow1;

	-webkit-animation-duration: 2s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

}



@-webkit-keyframes banner_arrow {

	0% {

		bottom: 1rem;

		opacity: 1;

	}



	50% {

		bottom: 1.1rem;

		opacity: 0;

	}



	100% {

		bottom: 1rem;

		opacity: 1;

	}

}



@keyframes banner_arrow {

	0% {

		bottom: 1rem;

		opacity: 1;

	}



	50% {

		bottom: 1.1rem;

		opacity: 0.5;

	}



	100% {

		bottom: 1rem;

		opacity: 1;

	}

}



@-webkit-keyframes banner_arrow1 {

	0% {

		bottom: 0.4rem;

		opacity: 1;

	}



	50% {

		bottom: 0.5rem;

		opacity: 0;

	}



	100% {

		bottom: 0.4rem;

		opacity: 1;

	}

}



@keyframes banner_arrow1 {

	0% {

		bottom: 0.4rem;

		opacity: 1;

	}



	50% {

		bottom: 0.5rem;

		opacity: 0;

	}



	100% {

		bottom: 0.4rem;

		opacity: 1;

	}

}



.section2 {

	background: url(../images/section2-bg.jpg) no-repeat;

}



.section2-left {

	width: 45%;

	max-width: 8.6rem;

	height: 100%;

}



.section2-left img {

	width: 100%;

}



.section2-right {

	width: 55%;

	height: 100%;

	padding: 2.45rem 0 0 0.7rem;

}



.section2-right-l {

	width: 1.3rem;

	margin-right: 1.1rem;

	overflow: hidden;

}



.section2-right-l h5 {

	font-size: 0.14rem;

	color: #333;

	font-weight: normal;

	position: relative;

	margin-left: 0.8rem;

	letter-spacing: 1px;

	text-align: center;

}



.section2-right-l h5:before {

	content: "";

	position: absolute;

	width: 100%;

	height: 1px;

	background: #333;

	left: 0;

	top: 0;

}



.section2-right-l ul {

	margin-top: 0.45rem;

	margin-left: 0.8rem;

}



.section2-right-l li {

	margin-top: 0.4rem;

}



.section2-right-l li:first-child {

	margin-top: 0;

}



.section2-right-l li a {

	display: block;

	position: relative;

}



.section2-right-l li i {

	width: 0.5rem;

	height: 0.5rem;

	border: 1px solid #bfbfbf;

	border-radius: 50%;

}



.section2-right-l li i>div {

	display: flex;

	align-items: center;

	width: 0.5rem;

	height: 0.5rem;

}



.section2-right-l li img {

	display: block;

	max-width: 100%;

	margin: auto;

}



.section2-right-l li p {

	width: 0.6rem;

	display: block;

	font-size: 0;

	color: #0065e1;

	left: -0.8rem;

	position: absolute;

	line-height: 0.5rem;

	text-align: right

}



.section2-right-l li:hover p {

	/*left: -0.8rem;*/

	font-size: 0.14rem;

	text-align: right

}



.section2-right-l li:hover i {

	border-color: #0065e1

}



.section2-right-r {

	width: 5.1rem;

}



.index-title {

	font-size: 0.77rem;

	color: #0065e1;

	line-height: 1;

	margin-top: -0.1rem

}



.index-subtitle {

	font-size: 0.3rem;

	color: #0065e1;

	line-height: 1;

	margin-top: 0.16rem;

}



.section2-right-about {

	width: 100%;

	margin-top: 0.9rem;

}



.section2-right-about span {

	display: block;

	font-size: 0.18rem;

	line-height: 1;

	color: #333;

	font-weight: bold;

	margin-bottom: 0.1rem;

}



.section2-right-about p {

	font-size: 0.14rem;

	line-height: 0.24rem;

	color: #333;

	margin-bottom: 0.3rem;

}



.section2-right-more {

	width: 100%;

	margin-top: 0.7rem;

	border-top: 2px solid #fff;

	position: relative;

}



.section2-right-more a {

	font-size: 0.16rem;

	color: #333;

	padding-top: 0.15rem;

	display: block;

}



.section2-right-more:before {

	content: "";

	position: absolute;

	width: 0.65rem;

	height: 2px;

	background: #333;

	left: 0;

	top: -2px;

	transition: width .5s ease-in-out;

}



.section2-right-more:hover:before {

	width: 100%

}



.section2-right-more:hover a {

	color: #0065e1

}



.section3 {

	background: url(../images/section3-bg.jpg) no-repeat;

	padding-top: 2.2rem;

	padding-top: 0\0;

}



.section3>.w1530 {

	margin-top: 2.2rem\0;

}



.section3-left {

	max-width: 2.3rem;

	margin-right: 0.5rem;

	margin-top: 0.35rem

}



.section3-left ul {

	overflow: hidden;

	margin-top: 1.1rem;

}



.section3-left li {

	width: 1.42rem;

	height: 0.38rem;

	line-height: 0.36rem;

	border: 1px solid #333;

	margin-top: 0.34rem;

	transition: all .5s ease-in-out

}



.section3-left li a {

	display: block;

	color: #333;

	text-align: center;

	font-size: 0.18rem;

}



.section3-left li:first-child {

	margin-top: 0

}



.section3-left li:hover {

	background: #0065e1;

	border-color: #0065e1;

}



.section3-left li:hover a {

	color: #fff

}



.section3-cen {

	width: 4.5rem;

	margin-top: 0.35rem

}



.section3-cen ul {

	margin-top: -0.16rem

}



.section3-cen li {

	width: 100%;

	float: left;

	line-height: 0.48rem;

}



.section3-cen li i {

	display: block;

	color: #333;

	width: 0.05rem;

	height: 0.05rem;

	background: #333;

	float: left;

	margin: 0.21rem 0;

}



.section3-cen li a {

	width: 3.05rem;

	display: block;

	color: #333;

	font-size: 0.16rem;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	float: left;

	margin-left: 0.2rem;

}



.section3-cen li em {

	display: block;

	font-size: 0.14rem;

	color: #666;

	float: right

}



.section3-cen li:hover a {

	color: #0065e1

}



.section3-right {

	width: 7.5rem;

	position: relative;

}



.section3-right-nav {

	width: 100%;

	overflow: hidden;

}



.section3-right-nav li {

	width: 1.74rem;

	height: 1.2rem;

	float: left;

	margin-left: 0.18rem;

	overflow: hidden;

}



.section3-right-nav li:first-child {

	margin-left: 0;

}



.section3-right-nav li img {

	width: 100%;

	height: 100%

}



.section3-right-nav li.on {

	border: 3px solid #0065e1;

}



.section3-right-con {

	width: 100%;

	margin-top: 0.2rem;

	overflow: hidden;

}



.section3-right-show {

	width: 100%;

	height: 4.4rem;

	background: #ffffff8f;

	padding: 0.35rem 0.55rem;

	overflow: hidden;

}



.section3-right-show h5 {

	font-size: 0.22rem;

	line-height: 0.36rem;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

}



.section3-right-show h5 a {

	color: #333

}



.section3-right-show:hover h5 a {

	color: #0065e1

}



.section3-right-show i {

	font-size: 0.16rem;

	color: #656565;

	margin-top: 0.18rem;

	line-height: 1;

}



.section3-right-show p {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.3rem;

	margin-top: 0.32rem;

	letter-spacing: 1px;

}



.section3-right-show span {

	width: 100%;

	margin-top: 0.42rem;

	border-top: 2px solid #dbdbdb;

	position: relative;

	display: block;

}



.section3-right-show span a {

	font-size: 0.16rem;

	color: #000;

	padding-top: 0.15rem;

	display: block;

	text-align: right;

}



.section3-right-show span:before {

	content: "";

	position: absolute;

	width: 0.65rem;

	height: 2px;

	background: #333;

	right: 0;

	top: -2px;

	transition: width .5s ease-in-out;

}



.section3-right-show span:hover:before {

	width: 100%

}



.section3-right-show span:hover a {

	color: #0065e1

}



.section3-right .prev,

.section3-right .next {

	width: 0.26rem;

	height: 0.26rem;

	position: absolute;

	bottom: 0.3rem;

	transition: all .4s;

}



.section3-right .prev {

	background: url(../images/icon/section3-arrow.png) no-repeat 0 0;

	left: 0.75rem;

}



.section3-right .next {

	background: url(../images/icon/section3-arrow.png) no-repeat -0.35rem 0;

	left: 1.16rem;

}



.section3-right .prev:hover {

	background-position: 0 -0.28rem;

}



.section3-right .next:hover {

	background-position: -0.35rem -0.28rem;

}



.section4 {

	background: url(../images/section4-bg.jpg) no-repeat;

}



.section4 li {

	width: 20%;

	height: 100vh;

	background: url(../images/icon/index-opacity20.png) repeat;

	float: left;

}



.section4 li.section4-li-even {

	background: url(../images/icon/index-opacity40.png) repeat;

}



.section4 li .section4-li-ic {

	display: flex;

	justify-content: center;

	align-items: center;

	height: 100vh;

}



.section4 li i {

	width: 1.15rem;

	height: 1.15rem;

	border: 1px solid #fff;

	border-radius: 50%;

}



.section4 li.section4-li1 i {

	background: url(../images/icon/section4-i1.png) center no-repeat;

}



.section4 li.section4-li2 i {

	background: url(../images/icon/section4-i2.png) center no-repeat;

}



.section4 li.section4-li3 i {

	background: url(../images/icon/section4-i3.png) center no-repeat;

}



.section4 li.section4-li4 i {

	background: url(../images/icon/section4-i4.png) center no-repeat;

}



.section4 li.section4-li5 i {

	background: url(../images/icon/section4-i5.png) center no-repeat;

}



.section4 li h5 {

	color: #fff;

	text-align: center;

	font-size: 0.24rem;

	margin-top: 0.3rem;

}



.section4-li-main {

	width: 100%;

	height: 100vh;

	visibility: hidden;

	opacity: 0;

	-webkit-transform: scaleY(0);

	z-index: -1;

	transform: scaleY(0);

	-webkit-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-in-out;

	transition-timing-function: ease-in-out;

}



.section4-li-main .scale-img {

	width: 100%;

	overflow: hidden;

	display: block;

}



.section4-li-main .scale-img img {

	width: 100%;

	height: 100%;

	-webkit-transition: all 0.4s ease-in-out;

	position: relative;

	-moz-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}



.section4-li-main:hover .scale-img img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

}



.section4-li-main>div {

	width: 100%;

	height: 40vh;

	background: #fff;

	padding: 0 0.42rem;

	display: flex;

	justify-content: center;

	align-items: center;

	position: absolute;

	bottom: 0;

}



.section4-li-main>div a {

	width: 100%;

	display: block;

}



.section4-li-main>div h4 {

	font-size: 0.24rem;

	color: #0065e1;

	text-align: center;

}



.section4-li-main>div em {

	width: 0.4rem;

	height: 2px;

	background: #0065e1;

	margin: 0.3rem auto 0;

}



.section4-li-main>div p {

	text-align: justify;

	font-size: 0.14rem;

	line-height: 0.24rem;

	color: #676767;

	margin-top: 0.25rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

}



.section4-li-main>div span {

	display: block;

	width: 1rem;

	height: 0.34rem;

	line-height: 0.34rem;

	text-align: center;

	background: #0065e1;

	display: block;

	margin: 0.35rem auto 0;

	color: #fff;

	font-size: 0.16rem;

	letter-spacing: 2px;

}



.section4 li:hover .section4-li-ic {

	display: none;

}



.section4 li:hover .section4-li-main {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	opacity: 1;

	visibility: visible;

	z-index: 1;

}



.section5 {

	background: url(../images/section5-pro-bg-1920.jpg) no-repeat;
	display: flex; justify-content: center; align-items: center; height: 100%;

}



.section5-pro {

	width: 100%;

	padding: 1.24rem 0 0.29rem;

	overflow: hidden;

}



.section5-titlte {

	font-size: 0.77rem;

	color: #fff;

	line-height: 1;

	text-align: center;

}



.section5-subtitlte {

	font-size: 0.3rem;

	color: #fff;

	line-height: 1;

	margin-top: 0.1rem;

	text-align: center;

}



.section5-pro-ul {

	margin-top: 0.4rem;

}



.section5-pro-ul li {

	width: 4rem;

	height: 2.75rem;

	float: left;

	margin-left: 0.3rem;

	overflow: hidden;

	position: relative;

}



.section5-pro-ul li .scale-img {

	width: 100%;

	height: 100%;

	overflow: hidden;

	display: block;

}



.section5-pro-ul li .scale-img img {

	width: 100%;

	height: 100%;

	-webkit-transition: all 0.4s ease-in-out;

	position: relative;

	-moz-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}



.section5-pro-ul li:hover .scale-img img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

}



.section5-li {

	width: 100%;

	height: 100%;

	background: url(../images/icon/index-opacity80.png) repeat;

	position: absolute;

	top: 100%;

	transition: top .5s ease-in-out;

}



.section5-li-main {

	height: 100%;

	padding: 10px;

}



.section5-li-main>div {

	border: 1px solid #9abbe3;

	display: flex;

	justify-content: center;

	align-items: center;

	height: 100%;

}
.section5-li-main a {
	display: block;
	text-align: center;
}
.section5-li-main h5 {

	font-size: 0.3rem;

	color: #fff;

	font-weight: normal;

}
.section5-li-main h4 {
	font-size: 0.3rem;
	color: #fff;
	line-height: 1;
	margin-top: 0.2rem;
}
.section5-li-main i {
	width: 1.5rem;
	height: 1px;
	background: #fff;
	margin: 0.1rem auto 0.2rem;
}
.section5-li-main p {
	font-size: 0.16rem;
	line-height: 1;
	margin-bottom: 0.1rem;
	color: #fff
}
.section5-pro-ul li:hover .section5-li {
	top: 0;
}
.section5-pro-ul li:first-child {
	margin-left: 0;
}
.section5-bot {
	margin-top: 0.3rem;
}
.section5-bot img {
	max-width: 100%;
	margin: auto;
	display: block;
}
.section4-li-main {
	position: relative;
}
.index-footer{ height: 2.3rem; }
.footer{ position: absolute; bottom: 0; }
@media only screen and (max-width: 1700px) and (min-width: 1441px) {
	#home .swiper-pagination {	right: 45px;}
	.section2-right {padding: 1.5rem 0 0 0.5rem;}
	.index-title {font-size: 0.7rem;}
	.section2-right-l {margin-right: 0.6rem;}
	.section2-right-about {margin-top: 0.6rem;	}
	.section2-right-more {margin-top: 0.4rem}
	.section3 {padding-top: 1.4rem; padding-top: 0\0;}
	.section3>.w1530{ margin-top: 1.4rem\0; }
	.section3-left ul {	margin-top: 0.5rem;}
	.section3-left li {	margin-top: 0.3rem;}
	.section3-cen li {line-height: 0.4rem;}
	.section3-cen li i {margin: 0.17rem 0;	}
	.section3-right-show {height: 3.6rem;	padding: 0.4rem 0.45rem;}
	.section3-right-show h5 {-webkit-line-clamp: 1;width: 100%;}
	.section3-right-show h5 a { width: 100%;display: block;	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.section3-right-show p {margin-top: 0.25rem;line-height: 0.26rem;}
	.section3-right .prev,.section3-right .next {	bottom: 0.38rem;}
	.section3-right .prev {	left: 0.45rem;	}
	.section3-right .next {	left: 0.97rem;}
	.section4-li-main>div em {margin: 0.2rem auto 0;}
	.section4-li-main>div p {margin-top: 0.15rem;}
	.section4-li-main>div {padding: 0 0.25rem;}
	.section4-li-main>div span {margin: 0.15rem auto 0;}
	.section5-titlte {font-size: 0.7rem;}
	.section5 {background: url(../images/section5-pro-bg-1600.jpg) no-repeat;}
	.section5-pro {/*height: 7.5rem; */height: auto;}
	.section5-pro-ul {margin-top: 0.4rem;width: 14rem !important;}
	.section5-pro-ul li {margin-left: 0.2rem;width: 3.35rem;height: 2rem;	}
	.section5-bot img {	max-width: 40%;	}
	.section5-pro {/*padding: 0.65rem 0 0.2rem;margin-top: 0.45rem;*/ padding:0; margin-top: 0;}
	.section5-titlte {font-size: 0.5rem;display: block;}
	.section5-subtitlte {font-size: 0.3rem;}
	.section5-bot {margin-top: 0.4rem;}
	.footer {position: absolute;bottom: 0}
}

@media only screen and (max-width: 1440px) and (min-width:1367px)  {
	#home .swiper-pagination {right: 0.2rem;}
	.section1 .hd {bottom: 0.3rem;}
	@-webkit-keyframes banner_arrow {
		0% {
			bottom: 0.6rem;
			opacity: 1;
		}
		50% {
			bottom: 0.7rem;
			opacity: 0;
		}
		100% {
			bottom: 0.6rem;
			opacity: 1;
		}
	}
	@keyframes banner_arrow {
		0% {
			bottom: 0.6rem;
			opacity: 1;
		}
		50% {
			bottom: 0.7rem;
			opacity: 0.5;
		}
		100% {
			bottom: 0.6rem;
			opacity: 1;
		}
	}
	@-webkit-keyframes banner_arrow1 {
		0% {
			bottom: 0.4rem;
			opacity: 1;
		}
		50% {
			bottom: 0.5rem;
			opacity: 0;
		}
		100% {
			bottom: 0.4rem;
			opacity: 1;
		}
	}
	@keyframes banner_arrow1 {
		0% {
			bottom: 0.4rem;
			opacity: 1;
		}
		50% {

			bottom: 0.5rem;

			opacity: 0;

		}



		100% {

			bottom: 0.4rem;

			opacity: 1;

		}

	}
	.section2-right {padding: 2.45rem 0 0 0.3rem;}
	.section2-right-l {margin-right: 0.4rem;}
	.section2-right-l li {margin-top: 0.3rem;}
	.section2-right-r {width: 60%}
	.index-title {font-size: 0.5rem;}
	.index-subtitle {font-size: 0.24rem;	margin-top: 0.1rem;	}
	.section2-right-about {	margin-top: 0.3rem;}
	.section2-right-about p {

		margin-bottom: 0.1rem;

	}



	.section2-right-more {

		margin-top: 0.2rem;

	}



	.section3 {

		padding-top: 0;

		display: flex;

		justify-content: center;

		align-items: center;

		height: 100%;

	}



	.section3-left {

		margin-right: 0.3rem;

		margin-top: 0;

	}



	.section3-left ul {

		margin-top: 0.4rem;

	}



	.section3-left li {

		margin-top: 0.2rem;

	}



	.section3-cen {

		padding-top: 0;

		margin-top: 0;

	}



	.section3-cen li {

		line-height: 0.35rem;

	}



	.section3-cen li i {

		margin: 0.15rem 0;

	}



	.section3-right {

		width: 5.5rem;

	}



	.section3-right-nav li {

		width: 24%;

		height: auto;

		margin-left: 1%;

	}



	.section3-right-show {

		height: 3.03rem;

		padding: 0.2rem;

	}



	.section3-right-show h5 {

		font-size: 0.2rem;

		line-height: 0.3rem;

	}



	.section3-right-show i {

		margin-top: 0.1rem;

	}



	.section3-right-show p {

		width: 100%;

		margin-top: 0.2rem;

		line-height: 0.26rem;

		height: 1.04rem;

		overflow: hidden;

	}



	.section3-right-show span {

		margin-top: 0.2rem;

	}



	.section3-right-show span a {

		padding-top: 0.1rem;

	}



	.section3-right .prev,

	.section3-right .next {

		bottom: 0.15rem;

	}



	.section3-right .prev {

		left: 0.2rem;

	}



	.section3-right .next {

		left: 0.66rem;

	}



	.section4-li-main .scale-img {

		height: 50vh;

	}



	.section4-li-main>div {

		height: 50vh;

		padding: 0 0.2rem;

	}
	.section4-li-main>div h4 {
		font-size: 0.2rem;
	}
	.section4-li-main>div em {margin: 0.1rem auto 0;}
	.section4-li-main>div p {

		margin-top: 0.15rem;

		display: -webkit-box;

		-webkit-line-clamp: 5;

		-webkit-box-orient: vertical;

		overflow: hidden;

	}
	.section4-li-main>div span {
		margin: 0.2rem auto 0;
	}
	.section5 {background: url(../images/section5-pro-bg-1440.jpg) no-repeat;}
	.section5-titlte {font-size: 0.5rem;}
	.section5-subtitlte {font-size: 0.3rem;}
	.section5-pro {	/*padding: 1.24rem 0 0.6rem;*/ padding:0; margin-top: 0;height: auto;}
	.section5-pro-ul {	margin-top: 0.6rem;	}
	.section5-pro-ul li {
		margin-left: 0.2rem;
		width: 2.975rem;
		height: 1.5rem;
	}
	.section5-bot {
		margin-top: 0.5rem;
	}
	.section5-bot img {}
	.section5-li-main h5 {font-size: 0.2rem;}
	.section5-li-main h4 {font-size: 0.2rem;	margin-top: 0;	}
	.section5-li-main p {font-size: 0.14rem;}
	.section5-li-main i {margin: 0.1rem 0 0.1rem;}
	.index-footer {  height: 2.1rem !important;}
}
@media only screen and (max-width: 1366px) and (min-width:1025px) {
	#home .swiper-pagination {right: 0.2rem;}
	.section1 .hd {bottom: 0.3rem;	}
	@-webkit-keyframes banner_arrow {
		0% {
			bottom: 0.6rem;
			opacity: 1;
		}
		50% {
			bottom: 0.7rem;
			opacity: 0;
		}
		100% {
			bottom: 0.6rem;
			opacity: 1;
		}
	}
	@keyframes banner_arrow {
		0% {
			bottom: 0.6rem;
			opacity: 1;
		}
		50% {
			bottom: 0.7rem;
			opacity: 0.5;
		}
		100% {
			bottom: 0.6rem;
			opacity: 1;
		}
	}
	@-webkit-keyframes banner_arrow1 {
		0% {
			bottom: 0.4rem;
			opacity: 1;
		}
		50% {
			bottom: 0.5rem;
			opacity: 0;
		}
		100% {
			bottom: 0.4rem;
			opacity: 1;
		}
	}
	@keyframes banner_arrow1 {
		0% {
			bottom: 0.4rem;
			opacity: 1;
		}
		50% {
			bottom: 0.5rem;
			opacity: 0;
		}
		100% {
			bottom: 0.4rem;
			opacity: 1;
		}
	}
	.section2-right {padding: 1.45rem 0 0 0.3rem;}
	.section2-right-l {	margin-right: 0.4rem;}
	.section2-right-l li {margin-top: 0.3rem;	}
	.section2-right-r {width: 60%}
	.index-title {font-size: 0.5rem;}
	.index-subtitle {font-size: 0.24rem;	margin-top: 0.1rem;	}
	.section2-right-about {	margin-top: 0.3rem;}
	.section2-right-about p {margin-bottom: 0.1rem;}
	.section2-right-more {margin-top: 0.2rem;}
	.section3 {padding-top: 0;display: flex;justify-content: center;align-items: center;height: 100%;}
	.section3-left {margin-right: 0.3rem;margin-top: 0;}
	.section3-left ul {margin-top: 0.4rem;	}
	.section3-left li {margin-top: 0.2rem;}
	.section3-cen {padding-top: 0;margin-top: 0;}
	.section3-cen li {line-height: 0.35rem;}
	.section3-cen li i {margin: 0.15rem 0;}
	.section3-cen li a {font-size: 0.14rem;}
	.section3-right {width: 5.5rem;}
	.section3-right-nav li {width: 24%;	height: auto;margin-left: 1%;}
	.section3-right-show {	height: 303px;padding: 0.2rem;}
	.section3-right-show h5 {font-size: 0.18rem;line-height: 0.3rem;}
	.section3-right-show i {margin-top: 0.1rem;	}
	.section3-right-show p {width: 100%;margin-top: 0.2rem;line-height: 0.26rem;height: 1.04rem;overflow: hidden;}
	.section3-right-show span {margin-top: 0.2rem;}
	.section3-right-show span a {padding-top: 0.1rem;}
	.section3-right .prev,.section3-right .next {bottom: 0.15rem;}
	.section3-right .prev {left: 0.2rem;}
	.section3-right .next {left: 0.66rem;}
	.section4-li-main .scale-img {height: 50vh;}
	.section4-li-main>div {height: 50vh;padding: 0 0.2rem;}
	.section4-li-main>div h4 {font-size: 0.2rem;}
	.section4-li-main>div em {margin: 0.1rem auto 0;}
	.section4-li-main>div p {margin-top: 0.15rem;display: -webkit-box;-webkit-line-clamp: 5;	-webkit-box-orient: vertical;overflow: hidden;}
	.section4-li-main>div span {margin: 0.2rem auto 0;}
	.section5 {	background: url(../images/section5-pro-bg-1366.jpg) no-repeat;}
	.section5-titlte {font-size: 0.5rem;display: block;	}
	.section5-subtitlte {font-size: 0.3rem;}
	.section5-pro {	/*padding: 0.9rem 0 0.3rem;*/height: auto; padding:0; margin-top: 0;}
	.section5-pro-ul {margin-top: 0.2rem;}
	.section5-pro-ul li {margin-left: 0.2rem;width: 2.975rem;height: 1.5rem;}
	.section5-bot {margin-top: 0.2rem;}
	.section5-bot img {height: 0.5rem;}
	.section5-li-main h5 {font-size: 0.2rem;}
	.section5-li-main h4 {font-size: 0.2rem;margin-top: 0;}
	.section5-li-main p {font-size: 0.14rem;}
	.section5-li-main i {margin: 0.1rem 0 0.1rem;}

	.index-footer {  height: 2.1rem !important;}
}


@media only screen and (max-width: 768px) {

	.head-mobile{ position: fixed; top: 0; z-index: 999; }
	.section3 {padding-top: 1.2rem;	}
	.mobile-section1 {position: relative;width: 100%;overflow: hidden;	margin: 0 auto;}
	.mobile-section1 img {width: 100%;}
	.section1 .hd {position: relative;left: auto;margin-left: auto}
	.mobile-section1 .hd>div {text-align: center;margin: auto;}
	.mobile-section1 .hd a {font-size: 0;width: 10px;height: 10px;display: inline-block;background: #fff;border-radius: 50%;margin-left: 0.1rem;}
	.mobile-section1 .hd a:first-child {margin-left: 0;}
	.mobile-section1 .hd a.on {background: #0065e1;	}
	#home .swiper-slide.section2 {background-position: right;display: flex;justify-content: center;align-items: center;height: 100%;}
	.section2-left{	display: none;}
	.section2-right {width: 100%;padding: 0 3%;height: auto	}
	.section2-right-l {	display: none;}
	.section2-right-r {	width: 100%;}
	.index-title {font-size: 0.4rem;	}
	.index-subtitle {font-size: 0.24rem;	margin-top: 0.1rem;	}
	.section2-right-about {	margin-top: 0.4rem;	}
	.section2-right-about p {margin-bottom: 0.15rem; color:#333 !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 6; -webkit-box-orient: vertical;	}
	.section2-right-more {margin-top: 0.4rem;	}
	.section3-left {max-width: 100%;margin-right: 0;margin-top: 0;	}
	.section3-left ul {	display: none;	}
	.section3-cen {	display: none;}
	.section3-right {	width: 100%;margin-top: 0.2rem;	}
	.section3-right-nav li {width: 24%;margin-left: 1%;height: auto;}
	.section3-right-show {height: auto;padding: 0.15rem 3%;}
	.section3-right-show h5 {font-size: 0.18rem;line-height: 0.3rem;}
	.section3-right-show i {font-size: 0.12rem;margin-top: 0.1rem;}
	.section3-right-show p {width: 100%;line-height: 0.26rem;margin-top: 0.1rem;height: 0.72rem;overflow: hidden;text-overflow: ellipsis;	}
	.section3-right-show span {margin-top: 0.2rem;}
	.section3-right-show span a {padding-top: 0.1rem;font-size: 0.14rem;	}
	.section3-right .prev,	.section3-right .next {	bottom: 0.1rem;}
	.section3-right .prev {left: 3%}
	.section3-right .next {	left: 15%;}
	.section3-right-show h5 a {	overflow: hidden;text-overflow: ellipsis;	white-space: nowrap;display: block;	}
	.mobile-section4 {	width: 100%;}
	.section4 li {width: 100%;}
	.section4-li-main {visibility: visible;transform: scaleY(1);-webkit-transform: scaleY(1);opacity: 1;}
	.section4-li-main .scale-img { height: 60vh; }
	.section4 li {background: none;}
	.section4 li.section4-li-even {background: none;}
	#home .swiper-pagination {right: 3%;display: none;}
	.section4-li-main>div {	width: 100%;height: 40vh;background: #fff;padding: 0 0.42rem;display: flex;justify-content: center;	align-items: center;position: absolute;	bottom: 0%;	}

	.section4-li-main>div h4 {font-size: 0.2rem;}
	.section4-li-main>div em {/*margin: 0.15rem auto 0;*/ display: none}
	/*.section4-li-main>div p { margin-top: 0.15rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;	}*/
	.section4-li-main>div p{ display: none }
	.section4-li-main>div span {margin: 0.1rem auto 0;}
	#home .swiper-slide.section5 {	background: rgba(0, 0, 0, 0.8);	/*padding-top: 0.6rem;*/}
	.section5-pro {	padding: 0.6rem 0;}
	.section5-titlte {font-size: 0.3rem;}
	.section5-subtitlte {	font-size: 0.2rem;	}
	.section5-pro-ul {margin-top: 0.2rem;}
	.section5-pro-ul li {width: 49%;height: auto;margin-left: 0;margin-bottom: 2%}
	.section5-pro-ul li:nth-child(2n) {float: right}
	.section5-bot {	margin-top: 0.15rem;}
	.section5-li {display: none;	}
	.footer {position: absolute;bottom: 0;}
	.index-footer{ height: 0.6rem; }
}

.page {
				    position: absolute;
				    left: 0px;
				    top: 0px;
				    width: 100%;
				    height: 100vh;
				}
				.conpage1d {

				    transition: all 1.0s;
				    -moz-transition: all 1.0s;
				    -ms-transition: all 1.0s;
				    -o-transition: all 1.0s;
				    -webkit-transition: all 1.0s;
				    transform: matrix(1, 0, 0, 1, 0, 0);
				    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
				    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
				    -o-transform: matrix(1, 0, 0, 1, 0, 0);
				    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
				}

				.vidoelist {
				    min-width: 100%;
				    min-height: 100%;
				    position: absolute;
				    left: 50%;
				    top: 50%;
				    transform: translate(-50%,-50%);
				    -moz-transform: translate(-50%,-50%);
				    -ms-transform: translate(-50%,-50%);
				    -o-transform: translate(-50%,-50%);
				    -webkit-transform: translate(-50%,-50%);
				}
				.index-sec1-arc{ position: absolute; bottom: 70px; left: 17%;  width: 1200px;  margin:auto; z-index: 2; text-align: left; color: #fff;  }
				/*.index-sec1-arc .home-title-1{ display: table-cell; vertical-align: middle; }*/
				.index-sec1-arc .home-title-1 h3 {  margin-top: 20px;  margin-bottom: 0;  letter-spacing: 0.007px;}
				.navigation-en {  font-size: 20px;}
				@media (min-width: 1600px) {
					.navigation-en {
					    font-size: 30px;
					}
					.home-title {
					    font-size: 40px;
					}
				}
				@media (min-width: 768px) {
					.navigation-en { font-size: 30px;}
					.index-sec1-arc .home-title-1 h3.home-title { letter-spacing: 10px;}
				}
				.index-sec1-arc .home-title-1 h2 { margin-bottom: 0;}
				.index-sec1-arc .home-title-1 h2.home-title { letter-spacing: 12px;  margin-top: 44px;  font-weight: 300;}
				.index-sec1-arc .home-title-1 h3.home-title {  letter-spacing: 12px;  margin-bottom: 0;  font-weight: 300;}

@media (min-width: 320px) {
.section2-right-about p{     overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 6; -webkit-box-orient: vertical;
 }
}