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

img{ display:block;}

/*banner*/
.slide-main{height:450px;position:relative;}
.item{display:block;width:100%;height:10px;position:absolute;z-index:124;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*/
.one-column{ width:100%; min-width:100%; margin:80px auto 0;}
.chanjet-box-txt{width:1000px;margin:0 auto;}
.chanjet-title{ width:1000px; margin:0 auto 16px; text-align:center;}
.line-gary{ width:110px; height:24px; border-bottom:2px solid #d0cfd0;}
.line-text{font-size:28px; color:#292E30 ; width:100%; text-align:center;}
.p-chanjet{margin:0 auto;font-size:14px;line-height:24px;color:#768187;text-align:center; padding-bottom:40px;}
.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:34px; left:36px;
}
.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;
}

.hao-bg-img{
	width:100%; min-width:100%; margin:0 auto;padding:40px 0;
	background-image:-webkit-linear-gradient(-45deg,#55F6CE,#3EC8DD); 
	background-image:linear-gradient(-45deg,#55F6CE,#3EC8DD);	
}
.drop-down-hao{position:relative; width:650px; margin:0 auto;}
.drop-down-hao:after{
	position: absolute;
    top: -50px;
    left: 318px;
    display: inline-block;
    border-right: 14px solid transparent;
    border-bottom: 10px solid #43cfcc;
    border-left: 14px solid transparent;
    content: '';
}

/*上下结构*/
.up-down-box{ width:100%; min-width:100%; padding:90px 0; text-align:center;}
.font-title{ font-size:28px; color:#292E30; margin-bottom:10px;}
.font-text{ font-size:14px; color:#768187; margin:0 auto; width:800px; line-height:24px;}
/*左右结构*/
.left-right-box{width:100%; min-width:100%; height:540px; padding:140px 0 0; text-align:left; color:#fff;}
.hao-bg-style1{ background:url(../images/hao2.jpg) no-repeat center; background-size:cover;}
.font-text2{ font-size:14px;line-height:24px;}
.btn-linghuo{ 
display:block; width:220px; text-align:center; height:34px; line-height:34px; 
border:1px solid #fff; border-radius:50px; margin-top:30px; font-size:14px;
}
.bg-box-style{width:100%; min-width:100%; height:500px; padding:90px 0; text-align:center;}
.hao-bg-style2{ background:url(../images/hao4.jpg) no-repeat center; background-size:cover;}
.hao-bg-style3{ background:url(../images/hao6.jpg) no-repeat center; background-size:cover;}
/*客户案例*/
.anli-style{width:100%; min-width:100%; padding:80px 0 120px;}
.anli-list{ width:1170px; margin:60px auto 0;}
.anli-list li{float:left; width:240px; text-align:center; margin-right:60px;}
.font-text3{ font-size:14px;line-height:24px; width:600px; margin:0 auto; text-align:center; color:#768187;}
.anli-img{ width:90px; height:90px; border-radius:100%; margin:0 auto 16px;}
.anli-img img{width:90px; height:90px;}
/*底部*/
.bottom-box{
  width:100%; min-width:100%; padding:100px 0; text-align:center;
  background:url(../images/bot2.jpg) no-repeat center; background-size:cover;
}
.img-box-bot{ width:60px; margin:0 auto 20px;}
.bottom-box p{ color:#fff;}
.bottom-box p.fz12{ color:#929292; margin-top:16px;}

.hao-btn-style{ margin-top:34px;}
.hao-btn-style a{display:inline-block;width:90px;height:38px;line-height:38px; color:#fff;font-size:16px; border-radius:50px;border-radius:50px;}
.shiyong-color{background:#ff7638;}
.goumai-color{background:#93d200; margin-left:10px;}
/*----工作圈*/
.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-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;
}
.gong-box{ width:100%; min-width:100%; padding-top:60px;}
.gong-bg-style1{ background:url(../images/g1.jpg) no-repeat center; background-size:cover;}
.gong-bg-style2{background:url(../images/g3.jpg) no-repeat center; background-size:cover;}
.gong-bg-style3{background:url(../images/g5.jpg) no-repeat center; background-size:cover;}
.gong-bg-style4{background:url(../images/g7.jpg) no-repeat center; background-size:cover;}
.text-rl-box{ width:870px; margin:0 auto; padding-top:60px;}
.text-rl-box .fl{ float:left; width:480px; margin-top:60px;}
.text-rl-box .fr{ float:right; width:300px;}
.font-title-g{ font-size:28px; color:#292e30; margin-bottom:20px;}
.font-txtt-g{ font-size:14px; color:#768187; line-height:20px;}
.gong-list-text{ width:540px; padding-top:100px;}
.gong-list-text li{ font-size:14px; margin-bottom:30px; color:#e6e6e6; padding-left:80px;}
.list-g-one{ background:url(../images/icon-g1.png) no-repeat left 4px; background-size:70px auto;}
.list-g-two{ background:url(../images/icon-g2.png) no-repeat left 4px; background-size:70px auto;}
.list-g-three{ background:url(../images/icon-g3.png) no-repeat left 4px; background-size:70px auto;}
.gong-code-box{ position:fixed; right:0; top:20px; z-index:200;}
.gong-phone-box{position:fixed; right:0; top:100px; z-index:200; height:100px}

/*----客户管家*/
.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-bg-style{ background:url(../images/k1.jpg) no-repeat center; background-size:cover;}
.ke-bg-style2{background:url(../images/k3.jpg) no-repeat center; background-size:cover;}
.ke-bg-style3{background:url(../images/k5.jpg) no-repeat center; background-size:cover;}