.home .base-header {
background: none;
position: absolute;
top: 0;
}
* {
-ms-overflow-style: none;
}
.home .logo {
display: none;
}
.home {
width: 100%;
height: 100%;
}
.home .logo_w {
display: block;
width: 190px;
}
.home-t {
height: 102%;
width: 100%;
}
.banner-swiper {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.banner-img {
width: 100%;
height: 100%;
}
.home-t {
width: 100%;
height: 102%;
transition: .7s;
}
::-webkit-scrollbar {
display: none;
}
.home-container {
position: fixed;
left: 0%;
top: 100%;
bottom: 0;
right: 0;
background: #fff;
transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
overflow-y: scroll;
outline: none;
z-index: 12;
}
.home .base-header a {
color: #fff;
}
.banner-swiper .swiper-pagination {
position: absolute;
display: flex;
justify-content: center;
position: relative;
bottom: 80px;
}
.banner-swiper .swiper-pagination-bullet {
width: auto;
height: auto;
background: none;
color: #fff;
opacity: 1;
position: relative;
display: inline-block;
line-height: 40px;
margin: 0 6px;
}
.banner-swiper .swiper-pagination-bullet:after {
content: "";
height: 1px;
background: #fff;
width: 0;
transition: all ease 0.4s;
vertical-align: middle;
}
.banner-swiper .swiper-pagination-bullet-active {
color: #F7B334;
}
.banner-swiper .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
width: 48px;
display: inline-block;
margin-left: 4px;
}
.banner-swiper .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child::after {
width: 0;
}
.swiper-to {
background: url(/en/image/right-to.png);
background-size: 100% 100%;
width: 20px !important;
height: 20px;
margin-left: 8px;
z-index: 222;
cursor: pointer;
bottom: 80px;
position: relative;
}
.banner-swiper-title {
position: absolute;
top: 38%;
left: 19.27%;
line-height: 1.4;
font-size: 36px;
font-weight: 600;
color: #fff;
}
.banner-swiper-down {
color: #fff;
position: absolute;
top: 46%;
left: 19.27%;
z-index: 2;
animation: bannerDown 2s linear 0s infinite;
}
@keyframes bannerDown {
0% {
transform: translate(0, 0);
opacity: 0;
}
0% {
transform: translate(0, 10px);
opacity: 1;
}
100% {
transform: translate(0, 20px);
opacity: 0;
}
}
.banner-swiper-pagination {
position: absolute;
width: 100%;
}
.banner-swiper-down span {
display: inline-block;
width: 18px;
height: 30px;
margin-right: 20px;
border: 2px solid #fff;
border-radius: 10px;
position: relative;
}
.banner-swiper-down span:after {
content: "";
width: 2px;
height: 10px;
background: #ffffff;
position: absolute;
top: 5px;
left: 50%;
margin-left: -1px;
}
.home-about {
background: url(/en/image/home-about-bg.png) no-repeat;
background-size: auto 746px;
background-position: center bottom;
width: 100%;
height: 746px;
box-sizing: border-box;
padding: 1.2rem 0;
position: relative;
}
.home-about-title {
font-size: 32px;
font-weight: 700;
line-height: 48px;
}
.home-about-desc {
font-size: 16px;
line-height: 32px;
margin-top: 24px;
}
.home-about-item-num {
font-size: 44px;
color: #F7B334;
line-height: 48px;
}
.home-about-item-con {
display: flex;
align-items: end;
margin-bottom: 15px;
}
.home-about-item-lab {
font-size: 16px;
color: #F7B334;
margin-left: 10px;
}
.home-about-item-title {
font-size: 16px;
color: #333333;
line-height: 22px;
text-align: justify;
}
.home-about-ls {
margin-top: 80px;
}
.home-about-more {
border-radius: 8px;
width: 160px;
height: 48px;
background-color: #F7B334;
margin: 80px 0 120px 0;
}
.home-about-more a {
color: #fff;
width: 100%;
height: 100%;
}
.home-about-more .iconfont {
font-size: 10px;
margin-left: 5px;
}
.home-pro-content {
height: 640px;
width: 100%;
}
.home-pro-top {
width: 100%;
background: url(/en/image/home-pro.jpg) 100% no-repeat;
background-size: auto 388px;
}
.home-pro-title {
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin: 120px 0 60px 0;
}
.home-pro-title a {
font-size: 16px;
line-height: 48px;
font-weight: normal;
}
.home-pro-title a .iconfont {
font-size: 12px;
margin-left: 8px;
color: #F7B334;
}
.home-nav-containers {
width: calc(100% - 120px);
margin: 0 auto;
}
.pro-nav-img {
width: 60px;
height: 60px;
}
.pro-nav-title {
line-height: 24px;
font-size: 13px;
margin: 16px 0 40px 0;
text-align: center;
height: 48px;
}
.home-swiper-prev {
width: 56px;
height: 56px;
background: url(/en/image/mleftarrow.png) no-repeat;
background-size: cover;
margin-top: 22px;
}
.home-swiper-prev:hover {
width: 56px;
height: 56px;
background: url(/en/image/mleftarrowhover.png) no-repeat;
background-size: cover;
}
.home-swiper-next {
width: 56px;
height: 56px;
background: url(/en/image/mrightarrows.png) no-repeat;
background-size: cover;
margin-top: 22px;
}
.home-swiper-next:hover {
width: 56px;
height: 56px;
background: url(/en/image/mrightarrowshover.png) no-repeat;
background-size: cover;
}
.home-nav-containers .swiper-slide-thumb-active {
border-bottom: 5px solid #0cbd89;
}
.home-pro-ls {
width: 680px;
background: rgba(255, 255, 255, 0.9);
padding: 60px 40px;
box-sizing: border-box;
position: relative;
left: 0;
top: 0;
}
.home-pro-ls-title {
font-size: 32px;
font-weight: 700;
line-height: 40px;
margin-bottom: 40px;
}
.home-pro-ul a {
margin-right: 30px;
font-size: 16px;
line-height: 24px;
}
.home-pro-ul a::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #333;
border-radius: 50%;
margin: 0 4px 2px 0;
}
.home-pro-ls-more {
border-radius: 8px;
width: 160px;
height: 48px;
border: 1px solid;
display: block;
margin-top: 40px;
font-size: 14px;
line-height: 48px;
text-align: center;
}
.home-pro-ls-more .iconfont {
font-size: 10px;
margin-left: 10px;
}
.home-pro-ls-more:hover {
background: #F7B334;
color: #fff;
border: 1px solid #F7B334;
}
.home-link-item {
padding: 60px 40px;
display: block;
}
.home-link-left {
width: 32.2%;
}
.home-link-left .home-link-item-txt {
max-height: 280px;
overflow: hidden;
}
.home-link-right .home-link-item-txt {
max-height: 55px;
overflow: hidden;
}
.home-link-left .home-link-item {
width: 100%;
height: 600px;
}
.home-link-right {
display: flex;
flex-wrap: wrap;
width: 66.1%;
}
.home-link-right .home-link-item:nth-child(1) {
width: 100%;
height: 300px;
margin-bottom: 20px;
}
.home-link-right .home-link-item:nth-child(2) {
width: calc((100% - 20px)/2);
height: 280px;
margin-right: 19px;
}
.home-link-right .home-link-item:nth-child(3) {
width: calc((100% - 20px)/2);
height: 280px;
}
.home-link-item-title {
color: #fff;
font-size: 28px;
font-weight: 700;
white-space: nowrap;
line-height: 40px;
}
.home-link-item-txt {
font-size: 16px;
color: #FFFFFF;
font-style: normal;
margin: 20px 0 40px 0;
}
.home-link-item-to {
width: 60px;
height: 60px;
background: url(/en/image/iconsmoreinner.png);
background-size: cover;
background-repeat: no-repeat;
}
.home-link-item-to:hover {
width: 60px;
height: 60px;
background: url(/en/image/icnosInber.png);
}
.home-link {
background-image: url(/en/image/kuaiSpeedlinksbg.jpg);
width: 100%;
height: 840px;
background-size: auto 840px;
padding: 120px 0;
}
.home-fix {
position: fixed;
right: 20px;
width: 350px;
bottom: 20px;
height: 289px;
background: url(/en/image/crcwindowInfobg.png);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: 10;
border-radius: 8px;
padding: 20px;
z-index: 22;
}
.home-fix-title {
font-size: 14px;
color: #333333;
line-height: 20px;
text-align: left;
font-style: normal;
margin-bottom: 12px;
height: 40px;
display: inline-block;
}
.home-fix-img {
height: 175px;
width: 100%;
}
.home-fix-swiper {
width: 100%;
height: 100%;
}
.home-fix-swiper .swiper-pagination {
bottom: -5px;
}
.home-fix-swiper .swiper-pagination-bullet-active {
opacity: 1;
background: #F7B334;
}
.home-fix-close {
width: 18px;
height: 18px;
position: absolute;
right: -6px;
top: -9px;
cursor: pointer;
}
@media screen and (max-width: 1080px) {
.home {
height: auto;
}
.home .base-header a {
color: #333 !important;
}
.home .banner-swiper {
height: 300px;
}
.banner-swiper img {
width: 100%;
height: 300px;
}
.home-about-title {
font-size: 20px;
line-height: 30px;
}
.home-about-desc {
font-size: 14px;
line-height: 24px;
}
.home-about {
background: url(/en/image/mindexIntro.jpg) no-repeat;
background-position: bottom right;
width: 100%;
height: auto;
box-sizing: border-box;
background-size: 100% auto;
}
.home-about-ls {
flex-wrap: wrap;
}
.banner-swiper-title {
font-size: 20px;
left: 16px;
top: 50%;
}
.banner-swiper-down {
left: 16px;
top: 64%;
}
.home-about-item {
width: 50%;
margin-bottom: 20px;
}
.home-about-ls {
margin-top: 40px;
}
.home-about-item-num {
font-size: 22px;
line-height: 24px;
}
.home-about-item-lab {
font-size: 12px;
}
.home-about-more {
margin: 40px 0 60px 0;
}
.banner-swiper-pagination {
bottom: -15px;
}
.home-pro-content {
height: 375px;
}
.home-swiper-prev,
.home-swiper-prev:hover,
.home-swiper-next,
.home-swiper-next:hover {
width: 28px;
height: 28px;
margin-top: 0;
}
.home-nav-containers {
width: calc(100% - 56px);
}
.pro-nav-img {
width: 40px;
height: 40px;
}
.home-pro-title {
font-size: 20px;
line-height: 24px;
margin: 60px 0 30px 0;
}
.home-pro-title a {
font-size: 14px;
line-height: 24px;
font-weight: normal;
}
.home-pro-top {
width: 100%;
height: 170px;
}
.pro-nav-title {
line-height: 18px;
font-size: 14px;
margin: 13px 0 10px 0;
height: 46px;
}
.home-pro-ls {
width: 100%;
padding: 30px 20px;
}
.home-pro-ls-title {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
.home-pro-ul {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 80px;
}
.home-pro-ul a {
margin-bottom: 10px;
font-size: 14px;
line-height: 18px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.home-pro-ls-more {
width: 130px;
height: 40px;
border-radius: 4px;
line-height: 40px;
bottom: 30px;
}
.home-pro-ls {
height: 285px;
}
.home-link-left {
width: 100%;
margin-bottom: 15px;
}
.home-link-right {
width: 100%;
display: flex;
flex-flow: column;
}
.home-link .base-in {
display: flex;
flex-flow: column;
}
.home-link {
padding: 60px 0;
height: auto;
}
.home-link-item {
width: 100%;
height: auto;
}
.home-link-item {
padding: 30px 20px;
height: auto !important;
}
.home-link-left .home-link-item-txt {
max-height: max-content;
}
.home-link-right .home-link-item:nth-child(2) {
margin-bottom: 15px;
width: 100%;
}
.home-link-right .home-link-item:nth-child(3) {
width: 100%;
}
.home-link-item-title {
font-size: 18px;
line-height: 24px;
}
.home-link-item-txt {
font-size: 14px;
line-height: 24px;
margin: 10px 0 20px 0;
max-height: max-content;
}
.home-link-right .home-link-item-txt {
max-height: 44px;
}
.home-link-item-to,
.home-link-item-to :hover {
width: 30px;
height: 30px;
}
.home .logo {
display: block !important;
}
.home-container {
position: relative !important;
top: 0 !important;
}
.home-t {
height: auto;
}
.home {
overflow: hidden;
}
}
@media screen and (max-width: 600px) {
.home-fix {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 32px);
z-index: 100;
}
.home-fix-bg {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
left: 0px;
top: 0px;
z-index: 80;
position: fixed;
}
}