@charset "UTF-8";
/* CSS Document */


.chanjet-box-txt{width:1000px;margin:0 auto;}
.chanjet-title{ width:830px; margin:0 auto 16px;}
.line-gary{ width:110px; height:24px; border-bottom:2px solid #d0cfd0;}
.line-text{font-size:30px; color:#333; width:570px; margin:0 20px; }
.p-chanjet{width:918px;margin:0 auto;font-size:16px;line-height:24px;color:#999;text-align:center; padding-bottom:40px;}

.lunbo-box, .one-column{ width:100%; min-width:1170px;}
/*banner*/
.slide-main{height:450px;position:relative;}

.item{display:block;width:100%;height:10px;position:absolute;z-index:100;top:420px;left:0;text-align:center;}
.item a{
  display:inline-block;width:10px;height:10px; border-radius:100%;margin-right:11px;background:#333;
  opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;
}
.item a.cur{background:#fff;}

.slide-box,.slide{display:block;width:100%;height:580px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:450px;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:450px;cursor:pointer;}



/*column*/
.pay-box-tab{ padding-bottom:70px;}
.pay-box-style{
  width:270px; height:350px; border:1px solid #ebebeb; border-radius:10px; 
  padding:40px 34px; text-align:center; cursor:pointer; position:relative;
}
.fz40{ font-size:40px;}
.pay-box-style .fz24, .pay-box-style .fz20{ text-align:center;}
.pay-box-style .fz40{ text-align:center; margin-top:20px;}
.pa-t16{ padding-top:16px;}
.pay-box-style .fz20{ color:#999;}
.line-heng{ width:200px; height:8px; border-bottom:1px solid #d3d3d3; margin-top:16px;}
.card-goumai-hao{ 
  display:inline-block; width:200px; height:38px; line-height:38px; color:#fff;
  background:#93d200; font-size:16px; border-radius:50px; margin-top:34px;
}
/*滑过样式*/
.hover-card-hao1{
  width:270px; height:350px; border-radius:10px; position:absolute;top:0; left:0; z-index:2;
  background: url(../images/hover-bg.png) no-repeat center; background-size:auto 350px; 
  padding:30px 34px 0; display:none;
}
.hover-card-hao1 .fz24, .hover-card-hao1 .fz16{ color:#fff;}
.line-heng-hover{ width:200px; height:8px; border-bottom:1px solid #727273; margin:12px auto;}
.hover-card-hao1 ul{ padding-left:14px;}
.hover-card-hao1 ul li{ text-align:left; color:#fff; list-style: outside; line-height:22px;}
.hover-goumai-hao{
  display:block; width:200px; height:38px; line-height:38px; color:#4f5362;
  background:#fff; font-size:16px; border-radius:50px;
  position:absolute; bottom:44px; left:36px;
}

.line-gary-fun{ width:110px; height:24px; border-bottom:2px solid #fff;}
.line-text-fun{font-size:30px; color:#fff; width:570px; margin:0 20px; }

.function{ width:100%; min-width:1170px; height:320px; background:#50cde0; padding-top:50px;}
.column-title{ width:980px; margin:30px auto 0;}
.column-title li{ float:left; width:130px; text-align:center; font-size:16px; color:#daf4f8;}
.column-title-img{ width:130px; height:130px;}
.column-title-img img{ display:block; width:130px; height:130px;}
.mg-r90{ margin-right:80px;}

.caiwu, .baobiao, .shuipiao{ position:relative; width:980px; margin:0 auto;}
.caiwu, .shuipiao, .baobiao{padding:48px 0 60px;}
.hao-drop:after{
	position: absolute;
    top: 0px;
    left: 466px;
    display: inline-block;
    border-right: 20px solid transparent;
    border-top: 14px solid #50cde0;
    border-left: 20px solid transparent;
    content: '';
}
.white-drop:after{
	position: absolute;
    top: 0px;
    left: 466px;
    display: inline-block;
    border-right: 20px solid transparent;
    border-top: 14px solid #fff;
    border-left: 20px solid transparent;
    content: '';
}
.font-title-style{ font-size:24px; color:#999; width:100px; margin:0 auto 40px;}
.mg-r96{ margin-right:96px;}
.mg-l30{ margin-left:30px;}
.text-h{ font-weight:700; margin-bottom:6px;}
.text-con{ color:#666; line-height:20px;}
.img-text-caiwu ul li{ margin-bottom:24px;}

.bg-hao{ background:#50cde0;width:100%; min-width:1170px}
.font-title-style2{ font-size:24px; color:#fff; width:100px; margin:0 auto 40px;}
.text-h2{ font-weight:700; margin-bottom:6px; color:#fff;}
.text-con2{ color:#fff; line-height:20px;}




.hao-hover-drop{ 
  position:absolute; top:0; left:20px; width:64px; height:48px;
  background:url(../images/hao-icon6.png) no-repeat center;
  background-size:64px auto;
}

/*工作圈*/
.card-goumai-gong{ 
  display:block; width:200px; height:38px; line-height:38px; color:#fff;
  background:#ff7638; font-size:16px; border-radius:50px;
  position:absolute; bottom:54px; left:36px;
}
.hover-goumai-gong{
  display:block; width:200px; height:38px; line-height:38px; color:#4f5362;
  background:#fff; font-size:16px; border-radius:50px;
  position:absolute; bottom:54px; left:36px;
}
.gong-drop:after{
	position: absolute;
    top: 0px;
    left: 466px;
    display: inline-block;
    border-right: 20px solid transparent;
    border-top: 14px solid #00ADC6;
    border-left: 20px solid transparent;
    content: '';
}
.mg-r100{ margin-right:100px;}
.column-title-img-gong{ width:100px; height:100px; margin:0 auto 12px;}
.column-title-img-gong img{ display:block; width:100px; height:100px;}

.gong-hover-drop{
  position:absolute; top:0; left:20px; width:64px; height:48px;
  background:url(../images/gong-icon4.png) no-repeat center;
  background-size:64px auto;
}

/*客户管家*/
.card-goumai-ke{ 
  display:block; width:200px; height:38px; line-height:38px; color:#fff;
  background:#33B3EF; font-size:16px; border-radius:50px;
  position:absolute; bottom:62px; left:36px;
}
.hover-goumai-ke{
  display:block; width:200px; height:38px; line-height:38px; color:#4f5362;
  background:#fff; font-size:16px; border-radius:50px;
  position:absolute; bottom:62px; left:36px;
}

.ke-hover-drop{
  position:absolute; top:0; left:20px; width:64px; height:48px;
  background:url(../images/ke-icon4.png) no-repeat center;
  background-size:64px auto;
}
.ke-drop:after{
	position: absolute;
    top: 0px;
    left: 466px;
    display: inline-block;
    border-right: 20px solid transparent;
    border-top: 14px solid #33B3EF;
    border-left: 20px solid transparent;
    content: '';
}