@font-face {
	font-family: pingfang;
	src: url('pingfang.ttf')
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: all;
    -o-transition: all;
    -ms-transition: all;
    -moz-transition: all;
    -webkit-transition: all;
    font-family: "pingfang", "PingFang SC", "Microsoft Yahei", "Helvetica Neue", arial, \5b8b\4f53, Helvetica, STHeiTi, sans-serif;
}
video{max-width: 100%;display: block;}
img{display: block;}


.bannerN .img{}
.bannerN .img::before{position: absolute;left: 0;top: 0;z-index: 1;/* background-color: rgba(0, 0, 0, .2); */content: '';width: 100%;height: 100%;}
.bannerN .img>*,.wrapEven .wrapItem .img>*{height: 100%;width: 100%;object-fit: cover;}
.bannerN .txt,.wrapEven .wrapItem .txt{position: absolute;left: 50%;text-align: center; z-index: 9;color: #fff;line-height: 1;top: 12%;transform: translateX(-50%);}
.bannerN .txt h3{font-weight: 900;font-size: 30px;background-image: linear-gradient(-31deg, #e4d6c7, #d4b99d);
background-image: -webkit-linear-gradient(-31deg, #e4d6c7, #d4b99d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.bannerN .txt p,.wrapEven .wrapItem .txt p{font-size: 18px;font-weight: 500;margin: 12px 0 0;}
.bannerN .txt p{margin-top: 16px;margin-bottom: 2px;}
.bannerN .txt a,.wrapEven .wrapItem .txt a{font-size: 14px;display: inline-flex;padding: 8px 22px;border: 1px solid #fff;transition: all .5s;position: relative;}
.bannerN .txt a{color: #fff;}

.wrapEven{padding: 0;margin: 8px 0 0;display: flex;flex-wrap: wrap;overflow: hidden;}
.wrapEven .wrapItem{position: relative;width: calc(50%);margin-bottom: 8px;overflow: hidden;float:left;}
.wrapEven .wrapItem:nth-of-type(even){margin-left:0;}
.wrapEven .wrapItem .img video{border:1px solid transparent;}
.wrapEven .wrapItem .txt{top: 50px;}
.wrapEven .wrapItem .txt a{font-size: 14px;color: #fff;}
.wrapEven .wrapItem .txt h3{font-size: 36px;}
.wrapEven .wrapItem .txt.black{color: #000;}
.wrapEven .wrapItem .txt.black a{border-color: #000;color: #000;}

.wrapList{display: block;padding: 0;}
.wrapEven.wrapList .wrapItem{width: 100%;margin-left: 0!important;}
.wrapEven.wrapList .wrapItem .txt{top: 10%;width: 90%; margin: 0 auto;right: 0;transform: translate(-50%,0);display: flex;justify-content: center;text-align: center;}
.wrapEven.wrapList .wrapItem{height: 528px;width: 100%;}
.wrapEven.wrapList .wrapItem .txt div{width: auto;}
.wrapEven.wrapList .wrapItem:nth-child(1) .txt{color: #000;}
.wrapEven.wrapList .wrapItem:nth-child(1) .txt a{border-color: #000;color: #000;}

.wrapEven .wrapItem .txt a:hover,.bannerN .txt a:hover{color: #000;background-color: #fff;}
.wrapEven .wrapItem .txt.black a:hover{color: #fff;background-color: #000;}

.comTit{font-weight: 900;font-size: 26px;color: #000;margin: 60px 0 30px;text-align: center;line-height: 1;}

.swiperScroll{position: relative;overflow: hidden;margin-bottom: 10px;}
.swiperScroll .swiper-slide{width: 100%;}
.swiperScroll .swiper-slide .img{overflow: hidden;height: 480px;width: 100%;}
.swiperScroll .swiper-slide video,.swiperScroll .swiper-slide img{width: 100%;height: 480px;object-fit: cover;}
.swiperScrollbtn{position: absolute;width: 30px;height: 30px;top: calc(50% + 60px);transform: translateY(-50%);z-index: 99;display: flex;justify-content: center;align-items: center;cursor: pointer;border-radius: 50%;transition: all .5s;outline: none;}
.swiperScrollbtn img{width: 10px;display: block;}
.swiperScrollbtn:hover{background-color: rgba(0, 0, 0, .3)}
.swiper-btn-prev{ left: 2px}
.swiper-btn-next{ right: 2px}
.swiperScrollbtn.swiper-btn-next img{ transform: rotate(180deg)}
.swiperScroll .swiper-slide .scrollMore{display: none;}
.swiperScroll .swiper-slide-active .scrollMore{border: 1px solid;color: #fff;width: 100px;height: 32px;font-size: 14px;position: absolute;display: inline-flex;right: 30px;bottom: 50px;align-items: center;justify-content: center;z-index: 9;transition: all .5s;font-size: 12px;}
.scrollMore:hover{transform: translateY(-4px);box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.scrollMore span{display: inline-flex;position: relative;width: 10px;height: 11px;margin-right: 8px;}
.scrollMore span::before,.scrollMore span::after{position: absolute;content: '';left: 0;top: 1px;width: 3px;background-color: #fff;height: 100%;}
.scrollMore span::after{right: 0;left: auto;}

.swiperScroll .swiper-pagination {bottom: 16px;}
.swiperScroll .swiper-pagination-bullet {opacity:1;width:16px;height:2px;background-color:rgba(255,255,255,.3);border-radius:60px;margin:11px 4px;position:relative;overflow:hidden}
.swiperScroll .swiper-pagination-bullet-active:after {opacity: 1;width: 16px;transition: width 7s ease 0s, opacity 0s ease 0s}
.swiperScroll .swiper-pagination-bullet-active{background-color: #fff;}