.khfw { background:url(/tsbank/resource/cms/2017/05/img_pc_site/2017051822135935878.jpg) no-repeat center top; padding-top:50px; }
.khfw_main { background:#fff; overflow:hidden;}
.k_1 { padding:30px; border-bottom:5px solid #f2f2f2;}
.k_2_l { width:578px; }
.k_2_r { width:578px; }

/*客服图片*/
.k_1_1 {  background:url(/tsbank/resource/cms/2017/05/img_pc_site/2017052319090560659.png) no-repeat  48% 38px; border-bottom:1px solid #dcdcdc; }
.k_1_1_l { margin-left:244px; margin-top:10px; position:relative; }
.k_1_1_l .kf_img { position:relative; z-index:2;}
.k_1_1_l .kf_img_s { position:absolute; top:23px; left:150px;}

@-webkit-keyframes an_kf_img {
	0% {
		transform:rotate(0);
		transform-origin:left bottom;
		-webkit-transform:rotate(0);
		-webkit-transform-origin:left bottom;
	}
	25% {
		transform:rotate(10deg);
		transform-origin:left bottom;
		-webkit-transform:rotate(10deg);
		-webkit-transform-origin:left bottom;
	}
	50% {
		transform:rotate(0);
		transform-origin:left bottom;
		-webkit-transform:rotate(0);
		-webkit-transform-origin:left bottom;
	}
	75% {
		transform:rotate(10deg);
		transform-origin:left bottom;
		-webkit-transform:rotate(10deg);
		-webkit-transform-origin:left bottom;
	}
	100% {
		transform:rotate(0);
		transform-origin:left bottom;
		-webkit-transform:rotate(0);
		-webkit-transform-origin:left bottom;
	}
}

@keyframes an_kf_img {
	0% {
		transform:rotate(0);
		transform-origin:left bottom;
		-webkit-transform:rotate(0);
		-webkit-transform-origin:left bottom;
	}
	25% {
		transform:rotate(10deg);
		transform-origin:left bottom;
		-webkit-transform:rotate(10deg);
		-webkit-transform-origin:left bottom;
	}
	50% {
		transform:rotate(0);
		transform-origin:left bottom;
		-webkit-transform:rotate(0);
		-webkit-transform-origin:left bottom;
	}
	75% {
		transform:rotate(10deg);
		transform-origin:left bottom;
		-webkit-transform:rotate(10deg);
		-webkit-transform-origin:left bottom;
	}
	100% {
		transform:rotate(0);
		transform-origin:left bottom;
		-webkit-transform:rotate(0);
		-webkit-transform-origin:left bottom;
	}
}

.an_kf_img {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: an_kf_img;
	animation-name: an_kf_img;
	-webkit-animation-duration: 3s;
    animation-duration: 3s; 
	-webkit-animation-fill-mode: both;
    animation-fill-mode:both;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite
}


/*智能客服咨询*/
.k_1_1_r { width:460px; margin-top:45px; }
.k_1_1_r p.p1 { font-size:32px; color:#333; }
.k_1_1_r p.p2 { font-size:18px; color:#513580; padding-top:12px; }
.k_1_1_r .btn_zx { display:block; background:#ed7a2c; width:130px; height:34px; line-height:34px; text-align:center; border-radius:4px; color:#fff; font-size:14px; margin-top:30px; border:0; }

.k_1_2 { padding:60px 0;}
.k_1_2 li { float:left; padding-left:115px; padding-right:14px; position:relative; }
.k_1_2 li img { position:absolute; top:0; left:0; width:95px; height:95px;}
.k_1_2 li .p1 { font-size:18px; color:#513580}
.k_1_2 li .p2 { padding-top:10px; font-size:14px; color:#333; line-height:26px; }
.k_1_2 li a { display:inline-block; width:128px; height:32px; border:1px solid #ed7a2c; border-radius:4px; text-align:center; line-height:32px; font-size:14px; color:#ed7a2c; margin-top:30px; }

/*社交媒体服务*/
.k_2_top { padding-top:32px; border-bottom:1px solid #dedede; height:69px; }
.k_2_top .name { display:inline-block; margin-right:40px; height:68px; line-height:68px; position:relative; top:-1px; font-size:32px;  border-bottom:2px solid #513580; color:#513580; white-space:nowrap }

.k_2_img { padding-top:28px; width:110%;  padding-left:10px; }
.k_2_img li { width:100px; margin-right:100px; text-align:center; float:left; }
.k_2_img li.wx { position:relative;}
.k_2_img li.wx .fewm { display:none; position:absolute; right:-106px; top:0; width:100px; height:100px; z-index:2;}
.k_2_img li img { display:block; width:100px; height:100px; margin:0 auto; }
.k_2_img li p { font-size:16px; color:#333; padding-top:10px;}

.k_2_top .ques_tab a { display:inline-block; float:left; padding:0 10px; line-height:69px; color:#333; font-size:16px; cursor:pointer; }
.k_2_top .ques_tab a.tab_y { color:#ed7a2c; }

#cjwt_swiper { height:162px; width:100%; }
.wt_more { display:none;}
.list { overflow:hidden; padding-top:18px; }
.list li { height:36px; overflow:hidden; background-image:url(/tsbank/resource/cms/2017/05/img_pc_site/2017051822251424815.png); background-repeat:no-repeat; background-position:0 10px; }
.list li a { padding-left:15px; font-size:16px; color:#333; line-height:36px; }
.list li span { font-size:16px; color:#333; line-height:36px; float:right; *margin-top:-65px; }
.list li:hover { background-position:0 -77px; }
.list li:hover a,.list li:hover span { color:#ed7a2c; }

@media screen and (min-width:768px) and (max-width:1024px){
	.khfw_main { width:auto; margin:0 10px; }
	.k_1 { padding:20px;}
	.k_1_1_l { margin-left:20%; }
	.k_1_1_l .kf_img { width:100px; }
	.k_1_1_l .kf_img_s { width:18px; left:98px;}
	.k_1_1_r { width:auto; margin-left:50px; float:left; margin-top:25px; }
	.k_1_1_r p.p1 { font-size:28px;}
	.k_1_1_r .btn_zx { margin-top:18px;}
	.k_1_2 { padding:50px 0;}
	.k_1_2 li { width:50%; box-sizing:border-box; height:188px; }
	.k_1_2 li a { margin-top:15px; }
	.k_2_l,.k_2_r { width:100%; }
	.k_2_top { height:60px; padding-top:25px; overflow:hidden; }
	.k_2_top .name { font-size:28px; height:60px; line-height:60px;}
        #cjwt_swiper { height:200px;}
        .wt_more { display:block; text-align:right; }
        .wt_more a { font-size:16px; color:#333; line-height:36px;}
}

@media screen and (min-width:640px) and (max-width:767px){
	.ej_main { overflow:hidden; }
	.khfw_main { width:auto; margin:0 10px; }
	.k_1 { padding:20px;}
	.k_1_1_l { margin-left:20%; }
	.k_1_1_l .kf_img { width:100px; }
	.k_1_1_l .kf_img_s { width:18px; left:98px;}
	.k_1_1_r { width:auto; margin-left:50px; float:left; margin-top:25px; }
	.k_1_1_r p.p1 { font-size:24px;}
	.k_1_1_r p.p2 { font-size:16px;}
	.k_1_1_r .btn_zx { margin-top:10px; width:120px; height:30px; line-height:30px; }
	.k_1_2 li a { width:120px; height:30px; line-height:30px;}
	.k_1_2 li .p2 { line-height:22px; padding-top:5px; }
	.k_1_2 { padding:50px 0 20px;}
	.k_1_2 li { width:50%; box-sizing:border-box; height:188px; padding-left:104px; }
	.k_1_2 li img { height:84px; width:84px; }
	.k_1_2 li a { margin-top:15px; }
	.k_2_l,.k_2_r { width:100%; }
	.k_2_top { height:51px; padding-top:25px; overflow:hidden; }
	.k_2_top .name { font-size:24px; height:50px; line-height:50px;}
	.k_2_img li img { width:80px; height:80px; }
        #cjwt_swiper { height:200px;}
        .wt_more { display:block; text-align:right; }
        .wt_more a { font-size:16px; color:#333; line-height:36px;}
}

@media screen and (min-width:480px) and (max-width:639px){
	.ej_main { overflow:hidden; }
	.khfw_main { width:auto; margin:0 10px; }
	.k_1 { padding:20px;}
	.k_1_1_l { margin-left:12%; }
	.k_1_1_l .kf_img { width:70px; }
	.k_1_1_l .kf_img_s { width:12px; left:68px;}
	.k_1_1_r { width:auto; margin-left:50px; float:left; margin-top:12px; }
	.k_1_1_r p.p1 { font-size:20px;}
	.k_1_1_r p.p2 { font-size:14px; padding-top:8px; }
	.k_1_1_r .btn_zx { margin-top:8px; width:90px; height:25px; line-height:25px; }
	.k_1_2 li { width:100%; }
	.k_1_2 li a { width:120px; height:30px; line-height:30px;}
	.k_1_2 li .p2 { line-height:22px; padding-top:5px; }
	.k_1_2 { padding:50px 0 20px;}
	.k_1_2 li { width:100%; box-sizing:border-box; height:188px; padding-left:104px; height:auto; padding-bottom:40px; }
	.k_1_2 li img { height:70px; width:70px; left:20px; }
	.k_1_2 li a { margin-top:8px;  width:90px; height:25px; line-height:25px; }
	.k_2_l,.k_2_r { width:100%; }
	.k_2_top { height:41px; padding-top:25px; overflow:hidden; }
	.k_2_top .name { font-size:20px; height:40px; line-height:40px;}
	.k_2_img { padding:20px 0 0; width:100%; }
	.k_2_img li { width:33.3%; margin:0; }
	.k_2_img li img { width:80px; height:80px; }
	.k_2_top .ques_tab a { line-height:40px; padding:0 4px;}
        #cjwt_swiper { height:200px;}
        .wt_more { display:block; text-align:right; }
        .wt_more a { font-size:16px; color:#333; line-height:36px;}
	
}

@media screen and (min-width:320px) and (max-width:479px){
	.ej_main { overflow:hidden; }
	.khfw_main { width:auto; margin:0 10px; }
	.k_1 { padding:20px;}
	.k_1_1_l { margin-left:0%; }
	.k_1_1_l .kf_img { width:70px; }
	.k_1_1_l .kf_img_s { width:12px; left:68px;}
	.k_1_1_r { width:142px; margin-left:25px; float:left; margin-top:12px; }
	.k_1_1_r p.p1 { font-size:16px;}
	.k_1_1_r p.p2 { font-size:12px; padding-top:8px; }
	.k_1_1_r .btn_zx { margin-top:8px; width:80px; height:22px; line-height:22px; font-size:12px; }
	.k_1_2 li { width:100%; }
	.k_1_2 li .p1 { font-size:16px;}
	.k_1_2 li a { width:120px; height:30px; line-height:30px;}
	.k_1_2 li .p2 { line-height:22px; padding-top:5px; }
	.k_1_2 { padding:20px 0 10px;}
	.k_1_2 li { width:100%; box-sizing:border-box; height:188px; padding-left:58px; padding-right:0; height:auto; padding-bottom:40px; }
	.k_1_2 li img { height:48px; width:48px; left:0; }
	.k_1_2 li a { margin-top:8px;  width:80px; height:22px; line-height:22px; }
	.k_2_l,.k_2_r { width:100%; }
	.k_2_top { height:41px; padding-top:25px; overflow:inherit; }
	.k_2_top .name { font-size:20px; height:40px; line-height:40px; }
	.ques_tab  { width:100%; margin-top:10px; }
	.k_2_top .ques_tab a { font-size:14px;}
	.list { padding-top:4px; }
	.list li a { font-size:14px; }
	.k_2_img { padding:20px 0 0; width:100%; }
	.k_2_img li { width:33.3%; margin:0; }
	.k_2_img li img { width:58px; height:58px; }
	.k_2_top .ques_tab a { line-height:40px; padding:0 4px;}
        #cjwt_swiper { height:200px;}
        .wt_more { display:block; text-align:right; }
        .wt_more a { font-size:14px; color:#333; line-height:36px;}
}