@charset "utf-8";
/* CSS Document */
*{padding: 0px; border: none; margin: 0px;}
 body{ font-family:"微软雅黑","Arial","sans-serif"; font-size: 14px;}
a{ text-decoration:none; color: #333; }
ul,ol,li{ list-style:none;}
.left{float: left;}
.right{float:right;}
.clear{clear: both;}
.box{width: 1200px; margin: 0 auto !important;position: relative;}
.com_cor{color:#00b240} 
.mar_top80{ margin-top: 80px;}
.mar_top40{ margin-top: 40px;}
.mar_top100{ margin-top: 100px;}
.wid530{ width: 530px !important;}
.wid650{ width: 650px !important;;}
.txt_center{text-align: center;}
.bg_gray{ background: #f5f5f5;}
.bg_yell{background: #ff9c3c;}
.mar_center{ margin: 0 auto; display:block;}
.top{height:80px;}
.head{-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);box-shadow: 0px 4px 4px rgba(0,0,0,0.07); position: fixed; width: 100%; z-index: 9999; background: #fff;/*border-bottom: 1px solid #e0e0e0;*/}
.logo_word{font-size: 12px; font-weight: normal; letter-spacing: 4.5px;color: #555;top: 50px;position: absolute;}
.logo{padding: 13px 0px 3px; margin-right: 10px; margin-top: 10px;}
.logo img{    width: 135px;display: block;}
.gpdm {float: left;text-align:left; margin-top: 29px;font-size: 13px;border: 2px solid #ddd;color: #333;padding: 2px 10px;font-weight: 400;}
.nav-box {margin-top: 31px;margin-left:82px; position: relative;z-index: 1000;}
.nav-box ul li { list-style: none;float: left;height: 41px;text-align: center; margin-right: 35px;position: relative;}
.nav-box ul li:first-child{ width: 60px;}
.nav-box ul li a { color:#323233; font-size: 15px;}
.nav-box ul li a:hover {text-decoration:none;}
.nav-box ul li a em{ margin-left: 8px;font-style: normal; height: 9px; width: 11px;position: relative;top: -1px; background-image: url(../images/nextla.png);display: inline-block;width: 13px;}
.nav-box .nav-line {position: absolute;left: 0; bottom: 0; height: 3px;line-height: 3px; width: 60px !important;font-size: 0; background: #00b240;}
.tel_img{ font-size: 17px;font-weight: 600;line-height:80px;}
.tel_img img{width: 17px;}

.tiyan{border-radius:30px;height: 30px;line-height: 30px;background:#00b240;color: #fff;padding: 0 20px;margin-top: 26px;margin-right: 12px;}
.tiyann_a{color: #fff;}
.guanli a{color: #666; margin-right: 20px;margin-top: 31px;display: inline-block;}
.guanli a:hover{color:#00b240;}


/*导航加下拉菜单-开始*/
.nav-box ul li .showMenu {
position: absolute;left: -25px; _left: 0; top: 38px; _top: 58px;z-index: 9999;background: #fff;border: 1px solid #e0e0e0;-webkit-box-shadow: 0 0 3px -1px #ccc;-moz-box-shadow: 0 0 3px -1px #ccc;box-shadow: 0 0 3px -1px #ccc;padding: 10px 10px 20px 10px; width: 100px;    border-radius: 3px;}
.nav-box ul li .showMenu li{ height:35px; line-height:35px; margin-right: 0px; width: 100%;}
.nav-box ul li .showMenu li a{font-size: 15px;color: #666;width: 100%;padding: 0px;}
.nav-box ul li .showMenu li:hover a{ color:#00b240;}
.nav-box ul li .showMenu li ul {margin-left: 155px;top: 0px;position: absolute;width: 155px;left: 0px;_left: 0px;}
.nav-box ul li .showMenu li ul li{ line-height:35px}
.nav-box ul li .showMenu li ul li a {height: 45px;line-height: 45px;padding-top: 0px;}
.nav-box ul li .showMenu li ul.me2{top: -46px;}
.arrow-down {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #B6B6B6;position: absolute;top: 32px;right: 10px;z-index: 1;}
/*导航加下拉菜单-结束/

/*banner效果开始*/
#kinMaxShow{ display:none;}
#kinMaxShow .sub_1_1{ display:block; position:absolute;left:550px; top:65px; z-index: 999;}
#kinMaxShow .sub_1_2{ display:block; position:absolute;top:50px; opacity: 0;}
#kinMaxShow .sub_2_1{ display:block; position:absolute;right:160px; bottom:80px;}
#kinMaxShow .sub_2_2{ display:block; position:absolute;left:110px; top:80px;}
#kinMaxShow .sub_3_1{ display:block; position:absolute;right:180px; bottom:0px;}
#kinMaxShow .sub_3_2{ display:block; position:absolute;left:30px; top:40px;}
.bant01_txt{ margin-top: 140px !important; color: #fff;}
.bant01_txt .ban01p{ font-size: 90px;}
.bant01_txt .ban02p{ font-size: 56px;padding: 10px 0px!important;}
.bant01_txt .ban03p{ font-size: 22px; padding: 10px 0px!important;font-weight: 100;}
/*banner效果结束*/


/*单个banner图*/
.index_ban{height: 560px;}

.news_main{overflow: hidden;}
.mp_box{padding-top: 60px; overflow: hidden; height: 580px;}
.man_right{width: 420px;}
.manr_tit{font-size: 36px; color: #111;font-weight: normal;line-height: 44px;}
.manr_txt{color: #555;}
.manr_txt p font{ font-size: 16px; line-height: 30px; width: 960px; display: inline-block;}
.manr_txt p em{ width: 90px;background: #00b240; display:inline-block; height: 6px; margin: 15px 0px;}
.manr_txt span{margin-top: 30px; display: block; font-size: 18px; line-height: 35px;}
.manr_txt span font{color: #00b240;}
.mpjl .manr_tit,.mpjl .manr_txt{color: #fff;}
.mpjl .manr_txt p em{background:#fff;}


/*效果css-开始*/
.feature-icon-animate {
    visibility: visible;
    -webkit-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    -moz-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
}
.animate{
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
}

.animate2 {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.animate3 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.animate5 {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.animate4 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}
.animate6 {
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    animation-delay: 2.4s;
}
.animate7 {
    -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    animation-delay: 2.8s;
}
.animate8 {
    -webkit-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    animation-delay: 3.2s;
}
.animate9 {
    -webkit-animation-delay: 3.6s;
    -moz-animation-delay:3.6s;
    animation-delay: 3.6s;
}
.animate10 {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}


@-webkit-keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating-bubble {
from {
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}



.tit1_1{opacity: 0;filter: alpha(opacity=0)\9;}
.effect-pic {
    -webkit-animation: fadeInTop .4s ease-in-out both .3s;
    animation: fadeInTop .4s ease-in-out both .3s;  opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-pic2 {
    -webkit-animation: fadeInTop .5s ease-in-out both .3s;
    animation: fadeInTop .5s ease-in-out both .3s;  opacity: 1;filter: alpha(opacity=100)\9;
}
.effect-pic3 {
    -webkit-animation: fadeInTop .6s ease-in-out both .3s;
    animation: fadeInTop .6s ease-in-out both .3s;    opacity: 1;filter: alpha(opacity=100)\9;
}

.effect-ill{-webkit-animation: fadeInRight .5s ease-in-out both .3s;
    animation: fadeInRight .5s ease-in-out both .3s;      opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}

.effect-ill2{webkit-animation: fadeInLeft .5s ease-in-out both .3s;
    animation: fadeInLeft .5s ease-in-out both .3s;      opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}


@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}	
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/*效果css-结束*/


.gongneng_tit{text-align: center;font-size: 36px;color: #fff;font-weight: normal;background: url(../images/gongneng_tit.png) top center no-repeat #f5f5f5;height: 138px;padding-top: 30px;}


/*相关资讯*/
/*新闻选项卡-开始*/
.tab{padding-top:50px;margin-bottom:20px;position:relative;overflow:hidden;background:#fff;margin:0 auto;color:#888;}
.tabs{display:table;position:relative;overflow:hidden;margin:0;width:100%;}
.tabs li{float:left;line-height:50px;overflow:hidden;padding:0;position:relative; width: 33.33%;}
.tabs a{    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;
    color: #888;
    font-weight: 500;
    display: block;
    letter-spacing: 0; font-size: 18px;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top: 2px solid #ececec;
    text-align: center;}
.tabs_item{display:none;padding:20px 0;}
.tabs_item h4{font-weight:bold;color:#87d3b7;font-size:20px;}
.tabs_item img{width:200px;float:left;margin-right:20px;}
.tabs_item:first-child{display:block;}
.current a{    color: #222;
    border-top: 2px solid #00b240;
    font-size: 18px;}
/*新闻选项卡-结束*/

.news_box{padding-top: 60px;}
.new_ul{margin: 50px 0px;overflow: hidden;}
.new_ul li{ width: 50%;float: left;padding: 20px 0px;border-bottom: 1px dashed #ddd;}
.new_ul li img{border: 1px solid #ddd;}
.new_ul .new_txt{ width:360px; margin-left: 20px;}
.new_ul .new_txt p{ color: #333;font-size: 16px; padding: 6px 0px;overflow: hidden; font-weight: bold;}
.new_ul .new_txt p a:hover{text-decoration: underline; color: #00aa70;}
.new_ul .new_txt span{ color: #666;font-size: 14px; padding: 5px 0px;overflow: hidden;display: inline-block;}
.new_ul .new_txt p span,.new_ul .new_txt p font{ color: #888; font-size: 12px; font-weight: normal;}


/*适应哪些行业？*/
.mpx_hangye11{height: 800px;}
.hangye_ul li{ float: left;margin:0px 14px 50px 14px;padding:50px 60px; text-align: center;}
.hangye_ul li.hy01{background-color:rgba(113,172,231,0.1);}
.hangye_ul li.hy02{background-color:rgba(225,207,62,0.1);}
.hangye_ul li.hy03{background-color:rgba(238,79,58,0.1);}
.hangye_ul li.hy04{background-color:rgba(128,178,187,0.1);}
.hangye_ul li.hy05{background-color:rgba(119,147,180,0.1);}
.hangye_ul li.hy06{background-color:rgba(255,155,82,0.1);}
.hangye_ul li.hy07{background-color:rgba(85,237,255,0.1);}
.hangye_ul li.hy08{background-color:rgba(221,110,105,0.1);}
.hangye_ul li.hy09{background-color:rgba(123,123,123,0.1);}
.hangye_ul li.hy10{background-color:rgba(95,206,255,0.1);}
.hangye_ul li.hy11{background-color:rgba(144,132,204,0.1);}
.hangye_ul li.hy12{background-color:rgba(89,211,195,0.1);}
.hangye_ul li.hy13{background-color:rgba(58,162,162,0.1);}
.hangye_ul li.hy14{background-color:rgba(127,171,41,0.1);}
.hangye_ul li.hy15{background-color:rgba(0,231,221,0.1);}
.hangye_ul li.hy16{background-color:rgba(38,20,18,0.1);}
.hangye_ul li.hy17{background-color:rgba(143,154,179,0.1);}
.hangye_ul li.hy18{background-color:rgba(36,219,90,0.1);}
.hangye_ul li p{font-size: 16px; margin-top:5px; color: #333;}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}


.hangye_ul li:hover{
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;}



/*名片侠和传统小程序对比*/
.xcx_qb{ height: 709px;}
.xcx_qbimg{padding: 55px 0px 0px;overflow: hidden;}


.xcx_qb2{height: 700px; background: url(../images/qubie0bg.png) top center no-repeat; }
.xcx_qb2 .manr_tit,.xcx_qb2 .manr_txt{color: #fff;}
.qubie01 {margin-left: 100px;}
.qubie02 {margin-right: 100px;}


/*创建名片步骤*/
.cj_mpx{height: 430px;}
.cj_mpx ul.bz{margin:11px 0 0;    position: relative;    margin-top: 60px;}
.cj_mpx ul.bz:before {content: "";display: block;position: absolute;top: 52px;left: 10%;right: 10%;border-bottom: 2px solid #00b240;}
.cj_mpx ul.bz li{ float: left; width: 200px; padding:30px 0; cursor:default; border-radius:10px;}
.cj_mpx ul.bz span{display: block;width: 46px;height: 46px;text-align:center;line-height: 46px;color: #00b240;border: 2px solid #00b240;box-shadow: 0 0 10px rgba(0,183,130,.9);background: #fff;border-radius: 50%;margin: 0 auto;position: relative;z-index: 1;font-size: 22px;    transition: all .3s ease;}
.cj_mpx ul.bz p{margin: 25px 0;text-align: center;color: #555;font-weight: bold;font-size: 16px;}
.cj_mpx ul.bz li:hover span{ background:#00b240; color: #fff; transform: scale(1.3);box-shadow: 0 1px 10px rgba(0,183,130,.9), 0 1px 10px rgba(0,183,130,.9);}
.cj_mpx ul.bz li:hover h3{ color:#000;}


/*为什么选择名片侠*/

.xuanze_mpx{height: 580px; background: url(../images/xuanze_mpx.jpg) bottom center no-repeat; }
.xuanze_mpx font{font-size: 36px;}

/*安全保障*/
.mpx_anquan{ background: #0c3071; padding-top: 60px;position: relative;height: 760px;}
.mpx_anquan .manr_tit{color: #fff;}
.anquan_neirong{position: relative; margin-top: 60px;}
.aq_centerimg{margin: 0 auto; display:block}
.aq_ul li{ width: 230px; color: #fff; font-size: 16px;}
.aq_ul li p b{font-size: 30px; padding: 10px 0px;display: inline-block;}
.aq_ul li.anquan_01{left: 0px; position: absolute; top: 10px;}
.aq_ul li.anquan_02{right:0px; position: absolute; top: 10px;}
.aq_ul li.anquan_03{left: 0px; position: absolute; top: 240px;}
.aq_ul li.anquan_04{right: 0px; position: absolute; top: 240px;}
.aq_ul li.anquan_05{left: 420px; position: absolute; top: 420px; width: 400px;}
.aq_ul li.anquan_05 img{display:inline-block; float:left; margin-top: 20px}
.aq_ul li .anquan_05txt{ margin-left: 80px;}

/*名片侠优势*/
.mpx_youshi{height: 500px;}
#canvas{width:100%; height:500px;overflow: hidden; position:absolute; top:0;left:0;background-color: #1a1724; }
.canvas-wrap{ position:relative;}
div.canvas-content{position:relative;z-index:2000;color:#fff;text-align:center; padding-top:50px; width:1200px; margin: 0 auto;}
.canvas-content .manr_tit{color: #fff;}
.canvas-content .manr_txt p em{background:#fff;}
.youshi_ul{margin-top: 30px;}
.youshi_ul li{width: 20%;float: left; font-size: 16px;}
.youshi_ul li .ys_tit{font-size: 30px;}


/*相关资讯-开始*/
/*.home_news{ padding: 20px; border: 1px solid #e5e5e5;width: 320px; margin:60px 20px;} 
.home_news:hover{    -moz-box-shadow: #ddd 0px 0px 20px 2px;
    -webkit-box-shadow: #ddd 0px 0px 20px 2px;
    box-shadow: #ddd 0px 0px 20px 2px;    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.news_ul li{padding:5px 0px;}
.news_ul li.first{ margin-bottom: 10px; overflow: hidden;}
.news_ul li.first img{margin-bottom: 8px;}
.news_ul li img{width: 320px; height: 180px; display: inline-block;}
.news_ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_ul li a:hover{color: #00b240;}
.news_tit{font-size: 22px;padding-bottom: 20px; color: #333;}
.news_txt{font-size: 16px; color: #555;}
.news_time{font-size: 12px; color: #888;}
.n_lastbox{margin-right: 0px;}*/
/*相关资讯-结束*/



/*底部-开始*/
.footer { width: 100%; background: #28292b; color: #6e6f73; }
.footer-content { max-width: 1200px; margin: 0px auto;  padding-top:40px; padding-bottom:30px; }
.footer-content .s-upper { margin: 0 auto;padding: 0 40px 0px 0px; }
.footer-content .s-upper li { padding-left: 30px; }
.footer-item { list-style: none; font-size: 14px; display: inline-block; vertical-align: top; }
.footer-item.s-first { width: 38%; padding: 20px 80px 20px 0px; color: #b9b9b9;}
.footer-item.s-first li{padding-left: 0px;}
.footer-item.s-second { width: 38%; padding: 20px 0; border-right: 1px solid #3a3b3d; }
.footer-item.s-third { margin-left: 1%; }
.footer-item.s-third .info { margin-bottom: 0px; text-align: center; }
.info:first-child { margin-bottom: 27px; }
.info-desc { font-size: 15px;color: #cecece;}
.info-desc span { display: block; width: 30px; height: 30px; float: left; margin-top: 5px; margin-right: 10px; position: relative; }
.info-desc .weixin i { display: none; width: 126px; height: 70px; background: url(../images/wechatqq.png) center no-repeat; text-align: center; position: absolute; bottom: 28px; left: -50px; font-style: normal; border: 1px solid #cccc; }
.info-desc .qq i { display: none; width: 142px; height: 180px; background: url(../images/wechat.png) center no-repeat; text-align: center; position: absolute; bottom: 15px; left: -60px; font-style: normal; }
.info-desc .weixin a { display: block; height: 33px; line-height: 40px; padding-left: 50px; background: url(../images/q1.gif) 12px 3px no-repeat; margin-top: 12px; color: #f60; text-align: left }
.info-desc span i img { width: 122px; height: auto; margin-left: 2px; margin-top: 25px; }
.info-desc span:hover i { display: block; }
.ewm { border: 1px solid #3a3b3d; padding: 12px 12px 8px 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 10px; }
.ewm img { width: 110px; height: 110px; }
.s-tel { background: url(../images/s_tel.png) left 6px no-repeat; }
.s-phone { background: url(../images/s_phone.png) left 6px no-repeat; }
.s-chat { height: 46px; background: url(../images/s_chat.png) left 6px no-repeat; }
.s-add { background: url(../images/s_add.png) left 6px no-repeat; }
/*版权信息*/
.copy { width: 100%; height: 50px; background: #1e1f20; }
.copy .content { width: 1200px; height: 50px; margin: 0 auto; line-height: 50px; color: #7a7a7a; text-align: center;}
.copy .content a { color: #7a7a7a; padding-left: 10px; /*float: left; */}
.copy .content a:hover { color: #ccc; }
/*友情链接*/
.lin {width:100%; height: 50px; padding: 20px 0 0px; line-height: 25px; text-align: left; border-top: 1px solid #404040;  background: #28292b;}
.links_box { width: 1200px; margin: 0 auto; }
.links_title { width: 80px; float: left; display: inline-block; }
.links_content { width: 1120px; float: left; display: inline-block; }
.links_content ul li { float: left; display: inline; margin-right: 30px; line-height: 27px; word-break: break-all; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.links_content ul li a { color: #949494; }
.links_content ul li a:hover { text-decoration: underline; color: #fff; }
/*底部-结束*/


/*在线客服-开始*/
.suspension{position:fixed;z-index:55;right:0; bottom:60px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#00b240;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#0f986a;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#b3b3b3;display:none;}
.suspension .a-top:hover{background:#0f986a;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item .qqstyle{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;font-weight: bold;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:15px;margin-left:12px; color: #555;}
.suspension .d-service-item .text .number{ font-size: 16px;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*在线客服-结束*/


/*********************************名片侠-代理页面************************************************/
.mpx_lc{ height: 500px;}
.mpx_lc img{ margin-top: 70px;}
.mpx_dlbox{ height: auto; }
.mpx_daili{overflow: hidden; margin: 40px 0px;position: relative;  }
.mpx_daili li{float: left; background: #fff;width: 508px;padding:70px 30px 60px;font-size: 18px; text-align: center;-moz-box-shadow:#ddd 0px 0px 20px 2px; -webkit-box-shadow:#ddd 0px 0px 20px 2px;  box-shadow: #ddd 0px 0px 20px 2px; color: #666;  -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; margin: 15px;    min-height: 160px;height:160px}

.mpx_daili li img{margin: 20px 10px 0px; float:left;}
.mpx_daili li p{text-align: left;  display: block;    margin-left: 108px;}
.mpx_daili li p strong{ font-size: 24px; color: #111; padding-top: 10px; display: inline-block;    font-weight: 500;}
.mpx_daili li p font{ font-size: 38px;}
.mpx_daili li span{     display: block;
    font-size: 16px;
    color: #666;
    text-align: left;
    margin: 20px 0px 30px;}
.mpx_sline{}
.daili_tip{font-size: 18px; color: #0f9769;}


.mpx_daili li.mpx_youshi5{width: 255px; height: 255px; border-radius: 300px; background: #00bf89; text-align: center; position: absolute;     top: 140px;  left: 421px; padding: 25px; }
.mpx_daili li.mpx_youshi5 p strong{color: #fff;}
.mpx_daili li.mpx_youshi5 p {text-align:center;margin-left: 0px;}
.mpx_daili li.mpx_youshi5 p span{color: #fff;text-align: center;}
.mpx_daili li.mpx_youshi5 img{    float: initial; margin-top: 0px;}


/*人工智能名片前景*/
.mpx_about{ height:470px;background: url(../images/daili/mpx-area-bg.png) top no-repeat;}
.qianjing_ul li{font-size: 18px;float: left;
    color: #333;
    width: 249px;
    margin-left: 50px;
    margin-top: 80px;}
.qianjing_ul li font{font-size: 50px; color: #00b240;}


.mpx_fuchi{overflow: hidden; height: 600px;}
.mpx_fcbox{margin-top: 30px;}
.mpx_fcbox li{ float: left; font-size: 18px;    margin:40px 67px;
    text-align: center;
	-moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.mpx_fcbox li:hover{ }

/*名片侠销售5.0*/
.mpx_xiaoshou{background: url(../images/daili/5.0bg.jpg) center no-repeat; height: 680px;position: relative;}
.mpx_xiaoshou .manr_tit{color: #fff;}
.xs01{position: absolute;left: 60px;top: 350px;}
.xs02{position: absolute;left: 240px; top:272px;}
.xs03{position: absolute;left:450px;top: 230px;}
.xs04{position: absolute; left: 599px;top: 167px;}
.xs05{position: absolute;left: 785px;top: 85px;}
.mpx_xiaoshou .mpx_xt{ margin-top: 140px;margin-left: 90px;}

/*保姆级服务*/
.dl_fuwubg{background:url(../images/daili/dl_fuwubg.jpg) center no-repeat;height: 643px; color: #fff; position: relative;}

/*代理与同行相比*/
.dl_qubiebg{background:url(../images/daili/dl_qubiebg.jpg) center no-repeat;height: 700px; color: #fff; position: relative;}

/**/
.lb_fuchi{background:url(../images/daili/lb_fuchi.jpg) center no-repeat;height: 700px; color: #fff; position: relative;}

.lb_fuchi .manr_tit{color: #fff;}
.dlfc_txt{width: 360px; height: 130px; font-weight: bold; font-size: 20px;position: absolute;right: 50px;bottom: 200px; color: #111;}
.dlfc_txt font{color: #e72316}

/*代理市场*/
.mpx_shichang{background:url(../images/daili/mpx_shichang.jpg) center no-repeat; height: 697px; }
.sc_tit{font-size: 60px; color: #fff;}
.dlzs{ width: 270px;
    height: 220px;
    text-align: center;
    position: absolute;
    top: 300px;
    left: 490px;
    border: 1px solid #ddd;}
.dlzs p font{ color:#007151; font-size:25px;}
.dlbtn{     width: 215px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #007151;
    margin: 0 auto;
    margin-top: 10px;}
.dlbtn a{ color:#fff; font-size:16px; display:block;}
.dlzs_bg{ position:absolute; top:0px; background:#fff; opacity:0.8;width:270px; height:220px; }
.dlzs_txt{  font-size: 24px;
    position: absolute;
    top: 33px;
    left: 24px;}

/*联系渠道总监*/
.mpx_cont{text-align: center; height: 760px;}
.mpx_con{ margin: 20px;}



/***********************************************名片侠-关于我们*********************************************/
.mpx_wenhua{height: 500px;}
.wenhua_ul{overflow: hidden; margin:60px 0px 40px 0px; height:242px; }
.wenhua_ul li{float: left; width: 300px; background: #fff;  margin: 20px;padding: 30px;-moz-box-shadow:#ddd 0px 0px 20px 2px; -webkit-box-shadow:#ddd 0px 0px 20px 2px;  box-shadow: #ddd 0px 0px 20px 2px; color: #666;  font-size: 18px;    -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.wenhua_ul li:hover{margin-top: 10px;}
.wenhua_ul li img{ margin: 30px 15px 30px 0px;}
.wenhua_ul li p strong{ font-size: 30px;color: #333;padding-bottom: 10px; display: inline-block;font-weight: normal;}
.wenhua_ul li p font{ font-size: 38px;}



/*传统微营销的问题*/
.mpx_ct{font-weight: bold;font-size: 24px; text-align: center;padding: 20px 0 50px;line-height: 36px;}
.mpx_ct span{color: #00b240;}