/* @-webkit-keyframes scale-bg { from { -webkit-transform: scale(1.2); transform: scale(1.2) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes scale-bg { from { -webkit-transform: scale(1.2); transform: scale(1.2) } to { -webkit-transform: scale(1); transform: scale(1) } } */ .sec2cen{padding-top: 10%;} .index_main .section1 .in_video{position: absolute;} .index_main .section1 .in_video_bg{position: absolute; background: rgba(0,0,0,0.5);width: 100%;height: 100%;} .index_main .section1 .in_video_bg img{display: block;margin: 0 auto;padding-top: 20%;} .index_main .section2 { width: 100%; height: 100%; background: url(/uploads/image/vdimages/index2.jpg) no-repeat; background-size: cover; z-index: 100; } .banner .swiper-button-next, .swiper-button-prev{ top: 32%; right: 45px; } .banner .swiper-button-prev, .swiper-button-next{ top: 32%;right: 45px; } .index_main .section2 .sec2txt{text-align: right;} .index_main .section2 .sec2txt h2{font-size:50px;font-weight: bold;color: #fff;} .index_main .section2 .hbtns{margin-top: 30px;padding: 10px 40px;} .index_main .section3 { width: 100%; height: 100%; background: url(/uploads/image/vdimages/index3.jpg) no-repeat; background-size: cover; z-index: 100; } .index_main .section3 h3 { text-align: center } .index_main .section4 { width: 100%; height: 100%; background: url(/uploads/image/vdimages/index4.jpg) no-repeat; background-size: cover; z-index: 10; } .se6cen{padding-top: 15%;} .sec4fl{padding-left:3%;padding-top: 5%;padding-right: 4%; position: relative;} .sec4fl h3{font-size: 36px;font-weight: bold;padding: 20px 0 30px 0;} .sec4fl em{display: block;width: 40px;height: 5px;background: #a42432;} .sec4fl h6{font-size: 136px;font-weight: bold;color: rgb(240, 240, 240); position: absolute;top: 0;left: 0; z-index: -1;} .sec4fl p{font-size: 16px;line-height: 28px;} .sec4fl .more{display: block;width: 200px; font-size: 16px;border-radius: 25px; line-height: 40px;text-align: center; color: #fff; background: #a42432; margin-top: 50px;} .sec4fl .more i{font-size: 15px;transition: 0.3s;} .sec4fl .more:hover i{padding-left: 10px;} .sec4fl .more:hover {background: #a42432;} .sec4fr .secimg{overflow: hidden; } .sec4fr .sec3sild {padding: 15px;background: #fff;} .sec4fr .sec3sild h4{font-size: 18px;font-weight: bold;padding: 15px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .sec4fr .sec3sild p{font-size: 16px;color: #666; line-height: 24px; height: 72px;} .sec4fr .sec3sild span{font-size: 14px;color: #666;display: block;padding : 20px 0 10px 0;} .sec4fr .swiper-slide:hover .sec3sild h4{color: #a42432;} .sec4fr{padding-left: 20px;} .sec4fr a {display: block; } .sec4fr .swiper-container{padding: 2%;} .sec4fr .swiper-slide{position: relative; } .sec4fr .swiper-slide:hover a{box-shadow: 0 0 15px 2px rgba(0,0,0,0.5);} .sec4fr .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;width: 54px;height: 54px;left: 120px;} .sec4fr .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: none;width: 54px;height: 54px;left:40px;} .sec4fr .swiper-button-next, .swiper-button-prev{top: 95%;margin-top: 60px;} .sec4fr .swiper-button-prev, .swiper-button-next{top: 95%;margin-top: 60px;} .index_main .section5 { width: 100%; height: 100%; background: url(/uploads/image/vdimages/index5.jpg) no-repeat; background-size: cover; } @media (max-width:1680px){ .se6fr li .se6txt{padding: 55px 20px;} } @media only screen and (max-width:1600px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 28px } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 60px } } @media only screen and (max-width:1440px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 24px } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 40px } .se6fr li p{margin: 23px 0;} .se6fr li .se6txt { padding: 39px 20px; } } @media only screen and (max-width:1366px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 26px } .index_main .section1 .index_banner .slick-arrow { background-size: auto 30px } .se6fr li .se6txt { padding: 35px 20px; } } @media only screen and (max-width:1300px) { #footernav li{width: 15%;} } @media only screen and (max-width:1199px) { .se6fr li .se6txt { padding: 20px 20px; } .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 12px; padding-left: 0; text-align: center; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 22px } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size:30px; text-align: center; padding-left: 0; font-weight: bold; } } @media only screen and (max-width:992px) { .sec6tit p{padding: 10px 0;} .sec6tit img{max-width: 100%;} .ftimg{display: none!important;} .se6fl .se6cimg img{display: none;} .se6fltxt{position: initial;width: 100%;} .se6fr{padding-left: 0;} .se6fr li img{width: 100%;} .se6fl{margin-bottom: 20px;} .index_main .section1 .index_banner .item { height: 100vh } .index_main .section1 .index_banner .item .inner .block_txt { left: 0; right: 0; margin: 0 auto; padding: 0 40px; top: 42% } .index_main .section1 .index_banner .slick-arrow { display: none !important } .index_main .section1 .index_banner .slick-dots { position: absolute; bottom: 12px } .index_main .section1 .index_banner .slick-dots li { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff } .index_main .section1 .index_banner .slick-dots li button { display: none } .index_main .section1 .index_banner .slick-dots li.slick-active { background: #fff } .index_main .section1 .number { bottom: 12%; display: none } .index_main .section1 .number span { margin-right: 22px } .index_main .section1 .number span:after { bottom: -14px } .header .left a img{height: 40px;} .header{height: 60px;} } @media only screen and (max-width:768px) { #footernav li:nth-child(7) {float: right;;width:100%;} #footernav li{width: 33%; min-height: 210px;padding: 10px 0;} .index_main .section6{padding: 0 5%;} .footerbot{text-align: center;line-height: 30px;} .footerbot span{float: none;} } @media only screen and (max-width:767px) { .se6tit p{font-size: 24px;} .se6tit{padding-bottom: 10px;} .se6fltxt{padding: 10px;} .se6fltxt h4{padding: 5px 0;} .se6fr li .se6txt{padding: 10px;} .se6fr li p{margin: 10px 0; -webkit-line-clamp: 2;} .se6fr li h3{font-size: 16px;} .index_main .section2{padding: 0 8%;} .index_main .section2 .sec2txt{text-align: center;} .index_main .section2 .sec2txt h2{font-size: 24px; } .index_main .section3{padding: 0 8%;} .index_main .section3 .sec3txt{text-align: center;} .index_main .section3 .sec3txt h5{font-size: 20px;} .index_main .section3 .sec3txt h2{font-size: 24px; } .index_main .section4{padding: 0 8%;} .index_main .section4 .sec4txt{text-align: center;} .index_main .section4 .sec4txt h2{font-size: 24px; } .index_main .section5{padding: 0 5%;} .banner2{display: block;width: 100%;} .banner2 .swiper-slide img{width: 100%;} .banner2 h3{color: #333;font-size: 18px;padding: 20px 0 20px 0;font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; } .banner2 p{color: #666;font-size: 14px; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .banner2{padding: 0 10%;padding-top: 20px;} .banner2 .swiper-slide {width: 100%;} .banner2 .swiper-button-prev, .banner2 .swiper-container-rtl .swiper-button-next{left: -2%; background: none; outline: none; font-size:50px; color:#666; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; } .banner2 .swiper-button-next,.banner2 .swiper-container-rtl .swiper-button-prev{right: -5%; background: none; outline: none;font-size:50px; color:#666; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{color: #fff;} .banner2 .swiper-button-prev, .banner2 .swiper-container-rtl .swiper-button-next{left:2%;margin-top: 40px;} .banner2 .swiper-button-next,.banner2 .swiper-container-rtl .swiper-button-prev{right: 0%;margin-top: 40px;} .index_main .section1 .slick_txt .slick_arrow{display: none;} .indexnews{display: none;} .secnews h2{font-size: 30px;padding-bottom: 20px;} #footernav li:nth-child(4){display: none;} #footernav li:nth-child(5){display: none;} #footernav li:nth-child(6){display: none;} .footerbot{width: 90%;left: 5%;line-height: 20px;} .footerbot p{font-size: 12%;} .sec6tit p{padding: 5px;font-size: 18px;margin-bottom: 0;} #footernav li{min-height: 180px;} } @media only screen and (max-width:340px) {} @media only screen and (max-width:320px) {}