﻿
@media (max-width: 950px){
	html,body{ font-size: calc(100vw/7.5);}
	/* hide */
	.headercp{ display: none;}
	.w1440{ width: auto;}
	
	.indexbanner{ margin-top: 50px;}
	.indexbanner a .m{ height: 3.5rem;}
	.indexbanner .swiper-pagination{ bottom: 0.3rem!important;}
	.indexbanner .swiper-pagination span{ margin: 0 0.08rem!important;}
	
	.headercellbox{ display: block;}
	.hts{ font-size:16px; line-height:26px}
	
	.indexhotboxmax{ padding: 50px 0.35rem;}
	.indexbanner .text{ width: auto; height: auto; right: 0; bottom: 0; padding: 0 0.35rem; text-align: center;}
	.indexbanner .text .h{ font-size: 0.36rem; line-height: 0.46rem;}
	.indexbanner .text .p{ font-size: 0.28rem; line-height: 0.38rem;}
	.indextitle{ font-size: 0.4rem;}
	.indexhotboxmax .list{ display: block; margin: 0; padding: 30px 0 0 0;}
	.indexhotboxmax .list .li{ width: 100%!important; margin: 0!important;}
	.indexhotboxmax .list .li + .li{ margin: 0.3rem 0 0 0!important;}
	.indexhotboxmax .list .li .m{ height: auto!important;}
	.indexhotboxmax .list .li .ter .h{ font-size: 0.34rem;}
	.indexhotboxmax .list .li .ter .p{ font-size: 0.28rem; line-height: 0.38rem; margin-top: 0.2rem;}
	.indexhotboxmax .list .li .ter .a{ font-size: 0.24rem; line-height: 0.34rem;}
	.indexhotboxmax .list .li:hover .ter .a{ height: 0.34rem;}
	
	.indexhotboxup .swiper a{ width: 6rem;}
	.indexhotboxup .swiper a .m{ height: 3rem;}
	.indexhotboxup .swiper{ width: 18.6rem; margin-left: calc((100% - 18.6rem) / 2);}
	.indexhotboxup .swiper .ter .h{ font-size: 0.34rem; line-height: 0.44rem; margin-bottom: 0.2rem;}
	.indexhotboxup .swiper .ter{ top: 0.4rem;}
	.indexhotboxup .swiper .ter .p{ font-size: 0.24rem; line-height: 0.34rem; width: auto; padding: 0 0.35rem;}
	.indexhotboxfour{ padding: 80px 0.35rem;}
	.indexhotboxfour .p{ font-size: 0.32rem;}
	.indexhotboxfour .h{ font-size: 0.6rem; line-height: 0.6rem;}
	.indexhotboxfour .h i{ font-size: 0.8rem; line-height: 0.6rem;}
	.indexhotboxfour .n{ font-size: 0.34rem; }
	.indexhotboxfour .a a{ font-size: 0.3rem;}
	
	.indexaboutbox{ padding: 50px 0.35rem;}
	.indexaboutbox .list{ padding: 30px 0; display: block;}
	.indexaboutbox .list .left{ width: auto;}
	.indexaboutbox .list .left .m{ height: auto;}
	.indexaboutbox .list .left .ter{ padding: 0.3rem 0 0 0;}
	.indexaboutbox .list .left .ter .t{ font-size: 0.24rem;}
	.indexaboutbox .list .left .ter .p{ font-size: 0.28rem; line-height: 0.42rem;}
	.indexaboutbox .list .right{ width: auto; margin: 30px 0 0 0;}
	.indexaboutbox .list .right .top a .ter .h{ font-size: 0.28rem; line-height: 0.42rem;}
	.indexaboutbox .list .right .top a .ter .p{ font-size: 0.24rem;}
	.indexaboutbox .list .right .bot .li .h{ font-size: 0.28rem; line-height: 0.42rem; width: 4.5rem;}
	
	.indexmore a{ font-size: 0.24rem; line-height: 0.7rem; border-radius: 0.4rem;}
	.footercp{ padding: 0 0.35rem;}
	.footercp .toop{ padding: 50px 0 30px 0; display: block;}
	.footercp .toop .left .logo img{ width: auto; height: 0.66rem; padding: 0 0 20px 0;}
	.footercp .toop .left .input{ width: 70%; margin: auto;}
	.footercp .toop .left .input input{ height: 0.7rem; font-size: 0.24rem; border-radius: 0.4rem; padding: 0 0.9rem 0 0.3rem;}
	.footercp .toop .left .input button{ width: 0.6rem; background-size: 0.3rem auto;}
	.footercp .toop .left .more a img{ width: 0.5rem; height: 0.5rem;}
	.footercp .toop .right{ display: block; padding-top: 30px; margin-top: 30px; border-top: 1px solid hsla(0,0%,0%,0.05);}
	.footercp .toop .right .wli + .wli{ margin: 30px 0 0 0!important;}
	.footercp .toop .right .wli .h{ font-size: 0.34rem; line-height: 1; font-weight: 600; margin: 0; padding-bottom: 0.05rem;}
	.footercp .toop .right .wli .min a{ font-size: 0.24rem; line-height: 0.34rem; margin: 0.1rem 0.2rem 0 0;}
	.footercp .toop .right .wli .min{ display: flex; flex-wrap: wrap;}
	.footercp .toop .right .wli2{ padding-top: 30px!important; margin-top: 30px!important; border-top: 1px solid hsla(0,0%,0%,0.05);}
	.footercp .toop .right .wli .img img{ width: 120px; margin: 10px auto 0;}
	.footercp .toop .right .wli .img .p{ font-size: 0.24rem;}
	.footercp .boot a, .footercp .boot .p{ font-size: 0.24rem; line-height: 0.38rem; text-align: center;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}



.fonts1{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}
.fonts2{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.fonts3{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}




