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