.content{
  width: 1280px;
  margin: 0 auto;
}
input:hover{
  box-shadow:none !important;
}
.flex-center{
  display: flex;
  align-items: center;
}
.finance-title{
  padding:80px 0 64px 0;
  text-align: center;
}
.finance-title h2{
  font-size: 32px;
  font-weight: 400;
  color: #000000;
}
.finance-title h5{
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  margin-top:16px;
}
.banner{
  width: 100%;
  height: 560px;
  background: url(../images/financeNew/banner.png) center center no-repeat;
}
.banner-title h1{
  font-size: 48px;
  font-weight: bold;
  color: #FFFFFF;
  padding:120px 0 24px 0;
}
.banner-title h1 span{
  padding-right: 16px;
}
.banner-title h1 span:last-child{
  font-size: 40px;
  font-weight: 400;
}

.banner-title p{
font-size: 16px;
font-weight: 400;
color: #647DC8;
}
.banner-title h3{
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
  padding:48px 0 90px 0;
}
.banner-title .service{
  width: 148px;
  height: 48px;
  background: #195BE8;
  text-align: center;
  line-height: 48px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.banner-title .service::after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/financeNew/icon.png) no-repeat;
  vertical-align: -3px;
  margin-left: 6px;
}
.banner-title .service:hover{
  background: #00C8FF;
}
.banner-form{
  width: 316px;
  height: 412px;
  background: #FFFFFF;
  padding: 32px;
  box-sizing: border-box;
  margin-top:74px;
}

.banner-form .title{
  font-size: 24px;
  font-weight: bold;
  color: #195BE8;
}
.banner-form .title span{
  color:#195BE8;
}
.banner-form .introduce{
font-size: 12px;
font-weight: 400;
color: #666666;
padding-top:8px;
}
.banner-form .ul{
  margin:32px 0;
}
.banner-form .ul li{
  width: 120px;
  height: 42px;
  background: #F2F4F8;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 42px;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
  cursor: pointer;
  border: 1px solid #F2F4F8;
}
.banner-form .ul li.on{
  background: rgba(25,91,232,0.08);
  border: 1px solid #195BE8;
  color:#195BE8;
}
.banner-form .ul li:nth-child(2n){
  margin-right: 0;
}
.banner-form .ul li:hover{
  color:#195BE8;
}
.banner-form .input-box{
  width: 252px;
  height: 48px;
  background: rgba(255,255,255,0.08);
  border: 1px solid #DDDDDD;
  padding: 16px;
  box-sizing: border-box;
}
.banner-form .input-box:hover{
  border:1px solid #195BE8;
}
.banner-form .input-box input{
  padding-left: 10px;
}
.banner-form .input-box img{
  width: 16px;
  height: 16px;
}
.banner-form .input-box img.imgsh{
  display: none;
}
.banner-form .input-box:hover img.imgs{
  display: none;
}
.banner-form .input-box:hover img.imgsh{
  display: inline-block;
}
.banner-form .button{
  width: 252px;
  height: 48px;
  background: #195BE8;
  margin-top:16px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
}
.banner-form .button:hover{
  background: #00C8E1;
}
.banner-form .form-service{
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  padding-top:16px;
}
.banner-form .form-service span{
  color:#195BE8;
}
.banner-form .form-service span:hover{
  text-decoration:underline;
}

/* 会计代理 */
.accountant .list{
  display: inline-block;
  width: 416px;
  height: 224px;
  background: url(../images/financeNew/accountantBg.png) no-repeat;
  position: relative;
  margin-right: 16px;
} 
.accountant .list .accountant-cons{
  position: absolute;
  width: 100%;
  height:100%;
  top:0;
  left:0;
  padding:40px;
  box-sizing: border-box;
}
.accountant .list:last-child{
  margin-right: 0;
}
.accountant .list .img-fr{
  width: 80px;
  height: 80px;
  position: absolute;
  right: 40px;
  bottom:32px;
}
.accountant .list .tl{
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}
.accountant .list .des{
  width: 200px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
  padding:16px 0 20px 0;
}
.accountant .list .service-box-bg:hover{
  background: #0060FC;
}
.accountant .list .service-box{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #195BE8;
  text-align: center;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accountant .list .service-box::after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/financeNew/accountantIconh.png) no-repeat;
}
/* .accountant .list:hover{
  background: url(../images/financeNew/accountantBgh.png) no-repeat;
} */
.accountant .list:hover .tl{
  color: #FFFFFF;
}
.accountant .list:hover .des{
  color: #FFFFFF;
}
.accountant .list:hover .service-box{
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.accountant .list:hover .service-box::after{
  background: url(../images/financeNew/accountantIconhd.png) no-repeat;
  opacity: 0.4;
}
.accountant .list .service-box:hover {
  border: 1px solid #FFFFFF;
  background-color: #ffffff;
}
.accountant .list .service-box.on::after{
  opacity: 1;
  background: url(../images/financeNew/accountantIconh.png) no-repeat;
}
.contnet-bg{
  width: 100%;
  height: 1222px;
  background: url(../images/financeNew/bg.png) no-repeat;
  margin-top: 80px;
}

.accountant .list .img-bg{
  position: absolute;
  width: 100%;
  height:100%;
  top:0;
  left:0;
  opacity: 0;
  transition: all 1s;
}
.accountant .list:hover .img-bg{
  opacity: 1;
}
/* 专业咨询 */
.service-list{
  margin-top:40px;
  width: 308px;
  height: 266px;
  background: linear-gradient(180deg, #F5FAFF 0%, #FFFFFF 100%);
  /* border: 1px solid #FFFFFF; */
  margin-right: 16px;
  position: relative;
  text-align: center;
  display: block;
  position: relative;
  top:0;
  transition: all 0.3s;
}
.service-list:hover{
  box-shadow: 0 8px 16px 0 rgba(200,210,220,0.32);
  top:-10px;
}
.service-list:last-child{
  margin-right: 0;
}
.service-list .tl{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  padding-top: 104px;
} 
.service-list .des{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  padding:12px 0 40px 0;
} 
.service-list .but{
  width: 96px;
  height: 36px;
  border: 1px solid #195BE8;
  font-size: 12px;
  font-weight: 400;
  color: #195BE8;
  line-height: 36px;
  text-align: center;
  margin:0 auto;
}
.service-list>img{
  position: absolute;
  width: 120px;
  height: 120px;
  top:-40px;
  left:94px;
}
.service-list:hover .tl{
  color:#195BE8;
}
.service-list .but:hover{
  background: #195BE8;
  color:#ffffff;
}
/* 财务办理 */
.financial .left .financial-list{
  width: 308px;
  height: 420px;
  background: url(../images/financeNew/financial.png) no-repeat;
  padding:40px;
  box-sizing: border-box;
  display: block;
}
.financial .left .financial-list .tl{
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
}
.financial .left .financial-list .des{
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  padding:12px 0 64px 0;
}
.financial .left .financial-list .but{
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  display: inline-flex;
}
.financial .left .financial-list .but::after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url(../images/financeNew/financialIconw.png) no-repeat;
}

.financial .left .financial-list .but:hover{
  color: #00FFFF;
}
.financial .left .financial-list .but:hover::after{
  background: url(../images/financeNew/financialIcon.png) no-repeat;
}
.financial .left .financial-list:hover .tl{
  color: #00FFFF;
}
.financial .right{
  width: 972px;
}
.financial .right .financial-list{
  display: block;
  width: 470px;
  height: 202px;
  background: linear-gradient(180deg, #F5FAFF 0%, #FFFFFF 100%);
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  top:0;
  margin:0 0 16px 16px;
  transition: all 0.3s;
}
.financial .right .financial-list .tl{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}
.financial .right .financial-list .des{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  padding:12px 0 64px 0;
}
.financial .right .financial-list .but{
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  display: inline-flex;
}
.financial .right .financial-list .but::after{
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url(../images/financeNew/financialIcon2.png) no-repeat;
}
.financial .right .financial-list .but:hover{
  color: #195BE8;
}
.financial .right .financial-list .but:hover::after{
  background: url(../images/financeNew/financialIcon1.png) no-repeat;
}
.financial .right .financial-list>img{
  position: absolute;
  width: 80px;
  height: 80px;
  right:40px;
  bottom:32px;
}
.financial .right .financial-list:hover .tl{
  color: #195BE8;
}

.financial .right .financial-list:hover{
  top:-8px;
}

/* 财务异常处理 */
.abnormal-box{
  padding-bottom: 80px;
}
.abnormal{
  background: #E6EBFA;
  height: 285px;
  width: 100%;
}
.abnormal>div{
  height: 100%;
}
.abnormal .abnormal-list{
  padding:48px 40px;
  box-sizing: border-box;
  display: block;
}
.abnormal .abnormal-list{
  background: #F6F8FE;
  position: relative;
}
.abnormal .left .abnormal-list{
  width: 426px;
  height: 100%;
  margin-right: 1px;
}
.abnormal .left .abnormal-list>img{
  width: 300px;
  height: 125px;
  position: absolute;
  right: 0;
  bottom:0;
}
.abnormal .abnormal-list .tl{
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}
.abnormal .abnormal-list .des{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  padding-top:12px;
}
.abnormal .abnormal-list .but{
  width: 96px;
  height: 36px;
  border: 1px solid #195BE8;
  font-size: 12px;
  font-weight: 400;
  color: #195BE8;
  line-height: 36px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.abnormal .left .abnormal-list .but{
  margin-top: 48px;
}
.abnormal .right{
  width: 853px;
}
.abnormal .right .abnormal-list{
  width: 426px ;
  height: 142px;
  margin-bottom: 1px;
}
.abnormal .right .abnormal-list .but{
  position: absolute;
  top:55px;
  right: 40px;
}
.abnormal .right .abnormal-list:nth-child(2n){
  margin-left: 1px;
}
.abnormal .abnormal-list:hover .tl{
  color:#195BE8;
}
.abnormal .abnormal-list .but:hover{
  background:#195BE8;
  color: #ffffff;
}