.content{width:1200px;margin:50px auto;} /*轮播图*/ .banne{height:400px;} .banne .swiper-pagination{position: relative;top: -30px;z-index: 999;left: 50%;overflow: hidden;width: 220px;margin-left: -110px;} .banne .swiper-pagination-switch {background: #ccc;width: 15px;height: 15px;display: block;float: left;margin: 0 10px;border-radius: 50%;} .banne .swiper-visible-switch {background: #2693ff;} .banne .swiper-wrapper,.swiper-wrapper .swiper-slide {width: 100%;height: 400px!important;} .yhk_img-scrollbanner { position:relative; width:100%;} .yhk_img-listbanner { position:relative; width:100%; height:700px; overflow:hidden;text-align:center;} .yhk_img-listbanner ul { width:300%;} .yhk_img-listbanner li { float:left; display:block; width:100%;position: relative;} .yhk_img-listbanner li img{height:400px;width:100%;} .yhk_img-listbanner p .shipvideo{height:700px;width:100%;object-fit: fill;} /*当前位置*/ .pubConno{width: 1200px;margin: auto;} .pubConno .location1{ margin: 20px 0;font-size: 16px;line-height: 30px; color: #888;} .location1 span a {font-size: 16px;line-height: 30px; color: #888;} /*基本信息*/ .part1,.part2,.part3,.part4,.part5{width:1200px;margin:auto;} .bigTitle{width: 1170px;margin: auto;} .bigTitle h1{font-size: 22px;color: #000;} .bigTitle h1 i{ display: inline-block;background: #2693ff;width: 14px;height: 14px;border-radius: 4px;position: relative;top: -3px;margin: 0 10px 0 0;} .bigTitle p{width:900px;margin: 15px 0 0 0;line-height: 30px; font-size: 16px;color: #888;} /*线上小微自营贷款*/ .xsxw{background:#f2f9ff;padding: 40px 0 14px 0;} /* .goldGM{background: url(/uiFramework/commonResource/image/2021083113411993689.png)no-repeat;background-size: 100% 100%;height: 620px;} */ .part2 .xwphAll .jgmList .xwph_jgm .item{width: 19%;float: left; padding: 2% 2% 4% 2%;background: #fff;margin: 3% 1%;position: relative;border-radius: 10px;} .part2 .jgmList .xwph_jgm .item .jgm_summary{font-size: 14px;color: #a0a0a0;display: inline-block;line-height: 24px; margin-top: 18px; margin-bottom: 26px;height:90px;white-space: pre-wrap;} .part2 .jgmList .xwph_jgm .item .jgmTitle i.icon{display: inline-block;width: 45px;} .part2 .jgmList .xwph_jgm .item:nth-child(1) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021083116274468143.png)no-repeat;} .part2 .jgmList .xwph_jgm .item:nth-child(2) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021083116275649311.png)no-repeat;} .part2 .jgmList .xwph_jgm .item:nth-child(3) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021083116280484491.png)no-repeat;} .part2 .jgmList .xwph_jgm .item:nth-child(4) .jgmTitle i.icon{background: url(/uiFramework/commonResource/image/2021102706320592023.png)no-repeat;} .part2 .jgmList .xwph_jgm .item .jgmTitle i.titletext{font-style: normal;font-size: 18px;font-weight: 550;color:#333;} .part2 .jgmList .xwph_jgm .item .jgmTitle{line-height: 30px;display: block;padding-bottom: 10px;border-bottom: 1px solid #ccc;} .part2 .jgmList .xwph_jgm .item .textList>span>i{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #005099;margin-right: 10px;position: relative;top: 13px;} .part2 .jgmList .xwph_jgm .item .textList>span{line-height: 30px; font-size: 16px;color: #000;} .part2 .jgmList .xwph_jgm .item .jgm_url{position: absolute;bottom: 24px;} .part2 .jgmList .xwph_jgm .item .jgm_url a{ font-size: 16px; line-height: 30px; color: #2693ff;} .part2 .jgmList .xwph_jgm .item .jgm_url>a>i{display: inline-block;position: relative;left: 10px;top:0px;width: 30px;height: 30px;background: url(/uiFramework/commonResource/image/2021083117115426378.png)no-repeat;} .part2 .jgmList{width:1200px;overflow: hidden;} .part2 .xwphAll { position:relative;} .part2 .xwphAll .yhk_prev1,.xwphAll .yhk_next1 { position:absolute; display:block; width:20px; height:20px; top:0; color:#FFF; text-align:center; line-height:100px;} .part2 .xwphAll .yhk_prev1 {width:50px;height:50px; left:5px; top:208px;cursor:pointer; background:url(/uiFramework/commonResource/image/2021081013342235918.png) no-repeat;} .part2 .xwphAll .yhk_prev1:hover{ background:url(/uiFramework/commonResource/image/2021081013372178807.png) no-repeat;} .part2 .xwphAll .yhk_next1 {width:50px;height:50px; right:304px;z-index: 999; top:208px;cursor:pointer; background:url(/uiFramework/commonResource/image/2021081013343030956.png) no-repeat;} .part2 .xwphAll .yhk_next1:hover{ background:url(/uiFramework/commonResource/image/2021081013373078704.png) no-repeat;} /* hover */ .part2 .jgmList .xwph_jgm .item:hover{background: #2693ff;} .part2 .jgmList .xwph_jgm .item:hover .textList>span{color: #fff;} .part2 .jgmList .xwph_jgm .item:hover .jgm_summary{color: #fff;} .part2 .jgmList .xwph_jgm .item:hover .jgmTitle i.titletext{color: #fff;} .part2 .jgmList .xwph_jgm .item:hover .textList>span>i{background: #fff;} .part2 .jgmList .xwph_jgm .item:hover .jgm_url a{color: #fff;} .part2 .jgmList .xwph_jgm .item:hover .jgmTitle{border-bottom: 1px solid #fff;} .part2 .jgmList .xwph_jgm .item:hover .jgm_url>a>i{background: url(/uiFramework/commonResource/image/2021102711254711234.png)no-repeat;} .part2 .jgmList .xwph_jgm .item:hover:nth-child(1) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021102706314210046.png)no-repeat;} .part2 .jgmList .xwph_jgm .item:hover:nth-child(2) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021102711205524467.png)no-repeat;} .part2 .jgmList .xwph_jgm .item:hover:nth-child(3) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021102711211098951.png)no-repeat;} .part2 .jgmList .xwph_jgm .item:hover:nth-child(4) .jgmTitle i.icon{background: url(/uiFramework/commonResource/image/2021102711211865226.png)no-repeat;} /*线上小微自营贷款*/ /*线下个人经营贷款*/ .grjydkBox{margin:38px 0 14px 0;} .grjydkBox .grjydkList li.list{position: relative;} .grjydkBox .grjydkList li.list:first-child {float: left;width: 48%;} .grjydkBox .grjydkList li.list:last-child{float: right;width: 48%;} /*.grjydkBox .grjydkList li.list img{width: 100%;}*/ .grjydkBox .grjydkList li.list .title{position: absolute;top: 14px;width: 50%;padding: 5%;} .grjydkBox .grjydkList li.list .title .grjyTitle{font-size: 18px;margin-bottom: 20px;color: #333;font-weight:550;} .grjydkBox .grjydkList li.list .title .grjyText{font-size: 14px;margin-bottom: 14px;line-height:24px;} .grjydkBox .grjydkList li.list .title a{ position: absolute;bottom: -50px;text-align: justify;line-height: 25px;color: #2693ff;font-size:16px;} .grjydkBox .grjydkList li.list .title a i{background: url(/uiFramework/commonResource/image/2021102507415747806.png)no-repeat;display: inline-block;width: 30px;height: 30px;margin-left:10px;} /*线下个人经营贷款*/ /*线下小微企业贷款*/ .xsxw{background:#f2f9ff;padding: 50px 0 14px 0;} .part4 .jgmList{width:1200px;overflow: hidden;height:480px;} .part4 .xwphAll { position:relative;} .part4 .xwphAll .jgmList .xwph_jgm .item{width: 19%;float: left; padding:2% 2% 5% 2%;background: #fff;margin:3% 1%;position: relative;border-radius: 10px;} .part4 .jgmList .xwph_jgm .item .jgm_summary{font-size: 14px;color: #a0a0a0;display: inline-block;line-height: 24px; margin-top: 18px;margin-bottom: 4px; height:90px;white-space: pre-wrap;} .part4 .jgmList .xwph_jgm .item .jgmTitle i.icon{display: inline-block;width: 50px;} .part4 .jgmList .xwph_jgm{width: 1200px;} .part4 .jgmList .xwph_jgm .item .jgmTitle i.titletext{font-style: normal;font-size: 18px;font-weight: 550;color:#333;} .part4 .jgmList .xwph_jgm .item .jgmTitle{line-height: 30px;display: block;padding-bottom: 10px;border-bottom: 1px solid #ccc;} .part4 .jgmList .xwph_jgm .item .jgm_url{position: absolute;bottom: 16px;} .part4 .jgmList .xwph_jgm .item .jgm_url a{ font-size: 16px; line-height: 30px; color: #2693ff;} .part4 .jgmList .xwph_jgm .item .jgm_url>a>i{display: inline-block;position: relative;left: 10px;top:0px;width: 30px;height: 30px;background: url(/uiFramework/commonResource/image/2021083117115426378.png)no-repeat;} .part4 .xwphAll .yhk_prev1,.xwphAll .yhk_next1 { position:absolute; display:block; width:20px; height:20px; top:0; color:#FFF; text-align:center; line-height:100px;} .part4 .xwphAll .yhk_prev1 {width:60px;height:60px; left:-60px; top:208px;cursor:pointer; background:url(/uiFramework/commonResource/image/2021102512100299552.png) no-repeat;} .part4 .xwphAll .yhk_next1 {width:60px;height:60px; right:-60px;z-index: 999; top:208px;cursor:pointer; background:url(/uiFramework/commonResource/image/2021102512101049171.png) no-repeat;} /* hover */ .part4 .jgmList .xwph_jgm .item:hover{background: #2693ff;} .part4 .jgmList .xwph_jgm .item:hover .textList>span{color: #fff;} .part4 .jgmList .xwph_jgm .item:hover .jgm_summary{color: #fff;} .part4 .jgmList .xwph_jgm .item:hover .jgmTitle i.titletext{color: #fff;} .part4 .jgmList .xwph_jgm .item:hover .textList>span>i{background: #fff;} .part4 .jgmList .xwph_jgm .item:hover .jgm_url a{color: #fff;} .part4 .jgmList .xwph_jgm .item:hover .jgmTitle{border-bottom: 1px solid #fff;} .part4 .jgmList .xwph_jgm .item:hover .jgm_url>a>i{background: url(/uiFramework/commonResource/image/2021102711254711234.png)no-repeat;} .part4 .jgmList .xwph_jgm .item:hover:nth-child(1) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021102706314210046.png)no-repeat;} .part4 .jgmList .xwph_jgm .item:hover:nth-child(2) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021102711205524467.png)no-repeat;} .part4 .jgmList .xwph_jgm .item:hover:nth-child(3) .jgmTitle i.icon{ background: url(/uiFramework/commonResource/image/2021102711211098951.png)no-repeat;} .part4 .jgmList .xwph_jgm .item:hover:nth-child(4) .jgmTitle i.icon{background: url(/uiFramework/commonResource/image/2021102711211865226.png)no-repeat;} /*线下小微企业贷款*/ /*服务案例*/ .moreXw{font-size:16px;color:#333;float:right;margin-top:-20px;} .fwalBox .fwalList{width: 1200px;overflow: hidden;} .fwalBox .fwalList li.list{width: 30%;float: left;text-align: center;margin: 1% 1.6%;border-radius: 10px;} .fwalBox .fwalList li.list img{width: 100%;height: auto; border-top-right-radius: 10px;border-top-left-radius: 10px;} .fwalBox .fwalList li.list p.fwal{font-size: 18px;color: #000; line-height: 45px;background: #f2f9ff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .fwalBox .fwalList li.list:hover{box-shadow: 4px 14px 36px #b4c6dc;} .fwalBox .fwalList li.list:hover p{background: #2693ff;color: #fff;} .tj_fwal{overflow: hidden;} /* 左右按钮 */ .fwalBox{position: relative;} .fwalBox>span{display: inline-block;width: 60px;height: 60px;} .fwalBox>span.left{background: url(/uiFramework/commonResource/image/2021102512100299552.png)no-repeat; position: absolute;top: 110px;left: -60px;} .fwalBox>span.right{background: url(/uiFramework/commonResource/image/2021102512101049171.png)no-repeat;position: absolute;right: -60px;top: 110px;} /*媒体查询媒体查询媒体查询媒体查询媒体查询媒体查询媒体查询媒体查询媒体查询*/ @media only screen and (min-width:100px) and (max-width: 1200px) { .part1,.part3,.part5{width: 100% !important;} /* 在线申请 */ .fastMenu ul li{width: 19% !important;padding: 0 !important;text-align: center !important;float: none !important; display: inline-block !important;} .fastMenu ul li img{float: none !important;margin: auto !important;padding-right: 0 !important;} .fastMenu ul li a span{display: block !important;margin-top: 10px;} /* 线上小微自营贷款 */ .part2{width: 96% !important;margin: auto;} .bigTitle{width: 100% !important;} .part2 .jgmList{width: 100% !important;} .part2 .xwphAll .jgmList .xwph_jgm .item{margin: 3% 1% !important;} /* 线下小微企业贷款 */ .part4{width: 96% !important;} .part4 .jgmList{height: 386px !important;width: 100% !important;} .part4 .jgmList .xwph_jgm{width: 90% !important;margin: auto !important;} .part4 .xwphAll .yhk_prev1{left: 0 !important;width: 45px !important;height: 45px !important;background-size: 100% !important;} .part4 .xwphAll .yhk_next1{right: 0 !important;width: 45px !important;height: 45px !important;background-size: 100% !important;} .part4 .jgmList .xwph_jgm .item .jgmTitle{padding-bottom: 14px !important;line-height: 20px !important;} .part4 .jgmList .xwph_jgm .item .jgm_summary{margin-top: 12px !important;font-size: 14px !important;height: 96px !important;} .part4 .jgmList .xwph_jgm .item .jgmTitle i.titletext{font-size: 18px !important; } .part4 .xwphAll .jgmList .xwph_jgm .item{padding: 2% 2% 6% 2% !important;} .part4 .xwphAll .yhk_prev1,.part4 .xwphAll .yhk_next1{top: 160px !important;} /* 服务案例 */ .fwalBox>span.left{left: 0 !important;top: 90px !important; width: 45px !important;height: 45px !important;background-size: 100% !important;} .fwalBox>span.right{right: 0 !important;top: 90px !important;width: 45px !important;height: 45px !important;background-size: 100% !important;} .fwalBox .fwalList{width: 92% !important;margin: auto;} } @media only screen and (min-width:100px) and (max-width: 1024px){ .part2 .jgmList .xwph_jgm .item:nth-child(1) .jgmTitle i.icon{background-size: 70% !important;width: 36px !important;} .part2 .jgmList .xwph_jgm .item .jgm_summary{margin-top: 12px !important;height: 80px !important;} .part2 .jgmList .xwph_jgm .item .jgmTitle i.titletext{font-size: 18px !important;} .part2 .jgmList .xwph_jgm .item .jgmTitle{padding-bottom: 10px !important;} .part2 .jgmList .xwph_jgm .item .jgmTitle{padding-bottom: 10px !important;} .part2 .jgmList .xwph_jgm .item .textList>span{line-height: 25px !important;} .part2 .jgmList .xwph_jgm .item .textList>span>i{width: 3px !important;height: 3px !important;top: 10px !important;} .part2 .jgmList .xwph_jgm .item .jgm_url{bottom: 12px !important;} .part2 .xwphAll .jgmList .xwph_jgm .item{ padding: 2% 1.6% 4% 2% !important;} .part2 .jgmList .xwph_jgm .item .textList>span{font-size: 14px !important;} .grjydkBox .grjydkList li.list .title a{bottom: -20px !important;} /* 线下小微企业贷款 */ } @media only screen and (min-width:100px) and (max-width: 960px) { .fastMenu ul li span i.bottom{display: none;} .bigTitle p{width: 100% !important;} .part2 .xwphAll .jgmList .xwph_jgm .item{width: 42% !important; padding: 2% 2.3% 4% 2.3% !important;margin: 3% 1.7% !important;} .part2 .jgmList .xwph_jgm .item .jgm_url{bottom: 22px !important;} .part2 .jgmList .xwph_jgm .item .jgm_summary{height: 50px !important;} .part2 .jgmList .xwph_jgm .item .textList>span{line-height: 30px !important;} .part2 .jgmList .xwph_jgm .item .jgmTitle i.icon{width: 40px !important;background-size: 70% !important;} .grjydkBox .grjydkList li.list{width: 100% !important;float: none !important;margin: 20px auto !important;} /* 线下小微企业贷款 */ .part4 .jgmList .xwph_jgm{width: 100% !important;} .part4 .jgmList .xwph_jgm .item .jgmTitle i.titletext{font-size: 16px !important;} .part4 .xwphAll .yhk_prev1{display: none !important;} .part4 .xwphAll .yhk_next1{display: none !important;} .part4 .jgmList{height: auto !important;} .part4 .xwphAll .jgmList .xwph_jgm .item .xxxwimg img{width: 100% !important;} .part4 .xwphAll .jgmList .xwph_jgm .item{padding: 2% 2% 7% 2% !important;margin: 1.5% 1.3% !important;width: 43% !important;} .part4 .jgmList .xwph_jgm .item .jgm_summary{height: 66px !important;} /* 服务案例 */ .fwalBox>span.left{top: 80px !important;} .fwalBox>span.right{top: 80px !important;} } @media only screen and (min-width:100px) and (max-width: 768px) { .grjydkBox{margin: 16px 0 14px 0 !important;} .content{margin: 18px auto 0px !important;} .xsxw{padding: 25px 0 8px 0 !important;} .bigTitle p{margin: 6px 0 0 0 !important;} .fastMenu ul li {display: inline-block; float: none !important;width: 32% !important;border-right: none !important;margin: 16px 0;line-height: 20px !important;margin: 16px 0 !important;} .part2 .xwphAll .jgmList .xwph_jgm .item{float: none; width: 94% !important;padding: 3% 3% 11% 3% !important;margin: 16px 0 !important;} .part2 .jgmList .xwph_jgm .item .jgmTitle{padding-bottom: 4px !important;} .part2 .jgmList .xwph_jgm .item .jgm_summary{margin-top: 12px !important;height: auto !important;} /* .grjydkBox .grjydkList li.list .title a{bottom: -100px !important;} */ .grjydkBox .grjydkList li.list .title .grjyText{display: none !important;} .grjydkBox .grjydkList li.list .title{width: 53% !important;} .grjydkBox .grjydkList li.list .title a{bottom: -80px !important;padding: 0 0 0 4px !important;} .grjydkBox .grjydkList li.list .title .grjyTitle{font-size: 16px !important;margin-bottom: 14px !important;} .part2 .jgmList .xwph_jgm .item .jgm_url{bottom: 18px !important;} .part2 .jgmList .xwph_jgm .item .textList>span>i{top: 13px !important;} /* 线下小微企业贷款 */ .part4 .xwphAll .jgmList .xwph_jgm .item .xxxwimg img{width: 100% !important;} .part4 .jgmList .xwph_jgm .item .jgm_summary{width: 100% !important;} .part4 .xwphAll .jgmList .xwph_jgm .item{width: 94% !important;padding: 4% 3% 14% 3% !important;margin:10px auto !important;} .part4 .jgmList .xwph_jgm .item .jgm_url{bottom: 10px !important;} /* 服务案例 */ .moreXw{font-size:14px;margin-top:0px;} .bigTitle a{display: block !important;position: absolute;right: 0 !important;top: 4px !important;} .part5 .bigTitle{margin-bottom: 0 !important;height: 24px !important;position: relative;} .fwalBox>span.left{display: none !important;} .fwalBox>span.right{display: none !important;} .fwalBox .fwalList{width: 100% !important;margin: 2% 0 !important; } .fwalBox .fwalList li.list{width: 100% !important;margin: 10px auto !important;} .fwalBox .fwalList li.list>a{width: 100% !important;} .bigTitle h1{font-size: 20px !important;} } @media only screen and (min-width:100px) and (max-width:425px) { .grjydkBox .grjydkList li.list .title a{bottom: -50px !important;} }