@charset "utf-8";

/* CSS Document */



/******公共样式 start******/

img{

	display: inline-block;

}

.banner_txt img,.section02_txt img{

	width:100%;

}



/******公共样式 end******/

.animationbox,.section {

	position: relative;

	width:100%;

	height:100%;

	text-align: center;

	color: #fff;

	overflow: hidden;

}



.section01{

	background: url("../images/section_01.jpg") no-repeat;

	background-size:cover;

}

.section02{

	background: url("../images/section_02.jpg") no-repeat;

	background-size:cover;

}

.section03{

	background: url("../images/section_03.jpg") no-repeat;

	background-size:cover;

}

.section04{

	background: url("../images/section_04.jpg") no-repeat;

	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;

	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_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/banner03.png") no-repeat center 3rem;

	

// }

.banner_txt{

	position: relative;

	top:50%;

	left:50%;

	width:1201px;

	height:250px;

	margin:-145px 0 0 -600px;

	opacity: 0;

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

	transform:scale(0.5, 0.5);

	transition: all 1s;

}

.active .banner_txt{

	opacity: 1;

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

	transform: scale(1, 1);

	transition-delay: 0.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{



}

.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,0.3);

	transition: all 1s ease 0s;

}

.section02_txt{

	position: relative;

	max-width: 1200px;

	height: 236px;

	top: 50%;

	margin-top: -118px;

}

.section02_txt1{

	position: absolute;

	left:0;

	top:0;

	opacity: 0;

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

	transform:scale(0.5, 0.5);

	transition: all 1s;

}

.section02_txt2{

	position: absolute;

	right:-330px;

	top:46px;

	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: 0.5s;

}

.active .section02_txt2{

	right:0;

	opacity: 1;

	transition-delay: 0.5s;

}

.active .section02_txt3{

	right:0;

	opacity: 1;

	transition-delay: 0.5s;

}

.active .section02_txt4{

	right:0;

	opacity: 1;

	transition-delay: 0.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: 0.5s;

}



.number_s{

	height:82px;

	margin-bottom: 22px;

	text-align: center;

}

.number_s span{

	display: inline-block;

	width:46px;

	height:80px;

	margin:0 4px;

	overflow: hidden;

	background: url("../images/num.png") no-repeat;

	transition: all 0.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_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 2s ease 0s forwards;

}

.active .num_4{

	-webkit-animation:num6 2.3s ease 0s forwards;

	animation:num6 2.3s ease 0s forwards;

}

.active .num_5{

	-webkit-animation:num6 2.5s ease 0s forwards;

	animation:num6 2.5s ease 0s forwards;

}

.active .num_6{

	-webkit-animation:num6 2s ease 0s forwards;

	animation:num6 2s ease 0s forwards;

}

.active .num_7{

	-webkit-animation:num7 2s ease 0s forwards;

	animation:num7 2s ease 0s forwards;

}

.active .num_8{

	-webkit-animation:num6 2.3s ease 0s forwards;

	animation:num6 2.3s ease 0s forwards;

}

.active .num_9{

	-webkit-animation:num6 2.5s ease 0s forwards;

	animation:num6 2.5s ease 0s forwards;

}

.active .num_10{

	-webkit-animation:num7 2.5s ease 0s forwards;

	animation:num7 2.5s ease 0s forwards;

}

.active .num_11{

	-webkit-animation:num11 2.5s ease 0s forwards;

	animation:num11 2.5s ease 0s forwards;

}

@keyframes num1 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -560px;

	}

}

@-webkit-keyframes num1 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -560px;

	}

}

@keyframes num2 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -80px;

	}

}

@-webkit-keyframes num2 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -80px;

	}

}

@keyframes num6 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -1600px;

	}

}

@-webkit-keyframes num6 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -1600px;

	}

}

@keyframes num3 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -479px;

	}

}

@-webkit-keyframes num3 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -479px;

	}

}

@keyframes num7 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -160px;

	}

}

@-webkit-keyframes num7 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -160px;

	}

}

@keyframes num11 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -1119px;

	}

}

@-webkit-keyframes num11 {

	0% {

		background-position:0 0;

	}



	100% {

		background-position:0 -1119px;

	}

}







.number{

	position: relative;

	top: 50%;

	left: 50%;

	width: 1200px;

	height: 172px;

	margin: -86px 0 0 -600px;

}

.number li{

	position: relative;

	float:left;

	margin-right:135px;

	text-align: center;

}

.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: 0.5s;

}



.fuwu_menu li,.tell_fuwu_menu li{

	margin:55px 0 55px 0;

	cursor: pointer;

	transition: all 0.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 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 0.35s ease 0s;

}

.fuwu_menu li .fuwu_icon{

	width:63px;

	margin:0 auto;

	transition: all 0.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 0.6s ease 0s;

}

.fuwu_tit{

	opacity: 0;

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

	transform:scale(0.5, 0.5);

	transition: all 1s;

}

.active .fuwu_tit{

	opacity: 1;

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

	transform: scale(1, 1);

	transition-delay: 0.7s;

}





.fuwu_c{

	opacity: 0;

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

	transform:scale(0.5, 0.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;

}

.fuwu_c{

	position: relative;

	width:497px;

	height:497px;

}

.fuwu_icon,.fuwu_c_img{

	transition: all 0.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:0px;

	left:0px;

	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:0px;

	right:0px;

	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:0px;

		left:0;

	}

}

@-webkit-keyframes hx1 {

	0% {

		top:0;

		left:0;

	}

	50% {

		top:20px;

		left:20px;

	}

	100%{

		top:0px;

		left:0;

	}

}

@keyframes hx2 {

	0% {

		 top:0;

		 right:0;

	 }

	50% {

		top:20px;

		right:20px;

	}

	100%{

		top:0px;

		right:0;

	}

}

@-webkit-keyframes hx2 {

	0% {

		top:0;

		right:0;

	}

	50% {

		top:20px;

		right:20px;

	}

	100%{

		top:0px;

		right:0;

	}

}

@keyframes hx3 {

	0% {

		bottom:0px;

		left:0px;

	}

	50%{

		bottom:20px;

		left:20px;

	}

	100%{

		bottom:0px;

		left:0px;

	}

}

@-webkit-keyframes hx3 {

	0% {

		bottom:0px;

		left:0px;

	}

	50%{

		bottom:20px;

		left:20px;

	}

	100%{

		bottom:0px;

		left:0px;

	}

}

@keyframes hx4 {

	0% {

		bottom:0px;

		right:0px;

	}

	50%{

		bottom:10px;

		right:10px;

	}

	100%{

		bottom:0px;

		right:0px;

	}

}

@-webkit-keyframes hx4 {

	0% {

		bottom:0px;

		right:0px;

	}

	50%{

		bottom:10px;

		right:10px;

	}

	100%{

		bottom:0px;

		right:0px;

	}

}

@keyframes hx5 {

	0% {

		top:10px;

		left:10px;

	}

	50%{

		top:0px;

		left:0px;

	}

	100%{

		top:10px;

		left:10px;

	}

}

@-webkit-keyframes hx5 {

	0% {

		top:10px;

		left:10px;

	}

	50%{

		top:0px;

		left:0px;

	}

	100%{

		top:10px;

		left:10px;

	}

}

@keyframes hx6 {

	0% {

		top: 10px;

		right: 10px;

	}

	50%{

		top:0px;

		right:0px;

	}

	100%{

		top: 10px;

		right: 10px;

	}

}

@-webkit-keyframes hx6 {

	0% {

		top: 10px;

		right: 10px;

	}

	50%{

		top:0px;

		right:0px;

	}

	100%{

		top: 10px;

		right: 10px;

	}

}

@keyframes hx7 {

	0% {

		bottom: 10px;

		left: 10px;

	}

	50%{

		bottom:0px;

		left:0px;

	}

	100%{

		bottom: 10px;

		left: 10px;

	}

}

@-webkit-keyframes hx7 {

	0% {

		bottom: 10px;

		left: 10px;

	}

	50%{

		bottom:0px;

		left:0px;

	}

	100%{

		bottom: 10px;

		left: 10px;

	}

}

@keyframes hx8 {

	0% {

		bottom: 10px;

		right: 10px;

	}

	50%{

		bottom:0px;

		right:0px;

	}

	100%{

		bottom: 10px;

		right: 10px;

	}

}

@-webkit-keyframes hx8 {

	0% {

		bottom: 10px;

		right: 10px;

	}

	50%{

		bottom:0px;

		right:0px;

	}

	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: 0.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 0;

	font-size:24px;

}

.fuwu_c_c p{

	font-size:13px;

	line-height: 30px;

}



.fuwu_c_a1{

	-webkit-animation:bounceInRight 3s ease-out 0.5s forwards;

	animation:bounceInRight 3s ease-out 0.5s forwards;

}



.fuwu_c_c1{

	position: relative;

	transition: all 0.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 0.5s linear 0.3s forwards;

	-webkit-animation: fadeInRight 0.5s linear 0.3s forwards;

}

.ff55 p{

	animation: fadeInRight 0.8s linear 0.6s forwards;

	-webkit-animation: fadeInRight 0.8s linear 0.6s forwards;

}

.fuwu_btn_a{

	opacity: 0;

}

.ff55 .fuwu_btn_a{

	animation: fadeInRight 0.9s linear 0.8s forwards;

	-webkit-animation: fadeInRight 0.9s linear 0.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:50%;

	left:50%;

	width:554px;

	height: 534px;

	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(0.5, 0.5);

	transform:scale(0.5, 0.5);

	transition: all 1s;

}

.active .case_tit{

	opacity: 1;

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

	transform: scale(1, 1);

	transition-delay: 0.7s;

}

.case_list a{

	color:#fff;

}

.case_list_tit{

	position: relative;

	transition: all 0.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: 0.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: 0.7s;

}







.case_list .case_list_l{

	background: url("../images/section_04_l.jpg") no-repeat center;

	background-size:cover;

}

.case_list .case_list_r{

	background: url("../images/section_04_r.jpg") no-repeat center;

	background-size:cover;

}

.section04_btn{

	position: absolute;

	left:50%;

	bottom:50px;

	z-index: 500;

	margin-left:-77px;

	margin-top:0;

	opacity: 0;

}

.txtdh1 .section04_btn{

	animation: fadeInUp 0.8s linear 1s forwards;

	-webkit-animation: fadeInUp 0.8s linear 1s forwards;

}



.preserve-3d{

	/*transform-style属性指定了，该元素的子元素是（看起来）位于三维空间内，还是在该元素所在的平面内被扁平化。*/

	-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 0.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 0.6s;

}

.case_lr .case_r:hover{

	transform: translateX(20px);

	-webkit-transform: translateX(20px);

}

.case_opa{opacity: 0.3;}

.case_list_txt1{

	height:18px;

	margin:19px 0 24px 0;

	overflow: hidden;

	font-size:14px;

	text-align: left;

}

.case_list_txt1 i{

	float:right;

}

.case_list_txt2{

	height:68px;

	padding:14px 25px 0 25px;

	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 0.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;

	margin-top:34px;

	transition: all 1s;

	opacity: 0;

	-webkit-transform: translateY(80%);

	-ms-transform: translateY(80%);

	transform: translateY(80%);

}

.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:154px;

	height:54px;

	background: url("../images/dj_btn.png") no-repeat;

	display: inline-block;

	position: relative;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	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%);

	/* W3C */

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.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: 0.3s;

	animation-delay: 0.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: 0.3s;

	animation-delay: 0.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: 42px;

}

.solution_tit{

	text-align: center;

	opacity: 0;

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

	transform:scale(0.5, 0.5);

	transition: all 1s;

}

.active .solution_tit{

	opacity: 1;

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

	transform: scale(1, 1);

	transition-delay: 0.7s;

}

.news_tit{

	opacity: 0;

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

	transform:scale(0.5, 0.5);

	transition: all 1s;

}

.active .news_tit{

	opacity: 1;

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

	transform: scale(1, 1);

	transition-delay: 0.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 0.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: 0.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: 0.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: 0.7s;

}





.solution_list li:last-child{

	margin:0 0 0 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 0.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 24px;

}

.solution_list li .fa_c2{

	padding:73px 24px 0 24px;

}





.solution_list li .fa_span1{

	position: relative;

	display: block;

	width:105px;

	height:28px;

	transition: all 0.6s;

	text-align: left;

	text-indent: 0.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 0.6s linear 1.8s;

}

.solution_list li .fa_span2 i{

	transition: all 0.6s linear 2.1s;

}

.solution_list li .fa_span3 i{

	transition: all 0.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 0;

}

.solution_list li .fa_p2{

	height:63px;

	margin:10px 0 0 0;

}

.solution_list li:hover .fa_c span{

	width:100%;

}

.news_list{

	padding-top:92px;

}

.news_list li{

	float:left;

	width:386px;

	margin:0 21px 0 0;

	cursor: pointer;

}

.news_list li:last-child{

	margin:0 0 0 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: 0.7s;

}

.news_list .news_wp2{

	opacity: 0;

	transition: all 2s;

}

.active .news_list .news_wp2{

	opacity: 1;

	transition-delay: 0.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: 0.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{

	width:100%;

	transition: all 0.6s ease;

	-webkit-transform:scale(1);

	transform:scale(1);

}

.news_list li .news_list_c{

	position: relative;

	text-align: left;

	padding:22px 21px 30px 21px;

	background-color:rgba(0,0,0,0.3);

	transition: all 0.6s ease-out;

}

.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 0.6s, -webkit-transform 0.6s;

	transition: opacity 0.6s, transform 0.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:hover .news_list_c{

	background-color:rgba(42,191,200,0.5);

}

.news_list li:hover .news_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);

}



.news_list li strong{

	display: block;

	padding-left:4px;

	// background: url("../images/news_icon2.png") no-repeat 0px 8px;

	font-size:20px;

	font-weight: normal;

	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;

}

.news_list li p{

	height:92px;

	overflow: hidden;

	padding-left:4px;

	line-height: 24px;

	font-size:14px;

	padding-bottom: 20px;

	text-indent: 2em;

	padding-top: 15px;

}



.contact_tit{

	opacity: 0;

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

	transform:scale(0.5, 0.5);

	transition: all 1s;

}

.active .contact_tit{

	opacity: 1;

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

	transform: scale(1, 1);

	transition-delay: 0.7s;

}

.section07_cont{

	position: relative;

	width:1200px;

	height: 828px;

	top: 42px;

}

.contact_cont{

	width:1152px;

	height:349px;

	margin:76px 0 0 0;

	padding:21px 0 0 21px;

	background: url("../images/contact_cont_bg.png") no-repeat;

	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: 0.7s;

}



.lx_l{

	position: relative;

	float:left;

	width:337px;

	height:329px;

	overflow: hidden;

}

.lx_l img{

	width:100%;

	transition: all 0.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,0.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: none;

	font-family:Microsoft Yahei,Arial;

	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: none;

	font-family:Microsoft Yahei,Arial;

	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: none;

	transition: all 0.3s;

	cursor: pointer;

	font-size:13px;

	color: #fff;

}

.tij_btn:hover{

	box-shadow: 0 0 10px #fff;

}



.botm_link{

	margin:78px 0 30px 0;

	font-size:14px;

	color: #fff;

	height: 49px;

	position: relative;

}

.botm_link a{

    display: block;

    float:left;

    margin-bottom:10px;

    margin-right:20px;

	color: #fff;

	transition:all 0.3s;

}

.botm_link span{

	display: block;

	/* float:left; */

	position: absolute;

	left: 0;

	top: 0;

}

.botm_link_r{

    margin-left:80px;

	height: 49px;

	position: absolute;

    /* // overflow: hidden; */

}



.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:300px;

	height: 28px;

	padding:15px 0 16px 0;

	padding-left:20px;

	border-top:1px solid #fff;

	line-height: 28px;

	overflow: hidden;

}



.share{

	float:left;

}

.share a {

	display: inline-block;

	width: 24px;

	height: 21px;

	margin-right: 24px;

}

.botm_share  a{

	font-size:14px;

	color: #fff;

}

.botm_share .wzmap:hover{

	text-decoration:underline;

}

.share .share01 {

	height: 28px;

	background: url(../images/share_img1.png) no-repeat center;

}

.share .share02 {

	height: 28px;

	background: url(../images/share_img2.png) no-repeat center;

}

.share .share03 {

	height: 28px;

	background: url(../images/share_img3.png) no-repeat center;

}



.section06{



}

.section07{



}



.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;

	background: url("../images/fpnav_bg.png") repeat-y;

}

.fpnav li{

	width:17px;

	height:17px;

	margin-bottom:21px;

}

.fpnav li a{

	display: block;

	position: relative;

	width:17px;

	height:17px;

	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: #008a92; */

	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, 0.5);

	font-family: Helvetica, Arial, sans-serif;

	font-weight: normal;

	font-size: 20px;

}



.settings {

	right: 0;

	padding: 10px 20px;

	border-radius: 10px 0 0 0;

}



.settings a {

	border: none;

}





.sp-canvas {

	display: none;

}



.arrow {

	position: relative;

	display: inline-block;

}



.demo {

	width: 800px;

	font-size: 30px;

	text-align: center;

	font-weight: bold;

}



.demo .arrow {

	font-size: 20px;

	animation: point-down 0.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 0.2s alternate 6 ;

}



@keyframes point-down {

	from {

		top: 0;

	}

	to {

		top: 5px;

	}

}



@keyframes highlight {

	to {

		background: lightblue;

	}

}



.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, 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 0.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 0.2s;

	background: #008a92;

}

.kefudt_btn .kefudt_btn_1{

	text-align: center;

}

.kefudt_btn .kefudt_btn_1:hover{

	border:1px solid #008a92;

	/* box-shadow: inset 127px 0 0 0 #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{

	/* border:1px solid #fff; */

}

.kefudt_btn span:hover{

	/* box-shadow: inset 127px 0 0 0 rgba(0, 0, 0, 0.8); */

	background: #008a92;

}



.kefudt_r{

	position: fixed;

	top:50%;

	right:51px;

	z-index: 80000;

	width:220px;

	height:367px;

	margin:-183px 0 0 -249px;

	overflow: hidden;

}



.kefudt_r a{

	position: relative;

	display: block;

	width:77px;

	height:24px;

	z-index: 500;

	padding-top:53px;

	text-align: center;

	font-size:12px;

	color:#fff;

}



.kefudt_r span{

	position: relative;

	display: block;

	width:78px;

	height:77px;

	margin-bottom:17px;

	border:1px solid #1eb0b9;

	border-right:0;

	transition: all 0.6s;

	text-align: center;

	font-size:12px;

	color:#fff;

	right: -142px;

}



.kefudt_r span:before{

	content: "";

	width: 0;

	height: 77px;

	background: #0e4a4b;

	position: absolute;

	top:0;

	left:0;

	transition: all 0.6s;

	z-index: -1;

	opacity: 1;

}

.kefudt_r span:hover:before{

	width:220px;

}

/*.kefudt_r span:hover{

	 box-shadow: inset 106px 0 0 0 #1eb0b9;

 }*/

.kefudt_r .kefudt_icon1{

	background:url("../images/kefudt_icon2.png") no-repeat;

}

.kefudt_r .kefudt_icon2{

	background:url("../images/kefudt_icon3.png") no-repeat;

}

.kefudt_r .kefudt_icon3{

	background:url("../images/kefudt_icon4.png") no-repeat;

}

.kefudt_r .kefudt_icon4{

	background:url("../images/kefudt_icon5.png") no-repeat;

}



.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 0.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,0.6)}

}