@charset "utf-8";

ul,ol,li {
	list-style-type:none;
}
a {
	color:#666;
	text-decoration:none;
	outline:0;
}
a:hover {
	text-decoration:none;
}


input{outline:none;}
textarea{outline:none;font-family: "Arial";}


#kf01_pcnav{position: absolute;top: 0;right: 10px;margin-top: 50px;width: 60px;overflow: hidden;z-index:999;min-height: 240px;}

@keyframes topup{
	0%{top:0px}
	50%{top: 150px;}
	100%{top: 0px;}
}
@keyframes bottomdown{
	0%{top:0px}
	50%{top: -50px;}
	100%{top: 0px;}
}


.kf01{width: 167px;height: auto;position: absolute;float: left;height: auto;margin-top: 40px;border-radius: 8px;font-size: 12px;transition: all 0.6s;overflow: hidden;z-index: 2;}
.kf01_con{float: right;position:relative;width: 0px;overflow: hidden;background-image: url(../images/kf01_top.jpg);background-repeat: no-repeat;background-size: 100% auto;background-color: #1f4886;}
.kf01_list{float: right;width: 147px;overflow: hidden;background-color: #fff;margin:77px 6% 10px;border-radius: 6px;}
.kf01_close{position: absolute;bottom: 5px;right: 5px;}
.kf01_close a{color: #666;background: #fff;border-radius:50% ;width: 15px;height: 15px;line-height: 15px;text-align: center;float: left;display: block;cursor: pointer;}


.kf01_contact{width: 90%;float: left;margin: 5px 5%;border-bottom: 1px dashed #999;box-sizing: border-box;padding-bottom: 3px;}
.kf01_contact a{color: #999;}
.kf01_contact li {width: 100%;float: left;line-height: 38px;height: 38px;}
.kf01_contact li i{width: 26px;float: left;margin-top: 6px;height: 32px;}
.kf01_contact li i img{width: 100%;height: auto;}
.kf01_contact li span{width: 100px;border-bottom: 1px dashed #999;box-sizing: border-box;float: right;line-height: 38px;height: 38px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.kf01_contact li:last-child span{border: 0;}
.kf01_contact li:hover i{animation: jump 2s;}


/* social */
.kf01_social{width: 100%;float: left;margin: 8px 0px;}
.kf01_social li{width: 20%;float: left;height: auto;height: 30px;}
.kf01_social li a{width: 100%;height: 100%;display: block;}
.kf01_social li a:hover{animation:  jump 1.5s;}


.kf01_wechat{width: 100%;float: left;text-align: center;}
.kf01_wechat img{width: 88%;}
.kf01_wechat p{width: 100%;float: left;font-size: 16px;margin-top: 5px;margin-bottom: 10px;}


.kf01_btn_r{width: 52px;position: absolute;right: 0px;top: 40px;height: 200px;transition: all 0.6s;}
.kf01_btn{width: 25px;cursor: pointer;height: 25px;background: #1F4886;border-radius: 5px;transform: rotate(50deg);-webkit-transform: rotate(50deg);position: absolute;top: 85px;}
.kf01_btn i{width: 13px;height: 13px;margin: 8px 0px 0px 4px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;float: left;}
.kf01_btn_r div:last-child{width: 80%;cursor: pointer;height: 100%;position: absolute;top: 0;right: 0;background-image: url(../images/kf01_right_btn.jpg);background-color: #1F4886;background-repeat: no-repeat;background-position: center;border-radius: 5px;}


@keyframes jump{
0%{-webkit-transform:translate(0);transform:translate(0)}
10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}


@media screen and (max-width:980px) {
	#kf01_pcnav{display: none;}
	
}