@charset "utf-8";

.banner {width: 100%;height: 284px;background: #7cbb23 url(../images/banner_kefu.png) no-repeat top center;position: relative;margin-bottom: 61px;margin-top: -1px;}
.banner .b_pic {width: 446px;height: 330px;background: url(../images/banner_kefu_pic.png) no-repeat;position: absolute;top: 0;left: 50%;margin-left: -500px;}
.banner .kftitle {width: 400px;height: 330px;position: absolute;top: 0;right: 50%;margin-right: -560px;color:#fff;}
.banner .kftitle .ftitle {font-family: titles;font-size: 20px;margin-top: 65px;text-align: center;}
.banner .kftitle .ftitle:before {display: inline-block;position: relative;top: -3px;right: 10px;content: "";width: 55px;height: 0px;border: 1px solid #fff;}
.banner .kftitle .ftitle:after {display: inline-block;position: relative;top: -3px;left: 10px;content: "";width: 55px;color: #fff;height: 0px;border: 1px solid #fff;}
.banner .kftitle .dtitle {font-family: titles;font-size: 45px;text-align: center;margin-top: 12px;}
.banner .kftitle .kinfo {font-family: titles;text-align: center;font-size: 20px;margin-top: 6px;}

.wrapper{width:1200px;margin: 15px auto 0;}
.service_box_group {float: left;width: 1200px;overflow: hidden}
.service_box_group .service_box {background: #ffffff;margin-bottom: 18px;width: 1190px;float: left;border: 1px solid #E1E1E3}
.service_box_group .service_hd {background: #217FD7;height: 92px;position: relative;padding-left: 35px}
.service_box_group .service_hd .ico_faq {width: 38px;height: 38px;display: inline-block;background: url("../images/faq_icon.png") no-repeat 0 0;overflow: hidden;margin-right: 10px;margin-top: 28px;vertical-align: middle}
.service_box_group .service_hd h3 {font-size: 24px;line-height: 38px;height: 38px;color: #ffffff;display: inline-block;margin-top: 28px;vertical-align: middle}
.service_box_group .service_hd .font_img {width: 215px;height: 72px;position: absolute;background: url("../images/faq_icon.png") no-repeat 0 -48px;right: 20px;top: 10px}
.faq_box {height: 100%;overflow: hidden;padding-top: 15px}
.faq_box a {display: block}
.faq_box li {width: 421px;border: 1px solid #C5C5C5;margin: 0 0 15px 15px;padding: 10px 0 10px 15px;height: 135px;float: left;overflow: hidden}
.faq_box li h3 {float: left;font-size: 16px;color: #3c3c3c;margin-top: 25px}
.faq_box li p {float: left;color: #636363;margin-top:5px;line-height: 18px;}
.faq_box li:hover {border-color: #66afe9;outline: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.faq_box li .ico {width: 68px;height: 68px;display: block;float: left;background: url("../images/faq_icon.png") no-repeat;margin:33px 20px 25px 0;}
.faq_box li.faq_1 .ico {background-position: 0 -133px}
.faq_box li.faq_2 .ico {background-position: -72px -133px}
.faq_box li.faq_3 .ico {background-position: -142px -133px}
.faq_box li.faq_4 .ico {background-position: -215px -134px}
.faq_box li.faq_5 .ico {background-position: -213px -66px}
.faq_box li.faq_6 .ico {background-position: -213px 2px}
.sec_side,.service_side,.jianhu_side {float: right;width: 270px}
.service_side .s_img {margin-bottom: 18px;display: block}
.service_side .s_img img {vertical-align: bottom;width: 270px}

.tan{width:439px;padding-bottom:9px;background:url("../images/tb.png") no-repeat 0 bottom; _background:url("../images/tb.gif.html") no-repeat 0 bottom; z-index:999; overflow:hidden;}
.tan h3{height:33px;background:url("../images/tt.png") no-repeat;_background:url("../images/tt.gif.html") no-repeat; padding:0px}
.tan h3 span{width:80px;height:33px;line-height:33px;padding-left:15px;font-size:14px;color:#fff;float:left;}
.tan h3 a{width:20px;height:20px;margin:8px 7px 0 0;background:url("../images/aClose.gif") no-repeat; text-indent:-999em;overflow:hidden;float:right;_display:inline;}
.tanM{width:423px;min-height:125px;_height:125px;padding:0 8px;background:url("../images/tm.gif") repeat-y;}

.qqV{width:400px;margin:0 auto;padding:30px 0 0;}

.qqV p{width:330px;height:26px;margin:0 auto; font-size:14px;color:#5F5F5F; text-align:center; line-height:26px;}
.qqV p.vp{padding:10px 0;}
.qqV p.v2{margin-bottom:22px;}
.qqV span.err{width:230px;height:20px;line-height:20px;margin:0 auto 15px;padding-left:98px;display:block;color:#F00;}

.qqV p label{width:98px;height:26px;line-height:26px;font-size:12px;float:left;}
.qqV p input{width:130px;height:24px;line-height:24px;padding:0 5px;border:1px solid #d1d1d1;background-color:#fff;float:left;}
.qqV p input.iOn{color:#03ADE8;border:1px solid #03ADE8;}
.qqV p .buttom{width:75px;height:26px;line-height:24px; margin-left:10px;text-align:center; border:none; color:#fff;background:url("../images/tBtn.jpg") no-repeat 0 -140px;float:left;}
.qqV p .buttom.bOn{color:#fff;background:url("../images/tBtn.jpg") no-repeat 0 -169px;}
.qqV p em{font-size:12px;color:#FF6600; font-style: normal;}
.qqV p a{font-size:12px;color:#00B2ED; text-decoration:underline;}
.qqV p a:hover{color:#f60;}

.qqTip{padding:10px 15px;border-top:1px solid #e5e5e5;background-color:#f3f2f2;}
.qqTip p{color:#7f7e7e;line-height:20px; text-align:center;}

.tBtn{height:34px;padding:10px 0 15px;}
.tBtn a{height:34px;line-height:34px; font-size:14px; text-align:center;float:left;_display:inline;}
.tBtn a.bn1{width:96px;margin:0 20px 0 80px;color:#31698a;background:url("../images/tBtn.jpg") no-repeat 0 -70px;}
.tBtn a.bn1:hover{background:url("../images/tBtn.jpg") no-repeat 0 -105px;}
.tBtn a.bn2{width:115px;font-weight:bold;font-size:14px;color:#fff;background:url("../images/tBtn.jpg") no-repeat;}
.tBtn a.bn2:hover{color:#fff;background:url("../images/tBtn.jpg") no-repeat 0 -35px;}
.tBtn a.b3{margin-left:155px;}




/* 4.25 */
.service_aisle_box {
    width: 1190px;
    height: 717px;
    overflow: hidden;
    margin: 20px 0;
}
.service_aisle_box .sa_list {
    width: 570px;
    height: 238px;
    float: left;
    list-style: none;
    margin-left: 15px;
}
.service_aisle_box .sa_layer {
    height: 210px;
    border: 1px #e2e2e2 solid;
    padding-top: 27px;
}
.service_aisle_box .icon {
    width: 102px;
    height: 102px;
    display: block;
    margin: 0 auto 10px auto;
    background-image: url(../images/service.png);
}
.service_aisle_box .title {
    font-size: 18px;
    color: #4b4a49;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
}
.service_aisle_box .menu_box {
    text-align: center;
    font-size: 0px;
    padding: 0 20px;
}
.service_aisle_box .m_lsit {
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
    color: #888;
    height: 24px;
    line-height: 24px;
    position: relative;
    white-space: nowrap;
}
.service_aisle_box .name {
    color: #565656;
}
.service_aisle_box .line {
    width: 1px;
    height: 12px;
    position: absolute;
    right: 0px;
    top: 6px;
    background: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: 0.15;
}
.service_aisle_box .m_lsit > div{
    display:none;
    position: fixed;
    margin: auto;
    top: 30%;
    left: 0;
    right: 0;
    width: 300px;
    background: #fff;
    border-radius: 5px;
    z-index: 100;
    box-shadow: 0 1px 6px #ccc;
}
.service_aisle_box .m_lsit > div .t-title{
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    background:#f8f8f8;
    border: 1px solid #ddd;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    line-height:40px;
    color: #777;
    text-indent: 10px;
}
.service_aisle_box .m_lsit > div .t-title span{
    float: right;
    margin-right: 10px;
    font-size: 18px;
    cursor:pointer;
}
.service_aisle_box .m_lsit > div .t-wrap{
    width: 300px;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
    white-space:normal;
    text-align: left;
}
.sa_layer em.qqq_60{
    width: 102px;
    height: 102px;
    display: block;
    margin: 0 auto 10px auto;
    background: #ffffff url(../images/qq_icon.png)  no-repeat center center;
    background-size:cover;
}

.attest_60 {background-position: 0 -510px}
.feedback_60 {background-position: 0 -102px}
.qq_60 {background-position: 0 -408px}
.repair_60 {background-position: 0 -204px}
.user_60 {background-position: 0 0px}
.zoom_60 {background-position: 0 -306px}


.aniBlow {
    animation: aniBlow 0.3s ease-out both;
}
.aniHide{
    animation: aniHide 0.3s ease-out both;
}
@keyframes aniBlow {
	0% {
		transform: scale(.1, .1);
	}
	75% {
		transform: scale(1.1, 1.1);
    }
    100% {
		transform: scale(1, 1);
	}
}
@keyframes aniHide {
	0% {
		transform: scale(1, 1);
    }
    25% {
        transform: scale(1.1, 1.1);
    }
	100% {
		transform: scale(.1, .1);
	}
}