.container-main {
    background: #f8fbff;
}
.container-main .cm-banner {
    background:url(/jrfw/anhui/chizhou/images/special/primaryLoan/bigbanner-032e5f21ad67cf1f5e9f21dc7b392f59.png) no-repeat center top;
    height:492px;
    display: flex;
    align-items: center;
}
.container-main .cmb-cont {
    width: 1200px;
    margin: 0 auto;
}
.container-main .cmb-cont h1 {
    font-family: Helvetica;
    font-size: 40px;
    color: #1d3558;
    line-height: 50px;
    text-align: left;
    font-style: normal;
    margin-bottom: 28px;
}
.container-main .cmb-cont .cmb-li {
	overflow: hidden;
}
.container-main .cmb-cont .fl-left {
	float: left;
	font-size: 18px;
	margin-right: 20px;
}
.container-main .cmb-cont img {
	margin-right: 10px;
}
.container-main .cmb-cont p {
    font-family: Helvetica;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    font-style: normal;
    margin-bottom: 36px;
    width: 500px;
}
.container-main .cmb-cont .bg-btn {
    display:inline-block;
    width: 162px;
    height: 58px;
    background: #fff;
    box-shadow: 0 10px 20px #356eff4d;
    border-radius: 10px;
    border: 1px solid #fff;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #374bee;
    line-height: 25px;
    font-style: normal;
    cursor: pointer;
    text-align: center;
    padding-top: 15px;
    box-sizing: border-box;
}
.mainBox {
	margin: 0 auto;
    width: 100%;
    background: #f6f8fd;
    padding:0 0 30px;
}
.mainInner {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    position: relative;
}
.introduceBox{
	position:absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1202px;
    margin: -89px auto 0;
   	background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 20px 0 60px;
}
.introduceBox .test {
    width: 989px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #1d3558;
    line-height: 30px;
    margin: 40px auto 0;
    text-align: justify;
}
.introduceBox .test b {
    font-weight: 700;
    color: #0658e4;
}
.introduceBox .imgdes{
    width: 995px;
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
}
.introduceBox .imgdes p {
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 18px;
    color: #1d3558;
    line-height: 24px;
}
.progressBox {
	background: #f7f7f7;
	padding:40px 0;
	margin: 0 auto;
	text-align: center;
}
.animate-to-top {
    width:1200px;
    margin: 0 auto;
}
.animate-to-top .pb-title {
    color: #333;
    font-family: MiSans-Demibold;
    font-size: 34px;
    text-align: center;
    margin: 60px 0 20px;
    height: 60px;
    display: inline-block;
    left: 50%;
    border-bottom: 5px solid #3a76ff;
    transform: translate(-50%);
    position: relative;
}
.jinRong-procent {
    position: relative;
}
.jinRong-procent .show-more {
    position: absolute;
    right: 0;
    top: -66px;
    color: #3a76ff;
    font-size: 16px;
    -webkit-user-select: none;
    user-select: none;
}
@keyframes loading-rotate-3927f3ac {
    to {
        transform:rotate(360deg)
    }
}
@keyframes loading-dash-3927f3ac {
    0% {
        stroke-dasharray:1, 200;
        stroke-dashoffset:0
    }
    50% {
        stroke-dasharray:90, 150;
        stroke-dashoffset:-40px
    }
    to {
        stroke-dasharray:90, 150;
        stroke-dashoffset:-120px
    }
}
.jinRong-procent .show-more a {
    color: #3a76ff;
    animation: moveBack 2s infinite alternate;
}
.jinRong-procent .show-more img {
    margin-left: 20px;
}
.jinRong-procent .show-more img {
    margin-left:16px;
    transition:all .2s linear
}
.jinRong-procent .show-more:hover {
    background:transparent!important;
    color:#3a76ff
}
.jinRong-procent .show-more:hover img {
    margin-left:24px
}
.jinRong-procent .swiper-container {
    padding-top: 20px;
}
.hot-product {
    height: 796px;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 66px;
    position: relative;
}
.hot-product .list {
    float:left;
    width: 300px;
    height: 386px;
    margin: 0 50px 10px;
    position: relative;
    border: 1px solid #eceff2;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #f5f8ff, #fff);
    box-shadow: 0 0 9px #b8bbc440;
    transition: all .2s linear;
}
.hot-product .list:hover {
    box-shadow:0 0 9px #b8bbc4;
    cursor:pointer;
    transform:translateY(-10px)
}
.hot-product .list .prod-cord {
    padding: 16px;
}
.hot-product .list .prod-cord img {
    height: 40px;
    max-width: 200px;
}
.hot-product .prod-cord .title {
    margin: 20px 0 15px;
    color: #333;
    font-size: 20px;
    font-weight:bold;
    text-align: center;
    height: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: MiSans-Demibold;
}
.hot-product .prod-cord .yellow {
    color: #ff991d;
    text-align: center;
    font-size: 16px;
}
.hot-product .prod-cord .flex {
    margin: 30px 0 35px;
}
.hot-product .prod-cord .flex p {
    width: 50%;
    text-align: center;
    font-size: 16px;
    font-family: MiSans-Medium;
   line-height: 25px;
}
.hot-product .prod-cord .flex p i {
	font-style: inherit;
}
.hot-product .prod-cord .flex .line:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 35px;
    left: 50%;
    top: 67%;
    background: #e6e6e6;
    transform: translateY(-50%);
}
.hot-product .prod-cord .flex .gray {
    color:#666;
}
.hot-product .blue-link {
    display:block;
    text-align:center;
    width: calc(100% - 80px);
    margin: 0 40px;
    box-sizing: border-box;
    height: 34px;
    line-height:34px;
    background:#2c6cff;
    border:1px solid #2c6cff;
    color:#fff;
    border-radius:5px;
    font-size:14px;
}
.hot-product .blue-link:hover {
    color:#fff;
}
.jinRong-procent .swiper-pagination {
    top:50%;
    width:100%;
    display: none;
}
.jinRong-procent:hover .swiper-pagination{
    display: block;
}
.swiper-pagination .arrow-btn-left {
    position: absolute;
    top:50%;
    left:16px;
    background:rgba(0, 0, 0, 0.1);
    width:36px;
    height: 36px;
    display: inline-block;
    border-radius: 36px;
    cursor: pointer;
    transform:translateY(-50%) translate(-0);
    transition:var(.3s);
}
.swiper-pagination .arrow-btn-left .arrow-l{
    width:7px;
    height:7px;
    display:inline-block;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(310deg);
    margin-top: 13px;
    margin-left: 15px;
}
.swiper-pagination .arrow-btn-right {
    position: absolute;
    top:50%;
    right:16px;
    background:rgba(0, 0, 0, 0.1);
    width:36px;
    height: 36px;
    display: inline-block;
    border-radius: 36px;
    cursor: pointer;
    transform:translateY(-50%) translate(-0);
    transition:var(.3s);
}
.swiper-pagination .arrow-btn-right .arrow-r{
    width:7px;
    height:7px;
    display:inline-block;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(490deg);
    margin-top: 14px;
    margin-left: 10px;
}
.swiper-pagination .arrow-btn-left:hover,.swiper-pagination .arrow-btn-right:hover{
    background:rgba(0, 0, 0, 0.2);
    transform:translateY(-50%) translate(-5px);
}
.jinRong-procent .swiper-navigation {
    display: none;
    opacity: 0.2;
    transition: opacity .5s ease;
}
.jinRong-procent:hover .swiper-navigation{
    display: block;
    opacity: 1;
}
.swiper-navigation .swiper-button-next {background: url(/jrfw/anhui/chizhou/images/special/primaryLoan/arrow-right-096613dc431bd3a02fa38fe7d7aea17a.png) no-repeat;right:0; left:auto; }
.swiper-navigation .swiper-button-prev {background: url(/jrfw/anhui/chizhou/images/special/primaryLoan/arrow-left-19efafdec69ad1b3b1cd1d915bd5a441.png) no-repeat; left:0; right:auto; }
.swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {width:36px;opacity: 0.6; }
.swiper-navigation .swiper-button-next.swiper-button-disabled, .swiper-navigation .swiper-button-prev.swiper-button-disabled{opacity: 0.1; pointer-events: none;  cursor: not-allowed;}