@charset "utf-8";
body{ width: 100%; overflow-x: hidden; width: 100%; overflow-x: hidden; margin:0px; padding:0 0 0 0px; font-size:15px;font-family: source-han-sans-simplified-c, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;color:#898989;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "PINGFANG_MEDIUM"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */
}
body{ overflow: hidden; box-sizing: border-box;}
html{ height: 100%; overflow: auto;}
a{ color:#5c5c5c; text-decoration:none}

.logo{ width: 80px; position: fixed; left: 50%; top: 0; transform: translateX(-50%);z-index: 10; transition: 0.5s;}
.logo.on{ width: 66px;}
.logo img{ display: block; width: 100%; height: auto;}
.banner{ width: calc(100% - 50px); height: calc(100vh - 50px); position: fixed; overflow: hidden; top: 25px; left: 25px; z-index: 1;}

.banner .swiper-container{width: 100%; height: 100%; overflow: hidden;}
.banner .swiper-container a{ display: block; width: 100%; height: 100%;}
.banner img.BgPic{ display: block; object-fit: cover; width: 100%; height: 100%; transition:14s; transform: scale(1);}
.banner img.PcPic{ display: block;}
.banner img.AppPic{ display: none;}
.banner .swiper-slide.swiper-slide-active{ z-index: 10;}
.banner .swiper-slide-active img{ transform: scale(1.1);}
.banner .swiper-button-next{ display: none; width: 18px; height: 40px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); background:url(../images/next.png) center center no-repeat; background-size:100% 100%;}
.banner .swiper-button-prev{ display: none; width: 18px; height: 40px; background: url(../images/prev.png) center center no-repeat; background-size:100% 100%; left: 25px;  margin: 0; top: 50%; transform: translateY(-50%);}
.banner .swiper-button-prev:after{ display: none;}
.banner .swiper-button-next:after{ display: none;}

.banner .swiper-pagination{ width: 100%; height: 5px; line-height: 5px; bottom: 55px!important; top: auto;}
.banner .swiper-pagination span{ width: 5px; height: 5px; border-radius:50%; margin: 0 3px; border-radius:50% ; background: #fff; opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #000;}
.banner .BottomClick{ width: 80px; height: 21px; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; position: absolute; cursor: pointer;}
.banner .BottomClick img{width:100%}
.NrCon{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 40px; box-sizing: border-box;}
.NrCon .logoTp{ height: 75px; width: auto;}
.NrCon .logoTp img{ display: block; height: 100%; width: auto; transform: scale(1);}
.NrCon .text span{ display: inline-block; margin: 15px 0 0 0; font-size: 12px; color: #fff;}
.NrCon .text h2{ font-size: 34px; font-weight: bold; color: #fff;line-height: 40px;}
.NrCon .text h3{ font-size: 28px; font-weight: normal; color: #fff; line-height: 40px;}
.NrCon .text b{ display: block; margin: 10px 0 15px 0; width: 28px; height: 4px; background: #fff;}
.NrCon .text .more span{ background: url(../images/Right..svg) center center no-repeat; background-size:100% 100% ; display: block; width: 30px; height: 30px; text-align: center; line-height: 32px; border-radius:50%; margin-bottom: 10px; font-size: 16px; color: #fff;}
.NrCon .text .more{ font-size: 12px; color: #333;}




.indexContainer{ padding: 0 25px; box-sizing: border-box; width: 100%; margin-top: 100vh; position: relative; z-index: 2; }
.indexContainer .NrTop{ width: 100%; padding: 85px 0; border-bottom: 1px dashed #e8e8e8;  background: rgb(255 255 255 / 50%);backdrop-filter: blur(10px);}
.indexContainer .NrTop p{ text-align: center; color: #333; line-height: 24px;}
.indexContainer .NrTop span{ display: block; width: 35px; height: 4px; border-radius:2px; margin: 15px auto; background: #000;}
.indexContainer .NrTop ul{ padding-top: 0px; text-align: center; margin-bottom: 35px;}
.indexContainer .NrTop ul li{ display: inline-block; margin: 0 35px; vertical-align: top;}
.indexContainer .NrTop ul li .icon{ height: 40px; line-height: 40px;}
.indexContainer .NrTop ul li .icon img{ display: inline-block; vertical-align: middle;}
.indexContainer .NrTop ul li p{ font-size: 14px; color: #333; line-height: 20px;}




.NrWarp{background: #fff;}
.indexContainer .MainBox:last-child .textBottom{ display: none;}
.indexContainer .MainBox{ width: 100%; padding: 25px 0;}
.indexContainer .MainBox .PicTop{ width:100%; height: 1185px; overflow: hidden;}
.indexContainer .MainBox .PicTop .left{ width: 49.5%; float: left; margin: 0 1% 0 0; height: 100%; position: relative; overflow: hidden;}
.indexContainer .MainBox .PicTop .left img.tp{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.indexContainer .MainBox .PicTop .right{ float: right; width: 49.5%; position: relative;}
.indexContainer .MainBox .PicTop .right ul{ width: 100%;}
.indexContainer .MainBox .PicTop .right ul li{ width: 100%; margin-bottom: 15px; position: relative; height: 575px; overflow: hidden;}
.indexContainer .MainBox .PicTop .right ul li:nth-child(2){ height: 595px;}
.indexContainer .MainBox .PicTop .right ul li img.tp{ transition: 0.5s; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .MainBox .NrCon .text .more{ text-align: left;}
.indexContainer .MainBox .PicBottom{ position: relative; margin-top: 15px; overflow: hidden;}
.indexContainer .MainBox .PicBottom img.tp{ transition: 0.5s; display: block; width: 100%; height: 100vh;object-fit: cover;}
.indexContainer .MainBox .textBottom{ width: 100%; padding: 140px 0;}
.indexContainer .MainBox .textBottom h2{padding: 10px 0; text-align: center; font-size: 18px; color: #333;}
.indexContainer .MainBox .textBottom p{ text-align: center; line-height: 14px; color: #444; font-size: 12px;}
.indexContainer .MainBox:nth-child(2n) .PicTop .left{ float: right; margin: 0 0 0 1%;}
.indexContainer .MainBox:nth-child(2n) .PicTop .right{ float: left;}
.indexContainer .MainBox .PicTop .left:hover img.tp{ transform: scale(1.1);}
.indexContainer .MainBox .PicTop .right ul li:hover img.tp{ transform: scale(1.1);}
.indexContainer .MainBox .PicBottom:hover img.tp{ transform: scale(1.1);}
.footer{ background: #fff; width: 100%; border-bottom: 25px solid #3e3e3e;}
.footer .text{ width: 100%; padding-bottom: 40px;}
.footer .text h2{ font-size: 18px; color: #333; margin-bottom: 5px; text-align: center;}
.footer .text p{ line-height: 18px; font-size: 14px; color: #333; text-align: center;}
.footer .text span{ width: 36px; height: 4px; background: #333; display: block; border-radius:2px; margin: 15px auto 30px auto;}
.footer ul{ text-align: center; margin-bottom: 35px;}
.footer ul li{ display: inline-block; margin: 0 35px; vertical-align: top;}
.footer ul li .icon{ height: 40px; line-height: 40px;}
.footer ul li .icon img{ display: inline-block; vertical-align: middle;}
.footer ul li p{ font-size: 14px; color: #333; line-height: 20px;}

.footer p.copyRight{ text-align: center; padding-bottom: 25px;}
.backTop{ display: none; width: 35px; height: 35px; overflow: hidden; border-radius:50%; position: fixed; bottom:50px; right: 50px; z-index: 99; cursor: pointer;}
.backTop img{ display: block; width: 100%;}
@media (max-width:1000px) {
	.banner{ width: 100%; height: 100vh; left: 0; top: 0;}
	.NrCon{ padding: 15px;}
	.indexContainer{ padding: 0 0;}
	.NrWarp{ padding: 0 15px; box-sizing: border-box;}
	.indexContainer .MainBox .PicTop .left{ width: 100%; height: auto; margin: 0 0 15px 0;}
	.indexContainer .MainBox .PicTop .right{ width: 100%;}
	.indexContainer .MainBox .PicTop .right ul li{ height: auto; margin-bottom: 15px;}
	.NrCon .text h3{ font-size: 16px; line-height: 24px;}
	.NrCon .text h2{ font-size: 16px; line-height: 24px;}
	.indexContainer .MainBox .PicTop{ height: auto;}
	.indexContainer .MainBox .PicTop .right ul li:nth-child(2){ height: auto; margin-bottom: 0;}
	.NrCon .text .more{ /* display: none; */}
	.indexContainer .MainBox .textBottom{ padding: 30px 0;}
	.indexContainer .MainBox:nth-child(2n) .PicTop .left{ margin: 0 0 15px 0;}
	
	.banner img.BgPic{ width: 100%; height: 100%; object-fit: cover;}
	.banner img.PcPic{ display: none;}
	.banner img.AppPic{ display: block;}
	.logo.on{ width: 50px;}
	.indexContainer .NrTop ul li{ display: block; width: 100%; margin: 15px auto;}
	.footer ul:nth-child(2) li{ display: block; width: 100%; margin:15px 0;}
	.indexContainer .NrTop{ padding: 50px 0;}
	.indexContainer .NrTop p{ text-align: center; color: #333; line-height: 22px;}
	
}