.business  li span::before {
            content: '';
            display: inline-block;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background-color: #fff;
            vertical-align: middle;
            margin-right: 8px;
            margin-bottom: 2px;
        }
.tit8{font-weight: 800;}
*{margin:0;padding:0;}

.fr{float:right;}
.fl{float:left;}
.clear{clear:both;}
.money .le ul li.on{background: url(/uiFramework/commonResource/image/2020110316091012036.png) no-repeat center;background-size: cover;color:#fff; border-bottom:0;}
.mon3:hover .tit3 a{color:#fff;}
.mon4:hover .tit4 a{color:#fff;}
.mon5:hover .tit5 a{color:#fff;}
.money .le .on p a{color:#fff !important;}
.dkyw-center {width:1200px; margin: 0 auto;}
.cen-left{float:left}
.cen-right{width: 628px;float: right;padding: 20px 0 0 15px;background: #f6fbff;height: 329px;}
.gdd li {
    float: left;
    width: 170px;
    text-align: left;
    margin-bottom: 17px;
    list-style: inherit;
    margin-left: 34px;
}
.gdd li a {font-size:16px;}
/* 图片展示 */
#Showpic{width:100%;}
.banner{width:100%;}
.banner img{width:100%;}
.serve h3 {
    color: #dedede;
    font-size: 14px;
}
.ckfw {
    width: 1200px;
    margin: 0 auto;
    margin-top: 70px;
}
.ckleft1 {
    background: #f6fbff;
    position: relative;
    width: 48%;
    border-radius: 20px;
    float: left;
}
.ckright {
    background: #f6fbff;
    position: relative;
    width: 48%;
    border-radius: 20px;
    float: right;
}

/* 快捷服务 */
#Serve{width:1200px;margin:0 auto;padding: 30px 0px 30px 0px;}
.serve{font-size: 30px;line-height: 42px; letter-spacing: 5px;color: #333333;text-align: center;font-weight: 700; margin-bottom: 20px;}
.serve p {display: inline-block;width: 8px;height: 8px;background-color: #119232;border-radius: 50%;position: relative;vertical-align: middle;margin: 0 12px;margin-bottom: 5px;}
.serve p:first-child::before {content: '';display: inline-block;position: absolute; width: 142px; height: 1px;background-color: #005b9e;right: 8px; top: 4px;}
.serve p:last-of-type::after { content: '';display: inline-block; position: absolute;width: 142px;height: 1px; background-color: #005b9e;left: 8px;top: 4px;}

.fuwu ul{overflow: hidden;}
.fuwu ul li{width: 20%;float: left;border-right: 1px solid #d7d7d7;}
.fuwu ul li img{display: block;height: 56px;width: auto;margin: 0 auto;transition: 0.3s;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.fuwu ul .last{border: 0;}
.fuwu ul li:hover img{ -webkit-animation-name: rubberBand;animation-name: rubberBand;cursor: pointer;}
.fuwu ul li h5 a{font-size: 18px;color: #333333; margin-top: 20px;text-align: center; font-weight:normal;display: block;}
@-webkit-keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      -webkit-transform: scale3d(.95, 1.05, 1);
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      -webkit-transform: scale3d(1.05, .95, 1);
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      -webkit-transform: scale3d(.95, 1.05, 1);
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      -webkit-transform: scale3d(1.05, .95, 1);
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
}


.Col{font-size: 30px;line-height: 42px; letter-spacing: 5px;color: #333333;text-align: center;font-weight: 700; margin-bottom: 20px;color:#fff;}
.Col p {display: inline-block;width: 8px;height: 8px;background-color: #119232;border-radius: 50%;position: relative;vertical-align: middle;margin: 0 12px;margin-bottom: 5px;}
.Col p:first-child::before {content: '';display: inline-block;position: absolute; width: 142px; height: 1px;background-color: #fff;right: 8px; top: 4px;}
.Col p:last-of-type::after { content: '';display: inline-block; position: absolute;width: 142px;height: 1px; background-color: #fff;left: 8px;top: 4px;}
.Col h3{color:#fff;}





/* 优惠活动 */
#Active{background:#f5f5f5;padding: 30px 0px 30px 0px;}
/* 轮播图css */
.Swifa{position: relative;width: 1300px;margin: 0 auto;}
.dqydzt-lbt {width: 1200px;margin: 0 auto;position: relative;height: 310px;}


.dqydzt-lbt .swiper-slide img{width:94%;height: 280px;  transition:all 0.6s; }
.dqydzt-lbt .swiper-slide img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);  box-shadow:0px 0px 10px #888;}
.dqydzt-lbt .ztlbt{height: 310px;}
.dqydzt-lbt .ztlbt li {text-align:center; padding-top:10px;}
.dqydzt-lbt .pagination {position: absolute;text-align: center;bottom: 10px;width: 100%;z-index: 10;right: 25px;}
.dqydzt-lbt .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.dqydzt-lbt .swiper-active-switch {
  background: #e60012;
}
.arrow-left, .arrow-right{
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 10;
    top: 50%;
    margin-top: -20px;
}
.arrow-right{
right: -62px;
    background: url(/uiFramework/commonResource/image/2020110409542910231.png) no-repeat center;
    background-size: 100% 100%;
}
.arrow-right:hover{background: url(/uiFramework/commonResource/image/2020110409515036538.png) no-repeat center;
    background-size: 100% 100%;}
.arrow-left {
    left: -62px;
background: url(/uiFramework/commonResource/image/2020110410001636936.png) no-repeat center;
    background-size: 100% 100%;
}
.arrow-left:hover {background: url(/uiFramework/commonResource/image/2020110409590778005.png) no-repeat center;
    background-size: 100% 100%;}
/* 存款服务 */
#SaveMoney{padding: 30px 0px 30px 0px; height:530px;}
.Save{width:1200px;margin: 70px auto;}
.Save .li2{float:right;}
.Save li{background:#f6fbff;position: relative;width: 48%;border-radius: 20px;}
.Saimg{position: relative;}
.Saimg img{width:240px;height:305px;position: absolute;top:-45px;left:30px;}
.discripe{width:290px;height:290px;margin-top:15px;padding-left: 10px;}
.discripe .p2{margin-top:30px;}
.discripe .p1{width:30px;height:4px;background:#005b9e;margin-top: 20px;}
.discripe .p2 a{font-size:26px;color:#333;margin-top:30px;}
.discripe .p3{font-size:16px;color:#666;margin-top:20px;}
.discripe .p4{margin-top:50px;font-size: 18px;display: inline-block;border: 1px solid #3f77ad;padding: 5px 20px 5px 20px;border-radius: 25px;cursor: pointer;color: #005b9e;}
.discripe .p4:hover{color:#fff;background:#005b9e;}



/* 票据服务 */
#Discount{background: url(/uiFramework/commonResource/image/2020110220120333624.png);background-size: 100% 100%;padding: 30px 0px 50px 0px;}
.money{width:1200px;margin: 20px auto;height:414px;overflow: hidden;border-radius: 20px;}
.money .le{width:50%;}
.money .ri{width:50%;height:100%;}
.money .ri img{width:100%;height:100%;}
.money .le ul{background: #fff;}
.money .le ul li{width:100%;height:138px;cursor: pointer; border-bottom:1px solid #ddd;}
.money .le .mon4 img{display:none;}
.money .le .mon4{border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.money .le .mon3 img{display:none;}
.money .le .mon5 img{margin-top:30px;margin-left:30px;}
.money .le li p{padding-top: 20px;margin-left:30px;}
.money .le li p{font-size:14px;}
.money .le li p a{font-size:20px;}
.money .le .mon5 p{margin-left:100px;}
.money .le .mon5 .sum{padding-top: 20px;}
.sum a {font-size:16px ! important; color:#fff;}
.sum1 a{font-size:16px ! important; color:#666;}
.gp{
color: #fff;
    margin-left: 30px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
}
.cxgk{    width: 1200px;
    margin: 0 auto;
    text-align: center;}
.cxgk a {    color: white; font-size: 16px;padding: 7px 30px;border: 1px solid #ccc;border-radius: 30px;}



/* 贷款业务 */
#BankLoans{padding: 30px 0px 30px 0px; height:510px;}
.scroll { -webkit-overflow-scrolling: touch;width:1200px;margin:0 auto;}
#tabsUl{width: 290px;margin:0 auto;} 
.tabsUl {padding-bottom: 30px;}
.tabsDl .DaiImg{width: 570px;height: 326px;}
.tabsDl .DaiImg img{width:100%;height:100%;}
.tabsUl li {float: left;padding: 0 30px;height: 54px;line-height: 54px;text-align: center;border-radius: 26px;font-size: 22px;cursor: pointer;position: relative;z-index: 1;transition: all 0.3s;}
.active {color: #fff;background-color: #005b9e;}
.no {display: none;}
.tabsDl {margin-top: 60px;width: 1200px;margin: 0 auto; padding-bottom: 50px;}
.tabsDl div {width: 630px;float: right;padding: 56px 50px 0;background: #f6fbff;height: 326px;}
.tabsDl h4 { margin-bottom: 30px;}
.tabsDl h4 a {font-size: 28px;color: #333333;}
.tabsDl .sum {font-size: 16px;line-height: 38px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.tabsDl .more{font-size: 22px;display: inline-block;border: 1px solid #3f77ad;padding: 10px 30px 10px 30px;border-radius: 25px;margin-top: 40px;cursor: pointer;color: #3f77ad;}
.tabsDl .more a {font-size:22px; color:#005b9e;}
.tabsDl .more:hover{color:#fff;background:#005b9e;}
.tabsDl .more:hover a {color:#fff}


/* 组合产品 */
.Product{background:#f5f5f5;padding: 30px 0px 30px 0px;}
.product{width:1200px;margin:0 auto;padding-bottom: 0px;overflow: hidden;}
.product li{width:380px;height:200px;border-radius: 10px; position:relative; }
.product li p{color:#fff;}
.product li p a{color:#fff;font-size: 24px;}
.tit a{font-weight: bold;}
.product li .tit{margin-left:30px;margin-top:30px;}
.product li .sum{margin-right:20px;margin-top:20px;font-size: 16px; line-height:30px;}
.product li .more{border: 1px solid #fff;padding: 5px 20px 5px 20px;border-radius: 15px; cursor: pointer; position:absolute; bottom:20px; right:20px;}
.product li .more:hover{color:#333333;background:#fff;}
.product li .more:hover a {color:#333333}
.product .Pro1{background: url(/uiFramework/commonResource/image/2020110310492010826.png) no-repeat;background-size: cover;width: 49%;height:200px;}
.product .Pro2{background: url(/uiFramework/commonResource/image/2020110310570515620.png) no-repeat;background-size: cover;width: 49%;height:200px;float:right;}
.product .Pro3{background: url(/uiFramework/commonResource/image/2020110312574021202.png) no-repeat;background-size: cover;margin-top:20px;}
.product .Pro4{background: url(/uiFramework/commonResource/image/2020110312574977360.png) no-repeat;background-size: cover;margin-left: 31px;margin-top:20px;}
.product .Pro5{background: url(/uiFramework/commonResource/image/2020110312575899021.png) no-repeat;background-size: cover;float:right;margin-top:20px;}
.product .p4{
    display: inline-block;
    border: 1px solid #3f77ad;
    padding: 7px 20px 7px 20px;
    border-radius: 25px;
    cursor: pointer;
    color: #005b9e;
    margin: 10px auto;
    display: block;
    width: 124px;
    text-align: center;
}
.product .p4 a{  color: #005b9e;   font-size: 16px;}
.product .p4:hover{color:#fff;background:#005b9e;}
.product .p4:hover a{ color:#fff;}

@media (max-width: 768px){
.fuwu ul {
   padding-top: 16px;
}
.serve h3 {
   
    font-size: 12px;
    height: 15px;
    line-height: 15px;
}
.dkyw-center{width:100%;}
.cen-left{display:none;}
.cen-right{width:100%; height:auto;}
.gdd li{width:40%;}
.gdd li a{font-size:13px;}
.ckfw{width:94%; margin-top:15px;}
.discripe .p2{margin-top:15px;}
.discripe .p2 a {font-size:16px;}
.discripe .p3 {font-size:12px;    height: 32px;    overflow: hidden;}
.discripe .p4 {font-size:12px; margin-top:25px;}
.serve p:first-child::before{width:100px;}
.serve p:last-of-type::after{width:100px;}
	/* 快捷服务 */
	#Serve{width:100% !important;margin:0 auto;padding: 20px 0px 20px 0px;}
        .serve{font-size:20px;margin-bottom:0;}
	.fuwu ul li img{height:33px;}
	.fuwu ul li h5 a{font-size:12px; margin-top:10px;}
	/* 优惠活动 */
	#Active{background:#f5f5f5;padding: 20px 0px 20px 0px;}
        .dqydzt-lbt{width:90%;}
         .arrow-left{display:none;}
        .arrow-right{display:none;}
	/* 存款服务 */
	#SaveMoney{padding: 20px 0px 20px 0px; height:474px;}
        .Save{width: 100%;margin-bottom:0px;margin-top:0px;}
        .Save li{float:none;width:90%;margin:0 auto;overflow: hidden;}
        .Saimg{float: none;height: 150px;}
        .discripe {width: 100%;padding-left: 15px;float: none;height: 160px;}
        .Saimg img{width: 100%;top: 0px; left: 0px; height:150px;}
        .Save .li2{float:none;margin-top:20px;}
	/* 票据服务 */
	#Discount{background: url(/uiFramework/commonResource/image/2020110220120333624.png);background-size: 100% 100%;padding: 20px 0px 20px 0px;}
	.money {width: 100%;height: 300px; margin-bottom:0px;}
	.money .le {width:90%;margin: 0 auto;float: none;}
	.money .ri{display: none;}
        .money .le ul li{height: 100px;}
        .money .le li p{padding-top: 17px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-left:15px;}
        .money .le .mon5 img {margin-top: 20px;width: 35px;}
	/* 贷款业务 */

	#BankLoans{padding: 20px 0px 20px 0px;}
	.scroll{width:100%;}
	#tabsUl {width:90%;}
	.tabsUl li{padding: 0 10px!important;height: 34px!important;line-height:34px!important;font-size: 16px !important;}
        .tabsDl {width: 100%;padding-bottom:0px;}
        .tabsDl .DaiImg {width:90%;margin: 0 auto;float: none;}
        .tabsDl div {width:90%;margin: 0 auto;float: none;    padding: 18px 20px 0px 20px!important;
    height: 177px!important; }
.tabsDl h4 {
    margin-bottom: 10px!important;
}
.tabsDl p {
    font-size: 14px!important;
    line-height: 27px!important;
}
.grywxq {
    margin-top: 0px!important;
}
        .tabsDl h4 a{font-size:20px;}
        .tabsDl .more{font-size:17px;}

	/* 组合产品 */
.product .Pro1,.product .Pro2{width: 100%;margin-top: 20px;float:none;}
	#Product{background:#f5f5f5;padding: 20px 0px 20px 0px;}
        .product {width:90%; padding-bottom:0;}
        .product li {width: 100%; height:130px !important;padding-top:20px;padding-left:20px;}
        .product .Pro4{margin-left:0px;float:right !important;}
        .product .Pro5{float:left !important;}
        .product li .more{margin-top:10px; padding: 3px 13px 3px 13px; }
.gp {
    color: #fff;
    margin-left: 0px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
}
        .product li p a{font-size:16px;}
        .product li .sum{font-size: 12px;padding-right: 9px;display: inline;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-left:0px; color:#eee;}
.product li .tit{margin-left:0px; height:20px; margin-top:0px;}
.product .Pro5{width:100%;}
.product .p4 {margin:10px auto;     padding: 5px 10px;}
.product .p4 a {font-size:14px;}
.fuwu ul li {width:20%;padding:0 10px; border:none;}
.cxgk{width:100%;}
.cxgk a{font-size: 14px;
    padding: 5px 33px; }
.money .le li p a{font-size:16px;}
.sum a{font-size:12px ! important;}
}
#baohan{
padding: 30px 0px 30px 0px;
background-color: #f5f5f5;
}