﻿
@media (max-width: 950px){
	html,body{ font-size: calc(100vw/7.5);}
	/* hide */
	.headercp{ display: none;}
	.w1415{ width: auto;}
	.wapl{    padding: 0.3rem 0.35rem 1px 0.35rem;}
	.p60{ padding:30px 10px; }
	.footercp .toop{ padding: 50px 0.35rem;}
	.footercp .toop .cont{ display: block;}
	.footercp .toop .left{ width: auto; padding: 0 0 30px 0; margin: 0 0 30px 0; border: none; border-bottom: 1px solid #676767;}
	.footercp .toop .left .logo img{ width: 3rem; height: auto; margin: auto;}
	.footercp .toop .left .p{ font-size: 14px; line-height: 24px; text-align: center; margin: 15px 10px 0 10px;}
	.footercp .toop .nav{ width: auto; padding: 0 0 30px 0; margin: 0 0 30px 0; border: none; border-bottom: 1px solid #676767;}
	.footercp .toop .nav .h a{ font-size: 16px; text-align: center;}
	.footercp .toop .nav .min{ display: flex; justify-content: center; flex-wrap: wrap;}
	.footercp .toop .nav .min a{ font-size: 14px; line-height: 26px; margin: 0 5px;}
	.footercp .boot a, .footercp .boot .p{ font-size: 14px; line-height: 24px; text-align: center;}
	.footercp .boot{ padding: 10px 0.35rem;}
	.footercp .toop .right .tit{ font-size: 16px; padding: 0; margin: 0 0 30px 0; border: none; /*text-align: center;*/}
	.footercp .toop .right .list .wli .li .p{ font-size: 14px; line-height: 26px; display: inline-block;}
	.footercp .toop .right .list .wli .li::after{ width: 20px; height: 26px; background-size: 16px auto!important;}
	.footercp .toop .right .list .wli .li{ padding-left: 25px;}
	.footercp .toop .right .list{ display: block;}
	.footercp .toop .right .list .wli{ width: auto;}
	.footercp .toop .right .list .wli .li + .li{ margin-top: 5px;}
	.footercp .toop .right .list .wli .h{ font-size: 16px; margin-bottom: 10px;}
	.footercp .toop .right .list .wli + .wli{ margin-top: 25px;}
	.indexboxmaxthree .titb{ padding:0px}
	.indexboxmaxthree .titb .p{ font-size:14px; line-height:26px; }
	.indexboxmaxfour{ padding: 50px 0.35rem;}
	.indexboxmaxfour .tit .h,
	.indexboxmaxthree .tit .h,
	.indexboxmaxtwo .tit .h{ font-size: 20px; line-height: 30px;}
	.indexboxmaxfour .tit .p,
	.indexboxmaxthree .tit .p,
	.indexboxmaxtwo .tit .p{ font-size: 14px; line-height: 24px;}
	.indexboxmaxfour .list .em1{ left: 0;}
	.indexboxmaxfour .list .em2{ right: 0;}
	.indexboxmaxfour .list{ margin: 30px 0 0 0;}
	.indexboxmaxfour .list .em{ width: 0.6rem; height: 0.6rem;}
	.indexboxmaxfour .list .h{ font-size: 14px; line-height: 24px; padding: 0.2rem 0 0 0;}
	.indexboxmaxfour .list a{ width: 5rem;}
	.indexboxmaxfour .list a .m{ height: 2.08rem;}
	.indexboxmaxthree{ padding: 50px 0.35rem;}
	.indexboxmaxthree .tit{ display: block; text-align: center;}
	.indexboxmaxthree .a a{ margin: 20px auto 0; width: 90px; height: 32px;}
	.indexboxmaxthree .a a i{ font-size: 12px;}
	.indexboxmaxthree .a a:hover::after{ height: 34px;}
	.indexboxmaxthree .list{ display: block; margin: 30px 0 0 0; padding: 0;}
	.indexboxmaxthree .list .li{ width: auto; margin: 0;}
	.indexboxmaxthree .list .li + .li{ margin: 0.35rem 0 0 0;}
	.indexboxmaxthree .list .li .h{ font-size: 14px; line-height: 24px;}
	.indexboxmaxthree .list .li .m{ height: 4.6rem;}
	.indexboxmaxtwo .tit{ padding: 50px 0.35rem 30px 0.35rem;}
	.indexboxmaxtwo .cont{ padding: 30px 0.35rem 50px 0.35rem;}
	.indexboxmaxtwo .cont .nav{ margin: 0; overflow-x: auto;}
	.indexboxmaxtwo .cont .nav .li a{ font-size: 15px; line-height: 26px; white-space: nowrap;}
	.indexboxmaxtwo .cont .list .wli{ justify-content: space-between;}
	.indexboxmaxtwo .cont .list .li{ width: 3.3rem; margin: 30px 0 0 0!important; padding: 0;}
	.indexboxmaxtwo .cont .list .h{ font-size: 12px; line-height: 20px; text-align: center;}
	.indexboxmaxtwo .cont .list .li .m{ height: 3.3rem;}
	.contactboxone{ padding: 50px 0.35rem;}
	.contactboxone .cont{ display: block;}
	.contactboxone .cont .left{ width: auto; shape-margin: 0; padding: 0;}
	.contactboxone .cont .left .h{ text-align: center;}
	.contactboxone .cont .left .n{ font-size: 18px; line-height: 28px; text-align: center;}
	.contactboxone .cont .left .p{ font-size: 14px; line-height: 24px; text-align: center;}
	.contactboxone .cont .right{ width: auto; margin-top: 30px;}
	.contactboxone .cont .right .li .h{ font-size: 14px; line-height: 40px;}
	.contactboxone .cont .right .li .input{ width: calc(100% - 80px);}
	.contactboxone .cont .right .li .input input{ height: 40px; font-size: 14px;}
	.contactboxone .cont .right .li .ter textarea{ padding: 10px; font-size: 14px; height: 100px;}
	.contactboxone .cont .right .li .sub{ font-size: 14px; height: 40px; width: 100%;}
	.indexboxmaxone{ padding: 50px 0.35rem;}
	.indexboxmaxone .cont{ display: block;}
	.indexboxmaxone .cont .img{ width: auto; margin: 0 0 30px 0; padding: 10px;}
	.indexboxmaxone .cont .img::after{ top: 0; left: 0; right: 0; bottom: 0;}
	.indexboxmaxone .cont .i .play{ width: 0.8rem; height: 0.8rem;}
	.indexboxmaxone .cont .ter .p{ font-size: 20px; line-height: 30px;}
	.indexboxmaxone .cont .ter .ps{ font-size: 14px; line-height: 24px; margin: 20px 0 0 0;}
	.indexboxmaxone .cont .ter .tit .n{ font-size: 16px;}
	.indexbanner .ter{ top: 50%; transform: translateY(-50%); left: 0.35rem; right: 0.35rem;}
	.indexbanner .ter .h{ font-size: 20px; text-align: center; line-height: 30px;}
	.indexbanner .ter .p{ width: auto; font-size: 14px; line-height: 24px; text-align: center;}
	.indexbanner .ter .a{ margin: 20px auto 0;}
	.indexbanner .swiper-pagination span{ width: 0.4rem;}
	.indexbanner{ margin-top: 50px;}
	.indexboxmaxone .cont .ter{ width: auto;}
	.aboufourmaxbox .list .li{ width:100%;margin-bottom: 10px;}
	.aboufourmaxbox .list .li .m{ height:100%}
	.aboufourmaxbox{ padding: 50px 0.35rem;}
	.aboufourmaxbox .list .li .m img{ width:90%}
	.aboufourmaxbox .list .li .p img{ width:5%}
	.aboufourmaxbox .list{ display:block}
	.aboutbanner{ margin: 50px 0 0 0;}
	.aboutboxmax{ padding: 0.3rem 0.35rem 50px 0.35rem;}
	.mintopnav .h{ font-size: 12px; line-height: 20px; background-size: 9px auto!important; padding: 0 5px 0 12px;}
	.mintopnav{ flex-wrap: wrap;}
	.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 .listbox{ padding-top: 20px; display: block;}
	.aboutboxmax .listbox .left{ width: auto;}
	.aboutboxmax .listbox .left .tit{ font-size: 18px; height: 40px; line-height: 40px;}
	.aboutboxmax .listbox .left .nav{ padding: 20px 20px 20px 25px;}
	.aboutboxmax .listbox .left .nav .sli .h a{ font-size: 16px; line-height: 20px;}
	.aboutboxmax .listbox .left .nav .sli .h a::after{ width: 6px; height: 6px; top: 7px; left: -12px;}
	.aboutboxmax .listbox .left .nav .sli .min{ display: flex; flex-wrap: wrap;}
	.aboutboxmax .listbox .left .nav .sli .min a{ font-size: 12px; line-height: 24px; margin: 0 15px 0 0;}
	.aboutboxmax .listbox .left .inputbox{ padding: 20px;}
	.aboutboxmax .listbox .left .wli + .wli{ margin: 0.3rem 0 0 0;}
	.aboutboxmax .listbox .left .inputbox .input input{ font-size: 12px;}
	.aboutboxmax .listbox .left .inputbox .input input{ height: 36px; padding: 0 50px 0 15px;}
	.aboutboxmax .listbox .left .inputbox .input button{ width: 30px; background-size: 14px auto!important;}
	.aboutboxmax .listbox .right{ width: auto; margin: 30px 0 0 0;}
	.aboutboxmax .listbox .top{ display: block;}
	.aboutboxmax .listbox .top .ter .h{ font-size: 20px; line-height: 30px;}
	.aboutboxmax .listbox .top .ter{ width: auto;}
	.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;}
	
	.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;}
	
	.cellheaderboxmax{ display: block;}
	.indexvideobox .cont{ width: 100%;}
	.indexvideobox .cont .sole{ top: auto; right: auto; bottom: -40px; left: 50%; margin-left: -10px;}
	
	.indexbanner .m{ height: 2.96rem;}
	.indexbanner .swiper-pagination{ bottom: 0.3rem!important;}
	
}



.indexboxmaxfour .list .h,
.indexboxmaxthree .list .li .h{ overflow: hidden;  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;}*/




