@charset "utf-8";
/* CSS Document */
.section{ position: relative; overflow: hidden;}
.section::after,
.section::before{ width: 1px; height: 100%; background: #fff; opacity: 0.25; position: absolute; top: 0; left: 0.8rem; content: ''; z-index: 5;}
.section::before{ left: auto; right: 0.8rem;}
.section1{ width: 100%; height: 100%; background: url(../images/90.jpg) no-repeat center; background-size: cover;}
.section2{ width: 100%; height: 100%; background: #F5F5F5;}
.section3{ width: 100%; height: 100%; background: url(../images/93.jpg) no-repeat center; background-size: cover;}
.section4{ width: 100%; height: 100%; background: url(../images/95.jpg) no-repeat center; background-size: cover;}
.section5{ width: 100%; height: 100%; background: url(../images/98.jpg) no-repeat center; background-size: cover;}
.section6{ width: 100%; height: 100%;}
/*.section7{ width: 100%; height: 100%;}*/

#fp-nav{ position: absolute; right: 0.3rem; width: 0.2rem; top: 50%; transform: translateY(-50%);}
#fp-nav li{ margin-top: 0.3rem;}
#fp-nav li:first-child{ margin-top: 0;}
#fp-nav li a{ display: block; width: 0.08rem; height: 0.08rem; background: #fff; margin: auto; border-radius: 0.04rem;}
#fp-nav li a.active{ width: 100%;}
#fp-nav.fp-nav2 li a{ background: #838383;}
#fp-nav.fp-nav2 li a.active{ background: #00479D;}
.banner{ width: 100%; height: 100%; overflow: hidden;}
.banner .m{ width: 100%; height: 100vh; overflow: hidden;}
.banner .mker{ position: relative;}
.banner .mker .text{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.banner .mker .text .h{ font-size: 0.78rem; font-weight: bold; line-height: 0.88rem; color: #fff;}
.banner .mker .text .n{ font-size: 0.18rem; line-height: 0.28rem; margin-top: 0.15rem; color: #fff;}
.banner .mker .text .cont{ display: flex;}
.banner .mker .text .em{ background: hsla(0,0%,100%,0.20); position: relative; overflow: hidden; margin-top: 0.15rem; width: 100%; height: 1px;}
.banner .mker .text .em::after{ content: ''; width: 1.45rem; height: 1px; background: #fff; position: absolute; top: 0; left: 0;}
.banner .mker .text .p{ font-size: 0.26rem; line-height: 0.36rem; margin-top: 0.15rem; color: #fff;}
.banner .mker .moreboxmax{ margin-top: 0.8rem;}
.banner .boot{ display: flex; position: absolute; left: 1.7rem; bottom: 0.5rem;}
.banner .boot .swiper-button-next,
.banner .boot .swiper-button-prev{ width: 0.5rem; height: 0.5rem; background: url(../images/36.png) no-repeat center; background-size: 100% auto; position: relative; margin: 0 0.26rem 0 0; top: auto; bottom: auto; left: auto; right: auto; border: 1px solid #fff; border-radius: 100%; opacity: 0.5; transition: all 0.5s;}
.banner .boot .swiper-button-next:hover,
.banner .boot .swiper-button-prev:hover{ opacity: 1;}
.banner .boot .swiper-button-next{ transform: rotate(180deg);}
.banner .swiper-pagination{ display: flex; justify-content: center; width: 1rem!important; position: absolute; right: 0; bottom: 0.5rem!important; transform: rotate(90deg); left: auto;}
.banner .swiper-pagination,
.banner .swiper-pagination .swiper-pagination-total{ font-size: 0.16rem; line-height: 0.2rem; color: hsla(0,0%,100%,0.60); font-family: '微软雅黑';}
.banner .swiper-pagination .swiper-pagination-current{ color: #fff; font-size: 0.18rem; font-family: '微软雅黑'; margin-right: 0.03rem;}
.banner .swiper-pagination .swiper-pagination-total{ margin-left: 0.03rem;}
.indexwenttwo .wernt{ width: 8rem; padding: 2.2rem 0 0 0;}
.indexwenttwo .img img{ display: block; width: 8.35rem; position: absolute; right: 1rem; bottom: 0;}
.indexwenttwo .wernt .numberbox .li{ margin: 0;}
.indexwenttwo .wernt .numberbox{ justify-content: space-between; margin-top: 0.75rem;}
.indexwenttwo .numberbox .li .h i, 
.indexwenttwo .numberbox .li .h em{ font-size: 0.52rem; font-family: '微软雅黑';}
.indexwenttwo .numberbox .li .h i{ margin-right: 0.02rem;}
.indexwenttwo .numberbox .li .h{ font-size: 0.16rem; line-height: 0.32rem;}
.indexwenttwo .numberbox .li .p{ font-size: 0.16rem;}
.indexwenttwo .moreboxmax{ margin-top: 0.9rem;}




@media (max-width: 950px){
	fp-viewing-page3{ height: auto!important;}
	.wrapBox{ height: auto!important; transform: none!important; transition: unset!important;}
	html, body{ overflow-y: auto!important;}
	.headercp{ background: #fff!important;}
	.slimScrollDiv, .fp-scrollable, .section{ height: auto!important; overflow: inherit!important;}
	.section::before, .section::after{ display: none;}
	.indexwenttwo .wernt{ width: auto; padding: 50px 0.35rem;}
	.indexwenttwo .img img{ position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 100%;}
	.indexwenttwo .moreboxmax{ justify-content: center; margin-top: 0.7rem;}
	.indexwenttwo .wernt .numberbox{ flex-wrap: wrap;}
	.indexwenttwo .numberbox .li .h{ font-size: 12px; line-height: 22px;}
	.indexwenttwo .numberbox .li .h i, .indexwenttwo .numberbox .li .h em{ font-size: 30px; line-height: 30px;}
	#fp-nav{ display: none;}
	.indexlingyibox{ padding: 50px 0.35rem;}
	.indexlingyibox .text{ width: 3.35rem; height: auto!important;}
	.indexlingyibox .swiper{ margin: 0 -0.1rem;}
	.indexlingyibox .text .ter{ position: relative; top: auto!important; left: auto!important; right: auto!important; bottom: auto!important; z-index: 5; height: auto!important; padding: 20px 0.25rem;}
	.indexlingyibox .text .m{ height: auto!important; top: 0;}
	.indexlingyibox .text .p{ opacity: 1; font-size: 12px; line-height: 16px; margin-top: 5px;}
	.indexlingyibox .text .h{ font-size: 16px; line-height: 20px;}
	.indexlingyibox .yewutit4{ width: auto; height: auto;}
	.indexlingyibox .text .a a{ width: 18px; height: 18px;}
	.indexlingyibox .swiper-pagination{ display: flex; justify-content: center; bottom: 0!important;}
	.indexlingyibox .swiper{ padding-bottom: 30px;}
	.indexlingyibox .swiper-pagination span{ background: #fff;}
	.indexlingyibox .list{ margin-top: 30px;}
	.indexendingbox{ padding: 50px 0.35rem;}
	.indexendingbox .top{ display: block;}
	.indexendingbox .moreboxmax{ justify-content: center; margin-top: 15px;}
	.indexendingbox .list{ display: block; padding: 0;}
	.indexendingbox .list .li:first-child{ position: relative; left: 0; top: 0;}
	.indexendingbox .list .li,
	.indexendingbox .list .li .m{ width: auto!important; height: auto!important;}
	.indexendingbox .list .li .p{ font-size: 15px; line-height: 30px;}
	.indexnewssixbix{ padding: 50px 0.35rem;}
	.indexnewssixbix .cont{ display: block;}
	.indexnewssixbix .left .top{ display: block;}
	.indexnewssixbix .left .moreboxmax{ justify-content: center; margin-top: 15px;}
	.indexnewssixbix .left{ width: auto; padding: 0;}
	.indexnewssixbix .left .list{ margin-top: 30px;}
	.indexnewssixbix .left .list .img .m{ height: 4rem;}
	.indexnewssixbix .left .list .img .p{ font-size: 14px; line-height: 1;}
	.indexnewssixbix .right{ display: block; width: auto; height: auto; margin-top: 50px; margin-left: 60px;}
	.indexnewssixbix .right .list .text .h{ font-size: 16px; line-height: 1;}
	.indexnewssixbix .right .list .li{ margin-top: 0.8rem;}
	.indexsixwentbox{ display: block;}
	.indexsixwentbox .left .cont{ width: auto; padding: 50px 0.35rem!important;}
	.indexsixwentbox .left{ width: auto;}
	.indexsixwentbox .left .top{ display: block;}
	.indexsixwentbox .left .moreboxmax{ justify-content: center; margin-top: 15px;}
	.indexsixwentbox .left .min a{ display: block;}
	.indexsixwentbox .left .min .m{ width: 100%; height: auto;}
	.indexsixwentbox .left .min .ter{ width: auto; margin-top: 20px;}
	.indexsixwentbox .left .min .ter .t i,
	.indexsixwentbox .left .min .ter .t div{ font-size: 14px; line-height: 1; padding: 0; margin: 0;}
	.indexsixwentbox .left .min .ter .t{ display: flex;}
	.indexsixwentbox .left .min .ter .t i{margin-right: 8px; padding-right: 8px; border-right: 1px solid hsla(0,0%,0%,0.20);}
	.indexsixwentbox .left .min .ter .h{ font-size: 16px; line-height: 28px;}
	.indexsixwentbox .left .list .li .h{ font-size: 16px; line-height: 26px;}
	.indexsixwentbox .left .list .li .t{ font-size: 14px; line-height: 24px;}
	.indexsixwentbox .right{ width: auto;}
	.indexsixwentbox .right .text{ position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 5; padding: 50px 0 0 0;}
	.indexsixwentbox .right .m{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; width: auto; height: auto;}
	.indexsixwentbox .right .yewutit4 .n, .indexsixwentbox .right .yewutit4 .h{ text-align: center;}
	.indexsixwentbox .right .text .list{ padding: 30px 0.35rem 50px 0.35rem!important; margin: 50px 0 0 0!important;}
	.indexsixwentbox .right .list .t{ font-size: 14px; line-height: 1;}
	.indexsixwentbox .right .list .h{ font-size: 16px; line-height: 26px; margin-top: 10px;}
	.indexsixwentbox .right .list .p{ font-size: 14px; line-height: 26px; margin-top: 10px;}
	.banner{ margin-top: 50px; height: auto;}
	.banner .mker .text .cont{ padding: 0 0.35rem;}
	.banner .mker .text .h{ font-size: 20px; line-height: 30px; text-align: center;}
	.banner .mker .text .h{ font-size: 20px; line-height: 30px; text-align: center;}
	.banner .mker .text .n{ font-size: 12px; line-height: 18px; text-align: center;}
	.banner .mker .text .p{ font-size: 14px; line-height: 26px; text-align: center; margin-top: 15px;}
	.banner .mker .text .em{ margin-top: 15px;}
	.banner .mker .text .em::after{ left: 50%; transform: translateX(-50%);}
	.banner .mker .moreboxmax{ justify-content: center;}
	.banner .m{ height: 440px;}
	.banner .boot .swiper-button-next, .banner .boot .swiper-button-prev{ display: none;}
	.banner .swiper-pagination{ left: 0!important; right: 0!important; width: auto!important; display: flex; justify-content: center; bottom: 20px!important; transform: none!important;}
	.banner .swiper-pagination span{ background: #fff!important;}
}