* { 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; }