.h_f-left {
	float:left
}
.h_f-right {
	float:right
}
.h_clearfix:after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	font-size:0
}
.h_nodisplay {
	display:none
}
html #jsx_head {
	margin:0 auto;
	max-width:1920px
}
.h_inner {
	width:81.25%;
	margin:0 auto
}
.h_mobile {
	display:none!important
}
.h_web {
	display:block!important
}
#h_sidenav {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	overflow:hidden;
transition:all .5s;
-webkit-transition:all .5s;
	background-image:url(../images/side_bg.jpg);
	background-size:100% 100%;
	opacity:0
}
#h_sidenav.h_active {
	z-index:999999;
	opacity:1
}
#h_sidenav .h_head {
	position:absolute;
	left:50px;
	top:50px;
	right:50px;
	z-index:1
}
#h_sidenav .h_head .h_logo {
	float:left;
	width:174px;
	height:57px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image:url(.../images/sidenav_logo.png);
	background-color: #f4e5a0;
    border: 10px solid #f4e5a0;
    border-radius: 57px 15px 57px 15px;
    text-align: center;
}
#h_sidenav .h_head .h_close {
	float:right;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image:url(../images/sidenav_close.png);
	cursor:pointer;
	position:relative
}
#h_sidenav .h_head .h_close p {
	position:absolute;
	left:0;
	top:100%;
	margin-top:10px;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#777;
	font-weight:lighter
}
#h_sidenav ul {
	font-size:0;
	height:100%
}
#h_sidenav ul li {
	display:inline-block;
	vertical-align:top;
	width:16.666666666666%;
	text-align:center;
	height:100%;
	border-right:1px solid #ebebeb;
	padding-top:8%;
	transition-property:opacity, top, background;
transition-duration:.5s, .5s, .5s;
	-webkit-transition-property:opacity, top, background;
-webkit-transition-duration:.5s, .5s, .5s;
	position:relative;
	opacity:0;
	top:-40px;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box
}
#h_sidenav.h_active ul li {
	top:0;
	opacity:1
}
#h_sidenav.h_active ul li:nth-child(1) {
transition-delay:.4s, .4s, 0s;
-webkit-transition-delay:.4s, .4s, 0s
}
#h_sidenav.h_active ul li:nth-child(2) {
transition-delay:.6s, .6s, 0s;
-webkit-transition-delay:.6s, .6s, 0s
}
#h_sidenav.h_active ul li:nth-child(3) {
transition-delay:.8s, .8s, 0s;
-webkit-transition-delay:.8s, .8s, 0s
}
#h_sidenav.h_active ul li:nth-child(4) {
transition-delay:1s, 1s, 0s;
-webkit-transition-delay:1s, 1s, 0s
}
#h_sidenav.h_active ul li:nth-child(5) {
transition-delay:1.2s, 1.2s, 0s;
-webkit-transition-delay:1.2s, 1.2s, 0s
}
#h_sidenav.h_active ul li:nth-child(6) {
transition-delay:1.4s, 1.4s, 0s;
-webkit-transition-delay:1.4s, 1.4s, 0s
}
#h_sidenav.h_active ul li:nth-child(7) {
transition-delay:1.6s, 1.6s, 0s;
-webkit-transition-delay:1.6s, 1.6s, 0s
}
#h_sidenav ul li:hover {
	background:0 0
}
#h_sidenav ul li:last-child {
	border-right:0 none
}
#h_sidenav ul li .h_line {
	width:1px;
	height:50px;
	background-color:#333;
	opacity:0;
	display:block;
	margin:0 auto 90px;
transition:all .5s;
-webkit-transition:all .5s
}
#h_sidenav ul li:hover .h_line {
	margin:0 auto 65px;
	opacity:1;
	background-color:#fff
}
#h_sidenav ul li h3 {
	font-size:82px;
	color:#cde6ff;
	font-weight:lighter;
	font-family:knockout;
	margin-bottom:60px;
transition:all .5s;
-webkit-transition:all .5s
}
#h_sidenav ul li:hover h3 {
	margin-bottom:48px;
	color:#fff
}
#h_sidenav ul li h4 {
	font-size:12px;
	color:#666;
	font-weight:400;
	font-family:roboto;
	margin-bottom:30px;
	display:none;
transition:all .5s;
-webkit-transition:all .5s;
	text-transform:uppercase
}
#h_sidenav ul li:hover h4 {
	display:block;
	color:#fff
}
#h_sidenav ul li a.h_big {
	font-size:24px;
	color:#333;
	display:block;
	margin-bottom:46px;
transition:all .5s;
-webkit-transition:all .5s
}
#h_sidenav ul li:hover a.h_big {
	color:#fff
}
#h_sidenav ul li .h_small a {
	font-size:14px;
	color:#666;
	font-weight:lighter;
	margin-bottom:18px;
	display:block;
transition:all .5s;
-webkit-transition:all .5s
}
#h_sidenav ul li:hover a {
	color:#fff
}
#h_sidenav ul li .h_small a.h_active, #h_sidenav ul li .h_small a:hover, #h_sidenav ul li a.h_big.h_active, #h_sidenav ul li a.h_big:hover {
	color:#e13643
}
.h_footer {
	font-size:12px;
	color:#999;
	font-weight:lighter;
	font-family:roboto;
	position:absolute;
	left:50px;
	bottom:50px;
	right:50px;
	z-index:9
}
.h_footer .h_left {
	float:left
}
.h_footer .h_left .h_web {
	display:inline-block!important
}
.h_footer .h_left a {
	font-size:12px;
	color:#999;
	position:relative
}
.h_footer .h_left a img {
	background-repeat:no-repeat;
	background-image:url(../images/service_qr_bg.png);
	width:94px;
	height:102px;
	padding:8px 8px 16px;
	position:absolute;
	left:50%;
	margin-left:-47px;
	top:-110px;
	display:none
}
.h_footer .h_left a:hover {
	color:#666
}
.h_footer .h_left a:hover img {
	display:block
}
.h_footer .h_right {
	float:right
}
.h_footer .h_right a {
	display:inline-block;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center top;
	margin-right:15px
}
.h_footer.h_active .h_right a {
	background-position:center bottom
}
.h_footer .h_right .h_icon1 {
	width:16px;
	height:12px;
	background-image:url(../images/footer_icon1.png)
}
.h_footer .h_right .h_icon2 {
	width:16px;
	height:15px;
	background-image:url(../images/footer_icon2.png)
}
@media only screen and (max-width:1024px) {
html #jsx_head {
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-size:16px
}
body #jsx_head {
font-size:62.5%
}
.h_mobile {
display:block!important
}
.h_web {
display:none!important
}
.h_inner {
width:92%
}
#h_sidenav .h_head {
left:.9375rem;
top:.9375rem;
right:.9375rem
}
#h_sidenav .h_head .h_logo {
display:none
}
#h_sidenav .h_head .h_close {
width:1.25rem;
height:1.25rem
}
#h_sidenav .h_head .h_close p {
margin-top:.1875rem;
font-size:.5625rem;
white-space:nowrap
}
#h_sidenav ul {
padding-top:3.125rem;
background-color:#fff;
overflow:auto
}
#h_sidenav ul li {
width:100%;
text-align:left;
height:auto;
border-right:0 none;
border-bottom:1px solid #ebebeb;
padding-top:1rem;
padding-bottom:1rem;
padding-left:2.5rem;
top:-1.25rem;
display:flex;
align-items:flex-start;
justify-content:flex-start;
-webkit-display:flex;
-webkit-align-items:flex-start;
-webkit-justify-content:flex-start
}
#h_sidenav ul li .h_line {
display:none
}
#h_sidenav ul li .h_icon {
background-repeat:no-repeat;
background-image:url(../images/sidenav_icon.png);
background-size:100% 100%;
display:block;
position:absolute;
right:2.125rem;
top:2.28125rem;
width:.625rem;
height:.3125rem
}
#h_sidenav ul li.h_active .h_icon {
transform:rotate(180deg);
-webkit-transform:rotate(180deg)
}
#h_sidenav ul li h3 {
font-size:2.5625rem;
margin-bottom:0;
margin-right:1.875rem
}
#h_sidenav ul li:hover h3 {
margin-bottom:0;
color:#f2f2f2
}
#h_sidenav ul li:hover h4 {
display:none
}
#h_sidenav ul li a.h_big {
font-size:1rem;
line-height:2.5625rem;
margin-bottom:1rem
}
#h_sidenav ul li:hover a.h_big {
color:#333
}
#h_sidenav ul li .h_small {
display:none
}
#h_sidenav ul li.h_active .h_small {
display:block
}
#h_sidenav ul li .h_small a {
font-size:.75rem;
margin-bottom:.75rem
}
#h_sidenav ul li .h_small a:last-child {
margin-bottom:0
}
#h_sidenav ul li:hover a {
color:#666
}
.h_footer {
font-size:.5625rem;
left:1.25rem;
bottom:.75rem;
right:1.25rem
}
.h_footer .h_left .h_web {
display:none!important
}
.h_footer .h_right a {
display:none
}
}
#jsx_head .h_header {
	position:absolute;
	top:50px;
	left:50px;
	right:50px;
	z-index:999
}
#jsx_head .h_header .h_logo {
	float:left;
	width:350px;
	height:40px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image:url(.../images/index_header_logo.png);
	background-position:center top;
	/*background-color: #f4e5a0;*/
 /*   border: 10px solid #f4e5a0;*/
    border-radius: 57px 15px 57px 15px;
    text-align: center;
}
#jsx_head .h_header .h_menu {
	float:right;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image:url(../images/index_header_menu.png);
	background-position:center top;
	cursor:pointer;
	position:relative
}
#jsx_head .h_header .h_menu p {
	position:absolute;
	left:0;
	top:100%;
	margin-top:10px;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#fff;
	font-weight:lighter
}
#jsx_head .h_header.h_active .h_logo, #jsx_head .h_header.h_active .h_menu {
	background-position:center bottom
}
#jsx_head .h_header.h_active .h_menu p {
	color:#333
}
#jsx_head .h_footer {
	color:rgba(204, 204, 204, .5)
}
#jsx_head .h_footer.h_active {
	color:#999
}
#jsx_head .h_swiper-container-v {
	width:100%;
	height:100%
}
#jsx_head .h_swiper-container-v .h_swiper-slide {
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 {
	background-image:url(../images/index_page2_bg.jpg)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 {
	background-image:url(../images/index_page3_bg.jpg)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page4 {
	background-image:url(../images/index_page4_bg.jpg)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 {
	background-image:url(../images/index_page4_bg.jpg)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	-webkit-display:flex;
	-webkit-align-items:center;
	-webkit-justify-content:center;
	-webkit-flex-direction:column;
	background-image:url(../images/side_bg.jpg)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 video {
	min-width:100%;
	height:155%;
	margin-top:-10.5%;
	margin-left:-10.5%;
	position:absolute;
	left:0;
	top:0;
	z-index:0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_cover {
	background-color:rgba(0, 0, 0, .5);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top {
transition:all .5s .5s;
-webkit-transition:all .5s .5s;
	opacity:0;
	position:relative;
	top:-20px;
	margin-bottom:10%;
	z-index:2;
	text-align:center;
	width:100%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1.h_active .h_top {
	top:0;
	opacity:1
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top h5 {
	font-size:14px;
	color:rgba(255, 255, 255, .7);
	font-weight:400;
	font-family:roboto;
	margin-bottom:30px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top h3 {
	font-size:54px;
	color:#fff;
	font-weight:400;
	margin-bottom:35px;
	letter-spacing:15px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top h3 span {
	color:#a0e457;
	color:#fff
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top .h_line {
	width:40px;
	height:2px;
	background-color:#fff;
	margin:0 auto
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 p {
	font-size:16px;
	font-weight:lighter;
	color:rgba(255, 255, 255, .7);
	line-height:36px;
transition:all .5s .8s;
-webkit-transition:all .5s .8s;
	opacity:0;
	position:relative;
	top:-20px;
	z-index:2
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1.h_active p {
	opacity:1;
	top:0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 {
	font-size:0;
	text-align:center
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_line-h.h_web {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background-color:rgba(255, 255, 255, .15);
	margin-top:50px;
	transition:all 2s;
	-webkit-transition:all 2s;
	transform:scaleX(0);
	-webkit-transform:scaleX(0)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2.h_swiper-slide-active .h_line-h.h_web {
	transform:scaleX(1);
	-webkit-transform:scaleX(1)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box {
	vertical-align:top;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	-webkit-display:inline-flex;
	-webkit-align-items:center;
	-webkit-justify-content:center;
	height:100%;
	position:relative
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box2 {
	margin:0 14%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box .h_line-v.h_web {
	height:100%;
	width:1px;
	background-color:rgba(255, 255, 255, .15);
	position:absolute;
	right:0;
	top:0;
	transition:all 2s;
	-webkit-transition:all 2s;
	transform:scaleY(0);
	-webkit-transform:scaleY(0)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2.h_swiper-slide-active .h_box .h_line-v.h_web {
	transform:scaleY(1);
	-webkit-transform:scaleY(1)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box .h_num {
	font-size:122px;
	color:#fff;
	font-family:roboto;
	background-position:top right;
	background-repeat:no-repeat
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box1 .h_num {
	background-image:url(../images/index_page2_box1_bg.png);
	padding-right:40px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box2 .h_num {
	background-image:url(../images/index_page2_box2_bg.png);
	padding-right:40px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box3 .h_num {
	background-image:url(../images/index_page2_box3_bg.png);
	padding-right:140px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 {
	display:flex;
	align-items:center;
	justify-content:center;
	-webkit-display:flex;
	-webkit-align-items:center;
	-webkit-justify-content:center
}
#jsx_head .h_swiper-container-fade {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:all 1s;
	-webkit-transition:all 1s;
	opacity:0
}
#jsx_head .h_swiper-container-fade.h_active {
	opacity:1
}
#jsx_head .h_swiper-container-fade .h_swiper-slide {
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center
}
#jsx_head .h_swiper-container-fade .h_swiper-slide.h_bg1 {
	background-image:url(../images/index_page3_bg1.jpg)
}
#jsx_head .h_swiper-container-fade .h_swiper-slide.h_bg2 {
	background-image:url(../images/index_page3_bg2.jpg)
}
#jsx_head .h_swiper-container-fade .h_swiper-slide.h_bg3 {
	background-image:url(../images/index_page3_bg3.jpg)
}
#jsx_head .h_swiper-container-fade .h_swiper-slide.h_bg4 {
	background-image:url(../images/index_page3_bg4.jpg)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul {
	width:50%;
	font-size:0;
	position:relative;
	z-index:2
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li {
	width:50%;
	display:inline-block;
	vertical-align:top;
	border:1px solid rgba(255, 255, 255, .15)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li a {
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	-webkit-display:flex;
	-webkit-justify-content:flex-end;
	-webkit-align-items:flex-end;
	padding:25px;
	height:250px;
	overflow:hidden
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:hover {
	border-color:transparent;
	align-items:center;
	justify-content:space-between;
	-webkit-align-items:center;
	-webkit-justify-content:space-between;
	opacity:.75
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(1):hover {
background-color:#3652e1
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(2):hover {
background-color:#7bb939
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(3):hover {
background-color:#d89a13
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(4):hover {
background-color:#e13643
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li img {
	display:none
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:hover img {
	display:block
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li .h_text {
	text-align:right
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li .h_text p {
	font-size:12px;
	color:#fff;
	font-family:roboto;
	text-transform:uppercase;
	margin-bottom:16px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li .h_text h5 {
	font-size:28px;
	color:#fff;
	font-weight:400
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page4 {
	display:flex;
	align-items:center;
	justify-content:center;
	-webkit-display:flex;
	-webkit-align-items:center;
	-webkit-justify-content:center
}
#jsx_head .h_swiper-container-h {
	width:81.25%
}
#jsx_head .h_swiper-container-h .h_swiper-wrapper {
	margin-bottom:40px
}
#jsx_head .h_swiper-container-h .h_swiper-slide:hover {
	box-shadow:0 15px 30px rgba(0, 0, 0, .15)
}
#jsx_head .h_swiper-container-h .h_swiper-slide a {
	display:block
}
#jsx_head .h_swiper-container-h .h_swiper-slide img {
	width:100%
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box {
	border:1px solid #h_eee;
	padding:35px
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box .h_line {
	width:40px;
	height:2px;
	background-color:#e60012;
	margin-bottom:32px
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box h5 {
	font-size:18px;
	color:#333;
	font-weight:400;
	line-height:30px;
	margin-bottom:26px;
	height:60px
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box p {
	font-size:14px;
	color:#999;
	line-height:28px;
	margin-bottom:60px;
	height:84px
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box .h_more {
	font-size:12px;
	font-family:roboto;
	color:#333
}
#jsx_head .h_swiper-container-h .h_swiper-slide:hover .h_text-box .h_more {
	color:#e60012
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box .h_more span {
	display:inline-block;
	vertical-align:middle;
	margin-left:18px;
	width:23px;
	height:13px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center top;
	background-image:url(../images/index_page4_more.png)
}
#jsx_head .h_swiper-container-h .h_swiper-slide:hover .h_text-box .h_more span {
	background-position:center bottom
}
#jsx_head .h_swiper-container-h .h_slide-nav {
	text-align:right
}
#jsx_head .h_swiper-container-h .h_swiper-pagination-h {
	font-size:14px;
	color:#999;
	font-family:roboto;
	margin-right:28px;
	position:static;
	display:inline-block;
	vertical-align:bottom;
	width:auto
}
#jsx_head .h_swiper-container-h .h_swiper-pagination-h .h_swiper-pagination-current {
	color:#e60012;
	font-size:22px
}
#jsx_head .h_swiper-container-h .h_swiper-button-next, #jsx_head .h_swiper-container-h .h_swiper-button-prev {
	position:static;
	margin-top:0;
	display:inline-block;
	vertical-align:bottom;
	width:40px;
	height:40px;
	border:1px solid #999;
	background-image:none;
	text-align:center;
	line-height:38px
}
#jsx_head .h_swiper-container-h .h_swiper-button-next:hover, #jsx_head .h_swiper-container-h .h_swiper-button-prev:hover {
	background-color:#e60012;
	border-color:#e60012
}
#jsx_head .h_swiper-container-h .h_swiper-button-prev {
	margin-right:10px
}
#jsx_head .h_swiper-container-h .h_swiper-button-next span, #jsx_head .h_swiper-container-h .h_swiper-button-prev span {
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	width:11px;
	height:19px;
	display:inline-block;
	vertical-align:middle
}
#jsx_head .h_swiper-container-h .h_swiper-button-next:hover span, #jsx_head .h_swiper-container-h .h_swiper-button-prev:hover span {
	background-position:center bottom
}
#jsx_head .h_swiper-container-h .h_swiper-button-prev span {
	background-image:url(../images/index_page4_prev.png)
}
#jsx_head .h_swiper-container-h .h_swiper-button-next span {
	background-image:url(../images/index_page4_next.png)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 {
	display:flex;
	align-items:center;
	justify-content:center;
	-webkit-display:flex;
	-webkit-align-items:center;
	-webkit-justify-content:center
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box {
	position:relative;
	left:-100%;
	transition:all 1s;
	-webkit-transition:all 1s;
	opacity:0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5.h_swiper-slide-active .h_text-box {
	opacity:1;
	left:0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box h3 {
	font-size:45px;
	color:#333;
	font-family:roboto;
	font-weight:700;
	margin-bottom:28px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box h4 {
	font-size:24px;
	color:#333;
	font-weight:400;
	margin-bottom:26px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box .h_line {
	width:60px;
	height:2px;
	background-color:#e60012;
	margin-bottom:40px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li {
	display:flex;
	align-items:flex-start;
	-webkit-display:flex;
	-webkit-align-items:flex-start;
	margin-bottom:40px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li:last-child {
	margin-bottom:0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li img {
	margin-right:25px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li h5 {
	font-size:18px;
	color:#333;
	font-weight:400;
	margin-bottom:18px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li p {
	font-size:14px;
	color:#666;
	margin-bottom:14px
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li p:last-child {
	margin-bottom:0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_map {
	width:55%;
	margin-left:6%;
	overflow:hidden;
	position:relative;
	right:-100%;
	transition:all 1s;
	-webkit-transition:all 1s;
	opacity:0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5.h_swiper-slide-active .h_map {
	right:0;
	opacity:1
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_map .h_bg {
	width:100%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_map .h_icon {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	animation:mapicon 1s 1s infinite;
	-webkit-animation:mapicon 1s 1s infinite
}
@keyframes mapicon {
0% {
transform:translateY(0);
opacity:0
}
100% {
transform:translateY(20px);
opacity:1
}
}
@-webkit-keyframes mapicon {
0% {
-webkit-transform:translateY(0);
opacity:0
}
100% {
-webkit-transform:translateY(20px);
opacity:1
}
}
#jsx_head .h_swiper-pagination-v {
	right:50px
}
#jsx_head .h_swiper-pagination-v .h_swiper-pagination-bullet {
	border-radius:0;
	margin:12px 0;
	background-color:transparent;
	font-size:14px;
	color:#ccc;
	font-family:roboto;
	font-weight:700;
	padding-bottom:6px;
	opacity:1;
	position:relative;
	width:16px;
	height:16px;
	line-height:18px;
	border-radius:16px;
	text-align:center;
	background-color:#007aff
}
#jsx_head .h_swiper-pagination-v .h_swiper-pagination-bullet.h_swiper-pagination-bullet-active {
	border-color:#e60012;
	color:#fff;
	background:0 0;
	width:20px;
	height:20px;
	border-radius:20px;
	margin-left:-2px;
	border:2px solid #007aff
}
#jsx_head .h_swiper-pagination-v.h_type2 .h_swiper-pagination-bullet.h_swiper-pagination-bullet-active {
	color:#333
}
#jsx_head .h_swiper-pagination-v .h_swiper-pagination-bullet .h_line {
	width:35px;
	height:0;
	position:absolute;
	right:-50px;
	top:50%;
	background-color:#fff;
	display:none
}
#jsx_head .h_swiper-pagination-v.h_type2 .h_swiper-pagination-bullet .h_line {
	background-color:#333
}
#jsx_head .h_swiper-pagination-v .h_swiper-pagination-bullet.h_swiper-pagination-bullet-active .h_line {
	display:block
}
#jsx_head .h_mouse {
	width:25px;
	height:40px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center top;
	background-image:url(.../images/index_mouse.png);
	position:absolute;
	left:50%;
	margin-left:-12.5px;
	bottom:50px;
	z-index:2;
	animation:updown 1s infinite;
	-webkit-animation:updown 1s infinite;
	color:#FFF;
	text-align:center;
	line-height:40px;
	font-size:22px
}
#jsx_head .h_mouse.h_hide {
	display:none
}
#jsx_head .h_mouse.h_type2 {
	background-position:center bottom;
	color:#3f3b3a
}
@keyframes updown {
0% {
bottom:70px;
opacity:1
}
100% {
bottom:50px;
opacity:0
}
}
@-webkit-keyframes updown {
0% {
bottom:70px;
opacity:1
}
100% {
bottom:50px;
opacity:0
}
}
@media only screen and (max-width:1024px) {
#jsx_head .h_header {
top:.9375rem;
left:.9375rem;
right:.9375rem
}
#jsx_head .h_header .h_logo {
    width: 200px;
    height: 1.85rem;
    margin-top: 15px;
    margin-left: 10px;
}
#jsx_head .h_header .h_menu {
width:1.25rem;
height:1.25rem
}
#jsx_head .h_header .h_menu p {
margin-top:.1875rem;
font-size:.5625rem;
white-space:nowrap
}
#jsx_head .h_swiper-container-v .h_swiper-slide {
background-size:auto 100%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 video {
display:none
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_bg {
width:100%;
position:absolute;
left:0;
top:0;
z-index:0;
height:100%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top {
top:-1rem;
margin-bottom:10%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top h5 {
font-size:.5625rem;
margin-bottom:1.4375rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top h3 {
font-size:1.875rem;
margin-bottom:1.75rem;
letter-spacing:.1875rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 .h_top .h_line {
width:1.25rem;
height:.0625rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page1 p {
font-size:.75rem;
top:-1rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 {
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
-webkit-display:flex;
-webkit-align-items:center;
-webkit-justify-content:center;
-webkit-flex-direction:column
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_line-h.h_mobile {
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background-color:rgba(255, 255, 255, .15);
transition:all 2s;
-webkit-transition:all 2s;
transform:scaleX(0);
-webkit-transform:scaleX(0)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2.h_swiper-slide-active .h_line-h.h_mobile {
transform:scaleX(1);
-webkit-transform:scaleX(1)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box {
justify-content:flex-end;
-webkit-justify-content:flex-end;
height:auto;
width:100%;
padding-right:28%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box2 {
margin:13% 0
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_line-v.h_mobile {
height:100%;
width:1px;
background-color:rgba(255, 255, 255, .15);
position:absolute;
right:28%;
top:0;
transition:all 2s;
-webkit-transition:all 2s;
transform:scaleY(0);
-webkit-transform:scaleY(0)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2.h_swiper-slide-active .h_line-v.h_mobile {
transform:scaleY(1);
-webkit-transform:scaleY(1)
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box .h_num {
font-size:3.75rem;
background-size:auto 80%;
min-width:11rem;
text-align:right
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box1 .h_num {
padding-right:1.25rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box2 .h_num {
padding-right:1.25rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page2 .h_box.h_box3 .h_num {
padding-right:4.375rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul {
width:80%
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li {
width:50%;
opacity:.75;
position:relative;
border:0 none
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li a {
padding:.875rem;
height:7.8125rem;
align-items:center;
-webkit-align-items:center
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(1) {
background-color:#3652e1
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(2) {
background-color:#7bb939
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(3) {
background-color:#d89a13
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li:nth-child(4) {
background-color:#e13643
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li img {
display:block;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
margin:auto auto;
max-height:90%;
max-width:90%;
z-index:-1
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li .h_text p {
font-size:.5rem;
margin-bottom:.625rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page3 ul li .h_text h5 {
font-size:1rem
}
#jsx_head .h_swiper-container-h {
width:84%
}
#jsx_head .h_swiper-container-h .h_swiper-wrapper {
margin-bottom:2.3125rem
}
#jsx_head .h_swiper-container-h .h_swiper-slide:hover {
box-shadow:0 .5rem .9375rem rgba(0, 0, 0, .15)
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box {
padding:1.25rem
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box .h_line {
width:1.25rem;
height:.0625rem;
margin-bottom:.75rem
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box h5 {
font-size:.75rem;
line-height:1.25rem;
margin-bottom:.625rem;
height:2.5rem
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box p {
font-size:.5625rem;
line-height:1rem;
margin-bottom:1.25rem;
height:2rem
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box .h_more {
font-size:.5625rem
}
#jsx_head .h_swiper-container-h .h_swiper-slide .h_text-box .h_more span {
margin-left:.875rem;
width:.75rem;
height:.4375rem
}
#jsx_head .h_swiper-container-h .h_slide-nav {
text-align:center
}
#jsx_head .h_swiper-container-h .h_swiper-pagination-h {
display:none
}
#jsx_head .h_swiper-container-h .h_swiper-button-next, #jsx_head .h_swiper-container-h .h_swiper-button-prev {
width:1.875rem;
height:1.875rem;
border:.0625rem solid #999;
line-height:1.75rem;
font-size:0
}
#jsx_head .h_swiper-container-h .h_swiper-button-prev {
margin-right:.625rem
}
#jsx_head .h_swiper-container-h .h_swiper-button-next span, #jsx_head .h_swiper-container-h .h_swiper-button-prev span {
width:.5625rem;
height:1rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box h3 {
font-size:1.875rem;
margin-bottom:1.125rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box h4 {
font-size:1.125rem;
margin-bottom:1.25rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box .h_line {
width:1.875rem;
height:.0625rem;
margin-bottom:1.5625rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li {
margin-bottom:2.25rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li img {
margin-right:1rem;
width:1rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box ul li div p img {
width:auto
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li h5 {
font-size:.9375rem;
margin-bottom:.75rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_text-box li p {
font-size:.75rem;
margin-bottom:.5rem
}
#jsx_head .h_swiper-container-v .h_swiper-slide.h_page5 .h_map {
display:none
}
#jsx_head .h_swiper-pagination-v {
right:.625rem
}
#jsx_head .h_swiper-pagination-v .h_swiper-pagination-bullet {
margin:.5625rem 0;
font-size:.5625rem;
padding-bottom:.1875rem;
border-bottom:.0625rem solid transparent
}
#jsx_head .h_swiper-pagination-v .h_swiper-pagination-bullet.h_swiper-pagination-bullet-active .h_line {
display:none
}
#jsx_head .h_mouse {
width:.75rem;
height:1.25rem;
margin-left:-.375rem;
bottom:1.875rem
}
@keyframes updown {
0% {
bottom:2.5rem;
opacity:1
}
100% {
bottom:1.875rem;
opacity:0
}
}
@-webkit-keyframes updown {
0% {
bottom:2.5rem;
opacity:1
}
100% {
bottom:1.875rem;
opacity:0
}
}
#jsx_head #h_cover {
display:none;
z-index:-1
}
}
.h_box_video {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
	margin-top:75px;
	width:60px;
	height:60px;
	line-height:22px;
	text-align:center;
	color:#FFF;
	cursor:pointer
}
.h_box_body #jsx_head_v {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0, 0, 0, .4);
	z-index:999
}
.h_box_body #jsx_head_v #h_video2 {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-450px;
	margin-top:-253px;
	width:900px;
	height:506px;
	max-width:80%;
	max-height:100%
}
#h_video2_close {
	position:absolute;
	left:50%;
	bottom:25px;
	margin-left:-50px;
	width:100px;
	height:26px;
	text-align:center;
	background-color:#FFF;
	line-height:26px;
	color:#666;
	border-radius:26px;
	font-size:12px;
	cursor:pointer
}
.h_head a img, .h_header a img {
	max-height:100%;
	border-radius:5px;
	margin:0px auto;    max-height: 40px;    float: left;
}
#jsx_head .h_header .h_nav {
	float:right;
	width:auto;
	height:40px;
	cursor:pointer;
	position:relative
}
#jsx_head .h_header .h_nav ul li {
	float:left;
	width:60px; width:100px;
	height:40px
}
#jsx_head .h_header .h_nav ul li a {
	text-align:center;
	color:#FFF;
	line-height:40px;
	font-size:19px; font-weight: bold;
	opacity:1
}
#jsx_head .h_header .h_nav ul li a:hover {
	opacity:.9
}
#jsx_head .h_header .h_menu p {
	font-size:12px
}
@media screen and (max-width:749px) {
.h_box_video {
display:none
}
#jsx_head .h_header .h_nav {
display:none
}
#jsx_head{ background-color:#ffffff}
#jsx_head .h_header { position:relative; top:0px; left:0px; right:0px;}
#jsx_head .h_header .h_logo {/* background-color: #ffffff; border: 10px solid #ffffff; */}
.h_head a img, .h_header a img { max-height: 40px; max-width: 100%; }
#jsx_head .h_header .h_menu { float: right; width: 30px;  height: 30px; margin:10px 10px 10px auto; background-color:#5bb1ff; border-radius:50%;}
}