generated from dellevin/template
732 lines
12 KiB
CSS
732 lines
12 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
html{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body{
|
|
width: 1920px;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
/* 导航栏 */
|
|
.header-top {
|
|
width: 1920px;
|
|
height: 60px;
|
|
background: rgba(72, 76, 98, 0.6);
|
|
/* float: left; */
|
|
overflow: hidden;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.header-top .logo{
|
|
width: 100px;
|
|
height: 60px;
|
|
margin-left: 360px;
|
|
float: left;
|
|
}
|
|
.header-top .logo img {
|
|
width: 100px;
|
|
height: 60px;
|
|
|
|
}
|
|
.header-top .title{
|
|
width: 245px;
|
|
height: 60px;
|
|
margin-left: 13px;
|
|
float: left;
|
|
}
|
|
|
|
.header-top .title span {
|
|
text-align: center;
|
|
line-height: 60px;
|
|
font-size: 18px;
|
|
color: #fff;
|
|
display: block;
|
|
}
|
|
|
|
.header-top .login {
|
|
width: 150px;
|
|
height: 60px;
|
|
margin-right: 440px;
|
|
background: #ccad72;
|
|
float: right;
|
|
|
|
|
|
}
|
|
|
|
.header-top .login a {
|
|
text-decoration: none;
|
|
width: 150px;
|
|
/*height: 70px;*/
|
|
height: 60px;
|
|
text-align: center;
|
|
/*line-height: 70px;*/
|
|
line-height: 60px;
|
|
font-size: 20px;
|
|
color: white;
|
|
display: block;
|
|
}
|
|
|
|
.header-top .login a:hover {
|
|
color: red;
|
|
}
|
|
/* 轮播图 */
|
|
.bd-banner-img{
|
|
width: 1920px;
|
|
height: 620px;
|
|
background-size: 100%;
|
|
float: left;
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
.bd-banner-img1 {
|
|
background-image: url("../img/banner1.jpg");
|
|
}
|
|
|
|
.bd-banner-img2 {
|
|
background-image: url("../img/banner2.jpg");
|
|
}
|
|
.bd-banner-img3 {
|
|
background-image: url("../img/banner3.jpg");
|
|
|
|
}
|
|
|
|
.bd-banner-img4 {
|
|
background-image: url("../img/banner4.jpg");
|
|
}
|
|
|
|
.carousel-inner {
|
|
position: relative;
|
|
width: 1920px;
|
|
height: 620px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.textBox{
|
|
width: 1200px;
|
|
height: 240px;
|
|
/* border: 1px solid black; */
|
|
/* margin-top: -125px; */
|
|
|
|
}
|
|
.textBox h3{
|
|
font-size: 30px;
|
|
}
|
|
.textBox h1{
|
|
padding-left: 100px;
|
|
font-size: 80px;
|
|
}
|
|
|
|
.textBox p {
|
|
color: #002785;
|
|
font-weight: 700;
|
|
margin-top: 25px;
|
|
font-size: 25px;
|
|
}
|
|
.textBox p span{
|
|
margin-left: 20px;
|
|
font-weight: 500;
|
|
color: #002785;
|
|
}
|
|
.banner60{
|
|
width: 60px;
|
|
height: 60px;
|
|
padding-top: 20px;
|
|
background: #837359;
|
|
}
|
|
|
|
.circle100{
|
|
width: 100px;
|
|
height: 100px;
|
|
border-radius: 50%;
|
|
/* margin-top: -10px; */
|
|
|
|
}
|
|
|
|
|
|
/* 功能列表 */
|
|
.w-1920{
|
|
|
|
}
|
|
.h-620{
|
|
height: 620px;
|
|
background: skyblue;
|
|
float: left;
|
|
}
|
|
|
|
.scrollTopFix{
|
|
width: 1920px;
|
|
height: 221px;
|
|
background-color: #fff;
|
|
/* position: sticky; */
|
|
top: 0px;
|
|
padding: 10px 0 20px 450px;
|
|
z-index: 10;
|
|
|
|
}
|
|
.listSpacing{
|
|
margin-right: 200px;
|
|
float: left;
|
|
}
|
|
|
|
/* 档案 */
|
|
.archives{
|
|
|
|
background: url("../img/dangan.png");
|
|
}
|
|
/* 融资 */
|
|
.financing{
|
|
background: url("../img/rongzi.png");
|
|
}
|
|
|
|
/* 贴息 */
|
|
.discount{
|
|
background: url("../img/tiexi.png");
|
|
}
|
|
|
|
/* 报告 */
|
|
.report{
|
|
background: url("../img/baogao.png");
|
|
}
|
|
|
|
.circle100+p{
|
|
margin-left: 25px;
|
|
margin-bottom: 50px;
|
|
}
|
|
/* 平台成果 */
|
|
.platform-outcomes{
|
|
width: 1920px;
|
|
height: 600px;
|
|
background-image: url("../img/chengguobg.jpg");
|
|
background-repeat: no-repeat;
|
|
/* background-position: center; */
|
|
padding-left: 300px;
|
|
padding-top: 80px;
|
|
}
|
|
|
|
.platform-outcomes .imgTitle{
|
|
padding-left: 10px;
|
|
}
|
|
.platform-outcomes .imgTitle span{
|
|
font-size: 25px;
|
|
font-weight: 700;
|
|
color: #313233;
|
|
margin-left: 10px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.platform-outcomes .box{
|
|
width: 390px;
|
|
height: 220px;
|
|
/* background: skyblue; */
|
|
background: white;
|
|
float: left;
|
|
margin-top: 80px;
|
|
margin-right: 10px;
|
|
border-top: 8px solid #d6ba83;
|
|
border-bottom: 8px solid #d6ba83;
|
|
}
|
|
|
|
.platform-outcomes .box ul{
|
|
margin-left: 80px;
|
|
margin-right: 80px;
|
|
margin-top: 25px;
|
|
/* background: white; */
|
|
}
|
|
|
|
/* 背景图 3张 */
|
|
.platform-outcomes .box .building{
|
|
background: url("../img/chengguo1bg.png") no-repeat;
|
|
background-position: center center;
|
|
}
|
|
.platform-outcomes .box .book{
|
|
background: url("../img/chengguo2bg.png") no-repeat;
|
|
background-position: center center;
|
|
}
|
|
.platform-outcomes .box .money{
|
|
background: url("../img/chengguo3bg.png") no-repeat;
|
|
background-position: center center;
|
|
}
|
|
|
|
|
|
.platform-outcomes .box ul span{
|
|
font-size: 30px;
|
|
font-weight: 500;
|
|
color: #cc4f4f;
|
|
}
|
|
|
|
|
|
/* 贷款流程 */
|
|
.loan-process{
|
|
width: 1920px;
|
|
height: 690px;
|
|
|
|
padding-left: 300px;
|
|
padding-top: 80px;
|
|
position: relative;
|
|
}
|
|
|
|
.loan-process .imgTitle{
|
|
width: 1200px;
|
|
/* border-bottom: 5px solid #ebedf3; */
|
|
padding-left: 10px;
|
|
padding-top: 15px;
|
|
padding-bottom:20px;
|
|
}
|
|
.loanProcessImg{
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
/* 融资发布&信用公示 */
|
|
.financing-release{
|
|
width: 1920px;
|
|
height: 600px;
|
|
/* background-color: skyblue; */
|
|
padding-left: 360px;
|
|
padding-top: 80px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.financing-release .box{
|
|
width: 600px;
|
|
height: 500px;
|
|
float: left;
|
|
/* background: deepskyblue; */
|
|
/* border: 1px solid black; */
|
|
}
|
|
|
|
.financing-release .imgTitle{
|
|
width: 1200px;
|
|
/* border-bottom: 5px solid #ebedf3; */
|
|
padding-left: 10px;
|
|
padding-top: 15px;
|
|
padding-bottom:20px;
|
|
}
|
|
.financing-release .imgTitle span{
|
|
font-size: 25px;
|
|
font-weight: 700;
|
|
color: #313233;
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
.underline{
|
|
width: 570px;
|
|
height: 6px;
|
|
background: #ebedf3;
|
|
margin-bottom: 40px;
|
|
}
|
|
.underline div{
|
|
width: 100px;
|
|
height: 6px;
|
|
background: #d6b983;
|
|
}
|
|
|
|
.financing-release .box .data p{
|
|
margin-left: 0px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.financing-release .box .data p span{
|
|
color: red;
|
|
}
|
|
.financing-release .box .data p a{
|
|
margin-left: 120px;
|
|
}
|
|
/* 科技信用贷&科技担保贷 */
|
|
.loan{
|
|
width: 1920px;
|
|
height: 906px;
|
|
padding-left: 360px;
|
|
padding-top: 72px;
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.loan .loanDiv{
|
|
width: 1200px;
|
|
height: 770px;
|
|
/* background-color: aqua; */
|
|
}
|
|
.loan .loanDiv ul{
|
|
width: 1200px;
|
|
height: 370px;
|
|
}
|
|
.loan .loanDiv ul li{
|
|
width: 288px;
|
|
height: 370px;
|
|
background-color: #fff;
|
|
/* background-color: skyblue; */
|
|
float: left;
|
|
margin-right: 12px;
|
|
|
|
}
|
|
.loan .loanDiv ul li h3{
|
|
margin-top: 24px;
|
|
padding-left: 20px;
|
|
line-height: 64px;
|
|
width: 222px;
|
|
height: 64px;
|
|
color: #ffffff;
|
|
|
|
|
|
}
|
|
.loan .loanDiv ul .bgImgLoan1{
|
|
background: url("../img/bg1.jpg") no-repeat;
|
|
}
|
|
|
|
.loan .loanDiv ul .bgImgLoan1 h3{
|
|
background-color: #cba971;
|
|
border-top-right-radius:35px;
|
|
border-bottom-right-radius:35px;
|
|
}
|
|
|
|
.loan .loanDiv ul .bgImgLoan1 p{
|
|
font-size: 20px;
|
|
color: #ffffff;
|
|
margin-top: 44px;
|
|
padding-left:23px ;
|
|
}
|
|
.loan .loanDiv ul .bgImgLoan1 p .maxLoanNum{
|
|
font-size: 30px;
|
|
}
|
|
.loan .loanDiv ul .bgImgLoan2{
|
|
background: url("../img/bg2.jpg") no-repeat;
|
|
}
|
|
|
|
.loan .loanDiv ul .bgImgLoan2 h3{
|
|
background-color: #576fa6;
|
|
border-top-right-radius:35px;
|
|
border-bottom-right-radius:35px;
|
|
}
|
|
|
|
.loan .loanDiv ul h4{
|
|
padding-top: 18px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.loan .loanDiv ul .bgImgLoan2 p{
|
|
font-size: 20px;
|
|
color: #ffffff;
|
|
|
|
margin-top: 44px;
|
|
padding-left:23px ;
|
|
}
|
|
.loan .loanDiv ul .bgImgLoan2 p .maxLoanNum{
|
|
font-size: 30px;
|
|
}
|
|
.bgImgBlank{
|
|
width: 288px;
|
|
height: 74px;
|
|
background: url('../img/blank.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
.loan-q-a{
|
|
width: 1920px;
|
|
height: 700px;
|
|
background-image: url("../img/wendabg.jpg");
|
|
}
|
|
.successLoanNum div{
|
|
width: 200px;
|
|
height: 56px;
|
|
border-radius: 30px;
|
|
position: absolute;
|
|
bottom: -25px;
|
|
left: -35px;
|
|
z-index: 10;
|
|
color:#fff;
|
|
font-weight: 500;
|
|
line-height: 56px;
|
|
display: none;
|
|
}
|
|
.successLoanNum{
|
|
text-decoration: none;
|
|
position: relative;
|
|
}
|
|
.successLoanNum:hover div{
|
|
background-color: #caa76e;
|
|
display: block;
|
|
}
|
|
|
|
.loan-q-a{
|
|
width: 1920px;
|
|
height: 700px;
|
|
background-image: url("../img/wendabg.jpg");
|
|
padding: 72px 360px;
|
|
}
|
|
.loan-q-a .q-a{
|
|
font-size:0;
|
|
float: left;
|
|
}
|
|
.loan-q-a .imgIcon{
|
|
float: left;
|
|
}
|
|
.loan-q-a .q-a-font{
|
|
margin-left: 30px;
|
|
color: #f8f8f8;
|
|
font-size: 30px;
|
|
font-weight: 700;
|
|
line-height: 30px;
|
|
}
|
|
.loan-q-a .arrowhead{
|
|
float: right;
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
.loan-q-a .arrowhead .arrowheadRight{
|
|
margin-left: 46px;
|
|
}
|
|
|
|
.loan-q-a .box{
|
|
margin-top: 90px;
|
|
|
|
}
|
|
|
|
.loan-q-a .box li{
|
|
width: 375px;
|
|
height: 420px;
|
|
float: left;
|
|
background-color: #fff;
|
|
margin-right: 25px;
|
|
padding: 40px 20px 0px 20px;
|
|
}
|
|
|
|
.loan-q-a .box .questionBox{
|
|
|
|
}
|
|
.loan-q-a .box .answerBox{
|
|
|
|
}
|
|
|
|
.loan-q-a .box li .questionIcon{
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
float: left;
|
|
background-color: #525459;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.loan-q-a .box li .question{
|
|
width: 289px;
|
|
display: block;
|
|
float: left;
|
|
color: #17171a;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
/* line-height: 20px; */
|
|
margin-left: 17px;
|
|
|
|
|
|
}
|
|
|
|
.loan-q-a .box li .answerIcon{
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
float: left;
|
|
background-color: #4a6fb5;
|
|
color: #fff;
|
|
}
|
|
|
|
.loan-q-a .box li .answer{
|
|
width: 289px;
|
|
display: block;
|
|
line-height: 25px;
|
|
color: #4f535e;
|
|
float: left;
|
|
margin-left: 17px;
|
|
}
|
|
|
|
/* 相关资讯 */
|
|
.relatedInformation{
|
|
width: 1920px;
|
|
height: 690px;
|
|
padding: 90px 360px;
|
|
/* background-color: skyblue; */
|
|
}
|
|
|
|
.relatedInformation .imgTitle{
|
|
width: 1200px;
|
|
/* border-bottom: 5px solid #ebedf3; */
|
|
padding-left: 10px;
|
|
padding-top: 15px;
|
|
padding-bottom:20px;
|
|
}
|
|
.relatedInformation .imgTitle span{
|
|
font-size: 25px;
|
|
font-weight: 700;
|
|
color: #313233;
|
|
margin-left: 10px;
|
|
}
|
|
.relatedInformation .left{
|
|
width: 486px;
|
|
height: 437px;
|
|
float: left;
|
|
}
|
|
|
|
.relatedInformation .left span{
|
|
width: 486px;
|
|
height: 77px;
|
|
display: block;
|
|
border: 1px solid #bfbfbf;
|
|
padding-left: 31px;
|
|
padding-top: 30px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #17171a;
|
|
}
|
|
|
|
.relatedInformation .right{
|
|
width: 688px;
|
|
height: 436px;
|
|
float: left;
|
|
margin-left: 20px;
|
|
background-color: greenyellow;
|
|
}
|
|
.relatedInformation .right .topBox{
|
|
width: 688px;
|
|
height: 219px;
|
|
background-color: #fff;
|
|
border: 1px solid #bfbfbf;
|
|
padding: 44px 26px 40px;
|
|
|
|
}
|
|
.relatedInformation .right img{
|
|
float: left;
|
|
}
|
|
.relatedInformation .right p{
|
|
margin-left: 18px;
|
|
float: left;
|
|
}
|
|
.relatedInformation .right p span{
|
|
width: 430px;
|
|
height: 100px;
|
|
display: block;
|
|
}
|
|
.relatedInformation .right p .title{
|
|
width: 430px;
|
|
height: 20px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #17171a;
|
|
margin-bottom: 10px;
|
|
}
|
|
.relatedInformation .right .detail{
|
|
text-decoration: none;
|
|
color: #bf9e5f;
|
|
}
|
|
|
|
.relatedInformation .right .detail:hover{
|
|
text-decoration: none;
|
|
color: blue;
|
|
}
|
|
.relatedInformation .right .bottomBox{
|
|
width: 688px;
|
|
height: 219px;
|
|
background-color: #fff;
|
|
border: 1px solid #bfbfbf;
|
|
padding: 44px 26px 40px;
|
|
}
|
|
|
|
/* 平台信息 */
|
|
.platformInfo{
|
|
width: 1920px;
|
|
height: 560px;
|
|
padding-left: 360px;
|
|
padding-top: 72px;
|
|
background: url("../img/jieshaobg.jpg") no-repeat;
|
|
position: relative;
|
|
}
|
|
|
|
.platformInfo .imgTitle{
|
|
width: 1200px;
|
|
/* border-bottom: 5px solid #ebedf3; */
|
|
padding-left: 10px;
|
|
padding-top: 15px;
|
|
padding-bottom:20px;
|
|
}
|
|
.platformInfo .imgTitle span{
|
|
font-size: 25px;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
margin-left: 10px;
|
|
}
|
|
.platformInfoImg{
|
|
width: 481px;
|
|
position: absolute;
|
|
left: 1080px;
|
|
top: 100px;
|
|
/* left: 720px;
|
|
top: -72px; */
|
|
}
|
|
.platformInfo .text{
|
|
width: 675px;
|
|
height: 292px;
|
|
color: #fff;
|
|
}
|
|
/* 公司信息 */
|
|
.companyInfo{
|
|
width: 1920px;
|
|
height: 226px;
|
|
padding-left: 360px;
|
|
padding-top: 50px;
|
|
background-color: #242424;
|
|
/* position: relative; */
|
|
}
|
|
.companyInfo>img{
|
|
|
|
float: left;
|
|
}
|
|
.companyInfo .leftBox{
|
|
width: 510px;
|
|
height: 85px;
|
|
margin-left: 20px;
|
|
padding-top: 30px;
|
|
float: left;
|
|
/* text-align: center; */
|
|
}
|
|
.companyInfo .leftBox .name{
|
|
color: #fff;
|
|
}
|
|
|
|
.companyInfo .leftBox .address{
|
|
font-size: 14px;
|
|
}
|
|
.companyInfo .rightBox{
|
|
width: 600px;
|
|
height: 87px;
|
|
float: left;
|
|
padding-top: 30px;
|
|
text-align: right;
|
|
}
|
|
|
|
.companyInfo .rightBox span{
|
|
font-size: 14px;
|
|
}
|
|
|
|
.filingInfo{
|
|
width: 350px;
|
|
height: 50px;
|
|
/* margin: 0 auto; */
|
|
/* background-color: rgba(255, 255, 255, 0.1); */
|
|
margin-top:120px;
|
|
margin-left: 420px;
|
|
font-size: 12px;
|
|
color:rgba(255,255,255,0.6);
|
|
text-align: center;
|
|
}
|