@import url(threesixty.css);

@import url(jquery.fullPage.css);

@import url(video-js.min.css);

.pro360 {
	cursor: pointer
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-40%)
	}

	to {
		opacity: 1;
		transform: translateY(0%)
	}
}

@-moz-keyframes fadeInDown {
	from {
		opacity: 0;
		-moz-transform: translateY(-40%)
	}

	to {
		opacity: 1;
		-moz-transform: translateY(0%)
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translateY(-40%)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0%)
	}
}

@-o-keyframes fadeInDown {
	from {
		opacity: 0;
		-o-transform: translateY(-40%)
	}

	to {
		opacity: 1;
		-o-transform: translateY(0%)
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-40%)
	}

	to {
		opacity: 1;
		transform: translateX(0%)
	}
}

@-moz-keyframes fadeInLeft {
	from {
		opacity: 0;
		-moz-transform: translateX(-40%)
	}

	to {
		opacity: 1;
		-moz-transform: translateX(0%)
	}
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translateX(-40%)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0%)
	}
}

@-o-keyframes fadeInLeft {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(40%)
	}

	to {
		opacity: 1;
		transform: translateX(0%)
	}
}

@-moz-keyframes fadeInRight {
	from {
		opacity: 0;
		-moz-transform: translateX(40%)
	}

	to {
		opacity: 1;
		-moz-transform: translateX(0%)
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(40%)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0%)
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-o-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes rotateScale {
	from {
		opacity: 0;
		transform: scale(0.5)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@-moz-keyframes rotateScale {
	from {
		opacity: 0;
		-moz-transform: scale(0.5)
	}

	to {
		opacity: 1;
		-moz-transform: scale(1)
	}
}

@-webkit-keyframes rotateScale {
	from {
		opacity: 0;
		-webkit-transform: scale(0.5)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@-o-keyframes rotateScale {
	from {
		opacity: 0;
		-o-transform: scale(0.5)
	}

	to {
		opacity: 1;
		-o-transform: scale(1)
	}
}

.right-nav {
	position: fixed;
	right: 2%;
	top: 50%;
	margin-top: -102px;
	z-index: 99;
	width: 30px;
	height: 150px
}

@media only all and (max-width:768px) {
	.right-nav {
		display: none
	}
}

.right-nav .arrow-up,.right-nav .arrow-down {
	width: 30px;
	height: 30px;
	position: absolute;
	cursor: pointer
}

.right-nav .arrow-up {
	top: -40px;
	background: url(../image/up_a_w.png) no-repeat
}

.right-nav .arrow-down {
	bottom: -40px;
	background: url(../image/down_a_w.png) no-repeat
}

.right-nav .right-menu {
	width: 100%;
	height: 100%;
	border: 2px #ffffff solid;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	opacity: 1
}

.right-nav .right-menu li {
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	opacity: 0.5;
	margin: 16px 8px;
	cursor: pointer
}

.right-nav .right-menu li:hover,.right-nav .right-menu li.on,.right-nav .right-menu li.active {
	opacity: 1
}

.right-nav .right-menu a {
	width: 100%;
	height: 100%;
	display: block
}

.right-nav .right-menu.on li {
	background-color: #fff
}

.right-nav-gray .arrow-up {
	background: url(../image/up_a_g.png) no-repeat
}

.right-nav-gray .arrow-down {
	background: url(../image/down_a_g.png) no-repeat
}

.right-nav-gray .arrow-up.on {
	background: url(../image/up_a_w.png) no-repeat
}

.right-nav-gray .arrow-down.on {
	background: url(../image/down_a_w.png) no-repeat
}

.right-nav-gray .right-menu {
	border: 2px #dad8d8 solid
}

.right-nav-gray .right-menu li {
	background-color: #6d6e71
}

.right-nav-gray .right-menu li:hover,.right-nav-gray .right-menu li.on {
	opacity: 1
}

.play-btn {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px
}

.play-btn img {
	width: 100%
}

.play-btn .pic1 {
	display: block;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.play-btn .pic2 {
	display: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.play-btn .pic1:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.play-btn .pic2:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

@media only all and (max-width:1366px) {
	.play-btn {
		width: 80px;
		height: 80px;
		margin-top: -40px;
		margin-left: -40px
	}
}

@media only all and (max-width:768px) {
	.play-btn {
		display: none
	}
}

.play-btn.play .pic1 {
	display: none
}

.play-btn.play .pic2 {
	display: block
}

#fullpage .number {
	position: absolute;
	bottom: 5%;
	left: 10%;
	z-index: 99;
	width: 100px;
	height: 30px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	background-color: #6d6e71;
	padding: 0px 18px
}

@media only all and (max-width:768px) {
	#fullpage .number {
		left: 50%;
		margin-left: -50px;
		background: none
	}
}

#fullpage .number li {
	width: 10px;
	height: 10px;
	float: left;
	margin: 10px 5px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	background-color: #999a9c;
	cursor: pointer
}

#fullpage .number li.active,#fullpage .number li:hover {
	background-color: #ffffff
}

#fullpage .section {
	position: relative
}

#fullpage .section .s-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

#fullpage .section .plus {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	display: block;
	margin: 0 auto;
	border: 2px #ffffff solid;
	background: url(../image/plus_icon_w.png) center center no-repeat
}

#fullpage .section .more {
	width: 116px;
	height: 50px;
	display: block;
	margin-top: 30px;
	line-height: 45px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	padding-left: 25px;
	font-size: 1.4rem
}

@media only all and (max-width:768px) {
	#fullpage .section .more {
		height: 40px;
		line-height: 35px;
		margin-top: 10px;
		padding-left: 0
	}
}

#fullpage .section .content {
	position: absolute;
	z-index: 99;
	margin-left: 10%;
	float: left;
	top: 20%;
	width: 28%
}

@media only all and (max-width:768px) {
	#fullpage .section .content .s-logo {
		width: 150px;
		margin: 0 auto
	}
}

@media only all and (max-width:768px) {
	#fullpage .section .content .s-logo img {
		width: 100%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section .content {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		margin: 15% auto 20px auto
	}
}

@media only all and (max-width:768px) {
	#fullpage .section .content {
		margin-left: 0
	}
}

#fullpage .section1 .s-bg-1-1 {
	background: url(../image/section_bg55.jpg) no-repeat 50% 50%;
	background-size: cover
}

#fullpage .section1 .content {
	opacity: 0;
	float: left;
	top: 20%;
	width: 35%
}

@media only all and (max-width:1440px) {
	#fullpage .section1 .content {
		width: 35%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		margin: 15% auto 20px auto
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content .s-logo {
		text-align: center
	}
}

#fullpage .section1 .content .s-title-zh {
	margin-top: 30px;
	color: #ffffff
}

#fullpage .section1 .content .s-title-zh p {
	font-size: 3.0rem;
	margin-bottom: 10px
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content .s-title-zh p {
		margin-bottom: 0;
		margin-top: 30px
	}
}

@media only all and (max-width:414px) {
	#fullpage .section1 .content .s-title-zh p {
		margin-top: 15px
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content .s-title-zh .phoneNone {
		display: none
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content .s-title-zh {
		text-align: center;
		margin-top: 10px
	}
}

#fullpage .section1 .content .more {
	border: 2px #ffffff solid;
	color: #ffffff;
	background: url(../image/more_arrow.png) 85px center no-repeat
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content .more {
		display: none
	}
}

#fullpage .section1 .content .videoImg {
	margin-top: 125px;
	float: right;
	position: relative;
	width: 450px
}

@media only all and (max-width:1440px) {
	#fullpage .section1 .content .videoImg {
		width: auto;
		margin-top: 100px
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section1 .content .videoImg {
		margin-top: 60px
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content .videoImg {
		float: none;
		text-align: center;
		margin-top: 35px;
		margin-bottom: 50px;
		z-index: 999
	}
}

@media only all and (max-width:414px) {
	#fullpage .section1 .content .videoImg {
		width: 250px;
		margin: 20px auto
	}
}

#fullpage .section1 .content .videoImg img {
	width: 100%
}

#fullpage .section1 .content .videoImg .play {
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px
}

@media only all and (max-width:414px) {
	#fullpage .section1 .content .videoImg .play {
		width: 32px;
		height: 32px;
		margin-left: -16px;
		margin-top: -16px
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .content .videoPc {
		display: none
	}
}

#fullpage .section1 .videosBg {
	display: none;
	background-color: #000;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.7;
	z-index: 999
}

#fullpage .section1 .videos {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -320px;
	margin-top: -210px;
	z-index: 9999;
	width: 640px;
	height: 360px
}

#fullpage .section1 .videos #video {
	width: 100%
}

@media only all and (max-width:414px) {
	#fullpage .section1 .videos {
		width: 260px;
		height: 360px;
		margin-left: -130px;
		margin-top: -210px
	}
}

#fullpage .section1 .videos .vclose {
	position: absolute;
	right: -4%;
	top: 0%;
	cursor: pointer;
	z-index: 99999
}

#fullpage .section1 .about-wrap {
	opacity: 0;
	position: relative;
	float: right;
	margin-right: 5%;
	width: 56%;
	height: 100%;
	z-index: 99;
	animation: fadeInRight 1s .5s forwards;
	-moz-animation: fadeInRight 1s .5s forwards;
	-webkit-animation: fadeInRight 1s .5s forwards;
	-o-animation: fadeInRight 1s .5s forwards;
	overflow: hidden
}

@media only all and (max-width:1440px) {
	#fullpage .section1 .about-wrap {
		width: 50%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .about-wrap {
		width: 100%;
		float: none;
		margin-right: 0;
		height: 100%;
		z-index: 9
	}
}

#fullpage .section1 .about-wrap .about-con {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #ffffff
}

#fullpage .section1 .about-wrap .about-con .videoImg {
	margin-top: 125px
}

#fullpage .section1 .about-wrap .about-con .videoImg .wrap-video {
	position: relative
}

@media only all and (max-width:1366px) {
	#fullpage .section1 .about-wrap .about-con .videoImg {
		margin-top: 60px
	}
}

#fullpage .section1 .about-wrap .about-con .videoImg img {
	max-width: 100%
}

#fullpage .section1 .about-wrap .about-con .videoImg .play {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

@media only all and (max-width:1024px) {
	#fullpage .section1 .about-wrap .about-con {
		width: 75%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section1 .about-wrap .about-con {
		width: 60%;
		position: static;
		transform: none;
		margin: 0 auto
	}
}

@media only all and (max-width:414px) {
	#fullpage .section1 .about-wrap .about-con {
		width: 92%
	}
}

#fullpage .section1 .about-wrap .about-con h2 {
	font-size: 2.2rem
}

@media only all and (max-width:768px) {
	#fullpage .section1 .about-wrap .about-con h2 {
		text-align: center;
		margin-bottom: 30px
	}
}

#fullpage .section1 .about-wrap .about-con p {
	font-size: 1.4rem;
	line-height: 22px;
	margin-top: 35px;
	text-align: justify
}

@media only all and (max-width:768px) {
	#fullpage .section1 .about-wrap .about-con p {
		height: 215px;
		display: -webkit-box;
		overflow: hidden;
		margin-top: 0px
	}
}

@media only all and (max-width:414px) {
	#fullpage .section1 .about-wrap .about-con p {
		height: auto;
	}
}

#fullpage .section1 .about-wrap .about-con a.more {
	display: none;
	border: 2px #ffffff solid;
	color: #ffffff;
	background: url(../image/more_arrow.png) 85px center no-repeat;
	margin: 10% auto
}

@media only all and (max-width:768px) {
	#fullpage .section1 .about-wrap .about-con a.more {
		display: block;
		margin: 5% auto;
		padding-left: 25px
	}
}

@media only all and (max-width:414px) {
	#fullpage .section1 .about-wrap .about-con a.more {
		margin: 8% auto
	}
}

#fullpage .section1.active .content {
	animation: fadeInLeft .5s .5s forwards;
	-moz-animation: fadeInLeft .5s .5s forwards;
	-webkit-animation: fadeInLeft .5s .5s forwards;
	-o-animation: fadeIn .5s .5s forwards
}

@media only all and (max-width:768px) {
	#fullpage .section2 .fp-tableCell {
		display: block
	}
}

#fullpage .section2 .s-bg-2-1 {
	background: url(../image/section_bg4.png) #f5f4f2 no-repeat 50% 50%;
	background-size: cover
}

@media only all and (max-width:1440px) {
	#fullpage .section2 .content {
		top: 15%
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section2 .content .s-logo img {
		width: 100%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section2 .content .s-logo {
		text-align: center
	}
}

#fullpage .section2 .content .s-title-zh {
	margin-top: 20px
}

#fullpage .section2 .content .s-title-zh p {
	font-size: 3.0rem;
	color: #333333
}

#fullpage .section2 .content .s-title-zh p:last-child {
	color: #666666
}

@media only all and (max-width:768px) {
	#fullpage .section2 .content .s-title-zh {
		text-align: center;
		margin-top: 10px
	}
}

#fullpage .section2 .content .more {
	border: 3px #6d6e71 solid;
	float: left;
	color: #6d6e71;
	background: url(../image/more_arrow_g.png) 85px center no-repeat
}

@media only all and (max-width:768px) {
	#fullpage .section2 .content .more {
		display: none
	}
}

#fullpage .section2 .industry-wrap {
	opacity: 0;
	position: relative;
	float: right;
	z-index: 999;
	right: 8%;
	width: 67%;
	top: 5%
}

@media only all and (max-width:1600px) {
	#fullpage .section2 .industry-wrap {
		top: 5%;
		width: 70%
	}
}

@media only all and (max-width:1440px) {
	#fullpage .section2 .industry-wrap {
		top: 15%
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section2 .industry-wrap {
		top: 15%
	}
}

@media only all and (max-width:1024px) {
	#fullpage .section2 .industry-wrap {
		top: 0
	}
}

@media only all and (max-width:768px) {
	#fullpage .section2 .industry-wrap {
		right: 15%;
		margin-top: 100px
	}
}

#fullpage .section2 .industry-wrap .swiper-container {
	width: 100%;
	height: 100%
}

#fullpage .section2 .industry-wrap .swiper-container .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

#fullpage .section2 .industry-wrap .swiper-container .swiper-slide {
	text-align: center;
	line-height: 24px;
	margin:0 8px;
}

#fullpage .section2 .industry-wrap .swiper-container .swiper-slide img {
	max-height: 100%;
    margin-bottom: 45px;
    height: 300px;
	width:auto;
	display:table;
	margin:0 auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#fullpage .section2 .industry-wrap .swiper-container .swiper-slide img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

@media only all and (max-width:414px) {
	#fullpage .section2 .industry-wrap .swiper-container .swiper-slide img {
		max-width: 90% !important;
	}
}


#fullpage .section2 .industry-wrap .swiper-container .swiper-slide h4 {
	color: #0a96e3;
	font-size: 2.0rem
}

#fullpage .section2 .industry-wrap .swiper-container .swiper-slide p {
	color: #666666;
	font-size: 1.6rem
}


#fullpage .section2 .industry-wrap .swiper-button-next {
	background-image: url(../image/next.png)
}

@media only all and (max-width:1600px) {
	#fullpage .section2 .industry-wrap .swiper-button-next {
		right: -20px
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section2 .industry-wrap .swiper-button-next {
		right: -30px
	}
}

#fullpage .section2 .industry-wrap .swiper-button-prev {
	background-image: url(../image/prev.png)
}

@media only all and (max-width:1024px) {
	#fullpage .section2 .industry-wrap .swiper-button-prev {
		left: -20px
	}
}

#fullpage .section2 .industry-wrap .swiper-button-next,#fullpage .section2 .industry-wrap .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 15px;
	height: 32px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 15px 32px;
	-webkit-background-size: 15px 32px;
	background-size: 15px 32px;
	background-position: center;
	background-repeat: no-repeat
}

#fullpage .section2 .industry-wrap .more {
	border: 3px #6d6e71 solid;
	color: #6d6e71;
	background: url(../image/more_arrow_g.png) 85px center no-repeat;
	padding-left: 25px;
	margin: 75px auto;
	display: none
}

@media only all and (max-width:768px) {
	#fullpage .section2 .industry-wrap .more {
		display: block
	}
}

#fullpage .section2.active .industry-wrap {
	animation: fadeInDown 1s .5s forwards;
	-moz-animation: fadeInDown 1s .5s forwards;
	-webkit-animation: fadeInDown 1s .5s forwards;
	-o-animation: fadeInDown 1s .5s forwards
}

@media only all and (max-width:768px) {
	#fullpage .section3 .fp-tableCell {
		display: block
	}
}

#fullpage .section3 .s-bg-3-1 {
	background: url(../image/sections3_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

@media only all and (max-width:768px) {
	#fullpage .section3 .s-bg-3-1 {
		background: #0d8bd0
	}
}

@media only all and (max-width:768px) {
	#fullpage .section3 .content {
		top: unset;
		left: unset;
		float: none;
		max-height: 145px
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section3 .content .s-logo img {
		width: 100%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section3 .content .s-logo {
		text-align: center
	}
}

#fullpage .section3 .content .s-title-zh {
	margin-top: 20px;
	color: #ffffff;
	font-size: 3.0rem
}

@media only all and (max-width:768px) {
	#fullpage .section3 .content .s-title-zh {
		text-align: center;
		margin-top: 10px
	}
}

#fullpage .section3 .content .more {
	border: 2px #ffffff solid;
	color: #ffffff;
	background: url(../image/more_arrow.png) 85px center no-repeat
}

@media only all and (max-width:768px) {
	#fullpage .section3 .content .more {
		display: none
	}
}

#fullpage .section3 .research-wrap {
	position: relative;
	position: relative;
	float: right;
	margin-right: 10%;
	width: 565px;
	height: 552px
}

#fullpage .section3 .research-wrap #rd-wrap .content-items {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	text-align: center;
	width: 80%
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap #rd-wrap .content-items {
		top: 18%
	}
}

#fullpage .section3 .research-wrap #rd-wrap .content-items h2 {
	color: #0b83ca;
	font-size: 2.4rem
}

#fullpage .section3 .research-wrap #rd-wrap .content-items p {
	color: #666666;
	font-size: 1.5rem;
	line-height: 22px;
	display: none
}

#fullpage .section3 .research-wrap #rd-wrap .content-items .warp-img {
	height: 140px;
	line-height: 140px;
	margin-top: 75px;
	margin-bottom: 75px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap #rd-wrap .content-items .warp-img {
		margin-top: 45px;
		margin-bottom: 30px
	}
}

#fullpage .section3 .research-wrap #rd-wrap .content-items .warp-img img {
	max-width: 115px;
	max-height: 140px
}

@media only all and (max-width:1600px) {
	#fullpage .section3 .research-wrap #rd-wrap .content-items img {
		width: 200px
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section3 .research-wrap #rd-wrap .content-items img {
		width: 150px
	}
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap #rd-wrap {
		display: none
	}
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap {
		width: 460px;
		background-size: 100%;
		height: 496px;
		margin-top: 7%
	}
}

@media only all and (max-width:1024px) {
	#fullpage .section3 .research-wrap {
		margin-right: 5%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap {
		width: 300px;
		height: 296px;
		margin-right: 0;
		margin: 0 auto;
		float: none;
		margin-top: 35%
	}

	#fullpage .section3 .research-wrap ul {
		display: none
	}
}

#fullpage .section3 .research-wrap .circle {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap .circle {
		z-index: 99
	}
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap .pccircle {
		display: none
	}
}

#fullpage .section3 .research-wrap .phonecircle {
	display: none
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap .phonecircle {
		display: block
	}
}

#fullpage .section3 .research-wrap .tab-options {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}

#fullpage .section3 .research-wrap li {
	position: absolute;
	font-size: 1.6rem;
	color: #ffffff;
	height: 65px;
	line-height: 65px;
	width: 265px;
	padding-right: 45px;
	text-align: right;
	cursor: pointer
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li {
		font-size: 1.6rem
	}
}

#fullpage .section3 .research-wrap li i {
	position: absolute;
	right: 0;
	width: 60px;
	height: 64px
}

#fullpage .section3 .research-wrap li.number-00 {
	top: -25px;
	left: -5px
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li.number-00 {
		top: -30px;
		left: -65px
	}
}

#fullpage .section3 .research-wrap li.number-0 {
	top: 33px;
	left: -126px
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li.number-0 {
		top: 15px;
		left: -155px
	}
}

#fullpage .section3 .research-wrap li.number-5 {
	top: 552px;
	left: -5px
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li.number-5 {
		top: 420px;
		left: -60px
	}
}

#fullpage .section3 .research-wrap li.number-5,#fullpage .section3 .research-wrap li.number-0,#fullpage .section3 .research-wrap li.number-00 {
	position: absolute;
	z-index: -1
}

#fullpage .section3 .research-wrap li.number-1 {
	top: 140px;
	left: -205px
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li.number-1 {
		top: 98px;
		left: -207px
	}
}

#fullpage .section3 .research-wrap li.number-2 {
	top: 264px;
	left: -235px
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li.number-2 {
		top: 195px;
		left: -233px
	}
}

#fullpage .section3 .research-wrap li.number-3 {
	top: 395px;
	left: -205px
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li.number-3 {
		top: 295px;
		left: -205px
	}
}

#fullpage .section3 .research-wrap li.number-4 {
	top: 500px;
	left: -125px
}

@media only all and (max-width:1440px) {
	#fullpage .section3 .research-wrap li.number-4 {
		top: 375px;
		left: -145px
	}
}

#fullpage .section3 .research-wrap li.on {
	font-size: 1.8rem;
	padding-right: 75px
}

#fullpage .section3 .research-wrap li.on i {
	background: url(../image/circle_hover.png) center center no-repeat
}

#fullpage .section3 .research-wrap .research-items {
	display: none;
	position: absolute;
	width: 48%;
	height: 165px;
	color: #0a96e3;
	text-align: center
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap .research-items {
		display: block;
		background: rgba(255,255,255,0.8);
		z-index: 9
	}
}

#fullpage .section3 .research-wrap .research-items .zh {
	font-size: 2.4rem;
	margin-top: 30%
}

#fullpage .section3 .research-wrap .research-items .en {
	font-size: 1.6rem;
	margin-top: 5px
}

#fullpage .section3 .research-wrap .research-items a.plus {
	border: 1px #0a96e3 solid;
	background: url(../image/plus_icon_b.png) center center no-repeat;
	margin-top: 10px
}

#fullpage .section3 .research-wrap .research-title {
	margin-top: 20%;
	text-align: center;
	top: 35%;
	position: relative;
	z-index: 998;
	display: none
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap .research-title {
		display: block
	}
}

#fullpage .section3 .research-wrap .research-title img {
	margin-top: 0%;
	width: 30%
}

#fullpage .section3 .research-wrap .research-title p {
	font-size: 3.0rem;
	color: #0a96e3;
	margin-top: 10px
}

#fullpage .section3 .research-wrap .research-items-1 {
	top: -5%;
	left: 0
}

#fullpage .section3 .research-wrap .research-items-2 {
	top: -5%;
	right: 0
}

#fullpage .section3 .research-wrap .research-items-3 {
	bottom: -10%;
	left: 0
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap .research-items-3 {
		bottom: -10%
	}
}

#fullpage .section3 .research-wrap .research-items-3 .zh {
	margin-top: 50%
}

#fullpage .section3 .research-wrap .research-items-4 {
	bottom: -5%;
	right: 0
}

@media only all and (max-width:768px) {
	#fullpage .section3 .research-wrap .research-items-4 {
		bottom: -10%
	}
}

#fullpage .section3 .research-wrap .research-items-4 .zh {
	margin-top: 50%
}

#fullpage .section3.active .research-wrap .circle {
	opacity: 1
}

#fullpage .section3.active .research-wrap .tab-options {
	animation: fadeInLeft .5s .5s forwards;
	-moz-animation: fadeInLeft .5s .5s forwards;
	-webkit-animation: fadeInLeft .5s .5s forwards;
	-o-animation: fadeIn .5s .5s forwards
}

#fullpage .intro-items {
	float: left;
	margin: 20px;
	padding: 55px 10px;
	height: 520px;
	position: relative
}

@media only all and (max-width:1600px) {
	#fullpage .intro-items {
		height: 480px
	}
}

@media only all and (max-width:1366px) {
	#fullpage .intro-items {
		height: 400px;
		padding: 20px 10px;
		margin: 0
	}
}

#fullpage .intro-items .icon {
	width: 100%;
	height: 120px
}

#fullpage .intro-items h2,#fullpage .intro-items p {
	text-align: center;
	color: #6d6e71;
	margin-top: 40px
}

@media only all and (max-width:1366px) {
	#fullpage .intro-items h2,#fullpage .intro-items p {
		margin-top: 20px
	}
}

#fullpage .intro-items h2 {
	font-size: 2.0rem
}

#fullpage .intro-items p {
	font-size: 1.4rem;
	line-height: 22px
}

#fullpage .intro-items a.plus {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -25px;
	border: 2px #6d6e71 solid;
	background: url(../image/plus_icon_g.png) center center no-repeat
}

@media only all and (max-width:1600px) {
	#fullpage .intro-items a.plus {
		bottom: 30px
	}
}

@media only all and (max-width:768px) {
	#fullpage .intro-items a.plus {
		display: none
	}
}

#fullpage .intro-items:hover {
	background-color: #0a96e3
}

#fullpage .intro-items:hover h2,#fullpage .intro-items:hover p {
	color: #ffffff
}

#fullpage .intro-items:hover a.plus {
	border: 2px #ffffff solid;
	background: url(../image/plus_icon_b.png) #fff center center no-repeat
}

#fullpage .intro-items {
	opacity: 0
}

#fullpage .section.active .intro-items:nth-child(1) {
	animation: fadeInDown 1s .5s forwards;
	-moz-animation: fadeInDown 1s .5s forwards;
	-webkit-animation: fadeInDown 1s .5s forwards;
	-o-animation: fadeInDown 1s .5s forwards
}

#fullpage .section.active .intro-items:nth-child(2) {
	animation: fadeInDown 1s 1s forwards;
	-moz-animation: fadeInDown 1s 1s forwards;
	-webkit-animation: fadeInDown 1s 1s forwards;
	-o-animation: fadeInDown 1s 1s forwards
}

#fullpage .section.active .intro-items:nth-child(4) {
	animation: fadeInDown 1s 2s forwards;
	-moz-animation: fadeInDown 1s 2s forwards;
	-webkit-animation: fadeInDown 1s 2s forwards;
	-o-animation: fadeInDown 1s 2s forwards
}

#fullpage .section.active .intro-items:nth-child(3) {
	animation: fadeInDown 1s 1.5s forwards;
	-moz-animation: fadeInDown 1s 1.5s forwards;
	-webkit-animation: fadeInDown 1s 1.5s forwards;
	-o-animation: fadeInDown 1s 1.5s forwards
}

@media only all and (max-width:768px) {
	#fullpage .section4 .fp-tableCell {
		display: block
	}
}

#fullpage .section4 .s-bg-4-1 {
	background: url(../image/section_bg6.jpg) #f5f3f2 no-repeat 50% 50%;
	background-size: cover
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .content .s-logo img {
		width: 100%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section4 .content .s-logo {
		text-align: center
	}
}

#fullpage .section4 .content .s-title-zh {
	margin-top: 20px
}

#fullpage .section4 .content .s-title-zh p {
	font-size: 3.0rem;
	color: #333333
}

#fullpage .section4 .content .s-title-zh p:last-child {
	color: #666666
}

@media only all and (max-width:768px) {
	#fullpage .section4 .content .s-title-zh {
		text-align: center;
		margin-top: 10px
	}
}

#fullpage .section4 .content .more {
	border: 3px #6d6e71 solid;
	float: left;
	color: #6d6e71;
	background: url(../image/more_arrow_g.png) 85px center no-repeat
}

@media only all and (max-width:768px) {
	#fullpage .section4 .content .more {
		padding-left: 25px;
		float: none;
		margin: 25px auto
	}
}

#fullpage .section4 .industry-wrap {
	position: relative;
	float: right;
	z-index: 99;
	right: 20%
}

@media only all and (max-width:1600px) {
	#fullpage .section4 .industry-wrap {
		right: 15%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section4 .industry-wrap {
		display: none
	}
}

#fullpage .section4 .industry-wrap .intro-items {
	width: 260px
}

@media only all and (max-width:1600px) {
	#fullpage .section4 .industry-wrap .intro-items {
		width: 200px
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items {
		width: 180px
	}
}

#fullpage .section4 .industry-wrap .intro-items .icon-1 {
	background: url(../image/indus_icon1.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items .icon-1 {
		background-size: 50%
	}
}

#fullpage .section4 .industry-wrap .intro-items .icon-2 {
	background: url(../image/indus_icon2.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items .icon-2 {
		background-size: 50%
	}
}

#fullpage .section4 .industry-wrap .intro-items .icon-3 {
	background: url(../image/indus_icon3.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items .icon-3 {
		background-size: 50%
	}
}

#fullpage .section4 .industry-wrap .intro-items .icon-4 {
	background: url(../image/indus_icon4.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items .icon-4 {
		background-size: 50%
	}
}

#fullpage .section4 .industry-wrap .intro-items:hover .icon-1 {
	background: url(../image/indus_icon1_w.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items:hover .icon-1 {
		background-size: 50%
	}
}

#fullpage .section4 .industry-wrap .intro-items:hover .icon-2 {
	background: url(../image/indus_icon2_w.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items:hover .icon-2 {
		background-size: 50%
	}
}

#fullpage .section4 .industry-wrap .intro-items:hover .icon-3 {
	background: url(../image/indus_icon3_w.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items:hover .icon-3 {
		background-size: 50%
	}
}

#fullpage .section4 .industry-wrap .intro-items:hover .icon-4 {
	background: url(../image/indus_icon4_w.png) center center no-repeat
}

@media only all and (max-width:1366px) {
	#fullpage .section4 .industry-wrap .intro-items:hover .icon-4 {
		background-size: 50%
	}
}

#fullpage .phone-module {
	width: 100%;
	position: absolute;
	z-index: 99;
	display: none;
	bottom: 0
}

@media only all and (max-width:768px) {
	#fullpage .phone-module {
		display: block
	}
}

#fullpage .phone-module .intro-list {
	margin: 3% 5%;
	padding: 0 3%;
	overflow: hidden;
	transition: all 0.3s linear;
	cursor: pointer
}

#fullpage .phone-module .intro-list .wrapImg {
	width: 64px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-right: 60px
}

@media only all and (max-width:414px) {
	#fullpage .phone-module .intro-list .wrapImg {
		margin-right: 10px
	}
}

#fullpage .phone-module .intro-list .wrapImg img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%
}

@media only all and (max-width:320px) {
	#fullpage .phone-module .intro-list .wrapImg img {
		width: 60px;
		height: 65px
	}
}

#fullpage .phone-module .intro-list .wrapImg .activeHave {
	display: none
}

#fullpage .phone-module .intro-list span {
	display: inline-block;
	display: inline-block;
	vertical-align: middle;
	font-size: 2.4rem;
	line-height: 80px;
	color: #333333
}

@media only all and (max-width:414px) {
	#fullpage .phone-module .intro-list span {
		padding-top: 25px;
		padding-bottom: 25px;
		line-height: 30px;
		width: 60%
	}
}

@media only all and (max-width:375px) {
	#fullpage .phone-module .intro-list span {
		width: 54%
	}
}

#fullpage .phone-module .intro-list .plus {
	float: right;
	width: 40px;
	height: 40px;
	border: 2px #6d6e71 solid;
	padding-top: 0;
	padding-bottom: 0;
	background: url(../image/plus_icon_g.png) center center no-repeat;
	margin-top: 6%
}

#fullpage .phone-module .intro-list:hover .plus {
	background: url(../image/plus_icon_w.png) center center no-repeat;
	border: 2px solid #fff
}

#fullpage .phone-module .intro-list:hover {
	background: #0d8bd0
}

#fullpage .phone-module .intro-list:hover span {
	color: #ffffff
}

#fullpage .phone-module .intro-list:hover .activeNo {
	display: none
}

#fullpage .phone-module .intro-list:hover .activeHave {
	display: inline-block
}

#fullpage .section5 {
	background: #0054a7;
	background: radial-gradient(80% 50%,#14ace8,#0054a7);
	background: -moz-radial-gradient(80% 50%,#14ace8,#0054a7);
	background: -webkit-gradient(radial,80% 20%,0,80% 40%,100,from(#14ace8),to(#0054a7));
	background: -webkit-radial-gradient(80% 50%,#14ace8,#0054a7)
}

@media only all and (max-width:768px) {
	#fullpage .section5 .fp-tableCell {
		display: block
	}
}

#fullpage .section5 .content {
	top: 13%;
	position: relative
}

@media only all and (max-width:1440px) {
	#fullpage .section5 .content {
		top: 5%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section5 .content {
		top: auto
	}
}

#fullpage .section5 .content .s-logo h2 {
	display: none
}

@media only all and (max-width:768px) {
	#fullpage .section5 .content .s-logo h2 {
		display: block;
		text-align: center;
		margin-top: 15px;
		font-size: 3.0rem
	}
}

#fullpage .section5 .content .s-title-zh {
	color: #ffffff;
	margin-top: 15px
}

@media only all and (max-width:768px) {
	#fullpage .section5 .content .s-title-zh {
		display: none
	}
}

#fullpage .section5 .content h2 {
	font-size: 3.0rem;
	color: #ffffff;
	margin-bottom: 15px
}

@media only all and (max-width:1440px) {
	#fullpage .section5 .content h2 {
		font-size: 2.4rem
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section5 .content h2 {
		margin-bottom: 10px
	}
}

#fullpage .section5 .content h3 {
	margin-right: 15px;
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;
	padding: 8px 15px;
	color: #0a96e3;
	font-size: 1.4rem;
	background-color: #ffffff;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px
}

@media only all and (max-width:1366px) {
	#fullpage .section5 .content h3 {
		margin-bottom: 10px
	}
}

@media only all and (max-width:768px) {
	#fullpage .section5 .content h3 {
		margin: 15px auto
	}
}

#fullpage .section5 .content h5 {
	font-size: 2.0rem
}

@media only all and (max-width:1440px) {
	#fullpage .section5 .content h5 {
		font-size: 1.8rem
	}
}

#fullpage .section5 .content .de {
	color: #7aa62c;
	border: 1px solid #7aa62c;
	background: #fff
}

#fullpage .section5 .content .mei {
	color: #cd711c;
	border: 1px solid #cd711c;
	background: #fff
}

#fullpage .section5 .content ul {
	margin-top: 10px;
	margin-bottom: 10px
}

@media only all and (max-width:1440px) {
	#fullpage .section5 .content ul {
		margin-top: 10px;
		margin-bottom: 10px
	}
}

#fullpage .section5 .content ul li {
	line-height: 30px;
	font-size: 1.6rem
}

@media only all and (max-width:1440px) {
	#fullpage .section5 .content ul li {
		line-height: 20px
	}
}

#fullpage .section5 .content p {
	font-size: 1.6rem;
	color: #ffffff;
	line-height: 22px;
	margin-top: 10px
}

@media only all and (max-width:768px) {
	#fullpage .section5 .content p.tips {
		display: none
	}
}

#fullpage .section5 .content a.more {
	display: none;
	border: 3px #ffffff solid;
	color: #ffffff;
	background: url(../image/more_arrow.png) 85px center no-repeat;
	text-align: left;
	margin: 0 auto
}

@media only all and (max-width:768px) {
	#fullpage .section5 .content a.more {
		display: block
	}
}

#fullpage .section5 .map-wrap {
	opacity: 0;
	width: 52.5%;
	height: 100%;
	position: relative;
	float: right;
	z-index: 99;
	right: 10%;
	top: 20%;
	background-size: 95%
}

@media only all and (max-width:1600px) {
	#fullpage .section5 .map-wrap {
		top: 30%
	}
}

@media only all and (max-width:1366px) {
	#fullpage .section5 .map-wrap {
		width: 60.5%;
		right: 5%
	}
}

@media only all and (max-width:768px) {
	#fullpage .section5 .map-wrap {
		width: 100%;
		right: 0;
		top: 20%
	}
}

@media only all and (max-width:414px) {
	#fullpage .section5 .map-wrap {
		width: 100%;
		right: 0;
		top: 12%
	}
}

#fullpage .section5 .map-wrap .map-con {
	position: relative;
	width: 100%
}

#fullpage .section5 .map-wrap .map-con img {
	width: 100%
}

#fullpage .section5 .map-wrap .map-con .map-items {
	position: absolute;
	cursor: pointer;
	background: url(../image/add_icon_s.png) bottom center no-repeat;
	width: 12px;
	height: 16px;
	background-size: 100%;
	z-index: 100
}

#fullpage .section5 .map-wrap .map-con .map-items .mito {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 1.2rem;
	color: #ffffff;
	height: 24px;
	background: url(../image/text_arrow.png) bottom center no-repeat
}

#fullpage .section5 .map-wrap .map-con .map-items .mito span {
	width: 100%;
	display: block;
	padding: 0 5px;
	height: 20px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	background-color: #6d6e71;
	line-height: 20px;
	text-align: center
}

#fullpage .section5 .map-wrap .map-con .map-items .map-pop {
	display: none;
	position: absolute;
	bottom: 0;
	left: -29px;
	width: 330px;
	height: 98px;
	background: url(../image/add_icon_b.png) left bottom no-repeat
}

#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro {
	position: absolute;
	top: -120%;
	left: -23%;
	padding: 15px 30px;
	border-radius: 65px;
	background: #fff;
	border: 2px solid #00abeb;
	box-shadow: 0px 0px 10px #ffffff
}

@media only all and (max-width:1366px) {
	#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro {
		top: -100%;
		left: -19%
	}
}

@media only all and (max-width:414px) {
	#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro {
		top: -80%;
	}
}

#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro::before {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 24px;
	display: inline-block;
	background: url(../image/text_arrow.png) bottom center no-repeat
}

#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro h3 {
	font-size: 2rem;
	color: #0583c9
}

#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro ul {
	display: inline-block;
	margin-right: 20px
}

#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro ul li h2 {
	color: #00abeb;
	font-size: 1.4rem
}

#fullpage .section5 .map-wrap .map-con .map-items .map-pop .map-intro ul li p {
	color: #6d6e71;
	font-size: 1.4rem
}

#fullpage .section5 .map-wrap .map-con .map-items-0 {
	top: 33%;
	left: 48.5%
}

#fullpage .section5 .map-wrap .map-con .map-items-1 {
	top: 28%;
	left: 45%
}

#fullpage .section5 .map-wrap .map-con .map-items-1 .mito {
	top: 20%;
	width: 60px;
	left: 45%
}

#fullpage .section5 .map-wrap .map-con .map-items-2 {
	top: 37%;
	left: 48%
}

#fullpage .section5 .map-wrap .map-con .map-items-2 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-3 {
	top: 30%;
	left: 44%
}

#fullpage .section5 .map-wrap .map-con .map-items-3 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-4 {
	top: 25%;
	left: 48.5%
}

#fullpage .section5 .map-wrap .map-con .map-items-4 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-5 {
	top: 28.5%;
	left: 36%
}

#fullpage .section5 .map-wrap .map-con .map-items-5 .mito {
	width: 120px;
	left: -49px
}

#fullpage .section5 .map-wrap .map-con .map-items-6 {
	top: 24%;
	left: 46%
}

#fullpage .section5 .map-wrap .map-con .map-items-6 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-7 {
	top: 39%;
	left: 47%
}

#fullpage .section5 .map-wrap .map-con .map-items-7 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-8 {
	top: 42.2%;
	left: 46.2%
}

#fullpage .section5 .map-wrap .map-con .map-items-8 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-9 {
	top: 32%;
	left: 45.6%
}

#fullpage .section5 .map-wrap .map-con .map-items-9 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-10 {
	top: 35%;
	left: 43%
}

#fullpage .section5 .map-wrap .map-con .map-items-10 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-11 {
	top: 39%;
	left: 43.6%
}

#fullpage .section5 .map-wrap .map-con .map-items-11 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-12 {
	top: 36%;
	left: 45%
}

#fullpage .section5 .map-wrap .map-con .map-items-12 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-13 {
	top: 39.9%;
	left: 45%
}

#fullpage .section5 .map-wrap .map-con .map-items-13 .mito {
	width: 80px;
	left: -30px
}

#fullpage .section5 .map-wrap .map-con .map-items-14 {
	top: 31%;
	left: 42%
}

#fullpage .section5 .map-wrap .map-con .map-items-14 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-15 {
	top: 34%;
	left: 37.8%
}

#fullpage .section5 .map-wrap .map-con .map-items-15 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-16 {
	top: 5%;
	left: 71%;
	width: 58px;
	height: 71px;
	background: none
}

#fullpage .section5 .map-wrap .map-con .map-items-16 .map-pop {
	background: none
}

#fullpage .section5 .map-wrap .map-con .map-items-16 .map-pop .map-intro {
	top: -100%;
	left: -15%
}

@media only all and (max-width:1366px) {
	#fullpage .section5 .map-wrap .map-con .map-items-16 .map-pop .map-intro {
		top: -85%;
		left: -13%
	}
}

#fullpage .section5 .map-wrap .map-con .map-items-16 .mito {
	width: 36px;
	left: -8px
}

#fullpage .section5 .map-wrap .map-con .map-items-17 {
	top: 9%;
	left: 9.6%;
	width: 58px;
	height: 71px;
	background: none
}

#fullpage .section5 .map-wrap .map-con .map-items-17 .map-pop {
	background: none
}

#fullpage .section5 .map-wrap .map-con .map-items-17 .map-pop .map-intro {
	top: -100%;
	left: -15%
}

@media only all and (max-width:1366px) {
	#fullpage .section5 .map-wrap .map-con .map-items-17 .map-pop .map-intro {
		top: -85%;
		left: -13%
	}
}

#fullpage .section5 .map-wrap .map-con .map-items-17 .mito {
	width: 36px;
	left: -8px
}




#fullpage .section5 .map-wrap .map-con .map-items-30 {
	top: 42%;
	left: 42%;
	width: 58px;
	height: 71px;
	background: none;
}

#fullpage .section5 .map-wrap .map-con .map-items-30 .map-pop {
	background: none
}

#fullpage .section5 .map-wrap .map-con .map-items-30 .map-pop .map-intro {
	top: -80%;
	left: -5%
}


@media only all and (max-width:1366px) {
	#fullpage .section5 .map-wrap .map-con .map-items-30 .map-pop .map-intro {
		/* top: -85%;
		left: -13% */
	}
}






#fullpage .section5 .map-wrap .map-con .map-items-18 {
	top: 28%;
	left: 18%
}

#fullpage .section5 .map-wrap .map-con .map-items-18 .mito {
	width: 120px;
	left: -48px
}

#fullpage .section5 .map-wrap .map-con .map-items-19 {
	top: 53%;
	left: 20%
}

#fullpage .section5 .map-wrap .map-con .map-items-19 .mito {
	width: 100px;
	left: -40px
}

#fullpage .section5 .map-wrap .map-con .map-items-20 {
	top: 43%;
	left: 36%
}

#fullpage .section5 .map-wrap .map-con .map-items-20 .mito {
	width: 55px;
	left: -18px
}

#fullpage .section5 .map-wrap .map-con .map-items-21 {
	top: 30%;
	left: 38%
}

#fullpage .section5 .map-wrap .map-con .map-items-21 .mito {
	width: 45px;
	left: -13px
}

#fullpage .section5 .map-wrap .map-con .map-items-22 {
	top: 68%;
	left: 57%
}

#fullpage .section5 .map-wrap .map-con .map-items-22 .mito {
	width: 38px;
	left: -10px
}

#fullpage .section5 .map-wrap .map-con .map-items-23 {
	top: 55%;
	left: 61%
}

#fullpage .section5 .map-wrap .map-con .map-items-23 .mito {
	width: 36px;
	left: -9px
}

#fullpage .section5 .map-wrap .map-con .map-items-24 {
	top: 69%;
	right: 17%
}

#fullpage .section5 .map-wrap .map-con .map-items-24 .mito {
	width: 36px;
	left: -9px
}

#fullpage .section5 .map-wrap .map-con .map-items-25 {
	top: 89%;
	left: 64%
}

#fullpage .section5 .map-wrap .map-con .map-items-25 .mito {
	width: 36px;
	left: -9px
}

#fullpage .section5 .map-wrap .map-con .map-items-26 {
	top: 39%;
	right: 22%
}

#fullpage .section5 .map-wrap .map-con .map-items-26 .mito {
	width: 36px;
	left: -9px
}

#fullpage .section5 .map-wrap .map-con .map-items-27 {
	top: 81%;
	right: 29%
}

#fullpage .section5 .map-wrap .map-con .map-items-27 .mito {
	width: 36px;
	left: -9px
}

#fullpage .section5 .map-wrap .map-con .map-items-28 {
	top: 89%;
	left: 64%
}

#fullpage .section5 .map-wrap .map-con .map-items-28 .mito {
	width: 36px;
	left: -9px
}

#fullpage .section5 .map-wrap .map-con .map-items-29 {
	top: 39%;
	right: 22%
}

#fullpage .section5 .map-wrap .map-con .map-items-29 .mito {
	width: 36px;
	left: -9px
}

#fullpage .section5 .map-wrap .phoneMap {
	position: relative;
	display: none
}

@media only all and (max-width:768px) {
	#fullpage .section5 .map-wrap .phoneMap {
		display: block
	}
}

#fullpage .section5 .map-wrap .phoneMap .swiper-button-next1,#fullpage .section5 .map-wrap .phoneMap .swiper-button-prev1 {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -60px
}

#fullpage .section5 .map-wrap .phoneMap .swiper-button-next1 img,#fullpage .section5 .map-wrap .phoneMap .swiper-button-prev1 img {
	max-width: 100%
}

#fullpage .section5 .map-wrap .phoneMap .swiper-button-prev1 {
	left: 60%;
	margin-left: -30px
}

#fullpage .section5 .map-wrap .phoneMap .swiper-button-next1 {
	left: 42%;
	margin-left: -12px
}

#fullpage .section5 .map-wrap .phoneMap .tab {
	text-align: center;
	margin-top: 55px;
	margin-bottom: 35px
}

@media only all and (max-width:414px) {
	#fullpage .section5 .map-wrap .phoneMap .tab {
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 40px;
		margin-bottom: 20px
	}
}

#fullpage .section5 .map-wrap .phoneMap .tab a {
	font-size: 2.0rem;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 8px 20px;
	color: #fff
}

@media only all and (max-width:414px) {
	#fullpage .section5 .map-wrap .phoneMap .tab a {
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 8px 30px
	}
}

#fullpage .section5 .map-wrap .phoneMap .tab a.active {
	background: #fff;
	color: #0d8bd0
}

#fullpage .section5 .map-wrap .phoneMap .swiper-slide {
	padding: 0 13.7%;
	color: #fff
}

#fullpage .section5 .map-wrap .phoneMap .swiper-slide h5 {
	font-size: 2.4rem
}

#fullpage .section5 .map-wrap .phoneMap .swiper-slide ul li {
	line-height: 24px;
	font-size: 1.8rem
}

#fullpage .section5.active .map-wrap {
	animation: fadeInDown 1s 0s forwards;
	-moz-animation: fadeInDown 1s 0s forwards;
	-webkit-animation: fadeInDown 1s 0s forwards;
	-o-animation: fadeInDown 1s 0s forwards
}

#fullpage .section1 .slide1 .content .s-logo,#fullpage .section1 .slide1 .content .s-title-zh,#fullpage .section1 .slide1 .content .s-title-en,#fullpage .section1 .slide1 .content .more {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

@media only all and (max-width:768px) {
	.mobile-more {
		height: 30px !important;
		line-height: 23px !important;
		display: block !important;
		margin: 0 auto;
		margin-top: -10px !important;
		margin-bottom: 60px !important;
		border: 3px #ffffff solid;
		color: #fff;
		background: url(../image/more_arrow.png) 85px center no-repeat
	}
}

.mobile-show {
	display: none !important
}

@media only all and (max-width:768px) {
	.mobile-show {
		display: block !important
	}
}

.mobile-map {
	display: block;
	width: 90%;
	margin: -65px auto 20px auto
}

.mobile-address {
	width: 90%;
	margin: 15px auto 15px auto;
	text-align: left;
	color: #fff;
	font-size: 16px
}

@media only all and (max-width:768px) {
	.h32 {
		margin-top: 30px !important
	}
}