﻿.body {overflow: visible;position: relative;}
.home1 {width: 100%;max-width:1920px;margin:0 auto;}
.home1 .swiper-slide {width: 100%;position: relative;overflow: hidden;}
.home1 .swiper-slide.video-true .pic img {display: none;}
.home1 .swiper-slide .pic,
.home1 .swiper-slide .pic video,
.home1 .swiper-slide .pic img {width: 100%;height: 100%;object-fit: contain;}
.home1 .swiper-slide .pic img {transform: scale(1.2) skew(15deg);transition: all ease 2s;}
.home1 .swiper-slide-active .pic img {transform: scale(1) skew(0deg);}
.home1 .swiper-slide .intr {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.home1 .swiper-slide .intr p {font-size: 1.875vw;font-family: Calibri_Light;font-weight: 300;color: #FFFFFF;margin: 1.302vw 0 1.771vw;text-shadow: 0 0 0.104vw #999;}
.home1 .swiper-slide.video-true p {color: #000;text-shadow: 0 0 0.104vw #fff;}
.home1 .swiper-slide .img {width: 19.115vw;}
.home1 .swiper-slide .img img {width: 100%;}

.home2 {position: relative;max-width:1920px;margin:0 auto;}

.home3 {background: #000000;}
.home3 .article {background: #FFFFFF;margin-bottom: 0.781vw;}
.home3 .article .intr {padding: 1.042vw 3.125vw 2.60417vw;}
.home3 .article .intr h2 {font-size: 1.458vw;font-family: Calibri_Light;font-weight: bold;color: #000000;}
.home3 .article .intr hr {border: none;margin: 0.625vw 0;width: 1.615vw;height: 0.26vw;background: #D9D9D9;}
.home3 .article .intr p {font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;color: #000000;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.home3 .article.white .intr p {-webkit-line-clamp: 2;}
.home3 .article.white .intr h2 {color: #fff;}
.home3 .article.white .intr hr {background: #fff;}
.home3 .article.white .intr p {color: #fff;}
.home3 .article .intr .C-more-eye {margin-top: 0.781vw;}
.home3 .article:nth-child(1) {width: 100%;}
.home3 .article:nth-child(1) .pic {width: 71%;}
.home3 .article:nth-child(1) .intr {width: 29%;padding: 3.125vw 2.525vw;}
.home3 .article:nth-child(2) {width: calc(50% - 0.365vw);flex-direction: column-reverse;}
.home3 .article:nth-child(2) .pic {width: 100%;}
.home3 .article:nth-child(2) .intr {width: 100%;background: #232323;}
.home3 .article:nth-child(3) {width: calc(50% - 0.365vw);}
.home3 .article:nth-child(3) .pic {width: 59%;}
.home3 .article:nth-child(3) .intr {width: 41%;padding: 2.083vw 1.563vw;background: #F9F9F9;}
.home3 .article:nth-child(4) {width: 39%;flex-direction: column-reverse;}
.home3 .article:nth-child(4) .pic {width: 100%;}
.home3 .article:nth-child(4) .intr {width: 100%;}
.home3 .article:nth-child(5) {width: calc(61% - 0.781vw);flex-direction: column-reverse;}
.home3 .article:nth-child(5) .pic {width: 100%;}
.home3 .article:nth-child(5) .intr {width: 100%;background: #232323;}

.index-title h2 {font-size: 1.875vw;margin-bottom: 1em;font-family: Calibri_Light;font-weight: bold;color: #000000;}
.index-title p {font-size: 0.938vw;font-family: Calibri_Light;font-weight: 400;color: #000000;}


.home4 .home4-wrap .index-title {width: 71.406vw;padding: 0 0 0 8.333vw;}
.home4 .home4-wrap .index-title .C-more-eye {margin-top: 1.563vw;}
.home4 .swiper-container {padding: 2.083vw 0 1.563vw 1.563vw;margin: 1.927vw 0 0 6.771vw;cursor: url("../image/icon-home4.svg") 37 37, pointer !important;cursor: -webkit-image-set(url("../image/icon-home4.svg") 1x, url("../image/icon-home4.svg") 2x) 37 37, pointer !important;}
.home4 .swiper-slide {width: 24.427vw;height: auto;background: #FFFFFF;transition: all ease .3s;cursor: url("../image/icon-home4.svg") 37 37, pointer !important;cursor: -webkit-image-set(url("../image/icon-home4.svg") 1x, url("../image/icon-home4.svg") 2x) 37 37, pointer !important;box-shadow: 0 3px 30px rgba(0, 0, 0, 0.26);}
.home4 .swiper-slide:hover {transform: translateY(-2.083vw);}
.home4 .swiper-slide .intr .left {width: 32%;padding: 1.563vw 1.25vw;border-right: 1px dashed #C9CBD3;}
.home4 .swiper-slide .intr .left .img {width: 2.604vw;}
.home4 .swiper-slide .intr .left .img img {width: 100%;}
.home4 .swiper-slide .intr .left .tags {display: inline-block;margin-top: 2.188vw;background: #F1F1F1;font-size: 0.729vw;font-family: Calibri_Light;font-weight: 400;color: #000000;padding: 0.104vw 0.521vw;}
.home4 .swiper-slide .intr .right {width: 68%;padding: 1.146vw 1.406vw;}
.home4 .swiper-slide .intr .right .img {width: 6.354vw;}
.home4 .swiper-slide .intr .right .img img {width: 100%;}
.home4 .swiper-slide .intr .right p {font-size: 0.938vw;font-family: Calibri_Light;font-weight: 400;color: #000000;margin-top: 1.146vw;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}


.home5 {background: #FCFCFC;}
.home5 .index-title {text-align: center;width: 41.823vw;margin: 0 auto;}
.home5 .main {margin-top: 2.083vw;}
.home5 .main>div:nth-child(2) {width: 44%;flex-direction: column;justify-content: space-between;}
.home5 .main>div .ev {width: 100%;padding: 0 2.083vw 1.042vw 1.042vw;display: block;border: 1px solid #EBEBEB;}
.home5 .ev:nth-child(1) {display: block;width: 53%;margin-right: 3%;}
.home5 .ev h2 {font-size: 1.042vw;margin: 0.5em 0 0.7em;font-family: Calibri_Light;font-weight: bold;color: #6B6969;transition: all ease .3s;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home5 .ev:hover h2 {color: #000000;}
.home5 .ev .time .img {display: inline-block;width: 0.781vw;margin-right: 0.26vw;}
.home5 .ev .time .img img {width: 100%;}
.home5 .ev .time {font-size: 0.729vw;font-family: Calibri_Light;font-weight: 300;line-height: 0.885vw;color: #8F8F8F;}
.home5 .ev p {margin: 1em 0;font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;color: #666666;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.home5 .ev .viewmore {display: inline-block;padding: 0.156vw 0.521vw;background: #FFFFFF;box-shadow: 0.156vw 0.156vw 0.521vw rgba(0, 0, 0, 0.16);font-size: 0.729vw;font-family: Calibri_Light;font-weight: 400;color: #000000;border-radius: 3px;transition: all ease .3s;}
.home5 .ev:hover .viewmore {background: #000000;color: #FFFFFF;}
.home5 .C-more-jt {margin-top: 3.125vw;}

/* 
*======================================================media===============================================================
*/
@media screen and (max-width:991px) {
.home1 .swiper-slide .intr p {font-size: 26px;margin: 15px 0 24px;text-shadow: 0 0 2px #999;}
.home1 .swiper-slide.video-true p {text-shadow: 0 0 2px #fff;}
.home1 .swiper-slide .img {width: 130px;}
/* .home1 .swiper-slide.video-true .pic video {display: none;}
.home1 .swiper-slide.video-true .pic img {display: block;} */

.home3 .article {margin-bottom: 15px;flex-direction: column-reverse;}
.home3 .article .intr {padding: 60px 40px;}
.home3 .article .intr h2 {font-size: 22px;}
.home3 .article .intr hr {margin: 12px 0;width: 31px;height: 3px;}
.home3 .article .intr p {font-size: 16px;}
.home3 .article .intr .C-more-eye {margin-top: 15px;}
.home3 .article:nth-child(1) .pic {width: 100%;}
.home3 .article:nth-child(1) .intr {width: 100%;padding: 40px 30px;}
.home3 .article:nth-child(2),
.home3 .article:nth-child(3) {width: 100%;}
.home3 .article:nth-child(3) .pic {width: 100%;}
.home3 .article:nth-child(3) .intr {width: 100%;padding: 60px 40px;}
.home3 .article:nth-child(4),
.home3 .article:nth-child(5) {width: 100%;}

.index-title h2 {font-size: 30px;}
.index-title p {font-size: 18px;}

.home4 .home4-wrap .index-title {width: 80%;padding: 0 0 0 5%;}
.home4 .home4-wrap .index-title .C-more-eye {margin-top: 30px;}
.home4 .swiper-container {padding: 20px 0;margin: 27px 0 0 5%;}
.home4 .swiper-slide {width: 360px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.26);}
.home4 .swiper-slide:hover {transform: translateY(-20px);}
.home4 .swiper-slide .intr .left {width: 42%;padding: 30px 24px;border-right: 1px dashed #C9CBD3;}
.home4 .swiper-slide .intr .left .img {width: 50px;}
.home4 .swiper-slide .intr .left .tags {margin-top: 42px;font-size: 14px;padding: 2px 10px;}
.home4 .swiper-slide .intr .right {width: 58%;padding: 22px 27px;}
.home4 .swiper-slide .intr .right .img {width: 122px;}
.home4 .swiper-slide .intr .right p {font-size: 18px;margin-top: 22px;}

.home5 .index-title {width: 80%;}
.home5 .main {margin-top: 40px;}
.home5 .main>div:nth-child(2) {width: 100%;}
.home5 .main>div .ev {padding: 10px 20px 20px 20px;border: 1px solid #EBEBEB;margin-bottom: 20px;}
.home5 .ev:nth-child(1) {width: 100%;margin-right: 0%;margin-bottom: 40px;}
.home5 .ev h2 {font-size: 20px;margin: 0.5em 0 0.7em;}
.home5 .ev .time .img {width: 15px;margin-right: 5px;}
.home5 .ev .time {font-size: 14px;line-height: 17px;}
.home5 .ev p {font-size: 16px;}
.home5 .ev .viewmore {padding: 3px 10px;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.16);font-size: 14px;border-radius: 3px;}
.home5 .C-more-jt {margin-top: 60px;}
}

@media screen and (max-width:768px) {
.home1 .swiper-slide .pic img {min-height: 370px;object-fit: cover;}
.home1 .swiper-slide .intr p {font-size: 24px;margin: 5px 0 15px;}
.home1 .swiper-slide .img {width: 100px;}
}

@media screen and (max-width:480px) {
.home3 .article .intr {padding: 24px 20px;}
.home3 .article:nth-child(1) .intr {padding: 24px 20px;}
.home3 .article:nth-child(3) .intr {padding: 24px 20px;}
.home3 .article .intr h2 {font-size: 18px;}
.home3 .article .intr p {font-size: 14px;}

.index-title h2 {font-size: 22px;margin-bottom: 10px;}
.index-title p {font-size: 14px;}

.home4 .home4-wrap .index-title {width: 90%;}
.home4 .swiper-slide {width: 280px;}
.home4 .swiper-slide .intr .left {padding: 20px 14px;}
.home4 .swiper-slide .intr .left .img {width: 30px;}
.home4 .swiper-slide .intr .left .tags {margin-top: 22px;font-size: 12px;padding: 2px 8px;}
.home4 .swiper-slide .intr .right {padding: 22px 15px;}
.home4 .swiper-slide .intr .right .img {width: 82px;}
.home4 .swiper-slide .intr .right p {font-size: 14px;}

.home5 .ev:nth-child(1) {margin-bottom: 24px;}
.home5 .main>div .ev{margin-bottom: 12px;padding:12px;}
.home5 .ev h2 {font-size: 16px;}
.home5 .ev .time .img {width: 10px;}
.home5 .ev .time {font-size: 12px;line-height: 1.4;}
.home5 .ev p {font-size: 14px;}
}

