@charset "utf-8";
img {
	display:inline-block
}
.banner_txt img, .section02_txt img {
	width:100%
}
.animationbox, .section {
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	overflow:hidden
}
.section01 {
	background-size:cover
}

.section03 {
	background:url(../images/section_03.jpg) no-repeat;
	background-size:cover
}
.section04 {
	background:url(../images/section_04.jpg) no-repeat center;
	background-size:cover
}
.section05 {
	background:url(../images/section_05.jpg) no-repeat;
	background-size:cover
}
.section06 {
	background:url(../images/section_06.jpg) no-repeat;
	background-size:cover
}
.section07 {
	background:url(../images/section_07.jpg) no-repeat center;
	background-size:cover
}
#space {
	width:100%;
	position:relative;
	z-index:-1
}
.fpnav li.active {
	background:url(../images/nav_hover.png) no-repeat
}
.swiper-container {
	width:100%;
	height:100%
}
.swiper-slide {
	cursor:pointer
}
.swiper-pagination-bullet {
	width:11px;
	height:11px;
	background:url(../images/banner_icon.png) no-repeat;
	opacity:1
}
.swiper-pagination-bullet-active {
	background:url(../images/banner_icon_hover.png) no-repeat
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:60px
}

.banner_0 {
	background:url(../images/section_00.jpg) no-repeat center;
	background-size:cover
}
.banner_1 {
	background:url(../images/section_01.jpg) no-repeat center;
	background-size:cover
}
.banner_2 {
	background:url(../images/banner_02.jpg) no-repeat center;
	background-size:cover
}
.banner_3 {
	background:url(../images/banner_03.jpg) no-repeat center;
	background-size:cover
}
.banner_4 {
	background:url(../images/banner_04.jpg) no-repeat center;
	background-size:cover
}
.banner_5 {
	background:url(../images/banner_05.jpg) no-repeat center;
	background-size:cover
}

.banner_txt {
	position:relative;
	top:50%;
	left:50%;
	width:1201px;
	height:250px;
	margin:-145px 0 0 -600px;
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.active .banner_txt {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.7s
}
.banner_line {
	position:absolute;
	top:135px;
	right:0;
	width:1078px;
	height:1px;
	background:#fff;
	overflow:hidden
}
.banner_linea {
	position:absolute;
	top:72px;
	left:-346px;
	width:346px;
	height:123px;
	opacity:0;
	overflow:hidden
}
.banner_txt2 {
	width:990px;
	margin:0 auto;
	margin-top:19px
}
.swiper-slide-active .banner_line {
	transition:all 2.1s ease 1s;
	width:0
}
.swiper-slide-active .banner_linea {
	transition:all 2.3s ease 1s;
	opacity:1;
	left:1222px
}
.section02_i {
	height:100%
}
.section02_cont {
	position:absolute;
	height:50%;
	width:100%;
	bottom:0
}
.section02_txt_w {
	position:absolute;
	width:100%;
	height:50%;
	background:rgba(28, 62, 64, .3);
	transition:all 1s ease 0s
}
.section02_txt {
	position:relative;
	max-width:1200px;
	height:448px;
	top:43%;
	margin-top:-118px
}
.section02_txt1 {
	position:absolute;
	left:310px;
	bottom:0;
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.section02_txt2 {
	position:absolute;
	right:-330px;
	top:146px;
	opacity:0;
	transition:all 1s
}
.section02_txt3 {
	position:absolute;
	right:-330px;
	top:124px;
	opacity:0;
	transition:all 1s
}
.section02_txt4 {
	position:absolute;
	right:-330px;
	top:172px;
	opacity:0;
	transition:all 1s
}
.active .section02_txt1 {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.5s
}
.active .section02_txt2 {
	right:0;
	opacity:1;
transition-delay:.5s
}
.active .section02_txt3 {
	right:0;
	opacity:1;
transition-delay:.5s
}
.active .section02_txt4 {
	right:0;
	opacity:1;
transition-delay:.5s
}
.tion02_txt {
	display:none
}
.txtdh1 .section02_txt1, .txtdh1 .section02_txt2, .txtdh1 .section02_txt3, .txtdh1 .section02_txt4 {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.txtdh1 .banner_txt {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.5s
}
.number_s {
	height:82px;
	margin-bottom:22px;
	text-align:center
}
.number_s span {
	display:inline-block;
	width:46px;
	height:64px;
	margin:0 4px;
	overflow:hidden;
	background:url(../images/num.png) no-repeat;
transition:all .3s
}
.number_s .num_a {
	width:70px;
	height:80px;
	background:url(../images/number_bfh.png) no-repeat center
}
.number_s span:hover {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px)
}
.active .num_0 {
	-webkit-animation:num1 2s ease 0s forwards;
	animation:num0 2s ease 0s forwards
}
.active .num_1 {
	-webkit-animation:num1 2s ease 0s forwards;
	animation:num1 2s ease 0s forwards
}
.active .num_2 {
	-webkit-animation:num2 1s ease 1.6s forwards;
	animation:num2 1s ease 1.6s forwards
}
.active .num_3 {
	-webkit-animation:num3 2s ease 0s forwards;
	animation:num3 1s ease 1.6s forwards
}

.active .num_4 {
	-webkit-animation:num3 2s ease 0s forwards;
	animation:num4 2s ease 0s forwards
}
.active .num_5 {
	-webkit-animation:num3 2s ease 0s forwards;
	animation:num5 2s ease 0s forwards
}


@keyframes num0 {
0% {
background-position:0 0
}
100% {
background-position:0 -639px
}
}
@-webkit-keyframes num0 {
0% {
background-position:0 0
}
100% {
background-position:0 -639px
}
}

@keyframes num1 {
0% {
background-position:0 0
}
100% {
background-position:0 -700px
}
}
@-webkit-keyframes num1 {
0% {
background-position:0 0
}
100% {
background-position:0 -700px
}
}

@keyframes num2 {
0% {
background-position:0 0
}
100% {
background-position:0 -125px
}
}
@-webkit-keyframes num2 {
0% {
background-position:0 0
}
100% {
background-position:0 -125px
}
}

@keyframes num3 {
0% {
background-position:0 0
}
100% {
background-position:0 -62px
}
}
@-webkit-keyframes num3 {
0% {
background-position:0 0
}
100% {
background-position:0 -62px
}
}

@keyframes num4 {
0% {
background-position:0 0
}
100% {
background-position:0 -510px
}
}
@-webkit-keyframes num4 {
0% {
background-position:0 0
}
100% {
background-position:0 -510px
}
}

@keyframes num5 {
0% {
background-position:0 0
}
100% {
background-position:0 -1280px
}
}
@-webkit-keyframes num5 {
0% {
background-position:0 0
}
100% {
background-position:0 -1280px
}
}



.number {
width: 1250px;
height: 92px;
position:absolute;
right: 150px;
top: 50%;
}
.number li {
	position:relative;
	float:left;
	text-align:center;
	margin-right:50px;
}
.number li:last-child { margin:0;}
.number .numberend {
	margin-right:0
}
.number li i {
	display:block;
	position:absolute;
	top:0;
	right:-50px
}
.section03_cont {
	position:relative;
	z-index:2000;
	width:1200px;
	height:100%
}
.fuwu_menu {
	position:absolute;
	top:0;
	right:0;
	width:355px;
	height:100%;
	background:url(../images/fuwu_menu_bg.png)
}
.fuwu_menu_wp {
	opacity:0;
	right:-200px;
	transition:all 1s
}
.active .fuwu_menu_wp {
	opacity:1;
	right:0;
transition-delay:.5s
}
.fuwu_menu li, .tell_fuwu_menu li {
	margin:55px 0;
	cursor:pointer;
transition:all .6s
}
.fuwu_menu li img, .tell_fuwu_menu li img {
	width:100%
}
.fuwu_menu li em, .tell_fuwu_menu li em {
	display:block;
	margin:10px 0;
	font-size:24px
}
.fuwu_menu li p, .tell_fuwu_menu li p {
	width:288px;
	height:54px;
	margin:0 auto;
	overflow:hidden;
	line-height:30px;
	font-size:13px
}
.fuwu_menu li .fuwu_c_img {
	width:63px;
	margin:0 auto;
transition:all .35s ease 0s
}
.fuwu_menu li .fuwu_icon {
	width:63px;
	margin:0 auto;
transition:all .35s ease 0s
}
.fuwu_menu li:hover .fuwu_icon, .fuwu_menu li:hover .fuwu_c_img {
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px)
}
.fuwu_cont {
	position:absolute;
	top:50%;
	width:497px;
	height:744px;
	margin-top:-372px
}
.fuwu_c {
transition:all .6s ease 0s
}
.fuwu_tit {
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.active .fuwu_tit {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.7s
}
.fuwu_c {
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.active .fuwu_c {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
	transition-delay:1.2s
}
.txtdh1 .fuwu_tit, .txtdh1 .fuwu_c {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.fuwu_p, .fuwu_txt1 {
	font-size:14px;
	line-height:24px
}
.fuwu_txt1 {
	width:462px;
	height:45px;
	overflow:hidden;
	margin-top:24px;
	margin-bottom:60px;
	opacity:0;
	transition:all 1s
}
.active .fuwu_txt1 {
	opacity:1;
	transition-delay:1s;
	font-weight:400
}
.fuwu_c {
	position:relative;
	width:497px;
	height:497px
}
.fuwu_icon, .fuwu_c_img {
transition:all .35s ease 0s
}
.fuwu_c:hover .fuwu_icon, .fuwu_c:hover .fuwu_c_img {
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px)
}
.HomeBg {
	width:497px;
	height:497px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden
}
.fuwu_c_bg1 {
	position:absolute;
	width:482px;
	height:482px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx1 3s linear infinite;
	-webkit-animation:hx1 3s linear infinite
}
.fuwu_c_bg2 {
	position:absolute;
	top:0;
	right:0;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx2 2.5s linear infinite;
	-webkit-animation:hx2 2.5s linear infinite
}
.fuwu_c_bg3 {
	position:absolute;
	bottom:0;
	left:0;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx3 3.5s linear infinite;
	-webkit-animation:hx3 3.5s linear infinite
}
.fuwu_c_bg4 {
	position:absolute;
	bottom:0;
	right:0;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx4 2.5s linear infinite;
	-webkit-animation:hx4 2.5s linear infinite
}
.fuwu_c_bg5 {
	position:absolute;
	top:10px;
	left:10px;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx5 2s linear infinite;
	-webkit-animation:hx5 2s linear infinite
}
.fuwu_c_bg6 {
	position:absolute;
	top:10px;
	right:10px;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx6 2s linear infinite;
	-webkit-animation:hx6 2s linear infinite
}
.fuwu_c_bg7 {
	position:absolute;
	bottom:10px;
	left:10px;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx7 2s linear infinite;
	-webkit-animation:hx7 2s linear infinite
}
.fuwu_c_bg8 {
	position:absolute;
	bottom:10px;
	right:10px;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx8 2s linear infinite;
	-webkit-animation:hx8 2s linear infinite
}
.fuwu_c_bg9 {
	position:absolute;
	top:-4px;
	left:9px;
	width:480px;
	height:480px;
	border-radius:50%;
	border:1px solid #2abfc8;
	overflow:hidden;
	animation:hx9 2s linear infinite;
	-webkit-animation:hx9 2s linear infinite
}
@keyframes hx1 {
0% {
top:0;
left:0
}
50% {
top:20px;
left:20px
}
100% {
top:0;
left:0
}
}
@-webkit-keyframes hx1 {
0% {
top:0;
left:0
}
50% {
top:20px;
left:20px
}
100% {
top:0;
left:0
}
}
@keyframes hx2 {
0% {
top:0;
right:0
}
50% {
top:20px;
right:20px
}
100% {
top:0;
right:0
}
}
@-webkit-keyframes hx2 {
0% {
top:0;
right:0
}
50% {
top:20px;
right:20px
}
100% {
top:0;
right:0
}
}
@keyframes hx3 {
0% {
bottom:0;
left:0
}
50% {
bottom:20px;
left:20px
}
100% {
bottom:0;
left:0
}
}
@-webkit-keyframes hx3 {
0% {
bottom:0;
left:0
}
50% {
bottom:20px;
left:20px
}
100% {
bottom:0;
left:0
}
}
@keyframes hx4 {
0% {
bottom:0;
right:0
}
50% {
bottom:10px;
right:10px
}
100% {
bottom:0;
right:0
}
}
@-webkit-keyframes hx4 {
0% {
bottom:0;
right:0
}
50% {
bottom:10px;
right:10px
}
100% {
bottom:0;
right:0
}
}
@keyframes hx5 {
0% {
top:10px;
left:10px
}
50% {
top:0;
left:0
}
100% {
top:10px;
left:10px
}
}
@-webkit-keyframes hx5 {
0% {
top:10px;
left:10px
}
50% {
top:0;
left:0
}
100% {
top:10px;
left:10px
}
}
@keyframes hx6 {
0% {
top:10px;
right:10px
}
50% {
top:0;
right:0
}
100% {
top:10px;
right:10px
}
}
@-webkit-keyframes hx6 {
0% {
top:10px;
right:10px
}
50% {
top:0;
right:0
}
100% {
top:10px;
right:10px
}
}
@keyframes hx7 {
0% {
bottom:10px;
left:10px
}
50% {
bottom:0;
left:0
}
100% {
bottom:10px;
left:10px
}
}
@-webkit-keyframes hx7 {
0% {
bottom:10px;
left:10px
}
50% {
bottom:0;
left:0
}
100% {
bottom:10px;
left:10px
}
}
@keyframes hx8 {
0% {
bottom:10px;
right:10px
}
50% {
bottom:0;
right:0
}
100% {
bottom:10px;
right:10px
}
}
@-webkit-keyframes hx8 {
0% {
bottom:10px;
right:10px
}
50% {
bottom:0;
right:0
}
100% {
bottom:10px;
right:10px
}
}
@keyframes hx9 {
0% {
top:-4px;
left:9px
}
50% {
top:15px;
left:20px
}
100% {
top:-4px;
left:9px
}
}
@-webkit-keyframes hx9 {
0% {
top:-4px;
left:9px
}
50% {
top:15px;
left:20px
}
100% {
top:-4px;
left:9px
}
}
.fuwu_c_bg33 {
	position:absolute;
	top:23px;
	left:26px;
	width:450px;
	height:450px;
	border-radius:50%;
	background:#2abfc8;
	opacity:.5;
	overflow:hidden
}
.fuwu_c_c {
	position:absolute;
	top:50%;
	left:50%;
	width:358px;
	height:258px;
	margin:-169px 0 0 -177px
}
.fuwu_c_c img {
	width:100%
}
.fuwu_c_c .fuwu_c_img, .fuwu_c_c .fuwu_icon {
	width:110px;
	margin:0 auto
}
.fuwu_c_c em {
	display:block;
	margin:26px 0 22px;
	font-size:24px
}
.fuwu_c_c p {
	font-size:13px;
	line-height:30px
}
.fuwu_c_a1 {
-webkit-animation:bounceInRight 3s ease-out .5s forwards;
animation:bounceInRight 3s ease-out .5s forwards
}
.fuwu_c_c1 {
	position:relative;
transition:all .6s
}
.fuwu_c_c1 .fuwu_icon, .fuwu_c_c1 em, .fuwu_c_c1 p {
	opacity:0
}
.ff55 .fuwu_icon, .ff55 .fuwu_c_img {
	animation:bounceIn 1s linear forwards;
	-webkit-animation:bounceIn 1s linear forwards
}
.ff55 em {
animation:fadeInRight .5s linear .3s forwards;
-webkit-animation:fadeInRight .5s linear .3s forwards
}
.ff55 p {
animation:fadeInRight .8s linear .6s forwards;
-webkit-animation:fadeInRight .8s linear .6s forwards
}
.fuwu_btn_a {
	opacity:0
}
.ff55 .fuwu_btn_a {
animation:fadeInRight .9s linear .8s forwards;
-webkit-animation:fadeInRight .9s linear .8s forwards
}
.section04 {
}
.case_list_s {
	width:50%;
	height:100%
}
.case_list .caseli01 {
	z-index:8
}
.case_list .caseli02 {
	z-index:7
}
.case_list .caseli03 {
	z-index:6
}
.case_list .caseli04 {
	z-index:5
}
.case_list .on_1 {
	visibility:hidden
}
.case_h {
	position:relative;
	top:60%;
	left:70%;
	width:554px;
	height:404px;
	margin:-227px 0 0 -277px;
	transition:all 1s ease 0s;
	cursor:pointer
}
.case_tit {
	position:absolute;
	top:42px;
	left:50%;
	z-index:500;
	width:323px;
	margin-left:-161px;
	text-align:center;
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.active .case_tit {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.7s
}
.case_list a {
	color:#fff
}
.case_list_tit {
	position:relative;
transition:all .6s;
	text-align:center;
	font-size:16px
}
.case_list_tit i {
	display:block;
	width:60px;
	height:1px;
	margin:0 auto;
	margin-top:18px;
	background:#f5cc84;
	transition:all 1s;
	overflow:hidden
}
.case_list {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	-ms-perspective:1000px;
	perspective:1000px
}
.case_list li {
	position:absolute;
	top:0;
	width:100%;
	height:100%
}
.case_h_l {
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	opacity:0;
	transition:all 1.5s
}
.active .case_h_l {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	opacity:1;
transition-delay:.7s
}
.case_h_r {
	transform:translateX(50%);
	-webkit-transform:translateX(50%);
	opacity:0;
	transition:all 1.5s
}
.active .case_h_r {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	opacity:1;
transition-delay:.7s
}
.section04_btn {
	position:absolute;
	left:50%;
	bottom:50px;
	z-index:500;
	margin-left:-63.5px;
	margin-top:0;
	opacity:0
}
.txtdh1 .section04_btn {
animation:fadeInUp .8s linear 1s forwards;
-webkit-animation:fadeInUp .8s linear 1s forwards
}
.preserve-3d {
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.case_list .case_list_l, .case_list .case_list_r {
	transition:all 2s ease 0s
}
.case_list .on_1 .case_list_l {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	opacity:0;
	-webkit-transform:rotateY(-200deg);
	-ms-transform:rotateY(-200deg);
	-o-transform:rotateY(-200deg);
	transform:rotateY(-200deg)
}
.case_list .on_1 .case_list_r {
	-webkit-transform-origin:100% 50%;
	transform-origin:100% 50%;
	opacity:0;
	-webkit-transform:rotateY(200deg);
	-ms-transform:rotateY(200deg);
	-o-transform:rotateY(200deg);
	transform:rotateY(200deg)
}
.case_lr {
	position:absolute;
	bottom:85px;
	left:50%;
	z-index:500;
	width:1100px;
	height:15px;
	margin-left:-550px;
	text-align:center
}
.case_lr a {
	display:block;
	width:60px;
	height:15px;
	font-size:14px;
	color:#fff
}
.case_lr .case_l {
	float:left;
	background:url(../images/case_left.png) no-repeat;
transition:all .6s
}
.case_lr .case_l:hover {
	transform:translateX(-20px);
	-webkit-transform:translateX(-20px)
}
.case_lr .case_r {
	float:right;
	background:url(../images/case_right.png) no-repeat;
transition:all .6s
}
.case_lr .case_r:hover {
	transform:translateX(20px);
	-webkit-transform:translateX(20px)
}
.case_opa {
	opacity:.3
}
.case_list_txt1 {
	height:18px;
	margin:19px 0 24px;
	overflow:hidden;
	font-size:14px;
	text-align:left
}
.case_list_txt1 i {
	float:right
}
.case_list_txt2 {
	height:68px;
	padding:14px 25px 0;
	background:url(../images/case_icon.png) no-repeat;
	line-height:24px;
	font-size:14px;
	text-align:left
}
.case_list_img {
	margin-bottom:20px;
	overflow:hidden
}
.case_list_img img {
	width:100%;
transition:all .6s ease;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.case_h:hover .case_list_img img {
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.case_h:hover .case_list_tit i {
	width:100%
}
.dj_btn {
	width:154px;
	height:54px;
	transition:all 1s;
	opacity:0;
	-webkit-transform:translateY(80%);
	-ms-transform:translateY(80%);
	transform:translateY(80%);
	position:absolute;
	left:46.5%;
	bottom:65px;
	margin-left:-63.5px
}
.active .dj_btn {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	transition-delay:1.5s
}
.dj_btn a {
	display:block;
	width:257px;
	height:65px;
	background:url(../images/dj_btn.png) no-repeat;
	display:inline-block;
	position:relative;
-webkit-transition-duration:.3s;
transition-duration:.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px transparent;
	text-align:center;
	line-height:54px;
	font-size:14px;
	color:#fff
}
.dj_btn a:before {
	pointer-events:none;
	position:absolute;
	z-index:-1;
	content:'';
	top:100%;
	left:5%;
	height:10px;
	width:90%;
	opacity:0;
	background:radial-gradient(ellipse at center, rgba(43, 191, 200, 0.35) 0%, rgba(43, 191, 200, 0) 80%);
-webkit-transition-duration:.3s;
transition-duration:.3s;
	-webkit-transition-property:transform, opacity;
	transition-property:transform, opacity
}
.dj_btn a:hover, .dj_btn a:focus, .dj_btn a:active {
	-webkit-transform:translateY(-1px);
	transform:translateY(-1px);
	-webkit-animation-name:hover;
	animation-name:hover;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
-webkit-animation-delay:.3s;
animation-delay:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate
}
.dj_btn a:hover:before, .dj_btn a:focus:before, .dj_btn a:active:before {
	opacity:.4;
	-webkit-transform:translateY(6px);
	transform:translateY(6px);
	-webkit-animation-name:hover-shadow;
	animation-name:hover-shadow;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
-webkit-animation-delay:.3s;
animation-delay:.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate
}
@-webkit-keyframes hover-shadow {
0% {
-webkit-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
50% {
-webkit-transform:translateY(3px);
transform:translateY(3px);
opacity:1
}
100% {
-webkit-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
}
@keyframes hover-shadow {
0% {
-webkit-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
50% {
-webkit-transform:translateY(3px);
transform:translateY(3px);
opacity:1
}
100% {
-webkit-transform:translateY(6px);
transform:translateY(6px);
opacity:.4
}
}
.section05 {
}
.section05_cont {
	position:relative;
	width:1200px;
	height:802px;
	top:200px
}
.solution_tit {
	text-align:center;
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.active .solution_tit {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.7s
}
.news_tit {
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.active .news_tit {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.7s
}
.solution_list {
	padding-top:154px
}
.solution_list li {
	position:relative;
	float:left;
	width:383px;
	height:404px;
	margin:0 25px 0 0;
	cursor:pointer;
transition:all .6s
}
.solution_list li a {
	color:#fff
}
.solution_list li:nth-child(1) {
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
opacity:0;
transition:all 1.5s
}
.active .solution_list li:nth-child(1) {
transform:translateX(0);
-webkit-transform:translateX(0);
opacity:1;
transition-delay:.7s
}
.solution_list li:nth-child(3) {
transform:translateX(50%);
-webkit-transform:translateX(50%);
opacity:0;
transition:all 1.5s
}
.active .solution_list li:nth-child(3) {
transform:translateX(0);
-webkit-transform:translateX(0);
opacity:1;
transition-delay:.7s
}
.solution_list li:nth-child(2) {
transform:translateY(50%);
-webkit-transform:translateY(50%);
opacity:0;
transition:all 1.5s
}
.active .solution_list li:nth-child(2) {
transform:translateY(0);
-webkit-transform:translateY(0);
opacity:1;
transition-delay:.7s
}
.solution_list li:last-child {
	margin:0
}
.solution_list li .solution_c1 {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	width:100%;
	height:100%
}
.solution_list li .solution_c2 {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:100%;
	height:100%;
	background:url(../images/solution_list_bg.png) no-repeat;
transition:all .6s;
	opacity:0
}
.solution_list li:hover .solution_c2 {
	opacity:1
}
.fa_tit span {
	display:block;
	text-align:left
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(50px);
transform:translateY(50px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(50px);
-ms-transform:translateY(50px);
transform:translateY(50px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fa_tit {
	width:374px;
	height:46px;
	font-size:22px
}
.fa_tit_i {
	float:left;
	width:348px;
	height:45px;
	padding-top:30px;
	padding-left:26px;
	border-bottom:1px solid #335153;
	transition:all 1s;
	font-size:22px
}
.solution_list li p {
	text-align:Justify;
	text-justify:inter-ideograph;
	font-size:13px;
	line-height:24px
}
.solution_list li .fa_c {
	padding:44px 24px 0
}
.solution_list li .fa_c2 {
	padding:73px 24px 0
}
.solution_list li .fa_span1 {
	position:relative;
	display:block;
	width:105px;
	height:28px;
transition:all .6s;
	text-align:left;
	text-indent:.5em;
	line-height:28px;
	font-size:18px
}
.solution_list li .fa_span1 i {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	transition:all 1s linear 1.5s;
	background:#275c5f
}
.solution_list li .fa_span11 i {
transition:all .6s linear 1.8s
}
.solution_list li .fa_span2 i {
transition:all .6s linear 2.1s
}
.solution_list li .fa_span3 i {
transition:all .6s linear 2.4s
}
.solution_list li .fa_span2 {
	width:169px
}
.solution_list li .fa_span3 {
	width:63px
}
.solution_list li .fa_p1 {
	height:104px;
	margin:10px 0 20px
}
.solution_list li .fa_p2 {
	height:63px;
	margin:10px 0 0
}
.solution_list li:hover .fa_c span {
	width:100%
}
.news_list {
	padding-top:92px
}
.news_list li:last-child {
	margin:0
}
.news_list .news_wp1 {
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	opacity:0;
	transition:all 1.5s
}
.active .news_list .news_wp1 {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	opacity:1;
transition-delay:.7s
}
.news_list .news_wp2 {
	opacity:0;
	transition:all 2s
}
.active .news_list .news_wp2 {
	opacity:1;
transition-delay:.8s
}
.news_list .news_wp3 {
	transform:translateX(50%);
	-webkit-transform:translateX(50%);
	opacity:0;
	transition:all 1.5s
}
.active .news_list .news_wp3 {
	transform:translateX(0);
	-webkit-transform:translateX(0);
	opacity:1;
transition-delay:.7s
}
.news_wp4 {
}
.txtdh1 .news_list .news_wp1, .txtdh1 .news_list .news_wp3 {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.txtdh1 .news_list .news_wp2, .txtdh1 .news_wp4 {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.news_list li .news_img {
	position:relative;
	z-index:50;
	overflow:hidden
}
.news_list li .news_img img {
transition:all .6s ease
}
.news_list li .news_img .news_icon img {
transition:all .6s ease;
	width:auto!important;
	height:auto!important
}
.news_list li .news_list_c {
	position:relative;
	text-align:left;
	background:#70A6B5;
transition:all .6s ease-out
}
.dot_p { font-size:14px !important;}
.news_list li .news_line {
	position:absolute;
	top:0;
	left:8px;
	width:368px;
	height:285px;
	border:1px solid #95dfe4;
	border-top:0;
	opacity:0;
-webkit-transition:opacity .6s, -webkit-transform .6s;
transition:opacity .6s, transform .6s;
	-webkit-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0)
}
.news_list li:hover .news_line {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.news_list li strong {
	display:block;
	padding-left:4px;
	font-size:20px;
	font-weight:400;
	height:60px
}
.news_list li i {
	display:block;
	margin:10px 0 10px 4px;
	padding-bottom:7px;
	background:url(../images/news_icon1.png) no-repeat bottom left;
	font-size:18px
}
.news_list li span {
	display:block;
	height:22px;
	overflow:hidden;
	margin-bottom:11px;
	font-size:14px;
	padding-right:15px;
	text-align:right
}
.contact_tit {
	opacity:0;
	-webkit-transform:scale(.5, .5);
	transform:scale(.5, .5);
	transition:all 1s
}
.active .contact_tit {
	opacity:1;
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1);
transition-delay:.7s
}
.section07_cont {
	position:relative;
	width:1200px;
	height:828px;
	top:42px
}
.contact_cont {
	width:1152px;
	height:349px;
	margin:176px 0 0;
	padding:21px 0 0 21px;
	opacity:0;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition:all 1s
}
.active .contact_cont {
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
transition-delay:.7s
}
.lx_l {
	position:relative;
	float:left;
	width:337px;
	height:329px;
	overflow:hidden
}
.lx_l img {
	width:100%;
transition:all .6s ease;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.lx_l span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:337px;
	height:329px;
	background:url(../images/lx_txt.png) no-repeat center
}
.contact_cont:hover .lx_l img {
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.lx_r {
	float:left;
	width:690px;
	height:309px;
	padding:20px 50px 0 56px;
	background-color:rgba(42, 185, 194, .2)
}
textarea::-webkit-input-placeholder {
color:#989898
}
input::-webkit-input-placeholder {
color:#989898
}
.lx_txt {
	margin-bottom:9px
}
.form_control {
	width:100%;
	height:75px;
	border:0;
	border-bottom:1px solid #9cabae;
	background:0 0;
	font-family:SimHei;
	font-size:13px;
	color:#fff
}
.lx_form li {
	float:left;
	width:290px;
	margin-bottom:9px
}
.lx_form li:nth-child(2) {
float:right
}
.lx_form li:nth-child(4) {
float:right
}
.input_txt {
	width:100%;
	padding:11px 0;
	border:0;
	border-bottom:1px solid #9cabae;
	background:0 0;
	font-family:SimHei;
	font-size:13px;
	color:#fff
}
.lx_form .lxyanz {
	width:246px;
	padding-top:10px
}
.lxyanz_l {
	float:left
}
.lxyanz_r {
	float:right
}
.input_txt_yz {
	width:120px
}
.lx_btn {
	width:150px;
	margin-top:13px
}
.tij_btn {
	width:148px;
	height:38px;
	border:1px solid #c9c9c9;
	border-radius:3px;
	background:0 0;
transition:all .3s;
	cursor:pointer;
	font-size:13px;
	color:#fff
}
.tij_btn:hover {
	box-shadow:0 0 10px #fff
}
.botm_link {
	font-size:14px;
	color:#fff;
	position:relative;
	margin-bottom:20px;
	height:95px
}
.botm_link a {
	display:block;
	float:left;
	margin-bottom:10px;
	margin-right:20px;
	color:#fff;
transition:all .3s
}
.botm_link span {
	display:block;
	position:absolute;
	left:0;
	top:0
}
.botm_link_r {
	margin-left:80px;
	position:absolute;
	top:0
}
.footer {
	opacity:0;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition:all 1.5s
}
.active .footer {
	opacity:1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	transition-delay:1s
}
.footer p {
	text-align:center;
	font-size:12px;
	color:#fff
}
.botm_share {
	width:175px;
	height:28px;
	padding:15px 10px 16px;
	border-top:1px solid #fff;
	line-height:28px
}
.share {
	float:left;
	margin-top:0;
	line-height:1
}
.share a {
	display:inline-block;
	width:24px;
	height:21px;
	margin-right:30px;
	margin-left:0
}
.botm_share a {
	font-size:14px;
	color:#fff
}
.botm_share .wzmap:hover {
	text-decoration:underline
}
.sharein a {
	display:inline-block;
	width:26px;
	vertical-align:top;
	margin-right:24px
}
.sharein .share01 {
	height:28px;
	background:url(../images/share_img1.png) no-repeat center
}
.sharein .share02 {
	height:28px;
	background:url(../images/share_img2.png) no-repeat center
}
.sharein .share03 {
	height:28px;
	background:url(../images/share_img3.png) no-repeat center!important;
	position:relative
}
.sharein .share03:hover img {
	width:132px;
	height:132px
}
.section06_cont {
	position:relative;
	width:1200px;
	height:674px;
	top:42px
}
.returntop {
	position:absolute;
	bottom:62px;
	right:51px;
	z-index:5000;
	width:47px;
	height:47px
}
.returntop a {
	display:block;
	width:47px;
	height:47px;
	background:url(../images/top.png) no-repeat
}
.bgbg {
	position:absolute;
	top:0;
	left:0;
	width:110%;
	height:110%
}
.bgbg img {
	width:110%;
	height:110%
}
.fpnav, .fpline {
	position:fixed;
	left:43px;
	top:189px;
	bottom:62px;
	z-index:5000;
	width:17px;
	padding-top:51px;
}
.fpnav li {
	width:52px;
	height:66px;
	margin-bottom:-12px;
}
.fpnav li a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background:url(../images/fpnav_icon_hover.png) no-repeat
}
.fpnav li a:hover i {
	display:block
}
.fpnav li a i {
	display:none;
	position:absolute;
	width:80px;
	left:22px;
	color:#fff
}
.fpnav li .menuon_1 {
	background:url(../images/fpnav_icon.png) no-repeat
}
.fpnav .active a {
	background:url(../images/fpnav_icon.png) no-repeat
}
.fpline {
	left:auto;
	right:43px
}
.wrapper div {
	position:absolute
}
.settings, nav {
	position:fixed;
	z-index:9999999;
	bottom:0;
	background:rgba(10, 10, 10, .5);
	font-family:SimHei;
	font-weight:400;
	font-size:20px
}
.settings {
	right:0;
	padding:10px 20px;
	border-radius:10px 0 0 0
}
.settings a {
	border:0
}
.sp-canvas {
	display:none
}
.arrow {
	position:relative;
	display:inline-block
}
.demo {
	width:800px;
	font-size:30px;
	text-align:center;
	font-weight:700
}
.demo .arrow {
	font-size:20px;
animation:point-down .5s alternate infinite
}
.description {
	top:740px;
	left:180px;
	width:440px
}
.syntax {
	top:1510px;
	left:430px;
	width:400px
}
.scrollbar {
	top:1540px;
	left:1600px;
	width:400px
}
.rotations {
	left:2185px;
	top:660px;
	width:460px;
	transform:rotate(-90deg) translateY(2.5em)
}
.rotations .upside-down {
	font-size:42px;
	text-align:right;
	transform:rotate(180deg) translateY(3em)
}
.source {
	left:2200px;
	top:-800px;
	width:400px;
	transform:rotate(90deg) translateX(50px)
}
.follow {
	width:475px;
	left:1100px;
	top:-950px;
	transform:rotate(90deg) translateX(50px)
}
.follow .big {
	font-size:40px
}
.highlight {
animation:highlight .2s alternate 6
}
@keyframes point-down {
from {
top:0
}
to {
	top:5px
}
}
@keyframes highlight {
to {
background:#add8e6
}
}
.kefudt {
	position:fixed;
	top:50%;
	left:50%;
	z-index:80000;
	width:498px;
	height:228px;
	margin:-114px 0 0 -249px;
	border:1px solid #008a92;
	background:rgba(0, 0, 0, .8);
	display:none
}
.kefudt_colse {
	position:absolute;
	top:4px;
	right:4px;
	width:9px;
	height:9px
}
.kefudt_colse a {
	display:block;
	width:9px;
	height:9px;
	background:url(../images/kefudt_close.png) no-repeat
}
.kefudt_btn {
	height:40px;
	text-align:center
}
.kefudt_btn a {
	display:inline-block;
	width:127px;
	height:38px;
	border:1px solid #fff;
transition:all .2s;
	line-height:38px;
	font-size:14px;
	color:#fff
}
.kefudt_btn span {
	display:inline-block;
	width:129px;
	height:40px;
	margin:0 0 0 50px;
transition:all .2s;
	background:#008a92
}
.kefudt_btn .kefudt_btn_1 {
	text-align:center
}
.kefudt_btn .kefudt_btn_1:hover {
	border:1px solid #008a92;
	background:#008a92
}
.kefudt_btn .kefudt_btn_2 {
	width:100px;
	padding-left:27px;
	border:1px solid #008a92;
	background:url(../images/kefudt_icon1.png) no-repeat 18px center
}
.kefudt_btn .kefudt_btn_2:hover {
}
.kefudt_btn span:hover {
	background:#008a92
}
.fuwu_btn_a {
	display:inline-block;
	position:absolute;
	bottom:-50px;
	left:50%;
	z-index:800;
	width:127px;
	height:38px;
	margin-left:-63px;
	transition:all 1s;
	line-height:38px;
	font-size:14px;
	color:#fff
}
.fuwu_btn_a i {
	display:block;
	position:absolute;
	bottom:3px;
	left:55px;
	width:17px;
	height:1px;
	overflow:hidden;
	background:#27bec7;
transition:all .6s
}
.fuwu_btn_a a {
	display:block;
	color:#fff
}
.fuwu_btn_a:hover i {
	width:57px;
	left:35px
}
.tell_fuwu_menu, .tell_case_cont {
	display:none
}
.wap_banner_index, .wap_header, .wap_number, .tell_fuwu_cont, .tell_fuwu_conta {
	display:none
}
.wap_nes_list, .tell_solu_conta, .wap_anli_btn {
	display:none
}
.banner_index a {
	display:block;
	width:100%;
	height:100%
}
.wap_jiej_tit, .wap_news_tit {
	display:none
}
@media only screen and (max-width:1024px) {
.wap_solution_tit, .fa_tit_i {
background:rgba(31, 120, 125, .6)
}
}
@charset "utf-8";
@media screen and (max-height:788px) {
.tion02_txt {
display:block;
font-size:12px
}
.tion02_img {
display:none
}
.banner_txt6 {
margin-top:0!important
}
.botm_link {
height:110px
}
.section02_txt {
position:relative;
width:550px;
height:448px;
top:67%;
margin-top:-74px
}
.section02_txt1 {
}
.section02_txt2 {
width:407px;
top:87px;
}
.section02_txt3 {
width:200px;
top:76px
}
.section02_txt4 {
width:380px;
top:106px
}

.number_s .num_a {
width:38px;
height:48px;
background-size:38px
}
.number li {
}
.number li img {
width:120px
}
.number li:nth-child(4) img {
width:60px
}
.number_s {
height:44px;
margin-bottom:22px;
text-align:center
}
.section03_cont {
width:750px
}
.fuwu_cont {
width:314px;
height:484px;
margin-top:-242px
}
.fuwu_tit {
width:300px
}
.fuwu_txt1 {
width:100%;
margin-top:17px;
margin-bottom:40px
}
.fuwu_c_bg1, .fuwu_c_bg2, .fuwu_c_bg3 {
width:298px;
height:298px;
left:0
}
.fuwu_c {
height:317px
}
.fuwu_c_bg33 {
top:18px;
left:18px;
width:280px;
height:280px
}
.fuwu_c_c {
width:235px;
height:238px;
margin:-114px 0 0 -115px;
left:30%
}
.fuwu_c_c .fuwu_c_img, .fuwu_c_c .fuwu_icon {
width:72px
}
.fuwu_c_c em {
margin:14px 0 11px;
font-size:18px
}
.fuwu_c_c p {
font-size:12px;
line-height:24px;
height:70px;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
-moz-line-clamp:3;
-o-line-clamp:3;
-ms-line-clamp:3
}
.fuwu_btn_a {
bottom:-46px;
font-size:12px
}
.fuwu_menu {
width:270px
}
.fuwu_menu li p, .tell_fuwu_menu li p {
width:204px;
height:46px;
line-height:24px;
font-size:12px
}
.fuwu_menu li .fuwu_icon {
width:45px
}
.fuwu_menu li em, .tell_fuwu_menu li em {
margin:7px 0;
font-size:16px
}
.fuwu_menu li, .tell_fuwu_menu li {
margin:35px 0 8px
}
.fuwu_menu ul {
position:relative;
top:50%;
height:598px;
margin-top:-349px
}
.fuwu_menu li .fuwu_c_img {
width:45px
}
.news_tit img {
}
.section05_cont {
height:538px
}
.news_list {
padding-top:57px
}
.dj_btn {
margin-top:27px
}
.news_list li strong {
padding-left:0;
font-size:18px
}
.news_list li i {
font-size:14px
}
.news_list li span {
font-size:14px;
padding-top:15px
}
.news_list li .news_line {
width:219px;
height:295px
}
.section06_cont {
width:750px
}
.solution_list li {
width:215px;
height:328px;
margin:0 52px 0 0
}
.fa_tit_i {
width:215px;
font-size:16px
}
.solution_list li .fa_span1 {
font-size:14px
}
.solution_list li .solution_c2 {
background:0 0
}
.solution_list li .fa_c {
padding:34px 0 0;
width:100%
}
.solution_list {
padding-top:80px
}
.solution_tit {
width:152px;
margin:0 auto
}
.solution_list li .fa_c2 {
padding:59px 0 0
}
.contact_tit {
width:350px;
margin:0 auto
}
.contact_cont {
width:750px;
height:224px;
margin:20px 0 0;
background-size:771px
}
.section07_cont {
width:750px
}
.lx_l {
width:209px
}
.lx_l span {
width:209px;
height:204px;
background-size:200px
}
.lx_r {
width:493px;
height:194px;
padding:10px 10px 0 16px
}
.lx_txt {
margin-bottom:6px
}
.form_control {
height:40px
}
.lx_form li {
width:217px;
margin-bottom:0
}
.input_txt {
padding:6px 0;
font-size:12px
}
.lxyanz_r img {
width:100%
}
.lxyanz_r {
width:66px;
float:left;
margin-left:20px
}
.lxyanz_l {
float:left;
width:104px
}
.tij_btn {
height:25px;
font-size:12px
}
.lx_btn {
margin-top:15px
}
.case_h {
width:314px;
margin:-167px 0 0 -157px
}
}
@media screen and (max-height:900px) {
.fuwu_menu li {
margin:35px 0
}
}
@media screen and (max-width:1700px) {
.fpnav, .fpline {
left:25px
}
.fpline {
left:auto;
right:16px
}
.kefudt_r {
right:25px
}
.returntop {
right:24px
}
.nav2_p1 {
left:18%
}
.nav2_p3 {
right:18%
}
}
@media screen and (max-width:1417px) {
.nav2_p1 {
left:12%
}
.nav2_p3 {
right:12%
}
.header {
top:10px
}
.kefudt_r span {
width:61px;
height:61px;
right:0
}
.kefudt_r span:hover {
width:205px;
overflow:hidden
}
.kefudt_r .search_web.active, .kefudt_r .search_web:hover {
width:220px
}
.kefudt_r span:hover a {
line-height:61px
}
.kefudt_r a {
width:61px;
padding-top:39px
}
.kefudt_r .kefudt_icon1 {
background-size:60px
}
.kefudt_r .kefudt_icon2 {
background-size:60px
}
.kefudt_r .kefudt_icon3 {
background-size:60px
}
.kefudt_r .kefudt_icon4 {
background-size:60px
}
.kefudt_r>span:nth-child(2) {
top:78px
}
.kefudt_r>span:nth-child(3) {
top:156px
}
.kefudt_r>span:nth-child(4) {
top:234px
}
.kefudt_r .search_web .kefudt_icon5 {
padding-top:24px
}
.fpnav, .fpline {
left:16px
}
.fpline {
left:auto;
right:16px
}
.returntop {
right:24px
}
.kefudt_r span:before {
height:61px
}
.kefudt_r span:hover:before {
width:205px
}
.kefudt_r .search_web.active:before, .kefudt_r .search_web:hover:before {
width:220px
}
.banner_txt {
width:800px;
height:180px;
margin:-90px 0 0 -400px
}
.banner_txt2 {
width:680px
}
.section02_txt {
position:relative;
width:970px;
height:192px;
top:50%;
margin-top:-96px
}
.section02_txt1 {
width:430px
}
.section02_txt2 {
width:526px;
top:38px
}
.section02_txt3 {
width:260px;
top:97px
}
.section02_txt4 {
width:418px;
top:137px
}

.number li {
margin-right:78px;
}
.section03_cont {
width:970px
}
.case_h {
width:404px;
margin-left:-202px
}
.txtdh1 .case_h_l {
width:440px;
margin-left:-195px
}
.txtdh1 .case_h_r {
width:440px;
margin-left:-195px
}
.txtdh1 .case_h_r {
width:440px;
margin-left:-250px
}
.case_lr {
width:960px;
margin-left:-480px;
bottom:120px
}
.case_tit img {
width:80%
}
.section05_cont {
width:970px;
height:660px
}
.news_list {
padding-top:74px
}
.news_list li .news_line {
width:291px;
height:300px
}
.solution_list {
padding-top:122px
}
.section06_cont {
width:970px;
height:auto;
margin-top:0
}
.solution_list li {
width:307px;
height:328px;
margin:0 24px 0 0
}
.txtdh1 .fa_tit_i {
width:286px
}
.solution_list li .fa_c {
padding:34px 0 0;
width:90%;
margin:0 auto
}
.solution_list li .fa_c2 {
padding:59px 0 0
}
.fa_tit_i {
padding-left:14px;
font-size:20px;
padding-top:0;
line-height:45px;
box-sizing:border-box
}
.solution_list li .fa_p1 {
height:76px;
overflow:hidden;
margin:5px 0 25px
}
.solution_list li .fa_p2 {
height:46px;
overflow:hidden
}
.section07_cont {
width:960px;
height:auto;
margin-top:0
}
.contact_cont {
width:970px;
height:293px;
margin:60px 0 0;
background-size:990px
}
.lx_l span {
width:278px;
height:271px
}
.lx_r {
width:605px;
height:252px;
padding:20px 30px 0 36px
}
.lx_form li {
width:250px;
margin-bottom:7px
}
.input_txt {
padding:7px 0
}
.form_control {
height:55px
}
.botm_link {
height:110px
}
.lx_btn {
margin-top:6px
}
.tij_btn {
height:30px
}

.number_s .num_a {
width:56px;
height:66px;
background-size:56px
}
.number li img {
width:157px
}
.number li:nth-child(4) img {
width:82px
}
.fuwu_cont {
width:405px;
height:624px;
margin-top:-312px
}
.fuwu_tit img, .news_tit img, .solution_tit img, .contact_tit img {
width:100%
}
.fuwu_tit {
width:156px;
margin:0 auto
}
.fuwu_txt1 {
width:100%;
margin-top:20px;
margin-bottom:50px
}
.fuwu_menu {
width:286px
}
.fuwu_menu li em, .tell_fuwu_menu li em {
font-size:20px
}
.fuwu_menu li .fuwu_icon {
width:55px
}
.fuwu_menu li p, .tell_fuwu_menu li p {
width:254px
}
.fuwu_menu li, .tell_fuwu_menu li {
margin:50px 0 27px
}
.fuwu_menu ul {
position:relative;
top:50%;
height:760px;
margin-top:-431px
}
.fuwu_c {
width:100%;
height:417px
}
.fuwu_c_bg1, .fuwu_c_bg2, .fuwu_c_bg3 {
width:387px;
height:387px
}
.fuwu_c_bg33 {
top:23px;
left:21px;
width:367px;
height:367px
}
.fuwu_c_c p {
line-height:26px;
height:74px;
overflow:hidden
}
.fuwu_c_c {
width:308px;
height:258px;
margin:-148px 0 0 -149px;
left:50%
}
.fuwu_c_c .fuwu_c_img, .fuwu_c_c .fuwu_icon {
width:90px
}
.fuwu_c_c em {
font-size:22px
}
.fuwu_menu li .fuwu_c_img {
width:55px
}
.news_tit img {
width:111px
}
.dj_btn {
width:127px;
height:54px
}
.dj_btn a {
width:127px;
height:44px;
background-size:127px;
line-height:44px;
font-size:12px
}
.solution_tit {
width:195px;
margin:0 auto
}
.fa_tit {
width:100%;
height:60px
}
.fa_tit_i {
width:286px;
height:62px;
line-height:68px;
font-size:19px
}
.solution_list li .solution_c2 {
background-size:307px
}
.contact_tit {
width:365px;
margin:0 auto
}
.lx_l {
width:279px;
height:auto
}
.solution_list li .fa_span1 {
height:25px;
line-height:25px;
font-size:16px
}
.case_tit img {
width:100%
}
.case_tit {
width:262px;
margin-left:-131px
}
}
@media screen and (max-width:1160px) {
.section02_txt {
position:relative;
width:750px;
height:148px;
top:50%;
margin-top:-74px
}
.section02_txt1 {
width:334px;
top:0
}
.section02_txt2 {
width:407px;
top:28px
}
.section02_txt3 {
width:200px;
top:76px
}
.section02_txt4 {
width:320px;
top:106px
}


.number_s .num_a {
width:38px;
height:48px;
background-size:38px
}
.number li {
margin-right:60px
}
.number li img {
width:120px
}
.number li:nth-child(4) img {
width:60px
}
.number_s {
height:44px;
margin-bottom:22px;
text-align:center
}
.section03_cont {
width:750px
}
.fuwu_cont {
width:314px;
height:484px;
margin-top:-242px
}
.fuwu_tit {
width:120px
}
.fuwu_txt1 {
width:100%;
margin-top:17px;
margin-bottom:40px
}
.fuwu_c_bg1, .fuwu_c_bg2, .fuwu_c_bg3 {
width:298px;
height:298px
}
.fuwu_c {
height:317px
}
.fuwu_c_bg33 {
top:18px;
left:18px;
width:280px;
height:280px
}
.fuwu_c_c {
width:235px;
height:238px;
margin:-114px 0 0 -115px
}
.fuwu_c_c .fuwu_c_img, .fuwu_c_c .fuwu_icon {
width:72px
}
.fuwu_c_c em {
margin:14px 0 11px;
font-size:18px
}
.fuwu_c_c p {
font-size:12px;
line-height:24px;
height:70px;
overflow:hidden
}
.fuwu_btn_a {
bottom:-46px;
font-size:12px
}
.fuwu_menu {
width:220px
}
.fuwu_menu li p, .tell_fuwu_menu li p {
width:204px;
height:46px;
line-height:24px;
font-size:12px
}
.fuwu_menu li .fuwu_icon {
width:45px
}
.fuwu_menu li em, .tell_fuwu_menu li em {
margin:7px 0;
font-size:16px
}
.fuwu_menu li, .tell_fuwu_menu li {
margin:35px 0 8px
}
.fuwu_menu ul {
position:relative;
top:50%;
height:598px;
margin-top:-349px
}
.fuwu_menu li .fuwu_c_img {
width:45px
}
.news_tit img {
width:86px
}
.section05_cont {
width:750px;
height:538px
}
.news_list {
padding-top:57px
}
.dj_btn {
margin-top:27px
}
.news_list li strong {
padding-left:0;
font-size:16px
}
.news_list li i {
font-size:14px
}
.news_list li span {
font-size:12px
}
.news_list li .news_line {
width:219px;
height:300px
}
.section06_cont {
width:750px
}
.solution_list li {
width:215px;
height:328px;
margin:0 52px 0 0
}
.fa_tit_i {
width:215px;
font-size:16px
}
.solution_list li .fa_span1 {
font-size:14px
}
.solution_list li .solution_c2 {
background:0 0
}
.solution_list li .fa_c {
padding:34px 0 0;
width:100%
}
.solution_list {
padding-top:80px
}
.solution_tit {
width:152px;
margin:0 auto
}
.solution_list li .fa_c2 {
padding:59px 0 0
}
.contact_tit {
width:280px;
margin:0 auto
}
.contact_cont {
width:750px;
height:224px;
margin:20px 0 0;
background-size:771px
}
.section07_cont {
width:750px
}
.lx_l {
width:209px
}
.lx_l span {
width:209px;
height:204px;
background-size:200px
}
.lx_r {
width:493px;
height:194px;
padding:10px 10px 0 16px
}
.lx_txt {
margin-bottom:6px
}
.form_control {
height:40px
}
.lx_form li {
width:217px;
margin-bottom:0
}
.input_txt {
padding:6px 0;
font-size:12px
}
.lxyanz_r img {
width:100%
}
.lxyanz_r {
width:66px;
float:left;
margin-left:20px
}
.lxyanz_l {
float:left;
width:104px
}
.tij_btn {
height:25px;
font-size:12px
}
.lx_btn {
margin-top:15px
}
.case_h {
width:314px;
margin-left:-157px
}
}
@media screen and (max-width:968px) {
html, body {
overflow:inherit
}
img {
width:100%
}
.header, .banner_index {
display:none
}
.wap_banner_index {
display:block
}
.wap_banner_index img {
width:100%
}
.wap_header {
position:absolute;
left:0;
z-index:500;
display:block;
width:100%
}
.waplogo {
float:left;
width:2.2rem;
margin-left:.5rem
}
.waptell {
float:right;
width:.5rem;
margin-right:.35rem;
margin-top:.4rem
}
.waplogo.active {
display:none
}
.wapsearch {
float:right;
width:.7rem;
margin-right:.35rem;
margin-top:.4rem;
font-size:0;
overflow:hidden;
transition:all .3s
}
.wapsearch.active {
width:calc(100% - 3rem)
}
.wapsearch .wapsearch_input {
display:inline-block;
width:calc(100% - 0.7rem);
border:0;
border-bottom:1px solid #fff;
outline:0;
vertical-align:middle;
text-indent:10px;
font-size:16px;
line-height:0;
color:#fff;
background:0 0
}
.wapsearch.active .wapsearch_input {
line-height:2
}
.wapsearch .wapsearch_btn {
display:inline-block;
width:.5rem;
margin-left:.1rem;
vertical-align:middle;
cursor:pointer
}
.wapsearch .wapsearch_do_search {
display:none
}
.wapsearch.active .wapsearch_before_search {
display:none
}
.wapsearch.active .wapsearch_do_search {
display:inline-block
}
.wapmenu {
float:right;
position:relative;
width:.6rem;
height:.6rem;
margin-top:.4rem;
margin-right:.5rem
}
.wapmenu .icon::before, .wapmenu .icon::after {
background-color:#fff;
content:"";
height:2px;
left:0;
position:absolute;
transition-duration:.5s;
width:.5rem
}
.wapmenu .icon::before, .wapmenu .icon::after {
background-color:#fff;
content:"";
height:2px;
left:0;
position:absolute;
transition-duration:.5s;
width:.5rem
}
.wapmenu .icon {
background-color:#fff;
height:2px;
left:0;
position:absolute;
top:.3rem;
transition-duration:.5s;
width:.4rem
}
.navmenu_s.navmenu .icon::before {
transform:translateY(9px) rotate(45deg)
}
.navmenu_s.navmenu .icon::after {
transform:translateY(-9px) rotate(-45deg)
}
.navmenu_s.navmenu .icon {
width:0
}
.kefudt {
display:none!important
}
.kefudt_r, .fpnav {
display:none
}
.fpline {
top:62px;
right:5px
}
.returntop {
position:fixed;
right:14px
}
.section {
position:static
}
.section01 {
top:0;
z-index:1
}
.section02 {
}
.section02_cont, .section02_txt_w {
position:static
}
.section02_txt1, .section02_txt2, .section02_txt3, .section02_txt4 {
position:static;
opacity:1
}
.section02_txt1 {
width:4.55rem;
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
.section02_txt2 {
width:auto;
margin-top:1.3rem;
text-align:right;
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
.section02_txt2 img {
width:7.07rem
}
.section02_txt3 {
width:auto;
margin-top:.3rem;
-webkit-transform:translateY(0px);
transform:translateY(0px);
text-align:right
}
.section02_txt3 img {
width:5.5rem
}
.section02_txt4 img {
display:none
}
.section02_txt4 {
width:auto;
margin-top:.37rem;
-webkit-transform:translateY(0px);
transform:translateY(0px);
text-align:right
}
.section02_txt4 .tion02_txt {
float:right;
width:7.13rem;
display:block
}
.tion02_txt {
line-height:.6rem
}
.section02_txt {
width:8.66rem;
height:auto;
margin:0 auto
}
.section02_txt_w {
padding:.7rem 0
}
.section02_cont {
width:95%
}

.wap_number {
display:block;
text-align:center
}
.wap_number img {
width:8.5rem
}
.fuwu_cont {
position:static;
top:50%;
width:497px;
height:744px;
margin-top:0
}
.section03 {
padding:.6rem 0 2.24rem
}
.section03_cont {
display:none
}
.tell_fuwu_cont {
display:block;
width:95%
}
.tell_fuwu_menu {
display:block
}
.tell_fuwu_menu li {
float:left;
width:100%;
margin:55px 0 69px
}
.tell_fuwu_menu .fuwu_icon {
width:25%
}
.swiper-container-horizontal .swiper-pagination2 {
bottom:.46rem
}
.swiper-pagination2 .swiper-pagination-bullet {
width:30px;
height:2px;
border-radius:0;
background:#fff
}
.swiper-pagination2 .swiper-pagination-bullet-active {
background:#00636e
}
.tell_fuwu_tit {
width:140px
}
.tell_fuwu_tit img, .tell_case_tit img {
width:100%
}
.section04 {
position:relative
}
.case_list {
position:static
}
.case_list li {
position:static
}
.tell_case_cont {
display:block
}
.case_cont {
display:none
}
.tell_case_tit {
width:240px
}
.tell_fw_txt {
width:7.3rem;
margin-top:.3rem;
line-height:24px;
font-size:12px;
color:#fff
}
.tell_fw_txt1 {
width:6.12rem;
height:6.12rem;
margin-top:.6rem;
background:rgba(42, 191, 200, .5);
border-radius:50%;
overflow:hidden;
color:#fff
}
.tell_fw_txt1 .tell_fw_img {
width:1.6rem;
margin-top:.5rem
}
.tell_fw_txt1 .tell_fw_tit {
margin:.2rem 0;
font-size:.4rem;
text-align:center
}
.tell_fw_txt1 p {
width:85%;
margin:0 auto;
text-align:center;
text-align:Justify;
text-justify:inter-ideograph;
line-height:.35rem;
font-size:.25rem;
color:#fff
}
.tell_fw_txt1 .tell_fw_a {
position:relative;
padding-top:.5rem;
padding-bottom:.2rem
}
.tell_fw_txt1 .tell_fw_a a {
font-size:.4rem;
color:#fff
}
.tell_fw_txt1 .tell_fw_a i {
position:absolute;
bottom:0;
left:50%;
display:block;
width:.8rem;
height:1px;
margin-left:-.4rem;
background:#27bec7;
-webkit-animation:zab 1s linear 0s infinite;
animation:zab 1s linear 0s infinite
}
.tell_fuwu_conta {
display:block;
padding-bottom:0
}
@-webkit-keyframes zab {
0% {
background:#27bec7
}
100% {
background:#fff
}
}
@keyframes zab {
0% {
background:#27bec7
}
100% {
background:#fff
}
}
.section04 {
padding:.6rem 0 .7rem
}
.tell_case_cont {
width:9rem;
padding:.8rem 0 0
}
.news_list .news_wp1, .news_list .news_wp2, .news_list .news_wp3 {
opacity:1
}
.section04_btn {
position:static;
opacity:1;
margin:0 auto;
margin-top:.27rem;
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%)
}
.section05_cont {
top:auto;
width:auto;
height:auto;
margin-top:0
}
.news_tit {
width:100px;
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
.news_tit img {
width:100%
}
.news_list {
width:95%;
margin:0 auto
}
.news_list li {
float:none;
margin:0
}
.news_list .news_wp1, .news_list .news_wp3 {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
.news_list .news_wp2 {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
.section05 {
padding-bottom:.4rem
}
.section05_cont {
padding:.6rem .2rem 1.3rem
}
.news_list li .news_line {
width:95%
}
.tell_news_conta {
text-align:left
}
.wap_nes_list {
display:block;
width:8.84rem;
padding-top:1.15rem;
padding-bottom:.2rem
}
.wap_nes_list dl {
padding-bottom:.29rem;
border-bottom:1px dashed #6a6967;
margin-bottom:.29rem
}
.wap_nes_list dt {
float:left;
width:181px
}
.wap_nes_list dd {
margin-left:193px;
color:#fff
}
.wap_nes_list dd span {
position:relative;
display:block;
padding-bottom:6px;
font-size:14px
}
.wap_nes_list dd span i {
display:block;
position:absolute;
bottom:0;
left:0;
width:.22rem;
height:2px;
background:#2abfc8
}
.wap_nes_list dd p {
height:46px;
overflow:hidden;
margin-top:.2rem;
line-height:24px;
font-size:14px
}
.wap_nes_list dd em {
display:block;
margin-top:.27rem;
text-align:right;
font-size:12px
}
.section06_cont {
top:auto;
width:auto;
height:auto;
margin-top:0;
padding:.68rem 0 0
}
.wp2 {
opacity:1;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.solution_list {
display:none
}
.tell_solu_conta {
position:relative;
width:10rem;
padding-bottom:2.3rem
}
.wap_solution_list {
width:8rem;
margin-top:1.07rem;
border-left:1px solid #2a8389
}
.wap_solution_tit {
position:relative;
padding-left:.52rem;
text-align:left;
font-size:.44rem;
color:#fff
}
.wap_solution_tit i, .wap_solution_list p i {
display:block;
position:absolute;
left:0;
top:.25rem;
width:.36rem;
height:1px;
background:#2a8389;
overflow:hidden
}
.wap_solution_list span {
display:block;
width:4rem;
text-align:center;
height:.55rem;
margin:1rem 0 .05rem;
padding-left:.14rem;
box-sizing:border-box;
margin-left:.52rem;
background:rgba(31, 120, 125, .6);
line-height:.55rem;
font-size:.34rem
}
.wap_solution_list p {
position:relative;
text-align:Justify;
text-justify:inter-ideograph;
padding-left:.52rem;
line-height:.55rem;
font-size:13px;
color:#fff;
margin-top:.4rem
}
.solution_list li {
width:100%
}
.solution_list {
width:95%;
margin:0 auto
}
.fa_tit_i {
width:100%;
opacity:1
}
.fa_tit span {
opacity:1;
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.solution_list li, .fa_tit, .txtdh1 .fa_tit_i {
width:100%
}
.solution_list li .fa_span1 {
text-indent:0
}
.solution_list li {
height:auto
}
.solution_list li .solution_c1 {
position:static
}
.solution_tit {
width:4rem;
margin:0 auto
}
.solution_tit img, .contact_tit img {
width:100%
}
.section07_cont {
width:auto;
height:auto;
margin-top:0
}
.contact_tit {
width:6.8rem;
margin:0 auto
}
.contact_cont {
width:100%;
height:auto;
padding:0
}
.section07 {
padding-top:.8rem;
padding-bottom:.8rem
}
.lx_r {
float:none;
width:95%;
height:auto;
margin:0 auto;
padding:20px 0;
margin-top:.8rem
}
.lx_form li, .lx_form .lxyanz {
width:100%
}
.input_txt {
width:100%
}
.lx_txt, .lx_form {
padding:0 10px
}
.botm_link {
display:none
}
.footer {
margin-top:.8rem
}
.fpline, .tell_returntop {
display:none
}
.wap_footer {
display:block;
position:fixed;
bottom:0;
left:0;
z-index:5000;
width:100%;
height:1.42rem;
background:#1eb0b9
}
.wap_footer li {
float:left;
width:1rem;
height:1.56rem;
margin:0 .68rem;
text-align:center
}
.wap_footer li a {
display:block;
width:1rem;
height:.8rem;
padding-top:.9rem;
box-sizing:border-box;
font-size:.26rem;
color:#fff
}
.wap_footer .wap_footer1 {
background:url(../images/wap_footer_icon1.png) no-repeat center;
background-size:1.2rem
}
.wap_footer .wap_footer2 {
background:url(../images/wap_footer_icon2.png) no-repeat center;
background-size:1.2rem
}
.wap_footer .wap_footer3 {
background:url(../images/wap_footer_icon3.png) no-repeat center;
background-size:1.2rem
}
.wap_footer .wap_footer4 {
background:url(../images/wap_footer_icon4.png) no-repeat center;
background-size:1.2rem
}
.section07_cont {
padding-bottom:1rem
}
.footer {
display:none
}
.navmenu_s.navmenu .icon::before {
transform:translateY(0.09rem) rotate(45deg)
}
.navmenu_s.navmenu .icon::after {
transform:translateY(-0.09rem) rotate(-45deg)
}
.navmenu_s.navmenu .icon {
width:0
}
.h5-nav-list {
width:100%;
position:absolute;
top:1.45rem;
left:0;
background:#000;
-webkit-transition:all .8s;
transition:all .8s;
-webkit-transform:translateY(-100%) scaleY(.5);
transform:translateY(-100%) scaleY(.5);
transform-origin:top;
z-index:-1
}
.h5-nav-list li {
border-bottom:1px solid #333;
line-height:1.4rem
}
.h5-nav-list li a {
display:block;
padding-left:3.12rem;
transition:all .6s
}
.h5-nav-list li span {
transition:all .6s;
font-size:.26rem;
color:#fff
}
.h5-nav-list li i {
transition:all .6s;
padding-left:5px;
font-size:.26rem;
color:#666
}
.h5-nav-list li a:hover span {
color:#2bbfc8
}
.h5-nav-list li a:hover i {
color:#18797f
}
.h5-nav-list li .h5_nav_cont {
padding:10px 0;
background:#161616
}
.h5-nav-list li .h5_nav_cont .h5_nav_icon {
position:relative;
padding-left:.5rem
}
.h5-nav-list li .h5_nav_cont .h5_nav_icon em {
position:absolute;
top:.3rem;
left:0;
width:.27rem;
height:1px;
background:#7e7c7c;
transition:all .6s;
overflow:hidden
}
.h5-nav-list li .h5_nav_cont a {
transition:all .6s;
line-height:.6rem;
color:#7e7c7c
}
.h5-nav-list li .h5_nav_cont a:hover {
color:#2bbfc8
}
.h5-nav-list li .h5_nav_cont a:hover .h5_nav_icon em {
background:#2bbfc8
}
.wapmenu_open {
-webkit-transform:translateY(0) scaleY(1);
transform:translateY(0) scaleY(1)
}
.wapmenu_a.wapmenu .icon::before {
transform:translateY(0.19rem) rotate(45deg)
}
.wapmenu_a.wapmenu .icon::after {
transform:translateY(-0.19rem) rotate(-45deg)
}
.wapmenu_a.wapmenu .icon {
width:0
}
.wapmenu_a {
overflow:hidden
}
.tell_fuwu_conta {
width:10rem;
padding-top:1rem;
text-align:left;
margin:0 auto
}
.tell_fuwu_conta li {
float:left;
width:2.8rem;
height:2.8rem;
margin:0 .2rem .3rem .1rem;
background:url(../images/wap_wufu_bg.png) no-repeat center;
background-size:2.57rem;
text-align:center
}
.tell_fuwu_conta li:nth-child(4) {
margin:.07rem 0 .1rem 1.6rem
}
.tell_fuwu_conta li span {
display:block;
width:.7rem;
margin:0 auto;
margin-top:.8rem
}
.tell_fuwu_conta li p {
margin-top:.15rem;
font-size:.26rem
}
.tell_case_cont li {
float:left;
width:4.43rem;
margin-bottom:.46rem;
text-align:center
}
.tell_case_cont li:nth-child(even) {
float:right
}
.tell_case_cont li p {
margin-top:.15rem;
line-height:.5rem;
font-size:14px;
color:#fff
}
.wap_fan_btn {
margin-top:0;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.wap_case_s {
padding-bottom:.5rem
}
.section07 {
display:none
}
.solution_tit {
width:175px;
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
.wap_jiej_tit, .wap_news_tit, .tell_solu_conta, .wap_anli_btn {
display:block
}
.pc_jiej_tit, .pc_news_tit {
display:none
}
}
@media screen and (max-width:996px) {
.columns_header .logo {
margin-left:20px
}
.nav li a {
padding:0 11px
}
.header_tell {
width:146px
}
}
@media screen and (max-width:768px) {
body {
padding-top:1.45rem
}
.news_list>ul>li {
padding-bottom:100px
}
}
body, html {
	color:#404040;
	font-family:SimHei;
	width:100%;
	font-size:13px;
	background:#fff
}
.section02_txt3 span {
	color:#2bbfc8
}
.banner_txt3 {
	margin:0 auto;
	margin-top:105px
}
.banner_txt6 {
	margin:0 auto;
	margin-top:50px
}
#banner_txt3 {
	top:50%
}
#index_postion3 {
	position:absolute;
	top:-7%
}
.wp233 {
	visibility:hidden
}
.fadeInDown {
	visibility:visible
}
.share .share03 {
	position:relative
}
.index-erweima {
	position:absolute;
	bottom:35px;
	left:50%;
	width:0;
	height:0;
	margin-left:-66px;
-webkit-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.share .share03:hover .index-erweima {
	width:135px;
	height:auto
}
@media screen and (max-width:768px) {
body, html {
height:auto;
overflow:visible
}
}
@media screen and (max-width:500px) {
.wap_nes_list dt {
width:140px
}
.wap_nes_list dd {
margin-left:160px
}
}
.wp1, .wp2 {
	visibility:visible
}
.footer {
	padding:0;
	border:0;
	background:0 0
}
@media screen and (max-height:850px) {
.botm_link {
height:110px
}
}
@media screen and (max-height:750px) {
.botm_link {
height:95px
}
.fpline {
top:110px
}
.fuwu_menu li p {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.fuwu_menu ul {
margin-top:-280px
}
.fuwu_menu li {
margin:0
}
.fuwu_cont {
margin-top:-290px
}
.active .fuwu_txt1 {
margin-bottom:40px
}
.number_s {
margin-bottom:0;
}
.case_lr .case_r {
position:relative;
right:-100px;
top:80px
}
.case_lr .case_l {
position:relative;
left:-100px;
top:80px
}
.news_list {
padding-top:30px
}
.section05_cont {
top:35px;
padding:0 .2rem
}
.dj_btn {
margin-top:34px
}
.contact_cont {
margin:5px 0 0
}
.news_list_c p {
display:none!important
}
}
.news_list {
	padding-top:90px;
	max-width:1200px;
	height:auto
}
.news_list>ul>li {
	float:left;
	width:386px;
	margin:0;
transition:all .5s
}
.news_img {
	position:relative;
	overflow:hidden
}
.news_img>img {
	z-index:1;
	width:100%;
transition:all .3s
}
.border {
	width:94%;
	height:90%;
	border:1px solid #fff;
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.backgrond {
	z-index:2;
	position:absolute;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background:rgba(0, 0, 0, .2)
}
.news_icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:2;
	text-align:center
}
.news_icon>img {
	opacity:1
}
.news_icon>h3 {
	color:#fff;
	font-size:22px;
	padding-top:23px;
	position:relative
}
.news_icon>h3:before {
	content:'';
	width:35px;
	height:1px;
	background:#fff;
	display:inline-block;
	position:absolute;
	left:-45px;
	top:38px
}
.news_icon>h3:after {
	content:'';
	width:35px;
	height:1px;
	background:#fff;
	display:inline-block;
	position:absolute;
	right:-45px;
	top:38px
}
.news_icon>a {
	padding-top:25px;
	color:#00f2ff;
	font-size:13px;
	text-decoration:underline;
	display:inline-block
}
.news_list_c {
	position:relative;
	background:rgba(0, 0, 0, .3);
transition:all .6s ease-out;
	padding-bottom:15px;
	padding-top:15px
}
.news_list_c li {
	padding:10px 10px 10px 30px;
	height:auto;
	overflow:hidden;
	position:relative;
	color:#fff;
}
.news_list_c li.active {
	height:auto;
	font-size:20px;
	border-bottom:1px solid #fff
}
.news_list_c div {
	font-size:13px;
	font-weight:400;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
transition:all .3s;
	color:#fff
}
.news_list_c li.active .active { font-size:20px;}
.news_list_c li.active div {
	color:#2abbc3
}
.news_list_c div a {
	color:#fff;
transition:all .3s
}
.news_list_c li.active div a {
	color:#fff
}
.news_list_c li:before {
	content:'';
	width:6px;
	height:6px;
	display:inline-block;
	border:1px solid #999;
	border-radius:100%;
	position:absolute;
	left:10px;
	top:15px
}
.news_list_c li.active:before {
	border:1px solid #fff;
	font-size:20px !important;
}
.news_list_c p {
	font-size:13px;
	color:#999;
	padding-top:15px;
transition:all .3s;
	height:0;
	width:100%;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	font-weight:100;
}
.news_list_c li.active p {
	color:#fff;
	line-height:25px;
	height:52px
}
.news_list .news_prev, .news_next {
	width:30px;
	height:30px;
	position:absolute;
	top:50px;
	right:0;
	cursor:pointer;
	border:1px solid #26aba8
}
.news_list .news_prev {
	background:url(../images/prev1.png) center no-repeat;
	right:32px
}
.news_list .news_next {
	background:url(../images/next1.png) center no-repeat
}
.news_list .news_prev.swiper-button-disabled {
	border:1px solid #999;
	background:url(../images/prev.png) center no-repeat
}
.news_list .news_next.swiper-button-disabled {
	border:1px solid #999;
	background:url(../images/next.png) center no-repeat
}
.section05_cont>.swiper-container {
	height:auto
}
@media(min-width:1024px) and (max-width:1200px) {
.news_list {
width:800px
}
.news_icon>h1 {
font-size:20px;
padding-top:5px
}
.news_icon>h1:before {
top:20px
}
.news_icon>h1:after {
top:20px
}
.news_icon>a {
padding-top:10px
}
.news_icon>img {
width:50px;
height:39px
}
}
@media(min-width:992px) and (max-width:1024px) {
.news_list {
width:800px
}
.news_icon>h1 {
font-size:20px;
padding-top:5px
}
.news_icon>h1:before {
top:20px
}
.news_icon>h1:after {
top:20px
}
.news_icon>a {
padding-top:10px
}
.news_icon>img {
width:50px;
height:39px
}
}
@media(min-width:768px) and (max-width:992px) {
.news_list {
width:700px
}
.news_icon>h1 {
font-size:20px;
padding-top:5px
}
.news_icon>h1:before {
top:20px
}
.news_icon>h1:after {
top:20px
}
.news_icon>a {
padding-top:10px
}
.news_icon>img {
width:50px;
height:39px
}
}
@media(min-width:320px) and (max-width:768px) {
.news_list {
width:100%
}
.news_icon>h1 {
font-size:20px;
padding-top:5px
}
.news_icon>h1:before {
top:20px
}
.news_icon>h1:after {
top:20px
}
.news_icon>a {
padding-top:10px
}
}
@media screen and (max-height:750px) {
.news_list {
padding-top:40px
}
.news_list .news_prev, .news_next {
top:0
}
.dj_btn {
bottom:10px
}
}
@media screen and (max-height:780px) {
.news_icon>h1 {
padding-top:10px
}
.news_icon>h1:before {
top:25px
}
.news_icon>h1:after {
top:25px
}
.news_icon>a {
padding-top:10px
}
}
@media screen and (max-height:700px) {
.botm_link {
height:70px
}
.news_wp4 {
display:none
}
}
@media screen and (max-height:800px) and (min-height:751px) {
.news_wp4 {
display:none
}
.news_list_c p {
padding-top:0
}
.news_list {
padding-top:53px
}
.news_list .news_prev, .news_list .news_next {
top:15px
}
}