﻿
@media (max-width: 950px){
	html,body{ font-size: calc(100vw/7.5);}
	/* hide */
	.headercp{ display: none;}
	.w1200{ width: auto;}
	
	.indexbanner{ margin-top: 50px;}
	.indexbanner a{ height: 2.1rem;}
	.indexbanner .swiper-pagination span{ width: 6px; height: 6px; margin: 0 4px!important;}
	.indexboxonelist{ padding: 50px 0.3rem;}
	.indexboxonelist .cont .li .p{ font-size: 14px; line-height: 20px;}
	.indexboxonelist .cont .li .h i{ font-size: 24px;}
	.indexboxonelist .cont .li .h{ font-size: 12px; line-height: 20px;}
	.indexhotboxmax{ padding: 50px 0.3rem;}
	.indextitle .h{ font-size: 22px;}
	.indextitle::after{ height: 22px;}
	.indexhotboxmax .list{ margin: 0; justify-content: space-between;}
	.indexhotboxmax .list .li{ width: calc(50% - 0.15rem); margin: 0.3rem 0 0 0;}
	.indexhotboxmax .list .li .m{ height: 3.3rem;}
	.indexhotboxmax .list .li .p{ font-size: 13px; line-height: 36px; padding: 0 0.2rem; position: relative; top: auto!important; left: auto; right: auto; bottom: auto!important;}
	.indexhotboxup{ padding: 50px 0.3rem;}
	.indexhotboxup .cont{ display: block;}
	.indexhotboxup .cont .left{ width: 100%;}
	.indexhotboxup .cont .right{ width: auto; margin-top: 30px;}
	.indexhotboxfour{ padding: 50px 0.3rem;}
	.indexhotboxfour .swiper{ margin: 0;}
	.indexhotboxfour .swiper .li{ width: 100%; transform: none!important;}
	.indexhotboxfour .swiper .li .m{ height: 2.72rem;}
	.indexhotboxfour .swiper-pagination span{ width: 10px; }
	.indexaboutbox{ padding: 50px 0.3rem;}
	.indexaboutbox .list{ display: block;}
	.indexaboutbox .list .li{ width: auto!important; margin: 0!important;}
	.indexaboutbox .list .li + .li{ margin-top: 30px!important;}
	.footercp .toop{ padding: 50px 0.3rem;}
	.footercp .toop .cont{ display: block;}
	.footercp .toop .cont .li{ width: auto; display: flex; justify-content: center;}
	.footercp .toop .cont .li + .li{ margin-top: 20px;}
	.footercp .toop .cont .li .m img{ height: 20px; margin: 2px 10px 0 0;}
	.footercp .toop .cont .li .p{ margin: 0;}
	.cellheaderboxmax{ display: block;}
	.titlesp img{ width:100%}
	.indexhotboxfour .li{ width: auto; margin: 0;}
	.indexhotboxfour .list{ display: block; margin: 0;}
	.indexhotboxfour .li + .li{ margin: 0.35rem 0 0 0;}
.mintopnav .h{ font-size: 12px; line-height: 20px; background-size: 9px auto!important; padding: 0 5px 0 12px;}
	.mintopnav{flex-wrap: wrap; margin-top:1.2rem}
	.mintopnav .min a{ font-size: 12px; line-height: 20px;}
	.mintopnav .min a::after{ font-size: 12px; right: -15px; width: 15px;}
	.mintopnav .min a{ margin-right: 15px;}
	.aboutboxmax{ padding: 0.3rem 0.35rem 50px 0.35rem;}
	.aboutboxmax .listbox .right{ width: auto; margin: 30px 0 0 0;}
	.aboutboxmax .listbox .top .ter{ width: auto;}
	.aboutboxmax .listbox .top{ display: block;}
	
	.aboutboxmax .listbox{ padding-top: 20px; display: block;}
		.aboutboxmax .listbox .top .imgbox{ width: auto; margin-bottom: 30px;}
	.aboutboxmax .listbox .boot .em{ width: 0.3rem; height: 1.1rem;}
	.aboutboxmax .listbox .boot .swiper{ width: 6rem;}
	.aboutboxmax .listbox .boot .m{ width: 1.1rem; height: 1.1rem;}
		.aboutboxmax .listbox .top .ter .h{ font-size: 20px; line-height: 30px;}
		.aboutboxmax .listbox .top .ter .min, .aboutboxmax .listbox .top .ter .min .p{ font-size: 14px; line-height: 24px;}
	.aboutboxmax .listbox .databox{ margin: 30px 0 0 0;}
	.aboutboxmax .listbox .databox .tit i{ font-size: 14px; line-height: 34px;}
	.aboutboxmax .listbox .databox .ps{ font-size: 14px; line-height: 24px;}
	
	.aboutbanner{ margin-top: 50px;}
	.aboutbanner .cont .h1{ font-size: 18px; line-height: 28px;}
	.aboutbanner .cont .p{ font-size: 14px; line-height: 24px; margin-top: 0px;}
	.goodsnav .cont{ padding: 0;justify-content:flex-start}
	.goodsnav .cont{ padding:  0; overflow-x: auto; display: flex; justify-content: flex-start;}
	.goodsnav .cont .right{ display:none}
	.goodsnav .cont .nali .li a{ padding: 0 20px; font-size: 14px; line-height: 40px; margin-left: 0;}
	
}




/*{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}*/

/*{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}*/

/*{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}*/




