

@media (max-width: 1540px){

	.w1360{ width: 1200px;}

	.navmaxboxlist{ width: 245px;}

	.downboxmax .rightbox{ width: calc(100% - 282px);}

	.titlebox .h{ font-size: 30px;}

	.videolistbox .li,

	.videominbox .li{ width: 292px;}

	.footercp .toop .right .wear .ter .p{ max-width: 330px;}

	.datatooptit .cont .input input{ width: 390px;}

	.contactboxone .list .li{ width: 382px;}

	.contactboxtwo .list .mk .li .ter{ padding: 60px;}

	.contactboxthree .list .wli .top .li{ margin: 0!important; width: calc(100% / 3)!important;}

	.aboutmaxboxtwo .top .cont .li{ font-size: 24px;}

	.aboutmaxboxthree .list .li{ width: 219px;}

	.aboutmaxboxfive .list .em{ left: 130px; z-index: 10; top: 350px;}

	.aboutmaxboxfive .list .em2{ left: auto; right: 130px;}

	.indexboxmaxtwo .tit,

	.indexboxmaxfive .toper .cont .tit,

	.workdbotboxmax .cont .h,

	.indexboxmaxthree .text .tit,

	.indexboxmaxfour .left .tit{ font-size: 28px; line-height: 40px;}

	.indexboxmaxtwo .iocn .li .h i{ font-size: 60px; line-height: 50px;}

	.indexboxmaxfour .list .m{ top: 4.3rem;}

	.indexboxmaxfive .toper .cont{ max-width: 12rem;}

	.indexboxmaxfive .toper .bot .more a{ font-size: 16px;}

	

	

	

}





@media (max-width: 1380px){

	.w1360{ width: 86%;}

	.databanner .ter .h{ font-size: 30px;}

	.databannerss .m{ height: 500px!important;}

	.downboxmax .rightbox{ width: calc(100% - 295px);}

	.videolistbox .li, 

	.videominbox .li{ width: calc(50% - 22px);}

	.titlebox .h{ font-size: 24px; font-weight: bold;}

	.datatooptit .cont .h{ font-size: 20px; line-height: 70px;}

	.footercp .toop .nav .wli + .wli{ margin-left: 50px;}

	.footercp{ padding: 50px 0.8rem 40px 0.8rem;}

	.footercp .toop .right .wear .ter .p{ min-width: 5.5rem;}

	.footercp .boot{ margin-top: 70px;}

	.headercp .right .nav .li + .li{ margin-left: 1.1rem;}

	.datatooptit .cont .left .nav .li a{ font-size: 16px; padding: 0 18px; height: 36px; line-height: 36px;}

	.datatooptit .cont .left .nav .li + .li{ margin-left: 0;}

	.workdataboxmax .cont .tit{ font-size: 20px; line-height: 32px;}

	.headercp .right .sole{ width: 32px;}

	.datatooptit .cont .input input{ width: 4.8rem;}

	.newsdata .h{ font-size: 20px; line-height: 30px; font-weight: bold;}

	.newsdata .icon{ padding: 20px 0;}

	.newsdata .more a{ width: 45%;}

	.newsboxlist .list .wli .cont .ter .h{ font-size: 18px;}

	.newsboxlist .list .wli .cont .m{ height: 220px;}

	.contactboxone .list .li{ width: 32%;}

	.contactboxone .list .li .top .m img{ height: 50px;}

	.contactboxone .list .li .top .h{ font-size: 18px; margin-top: 20px;}

	.contactboxone .list .li .top .t, .contactboxone .list .li .top a{ font-size: 15px; margin-top: 20px;}

	.contactboxone .list .li .mk{ padding: 35px 20px;}

	.contactboxone .list .li .p{ font-size: 15px; line-height: 26px; margin-top: 10px;}

	.contactboxone .list .li .top .w img{ height: 160px;}

	.contactboxone .list .li .top{ min-height: 160px;}

	.contactboxtwo .list .mk .li .ter .h{ font-size: 20px; font-weight: bold;}

	.contactboxtwo .list .mk .li .ter{ padding: 30px;}

	.contactboxtwo .list .m{ height: 400px;}

	.aboutmaxboxtwo .top .cont{ padding: 50px 0 40px 0;}

	.aboutmaxboxtwo .top .cont .li{ font-size: 20px; font-weight: bold;}

	.aboutmaxboxone .cont{ display: block;}

	.aboutmaxboxone .cont .left{ width: auto; text-align: center; margin-bottom: 50px;}

	.aboutmaxboxone .cont .left .h{ font-size: 24px; line-height: 34px;}

	.aboutmaxboxone .cont .right{ width: auto;}

	.aboutmaxboxone .cont .right .icon{ padding: 50px 0 0 0;}

	.aboutmaxboxone .cont .right .icon .li{ width: calc(100% / 3);}

	.aboutmaxboxthree .h{ font-size: 20px; font-weight: bold; margin-bottom: 20px; text-align: center;}

	.aboutmaxboxthree .m{ font-size: 24px; line-height: 34px; text-align: center; margin-bottom: 35px;}

	.aboutmaxboxthree .list .li{ width: calc(33.33% - 26px); margin: 25px 13px 0 13px;}

	.aboutmaxboxthree .list{ justify-content: center;}

	.aboutmaxboxfour .tit{ font-size: 24px;}

	.aboutmaxboxfive .list .wker{ width: 4rem;}

	.aboutmaxboxfive .list .swiper-slide-active .wker{ width: 6rem;}

	.aboutmaxboxfive .list .wker .img .m{ height: 2.2rem;}

	.aboutmaxboxfive .list .swiper-slide-active .wker .img .m{ height: 3.2rem;}

	.aboutmaxboxfive .list .wker .p{ font-size: 16px; line-height: 26px; margin-top: 20px;}

	.aboutmaxboxfive .list .em{ display: none;}

	.aboutmaxboxfive .swiper-pagination{ display: flex; justify-content: center; bottom: 0!important;}

	.aboutmaxboxfive .swiper{ padding-bottom: 30px;}

	.swiper-pagination-bullet-active{ background: #CCA445!important;}

	.indexboxmaxtwo .tit, .indexboxmaxfive .toper .cont .tit, .workdbotboxmax .cont .h, .indexboxmaxthree .text .tit, .indexboxmaxfour .left .tit{ font-size: 20px; line-height: 30px; font-weight: bold;}

	.indexboxmaxthree .list .li .p{ font-size: 14px;}

	.indexboxmaxfour .list .swiper-slide-active .m{ top: 5rem;}

	.indexboxmaxfive .toper .cont{ max-width: none;}

}





@media (max-width: 950px){

	html,body{ font-size: calc(100vw/7.5);}

	.w1360{ width: auto;}

	/*.headercp{ display: none;}*/

	.headercp .right .nav{ display: none;}

	.headercp{ padding: 0 0.35rem!important; height: 60px; align-items: center;}

	.headercp .logo a img,

	.headercp .logo a{ height: 36px; margin: 0!important;}

	.headercp .right .sole{ width: 30px; background: url(../images/18.png) no-repeat center!important; background-size: 100% auto!important;}

	

	.databanner .ter .h{ font-size: 20px; line-height: 32px; text-align: center; font-weight: bold;}

	.databanner .ter{ padding: 0.35rem;}

	.databanner .m{ height: 320px!important;}

	.downboxmax .cont{ display: block;}

	.navmaxboxlist,

	.downboxmax .rightbox{ width: auto;}

	.downboxmax{ padding: 40px 0.35rem 60px 0.35rem;}

	.navmaxboxlist .wli .input .m input,

	.navmaxboxlist .wli .input button{ height: 42px;}

	.navmaxboxlist .wli .list{ display: flex; justify-content: flex-start; flex-wrap: wrap;}

	.navmaxboxlist .wli .list .li + .li{ margin-top: 0;}

	.navmaxboxlist .wli .list .li a{ line-height: 32px; margin-right: 15px;}

	.downboxmax .rightbox{ padding-top: 30px;}

	.titlebox .h{ font-size: 20px; font-weight: bold; line-height: 30px;}

	.videolistbox,

	.videominbox{ margin: 0; display: block; padding: 40px 0 30px 0;}

	.videolistbox .li,

	.videominbox .li{ width: auto; margin: 0;}

	.videolistbox .li + .li,

	.videominbox .li + .li{ margin-top: 0.35rem;}

	.videominbox .li .m{ height: auto;}

	.videominbox .li .p{ font-size: 15px;}

	.footercp .toop{ display: block;}

	.footercp .toop .nav{ display: none;}

	.footercp{ padding: 50px 0.35rem 0.35rem 0.35rem;}

	.footercp .toop .right .h{ text-align: center;}

	.footercp .toop .right .wear{ display: block;}

	.footercp .toop .right .wear .ter{ text-align: center;}

	.footercp .toop .right .wear .tel{ margin: 30px auto 0;}

	.footercp .boot{ padding-top: 30px; margin-top: 30px; border-top: 1px solid hsla(0,0%,100%,0.10); text-align: center;}

	.footercp .boot .iocn .p, .footercp .boot .iocn a{ font-size: 13px; margin: 0 0 5px 0;}

	.footercp .boot .iocn + .iocn{ margin-top: 0;}

	.footercp .boot .iocn{ justify-content: center; display: block; padding: 0 0.35rem;}

	.footercp .boot .iocn a::after{ display: none;}

	.downbox{ width: 40px; height: 40px; right: 0.3rem; bottom: 0.5rem;}

	.workdbotboxmax .cont{ padding: 80px 0.35rem;}

	.workdbotboxmax .cont .h{ font-size: 22px; line-height: 36px;}

	.workdbotboxmax{ min-height: inherit;}

	.workdataboxmax{ padding: 70px 0.35rem;}

	.workdataboxmax .cont{ display: block;}

	.workdataboxmax .cont .tit{ font-size: 20px; line-height: 32px; /*text-align: center;*/}

	.workdataboxmax .cont .right{ width: auto; margin-top: 30px;}

	.workdataboxmax .cont .tit br{ display: none;}

	.workdataboxmax .cont .right .h{ font-size: 17px; margin-bottom: 25px;}

	.workdataboxmax .cont .right .list{ display: flex; flex-wrap: wrap;}

	.workdataboxmax .cont .right .list .li + .li{ margin: 0;}

	.workdataboxmax .cont .right .list .li{ min-width: calc(50% - 20px); margin-bottom: 10px!important;}

	.workdbotboxmax .cont .n,

	.workdbotboxmax .cont .h{ text-align: center;}

	.workdbotboxmax .moremaxker{ margin: auto;}

	.datatooptit .cont{ display: block;}

	.datatooptit .cont .left{ display: block;}

	.datatooptit .cont .left .nav{ flex-wrap: wrap; padding: 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin: 0 0 -1px 0;}

	.datatooptit .cont .left .nav .li{ width: 50%; margin: 0 0 -1px 0!important; border-bottom: 1px solid #E5E5E5; position: relative;}

	.datatooptit .cont .left .nav .li a{ display: flex; justify-content: center; align-items: center; padding: 8px 5px; margin: 0; font-size: 15px; line-height: 24px; text-align: center; border: none; height: auto;}

	.datatooptit .cont .left .nav::after{ display: none;}

	.datatooptit{ background-size: 2rem auto;}

	.datatooptit .cont .left .nav .li a::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #E5E5E5;}

	.datatooptit .cont .left .nav .li:nth-child(2n) a::after{ display: none;}

	.datatooptit .cont .h{ font-size: 20px; line-height: 66px; text-align: center;}

	.datatooptit .cont .input input{ height: 54px; width: 100%;}

	.datatooptit .cont .input{ margin: 0 0.35rem; display: flex; box-sizing: border-box;}

	.newsdata{ padding: 60px 0.35rem;}

	.newsdata .h{ font-size: 18px; line-height: 30px; font-weight: bold;}

	.newsdata .icon div{ font-size: 13px; line-height: 20px; padding: 3px 5px; margin: 0;}

	.newsdata .icon{ padding: 25px 0 20px 0;}

	.newsdata .ps{ padding: 35px 0;}

	.newsdata .more{ display: block; margin-top: 35px;}

	.newsdata .more a{ width: 100%;}

	.newsdata .more a + a{ margin-top: 5px;}

	.newsboxlist .list .wli .cont{ padding: 0.35rem; display: block;}

	.newsboxlist .list .wli .cont .m{ width: 100%; height: auto; margin-bottom: 0.3rem;}

	.newsboxlist .list .wli .cont .ter{ width: auto;}

	.newsboxlist .list .wli .cont .ter .h{ font-size: 17px; line-height: 26px; margin-bottom: 15px; font-weight: bold;}

	.newsboxlist .moreminbox{ margin: 30px 0.35rem 0 0.35rem;}

	.newsboxlist .list .wli .cont .ter .p{ margin-bottom: 25px;}

	.contactboxone,

	.contactboxtwo{ margin: 70px 0.35rem 0 0.35rem;}

	.contactboxone .list{ margin: 30px 0 0 0; display: block;}

	.contactboxone .list .li{ width: auto;}

	.contactboxone .list .li + .li{ margin-top: 0.35rem;}

	.contactboxone .list .li .top .m img{ height: 50px;}

	.contactboxone .list .li .top .h{ font-size: 17px; font-weight: bold; margin-top: 25px;}

	.contactboxone .list .li .top{ min-height: inherit;}

	.contactboxone .list .li .mk{ padding: 40px 15px;}

	.contactboxone .list .li .p{ margin-top: 20px; font-size: 16px;}

	.titlebox .p{ font-size: 15px; margin-top: 20px;}

	.contactboxtwo .list{ margin-top: 30px;}

	.contactboxtwo .list .mk{ display: block; position: relative; top: auto; left: auto; width: auto; height: auto; z-index: 5;}

	.contactboxtwo .list .m{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}

	.contactboxtwo .list .mk .li{ width: 100%; display: block;}

	.contactboxtwo .list .mk .li .ter .h{ font-size: 18px; font-weight: bold;}

	.contactboxtwo .list .mk .li + .li::after{ left: 0; top: 0; width: 100%; height: 1px;}

	.contactboxtwo .list .mk .li .ter .em{ height: 3px!important; margin: 15px auto 0!important;}

	.contactboxtwo .list .mk .li .ter .p{ font-size: 15px; line-height: 28px; min-height: inherit!important; height: auto!important; margin: 20px 0 0 0!important;}

	.contactboxtwo .list .mk .li .ter{ padding: 50px 30px;}

	.contactboxthree{ padding: 140px 0.35rem 70px 0.35rem; margin-top: -70px;}

	.contactboxthree .list .wli .top{ flex-wrap: wrap; padding: 8px 0.3rem; justify-content: space-between;}

	.contactboxthree .list .wli .top .em{ font-size: 15px; line-height: 38px;}

	.contactboxthree .list .wli .top .li:first-child{ width: 100%!important; margin: 0; border-bottom: 1px solid hsla(0,0%,0%,0.05);}

	.contactboxthree .list .wli .top .li:nth-child(2), .contactboxthree .list .wli .top .li:nth-child(3){ width: 45%!important; margin: 0;}

	.contactboxthree .list .wli .top .sole{ right: 0.3rem; top: 8px; height: 38px;}

	.contactboxthree .list .wli .top .li:nth-child(2) .em,

	.contactboxthree .list .wli.on .top .li:nth-child(2) .em{ background-size: 14px auto; padding-left: 22px;}

	.contactboxthree .list .wli .top .li:nth-child(3) .em,

	.contactboxthree .list .wli.on .top .li:nth-child(3) .em{ background-size: 18px auto; padding-left: 26px;}

	.contactboxthree .list .wli .bot{ padding: 20px 0.3rem;}

	.aboutmaxboxone,

	.aboutmaxboxthree,

	.aboutmaxboxfour{ padding: 70px 0.35rem;}

	.aboutmaxboxone .cont{ display: block;}

	.aboutmaxboxone .cont .left{ width: auto; text-align: center;}

	.aboutmaxboxone .cont .left .h{ font-size: 22px; line-height: 34px;}

	.aboutmaxboxone .cont .left .n{ font-size: 17px;}

	.aboutmaxboxone .cont .right{ width: auto; margin-top: 30px;}

	.aboutmaxboxone .cont .right .icon{ padding: 30px 0 0 0;}

	.aboutmaxboxone .cont .right .icon .h em{ font-size: 34px; line-height: 1;}

	.aboutmaxboxone .cont .right .icon .h i{ font-size: 22px; line-height: 1;}

	.aboutmaxboxone .cont .right .icon .p{ font-size: 15px;}

	.aboutmaxboxtwo .top .cont{ padding: 0.35rem;}

	.aboutmaxboxtwo .top .cont .li{ font-size: 15px; line-height: 22px; text-align: center; width: 48%; padding-bottom: 10px;}

	.aboutmaxboxtwo .top .cont .li::after{ width: 100%;}

	.aboutmaxboxtwo .bot .li{ padding: 30px 0.35rem;}

	.aboutmaxboxthree .h,

	.aboutmaxboxfour .tit{ font-size: 20px; text-align: center; font-weight: bold; margin-bottom: 15px;}

	.aboutmaxboxthree .m{ font-size: 16px; line-height: 28px; text-align: center; margin-bottom: 30px;}

	.aboutmaxboxthree .list{ margin: 0; justify-content: space-between; display: block;}

	.aboutmaxboxthree .list .li{ width: auto; margin: 0 0 0.2rem 0;}

	.aboutmaxboxfour .swiper .swiper-button-next, .aboutmaxboxfour .swiper .swiper-button-prev{ display: none;}

	.aboutmaxboxfour .swiper .wker{ display: block;}

	.aboutmaxboxfour .swiper{ padding: 15px 0 30px 0; margin: 0;}

	.aboutmaxboxfour .swiper .wker .m{ width: 100%; height: 4.2rem;}

	.aboutmaxboxfour .swiper .wker .ter{ width: auto; height: auto;}

	.aboutmaxboxfour .swiper .wker .ter .mk{ padding: 30px 0.35rem 80px 0.35rem;}

	.aboutmaxboxfour .swiper .wker .ter .h{ font-size: 17px; line-height: 28px; margin-bottom: 10px;}

	.aboutmaxboxfour .swiper .wker .ter .p{ font-size: 15px; line-height: 30px;}

	.aboutmaxboxfour .swiper .wker .moremaxker{ left: 0.35rem; bottom: 30px;}

	.aboutmaxboxfour .swiper .swiper-pagination{ display: flex; justify-content: center; bottom: 0!important;}

	.aboutmaxboxfive{ padding: 70px 0.35rem; overflow: hidden;}

	.aboutmaxboxfive .swiper{ margin: 0; width: 15rem; margin-left: 50%; transform: translateX(-50%);}

	.aboutmaxboxfive .list .swiper-slide-active .wker{ width: 4.5rem;}

	.aboutmaxboxfive .list .wker{ width: 4rem;}

	.aboutmaxboxfive .list .wker .p{ font-size: 14px; line-height: 26px; margin-top: 15px;}

	.aboutmaxboxfive .list .wker .img .m{ height: 2.1rem;}

	.aboutmaxboxfive .list .swiper-slide-active .wker .img .m{ height: 2.4rem;}

	.aboutmaxboxfive .list .swiper-slide-active .wker .img .i,

	.aboutmaxboxfive .list .swiper-slide .wker .img .i{ height: auto;}

	.aboutmaxboxfive .list .wker .img .i{ margin: -0.12rem 0 0 0;}

	.aboutmaxboxfive .list .wker{ padding-top: 0.2rem;}

	.aboutmaxboxfive .list .swiper{ padding-bottom: 30px;}

	.aboutmaxboxfive .list .swiper-pagination{ display: flex; justify-content: center; bottom: 0!important;}

	.aboutmaxboxfive .list{ margin-top: 40px;}

	

	.section{ width: auto!important; height: auto!important;}

	#fullpage{ width: auto!important; height: auto!important; transform: none!important; transition: unset!important;}

	.fp-viewing-page1,

	.fp-viewing-page2,

	.fp-viewing-page3,

	.fp-viewing-page4,

	.fp-viewing-page5,

	.fp-enabled{ height: auto!important; overflow-y: auto!important;}

	.banner{ height: 400px;}

	.banner .wker .ter{ width: auto; left: 0.35rem; right: 0.35rem; top: 50%; transform: translateY(-50%);}

	.banner .wker .ter .v img{ height: auto; width: 80%;}

	.banner .wker .ter .p{ width: auto; font-size: 14px; line-height: 24px;}

	.banner .swipernum{ transform: none; left: 0.35rem; bottom: 0.3rem;}

	.banner .swipernum i{ font-size: 16px;}

	#fp-nav{ display: none;}

	.banner .swiper-button-next, .banner .swiper-button-prev{ bottom: 0.3rem; right: 0.35rem;}

	.banner .swiper-button-prev{ right: 1rem;}

	.indexboxmaxtwo{ position: relative!important; top: auto!important; left: auto!important; right: auto!important; bottom: auto!important; opacity: 1!important;}

	.indexboxmaxtwo{ padding: 70px 0.35rem;}

	.indexboxmaxtwo .n,

	.indexboxmaxthree .text .n,

	.indexboxmaxfive .toper .cont .n,

	.indexboxmaxfour .left .n{ font-size: 17px; text-align: center; margin-bottom: 10px;}

	.indexboxmaxtwo .tit,

	.indexboxmaxthree .text .tit,

	.indexboxmaxfour .left .tit,

	.indexboxmaxfive .toper .cont .tit{ font-size: 16px; line-height: 28px; text-align: center; margin-bottom: 30px;}

	.indexboxmaxtwo .tit br,

	.indexboxmaxthree .text .tit br,

	.indexboxmaxfive .toper .cont .tit br,

	.indexboxmaxfour .left .tit br{ display: none;}

	.indexboxmaxtwo .iocn{ justify-content: space-between;}

	.indexboxmaxtwo .ps,

	.indexboxmaxthree .text .ps,

	.indexboxmaxfive .toper .cont .p{ width: auto; text-align: center; font-size: 15px; line-height: 28px; margin: 30px 0 0 0;}

	.indexboxmaxtwo .iocn .li{ margin: 0;}

	.indexboxmaxtwo .iocn .li .p{ font-size: 15px;}

	.indexboxmaxtwo .iocn .li .h i{ font-size: 34px; line-height: 1;}

	.indexboxmaxtwo .iocn .li .h em{ font-size: 22px;}

	.indexboxmaxtwo .moremaxker,

	.indexboxmaxthree .text .moremaxker{ margin: 40px auto 0;}

	.indexboxmaxthree .list,

	.indexboxmaxthree .text,

	.indexboxmaxfour .left,

	.indexboxmaxfour .right{ position: relative!important; top: auto!important; left: auto!important; right: auto!important; bottom: auto!important; width: auto!important; transform: none!important; opacity: 1!important;}

	.indexboxmaxthree,

	.indexboxmaxfour{ padding: 70px 0.35rem; overflow: hidden;}

	.indexboxmaxthree .list .li .m img{ height: 0.88rem;}

	.indexboxmaxthree .list .li .p{ font-size: 13px; line-height: 16px; margin: 8px 5px 0 5px; height: 16px;}

	.indexboxmaxthree .list .li{ height: 2.2rem; opacity: 1!important; transform: none!important;}

	.indexboxmaxthree .text{ margin: 50px 0 0 0;}

	.indexboxmaxfour .left .nav{ display: flex; justify-content: center;}

	.indexboxmaxfour .left .nav .li{ width: calc(100% / 3); display: block;}

	.indexboxmaxfour .left .nav .li a{ font-size: 16px; line-height: 20px; text-align: center;}

	.indexboxmaxfour .left .more{ display: none;}
	.indexboxmaxfour .list{ top: 0!important; left: 0!important;}
	.indexboxmaxfour .list:first-child{ position: relative!important; top: auto!important; right: auto!important; opacity: 1!important;}
	
	.indexboxmaxfour .list .ter .h{ font-size: 17px;}

	.indexboxmaxfour .list .ter .p{ font-size: 14px; line-height: 24px;}

	.indexboxmaxfour .list .swiper-slide,

	.indexboxmaxfour .list .swiper-slide-active{ width: 5.5rem; border: none;}

	.indexboxmaxfour .list .swiper-slide-active .wker,

	.indexboxmaxfour .list .swiper-slide .wker{ width: 5rem; padding: 0; border: none;}

	.indexboxmaxfour .list .swiper-slide-active .m,

	.indexboxmaxfour .list .swiper-slide .m{ width: 100%; height: 3.4rem; position: relative; top: auto; left: auto; bottom: auto; margin-bottom: 10px;}

	.indexboxmaxfour .list .swiper-slide::after{ display: none;}

	.indexboxmaxfour .list{ width: 16.5rem; margin-top: 0;}
	.indexboxmaxfour .right{ margin-top: 30px;}
	.indexboxmaxfour .swiper{ padding-bottom: 30px;}

	.indexboxmaxfour .swiper-pagination{ display: flex; justify-content: center; width: 6.8rem!important; bottom: 0!important;}

	.slimScrollDiv,

	.fp-scrollable{ height: auto!important;}

	.downboxindex{ position: fixed!important; right: 0.3rem!important;}

	.indexboxmaxfive .toper .cont{ max-width: none; padding: 70px 0.35rem;}

	.indexboxmaxfive .openbox{ padding: 50px 0.35rem;}

	.indexboxmaxfive .openbox .em{ display: none;}

	.indexboxmaxfive .openbox .swiper{ padding-bottom: 30px;}

	.indexboxmaxfive .openbox .swiper-pagination{ display: flex; justify-content: center; width: 6.8rem!important; bottom: 0!important;}

	.videomaxbox .cont{ width: 100%;}

	.indexboxmaxthree .list .i{ opacity: 1!important;}

	.swiper-pagination-bullet-active{ background: #CCA445!important;}

	.indexboxmaxfive .toper .cont{ opacity: 1!important;}

	.indexboxmaxfive .toper .bot .more a{ font-size: 15px; line-height: 30px;}

	.indexboxmaxfive .openbox{ opacity: 1!important; transform: none!important;}

	.downboxindex{ opacity: 0!important;}

	.downbox2{ opacity: 1!important;}

	

	.headercp1{ background: #0F173E;}

	.wrapBox.fullpage-wrapper{ top: auto!important; height: auto!important;}

	.indexboxmaxfive .toper .cont .p{ text-align: left;}

	.headercp .right .sole{ display: block;}
	.newsdata .cont{ width: auto;}

}







.newsdata .more a i,

.newsboxlist .list .wli .cont .ter .h{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}



.indexboxmaxfour .list .ter .h,

.newsboxlist .list .wli .cont .ter .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}







.indexboxmaxfour .list .ter .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}





