You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1010 lines
24 KiB
1010 lines
24 KiB
.indexBanner{
|
|
overflow: hidden;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .img {
|
|
width: 100%;
|
|
height: 100vh;
|
|
font-size: 0;
|
|
overflow: hidden;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
transform: scale(1);
|
|
transition: all 4s;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .img video {
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 38.2%;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 .tit p {
|
|
font-size: 58px;
|
|
font-weight: bold;
|
|
line-height: 84px;
|
|
color: #fff;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 .tips {
|
|
color: #fff;
|
|
font-size: 24px;
|
|
line-height: 34px;
|
|
color: #fff;
|
|
letter-spacing: 19px;
|
|
margin-top: 15px;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img img {
|
|
transform: scale(1.1);
|
|
}
|
|
.indexBanner .swiper .menu {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 71%;
|
|
z-index: 5;
|
|
}
|
|
.indexBanner .swiper .menu .swiper-pagination {
|
|
font-size: 0;
|
|
text-align: left;
|
|
position: initial;
|
|
}
|
|
.indexBanner .swiper .menu .swiper-pagination span {
|
|
opacity: 0.5;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: none;
|
|
position: relative;
|
|
margin: 0 14px 0 0;
|
|
border-radius: 50%;
|
|
background: none;
|
|
}
|
|
.indexBanner .swiper .menu .swiper-pagination span::after {
|
|
display: block;
|
|
content: "";
|
|
background: #fff;
|
|
width: 6px;
|
|
height: 6px;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 50%;
|
|
}
|
|
.indexBanner .swiper .menu .swiper-pagination span.swiper-pagination-bullet-active {
|
|
background: url(../images/indexBannerIco.png) no-repeat right center;
|
|
opacity: 1;
|
|
}
|
|
.indexBanner .swiper .menu .bottom {
|
|
margin-top: 194px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .left {
|
|
display: flex;
|
|
font-size: 14px;
|
|
letter-spacing: 1px;
|
|
color: #fff;
|
|
align-items: center;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .left .mouse {
|
|
width: 14px;
|
|
height: 21px;
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
border-radius: 7px;
|
|
margin-right: 10px;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .left .mouse span {
|
|
display: block;
|
|
width: 4px;
|
|
height: 6px;
|
|
background-color: #ffffff;
|
|
border-radius: 2px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
top: 4px;
|
|
-webkit-animation: mouse 1.4s linear infinite;
|
|
animation: mouse 1.4s linear infinite;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .right {
|
|
position: relative;
|
|
display: flex;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .right div {
|
|
position: initial;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
border: 1px solid #fff;
|
|
margin: 0;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .right div.swiper-button-disabled {
|
|
opacity: 0.5;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .right div::after {
|
|
display: none;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .right div:first-child {
|
|
background: url(../images/left.png) no-repeat center;
|
|
margin-right: 30px;
|
|
}
|
|
.indexBanner .swiper .menu .bottom .right div:last-child {
|
|
background: url(../images/right.png) no-repeat center;
|
|
}
|
|
|
|
.indexBlock {
|
|
padding: 100px 0;
|
|
}
|
|
.indexBlock .content {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.indexBlock .content .left {
|
|
width: 45.2352231604%;
|
|
}
|
|
.indexBlock .content .left .title {
|
|
text-align: left;
|
|
padding: 0;
|
|
}
|
|
.indexBlock .content .left .cont {
|
|
font-size: 16px;
|
|
line-height: 2.25;
|
|
color: #666;
|
|
margin-top: 36px;
|
|
text-align: justify;
|
|
}
|
|
.indexBlock .content .left ul {
|
|
display: flex;
|
|
margin-top: 40px;
|
|
}
|
|
.indexBlock .content .left ul li {
|
|
position: relative;
|
|
padding-right: 6.6666666667%;
|
|
padding-left: 6.6666666667%;
|
|
}
|
|
.indexBlock .content .left ul li:first-child {
|
|
padding-left: 0;
|
|
}
|
|
.indexBlock .content .left ul li:last-child {
|
|
padding-right: 0;
|
|
}
|
|
.indexBlock .content .left ul li:last-child::after {
|
|
display: none;
|
|
}
|
|
.indexBlock .content .left ul li p {
|
|
font-size: 16px;
|
|
color: #666;
|
|
line-height: 2.25;
|
|
}
|
|
.indexBlock .content .left ul li div {
|
|
font-size: 18px;
|
|
color: #1a1a1a;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
margin-top: 14px;
|
|
}
|
|
.indexBlock .content .left ul li div span {
|
|
color: #1a1a1a;
|
|
font-weight: bold;
|
|
font-size: 58px;
|
|
font-family: Montserrat;
|
|
line-height: 46px;
|
|
margin-right: 8px;
|
|
}
|
|
.indexBlock .content .left ul li::after {
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 1px;
|
|
height: 44px;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
}
|
|
.indexBlock .content .left .moreBtn {
|
|
margin-top: 74px;
|
|
}
|
|
.indexBlock .content .right {
|
|
width: 48.2509047045%;
|
|
font-size: 0;
|
|
}
|
|
.indexBlock .content .right img {
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.indexBlock .content .right .moreBtn{
|
|
display: none;
|
|
}
|
|
.indexBlock2 {
|
|
background: #fafafa;
|
|
padding-bottom: 60px;
|
|
}
|
|
.indexBlock2 .title {
|
|
padding-bottom: 22px;
|
|
}
|
|
.indexBlock2 .w1400 {
|
|
position: relative;
|
|
}
|
|
.indexBlock2 .w1400 .swiper {
|
|
padding: 40px 46px;
|
|
margin: 0 -46px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide {
|
|
background: #fff;
|
|
box-shadow: 0px 0px 50px 0px rgba(37, 37, 37, 0);
|
|
transition: box-shadow 0.3s;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list {
|
|
margin-top: 0;
|
|
transition: margin 0.3s;
|
|
overflow: hidden;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img {
|
|
font-size: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img .bg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img::after {
|
|
display: block;
|
|
content: "";
|
|
width: 93.1034482759%;
|
|
height: 90.4761904762%;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
position: absolute;
|
|
background: url(../images/indexBlock2Ico2.png) no-repeat center/cover;
|
|
z-index: 1;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img > img {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
z-index: -1;
|
|
transform: scale(1);
|
|
transition: all 0.3s;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img .logo {
|
|
width: 173px;
|
|
height: 173px;
|
|
background: url(../images/indexBlock2Ico.png) no-repeat center/cover;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 42px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 2;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text {
|
|
padding: 36px 40px 39px;
|
|
background: #fff;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text .tit {
|
|
font-size: 26px;
|
|
line-height: 1.2307692308;
|
|
color: #1a1a1a;
|
|
display: block;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text p {
|
|
font-size: 16px;
|
|
line-height: 1.875;
|
|
color: #666;
|
|
height: 90px;
|
|
margin-top: 18px;
|
|
margin-bottom: 27px;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
overflow: hidden;
|
|
text-align: justify;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text .btn {
|
|
font-size: 16px;
|
|
line-height: 2.25;
|
|
color: #1a1a1a;
|
|
transition: color 0.3s;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text .btn img {
|
|
margin-left: 10px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text .btn img:last-child {
|
|
display: none;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover {
|
|
box-shadow: 0px 0px 50px 0px rgba(37, 37, 37, 0.2);
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .list {
|
|
margin-top: -20px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .list .img > img {
|
|
transform: scale(1.1);
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .list .text .btn {
|
|
color: #df0b0a;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next, .indexBlock2 .w1400 .swiper-button-prev {
|
|
width: 56px;
|
|
height: 56px;
|
|
border: 1px solid #30435f;
|
|
opacity: 1;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
display: fixed;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next::after, .indexBlock2 .w1400 .swiper-button-prev::after {
|
|
display: none;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next {
|
|
right: -8.2857142857%;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-prev {
|
|
left: -8.2857142857%;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-disabled {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.indexBlock2Swiper .swiper-pagination{
|
|
display: none;
|
|
}
|
|
|
|
.indexBlock3 {
|
|
background: url(../images/indexBlock3Bg.jpg) no-repeat center/cover;
|
|
background-attachment: fixed;
|
|
padding-bottom: 100px;
|
|
}
|
|
.indexBlock3 .title p, .indexBlock3 .title .tips {
|
|
color: #fff;
|
|
}
|
|
.indexBlock3 .w1400 {
|
|
margin-top: 85px;
|
|
}
|
|
.indexBlock3 .w1400 ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.indexBlock3 .w1400 ul li {
|
|
width: 20%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 87px;
|
|
border-left: 1px solid rgba(255, 255, 255, 0.2);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
.indexBlock3 .w1400 ul li img {
|
|
max-width: 75%;
|
|
max-height: 75%;
|
|
}
|
|
.indexBlock3 .w1400 ul li:nth-child(5n+1) {
|
|
border-left: 0;
|
|
}
|
|
.indexBlock3 .w1400 ul li:nth-last-child(1), .indexBlock3 .w1400 ul li:nth-last-child(2), .indexBlock3 .w1400 ul li:nth-last-child(3), .indexBlock3 .w1400 ul li:nth-last-child(4), .indexBlock3 .w1400 ul li:nth-last-child(5) {
|
|
border-bottom: 0;
|
|
}
|
|
.indexBlock3 .moreBtn {
|
|
margin: 0 auto;
|
|
margin-top: 62px;
|
|
color: #fff;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.indexBlock4 {
|
|
background: #fafafa;
|
|
padding-bottom: 70px;
|
|
}
|
|
.indexBlock4 .w1400 {
|
|
margin-top: 65px;
|
|
position: relative;
|
|
}
|
|
.indexBlock4 .w1400::after {
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
top: 60px;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #d9d9d9;
|
|
}
|
|
.indexBlock4 .w1400 .swiper {
|
|
padding: 0 32px;
|
|
padding-bottom: 30px;
|
|
margin: 0 -32px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .time {
|
|
font-size: 20px;
|
|
text-align: center;
|
|
color: #1a1a1a;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .ico {
|
|
width: 52px;
|
|
height: 52px;
|
|
font-size: 0;
|
|
position: relative;
|
|
border: 1px solid #ccc;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 auto;
|
|
margin-top: 12px;
|
|
transition: border 0.3s;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .ico::after {
|
|
display: block;
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 38px;
|
|
height: 38px;
|
|
background: #30435f;
|
|
border-radius: 50%;
|
|
z-index: -1;
|
|
transition: background 0.3s;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .ico img:nth-child(2) {
|
|
display: none;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .img {
|
|
cursor: pointer;
|
|
margin-top: 34px;
|
|
font-size: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .img > img {
|
|
transform: scale(1);
|
|
transition: all 0.3s;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .img .play {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 43px;
|
|
height: 43px;
|
|
border: solid 2px #ffffff;
|
|
border-radius: 50%;
|
|
display: none;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: none;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text {
|
|
background: #fff;
|
|
padding: 36px 30px 34px;
|
|
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0);
|
|
transition: box-shadow 0.3s;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text .tit {
|
|
font-size: 24px;
|
|
line-height: 1.3333333333;
|
|
color: #1a1a1a;
|
|
display: block;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text .tips {
|
|
font-size: 16px;
|
|
line-height: 30px;
|
|
color: #666;
|
|
height: 90px;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
overflow: hidden;
|
|
text-align: justify;
|
|
margin-top: 10px;
|
|
margin-bottom: 13px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text .btn {
|
|
font-size: 16px;
|
|
line-height: 2.25;
|
|
color: #1a1a1a;
|
|
transition: color 0.3s;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text .btn img {
|
|
margin-left: 10px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text .btn img:last-child {
|
|
display: none;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .ico {
|
|
border-color: rgba(223, 11, 10, 0.2);
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .ico:after {
|
|
background: #df0b0a;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .img > img {
|
|
transform: scale(1.1);
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .text {
|
|
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .text .btn {
|
|
color: #df0b0a;
|
|
}
|
|
.indexBlock4 .w1400 .swiper-button-next, .indexBlock4 .w1400 .swiper-button-prev {
|
|
width: 56px;
|
|
height: 56px;
|
|
border: 1px solid #30435f;
|
|
opacity: 1;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
margin: 0;
|
|
top: 55.2%;
|
|
}
|
|
.indexBlock4 .w1400 .swiper-button-next::after, .indexBlock4 .w1400 .swiper-button-prev::after {
|
|
display: none;
|
|
}
|
|
.indexBlock4 .w1400 .swiper-button-next {
|
|
right: -8.2857142857%;
|
|
}
|
|
.indexBlock4 .w1400 .swiper-button-prev {
|
|
left: -8.2857142857%;
|
|
}
|
|
.indexBlock4 .w1400 .swiper-button-disabled {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.videoWindow {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
display: none;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
z-index: 5;
|
|
}
|
|
.videoWindow .content {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 60%;
|
|
border-radius: 15px;
|
|
overflow: hidden;
|
|
}
|
|
.videoWindow .content video {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #000000;
|
|
}
|
|
.videoWindow .content .close {
|
|
cursor: pointer;
|
|
font-size: 0;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.indexBlock5 {
|
|
background: url(../images/indexBlock5Bg.jpg) no-repeat center/cover;
|
|
height: 700px;
|
|
}
|
|
.indexBlock5 .w1400 .content {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
margin-top: 93px;
|
|
align-items: flex-end;
|
|
}
|
|
.indexBlock5 .w1400 .content .list .img {
|
|
text-align: center;
|
|
font-size: 0;
|
|
width: 53px;
|
|
height: 52px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.indexBlock5 .w1400 .content .list p {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #1a1a1a;
|
|
margin-top: 21px;
|
|
}
|
|
.indexBlock5 .w1400 .content .list .num {
|
|
text-align: center;
|
|
width: 32px;
|
|
border: 2px solid #ccc;
|
|
line-height: 28px;
|
|
font-size: 18px;
|
|
color: #999;
|
|
font-weight: bold;
|
|
border-radius: 50%;
|
|
margin: 0 auto;
|
|
margin-top: 48px;
|
|
}
|
|
.indexBlock5 .w1400 .content .line {
|
|
width: 11.6428571429%;
|
|
height: 1px;
|
|
background: #ccc;
|
|
margin: 0 6px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.indexBlock5 .w1400 .content .line:last-child {
|
|
display: none;
|
|
}
|
|
.indexBlock5 .w1400 .moreBtn {
|
|
padding: 0 25px;
|
|
margin: 0 auto;
|
|
margin-top: 89px;
|
|
}
|
|
.indexBlock5 .w1400 .moreBtn img {
|
|
margin-left: 0;
|
|
}
|
|
|
|
@media (max-width: 1660px) {
|
|
.indexBlock .content .left ul li {
|
|
padding: 0 4%;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next, .indexBlock2 .w1400 .swiper-button-prev, .indexBlock4 .w1400 .swiper-button-next, .indexBlock4 .w1400 .swiper-button-prev {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next, .indexBlock4 .w1400 .swiper-button-next {
|
|
right: -55px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-prev, .indexBlock4 .w1400 .swiper-button-prev {
|
|
left: -55px;
|
|
}
|
|
}
|
|
@media (max-width: 1440px) {
|
|
.indexBlock .content .left {
|
|
width: 49.5%;
|
|
}
|
|
.indexBlock .content .left ul li p {
|
|
font-size: 14px;
|
|
}
|
|
.indexBlock .content .left ul li div span {
|
|
font-size: 36px;
|
|
line-height: 32px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img .logo,
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img .logo {
|
|
width: 140px;
|
|
height: 140px;
|
|
padding: 35px;
|
|
}
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.indexBlock2 .w1400 .swiper-button-next, .indexBlock2 .w1400 .swiper-button-prev, .indexBlock4 .w1400 .swiper-button-next, .indexBlock4 .w1400 .swiper-button-prev {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (max-width: 996px) {
|
|
.indexBanner {
|
|
height: 600px;
|
|
}
|
|
.indexBanner .swiper {
|
|
height: 100%;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .img {
|
|
height: 100%;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 {
|
|
top: 32%;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 .tit p {
|
|
font-size: 32px;
|
|
line-height: 1.3;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 .tips {
|
|
letter-spacing: 1px;
|
|
}
|
|
.indexBanner .swiper .menu .bottom {
|
|
margin-top: 60px;
|
|
}
|
|
.indexBlock .content {
|
|
width: 90%;
|
|
margin: 0 auto !important;
|
|
flex-direction: column;
|
|
}
|
|
.indexBlock .content .left {
|
|
width: 100%;
|
|
margin-bottom: 50px;
|
|
}
|
|
.indexBlock .content .left ul {
|
|
justify-content: center;
|
|
}
|
|
.indexBlock .content .left ul li {
|
|
padding: 0 6%;
|
|
}
|
|
.indexBlock .content .left .moreBtn {
|
|
display: none;
|
|
}
|
|
.indexBlock .content .right {
|
|
width: 100%;
|
|
}
|
|
.indexBlock .content .right .moreBtn{
|
|
margin: 0 auto;
|
|
margin-top: 50px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.indexBlock .content .right .moreBtn img{
|
|
width: auto;
|
|
}
|
|
.indexBlock2 .w1400 .swiper {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover {
|
|
box-shadow: none;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .list {
|
|
margin: 0;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .list .img img {
|
|
transform: scale(1);
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .list .text .btn {
|
|
color: #1a1a1a;
|
|
}
|
|
.indexBlock4 .w1400 .swiper {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .img .play {
|
|
display: flex !important;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .ico::after {
|
|
background: #30435f;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .img > img {
|
|
transform: scale(1);
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .text {
|
|
box-shadow: none;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide:hover .text .btn {
|
|
color: #1a1a1a;
|
|
}
|
|
.indexBlock5 {
|
|
height: auto;
|
|
padding-bottom: 100px;
|
|
}
|
|
.indexBlock5 .w1400 .content {
|
|
flex-wrap: wrap;
|
|
margin-top: 60px;
|
|
}
|
|
.indexBlock5 .w1400 .content .line {
|
|
display: none;
|
|
}
|
|
.indexBlock5 .w1400 .content .list {
|
|
width: 30%;
|
|
margin-top: 30px;
|
|
}
|
|
.indexBlock5 .w1400 .content .list p {
|
|
font-size: 14px;
|
|
}
|
|
.indexBlock5 .w1400 .content .list .img {
|
|
width: 45px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next,
|
|
.indexBlock2 .w1400 .swiper-button-prev{
|
|
display: flex;
|
|
right: 20px;
|
|
bottom: 30px;
|
|
margin: 0;
|
|
top: auto;
|
|
opacity: 1;
|
|
background-color: rgba(223, 11, 10,1);
|
|
border: 1px solid rgba(223, 11, 10,1);
|
|
}
|
|
.indexBlock4 .w1400 .swiper-button-next,
|
|
.indexBlock4 .w1400 .swiper-button-prev{
|
|
display: flex;
|
|
right: 35%;
|
|
bottom: -60px;
|
|
margin: 0;
|
|
top: auto;
|
|
opacity: 1;
|
|
background-color: rgba(223, 11, 10,1);
|
|
border: 1px solid rgba(223, 11, 10,1);
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next img,
|
|
.indexBlock2 .w1400 .swiper-button-prev img,
|
|
.indexBlock4 .w1400 .swiper-button-next img,
|
|
.indexBlock4 .w1400 .swiper-button-prev img{
|
|
filter: contrast(1) brightness(10);
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next.swiper-button-disabled,
|
|
.indexBlock2 .w1400 .swiper-button-prev.swiper-button-disabled,
|
|
.indexBlock4 .w1400 .swiper-button-next.swiper-button-disabled,
|
|
.indexBlock4 .w1400 .swiper-button-prev.swiper-button-disabled{
|
|
background: none;
|
|
border: 1px solid #30435f;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-next.swiper-button-disabled img,
|
|
.indexBlock2 .w1400 .swiper-button-prev.swiper-button-disabled img,
|
|
.indexBlock4 .w1400 .swiper-button-next.swiper-button-disabled img,
|
|
.indexBlock4 .w1400 .swiper-button-prev.swiper-button-disabled img{
|
|
filter: none;
|
|
}
|
|
.indexBlock2 .w1400 .swiper-button-prev{
|
|
left: auto;
|
|
right: 80px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper-button-prev{
|
|
left: 35%;
|
|
}
|
|
.indexBlock4{
|
|
padding-bottom: 80px;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.indexBlock2Swiper .swiper-pagination{
|
|
display: none;
|
|
bottom: 20px;
|
|
font-size: 14px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text{
|
|
padding: 24px;
|
|
padding-bottom: 40px;
|
|
}
|
|
}
|
|
@media (max-width: 750px) {
|
|
.indexBanner {
|
|
height: 400px;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 .tit p {
|
|
font-size: 22px;
|
|
}
|
|
.indexBanner .swiper .swiper-wrapper .swiper-slide .w1400 .tips {
|
|
font-size: 16px;
|
|
}
|
|
.indexBanner .swiper .menu {
|
|
top: 72%;
|
|
}
|
|
.indexBanner .swiper .menu .bottom {
|
|
margin-top: 30px;
|
|
}
|
|
.indexBlock {
|
|
padding: 50px 0;
|
|
}
|
|
.indexBlock .content .left {
|
|
margin-bottom: 40px;
|
|
}
|
|
.indexBlock .content .left .title .tips {
|
|
padding: 0;
|
|
}
|
|
.indexBlock .content .left .cont {
|
|
margin-top: 20px;
|
|
line-height: 2;
|
|
}
|
|
.indexBlock .content .left ul {
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
margin-top: 0;
|
|
}
|
|
.indexBlock .content .left ul li {
|
|
padding: 0;
|
|
margin-top: 20px;
|
|
}
|
|
.indexBlock .content .left ul li::after {
|
|
display: none;
|
|
}
|
|
.indexBlock .content .left ul li div span {
|
|
font-size: 24px;
|
|
line-height: 24px;
|
|
}
|
|
.indexBlock .content .left .moreBtn {
|
|
margin-top: 30px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img .logo {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .img::after {
|
|
display: none;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text .tit {
|
|
font-size: 18px;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text p {
|
|
font-size: 14px;
|
|
line-height: 2;
|
|
height: 84px;
|
|
margin: 10px 0;
|
|
}
|
|
.indexBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .list .text .btn {
|
|
font-size: 14px;
|
|
}
|
|
.indexBlock3 {
|
|
padding-bottom: 50px;
|
|
}
|
|
.indexBlock3 .w1400 {
|
|
margin-top: 30px;
|
|
}
|
|
.indexBlock3 .w1400 ul {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.2);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
.indexBlock3 .w1400 ul li {
|
|
width: 33.3333333333%;
|
|
border: 0;
|
|
border-right: 1px solid rgba(255, 255, 255, 0.2);
|
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
.indexBlock3 .moreBtn {
|
|
margin-top: 30px;
|
|
}
|
|
.indexBlock4 .w1400 {
|
|
margin-top: 30px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .time {
|
|
font-size: 16px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text {
|
|
padding: 24px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text .tit {
|
|
font-size: 18px;
|
|
}
|
|
.indexBlock4 .w1400 .swiper .swiper-wrapper .swiper-slide .text .tips {
|
|
font-size: 14px;
|
|
line-height: 2;
|
|
height: 84px;
|
|
}
|
|
.indexBlock5 {
|
|
padding-bottom: 50px;
|
|
}
|
|
.indexBlock5 .w1400 .content {
|
|
margin-top: 0;
|
|
}
|
|
.indexBlock5 .w1400 .content .list .num {
|
|
display: none;
|
|
}
|
|
.indexBlock5 .w1400 .moreBtn {
|
|
margin-top: 40px;
|
|
}
|
|
.videoWindow .content{
|
|
width: 95%;
|
|
height: 95%;
|
|
border-radius: 0;
|
|
overflow: initial;
|
|
}
|
|
.videoWindow .content .close{
|
|
top: 0px;
|
|
right: 0;
|
|
}
|
|
}
|
|
@media (max-width: 500px) {
|
|
.indexBlock .content .left ul li {
|
|
width: 50%;
|
|
}
|
|
|
|
}/*# sourceMappingURL=index.css.map */
|