/*
* @Author: dell
* @Date:   2019-02-18 20:11:57
* @Last Modified by:   dell
* @Last Modified time: 2019-02-19 11:42:46
*/
*{margin: 0px;
  padding: 0px;
  box-sizing: border-box;

}
h3{margin: 0;
	padding: 0;}
a{
	text-decoration: none;
	color:#363636 ;
}
li{
	list-style-type: none;
}
.joinimg1{
	position: absolute;
	top: 6%;
	left: -47px;
}

i{
	font-style:normal;
	font-size: 14px;
	color:#9C9C9C;
}
.xin{
	width: 1210px;
	margin: auto;
}
.tab-hd{
	width: 100%;
	height: 70px;
	text-align: center;
	line-height: 50px;
	position: relative;
}
.tab-hd a{
	font-size: 16px;
	line-height: 70px;
}
.tab-hd a:nth-child(2){
	margin-right: 110px;
	margin-left: 110px;
}

.tab-hd a:hover{
	color:#29BEA9;
}
.line{
	width: 135px;
	height: 2px;
	background-color: #29BEA9;
	position: absolute;
	bottom: 0;
	left:44.3%;
}
.tab-bd {
	padding-top: 100px;
	padding-left: 100px;
}
.tab-bd-o{
	width:326px;
	height: 429px;
	background:url("../image/iii.jpg");
	display:inline-block;
	vertical-align: top;

}
.tab-bd-t{
	width:500px;
	height: 435px;
	display:inline-block;
	padding-top: 10px;
	margin-left: 90px;

}
.tab-bd-t h4{
	font-weight:400;
}
.tab-bd-t p{
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 14px;
	color:black;
}
h2{
	text-align: center;
	font-weight:400;
	margin:40px;
}
.daili{
	width: 100%;
	height: 480px;

	position:relative;
}
.daili div{
	width: 263px;
	height:420px;
	position: absolute;
	border:1px solid lightgrey;
	text-align:center;
}
.daili div:hover{
	height: 421px;
	width: 280px;
	border:2px solid #29BEA9;
	z-index: 100!important;
	color: #29BEA9;
	border-radius:10px;
	-webkit-transition: all .3s;
}
.daili div:hover a h5{
	color: #29BEA9;
	text-align: center;
	margin: auto;
	-webkit-transition: all .3s;
}
.jiameng h5{
	margin-top: 95px;
}

.daili div:nth-child(1){
	left:0;
	bottom:0;
	background:  white url('../img/t11.png') no-repeat center 20px ;
	}
.daili div:nth-child(2){
	left:20%;
	bottom:20px;
	background:  white url('../img/t10.png') no-repeat center 20px ;
	
}
.daili div:nth-child(3){
	left:40%;
	bottom:40px;
	background:  white url('../img/t4.png') no-repeat center 20px ;
	z-index:3;
	
}
.daili div:nth-child(4){
	left:60%;
	bottom:20px;
	background:  white url('../img/t8.png') no-repeat center 20px ;
	z-index: 2;
}
.daili div:nth-child(5){
	left:78%;
	bottom:0;
	background:  white url('../img/t12.png') no-repeat center 20px ;
	
}

.daili div a h5{
	margin: auto;
	width:90px;
	height: 20px;
	vertical-align: middle;
	line-height:23px;
	margin-left: 80px;
	font-weight:600;
	font-size: 19px!important;
}
.allbannerm p:nth-child(2){
	font-size: 58px;
	color: white;
	left: 40%;
	letter-spacing: 10px;
	top: 14.3%;
	position: absolute;
}
.allbannerm p:nth-child(4){
	font-size: 25px;color: #5E8EAC;left: 60.4%;letter-spacing: 5px;top: 33%;position: absolute
}
.allbannerm p:nth-child(5){
	font-size: 27px;color: white;left: 59.4%;letter-spacing: 5px;top: 45%;position: absolute;width: 500px
}
.allbannerm h1{
	font-size: 50px;color: white;left: 64.7%;letter-spacing: 10px;top: 15%;position: absolute
}


.line2{
	width: 55px;
	height: 1px;
	background-color: #0DB7A2;
	margin-left: 39%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.daili p{
	font-size: 14px;
	line-height:24px;
	color:#8A898A;
}

.daili a{
	width:100%;
	height: 100%;
	display:inline-block;
		padding-top: 200px;
}
.jiameng{
	position: relative;
	height:580px;
}
.jiameng div{
	width: 240px;	
	height: 240px;
	float: left ;
	margin-right: 60px;
	margin-top: 20px;
	text-align: center;
	
	position: relative;

}
.jiameng div:nth-child(1){  
	background: url('../img/02.png') no-repeat center;
} 
.jiameng div:nth-child(2){
	background: url('../img/02.png') no-repeat center;
} 
.jiameng div:nth-child(3){
	background: url('../img/03.png') no-repeat center;
} 
.jiameng div:nth-child(4){
	background: url('../img/04.png') no-repeat center;
} 
.jiameng div:nth-child(5){
	background: url('../img/05.png') no-repeat center;
	margin-left: 150px;
	
} 
.jiameng div:nth-child(6){
	background: url('../img/06.png') no-repeat center;

} 
.jiameng div:nth-child(7){
	background: url('../img/07.png') no-repeat center;
} 

#zhuce h5,#shenqing h5,#yuzhifu h5,#qudao h5,#qiandai h5,#chengwei h5{
	margin-top: 95px;
}
#yuzhifu h5{
	margin-left:70px;
}
#lianx h5{
	margin-bottom: 25px;
}

#qianding h5{
	margin-top: 115px;

}
#chengwei h5{
	margin-left: 70px;
}

.jiameng  p{
	/*color:#0DB7A2;*/
}
.p1{
	margin-top:95px ;
}
.p2{
	margin-top: 50px;
	color:#0DB7A2;
}
.p3{
	margin-top: 15px;
	color:#0DB7A2;
}
.jiameng img{
	position: absolute;
}
.jiameng img:nth-child(8){
	top:130px;
	left:250px;
}
.jiameng img:nth-child(9){
	top:130px;
	left:550px;
}
.jiameng img:nth-child(10){
	top:130px;
	left:850px;
}
.jiameng img:nth-child(11){
	top:400px;
	left:100px;
}
.jiameng img:nth-child(12){
	top:400px;
	left:400px;
}
.jiameng img:nth-child(13){
	top:400px;
	left:700px;
}
.guanli{
	padding-left: 40px;
	margin-bottom: 50px;
}
.guanli p{
	font-size: 12px;
	line-height:24px;				
	color:#333333;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #D1D1D1;
}
.guanli p:hover{
	color:#3FBEAB;
}

.c_p1_top{
	width: 100%;
	height: 230px;
	padding-top: 60px;
}
.c_p1_top img{
	width: 1000px;
	height: 143px;
	display: block;
	margin: auto;
}
.c_p_one{
	width: 100%;
	height: 650px;
}
.c_p_oneleft{
	width: 12.1%;
	float: left;
}
.c_p_b{
	position:relative;
	height: 500px;
	background: url("../image/c_p42.png");
	background-size: 100%;
}
.c_p_oneright{
	width: 87.9%;
	float: right;
}
.cpimg{
	width: 100%;
	display: block;
}

.c_p_onetop{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #fbfbfb;
	border-top:1px #D8D8D8 solid ;
	border-bottom:1px #D8D8D8 solid ;
	border-right:1px #D8D8D8 solid ;
	/*background:#F4F4F6 ;*/
}
.c_p_onetitle{
	font-size: 18px;
	color: #474747;
	text-align: center;
	border-right:1px #D8D8D8 solid ;
	height: 50px;
	line-height: 50px;
	float: left;
}

.c_p_onetable{
	width: 100%
}
.c_p_onetable tr{
	height: 65px;
	padding: 5px;
}
.c_p_onetable tr th{
	color: #474747;
	background: #fbfbfb;
	border-top:1px #EDEEF1 solid ;
	border-bottom:1px #EDEEF1 solid ;
	border-right:1px #EDEEF1 solid ;
}.c_p_onetable tr td{
	 color: #474747;
	 border-bottom:1px #EDEEF1 solid ;
	 border-right:1px #EDEEF1 solid ;
	text-align: center;
	padding: 5px;
 }

 .c_p_table_a{
	 width: 75%;
	 height: 30px;
	 line-height: 30px;
	 border-radius: 5px;

	 display: inline-block;

 }

 .c_p_onetops{
	width: 100%;
	 height: 100px;
 }
 .c_p_onetops p{
	 padding: 10px;
	 text-indent: 2em;
	 line-height:23px;

 }
 .c_p_onedivs{
	 width: 100%;

 }
 .c_p_odvis{
	 width: 25%;
	 float:left;
	 height: 80px;
	 padding: 5px;
	 margin-top: 5px;
 }
 .cp_p{
	 width: 60%;
	 display: inline-block;
	 float: left;
	 margin-left: 10px;
 }
.positiondiv{
	width: 100%;
	height: 600px;
	position: absolute;
	top:0;
	background: wheat;
}

.server-proces {
	height: 435px;
	background: url(../staticzx/images/fwlc.jpg) no-repeat center 0;
}
.server-proces p {
	display: none
}

.whiteBg{
	background-color: #fff;
}
.Case-Box2{overflow: hidden;}
.Case-Box2 .mH-Top{ padding-top: 50px;}
.Case-Box2 .Case-Cont{ margin-top: 40px;}
.picScroll-left2 .bd{  width:1200px;position:relative;  }
.picScroll-left2 .bd ul{ zoom:1;  width:1200px;}
.picScroll-left2 .bd ul li{ width: 217px; height: 264px; float:left;overflow:hidden;
  -webkit-transition: all .3s;border-radius: 10px;cursor: pointer;
	text-align:center; margin-right: 45px;position:relative; margin-bottom: 50px;margin-left: 38px}


.picScroll-left2 .bd ul li img{
	-webkit-transition: all .3s;
}

.picScroll-left2 .bd ul li:hover img{
	transform: scale(1.2);
}
.picScroll-left2 .bd ul li:hover{
	/*border-radius:50px;*/
	box-shadow: 0px 5px 20px #a8a6a6;
	-webkit-transform: translateY(-10px);
}

.jmimg1{
	background-color:#09BCF8;background-size:100%;
}
.jmimg2{
	background-color:#FFB036;background-size:100%;
}
.jmimg3{
	background-color:#3DB2FA;background-size:100%;
}
.jmimg4{
	background-color:#4DDA87;background-size:100%;
}
.jmimg5{
	background-color:#1A56FD;background-size:100%;
}
.jmimg6{
	background-color:#ED7EC5;background-size:100%;
}
.jmimg7{
	background-color:#E8733B;background-size:100%;
}
.jmimg8{
	background-color:#7164F7;background-size:100%;
}
.jmimg9{
	background-color:#FA288C;background-size:100%;
}
.jmimg10{
	background-color:#FF2D32;background-size:100%;
}
.jmimg11{
	background-color:#29BEA9;background-size:100%;
}
.jmimg12{
	background-color:#FB5C5C;background-size:100%;
}

.iconss{
	width: 70px;
	height: 70px;
	margin-top: 43px;
}

.jmimgp1{
	font-size: 20px;
	color: white;
	margin-top: 17%;
}
.jmimgp2{
	font-size: 12px;
	color: white;
	margin-top: 4%;
	padding: 10px;
}

.picScroll-left22 .bd2{  width:1200px;overflow:hidden;  position:relative;  }
.picScroll-left22 .bd2 ul{ overflow:hidden; zoom:1;  width:1200px;}
.picScroll-left22 .bd2 ul li{ width: 160px; height: 160px; float:left; _display:inline; overflow:hidden;  -webkit-transition: all .5s;
	text-align:center; margin-right: 1px;position:relative; margin-bottom: 10px;margin-left:10px}
.picScroll-left22 .bd2 ul li:hover{
		border-radius:100%;
	/*background: #00A0E9;*/

}
.jmimg22{
	background:#E6E6E6 ;
	cursor: pointer;
}
.jmic{
	width: 50px;
	display: inline-block;
	margin-top: 20%;
}
.jmp2{
	color:#878787;
	margin-top: 8%;
}

.leftbarbg{position: relative; }
.leftbarbg.active{/*background:rgba(0,0,0,0.3);*/
	transform:translateX(-350px); -webkit-transform: translateX(-350px);
	-moz-transform: translateX(-350px);-o-transform: translateX(-350px);-ms-transform: translateX(-350px);}

/*左侧主题内容*/
.leftbarbg{ width: 100%;}
.dtit{padding:4% 0; text-align: center;}
.dtit span{font-size: 40px; color: #161616; display: block;}
.dtit p{font-size: 15px; color: #888888}
.dtit.bai span, .dtit.bai p{color: #fff}/***liuc*********************************************************************************/
.liuc{/*width: 100%;*/margin-bottom:4%; display: table;}
.liuc li{width: 15%; text-align: center; float: left;margin-left: 1.2%;}
.liuc li i{display: inline-block; padding: 8%; border-radius: 50%;background: #0166ce;
	margin-bottom: 2%;position:relative; }
.liuc li b{color: #212121; display: block; font-size: 22px;}
.liuc li p{color: #5f5f5f; font-size: 15px;width: 75%;margin: auto;
}
.liuc li i:after{position:absolute;width:100%;height:100%;border-radius:50%;content:'';
	top:0;left:0;z-index:-1;}
.liuc li:hover i{-webkit-transform:scale(.86);-moz-transform:scale(.86);-ms-transform:scale(.86);
	transform:scale(.86); -o-transform:scale(.86);}
.liuc li:hover i:after{	animation:sonarEffect 1.3s ease-out 75ms;
	-webkit-animation:sonarEffect 1.3s ease-out 75ms;
	-moz-animation:sonarEffect 1.3s ease-out 75ms;}

.containerss{display: block;width:100%; max-width: 1600px; min-width: 1150px;
	margin: 0 auto; }
.liuc li i img{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;width: 60px;
	-ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
img, .nav, .nav.active, .leftbarbg, .leftbarbg.active, .navbtn .nbtbj span:after, .navbtn .nbtbj span:before, .banner .ban-prev:after, .banner .ban-next:after, .banner .shu li b, .banner .zi .zxa:after, .syfw ul li, .syfw ul li i, .syfw ul li:after, .anli li .img img, .anli li .more, .anliye .anli-prev:after, .anliye .anli-next:after, .anliye .img>img, .syfangany li, .syfangany li i, .syfanganz .more:after, .newsimp .zi span i, .newslist li, .newslist li .zi span i, .newsxia li, .newsxia li b>i, .newsnav li, .liuc li i, .nbanzi .down:after, .nbanzi .lianj>a:after, .youhua2 li .zi b, .youhua2 li, .youhua2 li i:before, .youhua2 li i:after, .youhua3 li .mask b, .youhuamore, .jiejue li .zi, .jiejue li .zi i, .newstopy .more, .jianshe .zi .cha, .jianshe .zi .cha>i, .youhua3 li .mask {
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
}/*liuc 悬浮*/
@keyframes sonarEffect{
	0%{opacity:.3;}
	40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5);
		-webkit-transform:scale(1.25);opacity:0;}
}
@-webkit-keyframes sonarEffect{
	0%{opacity:.3}
	40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5);
		-webkit-transform:scale(1.25);opacity:0}
}
@-moz-keyframes sonarEffect{
	0%{opacity:.3}
	40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5);
		-webkit-transform:scale(1.25);opacity:0}
}



.fk-index-main {
	height: 900px;
	/*background: #fbfbfb*/
}

.fk-index-main .f-title {
	padding-bottom: 36px
}

.fk-index-main .f-main-list {
	text-align: center;
	width: 100%
}

.fk-index-main .f-main-item {
	display: inline-block;
	margin: 0px 121px 110px 106px;
	width: 146px;
	*display: inline;
	_zoom: 1;
	position: relative;
	height: 207px
}


.fk-index-main, .f-index-model, .f-index-helper, .f-index-guest, .f_index_honor, .fk-footer {
	position: relative;
	z-index: 10;
	padding-top: 2px;
	margin-top: -2px;
	min-width: 1200px
}
.fk-index-wrap {
	width: 1200px;
	margin: 0 auto
}.fk-index-header {
	 padding-top: 97px;
	 padding-bottom: 100px;
	 text-align: center
 }

.fk-index-header .f-hd-title {
	font-size: 50px;
	color: #333;
	font-weight: normal
}

.fk-index-header .f-hd-subDesc {
	font-size: 16px;
	margin: 0;
	padding-top: 30px;
	color: #999
}

.fk-index-header .f-hd-title, .fk-index-header .f-hd-subDesc {
	line-height: 1
}

.f-index-model .fk-index-header {
	padding-bottom: 0
}
.f-index-guest .fk-index-header {
	padding-bottom: 0
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-fasico .f-bg {
	height: 159px;
	width: 236px;
	left: -45px;
	top: -13px;
	border-radius: 20px 20px 0 0/20px 20px 0 0;
	background-color: #06e5f8;
	background: linear-gradient(90deg, #3eb5f8, #06e5f8)
}

.f-main-itemHover .fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
	background-color: #64aaf2;
	background: linear-gradient(90deg, #64edea, #64aaf2)
}

.f-main-itemHover .fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
	background-color: #f8788b;
	background: linear-gradient(90deg, #f8c84c, #f8788b)
}

.f-main-itemHover .fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
	background-color: #f65589;
	background: linear-gradient(90deg, #f26768, #f65589)
}

.f-main-itemHover .fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
	background-color: #c467ff;
	background: linear-gradient(90deg, #fe80fb, #c467ff)
}

.f-main-itemHover .fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
	background-color: #38cf7a;
	background: linear-gradient(90deg, #32dab7, #38cf7a)
}

.f-main-itemHover .fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
	background-color: #b376ff;
	background: linear-gradient(90deg, #44aaf8, #b376ff)
}

.f-main-itemHover .fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
	background-color: #6cbaf8;
	background: linear-gradient(90deg, #7ee1f9, #6cbaf8)
}

.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-normal .f-bg {
	height: 159px;
	width: 236px;
	left: -45px;
	top: 0;
	bottom: -13px;
	background: #fff;
	border-radius: 0 0 20px 20px/ 0 0 20px 20px
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-wrapBg {
	width: 236px;
	height: 318px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	left: -45px;
	top: -13px;
	border-radius: 20px
}.f-main-itemHover .fk-infoBlockWrap:hover .f-infoIcon {
	 opacity: 0;
	 filter: alpha(opacity=0)
 }

.f-main-itemHover .fk-infoBlockWrap:hover .f-infoWrap {
	opacity: 1;
	filter: alpha(opacity=100)
}

.f-infoBlock-name {
	padding-top: 45px;
	transition: opacity .1s;
	opacity: 1;
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 1;
	position: absolute;
	top: 146px;
	width: 100%;
	left: 0
}

.f-main-itemHover:hover .f-infoBlock-name {
	opacity: 0;
	filter: alpha(opacity=0)
}


.fk-infoBlockWrap .fk-infoBlock {
	width: 146px;
	height: 146px;
	transform-origin: center center;
	position: relative;
	_overflow: visible
}

.fk-infoBlockWrap .f-bg {
	width: 146px;
	height: 146px;
	background: #27c9f8;
	background: linear-gradient(145deg, #06e5f8, #3eb5f8);
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	border-radius: 73px;
	transition: all .3s;
	transform-origin: center center;
	overflow: visible
}

.fk-infoBlockWrap .f-infoBlock-normal .f-bg {
	background: transparent
}

.fk-infoBlockWrap .f-infoIcon {
	width: 90px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -39px;
	transition: opacity .3s
}




.fk-infoBlockWrap {
	position: relative;
	width: 146px;
	height: 146px
}

.fk-infoBlockWrap .f-wrapBg {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 0;
	transition: all .3s;
	overflow: visible
}


.fk-infoBlockWrap .f-infoWrap {
	position: absolute;
	top: 0;
	z-index: 2;
	text-align: center;
	width: 238px;
	left: -45px;
	transition: all .3s;
	opacity: 0;
	filter: alpha(opacity=0)
}

.f-infoBlock-fasico .f-infoWrap {
	top: -13px;
	text-align: center
}

.fk-infoBlockWrap-listedBrand .f-bg {
	background-color: #64aaf2;
	background: linear-gradient(145deg, #64edea, #64aaf2)
}

.fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg, #64edea, #64aaf2)
}

.fk-infoBlockWrap-funcRich .f-bg {
	background-color: #f8788b;
	background: linear-gradient(145deg, #f8c84c, #f8788b)
}

.fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg, #f8c84c, #f8788b)
}

.fk-infoBlockWrap-oneKey .f-bg {
	background-color: #f65589;
	background: linear-gradient(145deg, #f26768, #f65589)
}

.fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg, #f26768, #f65589)
}

.fk-infoBlockWrap-model .f-bg {
	background-color: #c467ff;
	background: linear-gradient(145deg, #fe80fb, #c467ff)
}

.fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg, #fe80fb, #c467ff)
}

.fk-infoBlockWrap-site3to1 .f-bg {
	background-color: #38cf7a;
	background: linear-gradient(145deg, #32dab7, #38cf7a)
}

.fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg, #32dab7, #38cf7a)
}

.fk-infoBlockWrap-easeMaintain .f-bg {
	background-color: #b376ff;
	background: linear-gradient(145deg, #44aaf8, #b376ff)
}

.fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg, #44aaf8, #b376ff)
}

.fk-infoBlockWrap-superSevice .f-bg {
	background-color: #6cbaf8;
	background: linear-gradient(145deg, #7ee1f9, #6cbaf8)
}

.fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
	background: linear-gradient(90deg, #7ee1f9, #6cbaf8)
}

.fk-infoBlock .f-info-title {
	font-size: 16px;
	padding-top: 45px;
	padding-bottom: 25px;
	line-height: 1
}

.fk-infoBlock .f-info-desc {
	font-size: 13px;
	padding: 0 10px;
	line-height: 1.8;
	margin-top: -7px
}

.fk-infoBlock .f-button {
	background: #fff;
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	z-index: 3;
	color: #2f82ff
}
.f-infoBlock-fasico .f-info-title {
	font-size: 16px;
	padding-top: 35px;
	padding-bottom: 18px;
	line-height: 1
}

.f-infoBlock-fasico .f-info-desc {
	font-size: 13px;
	padding: 0 10px;
	line-height: 1.8;
	margin-top: -7px;
	padding-bottom: 16px
}

.f-infoBlock-fasico .f-button.raised {
	background: transparent;
	color: #fff;
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	z-index: 3;
	font-size: 12px
}

.f-infoBlock-fasico-mulLine .f-info-title {
	padding-top: 35px;
	padding-bottom: 10px
}

.f-infoBlock-fasico-mulLine .f-info-desc {
	font-size: 13px;
	padding: 0 10px;
	line-height: 1.8;
	margin-top: -7px;
	padding-bottom: 10px
}

.f-infoBlock-fasico .f-button.raised:hover {
	background-color: #fff;
	color: #666
}

.f-infoBlock-fasico .f-button.raised:hover .anim {
	display: none
}

.f-infoBlock-normal .f-info-title {
	color: #333
}

.f-infoBlock-normal .f-info-desc {
	color: #666
}

.f-infoBlock-fasico .f-info-title, .f-infoBlock-fasico .f-info-desc {
	color: #fff
}

.fk-idxBnr-animate .f-bgImg {
	width: 100%;
	height: 100%
}

.f-helpItem .f-time-md, .f-helpItem .f-info-title {
	font-size: 25px;
	line-height: 1;
	font-weight: normal;
	height: 36px;
	overflow: hidden
}

.f-helpItem .f-info-title {
	font-size: 18px;
	width: 355px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.f-helpItem .f-info-title .f-a {
	color: #333
}

.f-helpItem .f-info-title .f-a:hover {
	color: #2f82ff
}
.set_4_button2 {
	position: relative;
	font-weight: 400;
	text-align: center;
	width: auto;
	line-height: 50px;
	height: 50px;
	font-size: 21px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #fff;
	border-radius: 35px;
	border: solid #fff 1px;
	width: 220px;
	text-align: center
}

.set_4_button2.raised {
	-moz-transition: all .1s;
	-o-transition: all .1s;
	-webkit-transition: all .1s;
	transition: all .1s
}

.hoverable .anim {
	-moz-animation: anim-out .75s;
	-webkit-animation: anim-out .75s;
	animation: anim-out .75s
}

.hoverable .anim:after {
	-moz-animation: anim-out-pseudo .75s;
	-webkit-animation: anim-out-pseudo .75s;
	animation: anim-out-pseudo .75s
}

.hoverable .anim, .hoverable .anim:after {
	animation-iteration-count: infinite;
	animation-duration: 1.3s
}

.fk-index-sliderPanel .fk-banner-xcx .f-button-wrap {
	margin-top: -40px
}

.fk-banner-xcx .f-buttonComponent {
	width: 228px;
	height: 72px;
	position: relative;
	z-index: 3
}

.fk-banner-xcx .f-buttonComponent {
	background: rgba(0, 0, 0, 0.01)
}

.fk-banner-xcx .f-btn {
	width: 228px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 35px;
	border: #fff solid 1px;
	border: rgba(255, 255, 255, 0.6) solid 1px;
	font-size: 20px;
	color: #fff;
	transition: background .3s
}

.fk-banner-xcx .f-buttonComponent .f-codeWrap {
	position: absolute;
	right: -255px;
	top: 0;
	width: 240px;
	height: 240px;
	background-color: rgba(255, 255, 255, .15);
	border: solid #fff 1px;
	border: solid rgba(255, 255, 255, .1) 1px;
	box-sizing: border-box;
	border-radius: 3px;
	transform-origin: top center;
	transform: scale(1, 0);
	transition: all .3s
}

.fk-banner-xcx .f-buttonComponent .f-code {
	width: 220px;
	height: 220px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -110px;
	margin-top: -110px;
	z-index: 1
}

.fk-banner-xcx .f-buttonComponent .f-feelArea {
	width: 290px;
	height: 290px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -145px;
	margin-top: -145px
}

.fk-banner-xcx-fixIE .f-buttonComponent .f-codeWrap {
	overflow: hidden;
	height: 0;
	border: 0
}

.fk-banner-xcx .f-buttonComponent-hover .f-codeWrap {
	transform: scale(1, 1)
}

.fk-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap {
	height: 240px;
	overflow: visible;
	border: #fff 1px solid;
	border: 1px solid rgba(255, 255, 255, .1)
}

.fk-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap-bg {
	display: block;
	position: absolute;
	background: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.fk-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap-bg {
	filter: alpha(opacity=15);
	opacity: .15
}

.f-banner-responsive .f-button-wrap {
	padding-top: 272px !important
}

.fk-index-focus .f-focusItem-active {
	width: 20px;
	background: #fff
}

.fk-banner-index .f-button-wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 400px;
	display: block
}

.fk-banner-index .f-button-wrap:active {
	background: transparent
}

.fk-banner-index .f-button {
	width: 220px;
	height: 70px;
	border: solid #fff 1px;
	border-radius: 35px;
	line-height: 70px;
	text-align: center;
	font-size: 35px;
	z-index: 3;
	color: #fff;
	vertical-align: middle;
	font-weight: normal;
	display: block
}

.f-index-btn {
	background-color: #1168e3
}

.f-safe-btn {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(27, 91, 255, 255)
}

.f-build-btn {
	background-color: #9a4bff
}

.fk-banner-index .f-button-safe {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 430px;
	display: block
}

.anim {
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1
}

.anim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%
}

.anim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%
}

@-webkit-keyframes anim-in {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-moz-keyframes anim-in {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-ms-keyframes anim-in {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@keyframes anim-in {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-webkit-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

@-moz-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

@-ms-keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

@keyframes anim-in-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

@-webkit-keyframes anim-out {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-moz-keyframes anim-out {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-ms-keyframes anim-out {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@keyframes anim-out {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}

@-webkit-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

@-moz-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

@-ms-keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

@keyframes anim-out-pseudo {
	0% {
		background: rgba(0, 0, 0, 0.25)
	}
	100% {
		background: transparent
	}
}

.l1{
	background: url("../staticzx/picture/l1.png") no-repeat;
	background-size:92%;
}
.l2{
	background: url("../staticzx/picture/l2.png") no-repeat;
	background-size:92%;
}
.l3{
	background: url("../staticzx/picture/l3.png") no-repeat;
	background-size:92%;
}
.l4{
	background: url("../staticzx/picture/l4.png") no-repeat;
	background-size:92%;
}
.l5{
	background: url("../staticzx/picture/l5.png") no-repeat;
	background-size:92%;
}
.l6{
	background: url("../staticzx/picture/l6.png") no-repeat;
	background-size:92%;
}