html{overflow-x:hidden;} html, body { position: relative; height: 100%; } body { background: #161B2A; } .tab_x_n { display: none; /*visibility: hidden; position: absolute; z-index: -1;*/ } .tab_x_y { display: block; /*visibility: visible; z-index: 1;*/ } .brand-content{ width:70%!important;} /*搴曢儴浼樺厛鏍峰紡*/ .bot { background: #161B2A!important; border-top: 1px #333333 solid; margin-top: 30px!important; padding: 3%!important; } .bot1 ul li a { color: #cccccc!important; } .bot3 ul li { color: #cccccc!important; } .bot4 ul li { color: grey!important; } .bot2 { top: 30px!important; } .bot2 ul li .filter { filter: brightness(0) invert(0.7) } /*杞挱鍥?/ .banner { width: 100%; } .banner .swiper { width: 100%; position: relative; overflow: hidden; } .banner .swiper .swiper-pagination { left: 85%; height: 5px; width: 100%!important; top: 75%; } .banner .swiper .swiper-pagination span { float: left; width: 35px; height: 5px; border-radius: inherit; margin: 0; opacity: 0.8; background: #ffffff; margin-right: 15px; border-radius: 10px; } .banner .swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 35px; background: #de0010; } .banner .swiper .swiper-wrapper { height: 100%; margin-bottom:0; } .banner .swiper .swiper-wrapper .swiper-slide { position: relative; } .banner .swiper .swiper-wrapper .swiper-slide img { display: block; width: 100%; } @media (max-width: 767px) { .banner .swiper .swiper-pagination { left: 75% } html, body { height: auto; } .bot2 { position: static; } } #block1 { width: 100%; height: 100%; position: relative; } .top_logo { text-align: center; padding-top: 4%; } .top_logo img { max-width: 300px; transition: all .5s; } .top_logo img: hover { transform: scale(1.2); } .headerNav { width: 100%; position: fixed; top: 0px; z-index: 999; height: 120px; } .zqjtContainer { width: 90%; height: 100%; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; justify-content: space-between; } .zqjtheaderNav { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .navUl { display: -webkit-box; display: -webkit-flex; display: flex; padding-right: 20px; } .navUl li { margin: 0 25px; } .navUl li: first-child { display: none; } .navUl li a { color: #fff; font-size: 16px; } .zqBtn,.chEnBtn { display: flex; align-items: center; } .zqBtn a,.chEnBtn a { font-size: 16px; color: #fff; margin: 0 40px 0 10px; } .searchDiv { background: url(/uiFramework/commonResource/image/2023092613262023447.png) 0 0 no-repeat; width: 28px; height: 28px; } #homeSwiper { width: 100%; height: 100%; } @media (max-width: 767px) { #homeSwiper > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } #homeSwiper > .swiper-wrapper > div { height: auto!important; } #block1 { height: auto; padding-top: 0; } .navUl { display: none; } .top_logo { padding-top: 4%; display: none; } .top_logo img { width: 120px; transition: all .5s; } .top_logo img: hover { transform: scale(1.2); } .headerNav { bottom: 10px; } .zqjtContainer { width: 90%; } .leftLogo a img { width: 150px; } .zqBtn a,.chEnBtn a { margin: 0 24px 0 10px; } } #homeSwiper .homeswiper-next { width: 40px; margin: 0 auto; position: absolute; bottom: 5%; left: 0; right: 0; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 36px; color: #fff; cursor: pointer; z-index: 2; /* animation: movepoint 2s infinite; -webkit-animation: movepoint 2s infinite;*/ } @keyframes arrow { from { top: 50px } to { top: 16px } } /* 涓婁笅娴姩start*/ @keyframes arrow { from { transform: translate(0, 0) } to { transform: translate(0, 12rpx) } } .arrow { @extend .btn; margin-top: 50rpx; animation: arrow 1.3s ease-in-out 0s infinite alternate; } .newSwiper .swiper-button-next { width: 35px; height: 35px; } .newSwiper .swiper-button-prev { width: 35px; height: 35px; } .nav .swiper-button-next { width: 35px; height: 35px; top: -200%; border: 1px #ccc solid; padding: 10px; background: none!important; } .nav .swiper-button-prev { width: 35px; height: 35px; top: -200%; border: 1px #ccc solid; padding: 10px; background: none!important; } @media (max-width: 767px) { html { touch-action: manipulation; } #homeSwiper { height: auto; } .swiper-pointer-events.swiper-vertical { touch-action: manipulation !important; /*touch-action: pan-y pinch-zoom !important;*/ } #homeSwiper .homeswiper-next { display: none; } } #homeSwiper > .swiper-pagination { top: 85%; right: 30px; } @media (max-width: 767px) { #homeSwiper > .swiper-pagination { display: none; } } #homeSwiper > .swiper-pagination .swiper-pagination-bullet { display: none; width: 20px; height: 20px; border: 1px solid #fff; background: transparent; opacity: 1; margin: 15px 0; } #homeSwiper > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } #homeSwiper.swiperBlack > .swiper-pagination .swiper-pagination-bullet { border: 1px solid #000; } #homeSwiper.swiperBlack > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; } #homeSwiper.swiperBlack .homeswiper-next { color: #999; } .block1, .block2, .block3, .block4, .block5 { height: 100%; box-sizing: border-box; overflow: hidden; } .block2 { padding-top: 120px; background: url(/uiFramework/commonResource/image/2023092616595044853.jpg) center -20px no-repeat; background-size: cover; } .block2_1 { /*padding-top: 70px; background: url(/uiFramework/commonResource/image/2023092614260896605.png) center top no-repeat; background-size: contain;*/ } @media (max-width: 767px) { .block2 { padding: 30px 0; background-size: auto; } } .block3 { /*padding-top: 120px;*/ position: relative; /*background: url(/uiFramework/commonResource/image/2023092616440838516.jpg) no-repeat;*/ } @media (max-width: 767px) { .block3 { /*padding: 30px 0;*/ background: linear-gradient(rgba(23,28,44, .2), rgba(34,47,68,1)); } } .block4 { padding-top: 85px; background: url(/uiFramework/commonResource/image/2023092616475775213.jpg) no-repeat; background-size: cover; } .block4 .syContainer { width: 80%; } .homeTit p { font-size: 36px; text-align: center; color: #fff; margin: 70px 0 70px 0; width: 100%; text-align: Center; font-weight: 600; letter-spacing: 2px; } .fwList ul li { width: 47%; float: left; transition: all .5s; } .fwList ul li:nth-child(2n) { float: right; } .fwTit { font-size: 24px; color: #fff; margin-bottom: 40px; transition: all .5s; } .fwTit a { font-size: 18px; color: #fff; transition: all .5s; } .fwList ul li:hover .fwTit { transform: scale(1) translateX(2.5%); } .fwSum { font-size: 16px; color: #fff; opacity: 0.4; line-height: 30px; margin-bottom: 60px; } .fwList ul li: hover .fwSum { opacity: 1; } @media (max-width: 767px) { } .block5 { position: relative; padding-top: 110px; background: url(/uiFramework/commonResource/image/2023092616523974280.jpg) center bottom no-repeat; background-size: cover; overflow: inherit; } .block5 .syContainer { width: 70%; overflow: inherit; } .block5_01 { height: 78vh; } .block5_01 p { text-align: center; color: #fff; font-size: 36px; word-spacing: -47px; position: absolute; top: 50%; margin-top: -30px; height: 60px; left: 50%; width: 200px; margin-left: -100px; line-height: 60px; letter-spacing: 6px; } .zssp video { width: 100%; margin-top: 10px; height: auto; } .guanyuwidth { width: 80%; margin: auto; } .guanyutitle .guanyutitlecenter { height: 156px; width: 1100px; margin: auto; } .guanyutitle .guanyutitlecenter h1 { font-size: 26px; border-left: 2px solid #0155A4; padding-left: 25px; font-weight: 500; color: #333333; position: relative; top: 60px; } .guanyuVideo video { height: auto; width: 1100px; margin: 0 auto; /*position: relative;*/ position: absolute; left: 0; right: 0; bottom: 0px; z-index: 9000; } .guanyuVideoZi { text-indent: 2em; color: #FFFFFF; line-height: 28px; font-size: 18px; margin-top: 120px; opacity: 0.9; position: absolute; bottom: 0; right: 0; } .guanyuVideo .play { display: block; text-align: center; margin: 30px auto; } .guanyuVideo { background: url(/eportal/imageDir/sinotruk/2023/11/img_pc_site/2023113017475059727.jpg) no-repeat top center; background-size: contain; width: 100%; margin: auto; position: relative; } .videofloat { position: relative; padding-top: 20%; padding-bottom: 20%; } .videoPlayBox { display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.3); z-index: 8000; } .videoPlayBox p { text-indent: 2em; color: #FFFFFF; line-height: 28px; font-size: 18px; opacity: 0.9; position: absolute; top: 0; right: 20px; z-index: 909; } .videoPlayBox .Rel { position: relative; height: 100vh; } .videoPlayBox .Rel .closeBtn img { width: 50px; margin: 3vh 0; cursor: pointer; /*margin-left: 1100px;*/ } .videoPlayBox .video-js { position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; } .columnLink { display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; margin: 100px 0; position: absolute; left: 10%; bottom: 0; z-index: 9; width: 80%; } @media (max-width: 767px) { .columnLink { /*-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;*/ margin: 0; left: 4%; width: 90%; } } .columnLink .columnnum { font-size: 20px; color: #fff; opacity: 0.5; text-align: center; margin-bottom: 30px; } .columnLink .columnnum.colorFFF { opacity: 1; } .columnLink .columnnum span { font-size: 38px; display: block; } @media (max-width: 767px) { .columnLink .columnnum { font-size: 14px; } .columnLink .columnnum span { font-size: 24px; margin-bottom: 10px; } } .columnLink .columnInfo { font-size: 24px; color: #fff; margin-bottom: 50px; } @media (max-width: 767px) { .columnLink .columnInfo { font-size: 20px; margin-bottom: 20px; } } /*绗?灞?/ .ppcp_qh { width: 80%; margin: 0 auto; position: absolute; bottom: 140px; left: 10%; z-index: 99; } .ppcp_qh ul { display: flex; justify-content: center; } .ppcp_qh ul li { width: 15%; text-align: center; margin-right: 20px; } .ppcp_qh ul li h2 { font-size: 38px; color: #fff; opacity: 0.5; } .ppcp_qh ul li p { font-size: 20px; color: #fff; opacity: 0.5; padding-top: 23px; } .ppcp_qh ul li.tab_y h2 { font-size: 38px; color: #fff; opacity: 1; } .ppcp_qh ul li.tab_y p { font-size: 20px; color: #fff; opacity: 1; } .ppcpSwiper .swiper-pagination { display: none; } .ppcpSwiper .swiper-button-prev,.ppcpSwiper .swiper-button-next { color: #fff; border: 1px #fff solid; padding: 0 10px; } .ppcpSwiper .swiper-button-prev: after, .ppcpSwiper .swiper-container-rtl .swiper-button-next: after, .ppcpSwiper .swiper-button-next: after, .ppcpSwiper .swiper-container-rtl .swiper-button-prev: after { font-size: 24px; } .ppcpSwiper1 .swiper-button-prev,.ppcpSwiper1 .swiper-button-next { top: 50% !important; } .ppcpSwiper1 .swiper-button-prev { left: 4% !important; } .ppcpSwiper1 .swiper-button-next { right: 4% !important; } .ppcpSwiper2 .swiper-button-prev,.ppcpSwiper2 .swiper-button-next { top: 50% !important; } .ppcpSwiper2 .swiper-button-prev { left: 4% !important; } .ppcpSwiper2 .swiper-button-next { right: 4% !important; } .ppcpSwiper3 .swiper-button-prev,.ppcpSwiper3 .swiper-button-next { top: 50% !important; } .ppcpSwiper3 .swiper-button-prev { left: 4% !important; } .ppcpSwiper3 .swiper-button-next { right: 4% !important; } .ppcpSwiper4 .swiper-button-prev,.ppcpSwiper4 .swiper-button-next { top: 50% !important; } .ppcpSwiper4 .swiper-button-prev { left: 4% !important; } .ppcpSwiper4 .swiper-button-next { right: 4% !important; } .ppcpSwiper5 .swiper-button-prev,.ppcpSwiper5 .swiper-button-next { top: 50% !important; } .ppcpSwiper5 .swiper-button-prev { left: 4% !important; } .ppcpSwiper5 .swiper-button-next { right: 4% !important; } .ppcpSwiper6 .swiper-button-prev,.ppcpSwiper6 .swiper-button-next { top: 50% !important; } .ppcpSwiper6 .swiper-button-prev { left: 4% !important; } .ppcpSwiper6 .swiper-button-next { right: 4% !important; } /*===end===*/ @media (max-width: 767px) { .videoSwiper { height: 300px; } } @media (max-width: 767px) { .videoSwiper video { width: 100%; height: 100%; background: #000; } } .videoSwiper .swiper-pagination { bottom: 30%; } .videoSwiper .swiper-pagination .swiper-pagination-bullet { width: 70px; height: 4px; background: #fff; border-radius: 0; } .homeWhiteTit p { color: #fff; } /*鏂伴椈*/ .syContainer { width: 90%; margin: 0 auto; overflow: hidden; max-width: 1600px; } .newSwiper { padding: 50px 45px 40px !important; } .newSwiper .swiper-slide: nth-child(odd) .newSlidea { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .swiper-button-prev, .swiper-button-next { } .newSwiper .swiper-button-prev { color: #fff; top:83%; left: 46%; background: #222f44; padding: 0 10px; } @media (max-width: 767px) { .newSwiper .swiper-button-prev { display: none; } } .newSwiper .swiper-button-next { color: #fff; top: 83%; right: 46%; background: #222f44; padding: 0 10px; } @media (max-width: 767px) { .newSwiper .swiper-button-next { display: none; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { /*color: #fff !important;*/ } .newSwiper .swiper-button-prev: after, .newSwiper .swiper-container-rtl .swiper-button-next: after, .newSwiper .swiper-button-next: after, .newSwiper .swiper-container-rtl .swiper-button-prev: after { font-size: 24px; } .newSwiper .swiper-pagination { display: none; } @media (max-width: 767px) { .newSwiper .swiper-pagination { display: block; bottom: 0; } } /*鏂伴椈璧勮妯″潡css*/ .newsInfo { padding: 20px; margin-bottom: 40px; overflow: hidden; height: 360px; transition: all .5s; box-shadow:0 0 10px 0 #333; } @media (max-width: 767px) { .newsInfo { padding: 15px; margin-bottom: 0; height: auto; } } .newsInfo .newsTit { margin: 20px 0; color: #fff; font-size: 24px; /*white-space: nowrap;*/ width: 85%; height:56px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:-webkit-box; } .newsInfo .newsTit a { color: #fff; font-size: 22px; font-weight: 600; } .newsInfo .newsSum { color: #ebebec; line-height: 32px; font-size: 14px; height: 170px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 20px; } .newsInfo_p { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .newsInfo .newsImg { overflow: hidden; } .newsInfo .newsImg img { width: 100%; height: 100%; transition: 0.4s; } .newsInfo .newsXq a { color: #d53024; font-size: 14px; } .newsInfo: hover .newsTit a { /*color: #d53024;*/ } .newsInfo: hover .newsImg img { transform: scale(1.1); } .newsInfo_p .datemd { font-size: 16px; color: #fff; } .newsInfo_p .dateyy { font-size: 18px; color: #999; } .icon-ybjt { opacity: 0; position: absolute; bottom: 10px; right: -10px; background: #7ad015; padding: 4px 30px; color: #fff; font-size: 22px; -webkit-transition: all 0.5s; transition: all 0.5s; } .busSwiper { padding: 0 70px 200px 70px; } .busSwiper .swiper-slide { background-size: cover !important; } @media (max-width: 767px) { .busSwiper { padding: 20px 0; height: 300px; } } .busSwiper .swiper-button-prev { color: #999; left: 4%; } .busSwiper .swiper-button-prev, .busSwiper .swiper-button-next { top: 50% !important; color: #fff !important; opacity: 1 !important; border: 1px #fff solid; padding: 5px 10px; } @media (max-width: 767px) { .busSwiper .swiper-button-prev { display: none; } } .busSwiper .swiper-button-next { color: #999; right: 4%; } @media (max-width: 767px) { .busSwiper .swiper-button-next { display: none; } } .busSwiper .swiper-button-prev: after, .busSwiper .swiper-container-rtl .swiper-button-next: after, .busSwiper .swiper-button-next: after, .busSwiper .swiper-container-rtl .swiper-button-prev: after { font-size: 28px; } .busSwiper .swiper-pagination { display: none; } @media (max-width: 767px) { .busSwiper .swiper-pagination { /*display: block;*/ bottom: 0; color: #fff; } } .busSwiper .swiper-pagination .swiper-pagination-bullet { background: #fff; } .bussinessCont { width: 100%; margin: 0 auto; } .bussinessCont img { width: 100%; height: 100%; } .bussinessCont .bussinessLeft { width: 60%; position: absolute; top: 40px; left: 10%; } @media (max-width: 767px) { .bussinessCont { width: 100%; height: 380px; } .bussinessCont .bussinessLeft { width: auto; left: 3%; right: 3%; } } .bussinessCont .bussinessLeft p { color: #fff; } .bussinessCont .bussinessLeft .busNum { font-size: 48px; } .bussinessCont .bussinessLeft .busTit { font-size: 32px; margin-top: 130px; } .bussinessCont .bussinessLeft .busSum { font-size: 16px; line-height: 1.6; margin: 40px 0 60px; } .bussinessCont .bussinessLeft a { font-size: 18px; color: #fff; line-height: 1.6; } @media (max-width: 767px) { .bussinessCont .bussinessLeft .busNum { font-size: 24px; } .bussinessCont .bussinessLeft .busTit { font-size: 20px; margin-top: 20px; } .bussinessCont .bussinessLeft .busSum { margin: 20px 0 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .bussinessCont .bussinessLeft a { font-size: 16px; } } /*绗?灞?/ .block6 { padding-top: 120px;background:url(/uiFramework/commonResource/image/2023092616595044853.jpg) center -20px no-repeat #161B2A;background-size:cover; } .block6 .syContainer { width: 80%; } .homeFooter { position: absolute; bottom: 0; width: 100%; border-top: 1px #1F2432 solid; padding: 25px 0; } @media (max-width: 767px) { .homeFooter { position: unset; } #block6 { display: none; } } .homeFooter .homeFooter_top { display: -webkit-box; display: -webkit-flex; display: flex; /*-webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;*/ -webkit-justify-content: space-around; justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 767px) { .homeFooter .homeFooter_top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } } .homeFooter_top p { display: inline-block; color: #4F525C; margin-left: 20px; font-size: 14px; } @media (max-width: 767px) { .homeFooter_top p { line-height: 1.6; margin: 10px 0; } } .homeFooter_bot { color: #4F525C; text-align: center; } .homeFooter_bot img { margin: 0 10px; } .foot_ewm { display: none; width: 60px; max-width: initial; } .homeFooter .footerImglink a { margin: 0 10px; position: relative; } .footerImglink ul li { text-align: center; margin-right: 2rem; cursor: pointer; position: relative; float: left; } .footerImglink ul li: hover .foot_ewm { display: block; bottom: 35px; left: 50%; transform: translateX(-50%); position: absolute; } @media (max-width: 767px) { .homeFooter .footerImglink { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; flex-direction: row !important; } } .slidey { -webkit-animation-name: slidey; animation-name: slidey; -webkit-animation-duration: 3s !important; animation-duration: 3s !important; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1.5s !important; animation-delay: 1.5s !important; } @-webkit-keyframes slidey { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-40px); transform: translateY(-40px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slidey { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-40px); transform: translateY(-40px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slidey1 { -webkit-animation-name: slidey1; animation-name: slidey1; -webkit-animation-duration: 3s !important; animation-duration: 3s !important; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1.5s !important; animation-delay: 1.5s !important; } @-webkit-keyframes slidey1 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slidey1 { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /*# sourceMappingURL=home.css.map*/ @media (max-width: 1550px) { .headerNav { height: 100px; } #homeSwiper .homeswiper-next { bottom: 2%; } .top_logo { padding-top: 4%; display: none; } .zqjtContainer { width: 80%; } .navUl li { margin: 0 15px; } .block2 { padding-top: 100px; } .block2_1 { /*padding-top: 50px;*/ } .newSwiper { padding: 50px 25px 40px !important; } .newSlidea .newsInfo { transition: all .5s; height: 378px; } .newSlidea .newsInfo .newsImg { overflow: hidden; } .newSlidea .newsInfo .newsTit { font-size: 20px; } .block4 { padding-top: 60px; } .homeTit p { margin: 40px 0 50px 0; transition: all .5s; } .homeTit p: hover { transform: scale(1.2); } .fwSum { margin-bottom: 50px; } .block5 { padding-top: 85px; } .block5_01 { height: 600px; } .ppcp_qh { bottom: 60px; } .videofloat { padding-top: 19%; padding-bottom: 19%; } .guanyuVideo .play { width: 80px; } .block6 { padding-top: 100px; } } .sp_tit { font-size: 32px; color: #ffffff; text-align: center; font-weight: 600; padding-bottom: 30px; letter-spacing: 2px; transition: all .5s; } @media (max-width: 1440px) { .headerNav { height: 90px; } .leftLogo a img { width: 168px; } .navUl li { margin: 0 10px; } .zqBtn img,.chEnBtn img { width: 24px; } .searchDiv { width: 24px; height: 24px; background-size: cover; } .block2 { padding-top: 80px; } .block2 { padding-top: 20px; } .homeTit p { font-size: 32px; } .fwTit { font-size: 20px; margin-bottom: 25px; } .fwTit a { font-size: 18px; } .fwSum { margin-bottom: 30px; font-size: 14px; line-height: 26px; } .block5 { padding-top: 75px; } .block5_01 { height: 60vh; padding-top: 40px; } .content_title a { font-size: 16px; } .content_p { padding: 0 10px !important; } .content_p a { font-size: 12px; line-height: 20px; } .block2_1 { padding-top: 70px; } .newSlidea .newsInfo { height: 350px; transition: all .5s; } .newSlidea .newsInfo .newsTit { font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newSwiper .swiper-button-prev { left: 45%;top:85%; } .newSwiper .swiper-button-next { right: 45%;top:85%; } .newSlidea .newsInfo .newsSum { margin-bottom: 15px; font-size: 14px; } .videofloat { padding-top: 12%; padding-bottom: 17%; } .guanyuVideo .play { width: 60px; } .block6 { padding-top: 90px; } } @media (max-width: 767px) { .swiper-container { overflow: inherit !important; } .newSwiper { padding: 20px 20px 40px 20px !important; } .block2_1 { padding-top: 0px; } .block2_1 .syContainer { width: 100%; } .newSlidea .newsInfo { padding: 0 3%; width: 96%; transition: all .5s; } .newSlidea .newsInfo .newsTit { width: 100%; font-size: 20px; } .newSlidea .newsInfo .newsImg { overflow: hidden; } .newSlidea .newsInfo .newsImg img { width: 100%; object-fit: cover; } .newSwiper > .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 0.4; } .newSwiper > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1; } .block4 .syContainer,.block5 .syContainer { width: 90%; } .ppcpSwiper .swiper-pagination { display: block; bottom: 88px !important; } .ppcpSwiper .swiper-button-prev,.ppcpSwiper .swiper-button-next { display: none; } .ppcpSwiper .swiper-pagination-bullet { background: #fff; } .ppcp_qh { bottom: 10px; } .ppcp_qh ul li { width: auto; } .ppcp_qh ul li h2 { font-size: 22px; } .ppcp_qh ul li p { font-size: 14px; padding-top: 0px; } .ppcp_qh ul li.tab_y h2 { font-size: 22px; } .ppcp_qh ul li.tab_y p { font-size: 14px; } .block5 { padding-top: 30px; } .block5_01 { height: 35vh;padding-top:20px; } .videofloat { padding-top: 12%; padding-bottom: 12%; } /* .guanyuVideo .play { width: 50px; }*/ .guanyuVideo { width: 100%; height: auto; } .guanyuVideo .play { width: 20%; } .guanyuVideoZi { position: static; margin-top: 30px; } .guanyuVideo video { top: 40%; width: 100%; } .videoPlayBox p { top: 45px; } .block6 { padding-top: 30px; } } .block6 { padding-top: 2%; } /*鍔ㄧ敾浜や簰鏁堟灉*/ @keyframes fadeIn1 { from { transform: translateX(-500px); } to { transform: translateX(0); } } @keyframes fadeIn2 { from { transform: translateX(500px); } to { transform: translateX(0); } } .an1 { animation: fadeIn1 0.7s linear forwards; } .an2 { animation: fadeIn1 1s linear forwards; } .an3 { animation: fadeIn1 1.3s linear forwards; } .an4 { animation: fadeIn2 0.7s linear forwards; } .an5 { animation: fadeIn2 1s linear forwards; } .an6 { animation: fadeIn2 1.3s linear forwards; } .newsInfo:hover { transform: translateY(-30px); } @keyframes scales { from { transform: scale(0); } to { transform: scale(1); } } .scale { animation: scales .6s linear forwards; } @keyframes jumping { 0% { transform: translateY(200px); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } .jumping-text { animation: jumping 3s linear forwards; } .sp_tit: hover { transform: scale(1.2); } @media (max-width: 767px) { .newsInfo:hover { transform:none; } .banner .swiper .swiper-pagination{ top:90%;} .block4 { padding: 30px 0; } .fwList ul li { width: 100%; } .homeTit p { font-size:26px;margin:20px 0 30px 0; } } @media (min-width: 1660px) { .videoPlayBox .video-js{ top:-10%; } .block2{ padding-top:180px;} .block6{ padding-top:8%;} .newsInfo{height: 460px;} .newSwiper .swiper-button-next {top: 88%;} .newSwiper .swiper-button-prev {top: 88%;} } /* 閿€鍞笌鏈嶅姟鏂扮増鏍峰紡 */ .sales-service { width: 100%; display: flex; flex-wrap: wrap; margin-top: 3%; } .sales-serviceList { width: 33.3%; overflow: hidden; position: relative; } .sales-serviceList .sales-serviceTo img { width: 100%; height: 100%; display: block; } .sales-serviceTo { display: block; position: relative; overflow: hidden; } .sales-service-oneBox { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); overflow: hidden; } .sales-service-oneBox span { position: absolute; left: 2em; bottom: 10%; font-size: 22px; color: #fff; opacity: 1; transition: all .5s; } .sales-service-oneBox span a { font-size: 22px; color: #fff; } .sales-service-twoBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; background-color: rgba(224, 32, 32, 0.4); z-index: 2; transition: all .5s; } .sales-service-twoBox span { color: #fff; font-size: 22px; } .sales-service-twoBox:hover { opacity: 1; } .sales-serviceList:hover .sales-service-oneBox span { display:none; } /* 1280-1440 */ @media only screen and (min-width: 1280px)and (max-width: 1440px) { .sales-service-oneBox span a{ font-size: 20px; } .sales-service-twoBox span { font-size: 20px; } } /* 1024-1280 */ @media only screen and (min-width: 1024px)and (max-width: 1280px) { .sales-service-oneBox span a { font-size: 19px; } .sales-service-twoBox span { font-size: 19px; } } /* pad 768-1024 */ @media only screen and (min-width: 768px)and (max-width: 1024px) { .sales-service-oneBox span a { font-size: 18px; } .sales-service-twoBox span { font-size: 18px; } } /* 灞忓箷灏忎簬 767px 鏃剁殑鏍峰紡 */ @media only screen and (max-width: 768px) { .sales-service { display: flex;justify-content:space-between; } .sales-serviceList { width: 48%; } .sales-service-oneBox span a { font-size: 16px; } .sales-service-twoBox span { font-size: 16px; } .newsInfo .newsTit{ width:100%;} .newsInfo .newsTit a { font-size:18px;} }