/******WEB端样式******/

@media (min-width: 1025px) {
 * {
margin:0;
padding:0;
}
 .index_mobile, .suspension-mobile {
display: none;
}
u {
 text-decoration:none;
}
 table {
border-collapse:collapse;
border-spacing:0;
}
 fieldset, img {
border:0;
}
 em, strong, th, i {
}
 ol, ul {
list-style-type:none;
list-style-position:outside;
}
 caption, th {
text-align:left;
}
 h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
 div {
margin-left:auto;
margin-right:auto;
}
 a {
text-decoration:none;
color:#333;
}

 .clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 font-size: 0;
}
 .clearfix {
display:inline-block;
}
 body {
font-family:'MicroSoft YaHei', '微软雅黑', '宋体';
font-size:14px;
}
 *html .clearfix {
height:1%;
}
 .clearfix {
display: block;
}
 .clearfix {
zoom: 1;
}
 .f_r {
float:right;
_display:inline;
}
 .f_l {
float:left;
_display:inline;
}
 .center {
text-align: center !important;
}
 .disnone {
display: none;
}
 .text-left {
text-align: left;
}
 .text-right {
text-align: right;
}
.mask-wraper{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    display: none;
    z-index: 999999999999999999999999;
}
.mask{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 480px;
    height:auto;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-left: -240px;
    margin-top: -157px;
    box-sizing: border-box;
    padding: 32px 50px 50px;
}
.mask .mask-title{
    height: 26px;
    line-height: 26px;
    color: #333333;
    font-size: 22px;
    text-align: center;
    margin-bottom: 22px;
    font-weight: 700;
}
.mask .input-wraper{
    height: 52px;
    line-height: 52px;
    background: #F3F3F3;
    text-align: left;
    padding-left: 22px;
    margin-bottom: 16px;
}

.mask .input-wraper input{
    display: inline-block;
    vertical-align: top;
    height: 52px;
    line-height: 52px;
    color: #999999;
    font-size:14px;
    text-align: left;
    width: 200px;
    border: 0;
    outline: none;
    background: transparent;
}
.mask-close{
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(/templets/kefuwb/images/icon_tc_xxc.png) no-repeat center center;
    background-size: 100% 100%;
    top: 18px;
    right: 15px;
}
.bottom-btn{
    margin-top: 20px;
    height: 50px;
}
.bottom-btn div,.mask-close {
    cursor: pointer;
}
.bottom-btn .ljhm-btn{
    float: left;
    width: 182px;
    height: 50px;
    line-height: 50px;
    background: #FFA31F;
    text-align: center;
    color: #fff;
    font-size: 18px;
	border: 1px solid #D8D8D8;
    border-radius: 3px;
}
.bottom-btn .cancle{
    float: right;
    width: 182px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border: 1px solid #D8D8D8;
    text-align: center;
    color: #fff;
    font-size: 18px;
    color: #333333;
    border-radius: 3px;
}
.search .s_btn {
background: #00a0e9;
 border: none;
 height: 27px;
 padding: 0 16px;
 color: #fff;
 border-radius: 0 5px 5px 0;
 text-align: center;
    /* text-indent: -2rem; */
    line-height: 27px;
}
.search .s_txt {
height: 26px;
 border: 1px solid #ccc;
 line-height: 35px;
 margin-top: 4.5px;
 border-radius: 5px;
}
.home-page .clcyimage {
 width: 100%;
 height: 460px;
 overflow: hidden;
 position: relative;
}
.home-page .center {
 width: 1210px;
 margin: 0 auto;
 position: relative;
 height: 425px;
}
.home-page .center .location {
 position: absolute;
 left: -355px;
 height: 425px;
}
.home-page .ban {
 position: relative;
 height: 425px;
 overflow: hidden;
 width: 1920px;
}
.home-page .ban ul.ban-img {
 height: 425px;
 overflow: hidden;
 position: relative;
}
.home-page .clcyimage ul.btn-round {
 overflow: hidden;
 width: 132px;
 height: 12px;
 position: absolute;
 bottom:0;
 left: 50%;
 margin-left: -72px;
}
.home-page .clcyimage ul.btn-round li {
 float: left;
 width: 12px;
 height: 100%;
 margin-right: 12px;
 border-radius: 50%;
 background-color: #c1c1c1;
 cursor: pointer;
}
.home-page .clcyimage ul.btn-round li.last {
 margin-right: 0;
}
.home-page .clcyimage ul.btn-round li.active {
 background-color: #00a0e9;
}
.home-page .ban ul.ban-img li {
 width: 1920px;
 float: left;
}
.home-page .ban .ban-btn {
 width: 1210px;
 height: 120px;
 position: relative;
 display: none;
}
.home-page .ban div {
 width: 50px;
 height: 100%;
 cursor: pointer;
 height:120px;
 position: absolute;
 top:150px;
 opacity: 0.5;
 filter: alpha(opacity=50);
}
.home-page .ban div.l {
 left: 50%;
 margin-left: -600px;
 display: none;
}
.home-page .ban div.r {
 right: 50%;
 margin-right: -600px;
 display: none;
}
.home-page .section-1 .section-wrapper div.list {
 padding: 60px 0;
}
.home-page .section-1 .section-wrapper div.list ul li {
 float: left;
 width: 25%;
}
.home-page .section-1 .section-wrapper div.list ul li img.pad {
 padding: 14px 0 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li img.pad2 {
 padding: 18px 0 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li img.pad3 {
 padding: 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li h3 {
 font-size: 24px;
 font-weight: bold;
 color: #555;
 padding: 20px 0 10px 0;
}
.home-page .section-1 .section-wrapper div.list ul li p {
 width: 220px;
 margin: 0 auto;
 color: #888;
 line-height: 1.8;
}
.home-page .section-2 {
 background: #f5f5f5;
}
.home-page .section-2 .section-wrapper {
 height: 860px;
 position: relative;
 overflow: hidden;
}
.home-page .section-2 .section-wrapper div.ecjia-btn {
 padding: 30px 0 20px 0;
}
.home-page .section-2 .section-wrapper div.ecjia-btn a {
 display: inline-block;
 width: 180px;
 height: 60px;
 background: #00a0e9;
 border-radius: 12px;
 color: white;
 line-height: 60px;
 font-size: 18px;
}
.home-page .section-2 .section-wrapper div.ecjia-btn a img {
 vertical-align: middle;
 padding-right: 8px;
}
.home-page .section-2 .section-wrapper div.ecjia-btn a.red {
 background: #ff3c3c;
 margin-left: 20px;
}
.home-page .section-2 .section-wrapper div.img {

 height: 470px;
 width: 805px;
 padding-top: 110px;
}
.home-page .section-2 .section-wrapper div.pos1 {
 position: absolute;
 bottom:365px;
 left: 315px;
 height: 25px;
 width: 100px;
 color:#666;
}
.home-page .section-2 .section-wrapper div.pos2 {
 position: absolute;
 top:310px;
 left: 550px;
 height: 25px;
 width: 100px;
 color:#666;
}
.home-page .section-2 .section-wrapper div.pos3 {
 position: absolute;
 top:250px;
 left: 790px;
 height: 25px;
 width: 100px;
 color:#666;
}
.home-page .section-2 .section-wrapper div.pos4 {
 position: absolute;
 top:170px;
 left: 90px;

 height: 52px;
 width: 76px;
}
.home-page .section-2 .section-wrapper div.pos5 {
 position: absolute;
 top:460px;
 left: 0px;
 
 height: 45px;
 width: 150px;
}
.home-page .section-2 .section-wrapper div.pos6 {
 position: absolute;
 top:420px;
 right: 0px;

 height: 45px;
 width: 150px;
}
.home-page .section-2 .section-wrapper div.pos7 {
 position: absolute;
 top:20px;
 right: 0px;
 
 height: 270px;
 width: 165px;
}
.home-page .section-2 .section-wrapper div.pos8 {
 position: absolute;
 bottom:300px;
 right: 50px;
 height: 80px;
 width: 100px;
}
.home-page .section-2 .section-wrapper div.pos8 a {
 font-size:12px;
 color:#fee6ce;
 font-weight:600;
}
.home-page .section-3 .section-wrapper div.list {
 padding:50px 0 90px 0;
}
.home-page .section-3 .section-wrapper div.list ul li div.img {
 position: relative;
 width: 100%;
 height: 50%;
}
.home-page .section-3 .section-wrapper div.list ul li div.img div.text {
 position: absolute;
 bottom: 0;
 left: 0;
 height: 0;
 width: 100%;
 background: rgba(0, 0, 0, .8);
 color: #fff;
}
.home-page .section-3 .section-wrapper div.list ul li {
 float: left;
 width: 260px;
 margin: 0 19px;
 overflow: hidden;
 border-radius: 10px;
 box-shadow:0 1px 15px 2px rgba(0, 0, 0, 0.05);
}
.home-page .section-3 .section-wrapper div.list ul li:last-child {
 margin-right:19px;
}
.home-page .section-3 .section-wrapper div.list ul li img {
 vertical-align: middle;
 cursor: pointer;
 width: 71%;
}
.home-page .section-3 .section-wrapper div.list ul li div.text1 img {
 padding-top: 150px !important;
}
.home-page .section-3 .section-wrapper div.list ul li div.text1>span {
 padding-top: 180px !important;
}
.home-page .section-3 .section-wrapper div.list ul li div.text img.icon {
 float: left;
 padding: 36px 0 0 24px;
}
.home-page .section-3 .section-wrapper div.list ul li div.text img.ewm {
 width: 30%;
 float: right;
 padding: 36px 24px 0 0;
}
.home-page .section-3 .section-wrapper div.list ul li div.text>span {
 display: inline-block;
 padding-top: 66px;
 font-size: 18px;
 line-height: 1.5;
}
.home-page .section-3 .section-wrapper div.list ul li div.text span {
 font-size: 18px;
}
.home-page .section-3 .section-wrapper div.list ul li div.text>p {
 position: absolute;
 left: 0;
 bottom: 0;
 background: #000;
 height: 0;
 width: 100%;
 line-height: 50px;
 text-align: left;
 padding-left: 20px;
}
.home-page .section-4 {

 height:920px;
}
.home-page .section-4 .section-wrapper div.title {
 padding-bottom: 50px;
}
.home-page .section-4 .section-wrapper div.title h2, .home-page .section-4 .section-wrapper div.title p {
 color: #fff;
}
.home-page .section-4 .section-wrapper div.img-bg {
 background: url(/templets/kefuwb/images/pic4_macbg.png) no-repeat center;
 height:561px;
 width: 975px;
}
.home-page .section-4 .section-wrapper div.img-bg iframe {
 padding-top: 32px;
}
.home-page .section-footer {
 background: #222;
}
.home-page .section-footer .section-wrapper {
 height: 278px;
}
.home-page .section-footer .section-wrapper ul {
 padding-top: 40px;
}
.home-page .section-footer .section-wrapper ul li span {
 float: left;
 height: 170px;
 width: 1px;
 overflow: hidden;
 background: #474747;
 margin: -175px 80px 0px 150px;
}
.home-page .section-footer .section-wrapper ul li span.m-top {
 margin-top: -85px;
}
.home-page .section-footer .section-wrapper ul li {
 float: left;
 text-align: left;
 font-size: 12px;
 line-height: 2.5;
 padding-right: 10px;
}
.home-page .section-footer .section-wrapper ul li a {
 color: #5e6263;
}
.home-page .section-footer .section-wrapper ul li a:hover {
 color: #ccc;
}
.home-page .section-footer .section-wrapper ul li dl dt {
 color: #fff;
 font-size: 18px;
}
.home-page .section-footer .section-wrapper ul li dl dd img {
 vertical-align: middle;
 padding-left:8px;
}
.page-index .section-footer {
 background: #222;
 bottom: 0;
}
.page-index .section-footer .section-wrapper {
 height: 278px;
}
.page-index .section-footer .section-wrapper ul {
 padding-top: 40px;
}
.page-index .section-footer .section-wrapper ul li span {
 float: left;
 height: 170px;
 width: 1px;
 overflow: hidden;
 background:#474747;
 margin: -175px 70px 0px 177px;
}
.page-index .section-footer .section-wrapper ul li span.m-top {
 margin-top: -85px;
}
.page-index .section-footer .section-wrapper ul li {
 float: left;
 text-align: left;
 font-size: 12px;
 line-height: 2.5;
 padding-right: 10px;
}
.page-index .section-footer .section-wrapper ul li a {
 color: #00a0e9;
}
.page-index .section-footer .section-wrapper ul li a:hover {
 color: #ccc;
}
.page-index .section-footer .section-wrapper ul li dl dt {
 color: #fff;
 font-size: 18px;
}
.page-index .section-footer .section-wrapper ul li dl dd img {
 vertical-align: middle;
 padding-left:8px;
}
 .zxyy a {
 float: right;
 height: 50px;
 width: 140px;
 line-height: 50px;
 text-align: center;
 border: 1px solid #474747;
 font-size: 20px;
 color: #666;
 border-radius: 26px;
 margin-top: 12px;
}
.zxyy a:hover {
 background-color: #00a0e9;
 color: #fff;
 border-color: #00a0e9;
}
/*footer*/

.backtage {
 height:1090px;
 position:relative;
 z-index:1;
 
 margin-top:60px;
}
.backtage img {
 display:block;
 margin:0 auto;
}
/* z-index:105;*/
.foot .wrapper {
 width: 1210px;
 margin: 0 auto;
}
.foot .wrapper>p {
 color: white;
 text-align: right;
 line-height: 1.8;
 font-size: 12px;
 padding:26px 20px 0 0;
}
.foot .nav_copy ul {
 height:auto;
 overflow:hidden;
}
.foot .nav_copy ul li {
 display: inline-block;
 vertical-align: top;
 height: 32px;
 line-height: 32px;
 padding: 0 10px;
 background: #1b1b1b;
 color: #737373;
 margin-right: 15px;
 margin-bottom:15px;
 font-size: 14px;
}
.foot .nav_copy ul a {
 display: block;
 color: #737373;
 float: left;
}
.foot .nav_copy ul li:hover {
 background: #00a0e9;
}
.foot .nav_copy ul a:hover {
 color:#fff;
}
.foot .nav_copy ul a li:hover {
 color:#fff;
}
.foot .nav_copy ul li a.active {
color:#00a0e9;
}
.foot .nav_copy ul li span {
 float:left;
 height:13px;
 width:1px;
 overflow:hidden;
 background:#fff;
 margin:3px 0 0 13px;
}
.foot .nav_copy .copy {
 color:#5e6263;
 line-height:22px;
 font-size:12px;
}
.foot .tel dl {
 height:auto;
 overflow:hidden;
 width:auto;
}
.foot .tel dl dt {
 float:left;
 padding-left:58px;
}
.foot .tel dl dt img {
width: 27px;
line-height: 34px;
}
.foot .tel dl dd {
 height:auto;
 overflow:hidden;
 text-align:left;
 width: 129px;
 margin-left:93px;
}
.foot .tel dl dd h3,.foot .tel dl dd .divh3{
 height: 27px;
 line-height:27px;
 color: #fff;
 font-size: 18px;
 display: inline-block;
 vertical-align: top;    font-weight: bold;
}
.foot .tel dl dd p {
 line-height: 26px;
 color: #6b6b6b;
 font-size: 14px;
 width:auto;
}
.foot .nav_copy {
 height: 26px;
 line-height: 26px;
 color: #6b6b6b;
 font-size: 14px;
 margin-top: 20px;
}
 .foot .tel {
 width: 222px;
}
.foot .qq {
 padding: 30px 30px 0 10px;
}
/**

* ECJia 首页 手机端

*/

.mob-home .mob-banner {
 position: relative;
 width: 100%;
 height: 100%;
}
.mob-home .mob-banner img {
 width: 100%;
 vertical-align: middle;
 display: block;
}
.mob-home .mob-banner .swiper-pagination {
 z-index: 2;
}
.mob-home .mob {
 text-align: center;
 background: #fff;
}
.mob-home .mob h2 {
 font-weight: 600;
 font-size: 2.8em;
 color:#000;
 padding-bottom: .2em;
 line-height: 1.3;
}
.mob-home .mob p {
 font-size: 1.5em;
 line-height: 1.5;
 padding-bottom: 1em;
 width: 90%;
 margin:0 auto;
}
.mob-home .mob1 ul li {
 float: left;
 width: 50%;
 height: 30em;
 text-align: center;
}
.mob-home .mob1 ul li.h {
 height: 27em;
}
.mob-home .mob1 ul li img {
 width:16em;
}
.mob-home .mob1 ul li h3 {
 font-size: 2em;
 font-weight: 400;
 padding: 1em 0 .4em 0;
 color: #000;
}
.mob-home .mob1 ul li p {
 font-size: 1.4em;
 width: 90%;
 margin: 0 auto;
 padding-bottom: 0;
}
.mob-home .mob2 {
 background: #f5f5f5;
}
.mob-home .mob2 div.img {
 position: relative;
 width: 100%;
 height: 43em;
}
.mob-home .mob2 div.img img {
 position: absolute;
 right: 0;
 top: 2em;
 width: 28em;
}
.mob-home .mob2 div.pos1 {
 position: absolute;
 right: 15em;
 top: 7.6em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos2 {
 position: absolute;
 right: 12.2em;
 top:4.5em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos3 {
 position: absolute;
 right: 11em;
 top:.6em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos4 {
 position: absolute;
 text-align: left;
 color: #888;
 line-height: 1.6;
 left: 2em;
 top: 1em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos5 {
 position: absolute;
 right:1em;
 text-align: left;
 color: #888;
 line-height: 1.6;
 top: 4em;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos6 {
 position: absolute;
 left:4em;
 text-align: left;
 color: #888;
 line-height: 1.6;
 top: 0;
 font-size: 1.5em;
}
.mob-home .mob2 div.pos4 span, .mob-home .mob2 div.pos5 span, .mob-home .mob2 div.pos6 span {
 color:#00a0e9;
 font-size: 2em;
}
.mob-home .mob2 div.pos7 span {
 color:#00a0e9;
 font-size: 2.6em;
}
.mob-home .mob2 div.img2 {
 position: relative;
 width: 100%;
 height: 33em;
}
.mob-home .mob2 div.img2 img {
 position: absolute;
 left: 0;
 top: 1em;
 width: 27em;
}
.mob-home .mob2 div.img3 {
 position: relative;
 width: 100%;
 height: 54em;
}
.mob-home .mob2 div.img3 img {
 position: absolute;
 right: 0;
 top: 10em;
 width: 40em;
}
.mob-home .mob2 div.img4 img {
 padding-top:3em;
 width: 40em;
}
.mob-home .mob2 div.pos11 {
 padding-bottom: 1em;
}
.mob-home .mob2 div.pos11 h2 {
 font-size: 3em;
 padding: 1em 0 .5em 0;
}
.mob-home .mob2 div.pos11 p {
 font-size: 1.8em;
}
.mob-home .mob3 {
 padding-bottom: 6em;
}
.mob-home .mob3 div.img {
 width: 100%;
 position: relative;
 margin-bottom: .3em;
}
.mob-home .mob3 div.img img.img1 {
 position: absolute;
 width: 10em;
 top: 2em;
 left: 2em;
}
.mob-home .mob3 div.img div.pos {
 position: absolute;
 bottom: 0;
 background:rgba(0, 0, 0, .8);
 width: 100%;
 display: block;
}
.mob-home .mob3 div.img img {
 width: 100%;
}
.mob-home .mob3 div.img div.pos p {
 color: #fff;
 font-size: 1.5em;
 padding-top: 1em;
 padding-left: .8em;
 float: left;
 height: 3em;
}
.mob-home .mob3 div.img div.pos p span {
 font-size: 1.4em;
}
.mob-home .mob3 div.img div.pos a {
 font-size: 1.6em;
 float: right;
 background: #53b43a;
 display: inline-block;
 width: 6em;
 height: 2em;
 margin-right: 1em;
 margin-top: .9em;
 color: #fff;
 line-height: 2em;
 text-align: center;
 border-radius: 20px;
}
.mob-home .mob4 {
 position: relative;

 height: 50em;
 background-size: 100%;
}
.mob-home .mob4 h2, .mob-home .mob4 p {
 color: #fff;
}
.mob-home .mob4 div.macbg {
 background: url(/templets/kefuwb/images/pic4_macbg.png) no-repeat center;
 height: 20em;
 padding-top: 10em;
}
.mob-home .mob4 div.macbg iframe {
 position: absolute;
 bottom: 6.3em;
 right: 50%;
 margin-right: -19.6em;
 width: 36.4em;
 height: 23.4em;
}
.mob-home .mob5 {
 background-color: #222;
}
.mob-home .mob5 dl {
 font-size: 1.2em;
 padding: 2em 0 1.5em 2em;
 border-bottom: #8c8c8c .5px solid;
}
.mob-home .mob5 dl dt {
 color: #666;
 font-size: 1.1em;
 position: relative;
}
.mob-home .mob5 dl dt span {
 display: inline-block;
 width: .8em;
 position: absolute;
 right: 1em;
 top: .2em;
}
.mob-home .mob5 dl dt span.show img {
 transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -webkit-transition: 0.5s ease;
 -moz-transition: 0.5s ease;
 -o-transition: 0.5s ease;
 transition: 0.5s ease;
}
.mob-home .mob5 dl dt span img {
 vertical-align: middle;
 width: 100%;
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transition: 0.5s ease;
 -moz-transition: 0.5s ease;
 -o-transition: 0.5s ease;
 transition: 0.5s ease;
}
.mob-home .mob5 dl dd {
 color: #5e6263;
 padding-left: 2em;
 line-height: 1.8;
}
.mob-home .mob5 dl dd a {
 color: #999;
}
.mob-home .mob5 dl div.hide-p {
 display: block;
 padding-top: 1em;
}
.mob-home .mob6 {
 background:#222;
 color: #fff;
 text-align: center;
}
.mob-home .mob6 div.clearfix {
 width: 55%;
 margin: 0 auto;
 padding: 2em 0;
}
.mob-home .mob6 div.clearfix>img {
 float: left;
 width: 5em;
}
.mob-home .mob6 div.clearfix>p {
 float: right;
 text-align: left;
 color: #999;
 font-size: 1.4em;
}
.mob-home .mob6 div.clearfix>p span {
 font-size: 2em;
 color: #75cc17;
}
.mob-home .mob6>img {
 width: 30%;
}
.mob-home .mob6>p {
 font-size: 1.5em;
 line-height: 1.5;
 padding: 1em;
}
.mob-footer {
 background:#111;
 text-align: center;
}
.mob-footer .copyright {
 padding:2em 0;
 color: #999;
 font-size: .8em;
 line-height: 1.8;
}
/* 20170314 add*/

.container {
 width: 1200px;
 margin: 0 auto;
}
.kzf-mod-case-container .rowFluid .container .span12.spanlywm{ padding-bottom:40px;}
.head {
 height: 90px;
 border-bottom: 1px solid #ddd;
}
.head .hd {
 height: 90px;
 margin:0 auto;
 background-color: #fff;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
}
.head .logo {
 float: left;
 padding: 10px 0;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
}
.head .logo img {
 height: 70px;
 width: auto;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
}
.head .menu {
 float: right;
}
.head .menu li {
 float: left;
}
.head .menu li a {
 line-height: 90px;
 display: block;
 font-size: 18px;
 color: #3d3d3d;
 transition: all 0.6s ease;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
 padding: 0 20px;
}
.head .menu li a:hover, .head .menu li a.active {
 color: #00a0e9;
}
.head .menu li.hover {
 background: url(/templets/kefuwb/images/navArrow.png) no-repeat center bottom;
}
.minNavFixed {
 height: 94px;
}
.head .menu li.hover a {
 color: #00a0e9;
}
.minNavFixed .hd {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1000;
 border-bottom: 1px solid #e3e3e3;
 height: 70px;
}
.minNavFixed .logo {
 padding: 5px 0;
}
.minNavFixed .logo img {
 height: 60px;
}
.minNavFixed .menu li a {
 line-height: 70px;
}
.subNav {
 position: relative;
 padding: 30px 0;
 text-align: center;
 background:#fff;
 z-index: 1000;
 display: none;
 border-top: 1px solid #ddd;
}
.subNav .row {
 display: none
}
.normalNav ul, .proNv ul {
 text-align: center
}
.normalNav ul li, .proNv ul>li {
 display: inline-block;
 margin: 0 30px
}
.normalNav ul li, .proNv ul>li {
*display: inline
}
.normalNav ul li a {
 padding-bottom: 8px;
 color: #333;
 font-size: 16px;
}
.normalNav ul li a:hover {
 border-color: #00a0e9;
 color:#00a0e9
}
.normalNav ul li a.active {
 border-color: #00a0e9;
 color:#00a0e9
}
/* 底部广å'Š */

.width1000 {
 position:relative;
 width:1000px;
 margin:0 auto;
 padding-bottom:1px;
}
.asideBanner {
 z-index:9999;
 position:fixed;
 bottom:0;
 left:0;
 width:20px;
 height:133px;
}
.asideBanner .asideBannerIcon {
 position:absolute;
 top:29px;
 left:0%;
 width:120px;
 height:105px;

 cursor:pointer;
}
.asideBanner .foorterBanner {
 position:absolute;
 top:0;
 left:-100%;
 width:100%;
 height:134px;

}
.asideBanner .foorterBanner div {
 height:134px;

}
.asideBanner .foorterBanner a {
 position:absolute;
 top:29px;
 left:0;
 width:951px;
 height:133px;
 font-size:25px;
 color:#fff;
 line-height:52px;
 text-align:center;
 background:none;
 cursor:pointer;
}
.asideBanner a.a2 {
 right:89px;
}
.asideBanner .foorterBanner div>i {
 position:absolute;
 top:29px;
 right:0;
 width:41px;
 height:38px;
 background:#fa9c29 url('../images/close.png');
 cursor:pointer;
}
/* banner广å'Š */

.container_animate {
 width:1200px;
 margin: 0 auto;
}
.banner_animate {
 height: 400px;
 position: relative;
}
.banner_animate ul, .banner_animate li {
 width: 100% !important;
 height: 100% !important;
}
.banner_animate li {
 background: no-repeat center center;
 background-size: cover;
 color: #fff;
 width: 100%;
 height: 400px;
}
.banner_animate .container_animate {
 display: table;
 height: 100%;
 position: relative;
}
.banner_animate .info {
 display: table-cell;
 width: 100%;
 height: 100%;
 vertical-align: middle;
 text-align: right;
}
.banner_animate .info h3 {
 font-size: 30px;
 margin-bottom: 15px;
 -webkit-animation: bounceInRight 1.5s 0s ease both;
 -moz-animation: bounceInRight 1.5s 0s ease both;
 animation: bounceInRight 1.5s 0s ease both;
}
/*.banner .info p {font-size: 28px;-webkit-animation: fadeInDown 1s 0s ease both;-moz-animation: fadeInDown 1s 0s ease both;animation: fadeInDown 1s 0s ease both;}*/

/*.banner .b3-1 {position: absolute;bottom: 0;left: 0;-webkit-animation: fadeInUp 1.5s 0.5s ease both;-moz-animation: fadeInUp 1.5s 0.5s ease both;animation: fadeInUp 1.5s 0.5s ease both;}*/

.banner_animate .btn {
 position: absolute;
 top: 50%;
 background: url(/templets/kefuwb/images/icons.png) no-repeat;
 width: 26px;
 height: 51px;
 left: 50%;
 margin-top: -25px;
 display: none;
}
.banner_animate .prev {
 background-position: 0 -15px;
 margin-left: -601px;
}
.banner_animate .next {
 background-position: -26px -15px;
 margin-left: 575px;
}
.banner_animate .b1-2 {
 position: absolute;
 top: 130px;
 right: 193px;
}
.banner_animate .b1-3 {
 position: absolute;
 top: 80px;
 left: 0px;
 margin-top: 5px;
 margin-right:50px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b1-4 {
 position: absolute;
 top: 200px;
 left: 0px;
 margin-top: 15px;
 margin-right:50px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b2-2 {
 position: absolute;
 bottom: 25px;
 right: 50px;
}
.banner_animate .b2-3 {
 margin-top: -30px;
 margin-right:50px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b2-4 {
 margin-top: 5px;
 margin-right:50px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b2-5 {
 margin-top: 25px;
 margin-right:50px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b3-2 {
 position: absolute;
 bottom: 9px;
 right: 2px;
}
.banner_animate .b3-3 {
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b3-4 {
 display: block;
 margin: 0 auto;
 margin-top: 25px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b3-1 {
 position: absolute;
 bottom: 10px;
 right: 0px;
}
.banner_animate .b4-2 {
 position: absolute;
 right: 55px;
 top: 120px;
}
.banner_animate .b4-3 {
 margin-left:20px;
 margin-bottom: 40px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b4-4 {
 margin-left:20px;
 margin-bottom: 20px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b4-5 {
 margin-left: 20px;
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.banner_animate .b5-2 {
 position: absolute;
 right: 0;
 bottom: 120px;
}
.banner_animate .b5-3 {
 margin-left:40px;
 margin-bottom: 40px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b5-4 {
 margin-left:80px;
 margin-bottom: 30px;
}
.banner_animate .b5-5 {
 margin-left: 190px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b6-2 {
 position: absolute;
 top: 120px;
 left: 30px;
}
.banner_animate .b6-3 {
 position: absolute;
 top: 175px;
 left: 30px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b6-4 {
 position: absolute;
 top: 30px;
 right: 70px;
}
.banner_animate .b6-5 {
 position: absolute;
 top: 250px;
 left: 30px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b7-2 {
 margin-bottom:10px;
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b7-3 {
 margin-bottom:20px;
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .b7-4 {
 display: block;
 margin: 0 auto;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .s0 {
 position: absolute;
 left: 0;
 top: 130px
}
.banner_animate .s1 {
 position: absolute;
 left: 0;
 top: 215px;
}
.banner_animate .s2 {
 position: absolute;
 left: 0;
 top: 325px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .s3 {
 position: absolute;
 left: 74%;
 top: 120px;
 z-index: 5;
 -webkit-animation-delay: 0.3s;
 -moz-animation-delay: 0.3s;
 -o-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.banner_animate .s4 {
 position: absolute;
 right: 0;
 bottom: 0px;
 z-index: 0;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .o1 {
 position: absolute;
 left: 160px;
 top: 90px;
}
.banner_animate .o2 {
 position: absolute;
 left: 40%;
 top: 175px;
}
.banner_animate .o3 {
 position: absolute;
 left: 24%;
 top: 250px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .o4 {
 position: absolute;
 right: 24%;
 top: 250px;
 z-index: 5;
}
.banner_animate .c1 {
 position: absolute;
 left: 0;
 top: 130px
}
.banner_animate .c2 {
 position: absolute;
 left: 0;
 top: 215px;
}
.banner_animate .c3 {
 position: absolute;
 left: 0;
 top:220px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .c6 {
 position: absolute;
 left: 0;
 top:167px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 background: #fe7d47;
 border: 1px solid #f2672c;
}
.banner_animate .c5 {
 position: absolute;
 left: 241px;
 top: 225px;
}
.banner_animate .c4 {
 position: absolute;
 right: 0;
 bottom: 67px;
 z-index: 0;
/*-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;*/
}
.banner_animate .hd {
 position: absolute;
 bottom: 20px;
 left: 49%;
}
.banner_animate .hd ul li {
 float: left;
 width: 30px!important;
 height: 14px!important;
 cursor:pointer;
 background:none;
 margin-right: 5px;
 opacity:0.2;
 border-bottom:2px solid #fff;
}
.banner_animate .hd ul li.on {
 opacity:1;
 cursor:pointer;
}
.hr_video {
 width: 100%;
 height: 740px;
 float: left;

 margin-bottom: 20px;
}
.hr_video .video_con {
 width: 718px;
 height: 404px;
 margin:0 auto;
 cursor:pointer;
 margin-top: 100px;
 border:20px solid rgba(255, 255, 255, 0.2);
 border-radius: 15px;
}
/*20171107*/

.mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.mod-title p {
 font-size: 16px;
 line-height: 1.7;
 color: #888;
}
.page-index {
 width: 100%;
 float: left;
}
.page-index .section {
 padding:80px 0;
}
.page-index .section-5 {
 background: #F4F4F4;
}
.page-index .section-5 .mode-list {
 height: 484px;
}
.page-index .section-5 .mode-list .mode-item {
 width: 240px;
 height: 484px;
 text-align: center;
 float: left;
 overflow: hidden;
 margin-left: -1px;
 background: #fff;
 transition: width .4s;
}
.page-index .section-5 .mode-list .mode-wrap {
 width: 750px;
 height: 484px;
}
.page-index .section-5 .mode-list .mode-view {
 float: left;
 width: 238px;
 height: 482px;
 border: 1px solid #DCDCDC;
 opacity: 1;
}
.page-index .section-5 .mode-list .mode-view h3 {
 font-size: 28px;
 padding-top: 52px;
 padding-bottom: 11px;
}
.page-index .section-5 .mode-list .mode-view h4 {
 font-size: 14px;
 color: #888;
}
.page-index .section-5 .mode-list .mode-view i {
 display: block;
 width: 120px;
 height: 90px;
 margin: 80px auto 105px;
}
.page-index .section-5 .mode-list .mode-view ul {
 padding-left: 20px;
}
.page-index .section-5 .mode-list .mode-view li {
 float: left;
 width: 90px;
 height: 30px;
 line-height: 30px;
 margin: 0 5px 10px 5px;
 background: #EDEDED;
}
.page-index .section-5 .mode-list .mode-detail {
 float: left;
 color: #fff;
 width: 480px;
 height: 484px;
 background: #00CE52;
 opacity: 0;
}
.page-index .section-5 .mode-list .mode-detail .detail-left, .page-index .section-5 .mode-list .mode-detail .detail-right {
 width: 240px;
 height: 484px;
}
.page-index .section-5 .mode-list .mode-detail .detail-left {
 float: left;
 background: #3598ff;
 overflow: hidden;
}
.page-index .section-5 .mode-list .mode-detail .detail-left i {
 display: block;
 width: 120px;
 height: 90px;
 margin: 112px auto 70px;
}
.page-index .section-5 .mode-list .mode-detail .detail-left h3 {
 font-size: 28px;
 margin-bottom: 19px;
}
.page-index .section-5 .mode-list .mode-detail .detail-left h4 {
 font-size: 14px;
 padding: 0 25px;
 line-height: 1.7;
}
.page-index .section-5 .mode-list .mode-detail .detail-right {
 float: left;
 background: #3fabff;
}
.page-index .section-5 .mode-list .mode-detail .detail-right ul {
 padding: 20px 10px 0 20px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right li {
 margin-bottom: 16px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right li h3 {
 width: 93px;
 height: 28px;
 border: 1px solid #fff;
 line-height: 28px;
 margin-bottom: 11px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right .min h3 {
 width: 93px;
 height: 24px;
 border: 1px solid #fff;
 line-height: 24px;
 margin-bottom: 11px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right .min p {
 text-align: left;
 line-height: 1.2;
 font-size: 13px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right li p {
 text-align: left;
 line-height: 1.7;
 font-size: 13px;
}
.page-index .section-5 .mode-list .mode-detail .detail-right .get {
 width: 100px;
 height: 31px;
 line-height: 31px;
 padding-left: 15px;
 color: #3598ff;
 display: block;
 margin-left: 20px;
 font-size: 16px;
 background: #fff url(/templets/kefuwb/images/04-jt.png) no-repeat 84px center;
 text-align: left;
}

.page-index .section-5 .mode-list .mode-item.active {
 width: 480px;
}
.page-index .section-5 .mode-list .mode-item.active .mode-wrap {
 margin-left: -240px;
 opacity: 1;
}
.page-index .section-5 .mode-list .mode-item.active .mode-view {
 opacity: 0;
}
.page-index .section-5 .mode-list .mode-item.active .mode-detail {
 opacity: 1;
}
.page-index .section-6 .section-left {
 width: 523px;
 float: left;
 margin-right: 30px;
 margin-top: 80px;
}
.page-index .section-6 .section-left .mod-title {
 text-align: left;
}
.page-index .section-6 .section-left .mod-title h2 {
 color: #333;
}
.page-index .section-6 .section-left li {
 overflow: hidden;
 padding: 20px;
}
.page-index .section-6 .section-left li.on {
 background: #F4F4F4;
}
.page-index .section-6 .section-left li i {
 width: 40px;
 height: 40px;
 margin-top: 13px;
 float: left;

}
.page-index .section-6 .section-left .item-1 i {
 background-position: 0 5px;
}
.page-index .section-6 .section-left .item-2 i {
 background-position: 0 -35px;
}
.page-index .section-6 .section-left .item-3 i {
 background-position: 0 -75px;
}
.page-index .section-6 .section-left .item-4 i {
 background-position: 0 -115px;
}
.page-index .section-6 .section-left li .text {
 float: left;
 margin-left: 20px;
 width: 420px;
}
.page-index .section-6 .section-left li .text h3 {
 font-size: 18px;
 margin-bottom: 5px;
}
.page-index .section-6 .section-left li .text p {
 font-size: 14px;
 color: #888;
 line-height: 1.7;
}
.page-index .section-6 .img {
 
 width: 608px;
 height: 484px;
 float: left;
 margin-top: 5px;
 transition: all .4s;
}

/*app*/

.page-buypage .section-1 {
 background: #f6f6f6;
 height: 820px;
 padding: 0;
}
.page-buypage .section-1 .img {
 width: 1120px;
 height: 625px;
 margin: 0 auto;
 position: relative;
 top: 10px;
}
.page-buypage .section-2 {
 background: #f6f6f6;
 height: 820px;
 padding: 0;
}
.page-buypage .section-2 .img {
 width: 1120px;
 height: 633px;
 
 margin: 0 auto;
 position: relative;
 top: 10px;
 left: 0;
}
.page-buypage .section-3 .slide .tabs {
 margin: 0 0 40px 230px;
}
.page-buypage .section-3 .slide .tabs li {
 float: left;
 height: 50px;
 width: 200px;
 margin: 0 25px;
 cursor: pointer;
}

.page-buypage .section-3 .slide .tabs li.on {
 background-position-y: top;
}
.page-buypage .section-3 .slide .items li {
 height: 554px;
}

.page-buypage .section-pay ul {
 text-align:center;
}
.page-buypage .section-pay li {
 display: inline-block;
 width:156px;
 text-align:center;
 margin:40px;
 font-size:16px;
}
.page-buypage .section-pay li i {
 display:inline-block;
 width:156px;
 height:156px;
 margin-bottom:20px;
}


.page-buypage .section-5 .mod-title {
 text-align: left;
 margin-left: 476px;
 margin-top: 20px;
}
.page-buypage .section-5 .mod-title h2 {
 text-align: left;
}
.page-buypage .section-5 .slide {
 margin-left: 476px;
 position: relative;
 margin-bottom: 130px;
}
.page-buypage .section-5 .slide .tabs li {
 float: left;
 cursor: pointer;
 width: 130px;
 height: 130px;
 transition: all .2s;
 border-radius: 10px;
 background: #BABABA;
 color: #fff;
 text-align: center;
 margin: 0 30px 30px 0;
}
.page-buypage .section-5 .slide .tabs li.on {
 background: #3598ff;
}

.page-buypage .section-5 .slide .tabs li.item-1 i {
 background-position: 0 0;
}
.page-buypage .section-5 .slide .tabs li.item-2 i {
 background-position: -50px 0;
}
.page-buypage .section-5 .slide .tabs li.item-3 i {
 background-position: -100px 0;
}
.page-buypage .section-5 .slide .tabs li.item-4 i {
 background-position: -150px 0;
}
.page-buypage .section-5 .slide .tabs li.item-5 i {
 background-position: -200px 0;
}
.page-buypage .section-5 .slide .tabs li.item-6 i {
 background-position: 0 -50px;
}
.page-buypage .section-5 .slide .tabs li.item-7 i {
 background-position: -50px -50px;
}
.page-buypage .section-5 .slide .tabs li.item-8 i {
 background-position: -100px -50px;
}
.page-buypage .section-5 .slide .tabs li p {
 font-size: 16px;
}
.page-buypage .section-5 .slide .items {
 position: absolute;
 left: -370px;
 top: -160px;
 overflow: hidden;
 width: 339px;
 height: 572px;
 
}
.page-buypage .section-5 .slide .items li {
 width: 240px;
 height: 426px;
 margin: 61px 0 0 49px;
}

.page-buypage .section-8 .mod-title {
 clear: both;
 padding-bottom: 0;
}
.page-buypage .section-8 .mod-title h2 {
 color: #fff;
}
.page-buypage .section-8 .mod-title p {
 color: #fff;
}

.page-buypage .section-account {
 background: #F4F4F4;
 margin-top: -20px;
}
.page-buypage .section-account .container {
 width: 1210px;
}
.page-buypage .section-account .list {
 margin: 50px -10px;
}
.page-buypage .section-account .list li {
 float: left;
 width: 226px;
 height: 320px;
 position: relative;
 margin: 0 10px;
}
.page-buypage .section-account .list li .bg {
 position: absolute;
 z-index: 1;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background: #fff;
 transition: all .2s;
 box-shadow: 0 0 30px rgba(0, 0, 0, 0)
}
.page-buypage .section-account .list li:hover .bg {
 transform: scaleY(1.2);
 box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}
.page-buypage .section-account .list li a {
 position: relative;
 z-index: 2;
 text-align: center;
 display: block;
 padding: 40px 25px 0 25px;
 height: 277px;
 overflow: hidden;
 transition: all .2s;
 color: #333;
}
.page-buypage .section-account .list li:hover a {
 height: 300px;
}

 .page-buypage .section-account .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-buypage .section-account .list li:nth-child(2) i {
 background-position: -110px 0;
}
 .page-buypage .section-account .list li:nth-child(3) i {
 background-position: -220px 0;
}
 .page-buypage .section-account .list li:nth-child(4) i {
 background-position: -330px 0;
}
 .page-buypage .section-account .list li:nth-child(5) i {
 background-position: -440px 0;
}
.page-buypage .section-account .list li h3 {
 font-size: 18px;
 margin-bottom: 20px;
}
.page-buypage .section-account .list li p {
 font-size: 14px;
 color: #888;
}
.page-buypage .section-account .list li p:after {
 content: "";
 display: block;
 margin: 25px auto 21px;
 width: 60px;
 border-top: 2px solid #ECEEF1;
}
.page-buypage .section-account .list li span {
 font-size: 14px;
 color: #03c72e;
 opacity: 0;
 transition: all .2s;
}
.page-buypage .section-account .list li:hover span {
 opacity: 1;
}
.page-buypage .section-account .list li em {
 border:1px solid #3399ff;
 padding:3px 10px;
 color: #3399ff;
 border-radius: 3px;
}
.page-managerpage .section-six .slide .tabs {
 margin: 40px 0 20px 50px;
}
.page-managerpage .section-six .slide .tabs li {
 float: left;
 height: 120px;
 width: 80px;
 margin: 0 50px;
 cursor: pointer;
}

.page-managerpage .section-six .slide .tabs li.on {
 background-position-y: top;
}
.page-managerpage .section-six .slide .items li {
 height: 554px;
}

.page-managerpage .section-warehouse {
 background: #F7F9FF;
 padding:60px 0 30px 0;
}
.page-managerpage .section-warehouse .section-left {
 float: left;
 width: 460px;
}
.page-managerpage .section-warehouse .mod-title {
 text-align: left;
}
.page-managerpage .section-warehouse .img {
 float: left;
 width: 612px;
 height: 368px;
 margin-left: 100px;
}
.page-managerpage .section-merchants {
 padding:30px 0;
}
.page-managerpage .section-merchants .section-right {
 width: 490px;
 float: right;
 padding-top: 40px;
}
.page-managerpage .section-merchants .mod-title {
 text-align: left;
}
.page-managerpage .section-merchants .img {
 width: 612px;
 height: 368px;
 float: left;

}
.page-managerpage .section-multistage {
 background: #F7F9FF;
 padding:60px 0 30px 0;
}
.page-managerpage .section-multistage .section-left {
 float: left;
 width: 460px;
}
.page-managerpage .section-multistage .mod-title {
 text-align: left;
}
.page-managerpage .section-multistage .img {
 float: left;
 width: 612px;
 height: 368px;
 
 margin-left: 100px;
}
.mod-shadow-btn {
 font-size: 16px;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #3399ff;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.mod-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(51, 153, 255, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(51, 153, 255, .5);
 box-shadow: 0 10px 15px -3px rgba(51, 153, 255, .5);
}
.mod-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(51, 153, 255, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(51, 153, 255, .5);
 box-shadow: 0 7px 15px -3px rgba(51, 153, 255, .5);
}
.page-marketing .section-part01 {
 overflow: hidden;
}
.page-marketing .section-part01 ul {
 margin:50px 0;
}
.page-marketing .section-part01 li {
 width: 240px;
 height: 240px;
 float: left;
 margin:20px 31.25px;
 border-radius: 10px;
 box-shadow: 0px 0px 20px #eee;
}
.page-marketing .section-part01 li:hover {
 box-shadow: 0 0 40px rgba(0, 100, 220, .15)
}
.page-marketing .section-part01 li .img {
 margin-top: 30px;
 width: 75px;
 height:75px;

 background-repeat:no-repeat;
}
 .page-marketing .section-part01 li:nth-child(1) .img {
 background-position: 0 0;
}
 .page-marketing .section-part01 li:nth-child(2) .img {
 background-position: -75px 0;
}
 .page-marketing .section-part01 li:nth-child(3) .img {
 background-position: -150px 0;
}
 .page-marketing .section-part01 li:nth-child(4) .img {
 background-position: -225px 0;
}
 .page-marketing .section-part01 li:nth-child(5) .img {
 background-position: -300px 0;
}
 .page-marketing .section-part01 li:nth-child(6) .img {
 background-position: -375px 0;
}
 .page-marketing .section-part01 li:nth-child(7) .img {
 background-position: -450px 0;
}
 .page-marketing .section-part01 li:nth-child(8) .img {
 background-position: -525px 0;
}
.page-marketing .section-part01 li .text {
 padding-top: 10px;
}
.page-marketing .section-part01 li .text h3 {
 font-size: 18px;
}
.page-marketing .section-part01 li .text p {
 font-size: 14px;
 line-height: 180%;
 padding: 10px 20px;
 text-align: justify;
 color: #999;
}
.page-characteristicpage .section-1 {
 background: #f6f6f6;
 height: 750px;
 padding: 0;
}
.page-characteristicpage .section-1 .img {
 width: 1120px;
 height: 540px;
 
 margin: 0 auto;
 position: relative;
 top: 10px;
}
.page-characteristicpage .section-2 {
 background: #fff;
 height: 500px;
 padding: 0;
}
.page-characteristicpage .section-2 .product-safety .protect-list {
 margin-top:20px;
}
.page-characteristicpage .section-2 .product-safety .protect-list li {
 float: left;
 width: 22%;
 font-size: 18px;
 padding:0px 1.5%;
 text-align: center;
 line-height: 28px;
}
.page-characteristicpage .section-2 .product-safety .protect-list li h2 {
 font-size: 28px;
 margin-bottom: 20px;
 padding-top: 10px;
 line-height: 24px;
}
.page-characteristicpage .section-2 .product-safety .protect-list .icon {
 display: block;
 margin: 0 auto 30px;
 width: 93px;
 height: 92px;
 vertical-align: middle;
}

.b2c_iphone .section-4 {
 background-color: #fff;
}
.b2c_iphone .section-4 .title {
 padding-top: 0;
 float: left;
 text-align: left;
}
.b2c_iphone .section-4 .t2 {
 margin-top: 70px;
}
.b2c_iphone .section-4 .t2 .up {
 color:#35acff;
}
.b2c_iphone .section-4 ul {
 width: 100%;
 height: 500px;
 overflow: hidden;
 padding-top: 35px;
 padding-bottom:35px;
}
.b2c_iphone .section-4 ul li {
 width: 253px;
 height: 100%;
 float: left;
 margin-right: 65px;
}
.b2c_iphone .section-4 ul li.one {
 background: none;
}
.b2c_iphone .section-4 ul li.two {
 background: none;
}
.b2c_iphone .section-4 ul li.three {
 background: none;
}
.b2c_iphone .section-4 ul li.last {
 margin-right: 0;
 background:none;
}
.b2c_iphone .section-4 ul li p {
 font-size: 18px;
 color: #fff;
 text-align: left;
 padding: 57px 0 0 110px;
}
.b2c_iphone .section-4 .pic-pay {
 width: 100%;
 float: left;
 margin-top: 40px;
}
/* 尾部客服 */

.b_p_con {
 width: 100%;
 background-color:#1d1c48;
 text-align: center;
 padding-bottom:60px;
 padding-top:60px;
 margin-bottom: -20px;
}
/*.b_p_con .b_p_t{

    font-size:24px;color: #8686d6;padding: 20px 0;

}

*/.b_p_con .b_p_b {
 font-size: 28px;
 color: #fff;
 padding-bottom: 10px;
}
.b_p_con .b_p_b i {
 font-size: 24px;
 float: left;
 text-align: center;
 width: 100%;
 margin-bottom: 10px;
}
.b_p_con .btns {
 width: 454px;
 overflow: hidden;
 margin: 30px auto 0;
}
.b_p_con .btns a {
 outline: none;
 display: block;
 width: 205px;
 height: 60px;
 line-height: 60px;
 text-align: center;
 font-size: 18px;
 border-radius: 30px;
 float: left;
 margin-right: 40px;
}
.b_p_con .btns a.l {
 border:1px solid #8686d6;
 color: #8686d6;
}
.b_p_con .btns a.r {
 margin-right: 0;
 border:1px solid #6844c5;
 background-color: #6844c5;
 color: #fff;
}
.b_p_con .btns a.l:hover {
 border-color: #7952df;
}
.b_p_con .btns a.r:hover {
 background-color: #7952df;
}
/* 订货模式-æ ‡å‡†è®¢è´§ */

.page-mode-solution .banner {
 height:425px;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-solution .section {
 padding:80px 0;
}
.page-mode-solution h2 {
 padding-top: 0px;
}
.page-mode-solution .section-1 .mode-logo {
 width: 160px;
 height: 160px;

 margin: -80px auto 50px;
}
.page-mode-solution .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
.page-mode-solution .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;
 
}
 .page-mode-solution .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-solution .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-solution .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-solution .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-solution .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-solution .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-solution .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-mode-solution .section-2 {
 background:#F6F8FB;
}

.page-mode-solution .section-5 {
 background:#fff;
 height: 650px;
}
.page-mode-solution .section-5 .section-left {
 width: 473px;
 float: left;
 margin-right: 30px;
 margin-top: 40px;
}
.page-mode-solution .section-5 .section-left .mod-title {
 text-align: left;
}
.page-mode-solution .section-5 .section-left .mod-title h2 {
 color: #333;
}
.page-mode-solution .section-5 .section-left li {
 overflow: hidden;
 padding: 12px 20px;
}
.page-mode-solution .section-5 .section-left li.on {
 background: #F4F4F4;
}
.page-mode-solution .section-5 .section-left li i {
 width: 40px;
 height: 40px;
 margin-top: 13px;
 float: left;

}
.page-mode-solution .section-5 .section-left .item-1 i {
 background-position: 0 5px;
}
.page-mode-solution .section-5 .section-left .item-2 i {
 background-position: 0 -35px;
}
.page-mode-solution .section-5 .section-left .item-3 i {
 background-position: 0 -75px;
}
.page-mode-solution .section-5 .section-left .item-4 i {
 background-position: 0 -115px;
}
.page-mode-solution .section-5 .section-left .item-5 i {
 background-position: 0 -155px;
}
.page-mode-solution .section-5 .section-left li .text {
 float: left;
 margin-left: 20px;
 width: 370px;
}
.page-mode-solution .section-5 .section-left li .text h3 {
 font-size: 18px;
 margin-bottom: 3px;
}
.page-mode-solution .section-5 .section-left li .text p {
 font-size: 14px;
 color: #888;
 line-height: 1.5;
}
.page-mode-solution .section-5 .img {
 
 width: 658px;
 height: 572px;
 float: left;
 margin-top: 5px;
 transition: all .4s;
}

.page-mode-solution .section-6 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-solution .section-6 .section-right {
 width: 600px;
 float: right;
 padding-top: 40px;
}
.page-mode-solution .section-6 .mod-title {
 text-align: left;
}
.page-mode-solution .section-6 .img {
 width: 500px;
 height: 450px;
 float: left;
 
}
.page-mode-solution .section-7 {
 padding:30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-solution .section-7 .section-left {
 width: 600px;
 float: left;
}
.page-mode-solution .section-7 .mod-title {
 text-align: left;
}
.page-mode-solution .section-7 .img {
 width: 500px;
 height: 450px;
 float: right;
}
.page-mode-solution .section-8 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-solution .section-8 .section-right {
 width: 600px;
 float: right;
}
.page-mode-solution .section-8 .mod-title {
 text-align: left;
}
.page-mode-solution .section-8 .img {
 width: 500px;
 height: 450px;
 float: left;
}
.page-mode-solution .section-9 {
 padding:30px 0;
 height: 320px;
 background: #fff;
}
.page-mode-solution .section-9 .section-left {
 width: 600px;
 float: left;
}
.page-mode-solution .section-9 .mod-title {
 text-align: left;
}
.page-mode-solution .section-9 .img {
 width: 500px;
 height: 450px;
 float: right;
}
.page-mode-solution .section-10 {
 background:#F6F8FB;
}
.page-mode-solution .section-10 .mod-title h2 {
 margin-left:500px;
}
.page-mode-solution .section-10 .img {
 height: 460px;
 
}


.page-mode-MulDepot .banner {
 height:425px;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-MulDepot .section-1 {
}
.page-mode-MulDepot .section-1 .img {
 height: 800px;
 
}
.page-mode-MulDepot .section-2 {
 background:#F6F8FB;
}
.page-mode-MulDepot .section-2 .img {
 height: 540px;
 
}
.page-mode-MulDepot .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mode-MulDepot .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mode-MulDepot .section-3 {
 background: #fff
}
.page-mode-MulDepot .section-3 .list {
 margin: 0 -15px;
}
.page-mode-MulDepot .section-3 .list .item {
 float: left;
 width: 220px;
 margin: 0 15px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mode-MulDepot .section-3 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-MulDepot .section-3 .list .item i {
 width: 140px;
 height: 140px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;
}
.page-mode-MulDepot .section-3 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-MulDepot .section-3 .list .item-2 i {
 background-position: -140px 0;
}
.page-mode-MulDepot .section-3 .list .item-3 i {
 background-position: -280px 0;
}
.page-mode-MulDepot .section-3 .list .item-4 i {
 background-position: -420px 0;
}
.page-mode-MulDepot .section-3 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-MulDepot .section-3 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-MulDepot .section-3 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-MulDepot .section-3 .list .item:hover .line {
 background: #19BE42;
}
.page-mode-MulDepot .section-4 {
 background:#F6F8FB;
 height: 650px;
}

/* 订货模式-商家è"营版 */

.page-mode-Retail .banner {
 height:425px;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-Retail .section-1 {
}

.page-mode-Retail .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mode-Retail .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mode-Retail .section-4 {
 background:#F6F8FB;
}
.page-mode-Retail .section-4 .list {
 margin: 0 -15px;
}
.page-mode-Retail .section-4 .list .item {
 float: left;
 width: 220px;
 margin: 0 15px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mode-Retail .section-4 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.page-mode-Retail .section-4 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Retail .section-4 .list .item-2 i {
 background-position: -140px 0;
}
.page-mode-Retail .section-4 .list .item-3 i {
 background-position: -280px 0;
}
.page-mode-Retail .section-4 .list .item-4 i {
 background-position: -420px 0;
}
.page-mode-Retail .section-4 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-Retail .section-4 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Retail .section-4 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Retail .section-4 .list .item:hover .line {
 background: #19BE42;
}
.page-mode-Retail .section-5 {
 background:#fff;
}
.page-mode-Retail .section-5 .img {
 height: 500px;

}
/* 订货模式-å¤šçº§æ¸ é"版 */

.page-mode-Pool .banner {
 height:425px;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-Pool .section-1 {
 background:#fff;
}
.page-mode-Pool .section-4 {
 background:#F6F8FB;
}

.page-mode-Pool .section-5 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-Pool .section-5 .section-right {
 width: 600px;
 float: right;
 padding-top: 40px;
}
.page-mode-Pool .section-5 .mod-title {
 text-align: left;
}
.page-mode-Pool .section-5 .img {
 width: 500px;
 height: 450px;
 float: left;

}
.page-mode-Pool .section-6 {
 padding:30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-Pool .section-6 .section-left {
 width: 600px;
 float: left;
}
.page-mode-Pool .section-6 .mod-title {
 text-align: left;
}
.page-mode-Pool .section-6 .img {
 width: 500px;
 height: 450px;
 float: right;
 
}
.page-mode-Pool .section-7 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-Pool .section-7 .section-right {
 width: 645px;
 float: right;
}
.page-mode-Pool .section-7 .mod-title {
 text-align: left;
 margin-top: -50px;
}
.page-mode-Pool .section-7 .img {
 width: 500px;
 height: 450px;
 float: left;
}
.page-mode-Pool .section-8 {
 padding:30px 0;
 height: 320px;
 background: #fff;
}
.page-mode-Pool .section-8 .section-left {
 width: 600px;
 float: left;
}
.page-mode-Pool .section-8 .mod-title {
 text-align: left;
 margin-top: -70px;
}
.page-mode-Pool .section-8 .img {
 width: 500px;
 height: 450px;
 float: right;
}
 .page-mode-Pool .section-9 {
 padding:30px 0;
 height: 320px;
 background: #F7F9FF;
}
.page-mode-Pool .section-9 .section-right {
 width: 600px;
 float: right;
}
.page-mode-Pool .section-9 .mod-title {
 text-align: left;
}
.page-mode-Pool .section-9 .img {
 width: 500px;
 height: 450px;
 float: left;
}
.page-mode-Pool .section-10 {
 background:#fff;
}
.page-mode-Pool .section-10 h2 {
 margin-left: 520px;
 text-align: left;
}
.page-mode-Pool .section-10 .img {
 height: 500px;
 
}
.page-mode-Pool .section-11 {
 height: 520px;
 background:#F6F8FB;
}
.page-mode-Pool .section-11 h2 {
 padding-left: 490px;
}
.page-mode-Pool .section-11 .list {
 margin: 0 -15px;
}
.page-mode-Pool .section-11 .list .item {
 float: left;
 width: 237px;
 margin: 0 15px;
 background: #fff;
 padding: 20px;
 text-align: center;
 transition: all .2s;
}
.page-mode-Pool .section-11 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-Pool .section-11 .list .item i {
 width: 140px;
 height: 140px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;
 
}
.page-mode-Pool .section-11 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Pool .section-11 .list .item-2 i {
 background-position: -140px 0;
}
.page-mode-Pool .section-11 .list .item-3 i {
 background-position: -280px 0;
}
.page-mode-Pool .section-11 .list .item-4 i {
 background-position: -420px 0;
}
.page-mode-Pool .section-11 .list .item h3 {
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 15px;
}
.page-mode-Pool .section-11 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Pool .section-11 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Pool .section-11 .list .item:hover .line {
 background: #00a0e9;
}
/* 移动访é"€ç³»ç»ŸSFA */

.page-field-banner {
 width:100%;
 height: 425px;
 position: relative;
 overflow: hidden;
 margin-top: 60px;
}
.page-field-banner ul, .page-field-banner li {
 width: 100% !important;
 height: 100% !important;
}
.page-field-banner li {
 background: no-repeat center center #00a8ff;
 background-size: cover;
 color: #fff;
}
.page-field-banner .container_field {
 width: 1120px;
 margin: 0 auto;
 display: table;
 height: 100%;
 position: relative;
}
.page-field-banner .container_field h1 {
 width: 100%;
 color: #fff;
 float: left;
 text-align: left;
 font-size: 42px;
 font-weight: 600;
 margin-top: 90px;
 margin-bottom:15px;
 text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
}
.page-field-banner .container_field i {
 width: 100%;
 color: #fff;
 float: left;
 font-size: 28px;
 margin-bottom:80px;
}
.page-field-banner .container_field a {
 float: left;
 color: #fff;
 font-size: 18px;
 text-align: center;
 border-radius: 6px;
 border:1px solid #fff;
 padding:8px 22px;
 margin-right: 20px;
}
.page-field-banner .container_field a:hover {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-field-banner .container_field .active {
 background:#0671f7;
 border:1px solid #0269e9;
}
.page-field .section-1 .list li {
 float: left;
 width: 260px;
 margin: 0 20px;
 margin-bottom:30px;
 text-align: center;
 list-style: none;
}
.page-field .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;

}
 .page-field .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-field .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-field .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-field .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
.page-field .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-field .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-field .section-2 {
 background: #f1f4f9;
 height: 820px;
 padding: 0;
}
.page-field .section-2 .img {
 width: 1120px;
 height: 625px;

 margin: 0 auto;
 position: relative;
 top: 10px;
}
/* 订货模式-高端定制版 */

.page-mode-Customized .banner {
 height:425px;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-Customized .section-1 {
 background:#fff;
}
.page-mode-Customized .section-1 .img {
 height: 600px;
}
.page-mode-Customized .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mode-Customized .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mode-Customized .section-2 {
 background: #F6F8FB
}
.page-mode-Customized .section-2 .list {
 margin: 0 -15px;
}
.page-mode-Customized .section-2 .list .item {
 float: left;
 width: 310px;
 margin: 0 21px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mode-Customized .section-2 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-Customized .section-2 .list .item i {
 width: 246px;
 height: 245px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;

}
.page-mode-Customized .section-2 .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Customized .section-2 .list .item-2 i {
 background-position: -246px 0;
}
.page-mode-Customized .section-2 .list .item-3 i {
 background-position: -492px 0;
}
.page-mode-Customized .section-2 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-Customized .section-2 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Customized .section-2 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Customized .section-2 .list .item:hover .line {
 background: #19BE42;
}
.page-mode-Customized .section-3 {
 background:#fff;
}
.page-mode-Customized .section-3 .container .customer-con {
 margin-left: -15px;
 margin-right: -15px;
 height: 650px;
}
.page-mode-Customized .section-3 .container .customer-con li {
 width: 17.56%;
 float: left;
 padding-left: 15px;
 padding-right: 15px;
 list-style: none;
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item {
 border: 1px solid #ebedf4;
 text-align: center;
 padding: 15px 0px;
 margin: 0px 0px 15px 0px;
 width: 100%;
 height: 100%;
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item img {
 margin: 0 auto;
 display: block;
 width: 75px;
 height: 75px;
}
.page-mode-Customized .section-3 .container .customer-con li .logo-item h5 {
 margin-top: 10px;
 font-size: 18px;
 color: #555555;
 line-height: 1.1;
 text-align: center;
}
.page-app-shopkeeper-custom {
 color: #fff;
 font-size: 20px;
 padding:10px 35px;
 border:1px solid #fff;
 border-radius: 6px;
 margin-top: 280px;
 float: left;
}
.page-app-shopkeeper-custom:hover {
 color: #fff;
}
.section-continue {
 height: 250px;
 margin-bottom: -20px;

}
.section-continue h1 {
 font-size: 30px;
 color: #fff;
 padding-top: 70px;
 padding-bottom: 20px;
 margin:0px;
}
.section-continue h1 i {
 font-size: 24px;
 margin-right:20px;
}
.section-continue .continue-con {
 width: 100%;
}
.section-continue .continue-con li {
 float: left;
 list-style: none;
 margin:20px;
 padding: 10px 30px 10px 60px;
 border-radius: 50px;
}
.section-continue .continue-con li a {
 color: #fff;
 font-size: 18px;
 float: left;
}

.banner {
 width: 100%;
 float: left;
}
.page-mobile .banner {
 height:425px;
 margin-top: 0;
 margin-bottom: 40px;
}
.page-mobile .section-1 {
 background:#fff;
}
.page-mobile .section-1 .list li {
 float: left;
 width: 300px;
 margin: 0 47px;
 text-align: center;
 list-style: none;
 margin-bottom: 40px;
}
.page-mobile .section-1 .list i {
 display: block;
 width: 200px;
 height: 200px;
 margin: 0 auto;
 
}
 .page-mobile .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mobile .section-1 .list li:nth-child(2) i {
 background-position: -200px 0;
}
 .page-mobile .section-1 .list li:nth-child(3) i {
 background-position: -400px 0;
}
.page-mobile .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mobile .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-mobile .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mobile .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mobile .section-2 .mod-title {
 text-align: left;
}
.page-mobile .section-2 .img {
 width: 400px;
 height: 504px;
 float: left;
 margin-left:50px;
}
.page-mobile .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mobile .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mobile .section-3 .mod-title {
 text-align: left;
}
.page-mobile .section-3 .img {
 width: 400px;
 height: 504px;
 float: right;
 margin-right: 100px;
 
}
.page-mobile .section-4 {
 padding:30px 0;
 height: 420px;
 background: #F6F8FB;
}
.page-mobile .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mobile .section-4 .mod-title {
 text-align: left;
}

.page-mobile .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mobile .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mobile .section-5 .mod-title {
 text-align: left;
}
.page-mobile .section-5 .img {
 width: 400px;
 height: 504px;
 float: right;
 margin-right: 100px;
 
}
.page-mobile .section-6 {
 padding:30px 0;
 height: 420px;
 background: #F6F8FB;
}
.page-mobile .section-6 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mobile .section-6 .mod-title {
 text-align: left;
}
.page-mobile .section-6 .img {
 width: 400px;
 height: 450px;
 float: left;
 margin-left:50px;
 
}
.page-mobile .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mobile .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mobile .section-7 .mod-title {
 text-align: left;
}
.page-mobile .section-7 .img {
 width: 400px;
 height: 504px;
 float: right;
 margin-right: 100px;
}
.page-mobile .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-mobile .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-mobile .section-8 {
 background: #F6F8FB
}
.page-mobile .section-8 .list {
 margin: 0 -15px;
}
.page-mobile .section-8 .list .item {
 float: left;
 width: 310px;
 margin: 0 21px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-mobile .section-8 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-mobile .section-8 .list .item i {
 width: 246px;
 height: 245px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;

}
.page-mobile .section-8 .list .item-1 i {
 background-position: 0 0;
}
.page-mobile .section-8 .list .item-2 i {
 background-position: -246px 0;
}
.page-mobile .section-8 .list .item-3 i {
 background-position: -492px 0;
}
.page-mobile .section-8 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mobile .section-8 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mobile .section-8 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mobile .section-8 .list .item:hover .line {
 background: #19BE42;
}
/* 行业ä¸"版-ç"Ÿé²œå†œè´¸ */

.page-mode-fresh .banner {
 height:425px;
 
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-fresh .section {
 padding:80px 0;
}
.page-mode-fresh .mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.page-mode-fresh .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #00b27a;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-fresh .mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.page-mode-fresh .mod-title p {
 font-size: 16px;
 line-height: 1.7;
 color: #888;
}
.page-mode-fresh .section-1 {
 background:;
}

.fresh-shadow-btn {
 font-size: 16px;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #00b27a;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.fresh-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(0, 178, 122, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(0, 178, 122, .5);
 box-shadow: 0 10px 15px -3px rgba(0, 178, 122, .5);
}
.fresh-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(0, 178, 122, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(0, 178, 122, .5);
 box-shadow: 0 7px 15px -3px rgba(0, 178, 122, .5);
}
/* ä¸"ç‰ˆæ¡ˆä¾‹æ ·å¼ */

.page_case_show {
 width: 1200px;
 margin: auto;
}
.page_case_show ul {
 margin: auto;
 margin-top: 30px;
}
.page_case_show ul li {
 background: none repeat scroll 0 0 #fff;
 float: left;
 margin-bottom: 24px;
 margin-right: 13px;
 position: relative;
 width: 285px;
 border:1px solid #ddd;
}
.page_widget-small-case li {
 background: none repeat scroll 0 0 #f8f8f8;
 border-top: 2px solid #d8d8d8;
 float: left;
 margin-bottom: 24px;
 margin-right: 20px;
 padding: 15px 15px 0;
 position: relative;
 width: 240px;
}
.page_widget-small-case li:hover .page_widget-small-case-qrcode-wrap {
 height: 170px;
 opacity: 1;
 top: -20px;
 transition: all 0.3s ease-in-out 0.2s;
}
.page_widget-small-case-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 border: 1px solid #eee;
 border-radius: 50%;
 float: left;
 height: 75px;
 margin-right: 20px;
 overflow: hidden;
 width: 75px;
}
.page_widget-big-case li {
 border-radius:3px;
 background: none repeat scroll 0 0 #f8f8f8;
 float: left;
 height: 260px;
 margin-bottom: 24px;
 margin-right: 20px;
 position: relative;
 width: 270px;
}
.page_widget-big-case-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 140px;
 overflow: hidden;
 width: 100%;
}
/* 食å"é…'æ°´ä¸"版 */

.page-mode-foods .banner {
 height:425px;

 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-foods .section {
 padding:80px 0;
}
.page-mode-foods .mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.page-mode-foods .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #f19a53;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-foods .mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.page-mode-foods .mod-title p {
 font-size: 16px;
 line-height: 1.7;
 color: #888;
}
.page-mode-foods h2 {
 padding-top: 0px;
}
.page-mode-foods .section-1 {
 background:;
}
.page-mode-foods .section-1 .img {
 height: 540px;
}
.page-mode-foods .section-2 {
 background:#f6f8fb;
}
.page-mode-foods .section-2 .img {
 height: 480px;

}
.page-mode-foods .section-3 {
 background:#fff;
}
.page-mode-foods .section-3 .img {
 height: 500px;

}
.page-mode-foods .section-4 {
 background:#f6f8fb;
}

/* 母婴行业ä¸"版 */

.page-mode-baby .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #f65976;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-baby .banner {
 height:425px;

 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-baby .section-1 {
 background:;
}
.page-mode-baby .section-1 .img {
 height: 480px;
}
.page-mode-baby .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mode-baby .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mode-baby .section-2 .mod-title {
 text-align: left;
}
.page-mode-baby .section-2 .img {
 width: 450px;
 height: 504px;
 float: left;
 margin-left:50px;
}
.page-mode-baby .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-baby .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-baby .section-3 .mod-title {
 text-align: left;
}
.page-mode-baby .section-3 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 
}
.page-mode-baby .section-4 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-baby .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 20px;
 margin-right: 100px;
}
.page-mode-baby .section-4 .mod-title {
 text-align: left;
}
.page-mode-baby .section-4 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;
 
}
.page-mode-baby .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-baby .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-baby .section-5 .mod-title {
 text-align: left;
}
.page-mode-baby .section-5 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 
}
.page-mode-baby .section-6 {
 padding:30px 0;
 height: 480px;
 background: #F6F8FB;
}
.page-mode-baby .section-6 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-baby .section-6 .mod-title {
 text-align: left;
}
.page-mode-baby .section-6 .img {
 width: 500px;
 height: 480px;
 float: left;
 margin-left:50px;
 
}
.page-mode-baby .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-baby .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-baby .section-7 .mod-title {
 text-align: left;
}
.page-mode-baby .section-7 .img {
 width: 450px;
 height: 504px;
 float: right;
 margin-right: 100px;
}
.page-mode-baby .section-8 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-baby .section-8 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-baby .section-8 .mod-title {
 text-align: left;
}
.page-mode-baby .section-8 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;
}
.baby-shadow-btn {
 font-size: 16px;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #f65976;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.baby-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(246, 89, 118, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(246, 89, 118, .5);
 box-shadow: 0 10px 15px -3px rgba(246, 89, 118, .5);
}
.baby-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(246, 89, 118, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(246, 89, 118, .5);
 box-shadow: 0 7px 15px -3px rgba(246, 89, 118, .5);
}
/* 日化百货ä¸"版 */

.page-mode-daily .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #3285ff;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-daily .banner {
 height:425px;

 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-daily .section-1 {
 background:;
}
.page-mode-daily .section-1 .img {
 height: 520px;
 
}
.page-mode-daily .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mode-daily .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mode-daily .section-2 .mod-title {
 text-align: left;
}
.page-mode-daily .section-2 .img {
 width: 450px;
 height: 504px;
 float: left;
 margin-left:50px;
}
.page-mode-daily .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-daily .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-daily .section-3 .mod-title {
 text-align: left;
}
.page-mode-daily .section-3 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 
}
.page-mode-daily .section-4 {
 padding:30px 0;
 height: 475px;
 background: #F6F8FB;
}
.page-mode-daily .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 20px;
 margin-right: 100px;
}
.page-mode-daily .section-4 .mod-title {
 text-align: left;
}
.page-mode-daily .section-4 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;
 
}
.page-mode-daily .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-daily .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-daily .section-5 .mod-title {
 text-align: left;
}
.page-mode-daily .section-5 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 
}
.page-mode-daily .section-6 {
 padding:30px 0;
 height: 480px;
 background: #F6F8FB;
}
.page-mode-daily .section-6 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-daily .section-6 .mod-title {
 text-align: left;
}
.page-mode-daily .section-6 .img {
 width: 500px;
 height: 480px;
 float: left;
 margin-left:50px;
 
}
.page-mode-daily .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-daily .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-daily .section-7 .mod-title {
 text-align: left;
}
.page-mode-daily .section-7 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
}
.page-mode-daily .section-8 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-daily .section-8 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-daily .section-8 .mod-title {
 text-align: left;
}
.page-mode-daily .section-8 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;
}
.daily-shadow-btn {
 font-size: 16px;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #3285ff;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.daily-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(50, 133, 255, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(50, 133, 255, .5);
 box-shadow: 0 10px 15px -3px rgba(50, 133, 255, .5);
}
.daily-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(50, 133, 255, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(50, 133, 255, .5);
 box-shadow: 0 7px 15px -3px rgba(50, 133, 255, .5);
}
/* 餐饮连é"ä¸"版 */

.page-mode-restaurant .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #e0624c;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-mode-restaurant .banner {
 height:425px;

 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-restaurant .section-1 {
 background:;
}
.page-mode-restaurant .section-1 .img {
 height: 480px;

}
.page-mode-restaurant .section-2 {
 padding:30px 0;
 height: 475px;
 background: #F7F9FF;
}
.page-mode-restaurant .section-2 .section-right {
 width: 500px;
 float: right;
 padding-top: 40px;
 margin-right: 100px;
}
.page-mode-restaurant .section-2 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-2 .img {
 width: 500px;
 height: 504px;
 float: left;
 margin-left:50px;

}
.page-mode-restaurant .section-3 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-restaurant .section-3 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 20px;
}
.page-mode-restaurant .section-3 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-3 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;

}
.page-mode-restaurant .section-4 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-restaurant .section-4 .section-right {
 width: 500px;
 float: right;
 padding-top: 20px;
 margin-right: 100px;
}
.page-mode-restaurant .section-4 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-4 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;
 
}
.page-mode-restaurant .section-5 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-restaurant .section-5 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-restaurant .section-5 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-5 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;

}
.page-mode-restaurant .section-6 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-restaurant .section-6 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-restaurant .section-6 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-6 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;

}
.page-mode-restaurant .section-7 {
 padding:30px 0;
 height: 475px;
 background:#fff;
}
.page-mode-restaurant .section-7 .section-left {
 width: 500px;
 float: left;
 margin-left:50px;
 margin-top: 50px;
}
.page-mode-restaurant .section-7 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-7 .img {
 width: 500px;
 height: 504px;
 float: right;
 margin-right: 100px;
 
}
.page-mode-restaurant .section-8 {
 padding:30px 0;
 height: 500px;
 background: #F6F8FB;
}
.page-mode-restaurant .section-8 .section-right {
 width: 500px;
 float: right;
 margin-right: 100px;
}
.page-mode-restaurant .section-8 .mod-title {
 text-align: left;
}
.page-mode-restaurant .section-8 .img {
 width: 500px;
 height: 500px;
 float: left;
 margin-left:50px;

}
.restaurant-shadow-btn {
 font-size: 16px;
 color: #fff;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 background: #e0624c;
 height: 47px;
 line-height: 47px;
 width: 180px;
 border-radius: 0px;
 -webkit-user-select: none;
 border-radius: 60px;
}
.restaurant-shadow-btn {
 -webkit-box-shadow: 0 10px 15px -3px rgba(224, 98, 76, .5);
 -moz-box-shadow: 0 10px 15px -3px rgba(224, 98, 76, .5);
 box-shadow: 0 10px 15px -3px rgba(224, 98, 76, .5);
}
.restaurant-shadow-btn:hover {
 color: #fff;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 transform: translate(0, 3px);
 -webkit-box-shadow: 0 7px 15px -3px rgba(224, 98, 76, .5);
 -moz-box-shadow: 0 7px 15px -3px rgba(224, 98, 76, .5);
 box-shadow: 0 7px 15px -3px rgba(224, 98, 76, .5);
}
/* è"ç³»æˆ'们-地图 */

.list-contact img {
 margin-left: 162px;
}
.list-contact li {
 float:left;
 width:250px;
 margin-top:50px;
 padding-left:50px;
 border-left:solid 1px #d7d7d7
}
.list-contact li .pic {
 width:80px;
 height:80px;
 text-align:center;
 margin-left:40px;
 margin-bottom:30px;
 line-height:76px;
 border-radius:100%;
 display:inline-block;
 border:solid 2px #3285ff
}
.list-contact li .blue {
 color:#00a0e9
}
.list-contact li:first-child {
 border:0
}
.list-contact .map {
 margin-top:50px;
 position:relative;
 margin-bottom:50px;
}
.list-contact .map .box {
 color:#fff;
 padding:10px;
 width:186px;
 line-height:18px;
 border-radius:10px;
 position:relative;
 background-color:#3285ff
}
.list-contact .map .box:after {
 content:"";
 right:-10px;
 bottom:10px;
 position:absolute;
 width:0;
 height:0;
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-left:10px solid #3285ff
}
.list-contact .map .box-1 {
 top:230px;
 left:581px;
 position:absolute
}
.list-contact .map .box-2 {
 top: 325px;
 left: 542px;
 position:absolute
}
.list-contact .map .box-3 {
 top: 282px;
 right: 146px;
 position:absolute
}
.list-contact .map .box-3:after {
 left:-10px;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-right:10px solid #3285ff
}
.list-contact .map .box-4 {
 top: 138px;
 right: 184px;
 position:absolute
}
.list-contact .map .box-4:after {
 content:"";
 right:93px;
 bottom:10px;
 top: 69px;
 position:absolute;
 width:0;
 height:0;
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg);
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-left:10px solid #3285ff
}
.list-contact .map .box-5 {
 top: 433px;
 left: 726px;
 position:absolute
}
.list-contact .map .box-6 {
 top:600px;
 right:215px;
 position:absolute
}
.list-contact .map .box-6:after {
 left:-10px;
 bottom:0;
 top:11px;
 -webkit-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg);
 border-top:10px solid transparent;
 border-bottom:10px solid transparent;
 border-right:10px solid #3285ff
}
 .list-contact .map .box-5:after {
 content: "";
 right: 88px;
    /* bottom: 10px; */
    top: -14px;
 position: absolute;
 width: 0;
 height: 0;
 -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 border-top: 10px solid #3285ff;
 border-right: 10px solid #3285ff;
 border-left: 10px solid transparent;
}
.list-contact .map ul {
width: 1048px;
 margin: 0 auto;
}
.list-contact .map ul li {
width: 50%;
 float: left;
 border: none;
 margin: 0;
 padding: 0;
 line-height: 32px;
 height: 79px;
 font-size: 18px;
margin: 0 auto;
}
 .list-contact .map ul li:nth-child(2), .list-contact .map ul li:nth-child(4), .list-contact .map ul li:nth-child(6) {
padding-left:28px;
width: 496px;
}
.list-contact .map ul li h4 {
font-weight:bold;
color: #00a0e9;
text-align:left;
}
section article {
 text-align:center;
 position:relative;
 margin:0 auto;
 max-width:1100px;
/*	font-size:0*/
}
.way {
	/*margin-top:90px;*/
	height: 150px;
}
.map .item {
display: flow-root;
}
.way li {
 display:inline-block;
 width:40.5%;
 min-width:400px;
 height:142px;
 border-radius:2px;
 background-color:#fff;
 box-shadow:0 0 20px 0 rgba(26, 52, 45, .1);
 position:relative;
 margin:0 27px;
 border-left:0px;
}
.way li img {
 width:98px;
 height:98px;
 position:absolute;
 left:35px;
 top:25px;
 margin-left: 0px;
}
 .way li p:nth-of-type(1) {
 margin-top: 37px;
 font-weight: 500;
 color: #65bf26;
}
.way li p h3 {
 font-size: 20px;
}
.way li p {
 margin-left: 100px;
 text-align: left;
 font-size: 18px;
}
 .way li p:nth-of-type(2) {
 margin-top: 13px;
 line-height: 1.39;
 text-align: justify;
 color: #757575;
}
 .way li:nth-of-type(2) p:nth-of-type(1) {
 color: #00a0e9;
}
/* index订货简介*/

.ellipsis {
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 -moz-text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.f-main-list {
 width:1200px;
 margin:40px auto 0 auto;
 text-align:center;
}
.f-main-item {
 display:inline-block;
 margin:0 69px 110px 69px;
 width:146px;
 *display:inline;
 _zoom:1;
 position:relative;
 height:207px
}
.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 {
 background:url(/templets/kefuwb/images/home_ico.png) no-repeat -890px -1191px;
 width:90px;
 height:70px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-45px;
 margin-top:-35px;
 transition:opacity .3s
}
.fk-infoBlockWrap .f-infoIcon-listedBrand {
 background-position:-895px -1300px
}
.fk-infoBlockWrap .f-infoIcon-funcRich {
 background-position:-886px -1402px
}
.fk-infoBlockWrap .f-infoIcon-oneKey {
 background-position:-899px -1500px
}
.fk-infoBlockWrap .f-infoIcon-model {
 background-position:-1004px -1497px
}
.fk-infoBlockWrap .f-infoIcon-site3to1 {
 background-position:-1008px -1401px
}
.fk-infoBlockWrap .f-infoIcon-easeMaintain {
 background-position:-1009px -1298px
}
.fk-infoBlockWrap .f-infoIcon-superSevice {
 background-position:-1009px -1194px
}
.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
}
.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
}
.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
}
.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:18px
}
.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
}
.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)
}
.set_4_button2 {
 position:relative;
 font-weight:400;
 text-align:center;
 width:auto;
 line-height:70px;
 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
}
/* 行业ä¸"ç‰ˆæ–¹æ¡ˆå¸ƒå±€æ ·å¼css */

.trade-content {
 padding: 30px 0;
}
.trade-black {
 height: 400px;
 background-color: #30383e;
}
.trade-box {
 width: 1200px !important;
 margin: 0 auto;
 position: relative;
 transition: all .3s ease;
}
.trade-box-list {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}
.trade-box-item {
 flex: 1;
 text-align: center;
 position: relative;
 height: 400px;
 background: no-repeat center;
 background-size: 100% auto;
}
.trade-content .trade-box-item:before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background-color: rgba(0, 0, 0, .6);
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
}
.item-logo {
 margin: 0 auto;
 display: block;
}
.trade-content .trade-box-item .item-logo {
 position: relative;
 margin-top: 120px;
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
}
.item-title {
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 padding: 20px 0;
 position: relative;
}
.trade-content .item-title:before {
 content: "";
 position: relative;
 display: block;
 width: 20px;
 border-bottom: 2px solid #fff;
 margin: 0 auto 20px;
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
 position: relative;
 transition: all .4s cubic-bezier(.4, 0, .2, 1);
 opacity: 0;
 margin-top: 10px;
}
.item-text p {
 color: #fff;
 font-size: 16px;
 margin-bottom: 5px;
}

.trade-content .trade-box-item:hover .item-text {
 display: block;
 opacity: 1;
 margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
 background-color: rgba(53, 152, 255, .9);
}
.trade-content .trade-box-item:hover .item-logo {
 margin-top: 80px;
}
.trade-content .trade-box-item:hover .item-title:before {
 opacity: 0;
 margin-bottom: 0;
}
/* 20180623 ä¼ä¸šç®¡ç†ç«¯æ ·å¼ */

.page-mode-manage .section {
 padding:80px 0;
}
.page-mode-manage h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-mode-manage .section1 {
 padding:50px 0 30px 0;
 height: 370px;
}
.page-mode-manage .section1 .section-left {
 width: 450px;
 float: right;
 margin-top: 50px;
}
.page-mode-manage .section1 .mod-title {
 text-align: left;
}

.page-mode-Fpoint .list {
 margin: 0 -15px;
 padding-bottom: 50px;
}
.page-mode-Fpoint .list .item {
 float: left;
 width: 194px;
 margin: 0 15px;
 background: #fff;
 padding: 15px 10px;
 text-align: center;
 transition: all .2s;
 border:1px solid #eee;
 border-radius: 6px;
 cursor: pointer;
}
.page-mode-Fpoint .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.page-mode-Fpoint .list .item-1 i {
 background-position: 0 0;
}
.page-mode-Fpoint .list .item-2 i {
 background-position: -120px 0;
}
.page-mode-Fpoint .list .item-3 i {
 background-position: -240px 0;
}
.page-mode-Fpoint .list .item-4 i {
 background-position: -360px 0;
}
.page-mode-Fpoint .list .item-5 i {
 background-position: -480px 0;
}
.page-mode-Fpoint .list .item-6 i {
 background-position: 0px -120px;
}
.page-mode-Fpoint .list .item-7 i {
 background-position: -120px -120px;
}
.page-mode-Fpoint .list .item-8 i {
 background-position: -240px -120px;
}
.page-mode-Fpoint .list .item-9 i {
 background-position: -360px -120px;
}
.page-mode-Fpoint .list .item-10 i {
 background-position: -480px -120px;
}
.page-mode-Fpoint .list .item-11 i {
 background-position: 0px -240px;
}
.page-mode-Fpoint .list .item-12 i {
 background-position: -120px -240px;
}
.page-mode-Fpoint .list .item-13 i {
 background-position: -240px -240px;
}
.page-mode-Fpoint .list .item-14 i {
 background-position: -360px -240px;
}
.page-mode-Fpoint .list .item-15 i {
 background-position: -480px -240px;
}
.page-mode-Fpoint .list .item-16 i {
 background-position: 0px -360px;
}
.page-mode-Fpoint .list .item-17 i {
 background-position: -120px -360px;
}
.page-mode-Fpoint .list .item-18 i {
 background-position: -240px -360px;
}
.page-mode-Fpoint .list .item-19 i {
 background-position: -360px -360px;
}
.page-mode-Fpoint .list .item-20 i {
 background-position: -480px -360px;
}
.page-mode-Fpoint .list .item-21 i {
 background-position: 0px -480px;
}
.page-mode-Fpoint .list .item-22 i {
 background-position: -120px -480px;
}
.page-mode-Fpoint .list .item-23 i {
 background-position: -240px -480px;
}
.page-mode-Fpoint .list .item-24 i {
 background-position: -360px -480px;
}
.page-mode-Fpoint .list .item-25 i {
 background-position: -480px -480px;
}
.page-mode-Fpoint .list .item-26 i {
 background-position: 0px -600px;
}
.page-mode-Fpoint .list .item-27 i {
 background-position: -120px -600px;
}
.page-mode-Fpoint .list .item-28 i {
 background-position: -240px -600px;
}
.page-mode-Fpoint .list .item-29 i {
 background-position: -360px -600px;
}
.page-mode-Fpoint .list .item-30 i {
 background-position: -480px -600px;
}
.page-mode-Fpoint .list .item-31 i {
 background-position: 0px -720px;
}
.page-mode-Fpoint .list .item-32 i {
 background-position: -120px -720px;
}
.page-mode-Fpoint .list .item-33 i {
 background-position: -240px -720px;
}
.page-mode-Fpoint .list .item-34 i {
 background-position: -360px -720px;
}
.page-mode-Fpoint .list .item-35 i {
 background-position: -480px -720px;
}
.page-mode-Fpoint .list .item-36 i {
 background-position: 0px -840px;
}
.page-mode-Fpoint .list .item-37 i {
 background-position: -120px -840px;
}
.page-mode-Fpoint .list .item-38 i {
 background-position: -240px -840px;
}
.page-mode-Fpoint .list .item-39 i {
 background-position: -360px -840px;
}
.page-mode-Fpoint .list .item-40 i {
 background-position: -480px -840px;
}
.page-mode-Fpoint .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-mode-Fpoint .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-mode-Fpoint .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-mode-Fpoint .list .item:hover .line {
 background: #3399ff;
}
.page-app-shopkeeper .banner {
 height:425px;
 float: left;
}
.page-app-shopkeeper .section-1 {
 padding: 0;
}
.page-app-shopkeeper .section-1 .img {
 width: 1223px;
 height: 186px;

 margin-top: -70px;
 float: left;
 padding-bottom: 50px;
}
/* 20180625案例banner */

.customer_banner {
 width: 100%;
 position: relative;
 overflow: hidden;
 height: auto;
}
.customer_banner .swiper-wrapper {
 width: 1226px;
 height: 500px;
 text-align: center;
 color: #fff;
}
.customer_banner .swiper-wrapper .title {
 padding-top: 100px;
 font-size: 52px;
}
.customer_banner .swiper-wrapper .content {
 font-size: 16px;
 color: #fff;
 line-height: 28px;
 margin-top: 40px;
}
.customer_banner .swiper-wrapper .m-video {
 display: block;
 width: 88px;
 height: 88px;
 cursor: pointer;
 margin: 25px auto;

}
.customer_banner .swiper-wrapper .more a {
 color: #fff
}
code, pre {
 background-color: #f8f8f8;
 -webkit-font-smoothing: initial;
 -moz-osx-font-smoothing: initial;
 padding: 5px 15px;
 white-space: normal;
}
code {
 color: #e96900;
 padding: 3px 5px;
 margin: 0 2px;
 border-radius: 2px;
}
.picture .main .box .customer-filter {
 font-size: 16px;
 color: #666666;
 text-align: center;
 padding: 0px 15px;
 margin-bottom: 50px;
 overflow: hidden;
 box-sizing: border-box;
 border-bottom: 1px solid #d8d8d8;
}
 .location-nav {
 color: #ccc;
 margin-top: 30px;
}
.location-nav i {
 color: #666;
 margin:0 10px;
}
.location-nav a {
 color: #666;
}
.location-nav a:hover {
 color: #00a0e9;
}
.news-banner-item {
 height: 250px;

 margin-bottom: 40px;
}
.about-banner-item {
 height: 250px;
 background: url(/templets/kefuwb/images/about-bg.jpg) no-repeat center;
 margin-bottom: 40px;
}
.head-v3 {
 position:relative;
 z-index:100;
 min-width:1200px
}
.head-v3 .navigation-inner {
 margin:0 auto;
 width:1200px;
 position:relative;
}
.navigation-up {
 height:75px;
 background:#fff;
	/*border-bottom: 1px solid #ededed;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);*/
	transition: all 0.5s ease-in;
}
.navigation-up .navigation-v3 {
 width:100%;
 float:left;
 _margin-left:10px;
}
.navigation-up .navigation-v3 .logo {
 float: left;
 height:75px;
}
.navigation-up .navigation-v3 .logo img {
	height:75px;
	width:auto;
}
.navigation-up .navigation-v3 ul {
 float:right;
width:80%;
}
.navigation-up .navigation-v3 li {
 float:left;
 text-align:right;
 font-family: "microsoft yahei";
 color:#333;
 background: url(/templets/kefuwb/images/navArrow02.png) no-repeat center right #fff;
 background-size: 16px;
}
.navigation-up .navigation-v3 li.none {
 background: none;
}
.navigation-up .navigation-v3 li.none h2 a {
 padding-right: 0px;
}
.navigation-up .navigation-v3 .nav-up-selected {
 background: url(/templets/kefuwb/images/navArrow03.png) no-repeat center right #fff;
 background-size: 16px;
}

/* 菜单选中背景 */
.navigation-up .navigation-v3 .nav-up-selected a {
 color: #333;
}
.navigation-up .navigation-v3 .nav-up-selected a:hover {
 color: #00a0e9;
}
.navigation-up .navigation-v3 .nav-up-selected-inpage {
 background:#fff;
}
.navigation-up .navigation-v3 li span {
 font-weight:normal;
 padding:0;
 margin:0;
 font-size: 16px;
}
.navigation-up .navigation-v3 li span a {
 color:#333;
 display:inline-block;
 height:75px;
 font-family:"microsoft yahei";
 line-height: 75px;
 vertical-align: middle;
}
.navigation-up .navigation-v3 li span a:hover {
 color:#00a0e9;
}
.navigation-down {
 position:absolute;
 top:90px;
 left:0px;
 width:100%;
 border-top: 1px solid #ededed;
}
.navigation-down .nav-down-menu {
 width:100%;
 margin:0;
 background:#fff;
 position:absolute;
 top:0px;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
.navigation-down .nav-down-menu .navigation-down-inner {
 margin:auto;
 width:1200px;
 position:relative
}
 .navigation-v3 li dl i {
 content: '';
 position: absolute;
 left: 50%;
 top: -8px;
 margin-left: -10px;
 display: block;
 border-style: solid;
 border-width: 0 10px 10px 10px;
 border-color: transparent;
 border-bottom-color: #fff;
 border-bottom-color: rgba(255, 255, 255, 0.95);
}
 .navigation-v3 li dl {
 margin: 0;
 padding: 10px 0;
 list-style: none;
 text-align: center;
 border-radius: 5px;
 position: absolute;
 top: 50px;
 width:135px;
}
.navigation-v3 li dl span {
height: 31px;
 display: block;
}
.navigation-v3 li dl i {
 content: '';
 position: absolute;
 left: 50%;
 top: -8px;
 margin-left: -10px;
 display: block;
 border-style: solid;
 border-width: 0 10px 10px 10px;
 border-color: transparent;
 border-bottom-color: #fff;
 border-bottom-color: rgba(255, 255, 255, 0.95);
}
.navigation-v3 li dl dt {
 text-align: center;
 line-height: 1.42857143;
}
.navigation-v3 li dl dt a {
 color: #333;
 font-size: 14px;
 padding: 10px;
 display: block;
}
.navigation-v3 li dl dt a:hover {
 color: #00a0e9;
}
.nli {
cursor:pointer;
}
.nli:hover>h2>a {
color:#00a0e9;
}
.dl_b {
display:none;
}
 .nli:hover .dl_b {
display: block;
}
 .navigation-v3 li:hover .dl_b {
 display: block;
}
.navigation-v3 li:hover .caret {
 color: #00a0e9;
 top: 36%;
}
 .navigation-down .menu-1 dd a i {
 color: #999;
 float: left;
 width: 100%;
 margin-top: 5px;
 font:normal 12px "microsoft yahei";
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.navigation-down .menu-1 dd a span {
 width: 180px;
 float: left;
}
.navigation-down .menu-1 dd a img {
 width: 40px;
 height: 40px;
 float: left;
 margin-right: 8px;
 margin-top: 2px;
}
.navigation-down .menu-1 dl:first-child dd a i {
}
 .navigation-down .menu-1:nth-child(3) .navigation-down-inner dl {
 width: 150px;
}
 .navigation-down .menu-1:nth-child(3) dl {
 margin:18px 10px 18px 10px;
}
 .navigation-down .menu-1:nth-child(3) dd a {
 float: left;
 width: 130px;
}
 .navigation-down .menu-1:nth-child(3) dd a span {
 width: 100%;
 text-align: center;
}
 .navigation-down .menu-1:nth-child(4) .navigation-down-inner dl {
 width: 150px;
}
 .navigation-down .menu-1:nth-child(4) dl {
 margin:18px 10px 18px 10px;
}
 .navigation-down .menu-1:nth-child(4) dd a {
 float: left;
 width: 130px;
}
 .navigation-down .menu-1:nth-child(4) dd a span {
 width: 100%;
 text-align: center;
}
.navigation-down .menu-2 dd a, .navigation-down .menu-3 dd a {
 color:#333;
 font:normal 16px "microsoft yahei"
}
 .page-collaboration .section {
 padding:80px 0;
}
.page-collaboration h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-collaboration .section1 {
 padding:50px 0 30px 0;
 height: 576px;
}
.page-collaboration .section1 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-collaboration .section1 .mod-title {
 text-align: left;
}
.page-collaboration .section1 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;

}
.page-collaboration .section2 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-collaboration .section2 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-collaboration .section2 .mod-title {
 text-align: left;
}
.page-collaboration .section2 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;

}
.page-collaboration .section3 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-collaboration .section3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-collaboration .section3 .mod-title {
 text-align: left;
}
.page-collaboration .section3 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;

}
.page-collaboration .section4 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-collaboration .section4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-collaboration .section4 .mod-title {
 text-align: left;
}
.page-collaboration .section4 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;

}
.page-collaboration .section5 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-collaboration .section5 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-collaboration .section5 .mod-title {
 text-align: left;
}
.page-collaboration .section5 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 
}
 .page-field .mod-floor {
 padding: 40px 0 70px 0;
 color: #333;
}
.page-field .mod-container {
 width: 1210px;
 margin: 0 auto;
}
.page-field .section-3 {
 background: #fff
}
.page-field .section-3 .list {
 margin: 0 -15px;
}
.page-field .section-3 .list .item {
 float: left;
 width: 220px;
 margin: 0 15px;
 background: #fff;
 padding: 30px;
 text-align: center;
 transition: all .2s;
}
.page-field .section-3 .list .item:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.page-field .section-3 .list .item i {
 width: 140px;
 height: 140px;
 display: block;
 margin: 0 auto 20px;
 background-repeat: no-repeat;

}
.page-field .section-3 .list .item-1 i {
 background-position: 0 0;
}
.page-field .section-3 .list .item-2 i {
 background-position: -140px 0;
}
.page-field .section-3 .list .item-3 i {
 background-position: -280px 0;
}
.page-field .section-3 .list .item-4 i {
 background-position: -420px 0;
}
.page-field .section-3 .list .item h3 {
 font-size: 24px;
 margin-bottom: 15px;
}
.page-field .section-3 .list .item p {
 font-size: 14px;
 color: #888;
 margin-bottom: 20px;
}
.page-field .section-3 .list .item .line {
 width: 80px;
 height: 2px;
 margin: 0 auto;
 background: #DEE2E4;
 transition: all .2s;
}
.page-field .section-3 .list .item:hover .line {
 background: #19BE42;
}
/* 移动车é"€ç³»ç»Ÿ */

.page-car .section {
 padding:80px 0;
}
.page-car h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-car .section1 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-car .section1 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-car .section1 .mod-title {
 text-align: left;
}
.page-car .section1 .img {
 width: 600px;
 height: 350px;
 float: left;
 margin-left:30px;
 margin-top: 50px;

}
.page-car .section2 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-car .section2 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-car .section2 .mod-title {
 text-align: left;
}
.page-car .section2 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;

}
.page-car .section3 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-car .section3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-car .section3 .mod-title {
 text-align: left;
}
.page-car .section3 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;

}
.page-car .section4 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-car .section4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-car .section4 .mod-title {
 text-align: left;
}
.page-car .section4 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;

}
.page-car .section5 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-car .section5 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-car .section5 .mod-title {
 text-align: left;
}
.page-car .section5 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 
}
.page-car .section6 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-car .section6 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-car .section6 .mod-title {
 text-align: left;
}
.page-car .section6 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;

}
/* 导购管理系统 */

.page-shoppers .section {
 padding:80px 0;
}
.page-shoppers h2 {
 padding-top: 0px;
 font-size: 36px;
 margin-bottom:30px;
}
.page-shoppers .mod-title {
 padding-bottom: 35px;
 text-align: center;
}
.page-shoppers .mod-title i {
 display: block;
 width: 102px;
 height: 3px;
 background: #5987ff;
 margin-left: 548px;
 margin-bottom: 20px;
}
.page-shoppers .mod-title h2 {
 font-size: 36px;
 margin-bottom: 17px;
 font-family: "HanHei SC", "PingHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;;
}
.page-shoppers .mod-title p {
 font-size: 16px;
 line-height: 1.7;
 color: #888;
}
.page-shoppers .section1 {
 padding:50px 0 30px 0;
}
.page-shoppers .section1 .img {
 height: 612px;

}
.page-shoppers .section2 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-shoppers .section2 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-shoppers .section2 .mod-title {
 text-align: left;
}
.page-shoppers .section2 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;

}
.page-shoppers .section3 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-car .section3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-shoppers .section3 .mod-title {
 text-align: left;
}
.page-shoppers .section3 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;
 
}
.page-shoppers .section4 {
 padding:30px 0 30px 0;
 height: 576px;
 background: #f1f4f9;
}
.page-shoppers .section4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-shoppers .section4 .mod-title {
 text-align: left;
}
.page-shoppers .section4 .img {
 width: 520px;
 height: 576px;
 float: right;
 margin-right:30px;

}
.page-shoppers .section5 {
 padding:30px 0 30px 0;
 height: 576px;
}
.page-shoppers .section5 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-shoppers .section5 .mod-title {
 text-align: left;
}
.page-shoppers .section5 .img {
 width: 600px;
 height: 576px;
 float: left;
 margin-left:30px;

}
/* 营é"€è´¹æŽ§ç³»ç»Ÿ */

.page-mode-marketing .banner {
 height:425px;
 margin-top: 60px;
 margin-bottom: 40px;
}
.page-mode-marketing .section {
 padding:40px 0;
}
.page-mode-marketing h2 {
 padding-top: 0px;
}
.page-mode-marketing .section-1 .mode-logo {
 width: 160px;
 height: 160px;

 margin: -80px auto 50px;
}
.page-mode-marketing .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
.page-mode-marketing .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;

}
 .page-mode-marketing .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-marketing .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-marketing .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-marketing .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-mode-marketing .section-2 {
 background:#F6F8FB;
}
.page-mode-marketing .section-2 .img {
 height: 612px;

}
.page-mode-marketing .section-3 {
 padding:30px 0 30px 0;
 height: 320px;
}
.page-mode-marketing .section-3 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-marketing .section-3 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-3 .img {
 width: 520px;
 height: 320px;
 float: right;
 margin-right:30px;

}
.page-mode-marketing .section-4 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#F6F8FB;
}
.page-mode-marketing .section-4 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-marketing .section-4 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-4 .img {
 width: 600px;
 height: 320px;
 float: left;
 margin-left:30px;

}
.page-mode-marketing .section-5 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-marketing .section-5 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-marketing .section-5 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-5 .img {
 width: 520px;
 height: 320px;
 float: right;
 margin-right:30px;

}
.page-mode-marketing .section-6 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#F6F8FB;
}
.page-mode-marketing .section-6 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-marketing .section-6 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-6 .img {
 width: 600px;
 height: 320px;
 float: left;
 margin-left:30px;

}
.page-mode-marketing .section-7 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#fff;
}
.page-mode-marketing .section-7 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-marketing .section-7 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-7 .img {
 width: 520px;
 height: 320px;
 float: right;
 margin-right:30px;

}
.page-mode-marketing .section-8 {
 padding:30px 0 30px 0;
 height: 320px;
 background:#F6F8FB;
}
.page-mode-marketing .section-8 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-marketing .section-8 .mod-title {
 text-align: left;
}
.page-mode-marketing .section-8 .img {
 width: 600px;
 height: 320px;
 float: left;
 margin-left:30px;

}
/* 产å"åŠæ–¹æ¡ˆ-面å'经é"€å•†ä¼ä¸š-ERP */

.page-mode-erp-banner {
 width:100%;
 height: 425px;
 position: relative;
 overflow: hidden;
 margin-top: 60px;
}
.page-mode-erp-banner ul, .page-mode-erp-banner li {
 width: 100% !important;
 height: 100% !important;
}
.page-mode-erp-banner li {
 background: no-repeat center center #00a8ff;
 background-size: cover;
 color: #fff;
}
.page-mode-erp-banner .container_field {
 width: 1120px;
 margin: 0 auto;
 display: table;
 height: 100%;
 position: relative;
}
.page-mode-erp-banner .container_field h1 {
 width: 100%;
 color: #fff;
 float: left;
 text-align: left;
 font-size: 40px;
 margin-top: 120px;
 margin-left:20px;
 margin-bottom:15px;
 line-height: 60px;
}
.page-mode-erp-banner .container_field a {
 float: left;
 color: #fff;
 font-size: 18px;
 text-align: center;
 border-radius: 6px;
 border:1px solid #fff;
 padding:8px 22px;
 margin-right: 20px;
 margin-top: 40px;
 margin-left:20px;
}
.page-mode-erp-banner .container_field a:hover {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-mode-erp-banner .container_field .active {
 background:#fe7d47;
 border:1px solid #f2672c;
}
.page-mode-erp .section {
 padding:80px 0;
}
.page-mode-erp h2 {
 padding-top: 0px;
}
.page-mode-erp .section-1 .mode-logo {
 width: 160px;
 height: 160px;

 margin: -80px auto 50px;
}
.page-mode-erp .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
.page-mode-erp .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;
 
}
 .page-mode-erp .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-erp .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-erp .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-erp .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-erp .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-erp .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-erp .section-1 .list li p {
 font-size: 14px;
 color: #888;
}

.page-mode-erp .section-3 {
 padding:50px 0 30px 0;
 height: 400px;
}
.page-mode-erp .section-3 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-erp .section-3 .mod-title {
 text-align: left;
}
.page-mode-erp .section-3 .img {
 width: 600px;
 height: 400px;
 float: left;
 margin-left:30px;

}
.page-mode-erp .section-4 {
 padding:30px 0 30px 0;
 height: 400px;
 background: #f1f4f9;
}
.page-mode-erp .section-4 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-erp .section-4 .mod-title {
 text-align: left;
}
.page-mode-erp .section-4 .img {
 width: 520px;
 height: 400px;
 float: right;
 margin-right:30px;

}
.page-mode-erp .section-5 {
 padding:50px 0 30px 0;
 height: 400px;
 background: #fff;
}
.page-mode-erp .section-5 .section-left {
 width: 550px;
 float: right;
 margin-top: 30px;
}
.page-mode-erp .section-5 .mod-title {
 text-align: left;
}
.page-mode-erp .section-5 .img {
 width: 600px;
 height: 400px;
 float: left;
 margin-left:30px;

}
.page-mode-erp .section-6 {
 padding:30px 0 30px 0;
 height: 400px;
 background: #f1f4f9;
}
.page-mode-erp .section-6 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-erp .section-6 .mod-title {
 text-align: left;
}
.page-mode-erp .section-6 .img {
 width: 520px;
 height: 400px;
 float: right;
 margin-right:30px;

}
.page-mode-erp .section-7 {
 padding:50px 0 30px 0;
 height: 580px;
}
.page-mode-erp .section-7 .section-left {
 width: 550px;
 float: right;
 margin-top: 60px;
}
.page-mode-erp .section-7 .mod-title {
 text-align: left;
}
.page-mode-erp .section-7 .img {
 width: 600px;
 height: 580px;
 float: left;
 margin-left:30px;
 background: url(/templets/kefuwb/images/OA&HR.png) no-repeat;
}
.page-mode-erp .section-8 {
 padding:30px 0 30px 0;
 height: 580px;
 background: #f1f4f9;
}
.page-mode-erp .section-8 .section-left {
 width: 500px;
 float: left;
 margin-top: 60px;
}
.page-mode-erp .section-8 .mod-title {
 text-align: left;
}
.page-mode-erp .section-8 .img {
 width: 520px;
 height: 580px;
 float: right;
 margin-right:30px;

}
/* 产å"åŠæ–¹æ¡ˆ-门店ä¸"柜系统-SPS */

.page-mode-sps-banner {
 width:100%;
 height: 425px;
 position: relative;
 overflow: hidden;
 margin-top: 60px;
}
.page-mode-sps-banner ul, .page-mode-sps-banner li {
 width: 100% !important;
 height: 100% !important;
}
.page-mode-sps-banner li {
 background: no-repeat center center #00a8ff;
 background-size: cover;
 color: #fff;
}
.page-mode-sps-banner .container_field {
 width: 1120px;
 margin: 0 auto;
 display: table;
 height: 100%;
 position: relative;
}
.page-mode-sps-banner .container_field h1 {
 width: 100%;
 color: #fff;
 float: left;
 text-align: left;
 font-size: 42px;
 margin-top: 120px;
 margin-bottom:15px;
 line-height: 60px;
}
.page-mode-sps-banner .container_field i {
 width: 100%;
 color: #fff;
 float: left;
 font-size: 20px;
}
.page-mode-sps-banner .container_field a {
 float: left;
 color: #fff;
 font-size: 18px;
 text-align: center;
 border-radius: 6px;
 border:1px solid #fff;
 padding:8px 22px;
 margin-right: 20px;
 margin-top: 40px;
}
.page-mode-sps-banner .container_field a:hover {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-mode-sps-banner .container_field .active {
 background:#00a0e9;
 border:1px solid #00a0e9;
}
.page-mode-sps .section {
 padding:80px 0;
}
.page-mode-sps h2 {
 padding-top: 0px;
}
.page-mode-sps .section-1 .mode-logo {
 width: 160px;
 height: 160px;
  margin: -80px auto 50px;
}
.page-mode-sps .section-1 .list li {
 float: left;
 width: 200px;
 margin: 0 20px;
 text-align: center;
 list-style: none;
}
.page-mode-sps .section-1 .list i {
 display: block;
 width: 154px;
 height: 154px;
 margin: 0 auto;
 
}
 .page-mode-sps .section-1 .list li:nth-child(1) i {
 background-position: 0 0;
}
 .page-mode-sps .section-1 .list li:nth-child(2) i {
 background-position: -154px 0;
}
 .page-mode-sps .section-1 .list li:nth-child(3) i {
 background-position: -308px 0;
}
 .page-mode-sps .section-1 .list li:nth-child(4) i {
 background-position: -462px 0;
}
 .page-mode-sps .section-1 .list li:nth-child(5) i {
 background-position: -616px 0;
}
.page-mode-sps .section-1 .list li h3 {
 font-size: 21px;
 margin: 20px 0;
}
.page-mode-sps .section-1 .list li p {
 font-size: 14px;
 color: #888;
}
.page-mode-sps .section-3 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-mode-sps .section-3 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-mode-sps .section-3 .mod-title {
 text-align: left;
}

.page-mode-sps .section-4 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-4 .section-left {
 width: 500px;
 float: left;
 margin-top: 20px;
}
.page-mode-sps .section-4 .mod-title {
 text-align: left;
}

.page-mode-sps .section-5 {
 padding:50px 0 30px 0;
 height: 350px;
 background: #fff;
}
.page-mode-sps .section-5 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-mode-sps .section-5 .mod-title {
 text-align: left;
}

.page-mode-sps .section-6 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-6 .section-left {
 width: 500px;
 float: left;
 margin-top: 40px;
}
.page-mode-sps .section-6 .mod-title {
 text-align: left;
}

.page-mode-sps .section-7 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-mode-sps .section-7 .section-left {
 width: 550px;
 float: right;
 margin-top: 20px;
}
.page-mode-sps .section-7 .mod-title {
 text-align: left;
}

.page-mode-sps .section-8 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-8 .section-left {
 width: 500px;
 float: left;
 margin-top: 50px;
}
.page-mode-sps .section-8 .mod-title {
 text-align: left;
}

.page-mode-sps .section-9 {
 padding:50px 0 30px 0;
 height: 350px;
}
.page-mode-sps .section-9 .section-left {
 width: 565px;
 float: right;
 margin-top: 50px;
}
.page-mode-sps .section-9 .mod-title {
 text-align: left;
}

.page-mode-sps .section-10 {
 padding:30px 0 30px 0;
 height: 350px;
 background: #f1f4f9;
}
.page-mode-sps .section-10 .section-left {
 width: 515px;
 float: left;
 margin-top: 40px;
}
.page-mode-sps .section-10 .mod-title {
 text-align: left;
}

/*新增服务保障CSS*/
 .work-container {
 width:100%;
 overflow:hidden;
 text-align:center;
 position:relative;
 margin-bottom:10px;
}
.work-container .title, .aTit .title, .section-container .title, .cooperat-brand .title, .call-advantage .title, .title-bar .title {
 font-size: 36px;
 line-height: 52px;
 color:  #4f5b6c;
 padding-top: 50px;
}
.work-container .titlep {
 font-size: 16px;
 line-height: 28px;
 padding-top: 10px;
 color: #888;
}
 .work-container .work-type {
 padding-bottom: 30px;
 margin-top:50px;
}
.work-container .work-type .type-list {
 display:flex;
 margin-right:-25px;
 justify-content:center;
 align-items:center
}
.work-container .work-type .type-list li {
 position: relative;
margin-bottom: 32px;
 z-index:999999;
 flex: 1;
 height: 300px;
 margin-right: 25px;
 box-shadow: 0 0 50px rgba(0, 54, 91, 0.1);
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background: #fff;
 font-size: 20px;
 color: #333;
 transition: all .5s;
 -moz-transition: all .5s;
 -webkit-transition: all .5s;
}
.work-container .work-type .type-list li:hover {
 color:#fff;
 transform:scale(1.1);
 webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1)
}
.work-container .work-type .type-list li:hover .cont .btn {
 background:#13a590
}
.work-container .work-type .cont {
 position:relative;
 z-index:1
}
.work-container .work-type .cont .img-wrap {
 padding-top:20px;
 height:77px
}
.work-container .work-type .cont .info {
 padding:20px 0 28px;
-webkit-transition:color .3s;
-moz-transition:color .3s;
-o-transition:color .3s;
transition:color .3s;
 color:#000;
 font-size: 24px;
 line-height: 2;
}
.work-container .work-type .cont .content {
 color:#888;
 font-size:16px;
 padding:0 20px 30px 20px;
 line-height:30px
}
.work-container .work-type .cont .btn {
 font-size:16px;
 display:block;
 width:100px;
 height:30px;
 margin:auto;
 background:#05c0a5;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px;
 line-height:30px;
 color:#fff;
 box-shadow:0 0 10px rgba(199, 234, 229, 0.1);
-webkit-transition:background .3s;
-moz-transition:background .3s;
-o-transition:background .3s;
transition:background .3s
}
.work-container .work-type .img-box {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 background-repeat:no-repeat;
 background-position:center 10px;
-webkit-transition:opacity .3s;
-moz-transition:opacity .3s;
-o-transition:opacity .3s;
transition:opacity .3s
}
.work-container .work-type .img-box:before {
 display:block;
 height:100%;

 background-size:100% 100%;
 content:''
}
.kzf-mod-case-container.di5 {
padding-bottom:50px;
}
/*新增èµ"讯css*/
.b-home {
 border-top: 1px solid #eee;
 padding-bottom: 45px;
 display: -webkit-box;
}
.b-content {
 width: 1200px;
 margin: 0 auto;
}
 .b-home .b__hd {
padding:45px 0;
}
.c-title {
text-align: center;
}
.c-title--center {
text-align: center;
}
.c-title__h {
font-size: 36px;
 color: #333;
 font-weight: normal;
 padding: 10px 0;
}
.c-title__p {
padding: 10px 0;
 color: #888;
 font-size: 16px;
}
.c-title--icon:after {
content: " ";
display: inline-block;
height: 1px;
vertical-align: middle;
width: 100px;
margin-left: 25px;
background: #666;
}
.c-title--icon:before {
content: " ";
display: inline-block;
height: 1px;
vertical-align: middle;
width: 100px;
margin-right: 25px;
background: #666;
}
 .sep-3 {
 width: 31.278%;
float:left;
}
.home-news .sep-3 {
padding-left: 1%;
padding-right: 1%;
}
 .home-news .sep-3+.sep-3 {
border-left: 1px solid #eee;
}
.home-news__hotimg img {
display: block;
width:100%;
height:188px;
}
.home-news__list li {
}
.home-news__tit {
position: relative;
border-bottom: 1px solid #eee;
}
.home-news__tit h5 {
font-size: 20px;
font-weight: normal;
padding:20px 0;
}
.home-news__tit .c-more {
margin-top: 23px;
}
.home-news__list {
margin-top: 15px;
height:168px;
}
.home-news__list li {
padding:6px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-news__list li:before {
display: inline-block;
content: " + ";
margin-right: 15px;
color: #3eaeff
}
.home-news__list li a {
color: #999;
display: inline-block;
position: relative;
left: 0;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.home-news__list li a:hover {
color: #00a0e9;
left: 15px;
}
table dd {
border:#333 2px solid;
}
.index2_b2c_index {
width:100%;
background: #f4f4f4;
}
 .wtite {
color:#5e6263;
margin-left:5px;
}
.wtite2 {
color:#fff;
margin-left:8px;
}
 .bannerf, .bannerfindex {
 position: absolute;
 top: 60px;
 z-index: 0;
}
.mmkfwxm_conpc {
margin-top: -20px;
}
.bannerf span {
line-height:66px;
}
.bannerfindex span {
line-height:56px;
}
.bannerfont, .bannerfontindex {
font-size:32px;
color:#fff;
}
.bannerfontsmall {
font-size:25px;
color:#fff;
}
.bannerh {
color: #ffea01;
}
 .mfsy {
float: left;
 color: #fff;
 font-size: 18px;
 text-align: left;
 border-radius: 6px;
 border: 1px solid #fff;
 padding: 8px 22px;
 margin-right: 20px;
 margin-top: 40px;
 margin-left:0px;
 background: #fe7d47;
 border: 1px solid #f2672c;
}
.mfsylu {
float: left;
 color: #fff;
 font-size: 18px;
 text-align: left;
 border-radius: 6px;
 border: 1px solid #fff;
 padding: 8px 22px;
 margin-right: 20px;
 margin-top: 40px;
 margin-left:0px;
background: #0ac67c;
 border: 1px solid #03ac69;
}
 .hbanner {
background:#00a0e9 url(/templets/kefuwb/images/fwzx.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.aboutbanner {
background:#00a0e9 url(/templets/kefuwb/images/about-bg.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}

.hwbjgbanner {
background:#00a0e9 url(/templets/kefuwb/images/hwbjgbanner.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.wbznbanner {
background:#00a0e9 url(/templets/kefuwb/images/wbznhbanner.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.newhbanner {
background:#00a0e9 url(/templets/kefuwb/images/newhbanner.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.hbanner_con {
padding-top: 40px;
z-index: 0;
left:243px;
width:1200px;
margin:0 auto;
}
 .hbanner_con span {
font-size:25px;
color:#fff;
}
.hbannerzx a {
background:#00a0e9;
font-size:20px;
 padding:5px 33px;
 left: 0;
height:40px;
line-height:40px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 border: 1px solid #00a0e9;
 cursor: pointer;
 border-radius:30px;
color:#fff;
}
.aTit h5 {
 font-size: 36px;
 line-height: 52px;
 color: #000;
}
 .aTit p {
font-size: 16px;
 line-height: 28px;
 padding-top: 10px;
 color: #888;
}
.kfalbanneran {
float: left;
 color: #fff;
 font-size: 18px;
 text-align: left;
 border-radius: 6px;
 border: 1px solid #fff;
 padding: 8px 22px;
 margin-top: 241px;
 margin-left: 933px;
 background: #fe7d47;
 border: 1px solid #f2672c;
}
 .navclass {
background: #fff;
 border-radius: 13px;
 width: 135px;
 padding: 10px 0;
}
 .bottomwx {
color: #fff;
 text-align: center;
 width: 178px;
 font-size: 14px;
}
.bg-gray {
 background-color: #fafafa;
}
.bg-graycon {
 background-color: #fafafa;
}
.pages li a, .pagelist li a {
font-size: 12px;
 height: 32px;
 line-height:32px;
 min-width:auto;
border: none;
}
.pages .pagination li:last-child{display:none;}
.pages li, .pagelist li {
 list-style: none;
 float: left;
 height: 32px;
 line-height:32px;
 font-size: 12px;
 color: #bbb;
 border: 1px #ccc solid;
 background: #fcfcfc;
 margin-right: 10px;
}
.pages li:hover, .pagelist li:hover {
color:#00a0e9;
height:32px;
 line-height: 32px;
 min-width:auto;
}
select[name="sldd"] {
 border:none;
height: 32px;
 line-height: 32px;
}
select[name="sldd"] option:selected {
 background: #00a0e9;
}
.pageindex {
height:32px;
 line-height:32px;
}
.pageinfo {
height:32px;
 line-height: 32px;
}
.pagelist .thisclass, .pages .thisclass {
color:#fff;
 border: 1px #00a0e9 solid;
 background: #00a0e9;
height:32px;
 line-height: 32px;
}
.pagelist.juhelist .thisclass, .pages .thisclass {
color:#fff;
 border: 1px #00a0e9 solid;
 background: #00a0e9;
height:32px;
 line-height: 32px;
padding: 0px 12px;
}
.pagelist .thisclass:hover, .pages .thisclass:hover {
color:#fff;
 border: 1px #00a0e9 solid;
 background: #00a0e9;
height: 32px;
 line-height: 32px;
}
.navigation-up .navigation-v3 li span a:hover #navhover {
 color:#00a0e9;
}
 .nav {
 width:1200px;
 height:50px;
 font-size:14px;
 color:#666;
 line-height:50px;
 margin:0 auto;
}
.naval {
 width:1200px;
 height:50px;
 font-size:14px;
 color:#666;
 line-height:50px;
 margin:0 auto;
/*  margin-bottom: -40px;*/
}
.nav a, .naval a {
 font-size:14px;
 color:#666;
 line-height: 50px;
}
.nav a:hover, .naval a:hover {
 color:#00a0e9;
 text-decoration: none;
}
.section {
 width:1200px;
 height:auto;
 overflow: hidden;
 margin:0 auto;
 padding-top: 0;
}
.section .left_nav {
 width:250px;
 height:auto;
 background:#fff;
 float:left;
 border: 1px solid #ddd;
}
.section .left_nav h5 {
 margin:0;
 text-indent: 21px;
 font-size:18px;
 color:#333;
 line-height: 60px;
 border-bottom: 1px solid #ddd;
 background: #f5f5f5;
}
.section .left_nav ul {
 padding:10px 21px;
}
.section .left_nav ul li {
 font-size:14px;
 color:#666;
 line-height: 32px;
 cursor:pointer;
}
.section .left_nav ul li a {
font-size:15px;
 color:#333;
}
.section .left_nav ul li a:hover {
 color:#00a0e9;
}
.section .left_nav ul li a.active {
 color:#00a0e9;
}
.section .left_nav ul li i {
 display: inline-block;
 float:right;
 width:8px;
 height:14px;
 background: url(/templets/kefuwb/images/ruleBlack.png) no-repeat center;
 margin-top:9px;
}
.section .left_nav ul li:hover {
 color:#5ba9ff;
}
.section .left_nav ul li:hover i {
 background: url(/templets/kefuwb/images/ruleBlue.png) no-repeat center;
}
.section .left_nav ul .active {
 color:#5ba9ff;
}
.section .left_nav ul .active i {
 background: url(/templets/kefuwb/images/ruleBlue.png) no-repeat center;
}
.section .left_nav .hr {
 width:100%;
 height:1px;
 background: #e5e5e5;
}
.section .right_con {
 width:927px;
 height:auto;
 background: #fff;
 overflow: hidden;
 float:right;
 padding-bottom: 20px;
}
.section .right_con .title_1 {
 margin-top:16px;
 font-size:20px;
 color:#555;
 line-height: 65px;
 margin-left: 40px;
margin-bottom: 10px;
}
 .section .right_con .title_2 {
 font-size:14px;
 color:#1d1d1d;
 line-height: 30px;
 font-weight: 600;
}
.section .right_con .h3 {
 font-size: 18px;
 color: #1d1d1d;
 line-height: 30px;
 font-weight: 600;
}
.section .right_con p {
 width:860px;
 font-size:12px;
 color:#666;
 line-height: 18px;
 margin-bottom:20px;
}
.section .right_con span {
 color:#1d1d1d;
 font-weight: 600;
}
.section .right_con a {
 color:#5ba9ff;
}
.section .right_con .package_form {
 width:980px;
 height:auto;
 margin-left:-60px;
}
.clear {
 clear: both;
}
.contact_us {
 width:940px;
 height:300px;
 float:right;
 background: #fff;
 margin-top:10px;
}
.contact_us .title {
 width:100%;
 height:28px;
 font-size:20px;
 font-weight:bold;
 color:rgba(29, 29, 29, 1);
 line-height:28px;
 text-align: center;
}
.online_service {
 width:50%;
 height:150px;
 float:left;
 position: relative;
}
.online_service .online_service3 {
 display: block;
 width:56px;
 height:50px;
 margin-left:267px;
 background: url(/templets/kefuwb/images/online_service3.png) no-repeat center;
}
.contact_us .online_service .word {
 display: inline-block;
 width:56px;
 height:20px;
 font-size:14px;
 font-weight:500;
 color:rgba(51, 51, 51, 1);
 line-height:20px;
 margin-left:267px;
 margin-top:16px;
}
.contact_us .online_service .contact_us_a {
 display: block;
 width:80px;
 height:30px;
 background:#00a0e9;
 border-radius:4px;
 font-size:12px;
 font-weight:400;
 color:rgba(255, 255, 255, 255);
 line-height:30px;
 text-align: center;
 margin-left:255px;
 margin-top:4px;
}
.contact_us .online_service .contact_us_a:hover {
 text-decoration: none;
}
.contact_us .online_service .right_hr {
 width:2px;
 height:100px;
 background:rgba(242, 243, 243, 1);
 position: absolute;
 right:0;
 top:22px;
}
.contact_us .make_call {
 width:50%;
 height:150px;
 float:right;
}
.contact_us .make_call .phone {
 width:32px;
 height:39px;
 background: url(/templets/kefuwb/images/phonecon.png) no-repeat center;
 margin-top:5px;
 margin-left:58px;
 float:left;
}
.contact_us .make_call .phone_num {
 width:126px;
 height:20px;
 background: url(/templets/kefuwb/images/400-0413-195.png) no-repeat center;
 margin-top:15px;
 margin-left:22px;
 float:left;
}
.contact_us .make_call .word2 {
 width:100%;
 height:20px;
 font-size:14px;
 font-weight:500;
 color:rgba(51, 51, 51, 1);
 line-height:20px;
 margin-top:22px;
 text-indent: 147px;
}

/*表格*/
.packageRule {
 width:946px;
 border-collapse:collapse;
 margin-left:-43px;
 font-size:12px;
 color:#1d1d1d;
 text-align: center;
}
.packageRule tr {
 height:27px;
}
.packageRule tr:nth-child(even) {
 background-color: #fef2cc;
}
.packageRule {
 border:2px solid #ffd861;
 text-align: center;
}
.packageRule th {
 border:2px solid #ffd861;
 text-align: center;
}
.packageRule td {
 border:2px solid #ffd861;
 text-align: center;
}
/*模拟对角线*/
.packageRule .out {
 width: 205px;
 height: 58px;
 position: relative;
}
.packageRule .out::after {
 display: block;
 content: '';
 width:215px;
 height:1px;
 background: #ffd345;
 position: absolute;
 left:-5px;
 top:28px;
 transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 -webkit-transform:rotate(16deg);
 -o-transform:rotate(16deg);
 -moz-transform:rotate(16deg);
}
b {
 font-style: normal;
 display: block;
/* position: absolute;
  top: 10px;
  left: 114px;
  width: 76px;*/
}
em {
 font-style: normal;
 display: block;
 position: absolute;
 top: 31px;
 left: 37px;
 width: 55px;
}

/*服务资讯*/
.met_section {
  /*  position: relative;
    padding: 30px 0 50px;*/
	width: 1200px;
 margin: 0 auto;
}
metinfo-v2.css:267 .mw980 {
 max-width: 1200px;
 margin: 0 auto;
}
.met_section aside {
    /*position: relative;*/
    float: left;
 width: 230px;
}
.met_section aside section {
 background: #f5f5f5;
 border: 1px solid #ddd;
 border-radius: 3px;
 margin-bottom: 20px;
}
.met_section aside section h2 {
 padding: 0 20px;
 height: 60px;
 font-size: 18px;
 line-height: 60px;
/* position: relative;*/
}
.met_section aside .met_aside_list {
 background: #fff;
 border-top: 1px solid #ddd;
}
.sidebaran {
 width: 40px;
 height: 40px;
 cursor: pointer;
 color: #999;
 font-size: 22px;
 display: block;
   /* position: absolute;*/
    top: 10px;
 right: 10px;
 text-align: center;
 line-height: 40px;
}
.met_section aside .met_aside dl dt {
 height: 45px;
 line-height: 45px;
 font-weight: normal;
}
.met_section aside .met_aside dl dt a {
 display: block;
 padding: 0 20px;
 color: #333;
}
.met_aside_list>dl>dt>a.active {
background: #efefef;
}
.met_section article {
 float:right;
 width: 1200px;
 max-width:1200px;
}
.met_section article .met_article {
 margin-left: 0px;
}
.met_art_art {
 border:1px solid #ddd;
 margin-bottom: 20px;
 background-color: #fff;
 border-radius: 4px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.met_art_art > .panel-heading {
 color: #333;
 background-color: #f5f5f5;
 border-color: #ddd;
}
.panel-heading {
 padding: 10px 15px;
 border-bottom: 1px solid transparent;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}
.met_article_head {
 padding: 0 10px;
 height: 60px;
 border-bottom: 1px solid #ddd;
 line-height: 60px;
 margin-bottom: 30px;
}
.panel-heading h1 {
 font-size:30px;
 margin-top: 20px;
 margin-bottom: 10px;
}
.met_source a {
 color:#333;
}
 .text-muted {
 color: #777;
}
.met_article_head .listh1 {
 color: #555;
 font-weight: normal;
 font-size: 18px;
 height: 60px;
 line-height: 60px;
 text-align: left;
 float:left;
}
.met_editor {
 line-height: 2;
 word-wrap: break-word;
}
.panel-body {
 padding: 30px;
 color:#333;
padding-left: 40px;
 padding-right: 40px;
}
.panel-body p {
font-size:18px;
line-height: 33px;
 text-align: left;
 color: #333;
 margin-bottom:20px;
}
.met_article_head .met_position {
 float:right;
 top: 0;
 right: 10px;
 color: #aaa;
 font-family: '宋体';
 font-size:14px;
}
.met_article_head .met_position a {
 color: #999;
 font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun';
}
.met_section aside .met_aside dl dt a:hover {
background:#efefef;
}
.met_section aside .met_aside dl dd .on a, .met_aside dl dd a:hover {
background:#efefef;
}
.list-group {
 padding-left: 0;
 margin-bottom: 20px;
 font-size:14px;
 text-align:left;
}
.met_pager {
 text-align: center;
 padding: 10px 0 0;
 font-size:14px;
display: inline-block;
}
.list-group-item:first-child {
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
a.list-group-item, button.list-group-item {
 color: #555;
}
.newslist_p15 {
 padding: 15px;
}
.list_conn {
height:115px;
border: 1px solid #ddd;
margin-bottom: 15px;
border-radius: 4px;
}
.list_conn a {
font-weight:bold;
border:none;
border-bottom: 1px solid #ddd;
}
.list_conn p {
 line-height: 22px;
 padding: 10px 15px;
}
.list-group-item {
    /*position: relative;*/
    display: block;
 padding: 15px 15px;
 margin-bottom: -1px;
 background-color: #fff;
 border: 1px solid #ddd;
}
.list_conn p a {
border:none;
font-weight:100;
color:#555;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
 color: #555;
 text-decoration: none;
 background-color: #f5f5f5;
}
.badge {
 display: inline-block;
 min-width: 10px;
 padding: 3px 7px;
 font-size: 12px;
 font-weight: bold;
 line-height: 1;
 color: #fff;
 text-align: center;
 white-space: nowrap;
 vertical-align: middle;
 background-color: #777;
 border-radius: 10px;
}
.list-group-item > .badge {
 float: right;
}
.met_pager .PreSpan, .met_pager .NextSpan {
 height: 30px;
 line-height: 30px;
 min-width: 60px;
 _width: 60px;
 text-align: center;
 background: #f0f0f0;
 color: #ccc;
 display: inline-block;
}
.met_pager .PreSpan, .met_pager .PreA {
 margin-right: 6px;
}
.met_pager a {
 text-align: center;
 color: #808080;
}
 .met_pager .PreSpan, .met_pager .NextSpan {
height:30px;
line-height:30px;
min-width:60px;
_width:60px;
text-align:center;
background:#f0f0f0;
color:#ccc;
display:inline-block
}
.met_pager .PreA, .met_pager .NextA {
height:28px;
line-height:28px;
min-width:58px;
_width:58px;
color:#aaa
}
.met_pager .PreSpan, .met_pager .PreA {
margin-right:6px
}
.met_pager .NextSpan, .met_pager .NextA {
margin-left:6px
}
.met_pager .firstPage, .met_pager .lastPage {
font-weight:bold;
height:28px;
line-height:28px;
min-width:40px;
_width:40px;
color:#aaa
}
.met_pager .Ahover {
font-weight:bold;
background:#f0f0f0;
color:#aaa
}
.met_pager .PageText {
margin-left:10px;
color:#aaa;
display: none;
}
.met_pager #metPageT, #metPageB {
text-align:center;
border:1px solid #e0e0e0;
color:#aaa
}
.met_pager #metPageT {
width:20px;
padding:6px 5px 5px;
display: none;
}
.met_pager #metPageB {
min-width:40px;
_width:40px;
padding:6px 0 5px;
cursor:pointer;
font-weight:bold;
display: none;
}
 .panel-footer {
 padding: 10px 15px;
 background-color: #f5f5f5;
 border-top: 1px solid #ddd;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
}
.met_tools {
 position: relative;
 height: 50px;
 line-height: 50px;
}
.bdshare-button-style1-16 .bds_more {
 color: #333;
 float: left;
}
.bdshare-button-style1-16 a, .bdshare-button-style1-16 .bds_more {
 float: left;
 font-size: 12px;
 padding-left: 17px;
 line-height: 16px;
 height: 16px;

 background-repeat: no-repeat;
 cursor: pointer;
 margin: 6px 6px 6px 0;
}
.bdshare-button-style1-16 .bds_more {
 background-position: 0 0;
}
.bdshare-button-style1-16 .bds_qzone {
 background-position: 0 -52px;
}
.bdshare-button-style1-16 .bds_tsina {
background-position:0 -104px;
}
.bdshare-button-style1-16 .bds_renren {
background-position:0 -208px;
}
.bdshare-button-style1-16 .bds_tqq {
background-position:0 -260px;
}
.bdshare-button-style1-16 .bds_kaixin001 {
background-position:0 -312px;
}
.bdshare-button-style1-16 .bds_tqf {
background-position:0 -364px;
}
.bdshare-button-style1-16 .bds_hi {
background-position:0 -416px;
}
.bdshare-button-style1-16 .bds_douban {
background-position:0 -468px;
}
.bdshare-button-style1-16 .bds_tsohu {
background-position:0 -520px;
}
.bdshare-button-style1-16 .bds_tieba {
background-position:0 -728px;
}
.bdshare-button-style1-16 .bds_hx {
background-position:0 -988px;
}
.bdshare-button-style1-16 .bds_fx {
background-position:0 -1040px;
}
.bdshare-button-style1-16 .bds_ty {
background-position:0 -1196px;
}
.bdshare-button-style1-16 .bds_fbook {
background-position:0 -1352px;
}
.bdshare-button-style1-16 .bds_twi {
background-position:0 -1404px;
}
.bdshare-button-style1-16 .bds_linkedin {
background-position:0 -1664px;
}
.bdshare-button-style1-16 .bds_meilishuo {
background-position:0 -1716px;
}
.bdshare-button-style1-16 .bds_weixin {
 background-position: 0 -1612px;
}
.met_tools .met_page {
 clear: both;
 position: absolute;
 right: 5px;
 top: 0;
 color: #818181;
}
.met_tools .met_page li {
 text-align: left;
 list-style: none;
 margin-left: 30px;
float: left;
}
.met_tools .met_page li span {
 padding-right: 5px;
}
.met_tools .met_page a {
 color: #00a0e9;
}
/*在线客服外包*/
.zxkfbanner {
 width:100%;
 margin:0 auto;
}
/*.zxkfbanner img{width:100%;}*/
/*解决问题*/
.abox_b {
 padding-bottom: 50px;
 background: #f4f4f4;
}
.wrap {
 width: 1200px;
 margin: 0 auto;
}
.wow {
width:341px;
}
.text-center {
 text-align: center;
}
.aTit {
 padding-top: 0;
 padding-bottom: 50px;
}
 .aTit h2 {
 font-size: 36px;
 line-height: 52px;
 color: #000;
}
.left {
 float: left;
 display: inline-block;
}
.aul {
 text-align: center;
}
.aimg {
   /* margin-left: 40px;*/
	width:518px;
 margin:0 auto;
 text-align:center;
}
.aul {
 text-align: center;
}
.right {
 float: right;
 display: inline-block;
}
.aul li {
 margin-bottom: 26px;
}
.c1 {
 color: #00a0e9;
}
.aul li .num {
 text-align: center;
 background: url(/templets/kefuwb/images/ai.png) no-repeat;
 width: 55px;
 height: 62px;
 line-height: 62px;
 text-align: center;
 font-size: 32px;
 margin: 0 auto;
}
.aul li p {
 margin-top: 7px;
 font-size: 18px;
 line-height: 1.7;
 display: inline-block;
}
/*客服外包中的优势*/
.main-why {
 background: #fff;
 display: -webkit-box;
}
.main-section .section-container {
 width: 1200px;
 margin: 0 auto;
 padding: 0px 0 50px 0;
 text-align:center;
}
.main-section .section-container>h5 {
 font-size: 36px;
 line-height: 52px;
 text-align: center;
 color: #333;
 position: relative;
}
.sec_h5_p {
 font-size: 16px;
 line-height: 28px;
 padding-top: 10px;
 color: #888;
 text-align:center;
}
.main-why h5 {
 color: #000 !important;
 font-weight: 500 !important;
}
.main-why .why-list {
 margin-top: 50px;
}
.main-why .why-list>li {
 float: left;
 width: 346.5px;
 box-shadow: 1px 1px 5px #dfdfdf;
 margin-bottom: 20px;
 margin-right: 20px;
 border-radius: 5px;
 height: 114px;
 text-align: left;
 padding: 30px 20px;
 background: #fff;
 position: relative;
}
.main-why .why-list>li:nth-child(3),.main-why .why-list>li:nth-child(6) {
	margin-right: 0px;
}
.main-why .why-list>li img {
 position: absolute;
 right: 22px;
 top: 25px;
 width: auto;
}
.main-why .why-list>li h6 {
 color: #00a0e9;
 font-size: 20px;
 margin-top: 10px;
 margin-bottom: 40px;
}
.main-why .why-list>li p {
 color: #565656;
 font-size: 16px;
 line-height: 30px;
 width: 83%;
}
/*合作品牌*/
.cooperat-brand-bg {
 width: 100%;
 padding-bottom: 50px;
 background: #f4f4f4;
 padding-top:50px;
}
.cooperat-brand {
 width: 1200px;
 margin: 0 auto;
 text-align:center;
}
.section-heading {
 font-size: 36px;
 line-height: 52px;
 text-align: center;
 text-transform: uppercase;
}
.cooperat-brand .brand-box li {
 float: left;
 margin: 13px 23px 13px 0;
}
.cooperat-brand .brand-box .last {
 margin-right: 0px;
}
.cooperat-brand .brand-box li:nth-child(1), .cooperat-brand .brand-box li:nth-child(2), .cooperat-brand .brand-box li:nth-child(3), .cooperat-brand .brand-box li:nth-child(4), .cooperat-brand .brand-box li:nth-child(5) {
 margin: 0 13px 13px 0;
}
.cooperat-brand .brand-box li:nth-child(11), .cooperat-brand .brand-box li:nth-child(12), .cooperat-brand .brand-box li:nth-child(13), .cooperat-brand .brand-box li:nth-child(14), .cooperat-brand .brand-box li:nth-child(15) {
 margin: 13px 13px 0 0;
}
.cooperat-brand .brand-box li:nth-child(15) {
 margin: 13px 0 0 0;
}
.cooperat-brand .brand-box li:nth-child(5) {
 margin: 0 0 13px 0;
}
.cooperat-brand .brand-box li img {
 width:229px;
}
.brand-box {
 margin-top:13px;
}
/*服务保障*/
.section-container {
padding-bottom:50px;
text-align:center;
}
.section-container ul {
 display: table;
 width: 1200px;
 margin: 0 auto;
 margin-top:30px;
}
.section-container ul li {
 display: table-cell;
 text-align: center;
}
.section-container ul li img {
 width: 90px;
 margin-bottom: 20px;
}
.section-container ul li .title {
 font-size: 20px;
 color: #2c295d;
 margin-bottom: 20px;
 padding-top: 0;
 line-height: 0;
}
.section-container .more {
 display: block;
 color: #00a0e9;
 font-size: 20px;
 margin-top: 32px;
 text-align:center;
}
 .section-container ul li .content {
 font-size: 16px;
 color: #787785;
 line-height: 1.5;
 width: 59%;
 margin: 0 auto;
}
.lwx_personinfo_content {
padding:50px 0 1rem;
background:#f9f9f9;
width:100%;
}
/*服务流程*/
.service-flow-section {
 width: 100%;
 background: #f4f4f4;
 padding-bottom:50px;
}
.service_con {
 width:1200px;
 margin:0 auto;
}
.title-box {
 text-align: center;
}
.service-flow-section .bar-color {
}
.title-bar {
 position: relative;
 display: inline-block;
 text-align: center;
}
.title-bar .tith1 {
 font-size: 36px;
 height: 50px;
 line-height: 50px;
 font-weight: normal;
}
.title-bar h4 {
 font-size: 14px;
 text-transform: capitalize;
 font-weight: normal;
}
.service-flow-section .bar-color {
}
.describe-info {
 color: rgb(102, 102, 102);
 line-height: 1.5;
 font-size: 16px;
 text-align: center;
}
.swiper-box {
 position: relative;
 height: 60px;
 margin: 50px auto;
}
.swiper-container {
 width: 1190px;
 height: 60px;
 color: rgb(102, 102, 102);
}
.swiper-box .swiper-button-prev {
 left: -30px;
 background-position: 0px 0px !important;
}
.swiper-box .swiper-button-next {
 right: -30px;
 background-position: -30px 0px !important;
}
.swiper-container .swiper-notification {
 position: absolute;
 left: 0;
 top: 0;
 pointer-events: none;
 opacity: 0;
 z-index: -1000;
}
.swiper-container .pro-step-list .pro-item .icons-img {
 position: absolute;
 display: inline-block;
 width: 58px;
 height: 58px;
 left: 0px;
 top: 0px;
 text-align: center;
 padding-top: 12px;
}
.swiper-container .pro-step-list .pro-item h3 {
 font-size: 16px;
 font-weight: normal;
}
.swiper-container .pro-step-list .item-step {
 float: left;
 width: 70px;
 height: 60px;
   /* padding-right: 15px;*/
    text-align: center;
 line-height: 30px;
 font-size: 12px;
 color: rgb(102, 102, 102);
 background: url(/templets/kefuwb/images/r_jiantou_arr.png) 0px center no-repeat;
}
.item-step p {
text-align: left;
 margin-left: 16px;
}
.service-flow-section .pro-list-more {
 color: rgb(51, 51, 51);
 display: table;
}
.btn.btn-default {
 background-color:#00a0e9;
}
.pro-list-more .btn {
 width: 140px;
}
.title-bar::before, .title-bar::after {
 width: 36px;
 height: 36px;
 position: absolute;
 top: 10px;
 content: "";

}
.title-bar::after {
 right: 0px;
}
.title-bar::before {
 left: 0px;
}
.swiper-slide {
 opacity:1;
}
.swiper-box .swiper-button-prev {
 left: -30px !important;
 background-position: 0 0 !important;
}
.swiper-box .swiper-button-next, .swiper-box .swiper-button-prev {
 top: 50%;
 margin-top: -15px;
 position: absolute;
 text-align: center;
 font-size: 28px;
 color: #444;
 outline: none;
 background-image: none;
 width: 30px;
 height: 30px;
 background: url(/templets/kefuwb/images/btn_ctrl_icons.png) no-repeat 0 0 !important;
 cursor: pointer;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
 opacity: .35;
 cursor: auto;
 pointer-events: none;
}
.swiper-box .swiper-button-next {
 right: -30px !important;
 background-position: -30px 0 !important;
}
.swiper-container .pro-step-list .pro-item {
 position: relative;
 float: left;
 width: 80px;
 height: 58px;
 border: 1px solid #00a0e9;
 padding-left: 58px;
 font-size: 16px;
 color: #666;
 line-height: 1.6;
 display: table-cell;
 vertical-align: middle;
}
.pro-list-more .btn {
 display: inline-block;
 height: 38px;
 width: 115px;
 border-radius: 4px;
 overflow: auto;
 text-align: center;
 outline: none;
 border: none;
 color: #fff;
 font-size: 16px;
 line-height: 38px;
}
.swiper-wrapper ul {
overflow:hidden;
zoom:1;
}
 .swiper-wrapper ul li {
 float:left;
_display:inline;
overflow:hidden;
text-align:center;
}
.swiper-wrapper {
 width: 90%;
}
/*电话客服外包中的服务范围*/

.demand-list>li {
 float: left;
 width: 326.5px;
 box-shadow: 1px 1px 5px #dfdfdf;
 margin-bottom: 20px;
 margin-right: 20px;
 border-radius: 5px;
 height: 169px;
 text-align: center;
 padding: 30px;
}

.demand-list>li:nth-child(3),.demand-list>li:nth-child(6) {
	margin-right: 0px;
}
.demand-list>li p {
 color: #565656;
 font-size: 16px;
 line-height: 30px;
}
.demand-list>li>p:first-child {
 height: 53px;
 line-height: 50px;
}
.demand-list>li h6 {
 color: #00a0e9;
 font-size: 18px;
 margin-top: 10px;
 margin-bottom: 10px;
}
.demand-list>li .demand-btn {
 display: inline-block;
 background-color: #ff9c01;
 -webkit-border-radius: 19px;
 -moz-border-radius: 19px;
 border-radius: 19px;
 color: #fff;
 font-size: 22px;
 width: 136px;
 height: 38px;
 line-height: 38px;
 margin-top: 20px;
}
.work-container {
 display: block;
/* padding-bottom:400px;*/
}
.demand-box>li {
 width: 336px;
 float: left;
 height: 100px;
 margin-bottom: 20px;
 margin-right: 10px;
 border-radius: 5px;
 text-align: center;
 padding: 20px;
 border: 1px solid #eaeeed;
 box-shadow: 1px 1px 5px #eaeeed;
 cursor: pointer;
}
.demand-box>li+li {
 padding: 0;
 width: 191px;
}
.demand-box>li:first-child {
 position: relative;
 height:auto;
}
.demand-box>li label, .demand-box>li h6 {
 color: #00a0e9;
 font-size: 18px;
 font-weight: 600;
}
.list-ico {
 box-sizing: border-box;
 max-width: 100%;
 height: auto;
 vertical-align: middle;
 border: none;
}
.mt-lg {
 margin-top: 20px;
}
.button-box {
 text-align: center;
 clear: both;
}
.titlep {
 font-size: 16px;
 line-height: 28px;
 padding-top: 10px;
 color: #888;
 text-align: center;
}
.demand-zx {
 background: #ff9c01;
 box-shadow: 1px 1px 3px #ccc;
 padding: 10px 60px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 font-size: 30px;
 border: none;
}
.met_section .listart {
 text-align: center;
 position: relative;
 margin: 0 auto;
 float: right;
 width: 940px;
 max-width: 1200px;
 margin-left: 30px;
 padding-bottom: 50px;
}
.wbzncon {
width:100%;
height:auto;
background: rgb(243, 244, 244);
}
.section .right_con p {
 font-size: 16px;
 color: #555;
 line-height: 31px;
 font-weight: 100;
margin: 0 auto;
margin-bottom:17px;
white-space: inherit;
}
.mw980 {
margin-top: 40px;
}
.section .right_con p img {
overflow: hidden;
 max-width: 100%;
}
 .panel-body a u {
 color: #0099ff;
 font-weight:bold;
}
.panel-body a:hover u {
 color: #009ed6;
}

/*头部*/
.pc {
display:block;
}
.wap {
display:none;
}
 .reg {
width:100%;
height:38px;
background:#303030;
}
 .reg_con {
width: 1200px;
margin: 0 auto;
font-size:12px;
color: #b8b8b8;
}
 .reg_con .l_n {
width:400px;
line-height:38px;
float: left;
}
 .reg_con .l_n span {
margin:0 10px 0 10px;
}
 .reg_con .r_n {
width:64%;
height:38px;
float: right;
}
 .reg_con .r_n li {
width:auto;
height:38px;
float:left;
list-style:none;
}
 .reg_con .r_n li:nth-child(2) {
float: right;
}
 .reg_con .r_n li:nth-child(3) {
float: right;
}
 .reg_con .r_n li:nth-child(4) {
float: right;
}
 .reg_con .r_n li:nth-child(5) {
float: right;
}
 .reg_con .r_n li a {
width: auto;
 height: 38px;
 line-height: 38px;
 color: #f1efef;
 margin-left:10px;
}
.reg_con .r_n li a.userName {
margin-left:5px;
margin-right:5px;
}
#loginInfo {
margin-right:0px;
line-height:38px;
}
.reg_con .r_n .hide li {
width:99px;
}
.reg_con .r_n .hide li a {
color:#000;
text-align:center;
width:99px;
margin-left:0;
}
 .reg_con .r_n li a:hover {
width:auto;
height:38px;
line-height:38px;
color:#00a0e9;
}
.reg_con .r_n .hide li a:hover {
width:99px;
height:38px;
float:left;
text-align:center;
line-height:38px;
vertical-align:middle;
color:#fff;
background:#00a0e9;
}
 .reg_con .r_n li.sel {
width:auto;
height:38px;
display: block;
text-align:center;
line-height:38px;
vertical-align:middle;
background:#00a0e9;
}
 .reg_con .r_n li.sel a {
color:#fff;
}
 .head-v3 {
 position: relative;
 z-index: 100;
 min-width: 1200px;
}
.navigation-up {
 height: 75px;
 background: #fff;
 border-bottom: 1px solid #ededed;
 box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
 transition: all 0.5s ease-in;
}
.head-v3 .navigation-inner {
 margin: 0 auto;
 width: 1200px;
 position: relative;
}
.navigation-up .navigation-v3 {
 width: 100%;
 float: left;
 _margin-left: 10px;
}
.navigation-up .navigation-v3 .logo {
 float: left;
 height: 75px;
}
 .navigation-up .navigation-v3 .nav-up-selected-inpage {
 background: #fff;
}
.navigation-up .navigation-v3 li {
 float: left;
 font-family: "microsoft yahei";
 color: #333;
 background: url(/templets/kefuwb/images/navArrow02.png) no-repeat center right #fff;
 background-size: 16px;
 width: 12.5%;
}
.banner_animate .c3 {
 position: absolute;
 left: 0;
 top: 220px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.banner_animate .c5 {
 position: absolute;
 left: 241px;
 top: 225px;
}
.banner_animate .c4 {
 position: absolute;
 right: 0;
 bottom: 67px;
 z-index: 0;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
}
/*底部*/

.foot {
 width:100%;
}
.pbt50 {
 padding: 1.8rem 0;
 padding-bottom: 0;
 width:100%;
 background: #252526;
}
.foot .contb {
 padding: 0.08rem 0;
 color: #ACACAC;
 background: #eeeeee;
 display: inline-block;
 width:100%;
}
.w1200 {
 padding: 0 0.1rem;
}
.foot .conta .box {
 width: 25%;
 float: left;
 box-sizing: border-box;
 padding: 1rem;
}
.foot .conta .box h5 {
 color: #F0F0F0;
 font-size: 1.2rem;
 margin-bottom: 0.12rem;
}
 .foot .conta .box img {
 display: block;
 width: 38%;
 padding-top: 0.8rem;
}
 .foot .conta .box a.tel {
 font-size: 2rem;
 margin: 1.5rem 0;
}
.foot .conta .box a {
 color: #ACACAC;
 display: block;
 line-height: 1.5rem;
 font-size: 1rem;
}
 .footer_content {
 overflow: hidden;
 margin-left: -70px;
 padding-top: 50px;
 padding-right: 0;
 padding-bottom: 40px;
 padding-left: 0;
}
.footer_list {
 margin-left: 70px;
}
.quick_navigation_title, .footer_link_title, .footer_cotact_title {
 color: #D9D9DA;
 font-size: 18px;
 margin-bottom: 5px;
 margin-top: 20px;
 text-align: left;
}
.footer_list .footer_cotact ul li img {
 width: 11rem;
 height: 11rem;
}
.text_align {
 text-align: center;
}
.lianxi {
 color: #D9D9DA;
 font-size: 30px;
 text-align: center;
}
.quick_navigation {
 padding-left: 50px;
}
.quick_navigation ul li a {
 display: block;
 margin-bottom: 10px;
 color: #8A8A8A;
 font-size: 13px;
}
.quick_navigation ul li a:hover {
 color: #fff;
}
.footer_link ul li {
 float: left;
}
.footer_link ul li a {
 display: block;
 margin: 0 1px 1px 0;
 background: #292929;
 color: #8A8A8A;
 font-size: 13px;
 padding: 5px 16px;
}
.footer_link ul li a:hover {
 color: #fff;
 background: #222;
}
.footer_cotact {
 color: #8A8A8A;
 font-size: 13px;
}
.footer_cotact .footer_cotact_type {
 width: 22%;
 display: block;
 float: left;
}
.footer_cotact .footer_cotact_content {
 width: 90%;
 display: block;
 float: left;
}
.footer_cotact ul li {
 margin-bottom: 10px;
 overflow: hidden;
}
.footer_cotact ul li a {
 color: #8A8A8A;
}
.footer .copyright {
 text-align: center;
 padding: 8px 10px;
 color: #343434;
 background: #000;
 font-size: 12px;
}
.copy {
text-align:center;
border-top: 1px solid #505052;
height: 60px;
 line-height: 60px;
margin-top:20px;
}
.copy p {
color:#5e6263;
}
.foot_kefu {
color:#fff;
margin-top:10px;
}
 .foot_kefu span a {
background: #00a0e9;
 font-size: 14px;
 padding: 5px 16px;
 height: 40px;
 line-height: 40px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 border: 1px solid #00a0e9;
 cursor: pointer;
 border-radius: 30px;
 color: #fff;
}
.zxyy {
 width:166px;
 height: auto;
 float:left;
 margin: 0px;
 margin-top: 0px;
 border-left: 1px solid #505052;
 border-right: 1px solid #505052;
 text-align:center;
 margin-left:40px;
}
.bottomwx {
 color: #fff;
 text-align: center;
 width: 166px;
 font-size: 14px;
 margin-top: 10px;
 line-height: 18px;
}
.bottom_link {
 width: 100%;
 float: left;
 background: #EEEEEE;
 padding: 18px 0 18px 0;
}
.w1200 {
 width: 1200px;
 min-width: 1200px;
 margin: 0 auto;
}
.bottom_link .yqlj {
 font-weight: 600;
 color: #fff;
 float: left;
}
.bottom_link li {
 float: left;
 margin: 0 15px 0 0;
}
.bottom_link li a {
 color: #858585;
     margin-right: 8px;
}
a {
 text-decoration: none;
}
 .bottom_link {
width:100%;
text-align:left;
}
 .bottom_link .hd {
height:30px;
line-height:15px;
border-bottom:1px solid #ddd;
position:relative;
color: #858585;
}
 .bottom_link .hd ul {
float:left;
position:absolute;
height:32px;
}
 .bottom_link .hd ul li {
float:left;
}
 .bottom_link .hd ul li.on {
height:30px;
border-bottom: 1px solid #00a0e9;
}
 .bottom_link .bd ul {
padding: 15px 0 0 0;
zoom:1;
}
 .bottom_link .bd li {
margin-bottom: 10px;
margin-right:0;
}
 .bottom_link .bd li:nth-child(1) {
margin:0;
}
 .bottom_link .bd li .date {
float:right;
color:#999;
}
		
		/*服务项目*/
		.clear {
clear:both;
}
 .mmkfwxm {
width:1200px;
margin:0 auto;
padding: 50px 0px 0px 0px;
display: flow-root;
}
 .indexmmkfwxm {
width:1200px;
margin:0 auto;
padding: 50px 0px;
display: flow-root;
}
 .fwxm_tit {
text-align:center;
margin-bottom:50px;
}
 .fwxm_tit.zzjgfwxm {
text-align:center;
margin-bottom:30px;
}
 .kzf-mod-pic {
 width:650px;
}
 .kzf-mod-pic img {
width:650px;
display:block;
}
 .kzf-mod-wrap2 {
width: 84%;
 float: right;
}
.fwxm_tit.zcjj_tit h3,.fwxm_tit.zcjj_tit .divh3 {
 text-align: center;
 font-size: 36px;
 color: #4f5b6c;
 font-weight: normal;
 border-bottom: 1px solid #d5dfe7;
 padding-bottom: 15px;
}
.fwxm_tit h3{
 font-size:36px;
 color: #4f5b6c;
 margin-bottom: 20px;
}
.fwxm_tit .divh3 {
 font-size:36px;
 color: #4f5b6c;
 margin-bottom: 20px;
}
.fwxm_tit.fuser h3,.fwxm_tit.fuser h1 {
 font-size:20px;
 color: #4f5b6c;
 margin-bottom: 20px;
 font-weight: inherit;
}
.fwxm_tit.zcjj_tit h2 {
 text-align: center;
 font-size: 36px;
 color: #4f5b6c;
 font-weight: normal;
 border-bottom: 1px solid #d5dfe7;
 padding-bottom: 15px;
}
.fwxm_tit h2 {
 font-size:36px;
 color: #4f5b6c;
 margin-bottom: 20px;
}
.fwxm_tit.fuser h2 {
 font-size:20px;
 color: #4f5b6c;
 margin-bottom: 20px;
}
.fwxm_tit .title {
 font-size: 36px;
 color: #fff;
 margin-bottom: 20px;
}
.fwxm_tit p span {
 font-size: 16px;
 color: #666666;
}
.fwxm_tit p .titlespan {
 color: #fff;
}
.mmkfwxm_con_tit {
width:100%;
margin-bottom: 43px;
}
.mmkfwxm_con_tit ul li {
width:auto;
margin:0 5.2px;
float: left;
margin-bottom:15px;
}
.mmkfwxm_con_tit .ulfwxm li {
width:auto;
margin:0 4.7px;
float: left;
}
.mmkfwxm_con_tit ul li:nth-child(1) {
margin-left:0;
}
.mmkfwxm_con_tit .lisy {
width:auto;
margin:0 5.2px;
float: left;
margin-right:0;
}
 .mmkfwxm_con_tit .lisy a {
width: 189px;
 text-align: center;
 display: inline-block;
 line-height: 38px;
 border: 1px solid #dcdcdc;
 text-align: center;
 color: #777777;
 font-size: 18px;
}
.mmkfwxm_con_tit .lisy a:hover {
border: 1px solid #f8b62d;
 background: #f8b62d;
 color: #fff;
}
.mmkfwxm_con_tit .ulfwxm li:nth-child(5) {
margin-right:0;
}
.mmkfwxm_con_tit ul li a {
width:189px;
text-align:center;
display: inline-block;
 line-height: 38px;
border:1px solid #dcdcdc;
 text-align: center;
 color: #777777;
 font-size: 18px;
}
.mmkfwxm_con_tit .ulfwxm li a {
width:230px;
text-align:center;
display: inline-block;
 line-height: 38px;
border:1px solid #dcdcdc;
 text-align: center;
 color: #777777;
 font-size: 18px;
}
 .mmkfwxm_con_tit ul li a.active {
 border: 1px solid #25a6ff;
 background: #25a6ff;
 color: #fff;
}
.mmkfwxm_con_tit ul li a:hover {
 border: 1px solid #25a6ff;
 background: #25a6ff;
 color: #fff;
}
 .mmkfwxm_con_con ul li {
 float: left;
 width: 255px;
 height: 353px;
 padding: 10px 10px 0;
 border: 1px solid #dde0e4;
 margin: 15px;
 overflow: hidden;
}
 .con_con_img {
width:100%;
height:auto;
}
 .con_con_img img {
width: 255px;
 height: 146px;
}
 .con_con_tit {
width: 100%;
 height: 18px;
 font: 18px/18px "微软雅黑";
 color: #1f2835;
 text-align: center;
 padding: 30px 0 14px;
}
 .con_con_tit span {
 display: inline-block;
 cursor: pointer;
}
.con_jiage {
font: 14px/14px "微软雅黑";
 color: #00a0e9;
 margin-top: 8px;
}
 .con_miaoshu {
width: 100%;
    font-size: 14px;
        color: #818181;
    height: 104px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    line-height: 26px;
}
.mmkfwxm_con_con ul li:nth-child(1), .mmkfwxm_con_con ul li:nth-child(5) {
margin-left:0;
}
.mmkfwxm_con_con ul li:nth-child(4), .mmkfwxm_con_con ul li:nth-child(8) {
margin-right:0;
}
.mmkfwxm_con_con ul li:nth-child(9), .mmkfwxm_con_con ul li:nth-child(13) {
margin-left:0;
}
.mmkfwxm_con_con ul li:nth-child(12), .mmkfwxm_con_con ul li:nth-child(16) {
margin-right:0;
}
 .section-heading {
 font-size: 36px;
 line-height: 52px;
 text-align: center;
 text-transform: uppercase;
}
.sec_h5_p {
 font-size: 16px;
 line-height: 28px;
 padding-top: 10px;
 color: #888;
 text-align: center;
}
.brand-box {
 margin-top: 13px;
}
.cooperat-brand-bg .more {
 display:block;
height: 38px;
width:250px;
padding:0 30px;
border-radius: 4px;
overflow: auto;
text-align: center;
outline: none;
border: none;
color: #fff;
font-size: 16px;
line-height: 38px;
 background-color: #00a0e9;
margin:0 auto;
margin-top:30px;
}
.cooperat-brand .brand-box li {
 float: left;
 margin: 13px 13px 13px 0;
}
.cooperat-brand .brand-box li img {
 width: 229px;
}
.kzf-mod-title p {
text-indent:2rem;
}
.kzf-mod-bottom {
 background: #00a0e9;
    /* padding: 10px 20px; */
    width: 140px;
 display: block;
 height: 40px;
 line-height: 40px;
 color: #fff;
 font-size: 16px;
 float: left;
 margin-top: 25px;
}
.kzf-mod-bottom a {
color:#fff;
}
/**/
.mmkwbgl {
width: 100%;
 padding-bottom: 33px;
 background: #f4f4f4;
 text-align: center;
 padding-top:50px;
}
 .mmkwbgl_con {
display:inline-block;
text-align:left;
}
.f_left {
 float: left;
 padding: 0;
 margin: 0;
}
.f_right {
 float: right;
 padding: 0;
 margin: 0;
}
 .news_left, .news_center {
width:440px;
}
.news_left .tab, .news_center .tab, .news_right .tab {
overflow:hidden;
border-bottom: 2px solid #e2e2e2;
}
.news_left .tab .divh3, .news_center .tab .divh3, .news_right .tab .divh3 {
display:block;
padding: 0px 18px 10px 18px;
float:left;
text-decoration:none;
color:#333;
font-size: 18px;
}
.news_left .tab .divh3:hover, .news_center .tab .divh3:hover {
border-bottom: 3px solid #00a0e9;
color:#00a0e9;
text-decoration:none;
font-weight:bold;
}
.news_left .tab .divh3.on, .news_center .tab .divh3.on, .news_right .tab .divh3.on {
border-bottom: 3px solid #00a0e9;
color:#00a0e9;
text-decoration:none;
font-weight:bold;
}
.news_left .tab .divh3, .news_center .tab .divh3, .news_right .tab .divh3 {
display:block;
padding: 0px 18px 10px 18px;
float:left;
text-decoration:none;
color:#333;
font-size: 18px;
}
.news_left .tab h3:hover, .news_center .tab h3:hover {
border-bottom: 3px solid #00a0e9;
color:#00a0e9;
text-decoration:none;
font-weight:bold;
}
.news_left .tab h3.on, .news_center .tab h3.on, .news_right .tab h3.on {
border-bottom: 3px solid #00a0e9;
color:#00a0e9;
text-decoration:none;
font-weight:bold;
}

.news_left .news_cont, .news_center .news_cont {
overflow:hidden;
padding:10px 0 0 0;
}
.news_left .newsleft_one, .news_center .newsleft_one {
overflow: hidden;
 margin: 15px 0;
}
.news_left .news_cont li, .news_center .news_cont li {
display:none;
}
.news_left .news_cont li img {
width: 130px;
height: 84px;
border: 1px solid #f1f1f1;
}
.news_left .news_cont li a:hover .divh4 {
color: #00a0e9;
}
 .right_con {
width: 280px;
margin-left: 20px;
color: #555;
}
.right_con .divh4 {
color: #333;
overflow: hidden;
padding-top: 0;
 line-height: 15px;
text-overflow:ellipsis;
font-size: 15px;
white-space: nowrap;
font-weight: bold;
}
.right_con p {
padding:8px 0 0 0;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
font-size: 14px;
color: #818181;
}
p.news_day span {
color: #888;
}
p.news_day font {
padding-left: 20px;
background: url(/templets/kefuwb/images/news_fir.png) left center no-repeat;
background-size: contain;
margin-left: 20px;
color: #888;
}
 .news_center {
width: 320px;
margin-left: 30px;
}
.news_right {
width: 380px;
margin-left: 30px;
}
 .newscenter_li li {
font-size: 16px;
}
.newscenter_li li a {
color: #333;
margin: 14.3px 0;
display: block;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size:15px;
}
.newscenter_li li a:hover {
color: #00a0e9;
}
 .anli_one {
overflow: hidden;
padding-bottom: 10px;
}
.index_anli {
width: 378px;
margin: 25px 0 20px 0;
border: 1px solid #e8e8e8;
height: 215px;
}
.anli_one a .divh4 {
color: #333;
font-size: 15px;
}
.anli_one a:hover .divh4 {
color: #00a0e9;
}
 .anli_two {
overflow: hidden;
margin: 14px 0 0 0;
}
.anli_two a {
color: #333;
}
.anli_two img {
width: 140px;
height: 85px;
border: 1px solid #e8e8e8;
}
.anli_two a:hover .divh4 {
color: #00a0e9;
}
.two_cont {
width: 218px;
margin-left: 15px;
padding: 5px 0;
}
.two_cont .divh4 {
font-size:15px;
}
.two_cont .news_day {
margin-top: 10px;
color: #888;
}
 .news_more {
font-size: 14px;
display: inline-block;
margin-top:4px !important;
color: #888;
}
/*萌萌客行业问答*/
.mmkerhywd {
padding:50px 0;
}

/*客服专题增加内容css*/
.juhe_page {
width:100%;
}
.juhe_page_list {
background: #f9f9f9;
 padding: 30px 0;
 color: #2a2a2a;
 font-size: 16px;
 padding-bottom:50px;
}
.w_new {
color:#2a2a2a;
font-size:16px;
width:1200px;
margin:0 auto;
}
.juhe_page img {
display:block;
width:100%;
height:100%;
}
.juhe_top {
padding:35px 45px 35px 35px;
background:#fff;
}
.gaibanpos-box .juhe_top {
margin-bottom:20px;
}
.juhe_page_list .w_new .listjuhe {
padding: 30px 37px;
 background: #fff;
 margin-top: 20px;
}
.gaibanpos-box .juhe_top .jt_right img {
 display: block;
 width: 100%;
 height: 100%;
}
.jt_left {
width:800px;
float:left;
}
.jt_right {
width:240px;
height:146px;
float:right;
background:#000;
}
.jt_l_title {
font-size: 26px;
margin-bottom:30px;
}
.jt_l_title h1 {
font-size: 20px;
font-weight:bold;
}
.jt_l_content {
font-size:14px;
color:#666;
line-height: 180%;
word-wrap: break-word;
 word-break: break-all;
}
.ad_box {
margin-top:19px;
}
.juhe_box {
padding:50px 0px 50px 0;
}
.juhe_box p {
font-size: 16px;
 color: #666666;
text-align:left;
margin-bottom:30px;
}
.juhe_box dt {
font-size: 36px;
margin-bottom:20px;
color: #4f5b6c;
 text-align:left;
}
.w_new .juhe_box dt {
margin-bottom:0px;
padding-top:50px;
text-align:center;
}
.w_new .juhe_box .titlep {
text-align:center;
    padding-top: 20px;
}
.w_new .listjuhe dt {
 color: #333;
 font-weight: normal;
 text-align:left;
 padding:0;
 margin-bottom: 30px;
 font-size: 24px;
}
 .w_new .listjuhe dd {
padding:0;
}
 .w_new .listjuhe dd.dixian{
padding-bottom:50px;
}
.w_new .juhe_box {
padding: 0;
 margin-top:0;
}
/*.jbox_topic{margin-bottom:50px;}*/
.juhe_box dt span {
color:#00a0e9;
display:inline-block;
padding:3px 16px;
font-size: 16px;
background:#effaff;
vertical-align: middle;
margin:-4px 0 0 32px;
}
 .w_new .listjuhe dt span {
color: #0098da;
 display: inline-block;
 padding: 3px 16px;
 font-size: 16px;
 background: #effaff;
 vertical-align: middle;
 margin: -4px 0 0 32px;
}
.juhe_box dd {
width:1200px;
overflow:hidden;
padding-bottom: 50px
}
.jbox_answer {
border-bottom:1px solid #dcdfe1;
float:left;
position:relative;
margin-bottom:15px;
}
.jbox_answer:nth-child(odd) {
 width:590px;
margin-right:10px;
}
.jbox_answer:nth-child(even) {
 width:590px;
margin-left:10px;
}
.jbox_answer.juheknowledge:nth-child(odd) {
 width:556px;
margin-right:10px;
}
.jbox_answer.juheknowledge:nth-child(even) {
 width:556px;
margin-left:10px;
}
.jbox_answer.city:nth-child(7),.jbox_answer.city:nth-child(8) {margin-bottom:15px;}
.jbox_answer.city:nth-child(odd) {
 width:590px;
margin-right:10px;
}
.jbox_answer.city:nth-child(even) {
 width:590px;
margin-left:10px;
}
.jbox_answer:nth-child(9), .jbox_answer:nth-child(10) {
margin-bottom:0px;
}
.jbox_answer_title span {
color: #fff;
 display: inline-block;
 width: 24px;
 height: 24px;
 line-height: 20px;
 text-align: center;
 margin: 0px 10px 0 0;
 vertical-align: middle;
 background: #00a0e9;
}
.jbox_answer_content {
padding:0 0 3px 34px;
height:75px;
overflow:hidden;
}
.jbox_kr_content {
height:66px;
overflow:hidden;
}
.jbox_answer_content p, .jbox_kr_content p {
color: #666;
 text-align: left;
 font-size: 12px;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin-bottom:0;
}
.jbox_answer_content p, .jbox_kr_content p {
color: #666;
 text-align: left;
 font-size: 12px;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin-bottom:0;
}
.jbox_answer_content p.ztrq, .jbox_kr_content p.ztrq{color:#b2b2b2;}
.jbox_kr_content.city p{word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin-bottom:0;}
.jbox_kr_content.san p {
color: #b2b2b2;
 text-align: left;
 font-size: 12px;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}
.jbox_kr_content.san p.yansep {color:#666;}
.jbox_answer_content, .jbox_kr_content {
color:#b2b2b2;
font-size:12px;
margin-top:10px;
line-height: 22px;
}
 .jbox_knowledge:nth-child(odd) {
width:590px;
margin:14px 10px 14px 0;
float:left;
position:relative;
}
.jbox_knowledge:nth-child(even) {
width:590px;
margin:14px 0 14px 10px;
float:left;
position:relative;
}
 .jbox_knowledge.juheknowledge:nth-child(odd) {
width:556px;
margin:14px 10px 14px 0;
float:left;
position:relative;
}
.jbox_knowledge.juheknowledge:nth-child(even) {
width:556px;
margin:14px 0 14px 10px;
float:left;
position:relative;
}
 .jbox_knowledge:nth-child(7), .jbox_knowledge:nth-child(8){ margin-bottom:15px;}
 .jbox_knowledge.city:nth-child(odd) {
width:587px;
margin:14px 13px 14px 0;
float:left;
position:relative;
}
.jbox_knowledge.city:nth-child(even) {
width:587px;
margin:14px 0 14px 13px;
float:left;
position:relative;
}
.jbox_know_left {
width:156px;
height:90px;
float:left;
}
.jbox_know_right {
width:382px;
float:right;
}
.jbox_know_right.zt {
width:416px;
float:right;
}
.jbox_knowledge.city .jbox_know_right {
width:411px;
float:right;
}
.jbox_kr_title, .jbox_answer_title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
   /* margin-top: -2px;*/
}
.jbox_kr_title{margin-top: -2px;}
.juhe_page img {
 display: block;
 width: 100%;
 height: 100%;
}
.jbox_topic li {
width:556px;
float:left;
overflow:hidden;
}
.jbox_topic li a {
display:block;
height:38px;
line-height: 38px;
padding-left:20px;
color:#2a2a2a;
font-size:16px;
position: relative;
width:100%;
box-sizing: border-box;
overflow:hidden;
}
.jbox_topic li a:after {
content:"";
position: absolute;
display:block;
width:9px;
height:9px;
border-radius:50%;
background:#00a0e9;
left:0;
top:14.5px;
}
 .desc_link i {
color:#00a0e9;
font-style: initial;
}
.high-serve .title {
font-size: 36px;
 line-height: 52px;
 color: #4f5b6c;
 padding-top: 50px;
text-align:center;
}
.pc-com-module-title {
 padding:50px 0 50px 0;
 text-align: center;
 line-height: 52px;
 color: #3e444f;
 font-size: 34px;
 letter-spacing: 2px;
}
.high-serve {
padding-bottom:50px
}
.high-serve .cbox {
width:1200px;
margin:0 auto;
margin-top: 30px;
}
.high-serve .cbox .citem {
float:left;
width:265px;
height:auto;
background:#fff;
border-radius:0;
margin-right: 20px;
padding:10px;
min-height: 310px;
 margin-bottom: 16px;
}
.high-serve .cbox .citem {
-webkit-box-shadow:0 0 16px rgba(204, 204, 204, 0.5);
box-shadow:0 0 16px rgba(204, 204, 204, 0.5);
text-align:center;
overflow:hidden
}
.high-serve .cbox .citem:nth-child(4) {margin-right: 0px;}
.high-serve .cbox .citem img {
vertical-align:top;
width:100%;
height: 150.77px;
max-height: 150.77px;
}
.high-serve .cbox .citem .tit {
font-size:18px;
line-height:20px;
color: #1f2835;
text-align: center;
 padding: 20px 0 14px;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.high-serve .cbox .citem .cont {
width: 100%;
 font: 14px/26px "微软雅黑";
color: #b2b2b2;
 text-align: left;
 margin:0 auto;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:4;
 overflow: hidden;
}
.high-serve .cbox .citem .cont.yansep {color:#666;}
.yansep{color:#666;}
.yriqi{font-size: 14px;
    color: #999;
    line-height: 1.5;
    margin-top: 8px;
    }
 .high-serve .cbox a:nth-child(4) li {
margin-right:0;
}
/*客服专题增加内容css*/
/*分类页*/
.news-main {
 padding:0;
}
.gaibanpos-tabs {
 font-size: 14px;
 width:1200px;
 margin:0 auto;
 line-height:50px;
color:#666;
}
.gaibanpos-tabs a {
 color: #666;
 text-decoration: none;
 outline: 0;
}
 .gaibanpos-box {
 width:1200px;
 margin:0 auto;
}
.gaibanpos-box-left {
 width:900px;
 float: left;
 background: #FFF;
 box-sizing: border-box;
 padding: 30px 20px 20px 20px;
 margin-bottom: 50px;
}
.gaibanpos-box-con {
 width:900px;
 float: left;
 background: #FFF;
 padding: 30px 0 10px 0;
 margin-bottom:20px;
 margin-right:25px;
 padding-top: 0;
}
.gaibanpos-box-con>h1 {
 color: #4E4E4E;
 font-size: 24px;
 text-align: center;
 margin-top:30px;
     padding: 0 60px;
}
 .gaibanpos-box-con .bar {
 font-size:12px;
 color: #989898;

 text-align: center;
 margin-top:10px;
}
.gaibanpos-box-con .content {
 border-top: solid 1px #F7F7F7;
 border-bottom: solid 1px #F7F7F7;
 margin: 30px 60px;
padding-top:30px;
 font-size: 16px;
 line-height: 32px;
 padding-bottom:20px;
}
.gaibanpos-box-con .content h3 {
font-weight: bold;
 margin-bottom: 20px;
    /* text-indent: 2rem; */
    font-size: 18px;
 margin-bottom: 20px;
 font-weight: 700;
    /* text-indent: 0; */
    position: relative;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 padding-bottom: 10px;
 border-color: #eaeaea;
     color: #484848;
}
.gaibanpos-box-con .content h2 {
font-weight:bold;
margin-bottom: 20px;
text-indent:2rem;
}
.gaibanpos-box-con .content h4 {
font-weight:bold;
margin-bottom: 20px;
text-indent:2rem;
 color: #484848;
}
.gaibanpos-box-con .content h3:before {
 background-color: #00a0e9;
 box-sizing: border-box;
 width: 50px;
 display: block;
 content: "";
 position: absolute;
 height: 2px;
 bottom: -2px;
 left: 0;
}
.gaibanpos-box-con .content p {
text-indent:2rem;
line-height: 1.8rem;
 margin-bottom: 20px;
 color:#484848;
}
.gaibanpos-box-con .content p a u {
color: #00a0e9;
}
/*.gaibanpos-box-con .content p img{    margin: 18px 0 9px 0;}*/
.gaibanpos-box-con .content p img {
margin-left:-2rem;
max-width:100%;
}
.article_next {
 margin-top: 30px;
}
.article_next p {
 line-height: 30px;
 display:inline-block;
 text-indent:0 !important;
}
.article_next p:nth-child(2) {
float:right;
}
.gairight {
float: right;
width: 275px;
}
.gaibanpos-box-right {
 width: 100%;
 background: #FFF;
 float: right;
 padding:20px;
 box-sizing: border-box;
 margin-bottom:20px;
}
.gaibanpos-box-right .divh3 {
 font-size: 16px;
 color: #4e4e4e;
 font-weight: bold;
}
.gaibanpos-box-right ul {
 border-top:1px solid #F1F1F1;
 margin-top: 15px;
 margin-bottom:15px;
}
.gaibanpos-box-right ul li a {
 display: block;
 color: #4e4e4e;
 position: relative;
 z-index: 1;
 padding: 10px 0;
 font-size: 14px;
}
.gaibanpos-box-left ul {
 border-top: 1px solid #eee;
 margin-bottom: 50px;
}
.gaibanpos-box-left ul li {
 padding-top: 20px;
 padding-bottom: 20px;
 border-bottom: 1px solid #eee;
}
.gaibanpos-box-left ul li .left-text .bar.fr{margin-top: 5px; color:#666;}
.gaibanpos-box-left .article_relevantser ul li {
 padding-top:0.3rem;
 padding-bottom:0.3rem;
border:none;
}
.left-img {
 float: left;
 padding-right:30px;
}
.left-img a img {
 width:204px;
 height:130px;
 display: block;
}
.left-text h5,.left-text .divh5 {
 font-size: 20px;
 line-height: 30px;
 font-weight: bold;
 margin-bottom:1px;
 font-weight: bold;
}
.left-text h5 a b,.left-text .divh5 a b  {
font-weight:100;
font-weight: initial;
}
.left-text h5 a,.left-text .divh5 a{
 font-size: 20px;
 line-height: 30px;
 font-weight:initial;
 margin-bottom: 3px;
 color:#333;
 text-decoration:none;
}
.left-text p {
 line-height: 26px;
 font-size: 14px;
 margin-bottom: 9px;
 word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 color:#666;
}
.left-text p.bar {
 color: #999;
 font-size:12px;
}
.pagination-wrapper {
 margin-top: 20px;
}
.pagination {
 text-align: center;
}
 .pagination li {
 display: inline-block;
 margin-right: 5px;
 height: 32px;
 line-height: 32px;
 font-size: 14px;
 border:1px solid #dddddd;
 color: #555555;
 margin-bottom:10px;
}
.pagination li.thisclass {
 color: #fff;
 background:#00a0e9;
 border-color:#00a0e9;
 padding: 0 12px;
}
.pagination li a {
 color: #555555;
 text-decoration: none;
}
.pagination table td {
display: inline-block;
 margin-right: 5px;
 height: 32px;
 line-height: 32px;
 font-size: 14px;
 border:1px solid #dddddd;
 color: #555555;
 margin-bottom:10px;
 cursor:pointer;
}

.pagination table td:hover {
background:#00a0e9;
}
.pagination table td:hover a {
color: #fff;
}
.pagination table td:hover b {
color: #fff;
}
.pagination table td.thisclass {
 color: #fff;
 background:#00a0e9;
 border-color:#00a0e9;
/*padding: 0 12px;*/
}
.pagination table td.thisclass a, .pagination table td.thisclass b {
 color: #fff;
 padding:0;
}
.pagination table td a {
 color: #555555;
 text-decoration: none;
}
.pagination table td b {
width: auto;
 height: auto;
 clear: both;
 display: inline-block;
 font-size: 14px;
 color: #555;
 position: initial;
 font-weight: 100;
}
.article_relevant {
 padding: 0 60px;
 background:#fff;
		/*padding-bottom:30px;*/
		    width: 780px;
 margin: 0;
/*	margin-bottom:50px;*/
}
.article_relevant .tab_contairn {
padding-bottom:30px;
margin-bottom:50px;
}
.article_relevant .divh3 {
 font-size: 18px;
    /* margin-bottom: 15px; */
    font-weight: bold;
 padding: 35px 0 20px 0px;
 color: #4e4e4e;
     border-bottom: 1px solid #F1F1F1;
    margin-bottom: 20px;
}
.article_relevant li {
 line-height: 40px;
 float: left;
 width: 100%;
 overflow: hidden;
 margin-right:0%;
 border-style: solid;
 border-width: 0 0 1px 0;
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-color:#F7F7F7;
}
.article_relevant li .left-img {
float:left;
width:140px;
padding-right:0;
}
.article_relevant li .left-text {
float:left;
width:639px;
color: #868686;
}
.article_relevant li .left-text.wt {
float:left;
width:780px;
color: #868686;
}
.article_relevant li .left-text p {
word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;

    margin-bottom:5px;
    line-height: 21px;
}
.article_relevant li .left-text.wt p {
    line-height: 23px;
}
.article_relevant li .left-text span.fr{    float: left;
    line-height: 12px;}
.article_relevant li .left-text a {
font-size: 17px;
 line-height: 17px;
     margin-top:0;
}
.article_relevant li .left-img a img {
width: 120px;
 height: 78px;
 display: block;
}
.article_relevant li:nth-of-type(even) {
 margin-right:0;
 margin-left:0%;
}
.article_relevant li a {
width:100%;
overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 display: block;
}
.article_relevant li a span {
float:right;
}
.article_relevant li .divh5 a span.fr { float: right;
    font-size: 14px;
    color: #999; line-height:27px;}
.gaibanpos-box-left .article_relevantser {
 background:#fff;
 width: 840px;
 margin: 0;
}
.gaibanpos-box-left .article_relevantser .divh3 {
 font-size: 16px;
 margin-bottom: 15px;
 font-weight: bold;
}
.gaibanpos-box-left .article_relevantser li a {
 line-height: 30px;
 float: left;
 width: 48%;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 padding:0;
 margin:0;
 border:none;
 font-size:16px;
}
.gaibanpos-box-left .article_relevantser ul {
border:none;
margin-bottom:0;
}
.gaibanpos-box-left .article_relevantser li a u {
width:100%;
overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 display: block;
}
.gaibanpos-box-left .article_relevantser li a u:hover {
 color:#00a0e9;
 background:none;
}
.gaibanpos-box-left ul li:hover {
 background: #FAFAFA;
}
.gaibanpos-box-left .article_relevantser ul li:hover {
 background:none;
}
.gaibanpos-box-right ul li:hover {
 background: #FAFAFA;
}
 .pagination li:hover {
 background:#00a0e9;
 border-color: #00a0e9;
 color: #fff;
}
.pagination li:hover a {
 color: #FFF;
 background:#00a0e9;
 border-color: #00a0e9;
}
 .pagination li.thisclass a, .pagination li.thisclass a:hover {
 background: #00a0e9;
 border-color:#00a0e9;
 color: #fff;
 cursor: default;
}
.left-text h5 a:hover,.left-text .divh5 a:hover {
 color:#00a0e9;
 text-decoration: none;
}
.article_relevant li a:hover {
 color:#00a0e9;
 text-decoration: none;
}
.article_next p a:hover {
 color:#00a0e9;
 text-decoration: none;
}
/*分类页*/

/*萌客问答列表页*/
.wrap-page {
 background: #f5f5f5;
/* padding-bottom:50px;*/
}
.w-tags {
 color: #333;
 font-size: 14px;
 padding:0px 0;
}
.wrap {
 width: 1200px;
 margin: 0 auto;
}
.w-tags em, .w-tags a {
 color: #666;
}
.ask_pl_content .tabs_content_ul li dd h3.wt a{ color: #333; font-weight:bolder;}
.buhuanhang {
 display: inline;
}
.w-tags {
 color: #333;
 font-size: 14px;
 padding:0px 0;
}
.lc_main {
/*  margin: 30px 0;*/
}
.fl {
 float: left;
}
.zx {
 width: 920px;
}
.lc_r1 {
 width: 255px;
}
.lc_r {
 width: 255px;
}
.right {
 float: right;
 display: inline-block;
}
.zx .zx_top {
   /* border: 1px solid #ededed;*/
    overflow: hidden;
 background: #fff;
}
.zx .zx_bottom {
 margin-top: 20px;
 padding: 0px 30px;
 background: #fff;
   /* border: 1px solid #ededed;*/
	margin-bottom:50px;
}
.zx .zx_top .zx_top_title ul li.on {
 background: #fff;
 transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
 border-bottom: 1px solid #fff;
 color: #00a0e9;
}
.zx .zx_top .zx_top_title ul li:nth-child(1) {
 border-left: 0px;
}
.zx .zx_top .zx_top_title ul li {
 background: #fafafa;
 width: 152px;
 text-align: center;
 line-height: 45px;
 cursor: pointer;
 transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
 position: relative;
 color: #333;
 border-left: 1px solid #ededed;
 border-bottom: 1px solid #ededed;
}
.zx {
width: 900px;
}
.zx .zx_top {/* border: 1px solid #ededed;*/
overflow: hidden;
background:#fff
}
.zx .zx_top .zx_top_title ul li {
background: #fafafa;
width: 152px;
text-align: center;
line-height: 45px;
cursor: pointer;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
position: relative;
color: #333;
border-left: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.zx .zx_top .zx_top_title ul li:nth-child(1) {
border-left:0px;
}
.zx .zx_top .zx_top_title ul li:hover {
background: #fff;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
border-bottom: 1px solid #fff;
color: #00a0e9;
}
.zx .zx_top .zx_top_title ul li:hover:before {
opacity: 1;
transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
}
.zx .zx_top .zx_top_title ul li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #00a0e9;
height: 2px;
opacity: 0;
transition: all 0.3s ease;
 -webkit-transform: all 0.3s ease;
}
.zx .zx_top .zx_top_title ul li.on {
background: #fff;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
border-bottom: 1px solid #fff;
color: #00a0e9;
}
.zx .zx_top .zx_top_title ul li.on:before {
opacity: 1;
}
 .zx .zx_top .zx_top_wen .top_wen_xun {
line-height: 75px;
width: 100%;
padding: 0px 40px;
}
.zx .zx_top .zx_top_wen .top_wen_xun a {
color: #666;
padding-right: 20px;
font-size: 12px;
display: inline-block;
}
.zx .zx_top .zx_top_wen .top_wen_xun a:last-child {
padding-right: 0px;
}
.zx .zx_top .zx_top_wen .top_wen_xun a:hover {
color: #00a0e9;
}
.zx .zx_top .zx_top_wen .top_wen_xun a.on {
color: #00a0e9;
}
.zx .zx_bottom {
margin-top: 20px;
padding: 0px 30px;
background:#fff; /*border:1px solid #ededed*/
}
.zx .zx_bottom .zx_bottom_title {
border-bottom: 1px solid #dcdcdc;
}
.zx .zx_bottom .zx_bottom_title ul li {
display: inline-block;
width: 105px;
text-align: center;
line-height: 50px;
color: #333;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
position: relative;
cursor: pointer;
}
.zx .zx_bottom .zx_bottom_title ul li:hover {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li a:hover {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li:before {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;

width: 15px;
height: 8px;
display: inline-block;
opacity: 0;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
}
.zx .zx_bottom .zx_bottom_title ul li:hover:before {
opacity: 1;
transition: all 0.3s ease;
-webkit-transform: all 0.3s ease;
}
.zx .zx_bottom .zx_bottom_title ul li.on {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li.on a {
color: #fff;
background: #00a0e9;
}
.zx .zx_bottom .zx_bottom_title ul li.on:before {
opacity: 1;
}
.zx .zx_bottom .zx_bottom_wen {/* padding-bottom: 63px;*/
overflow: hidden;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun {
display: inline-block;
border-bottom: 1px dashed #dcdcdc;
width: 100%;
position: relative;
padding: 17px 0px 25px 0px
}
/*.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun:before{ content: ""; width: 8px; height: 8px; position: absolute; left: 5px; top: 32px;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun:last-child{ border-bottom: 0px; padding-bottom: 0px;}*/
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun1 dd {
padding-bottom: 15px;
}
/*.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dd span:nth-child(1){ font-size: 18px; color: #333;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dd span:nth-child(2){ font-size: 12px; color: #aea3ab; padding-left: 20px;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt span:nth-child(1){     font-size: 12px;
    color: #00a0e9;
    border: 1px solid #00a0e9;
    padding: 5px 15px;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt span:nth-child(2) i{ color: #00a0e9;font-style:normal;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt span:nth-child(2){ font-size: 12px; color: #aea3ab; margin-left:10px; }
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun dt span:nth-child(3){ font-size: 12px; color: #aea3ab; float:right; }*/


/*.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun:before{ content: ""; width: 8px; height: 8px; position: absolute; left: 5px; top: 32px;}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun:last-child{ border-bottom: 0px; padding-bottom: 0px;}*/
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun1 span {
font-size: 18px;
color: #333;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun2 span {
 font-size: 12px;
 color: #00a0e9;
 border: 1px solid #00a0e9;
 padding: 5px 15px;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun4 span:nth-child(1) {
font-size: 12px;
color: #333;
 margin-left:10px;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun4 span:nth-child(1) i {
color: #00a0e9;
font-style:normal;
}
.zx .zx_bottom .zx_bottom_wen .bottom_wen_xun .wen_xun_xun4 span:nth-child(2) {
font-size: 12px;
color: #aea3ab;
padding-left:20px;
float:right;
}
 .zx .zx_top .zx_top_wen .top_wen_xun {
 line-height: 75px;
 width: 100%;
 padding: 0px 40px;
}
.zx .zx_top .zx_top_wen .top_wen_xun a {
 color: #666;
 padding-right: 20px;
 font-size: 12px;
 display: inline-block;
}
/*.fenye{ padding-top: 63px;}*/
.fenye b {
font-weight: normal;
margin-right: 5px;
}
.fenye a {
display: inline-block;
border: 1px solid #ececec;
 background: #fafafa;
 margin-right: 5px;
 height: 32px;
 line-height: 32px;
 padding: 0 12px;
}
.fenye a:hover {
color: #fff;
border: 1px solid #00a0e9;
background: #00a0e9;
}
.fenye b.on {
display: inline-block;
padding: 7px 10px;
border: 1px solid #ececec;
background: #00a0e9;
margin-right: 5px;
color: #fff;
border: 1px solid #00a0e9;
}
.fenye span i {
font-style: normal;
color: #00a0e9;
}
.fenye strong {
background: #00a0e9;
 border-color: #00a0e9;
 color: #fff;
 height: 32px;
 line-height: 34px;
 font-size: 14px;
 border: 1px solid #00a0e9;
 display: inline-block;
 margin-right: 5px;
 margin-bottom: 10px;
 padding: 0 12px;
}
.fenye span {
 border: 1px solid #ececec;
 background: #fafafa;
 color: #333;
 height: 32px;
 line-height: 32px;
 font-size: 14px;
 display: inline-block;
 margin-right: 5px;
 margin-bottom: 10px;
 padding: 0 12px;
}
.right .ask_module {
 padding: 0 0 12px;
 margin-bottom: 20px;
}
.right .ask_module.view_ask_content{    padding-bottom: 20px;}
.right .ask_module.ask_module_que{ 
 margin-bottom: 20px;}
.view_ask_content {
 position: static;
 width:100%;
 text-align: center;
 height: auto;
}
.guest_ask_content {
 padding: 0 7px;
 text-align: center;
}
.view_ask_content .ask_hadhelp {
 padding: 23px 0 10px 0px;
 width: 100%;
}
.view_ask_content .ask_hadhelp_p {
 font-size: 16px;
 margin: 6px 0 15px 19px;
}
.view_ask_content .ask_hadhelp_p.ask_hadhelp_p1 {
 font-size: 16px;
 margin: 6px 0 8px 19px;
}
.ask_hadhelp_ptop{ font-size:20px; margin: 0 0 0px 0px;     color: #fff;text-align: left;
    margin-left:20px;
    font-weight: bold;}
.ask_hadhelp_p {
 margin: 15px 0 20px;
 color: #fff;
 font-size: 18px;
 text-align:left;
}
.ask_hadhelp li {
 width: 40px;
 height: 68px;
 float: left;
 color: #2a2a2a;
 font-size: 38px;
 line-height: 60px;
 background: url(/templets/kefuwb/images/ask_num_bak.png) no-repeat;
}
/*<!--.ask_recommend_module .am_tit {
    margin-bottom: 15px;
}-->*/

.ask_hadhelp_p {
margin:15px 0 20px;
color:#fff;
font-size: 18px;
}
.guest_ask_btn a {
display:block;
width: 217px;
height:54px;
font-size: 16px;
color:#2493ec;
background:url(/templets/kefuwb/images/ask-btn1.png) no-repeat;
line-height: 42px;
margin-left:18px;
}
.view_ask_content .guest_ask_btn a {
 width: 100px;
 height: 45px;
 line-height: 35px;
 background-size: cover;
 display: inline-block;
 margin: 0 8px;
 font-size: 14px;
}
.guest_ask_btn a.ianswer {
color:#fff;
background-image:url(/templets/kefuwb/images/ask-btn2.png);
margin-top:3px;
}
.am_tit h2 {
 font-weight: normal;
 font-size: 22px;
 color: #363636;
 line-height: 2;
}
.right .ask_recommend_module h2 span, .right .ask_hot_module h2 span, .ask_related_module h2 span {
 font-size: 20px;
 color: #2a2a2a;
 display: inline-block;
 height: 100%;
 border-bottom: 2px solid #00a0e9;
 padding-left: 30px;
 position: relative;
 left: -12px;
}
.am_tit h2 span {
left: -30px;
 font-size: 24px;
}
.am_tit .divh2 {
 font-weight: normal;
 font-size: 22px;
 color: #363636;
 line-height: 2;
}
.right .ask_recommend_module .divh2 span, .right .ask_hot_module .divh2 span, .ask_related_module .divh2 span {
 font-size: 20px;
 color: #2a2a2a;
 display: inline-block;
 height: 100%;
 border-bottom: 2px solid #00a0e9;
 padding-left: 30px;
 position: relative;
 left: -12px;
}
.am_tit .divh2 span {
left: -30px;
 font-size: 24px;
}
.ask_lists_wrap .ask_recommend_module li {
 padding: 20px 0 8px;
}
.ask_recommend_module li {
 line-height: 40px;
      /*  padding: 0!important;*/
    font-size: 14px;
 border-bottom: 1px dashed #ededed;
}
.ask_recommend_module .pd10 li {
padding: 0;
}
.ask_recommend_module li a {
 display: inline-block;
 width: 177px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 vertical-align: middle;
 margin-right: 5px;
}
.ask_recommend_module .pd10 li a {
width:180px;
}
.ask_recommend_module .pd10 li.hotart a {
width:100%;
}
.ask_recommend_module.likeart .pd10 li a {
width:189px;
}
.ask_recommend_module .pd10.pd11 li a {
width: 209px;
}
.ask_recommend_module li span {
 font-size: 12px;
 color: #9a9a9a;
 float:right;
}
.guest_ask_state_wrap {
 height: auto;
 background: #00a0e9;
}
.right .ask_recommend_module {
   /* border: 1px solid #dcdfe1;*/
    padding: 10px 12px;
 background:#fff;
}
.right .ask_recommend_module .am_tit{margin-bottom:0;}
.ask_recommend_module h3 {
margin-top:20px;
}
.ask_lists_wrap .ask_recommend_module li {
 padding: 20px 0 8px;
}
/*萌客问答列表页*/
/*注册登录页*/
.w {
 width: 1200px;
 margin: 0 auto;
}
input:-internal-autofill-selected {
 border:none;
 background:none;
 color:#999;
}
#regist {
 text-align:center;
 width:1030px;
 color: #333;
}
#regist .mc {
 padding: 70px 0;
 display: inline-block;
}
.fl {
 float: left;
}
.fr {
float:right;
}
.lwx_gg_img {
 padding-top: 24px;
 width:500px;
}
.lwx_gg_img img {
 vertical-align: top;
 width:100%;
}
#regist .regist-title {
 height: 52px;
 margin-bottom: 15px;
 font-size: 26px;
 font-weight: normal;
 line-height: 2;
 width: 383px;
 text-align: left;
 margin: 0 auto;
}
#regist .item {
 padding-top:17px;
 height: auto;
 line-height: 26px;
 margin: 0 auto;
 text-align: center;
 width:383px;
}
.captcha_img_box {
float:right;
padding-top:10px;
}
#protocol {
line-height: 26px;
 vertical-align: middle;
 height: 26px;
 margin-right: 5px;
}
.form .item {
 overflow: hidden;
 zoom: 1;
}
#regist .label {
 width: 100px;
 font-size: 16px;
 line-height: 34px;
 text-align: left;
}
/*#regist .item .fl {
    width:100%;
}*/
#regist .btn-regist {
 width: 100%;
 height: 35px;
 line-height: 35px;
 background-color: #00a0e9;
 font-size: 14px;
 color: #fff;
}
 .wrap-page .w-tags .juheh {
padding-top:30px;
}
.wrap-page .w-tags .juhe_top {
margin-bottom:20px;
}
#regist .text {
 width: 265px;
 height: 16px;
 font-size: 14px;
 font-family: arial, 宋体;
 padding: 8px;
 border-width: 1px;
 border-style: solid;
 border-color: rgb(187, 187, 187);
 border-image: initial;
}
#regist .blank {
 width: 16px;
 height: 16px;
 margin: 2px 5px 0;
}
.clr {
 display: block;
 overflow: hidden;
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.null, .form .error {
 color: red;
 font-size: 12px;
 line-height: 22px;
 *line-height: 20px;
 height: auto;
}
#regist .label b {
 font-family: 宋体;
 margin-right: 5px;
 font-weight: normal;
 display:inline;
}
.form label, .form input, .form select, .form textarea, .form button, .form .label {
 float: left;
 font-size: 12px;
 line-height: 13px;
}
#entry .btn-entry {
 width: 383px;
 height: 46px;
 line-height: 46px;
 background-color: #00a0e9;
 font-size: 14px;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
 float: inherit;
 margin-bottom:10px;
}

/*#entry{width:380px;}*/
.captcha_img_box {
 width: 118px;
 height: 34px;
}
.captcha_img_box img {
 display: block;
 width: 100%;
 height: 100%;
}
 .captcha_img_box .yanz {
 display: inline-block;
 float: right;
 line-height: 30px;
 width: 118px;
 color: #FFFFFF;
 background-color: #00a0e9;
 border-radius: 5px;
 text-align: center;
}
#regist .fr {
 width:450px;
 padding: 20px 20px 35px 20px;
 border: 1px solid #D2D2D2;
 font-size: 14px;
 text-align:left;
}
button {
border:none;
}
#entry .user-icon {
 background-position: 3px 2px;
}
#entry {
width:383px;
}
.login-icon {
 float: left;
 width: 45px;
 height: 46px;
 background: #D2D2D2 url(/templets/kefuwb/images/login.png) no-repeat;
}
#entry a:hover {
color:#00a0e9;
}
#entry .text {
 box-sizing: content-box;
 width: 320px;
 height: 36px;
 line-height: 36px;
 padding: 4px 8px;
 color: #999;
}
#entry .left_white {
 padding-left: 178px;
}
#entry .fr {
 width: 338px;
 padding: 40px 28px 30px;
 border: 1px solid #D2D2D2;
 font-size: 14px;
}
#entry .password-icon {
 background-position: -33px 3px;
}
/*注册登录页面*/
/*问题标题和回复页*/
.no_answer_tip {
  padding-top: 125px;
    background: url(/templets/kefuwb/images/answer_bg.png) no-repeat center 25px;
}
.no_answer_tip p {
 font-size: 20px;
 text-align: center;
 color: #aaa;
}
.ask_ques_module, .other_answer_module {
 padding: 30px 48px;
 background: #fff;
 margin: 0px 0 20px;
 position: relative;
}
.ask_ques_module li {
 margin-bottom: 15px;
}
.ap_af_title {
 font-size: 24px;
 color: #2a2a2a;
 position: relative;
 line-height:39px;
}
.ap_af_title span {
 display: block;
 width: 41px;
 height: 39px;
 overflow: hidden;
 background: url(/templets/kefuwb/images/my_ask.png) no-repeat;
 position: absolute;
 left: -48px;
 top: 0;
}
.ask_ques_module .aqm_info {
 color: #aaa;
}
.answer_write_module {
 margin-top: 25px;
}
.ask_ques_module .aqm_info span {
 margin-right: 35px;
}
.answer_write_module .aw_btn {
 display: block;
 width: 110px;
 height: 36px;
 background: #00a0e9;
 color: #fff;
 text-align: center;
 line-height: 36px;
 font-size: 16px;
 margin-bottom: 0;
}
a.aw_btn {
 display: block;
 width: 142px;
 height: 34px;
 margin-bottom: 20px;
 border: 2px solid #1D92F2;
 background: #fff;
 color: #1D92F1;
 text-align: center;
 line-height: 34px;
 font-size: 16px;
}
.clr {
 display: block;
 overflow: hidden;
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.answer_write_module .aw_form_wrap.hidden {
 display: none;
}
.aw_form_wrap {
 padding: 23px 24px 19px 24px;
 background: #f9f9f9;
 display:none;
}
.aw_form_wrap_title {
 font-size: 14px;
 color: #666;
 height: 24px;
 line-height: 24px;
}
.aw_form_wrap_title a, .aw_form_wrap_title a span {
 color: #2493ec;
 font-size: 12px;
}
.answer_write_module .aw_form_wrap textarea {
 font-family: "microsoft yahei";
 border: none;
}
 .answer_write_module .aw_form_wrap .aw_sub_box {
 margin-top: 10px;
}
.answer_write_module .aw_form_wrap .af_submit_btn {
 margin-left: 15px;
 width: 102px;
 height: 29px;
 line-height: 29px;
 font-size: 12px;
}
.af_submit_btn {
 display: inline-block;
 width: 130px;
 height: 38px;
 margin-left: 85px;
 background: #1C93F1;
 color: #fff;
 text-align: center;
 line-height: 38px;
 font-size: 16px;
}
.answer_write_module .aw_form_wrap .aw_sub_box p {
 font-size: 12px;
 line-height: 30px;
}
.cword {
 color: #FF6600;
}
 .aam_tit {
 font-size: 24px;
 color: #2a2a2a;
 position: relative;
 font-weight: 400;
 line-height:39px;
}
.aam_tit_icon {
 display: block;
 width: 41px;
 height: 39px;
 overflow: hidden;
 background: url(/templets/kefuwb/images/other_answer.png) no-repeat;
 position: absolute;
 left: -48px;
}
.other_answer_module dl {
 padding: 10px 0 0;
 border-bottom: 1px dashed #F3F3F3;
}
.other_answer_module dl:last-child {
 border-bottom:none;
}
.other_answer_module dl dt {
 position: relative;
}
.bam_photo {
 width: 60px;
 height: 60px;
 overflow: hidden;
 border-radius: 50%;
}
.bam_photo img {
 width: 60px;
 height: 60px;
}
.bam_user_msg {
 padding-left: 70px;
 margin: 15px 0;
 position: relative;
}
.bam_user_msg .bam_username {
 margin-bottom:0px;
 font-size: 16px;
 line-height: 2;
}
.bam_user_msg .bam_username:hover a, .replyinfo a:hover {
 color:#00a0e9;
}
.bam_user_msg .bam_tit_info {
 color: #aaa;
 font-size: 0;
 display: inline-block;
}
.clearfix {
 display: block;
}
.bam_user_msg .bam_tit_info span:first-child {
 padding-left: 0;
 border-right: 1px solid #c7b292;
}
.bam_user_msg .bam_tit_info span {
 font-size: 12px;
 line-height: 12px;
 padding: 0 5px 0 2px;
}
 .like_caina {
 height: 29px;
    /* position: absolute; */
    /* right: 0; */
    /* top: 10px; */
    display: inline-block;
 float: right;
 margin-top: 20px;
}
/*.other_answer_module .like_caina {margin-top: 0px;}*/
/*.best_answer .like_caina {margin-top:-20px;}*/
a.ask_up_btn {
 display: inline-block;
 width: 74px;
 height: 27px;
 line-height: 27px;
 border: 1px solid #b2b2b2;
 color: #aaa;
 border-radius: 15px;
 text-align: center;
}
a.ask_up_btn .iconfont {
 background: url(/templets/kefuwb/images/zan.jpg) no-repeat center left;
 background-size:100%;
 height:21px;
 width:22px;
 float:left;
 margin-left: 0.6rem;
 margin-top: 0.2rem;
}
.ask_related_module {
background: #fff;
 padding: 10px 24px;
 overflow: hidden;
 margin-bottom: 50px;
}
.am_tit {
 margin-bottom: 30px;
}
.ask_related_module .am_tit h2,.ask_related_module .am_tit .divh2  {
 line-height: 220%;
 margin-bottom: 25px;
}
 .ask_related_module li {
 color: #666;
 font-size: 15px;
 width: 48%;
 float: left;
 margin-bottom: 20px;
 margin-right:2%;
}
.ask_related_module li:nth-child(even) {
 margin-left:2%;
 margin-right:0;
}
.ask_related_module li span {
 color: #aaa;
 font-size: 12px;
 margin: 2px 0 0 0;
}
.jbox_topic li:nth-child(2n){padding-left: 20px;}
.ask_related_module li a span.frriqi{color: #99989d;}
.jbox_topic li span.ztriqi{color: #b2b2b2;
    text-align: left;
   font-size: 12px;
    margin: 0px 0px 0 0;}
.ask_related_module li span.xiariqi{margin-left:22px; float:left;margin-top: 3px;}
.ask_related_module li a {
 font-size: 15px;
 color: #666;
 display: block;
/* width: 363px;*/
 height: 20px;
 line-height: 20px;
 overflow: hidden;
}
.ask_related_module li .list_has_answer {
 font-size: 12px;
 color: #00a0e9;
 float: left;
}
.ask_related_module li .rqsl{ margin-top:3px;}
.ask_related_module li .list_point {
 display: inline-block;
 font-size: 16px;
 color: #dcdfe1;
 margin-right: 10px;
}
.bam_user_msg .bam_tit_info span {
 font-size: 12px;
 line-height: 27px;
 padding: 0 5px 0 2px;
}
.ask_list_rb_gg {
width:255px;
}
.ask_list_rb_gg a img {
width:100%;
}
/*问题标题和回复页*/
/*用户-所有问题提问页*/
.ask_person_info {
background:#00a0e9;
font-size: 14px;
width:100%;
position: relative;
color:#fff;
}
.ask_person_list {
background:#fff;
font-size: 14px;
}
.ask_person_info dl dt {
padding: 25px 25px 0 145px;
}
.dt_bot_line {
height:1px;
overflow:hidden;
background:#b0c4f1;
margin-top:15px;
}
.ask_person_info dl dd {
padding:15px 127px;
color:#333;
vertical-align: middle;
}
.ask_person_info dl dd a {
display:inline-block;
width:68px;
text-align: center;
color:#fff;
}
.ask_person_info dl dd span {
display:inline-block;
width: 1px;
height:30px;
background:#d3d3d3;
margin:0 10px
}
.ask_person_photo {
width:100px;
height:100px;
border-radius:50%;
overflow: hidden;
-moz-border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
position: absolute;
left:25px;
top:18px;
}
.ask_person_photo img {
display:block;
width:100%;
height:100%;
}
.ask_person_info .ask_pi_name {
font-size: 18px;
margin-bottom:5px;
}
.ask_pi_desc {
height:25px;
line-height: 25px;
overflow: hidden;
}
.ask_person_list .lh {
height:50px;
border-bottom:2px solid #ededed;
border-top:1px solid #ededed;
}
.ask_person_list .lh li {
width:50px;
height: 50px;
line-height: 50px;
font-size: 18px;
display: inline-block;
margin:0 30px 0 15px;
text-align: center;
cursor: pointer;
}
.ask_person_list .lh li.on {
color:#3297ff;
border-bottom:2px solid #3297ff;
}
.ask_pl_content {
position: relative
}
.ask_pl_content .tabs_content {
padding-bottom:0px;
}
.ask_pl_content .tabs_content_ul li {
padding:20px 15px;
overflow:hidden;
clear: both;
border-bottom:1px solid #ededed;
}
.ask_pl_content .tabs_content_ul li dt {
min-width:45px;
padding:8px 0;
float:left;
margin-right:15px;
background:#f0f2f6;
color:#666;
text-align: center;
font-size:12px;
}
.ask_pl_content .tabs_content_ul li dd {
float:left;
width:808px;
position: relative;
}
.ask_pl_content .tabs_content_ul li dd p {
line-height:180%;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height:47px;
overflow:hidden;
    color: #666;
}
.ask_pl_content .tabs_content_ul li dd h3 a{ color:#333; font-weight:bolder;}
.ask_second_info .right {
min-width:60px;
width: auto; 
color: #868686;

}
.ask_pl_content .tabs_content_ul li dd h3 {
font-size:16px;
color:#3297ff;
font-weight: 200;
margin:0;
margin-top:10px;
}
.ask_pl_content .tabs_content_ul li dd h3.wt {
margin-top:0px;
}
.ask_second_info {
font-size:12px;
color:#999;
}
.tabs_content .lwx_paging_box {
width:100%;
margin-top:15px;
}
.lwx_paging_box .pages {
background:none;
 padding-bottom: 51px;
}
.nodata_module {
margin:100px auto 0;
min-height:200px;
min-width:200px;
text-align: center;
}
.weizhi {
line-height: 50px;
 color: #666;
 font-size: 14px;
 margin: 0 auto;
}
#signature {
width:300px;
}
/*用户-所有问题提问页*/

/*答案聚合页（相关问答专题页面）*/
.flhong {
color:#00a0e9;
font-weight:bold;
}
.hot_nei {
padding: 0px 20px 20px 20px;
background: #fff;
margin-bottom:20px;
}
.hot_nei .hot_title {
font-size:24px;
color: #0e0e0e;
border-bottom:1px solid #dcdcdc;
padding: 20px 0px;
line-height: 24px;
}
.hot_nei .hot_title span {
font-weight: bolder;
padding-right: 5px;
font-size:1.2rem;
float:left;
}
.hot_nei .hot_wen .hot_wen_xun {
padding: 25px 0px;
border-bottom: 1px dashed #dcdcdc;
position:relative;
}
.hot_nei .hot_wen .hot_wen_xun .pic_icon {
bottom:0;
top:auto;
}
.pic_icon {
 display: none;
 position: absolute;
 right: 10px;
 top: 10px;
 border: 1px solid #ccc;
 line-height: normal;
 width: 15px;
 height: 15px;
 text-align: center;
 line-height: 15px;
 cursor: pointer;
}
.hot_nei .hot_wen .hot_wen_xun .pic_icon {
 width: 105px;
 color: #00a0e9;
 line-height: 35px;
 border: 0px solid #00a0e9;
 height: auto;
 display: block;
}
.hot_nei .hot_wen .hot_wen_xun:last-child {
border-bottom: 0px;
}
 .hot_nei .hot_wen .hot_wen_xun .wen_xun_title .xun_title_top dd {
font-size: 15px;
color: #00a0e9;
width: 25px;
height: 25px;
text-align: center;
line-height: 24px;
border: 1px solid #00a0e9;
border-radius: 5px;
margin-right: 10px;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_title .xun_title_top dt {
color: #030102;
font-size: 18px;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_title .xun_title_top dt span {
color: #00a0e9;
}
.hot_nei .hot_wen .hot_wen_xun .xun_title_bottom {
color: #99989d;
padding-top: 10px;
padding-bottom: 20px;
}
.hot_nei .hot_wen .hot_wen_xun .xun_title_bottom span {
color: #00a0e9;
font-weight: bolder;
padding-right: 3px;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body {
text-indent: 2.5em;
position: relative;
line-height: 22px;
color:#666;
font-size:14px;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body.on {
height:auto !important;
min-height:auto !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp:10 !important;
overflow: hidden !important;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body.in {
height:53px;
overflow:hidden;
line-height:25px;
margin-bottom: 20px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body:before {
content: "";
position: absolute;;
left: 0;
top: 0px;
width: 25px;
height: 25px;
background: url(/templets/kefuwb/images/bg3.jpg) no-repeat 50%;
}
.hot_nei .hot_wen .hot_wen_xun .wen_xun_body p:nth-child(1) {
padding-top:3px;
}
 .hot_img {
margin-top: 10px;
padding: 15px 25px;
background: #fff;
}
.hot_img .hot_img_title {
font-size: 15px;
color: #333;
border-bottom: 2px solid #dcdcdc;
padding: 12px 0px;
position: relative;
}
.hot_img .hot_img_title:before {
content: "";
background: #00a0e9;
width: 132px;
height: 2px;
position: absolute;
left: 0;
bottom: -2px;
}
.hot_img .hot_img_wen .img_wen_xun {
margin-top: 15px;
margin-right: 10px;
width: 210px;
height: 140px;
overflow: hidden;
}
.hot_img .hot_img_wen .img_wen_xun img {
width: 100%;
min-height: 100%;
}
.hot_img .hot_img_wen .img_wen_xun:nth-child(4n) {
margin-right: 0px;
}

/*答案聚合页（相关问答专题页面）*/
/*关与萌客*/
.hbanner {
background:#00a0e9 url(/templets/kefuwb/images/fwzx.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.aboutbanner {
background:#00a0e9 url(/templets/kefuwb/images/about-bg.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.ywkfhbanner {
background:#00a0e9 url(/templets/kefuwb/images/ywkffwzx.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.nrshhbanner {
background:#00a0e9 url(/templets/kefuwb/images/nrshfwzx.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.bzsjhbanner {
background:#00a0e9 url(/templets/kefuwb/images/bzsjfwzx.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.hwbjgbanner {
background:#00a0e9 url(/templets/kefuwb/images/hwbjgbanner.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.wbznbanner {
background:#00a0e9 url(/templets/kefuwb/images/wbznhbanner.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.newhbanner {
background:#00a0e9 url(/templets/kefuwb/images/newhbanner.jpg) repeat center center;
height:250px;
margin:0 auto;
width:100%;
background-size:cover;
}
.hbanner_con {
padding-top: 40px;
z-index: 0;
left:243px;
width:1200px;
margin:0 auto;
}
.hbanner_con p {
font-size:35px;
color:#fff;
line-height:0;
margin-top: 53px;
margin-bottom: 50px;
}
.hbanner_con span {
font-size:25px;
color:#fff;
}
.hbannerzx a {
background:#00a0e9;
font-size:20px;
 padding:5px 33px;
 left: 0;
height:40px;
line-height:40px;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 border: 1px solid #00a0e9;
 cursor: pointer;
 border-radius:30px;
color:#fff;
}
.about-menu {
border-bottom: 1px solid #eaeaea;
margin-top:50px;
width: 1200px;
}
 .about-menu div {
border-left: 1px solid #eaeaea;
height: auto;
overflow: hidden;
}
 .about-menu a {
border-right: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
display: block;
float: left;
width:16.58%;
height: 106px;
text-align: center;
font-size: 14px;
color: #2c2c30;
}
 .about-menu a:hover, .about-menu a.active {
background-color: #00a0e9;
color: #FFF;
}
 .about-menu a span {
display: block;
height: 26px;
width: 44px;
margin: 23px auto 15px;
background: url(/templets/kefuwb/images/icons-about.png) no-repeat;
}
 .about-menu .no1 {
background-position: 9px 0;
}
 .about-menu a:hover .no1, .about-menu a.active .no1 {
background-position: 9px -26px;
}
 .about-menu .no2 {
background-position: -41px 0;
}
 .about-menu a:hover .no2, .about-menu a.active .no2 {
background-position: -41px -26px;
}
 .about-menu .no3 {
background-position: -94px 0;
}
 .about-menu a:hover .no3, .about-menu a.active .no3 {
background-position: -94px -26px;
}
 .about-menu .no4 {
background-position: -145px 0;
}
 .about-menu a:hover .no4, .about-menu a.active .no4 {
background-position: -146px -26px;
}
 .about-menu .no5 {
background-position: -204px 0;
width: 37px;
}
 .about-menu a:hover .no5, .about-menu a.active .no5 {
background-position: -204px -26px;
}
 .about-menu .no6 {
background-position: -243px 0;
}
 .about-menu a:hover .no6, .about-menu a.active .no6 {
background-position: -243px -26px;
}
 .about-menu .no7 {
background-position: -290px 0;
}
 .about-menu a:hover .no7, .about-menu a.active .no7 {
background-position: -290px -26px;
}
.section-title {
 text-align: center;
 font-size: 36px;
 color: #4f5b6c;
 font-weight: normal;
 border-bottom: 1px solid #d5dfe7;
 padding-bottom: 15px;
 margin-bottom: 50px;
 margin-top: 50px;
}
.container {
 width: 1200px;
 margin: 0 auto;
}
.floor_01 {
background:#00a0e9 url(/templets/kefuwb/images/fl01_bg.jpg) no-repeat center 100%;
color: #fff;
overflow: hidden;
height:815px;
}
 .floor_01 p {
font-size: 16px;
text-indent: 32px;
margin-bottom: 10px;
line-height: 1.8;
}
 .floor_01 img {
margin-top: 15px;
max-width: 100%;
height: auto;
}
 .floor_02 {
overflow: hidden;
}
 .floor_02 li {
float: left;
width: 33.333333%;
margin-bottom: 50px;
text-align: center;
color: #9d9d9d;
line-height: 1.8;
height: 242px;
}
 .floor_02 li p {
padding: 146px 0 18px;
font-size: 20px;
background: center top no-repeat;
line-height: 1.4;
color: #464646;
}
 .floor_02 .no1 p {
background-image: url(/templets/kefuwb/images/i1_2.png);
}
 .floor_02 .no1:hover p {
background-image: url(/templets/kefuwb/images/i1_1.png);
}
 .floor_02 .no2 p {
background-image: url(/templets/kefuwb/images/i2_2.png);
}
 .floor_02 .no2:hover p {
background-image: url(/templets/kefuwb/images/i2_1.png);
}
 .floor_02 .no3 p {
background-image: url(/templets/kefuwb/images/i3_2.png);
}
 .floor_02 .no3:hover p {
background-image: url(/templets/kefuwb/images/i3_1.png);
}
 .floor_02 .no4 p {
background-image: url(/templets/kefuwb/images/i4_2.png);
}
 .floor_02 .no4:hover p {
background-image: url(/templets/kefuwb/images/i4_1.png);
}
 .floor_02 .no5 p {
background-image: url(/templets/kefuwb/images/i5_2.png);
}
 .floor_02 .no5:hover p {
background-image: url(/templets/kefuwb/images/i5_1.png);
}
 .floor_02 .no6 p {
background-image: url(/templets/kefuwb/images/i6_2.png);
}
 .floor_02 .no6:hover p {
background-image: url(/templets/kefuwb/images/i6_1.png);
}
 .floor_03 {
background:#00a0e9 url(/templets/kefuwb/images/06_bg.jpg) no-repeat center center;
color: #fff;
height: 440px;
width:100%;
}
 .floor_03 .section-title {
color: #fff;
border-bottom: 0;
margin-bottom: 20px;
}
 .floor_03 ul li {
float:left;
width: 20%;
height:50px;
margin-bottom: 50px;
}
 .floor_03 ul li img {
opacity: 0.7;
}
 .floor_03 ul li:hover img {
opacity: 1;
}
.section-small {
 text-align: center;
 margin: -30px auto 20px;
}
.section-small.small2 {
 text-align: center;
 margin: -30px auto 50px;
}
.honor {
 padding-top: 0.8rem;
 border-bottom: 1px solid #76d4ff;
 margin-bottom: 0.8rem;
}
.honor p {
 border-left: 0.3rem solid #00a0e9;
 padding-left: 0.5rem;
 font-size: 1.2rem;
 color: #00a0e9;
 margin-bottom: 0.5rem;
}
.honor p em {
 font: normal 0.3rem Arial;
 display: block;
 color: #999;
}
.info-team {
 height: auto;
 margin-bottom: 50px;
 text-align: center;
}
.info-team img {
/*width: 100%;*/
}
 .box_h {
width:1150px;
margin:18px auto 0 auto;
}
 .event_year {
width:180px;
border-bottom:2px solid #ccc;
text-align:center;
float:left;
margin-top:10px;
}
 .event_year li {
height:40px;
line-height:40px;
background:#e9e9e9;
margin-bottom:1px;
font-size:18px;
color:#828282;
cursor:pointer;
padding-left:16px
}
 .event_year li.current {
width:181px;
background:url('../images/jian.png') no-repeat;
color:#FFF;
text-align:center;
padding-left:9px;
}
 .event_list {
width:950px;
float:right;
background:url('../images/dian3.png') 139px 0 repeat-y;
margin:10px 0 20px 0;
background-position: 139px;
}
 .event_list h3,.event_list .divh3 {
margin: 0 0 10px 133px;
 font-size: 24px;
 font-family: Georgia;
 color: #00a0e9;
 padding-left: 25px;
 background: url(/templets/kefuwb/images/jiandian.png) 0 -45px no-repeat;
 height: 38px;
 line-height: 30px;
 font-style: italic;
 font-weight: 600;
}
 .event_list li {
background: url(/templets/kefuwb/images/jiandian.png) 136.5px -79px no-repeat;
 margin-bottom: 10px;
}
 .event_list li span {
width:127px;
text-align:right;
display:block;
float:left;
margin-top:12px;
color:#00a0e9;
}
 .event_list li p {
width: 780px;
 margin-left: 24px;
 display: inline-block;
 padding-left: 10px;
 background: url(/templets/kefuwb/images/jiandian.png) -21px 0 no-repeat;
 line-height: 22px;
}
 .event_list li p span {
width:750px;
text-align:left;
border-bottom:2px solid #DDD;
padding:10px 15px;
background:#f6f6f6;
margin:0;
color:#666;
}
/*关与萌客*/
/*问答*/
.pages .plist a {
display: inline-block;
 margin-right: 5px;
 height: 32px;
 line-height: 32px;
 font-size: 14px;
 border: 1px solid #dddddd;
 color: #555555;
 margin-bottom: 10px;
 padding: 0 12px;
}
.jz .fenye .pages .plist a:last-child, .jz .fenye .pages .plist a:nth-last-child(2) {
display:None;
}
.pages .plist a:hover {
 background:#00a0e9;
 border-color: #00a0e9;
 color: #fff;
}
 .pages .plist strong {
 background:#00a0e9;
 border-color: #00a0e9;
 color: #fff;
 height: 32px;
 line-height: 32px;
 font-size: 14px;
 border: 1px solid #00a0e9;
 display: inline-block;
 margin-right: 5px;
 margin-bottom: 10px;
 padding: 0 12px;
}

/*服务分类页分页cs*/
.pages {
margin: 35px 0 30px;
text-align: center;
}
.pages .pcount {
display: none;
}
 .met_pager a, .pages a, .pages span {
display: inline-block;
height: 32px;
 line-height: 32px;
font-size: 14px;
padding: 0 12px;
}
 .met_pager a:hover, .pages span.current, .pages a:hover {
border-color: #00a0e9;
color:#00a0e9;
height: 32px;
line-height:32px;
}
.met_pager li:hover, .pagination li:hover {
border-color:#00a0e9;
color:#fff;
}
.pages .pagination {
display: inline-block;
margin: 0 auto;
width:auto;
}

/*推荐服务*/
.tuijianfw {
width:1200px;
margin:0 auto;
}
.jbox_know_left img {
width: 156px;
 height: 89px;
}
.desc_link i {
 color: #00a0e9;
 font-style: initial;
}
/*服务分类页分页cs*/
/*服务详情页*/
.position {
 width:100%;
 background: #f5f5f5;
 text-align:left;
 height: 50px;
}
.position .posi-text {
 width: 1200px;
 margin: 0 auto;
 text-align: left;
 line-height: 50px;
 font-size: 14px;
 color: #666666;
}
.position .posi-text a {
 line-height: 50px;
 font-size: 14px;
 color: #666666;
}
.w1200 {
 width: 1200px;
 margin: 0 auto;
}
.product-wraper {
 width: 100%;
 height: 370px;
 margin-top: 30px;
    /*position: relative;*/
    overflow: hidden;
}
.product-wraper .product-left {
 width: 400px;
 height: 300px;
 left: 0;
 top: 0;
}
.product-wraper .product-left img {
 width: 100%;
 height: 100%;
}
.product-wraper .product-right {
 height: 300px;
 width: 770px;
 margin-left: 30px;
}
.product-wraper .product-right .product-title {
 height: 34px;
 text-align: left;
 font-size: 0;
}
.product-right .product-title span {
 display: inline-block;
 vertical-align: top;
 height: 34px;
 line-height: 34px;
 margin-right: 10px;
}
.product-right .product-title .title {
 font-size: 20px;
 color: #333;
}
.product-right .product-title .tag {
 height: 26px;
 line-height: 26px;
 border: 1px solid #30C8C6;
 border-radius: 13px;
 padding: 0 12px;
 font-size:14px;
 color: #30C8C6;
 margin-top: 4px;
}
.prize-wraper {
 height: 60px;
 font-size: 0;
 text-align: left;
 background: #F0F2F6;
 margin-top: 20px;
 position: relative;
}
.prize-wraper span {
 display: inline-block;
 vertical-align: top;
 height: 60px;
 line-height: 60px;
}
.prize-wraper .jiage {
 width: 88px;
 text-align: center;
 color: #3E444F;
 font-size: 16px;
}
.prize-wraper .prize-type {
 text-align: left;
 padding: 0 20px 0 0px;
 font-size: 26px;
 color: #FD4956;
 font-weight: 700;
}
.prize-wraper .prize-type::before {
 content: "¥";
 font-size: 16px;
 position: absolute;
 left: 72px;
 top: 2px;
 color: #FD4956;
}
.prize-wraper .rengong {
 font-size:14px;
 color: #898F9A;
 text-align: left;
}
.discount {
 height: 50px;
 line-height: 25px;
 font-size: 14px;
 color: #898F9A;
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 margin-top: 10px;
}
.select-wraper {
 font-size: 0;
 text-align: left;
 margin-top: 26px;
}
.select-wraper .text, .select-wraper .select-item {
 display: inline-block;
 vertical-align: top;
 font-size: 14px;
 height: 36px;
 line-height: 36px;
}
.select-wraper .text {
 width: 68px;
 text-align: left;
 color: #3E444F;
}
.select-wraper .select-item {
 padding: 0 10px;
 color: #3E444F;
 background: #F0F2F6;
 margin-right: 15px;
 margin-bottom: 10px;
 text-decoration: none;
}
.select-wraper .select-item:hover {
 background: #30C8C6;
 color: #fff;
}
.ident-wraper {
 height: 23px;
 font-size: 0;
 text-align: left;
 margin-top:20px;
}
.ident-wraper .ident-item {
 display: inline-block;
 margin-right: 17px;
 padding-right: 20px;
 vertical-align: top;
 font-size: 0;
}
.ident-wraper .ident-item::before {
 content: "";
 position: absolute;
 width: 1px;
 height:13px;
 right: 0px;
 top : 4px;
 background: #EFEFEF;
}
.ident-wraper .ident-item:last-child::before {
 display: none;
}
.ident-wraper .ident-item .safe-icon {
 width: 18px;
 height: 18px;
 background: url(/templets/kefuwb/images/icon_zfanquan.png) no-repeat;
 background-size: 18px 18px;
 display: inline-block;
 vertical-align: top;
 margin-right: 10px;
 margin-top: 2px;
}
.pei-icon {
 width: 18px;
 height: 18px;
 background: url(/templets/kefuwb/images/icon_guoshibp.png) no-repeat;
 background-size: 18px 18px;
 display: inline-block;
 vertical-align: top;
 margin-right: 10px;
 margin-top: 2px;
}
.fater-sale-icon {
 width: 18px;
 height: 18px;
 background: url(/templets/kefuwb/images/icon_shbaozhang.png) no-repeat;
 background-size: 18px 18px;
 display: inline-block;
 vertical-align: top;
 margin-right: 10px;
 margin-top: 2px;
}
.ident-wraper .ident-item .ident-text {
 display: inline-block;
 vertical-align: top;
 color: #8c8c8c;
 font-size: 14px;
 height: 23px;
 line-height: 23px;
}
.buy-wraper {
 display: block;
 height: 46px;
 font-size: 0;
}
.product-bottom {
margin-top:40px;
}
.buy-wraper .buy-btn {
 display: inline-block;
 vertical-align: top;
 width: 188px;
 height: 46px;
 line-height: 46px;
 text-align: center;
 background: #FD4956;
 color: #fff;
 font-size:16px;
 margin-right: 17px;
}
.buy-wraper .buy-btn, .buy-wraper .ask-btn {
 display: inline-block;
 vertical-align: top;
 width: 188px;
 height: 46px;
 line-height: 46px;
 text-align: center;
 background: #30C8C6;
 color: #fff;
 font-size:16px;
 margin-right: 17px;
 border-radius:6px;
 cursor: pointer;
}
.buy-wraper .ask-btn {
 background: #FFA24D;
 color: #fff;
 margin-right: 12px;
}
.product_section_wrap {
 width: 100%;
 height: 100%;
 background: #f4f8ff;
 display:inline-block;
 padding-bottom: 50px;
}
.product_section_wrap .product_section {
 width: 1200px;
 height: auto;
 margin: 0 auto;
}
#navbar.fixed {
 width: 100%;
 position: fixed;
 top: 0;
}
/*服务详情页*/
/*案例列表页*/
.picture {
 width: 100%;
 float: left;
 min-height:400px;
}
.picture .main .block {
 width:100%;
 margin: 0 auto;
 position: relative;
}
.picture .main .box {
 margin-top: 30px;
}
.picture .main .box .customer-filter {
 font-size: 16px;
 color: #666666;
 text-align: center;
 padding: 0px 15px;
 margin-bottom: 50px;
 overflow: hidden;
 box-sizing: border-box;
 border-bottom: 1px solid #d8d8d8;
}
.picture .main .box .customer-filter li {
 float: left;
 padding: 0px 39px;
 height: 55px;
 line-height: 55px;
 list-style:none;
}
.picture .main .box .customer-filter li.active {
 border-bottom: 2px solid #00a0e9;
}
.picture .main .box .customer-filter li.active a {
 color: #00a0e9;
 font-weight: 600;
}
.picture .main .box .div {
 float: left;
 width: 251px;
 height: 341px;
 margin: 0 0 20px 20px;
 opacity: 0;
 background: #fff;
	/*transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform: scale(0.7) rotateX(60deg);
	-webkit-transform: scale(0.7) rotateX(60deg);
	-moz-transform: scale(0.7) rotateX(60deg);
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;*/
	overflow:hidden;
 padding: 10px 10px 0;
 border: 1px solid #dde0e4;
}
.picture .main .box .div:hover {
 box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
}
.picture .main.show .box .div {
	/*transform: scale(1) rotateX(0deg);
	-webkit-transform: scale(1) rotateX(0deg);
	-moz-transform: scale(1) rotateX(0deg);*/
	opacity: 1;
}
.picture .main .box .div.a {
 margin-left: 0;
}
.picture .main .box .div .pic {
 width: 100%;
 height: 183px;
 overflow: hidden;
}
.picture .main .box .div .pic img {
 width: 100%;
 height:167px;
/* -webkit-transition: all .8s ease 0s;
 -moz-transition: all .8s ease 0s;
 transition: all .8s ease 0s;
 box-shadow: inset 3px 3px 10px 0 #000000;

border-radius: 20px;
*/

}
.picture .main .box .div:hover img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}
.picture .main .box .div h3,.picture .main .box .div .divh3  {
 font-size: 16px;
 color: #474747;
 line-height: 1.2;
 padding:0 15px;
 font-weight: bold;
}
.picture .main .box .div p {
 font-size: 14px;
 color: #999;
 line-height: 1.5;

 padding:0 15px;
  word-break: break-all;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;
}
.picture .main .box .div p.yansep{color:#666; margin-top: 8px;}
.picture .main .box .div .more {
 color: #298cef;
 font-size: 14px;
 font-family: Arial, Helvetica, sans-serif; /*text-transform:uppercase;*/
 margin-top: 12px;
 display: block;
}
/*案例列表页*/
/*专题页*/
.guidance {
width:1134px;
padding:15px 0px;
}
.guidance.left {
padding-left:0;
}
.guidance.right {
padding-right:0;
}
.mc {
display: inline-block;
}
.figure {
position: relative;
overflow:hidden;
margin-bottom:20px;
}
.figure .fig-img {
float:left;
width:239px;
height:125px;
}
.figure .text-summary {
float:right;
width:291px;
}
.figure .text-summary h5,.figure .text-summary .divh5 {
font-weight:normal;
font-size:18px;
line-height:1.5;
overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin-top:-3px;
}
.figure .text-summary h5 a ,.figure .text-summary .divh5 a {
color:#000;
overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.figure .text-summary p {
    line-height: 1.5rem;
    margin-top: 7px;
    text-align: left;
    margin-bottom: 0;
    font-size: 14px;
	    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
　
}
.figure .text-summary p.ztrq {margin-top: 5px; color:#b2b2b2;}
.article_list li .attention span.ztrq { color:#b2b2b2;}
.figure .text-summary p a {
color:#008cd6;
}
.article_list li {
height:28px;
overflow:hidden;
line-height:2;
font-size:14px;
}
.article_list li a {
display:inline-block;
zoom:1;
*display:inline;
width:390px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.article_list.figurearticle_list li a {font-size:15px;color:#333;}
.article_list li .attention {
float:right;
}
.article_list li .attention span {
margin-left:10px;
display: inline-block;
font-size:15px;
color: #666;
}
.article_list li .attention span i {
width:25px;
height:19px;
vertical-align: middle;
}
.view-icon {
background-position:-35px -7px;
}
.support-icon {
background-position:-73px -6px;
}
/*专题页*/
/*外包攻略列表页*/

/*.lc_main{margin:0 0 50px 0;}*/
.lc_r {
width: 365px;
}
.lc_ra {
border:1px solid #e1e1e1;
}
.zx_lca li {
border-bottom: 1px solid #E1E1E1;
}
.za_tit {
padding: 0 25px;
height: 43px;
line-height: 43px;
font-size: 16px;
}
.zx_lca li .za_tit .fa-angle-down {
background:url(/templets/kefuwb/images/wbglrightjt.jpg) no-repeat center center;
height: 39px;
 width: 13px;
}
.zx_lca li.in .za_tit .fa-angle-down.fa-angle-downxia, .zx_lca li.in .za_tit .fa-angle-down {
background:url(/templets/kefuwb/images/fa-angle-downxia.jpg) no-repeat center center;
height: 39px;
 width: 13px;
}
 .zx_lca .za_tit.on .sub_za {
display: block;
}
 .zx_lca .za_tit.on .fa-angle-down.fa-angle-downxia, .zx_lca .za_tit.on .fa-angle-down {
background:url(/templets/kefuwb/images/fa-angle-downxia.jpg) no-repeat center center;
height: 39px;
 width: 13px;
}
/*.za_tit .fa-angle-down.fa-angle-downxia{ background:url(/templets/kefuwb/images/fa-angle-downxia.jpg) no-repeat center center;height: 39px;
    width: 13px;}*/
.zx_lca li .sub_za {
display: none;
border-top: 1px solid #E1E1E1;
}
.sub_za a {
display: block;
font-size: 14px;
color: #666;
padding:5px 25px;
}
.zx_lca li.in .za_tit {
color: #00a0e9;
}
.zx_lca li.in .za_tit a {
color: #00a0e9;
}
 .zx_lca li.in .za_tit .fa-angle-down {
color: #00a0e9;
}
.zx_lca li.in .sub_za {
display: block;
}
 .zx_lca .za_tit.on {
color: #00a0e9;
}
.zx_lca .za_tit.on a {
color: #00a0e9;
}
 .zx_lca .za_tit.on .fa-angle-down {
color: #00a0e9;
}
 .zx_lca li:last-child {
border-bottom: none;
}
.lc_rb {
margin:0 0 0;
}
.lc_rb .xg_div {
background:none;
padding: 0;
margin-top: 0;
}
.lc_rb .xg_div a {
font-size: 14px;
}
.lcPic {
margin:15px 0;
position: relative;
}
.lcPic .hd {
text-align: center;
}
.lcPic .hd li {
display: inline-block;
width: 48px;
height: 5px;
margin:0 5px;
font-size: 0;
background: #737373;
cursor: pointer;
border-radius:3px;
}
.lcPic .hd li.on {
background: #00a0e9;
}
.dhlinks {
margin: 0 -10px;
 width: 100%;
 display: inline-block;
 border-top: 1px solid #F1F1F1;
 margin-top: 15px;
 margin-bottom: 15px;
}
.dhlinks a {
float: left;
line-height: 28px;
border:1px solid #d9d9d9;
padding: 0 10px;
margin:10px 0px 0 10px
}
.gaibanpos-box-right ul li {
display:inline-block;
width: 100%;
border-bottom: 1px solid #F1F1F1;
}
.gaibanpos-box-right ul li .himg {
 width: 90px;
 display: inline-block;
 overflow: hidden;
 float: left;
}
.gaibanpos-box-right ul li .himg img {
width: 90px;
 height: 60px;
}
.gaibanpos-box-right ul li .txt {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: -4px;
left: 10px;
 font-size: 13px;
 line-height:1.35rem;
 color: #333;
 padding-bottom: 5px;
}
.gaibanpos-box-right ul li .date {
 left: 10px;
 position: relative;
  color: #666;
}
 .lc_l {
width: 810px;
}
.lc_l .lcPic {
width: 383px;
margin-top:0;
}
.lc_l .lcPic .bd li img {
width: 383px;
height: 260px;
}
.p_l, .p_r {
position: absolute;
top:90px;
z-index: 20;
}
.p_r {
right: 0;
}
.p_l {
left: 0;
}
.lcinfo {
width: 383px;
}
.lc_title {

padding: 0 30px;
text-align: center;
font-weight: bold;
font-size: 15px;
background-size:36px auto;
}
.info_txt {
padding: 7px 7px 5px;
text-align: right;
}
.info_txt p {
text-align: left;
}
.info_txt a {
color: #666;
position: relative;
top:-3px
}
.iflist li {
position: relative;
height: 26px;
line-height: 26px;
padding-right: 75px;
}
.iflist {
border-top:1px dashed #999;
padding-top:8px
}
.iflist li span {
position: absolute;
right: 0;
top:0;
font-size: 11px;
color: #666;
}
.iflist li a {
color: #666;
}
.iflist li a:hover {
color: #00a0e9;
}
.lc_inv {
width: 100%;
}
.lc_inv .thd {
margin-bottom: 20px;
}
.lc_inv .thd li.right {
float: right;
margin:0;
}
.lc_inv .thd li.right a {
font-size: 12px;
color: #00a0e9;
}
.thd_a a {
float: left;
border-left: 1px solid #d9d9d9;
line-height: 20px;
padding: 0 9px;
margin-top:10px;
font-size: 13px;
color: #666;
min-width: 50px;
text-align: center;
}
.sjleft {
width: 384px;
}
.sjimg img {
width: 170px;
height: 122px;
}
.sjleft .iflist {
border-top:none;
}
.cont_inv .lcinfo .iflist {
padding-top:5px;
}
.cont_inv .lcinfo .iflist li {
height: 24px;
line-height: 24px;
}
.lc_inv {
margin-top:15px
}
.thd li.on, .lc_rb .hd li, .thd li.on h3, .lc_rb .hd li h3 {
font-size: 16px;
}
.thd li.on, .lc_rb .hd li, .thd li.on .divh3, .lc_rb .hd li .divh3 {
font-size: 16px;
}
.sec_top {
padding:10px 0;
margin-top:-20px
}
.sec_top a {
float: left;
margin:0 20px;
font-size: 13px;
color: #666;
}
.sec_pic {
margin:0 -6px
}
.sec_pic li {
width: 290px;
float: left;
margin:0 6px
}
.sec_pic li .himg {
display: block;
}
.sec_pic li img {
width: 100%;
height: auto;
}
/*.sec_pic li:nth-child(2) img{height: 520px;}*/
.sec_pic li a {
position: relative;
margin-bottom: 10px;
}
.sec_pic li a p {
position: absolute;
left: 0;
right:0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 2;
color:#fff;
text-align: center;
font-size: 14px;
padding:10px 0;
}
.thd_a a.on {
color: #00a0e9;
}
.lc_rb, .lc_rc {
background: #fff;
 padding: 20px;
 box-sizing: border-box;
 margin-bottom: 20px;
}
 .lc_r1 {
width: 275px;
}
.zx_bjox {
background: #fff;
}
.zx_bjox .zx_bjia {
padding-bottom: 1px;
}
.ad {
margin: 20px 0;
}
.zx_bdian {
background: #fff;
padding: 20px;
 box-sizing: border-box;
 margin-bottom: 20px;
}
 .zx_bdian .za_tit {
padding: 0;
font-size:14px;
height: 38px;
line-height: 38px;
}
.zx_bdian .sub_za {
padding:5px 0;
}
.zx_bdian .sub_za a {
position: relative;
padding:4px 10px;
font-size: 12px;
margin-left: 15px;
}
.sub_za a:after, .klist_new li i {
position: absolute;
content: '';
display: block;
width: 4px;
height: 4px;
background: #939393;
border-radius:50;
left:0;
top:50%;
margin-top:-2px;
border-radius: 50%;
}
.zx_bdian .sub_za a:hover {
color: #00a0e9;
}
.klist_new li {
position:relative;
padding-left: 10px;
}
.klist_new li i {
font-size: 0;
background: #939393 !important;
vertical-align: middle;
}
.klist_new li a {
left: 10px;
}
.lc_rb_n {
background: #fff;
padding:10px 10px;
}
 .wx_details {
width:920px;
}
.wx_details .lc_inv {
background: #fff;
padding: 15px 30px;
width: auto;
}
.wx_details .sec_pic {
margin:0 -5px
}
.wx_details .sec_pic li {
width: 190px;
overflow: hidden;
margin:0 5px;
}
.wx_details .sec_pic li img {
width: 100%;
}
.wx_details .sec_pic li img {
width: 190px;
height: 140px;
}
.wx_details .sec_pic li .himg {
display: block;
}
.thd li h3,.thd li .divh3 {
 font-size: 16px;
 color: #4e4e4e;
 font-weight: bold;
}
.zx_lca {
border-top: 1px solid #F1F1F1;
 margin-top: 15px;
 margin-bottom: 15px;
}
.con_daodu {
background-color: #f4f4f4;
 padding: 20px;
 margin-bottom: 10px;
}
.con_daodu .intro {
display:inline;
line-height: 1.5rem;
 font-size: 14px;
 color:#666;
}
.con_daodu span {
font-weight:bold;
}
.artbottom {
margin-top:15px;
margin-bottom:15px;
}
 .artbottom .keyword a,  .artbottom .keyword span {
 font-size: 14px;
 line-height: 34px;
 color: #666666;
 display: block;
 float: left;
 margin-right: 10px;
}
 .artbottom .keyword a {
 padding: 0 9px;
 border: 1px solid #eee;
 margin-bottom: 5px;
 text-decoration: none;
}
 .artbottom .keyword a:hover {
 border-color: #00a0e9;
 background-color: #00a0e9;
 color: #fff;
}
 .artbottom .share em,  .artbottom .share span {
 font-size: 14px;
 line-height: 34px;
 color: #666666;
 display: block;
 float: left;
 margin-right: 10px;
}
 .artbottom .share .embox {
 display: block;
 width: 26px;
 height: 26px;
 text-align: center;
 overflow: hidden;
}
 .artbottom .share .embox .a1,  .artbottom .share .embox .a2,  .artbottom .share .embox .a3 {
 display: block;
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 background: url(/templets/kefuwb/images/icon_nor_qq.png) no-repeat center;
 background-size: 100%;
}
 .artbottom .share .embox .a1 {
 width: 21px;
 height: 22px;
 margin-top: 4px;
 background-image: url(/templets/kefuwb/images/icon_nor_qq.png);
}
 .artbottom .share .embox .a1:hover {
 background-image: url(/templets/kefuwb/images/icon_qq.png);
}
 .artbottom .share .embox .a2 {
 width: 26px;
 height: 22px;
 margin-top: 4px;
 background-image: url(/templets/kefuwb/images/icon_nor_weibo.png);
}
 .artbottom .share .embox .a2:hover {
 background-image: url(/templets/kefuwb/images/icon_weibo.png);
}
 .artbottom .share .embox .a3 {
 width: 26px;
 height: 20px;
 margin-top: 6px;
 background-image: url(/templets/kefuwb/images/icon_nor_wechat.png);
}
 .artbottom .share .embox .a3:hover {
 background-image: url(/templets/kefuwb/images/icon_wechat.png);
}
 .artbottom .share .line {
 color: #eee;
}
.tab_contairn h2 {
margin-bottom: 15px;
}
.tab_contairn h2 a.current {
 border-top: 2px solid #00a0e9;
 background: #fff;
}
.tab_contairn h2 a {
 display: inline-block;
 font-size: 18px;
 padding: 15px 25px;
 color: #474747;
}
.tab_contairn .divh2 {
margin-bottom: 15px;
display:block;
}
.tab_contairn .divh2 a.current {
 border-top: 2px solid #00a0e9;
 background: #fff;
}
.tab_contairn .divh2 a {
 display: inline-block;
 font-size: 18px;
 padding: 15px 25px;
 color: #474747;
}
.morebn {
 color: #00a0e9;
 display: inline-block;
 padding: 6px 19px;
 text-align: center;
 border: 1px solid #00a0e9;
 border-radius: 15px;
/* margin-top: 20px;*/
}
.article-content a {
 color: #00a0e9;
}
.morebn:hover, .article-content a:hover {
 color:#fff;
 background:#00a0e9;
}
/*外包攻略列表页*/
/*所有服务项目*/
.fwxmbz {
margin:0 auto;
text-align:center;
position:absolute;
top:140px;
color:#fff;
font-size:48px;
left: 46%;
}
.fwxmbz h3 {
font-size:30px;
margin-top:25px;
}
.zyxm {
width:1200px;
margin:0 auto;
text-align: -webkit-center;
}
.zyxmp {
text-align:center;
width:100%;
color:#00a0e9;
margin-top: 48px;
margin-bottom:48px;
height:62px;
line-height:30px;
}
.zyxmp {
font-size:40px;
}
.zyxmp span {
font-size:40px;
}
.zyxmcon {
width:1200px;
margin:0 auto;
}
 .zyxmcon ul li {
list-style:none;
text-align:left;
margin-bottom:10px;
}
.zyxmcon ul .zyxmli1 {
background:url(/templets/kefuwb/images/li1.png) no-repeat;
height:234px;
width:1082px;
}
.zyxmcon ul .zyxmli2 {
background:url(/templets/kefuwb/images/li0.png) no-repeat;
height:234px;
width:1082px;
}
.zyxmcon ul .zyxmli3 {
background:url(/templets/kefuwb/images/li2.png) no-repeat;
height:234px;
width:1082px;
}
.zyxmcon ul .zyxmli4 {
background:url(/templets/kefuwb/images/li3.png) no-repeat;
height:234px;
width:1082px;
}
.zyxmcon ul .zyxmli5 {
background:url(/templets/kefuwb/images/li4.png) no-repeat;
height:234px;
width:1082px;
}
.zyxmcon ul .zyxmli6 {
background:url(/templets/kefuwb/images/li5.png) no-repeat;
height:234px;
width:1082px;
margin-bottom: 50px;
}
.ulp {
margin-left:215px;
font-size:24px;
color:#00a0e9;
padding-top:45px;
}
.ulcon {
margin-left:215px;
font-size:15px;
color:#666;
padding-top:20px;
line-height:29px;
padding-right:70px;
}
.ckxq {
float:right;
margin-right: 29px;
 margin-top: -10px;
}
.ljzx {
float:right;
}
.reply_edit {
border: 1px solid #ccc;
padding:0;
}
.reply_edit textarea {
height:auto;
}
/*所有服务项目*/

.chuizhi {
display:inline-block;
line-height:27px;
}
.zx_bottom_right {
float:right;
}
.zx_bottom_right span a {
color: #666;
margin-left: 20px;
font-size: 14px;
}
.zx_bottom_right span {
height: 50px;
line-height: 50px;
}
.zx_bottom_right span a:hover {
color: #00a0e9;
}
.zx_bottom_right span a.cur {
color: #00a0e9;
}
 .kzf-mod-product-content .span4:nth-child(4) {
 margin-right: 0;
}
.news_center_list_title a {
float:right;
}
 #o-search #search .ld {
z-index:9;
}
#o-search #i-search {
position:relative;
width:auto;
height:27px;
line-height:27px;
border-right:none;
margin-top:5.5px;
}
#o-search #i-search .block {
top:8px;
left:10px;
width:19px;
height:19px;
background-position:-150px -22px;
}
#o-search #key {
position: absolute;
 z-index: 9;
 width: 360px;
 height: 27px;
 line-height: 27px;
 top: -4px;
 left: 10px;
 border: 0;
 font-size: 14px;
text-indent:1rem;
}
#o-search #btn-search {
display: inline-block;
 position: relative;
 margin: 0;
 font-size: 14px;
 text-align: center;
 cursor: pointer;
 left: 180px;
 top: 6px;
 z-index: 999999999;
}
#o-search #btn-search .lwx_master1_icon {
position: absolute;
 width: 41px;
 height: 17px;
 background-position: 0 -20px;
 left: 53px;
}
#o-search #hotwords {
width:409px;
height:16px;
line-height:16px;
overflow:hidden;
margin-top:9px;
color:#666666;
}
#o-search #hotwords strong {
font-weight:normal;
}
#o-search #hotwords a {
color:#666666;
margin-right:10px;
}
#related {
position:absolute;
top:38px;
left:-2px;
width:360px;
border:1px solid #CCCCCC;
background:#fff;
overflow:hidden;
}
#related li {
float:left;
width:340px;
height:20px;
line-height:20px;
padding:1px 8px 1px 10px;
cursor:pointer;
overflow:hidden;
}
#related li:hover {
background:#FFFF99;
color:#CC0000;
}
#related div {
float:left;
width:280px;
overflow:hidden;
}
#related span {
float:right;
font-size:12px;
color:#C0C0C0;
}
#related .close {
border-top:1px solid #DFF2FF;
text-align:right;
color:#0B3B8C;
padding:0px 8px 3px 10px;
background-color:#F0F9FF;
}
#o-search.category_search p {
padding-left:110px;
}
#o-search.category_search #key {
left:0;
width:339px;
text-indent: 7rem;
outline: none;
}
#o-search.category_search .category_choose {
position: relative;
 display: block;
 width: 99px;
 height: 27px;
 text-indent: 1.9rem;
 background: #F4F4F4;
 font-size: 14px;
 cursor: pointer;
 z-index: 9999999999999999;
 border-radius: 5px 0 0 5px;
 left: 0;
  background: url(/templets/kefuwb/images/header_icon.png) no-repeat 5rem center;
 top: 0.5px;

 border-right: 1px solid #ccc;
}
#o-search.category_search .category_choose b {
position: absolute;
display: block;
overflow: hidden;
right: 12px;
top: 16px;
width: 11px;
height: 5px;

z-index:9999999999999999999999;
}
#dropdown_choose {
position:absolute;
top:26px;
left:-1px;
width:99px;
border:1px solid #CCCCCC;
background:#fff;
overflow:hidden;
z-index:999999999999999999;
}
#dropdown_choose li {
font-size:14px;
text-align: center;
height:36px;
line-height:36px;
}
#o-search.category_search .category_choose b {
 position: absolute;
 display: block;
 overflow: hidden;
 left: 76px;
 top: 11px;
 width: 11px;
 height: 5px;

}
#siteNav .innerWrap {
 width:1200px;
}
.hui {
 background: #f4f4f4;
 width:100%;
 margin:0 auto;
}
.bai {
background:#fff;
width:100%;
 margin:0 auto;
}
.imgcenter {
text-align:center;
}
.gaibanpos-box-con .content p.dimmker {
font-size: 14px;
 line-height: 14px;
 color: rgb(153, 153, 153);
 margin-top: 20px;   text-indent: 0 !important;    line-height: 1.8rem;
    margin-bottom: 20px;
}
.bdshare-slide-button-box {
display:none;
}
 .left-text .tags span {
 display: block;
 float: left;
 font-size: 13px;
 line-height: 28px;
 color: #666666;
}
 .left-text .tags .hline a {
 font-size: 13px;
 line-height: 28px;
 color: #666666;
 margin-right: 5px;
 padding-right: 5px;
 background:url(/templets/kefuwb/images/xian.jpg) no-repeat center right;
}
.left-text .tags .hline a:last-child {
 background:none;
}
.left-text .tags .hline a:hover {
 color: #00a0e9;
}
 .left-text .tags div {
 padding: 0 8px;
 position: relative;
 width: auto;
 display: inline-block;
}
/*问答样式*/
/*.best_answer{padding:0 0.5rem;}*/
.best_answer h3 {
 font-size: 24px;
 color: #2a2a2a;
 position: relative;
 font-weight: 400;
 line-height: 30px;
}
 #content-box {
            /*position: relative;*/
            clear: both;
 display: inline-block;
 min-height:78px;
}
#list-title li {
 cursor:pointer;
}
 .contents {
           /* position: absolute;
            left: 0;
            top:20px;
            
            z-index: 0;
            opacity: 0;
            visibility: hidden;*/
			margin-top: 20px;
 display:none;
 list-style:none;
}
.foot .contb .contents {margin-top: 10px;}
 .contents li a {
display: inline-block;
 margin-right: 8px;
 color: #858585;
 font-size: 12px;
}
 .contents-checked {
 display:block;
}
 #regist #shouji {
margin-bottom:17px;
}
.f_l .foot_kefu span {
margin-left:0rem;
}
 .text_fl {
text-align:left;
}
.text_fl.text_fl {
	margin-top:-20px;
}
.figurejuhelist, .figurearticle_list li {
float:left;
width:554px;
}
.figurejuhelist:nth-last-child(1), .figurearticle_list li:nth-child(even) {
 width:554px;
 margin-left:13px;
}
.figurejuhelist:nth-last-child(2), .figurearticle_list li:nth-child(odd) {
 width:554px;
 margin-right:13px;
}
}
/***协议弹出框***/
#lwx_xieyi, #lwx_baojia {
	width:845px;
	overflow: hidden;
	background:#fff;
	border:4px solid #a1a1a1;
	text-align: left;
}
.lwx_xieyi_content, .lwx_baojia_content {
	padding:20px;
}
.lwx_xieyi_content h3, .lwx_baojia_content h3 {
	color:#4d4d4d;
	font-size:18px;
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;
	margin-bottom:20px;
}
.lwx_xieyi_content h3 span, .lwx_baojia_content h3 span {
	float:right;
	cursor: pointer;
	display: inline-block;
	color:#7b7b7b;
	font-size: 22px;
	font-weight: lighter;
}
.lwx_xieyi_text, .lwx_baojia_text {
	height:325px;
	overflow: auto;
	color: #4d4d4d;
	font-size: 14px;
}
.lwx_xieyi_text h4, .lwx_xieyi_text h5 {
	text-align: center;
	margin-top:30px;
	margin-bottom:10px;
}
.lwx_xieyi_text h4 {
	font-size:18px;
	margin-top:50px;
}
.lwx_xieyi_text h5 {
	font-size:16px;
	font-weight: lighter;
}
.lwx_xieyi_text h5 span {
	padding-bottom:5px;
	border-bottom:1px solid #333;
}
.lwx_xieyi_text p {
	line-height:220%;
	margin-bottom: 25px;
}
.cart-list .lwx_pop_btn a.lwx_confirm {
	color:#fff;
}
.lwx_xieyi_text p.like_h4 {
	font-size:18px;
	color:#000;
	margin:40px 0 10px
}
.align_right {
	text-align:right;
}
.color_black {
	color:#000;
}
/*协议弹出框关闭按钮*/
.lwx_pop_btn {
	text-align: center;
}
.lwx_pop_btn button, body .lwx_pop_btn a {
	display:inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	border:none;
	font-size: 14px;
	width:167px;
	height:39px;
	line-height: 39px;
	background:#00a0e9;
	color:#fff;
}