/* CSS Document */

/*header*/
.index-top-bar{ width:100%; height:1.333rem; line-height:1.333rem; background:#2d2e3a; padding-left:0.4rem; position:relative;}
.logo-box{ height:1.333rem;}
.logo-box img{ height:0.74rem; margin-top:0.32rem;}
.index-top-bar-icon{ width:2.666rem; height:1.333rem;}
.index-top-bar-icon a{ display:inline-block; width:1.333rem; height:1.333rem;}
.ind-peo-img{ background:url(../image/people.png) no-repeat center; background-size:0.5rem auto;}
.ind-more-img{ background:url(../image/more-icon.png) no-repeat center; background-size:0.64rem auto;}
/*菜单列表*/
.list-nav-box{ width:6rem;background:#414148; position:absolute; top:0; right:0; font-size:0.373rem;z-index:130}
.index-link{ 
  display:block; width:100%; height:1.333rem; line-height:1.333rem;border-bottom:1px solid rgba(0,0,0,0.1);
  padding-left:0.4rem; color:#DEDEDE; background:#272831;
}
.list-nav-box ul li{ 
  width:100%;height:1.2rem; line-height:1.2rem; color:#DEDEDE;
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.list-nav-box ul li a{ display:block; width:100%; height:100%;padding-left:0.4rem; color:#BEBEBE;}
.ind-one-nav ul li a.list-nav-one{ padding-left:0.8rem; color:#BEBEBE;}
/*登录注册*/
.btn-top-bar{
  width:100%; height:1.4rem;background:#20212a; padding:0 1.4rem;
  position: absolute; top:1.12rem; left:0;    z-index: 200;
}
.btn-top-bar a{ display:block; width:3rem; height:0.86rem; line-height:0.86rem; text-align:center; border-radius:4px; margin-top:0.26rem;}
.zhuce{ background:#3ec8dd; color:#fff; float:left;}
.denglu{ background:#f5f5f5; color:#666; float: right;}
/*two-nav*/
.nav-list{ background:#f0f0f0; width:100%; height:1.333rem; line-height:1.333rem;}
.nav-list a{ display:inline-block; font-size:0.426rem; text-align:center; color:#787878;}
.nav-list a.active-two-nav{ color:#0ebfff; border-bottom:2px solid #0ebfff;}
/*footer*/
.index-footer{ width:100%; padding: 1rem 0; text-align:center; background:#2D2E3A; color: #C1C1C1; font-size:0.32rem;}
.footer-logo{ width:2rem; height:auto; margin:0 auto 0.4rem;}
.index-footer p{ width:100%; line-height:0.56rem;}
/*company-text*/
.text-style{ width:100%; padding:1rem 0.8rem 0;}
.text-style h3{ font-size:0.426rem; margin-bottom:0.2rem;}
.text-style p{ font-size:0.373rem;}
.text-style img{width: 100%}
.company-img{ width:100%; height:auto;}
.border-box{ border-bottom:1px solid #f0f0f0; padding-bottom:0.6rem; margin-bottom:0.9rem;}
.border-box ul li{ font-size:0.373rem;margin-bottom:0.2rem; line-height:0.56rem;}
.border-box ul li span{ font-weight:bold; font-size:0.56rem; padding-right:0.2rem; color:#999;}
.company-his a{ display:inline-block; width:2.6rem; height:auto;}
.mission-box{ width:100%; padding-top:1rem;}
.mission-box h3{ font-size:0.426rem; margin-left:0.8rem;}


/*首页样式*/
.ind-banner-img{ width:100%; height:7.893rem;}
.ind-banner-img img{ width:100%; height:100%;}
/*--------轮播样式*/
.slide-main{height:7.893rem;position:relative;}

.item{display:block;width:100%;height:0.267rem;position:absolute;z-index:124;bottom:0.4rem;left:0;text-align:center;}
.item a{
  display:inline-block;width:8px;height:8px; border-radius:100%;margin-right:0.32rem;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:7.893rem;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:7.893rem;position:relative;position:absolute;z-index:8;}
.slide a{display:block;width:100%;height:7.893rem;cursor:pointer;}

/*--------轮播样式*/
.flex-box{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: space-around;
  -moz-align-items: space-around;
  -webkit-align-items: space-around;
  align-items: space-around;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -moz-box-lines: single;
  -webkit-box-lines: single;
  box-lines: single;
  flex-wrap: nowrap;
}
.ind-icon-box{background:#f9f9f9;}
.flex-son{
  -webkit-box-flex: 1;
  -moz-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
}
.ind-icon-box a{ display:block;width:1.333rem; height:2.666rem; padding-top:1.86rem; font-size:0.32rem; color:#525252; text-align: center;}
.company-txt{ background:url(../image/top-icon1.png) no-repeat center 0.46rem; background-size:1.333rem;}
.buy-txt{ background:url(../image/top-icon2.png) no-repeat center 0.46rem; background-size:1.333rem;}
.work-txt{ background:url(../image/top-icon3.png) no-repeat center 0.46rem; background-size:1.333rem;}
.product-group{ text-align:center; width:100%; padding:1.2rem 0 0.6rem; position: relative;}
.ind-p-black18{ font-size:0.48rem; color:#333;}
.ind-p-black14{ font-size:0.373rem; color:#868686; margin-top:0.2rem;}
.ind-p-white18{ font-size:0.48rem; color:#fff;}
.ind-p-white14{ font-size:0.373rem; color:#fff; margin-top:0.2rem;}
a.link-details-black{ 
  display:block; width:1.8rem;font-size:0.373rem; color:#868686; text-align:left; 
  position:absolute; right:0.6rem; bottom:0.4rem;
  background:url(../image/right-black.png) no-repeat right center;
  background-size:0.3rem;
}
a.link-details-white{ 
  display:block; width:1.8rem;font-size:0.373rem; color:#fff; text-align:left; 
  position:absolute; right:0.6rem; bottom:0.4rem;
  background:url(../image/right-white.png) no-repeat right center;
  background-size:0.3rem;
}
.why-box{ width:100%; background:#fcfcfc; padding:1rem 0.5rem;}
.why-box p{ font-size:0.48rem; color:#333; width:100%; text-align:center; margin-bottom:0.6rem;}
.why-box ul li{ float:left; width:4.4rem; font-size:0.373rem; color:#848c97; padding-top:2.8rem; padding-bottom:0.4rem; text-align:center;}
.why-yongyou{ 
  background:url(../image/icon-why1.png) no-repeat center 0.46rem; background-size:2rem; 
  border-right:1px dashed #DADADA;border-bottom:1px dashed #DADADA;
}
.why-up{ background:url(../image/icon-why2.png) no-repeat center 0.46rem; background-size:2rem;border-bottom:1px dashed #DADADA;}
.why-cloud{ background:url(../image/icon-why3.png) no-repeat center 0.46rem; background-size:2rem;border-right:1px dashed #DADADA;}
.why-time{ background:url(../image/icon-why4.png) no-repeat center 0.46rem; background-size:2rem;}

.code-qr{ padding:0.4rem 0.4rem 0.8rem;}
.code-qr ul{ border-bottom:1px solid #484957; margin:0 auto; width:7rem;}
.code-qr ul li{ float:left; width:2.8rem; height:4.2rem;padding-bottom:0.4rem;}
.code-qr-box1{ margin-right:1rem;}
.code-qr-box1 img{ width:2.8rem;}
.code-qr-box2 img{  width:2.74rem;}
/*-----客户案例*/
.customer-box{ width:100%; background:#fff; padding:1rem 0.4rem 0.6rem;}
.customer-box p{ font-size:0.48rem; color:#333; width:100%; text-align:center; margin-bottom:0.6rem;}

.img-customer{ padding-left:3.6rem; padding-top:0.4rem; height:2rem;}
.img-customer p{ font-size:0.373rem; color:#333; margin-bottom:0.14rem; text-align:left;}
.img-peop1{ background:url(../image/a2.png) no-repeat 1rem top; background-size:1.867rem;}
.img-peop2{ background:url(../image/a3.jpg) no-repeat 1rem top; background-size:1.867rem;}
.img-peop3{ background:url(../image/a1.jpg) no-repeat 1rem top; background-size:1.867rem;}
.img-peop4{ background:url(../image/a4.jpg) no-repeat 1rem top; background-size:1.867rem;}
p.txt-peop{ font-size:0.32rem; background:#f5f5f5; padding:0.2rem; text-align:left; margin-top:0.2rem;}
div.xiaoyuandian{bottom:0 !important;}
.xiaoyuandian span{background:#999;}
/*-----客户案例*/


/*好会计*/
.content-box{ width:100%; height:auto;}
.hao-buy-box{ width:100%; padding:1rem 0.6rem; text-align:center;}
.title-product{ font-size:0.48rem; color:#333; margin-bottom:0.2rem; text-align:center;}
.text-product{ font-size:0.373rem; color:#878787; text-align:center;}
.hao-pro-group{ margin-top:0.6rem;}
.hao-pro-group li{height:6.54rem; padding:0.4rem; border:1px solid rgba(151,151,151,0.4); border-radius:6px; font-size:0.373rem; color:#666;}
.border-ban{ border-bottom:1px solid rgba(151,151,151,0.4); padding-bottom:0.2rem; margin-bottom:0.4rem;}
a.btn-style-hao{ display:block;width:2.677rem; height:0.8rem; line-height:0.8rem; border-radius:50px; color:#fff; }
a.btn-buy-green{ background:#93D200;}
a.btn-try-yellow{background:#F6A623;}
a.btn-try-org{background:#ff7638;}
a.btn-blue{
  background: #34BDEF;
  text-align:center;
  color: #FFFFFF;
  float: left;
  border-radius: 4px;
  width: 4.4rem;
}
a.btn-download-h{ background: url("https://cjtweb.static.chanjet.com/statics/wap/images/androidRobot.png") no-repeat 1.2rem center #34BDEF; background-size:0.4rem auto;}
.hao-table{
  width:100%; height:auto; padding:0.8rem 0.5rem;
  background-image: linear-gradient(148deg, #3ec8dd 40%, #50edd1 99%, #55f6ce 10%);
}
.hao-table img{ width:100%;}
.hao-dropdowon{ position:relative;}
.hao-dropdowon:after{
	position: absolute;
    top: -0.2rem;
	margin-left:50%;
    left: -0.3rem;
    display: inline-block;
    border-bottom: 9px solid #3ecbdd;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: '';
}
.hao-efficient{width:100%; height:auto; padding:1rem 0.5rem 0.6rem;}
.hao-efficient img{ display:block;}
.hao-flexible{ width:100%; height:auto; position:relative;}
/*易代账*/
.yi-pro-group{ margin-top:0.6rem;}
.yi-pro-group li{
  width:100%;height:2rem;padding:0.5rem;border:1px solid rgba(151,151,151,0.4);border-radius:6px;
  font-size:0.373rem;color:#666; margin-bottom:0.4rem;
}
/*工作圈*/
.gong-down-box{ width:100%; padding:0.8rem 2rem 0.7rem;background: rgba(45,46,58,0.90);}
/*客户管家弹出层*/
.pop-box{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; color:#fff;}
.bg{background:#000; opacity:0.3;  width:100%; height:100%;position:fixed; top:0; left:0;}
.pop-tab{ width:100%; padding:0 0.8rem;
          position:absolute;margin-left:50%; top:1.6rem; left:-50%; z-index:110;}
.pop-tab img{ display:block; width:100%;}

.phone-fiex{ width:1.6rem; height:1.6rem; position:fixed; right:0; bottom:5rem; z-index:120}
.phone-fiex a{ display:block;width:1.6rem; height:1.6rem}