141 lines
50 KiB
CSS
141 lines
50 KiB
CSS
|
@import url("css2.css");body,html{width:100%;height:100%}html{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar}body{font-family:"Roboto",sans-serif;font-size:16px;line-height:30px;font-weight:400;color:#666;position:relative;overflow-x:hidden;padding:0;margin:0}p{opacity:.9}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;font-weight:600;line-height:1.4;margin-bottom:0;color:#2F2E41}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;transition:all .3s ease}.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0487F9}h1{font-size:72px;line-height:1.2}h2{font-size:46px;line-height:56px}h3{font-size:24px;line-height:34px}h4{font-size:20px;line-height:32px}h5{font-size:18px;line-height:30px}h6{font-size:14px;line-height:26px}.btn{font-weight:500;position:relative;z-index:1;overflow:hidden;text-transform:capitalize;padding:15px 39px;border-radius:5px;font-size:16px;font-family:"Poppins",sans-serif;border:1px solid transparent;transition:all .3s ease-in-out}.btn:focus{box-shadow:none!important}.btn-main{background:#0487F9;color:#fff;border-color:#0487F9}.btn-main:hover{color:#0487F9;border-color:#0487F9;background:transparent}.btn-solid-border{background:transparent;color:#0487F9;border-color:#0487F9}.btn-solid-border:hover{background:#0487F9;color:#fff;border-color:#0487F9}.btn-radius{border-radius:35px}a{color:#2F2E41;outline:0;text-decoration:none;transition:all .3s ease 0s}a:hover{color:#0487F9;outline:0;text-decoration:none}a:active,a:hover,a:focus{outline:0 none;text-decoration:none}.form-control{transition:all .3s ease}.form-control:focus{box-shadow:none}.bg-primary{background:#0487F9}.bg-secondary{background:#002748}.bg-primary-light{background:#F4F7FF}.bg-shadow{box-shadow:0 3px 26px rgba(0,0,0,0.04)}.text-primary{color:#0487F9!important}ul.list-none{margin:0;padding:0;list-style:none}.form-control{height:56px}.form-control:hover{border-color:#0487F9!important}input:focus{outline:0}textarea:focus{outline:0}select:focus{outline:0}button:focus{outline:0}::-webkit-input-placeholder{color:#666}::-moz-placeholder{color:#666}:-ms-input-placeholder{color:#666}:-moz-placeholder{color:#666;font-weight:400}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.mb-120{margin-bottom:120px}.mb-140{margin-bottom:140px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}.section-padding{padding:100px 0}.pt-25{padding-top:25px}.pb-25{padding-bottom:25px}.pt-50{padding-top:50px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-120{padding-top:120px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-110{padding-bottom:110px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.p-50{padding:50px}.pt-70{padding-top:70px}.pt-110{padding-top:110px}.pt-130{padding-top:130px}.py-100{padding:100px 0}.pr-70{padding-right:70px}#loading{width:100%;height:100vh;position:fixed;z-index:9999999;background-color:#fff;display:flex;align-items:center;justify-content:center;min-height:750px}.section{overflow:hidden}.sec
|
||
|
|
|
||
|
|
/* 公司展示轮播图样式 */
|
||
|
|
.company-showcase {
|
||
|
|
position: relative;
|
||
|
|
margin: 0 auto;
|
||
|
|
max-width: 1200px;
|
||
|
|
padding: 0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0 -15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slide {
|
||
|
|
padding: 15px;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-inner {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius: 10px;
|
||
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
|
||
|
|
height: 100%;
|
||
|
|
transition: transform 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-inner:hover {
|
||
|
|
transform: translateY(-5px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slide img {
|
||
|
|
width: 100%;
|
||
|
|
height: 300px;
|
||
|
|
object-fit: cover;
|
||
|
|
transition: transform 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-inner:hover img {
|
||
|
|
transform: scale(1.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-caption {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
padding: 20px;
|
||
|
|
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
|
||
|
|
color: #fff;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-caption h4 {
|
||
|
|
margin: 0 0 10px;
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-caption p {
|
||
|
|
margin: 0;
|
||
|
|
font-size: 14px;
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 轮播图导航按钮 */
|
||
|
|
.company-slider .slick-prev,
|
||
|
|
.company-slider .slick-next {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
transform: translateY(-50%);
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
background: rgba(255,255,255,0.9);
|
||
|
|
border-radius: 50%;
|
||
|
|
z-index: 1;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-prev {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-next {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-prev:hover,
|
||
|
|
.company-slider .slick-next:hover {
|
||
|
|
background: #fff;
|
||
|
|
box-shadow: 0 0 15px rgba(0,0,0,0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-prev:before,
|
||
|
|
.company-slider .slick-next:before {
|
||
|
|
font-family: "Font Awesome 5 Free";
|
||
|
|
font-weight: 900;
|
||
|
|
color: #333;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-prev:before {
|
||
|
|
content: "\f104";
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-next:before {
|
||
|
|
content: "\f105";
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 轮播图指示器 */
|
||
|
|
.company-slider .slick-dots {
|
||
|
|
bottom: -40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-dots li button:before {
|
||
|
|
font-size: 10px;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.company-slider .slick-dots li.slick-active button:before {
|
||
|
|
color: #007bff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 响应式调整 */
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
.company-slide img {
|
||
|
|
height: 250px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-caption h4 {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slide-caption p {
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
}
|