﻿

@media (max-width: 950px){

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

	/* hide */

	.headercp{ display: none;}

	.paddingTop{ padding: 50px 0.3rem 0 0.3rem;}

	.margin{ margin: 50px 0.3rem;}

	.padding{ padding: 50px 0.3rem;}

	

	.indextitle{ display: block;}

	.indextitle .more{ display: none;}

	.indextitle .min .h{ font-size: 22px; line-height: 32px; font-weight: bold; text-align: center; margin-bottom: 3px;}

	.indextitle .min .p{ text-align: center; font-size: 13px;}

	.w1530, .w1720, .w1800, .w1200, .w1080, .w1650{ width: auto;}

	.indextitle .min .n{ font-size: 22px; line-height: 1; text-align: center;}

	.aboutopenbaxmax .tit .h{ font-size: 22px; line-height: 32px; font-weight: bold;}

	

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

	.indexbannermax .m a{ height: 3.8rem;}

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

	.indexcaseboxmax .list .li{ width: 100%; margin: 0;}

	.indexcaseboxmax .list .li .ter .mk{ opacity: 1!important; transform: none!important;}

	.indexcaseboxmax .list .li .ter{ opacity: 1!important;}

	.indexcaseboxmax .list .li .m::after{ opacity: 0.5!important;}

	.indexmunbermaxbox{ justify-content: space-between; flex-wrap: wrap;}

	.indexmunbermaxbox .li{ width: 50%; padding: 20px 0;}

	.indexmunbermaxbox .li .h i{ font-size: 30px;}

	.indexmunbermaxbox .li:nth-child(3)::after{ display: none;}

	.indexmunbermaxbox .li:first-child,

	.indexmunbermaxbox .li:nth-child(2){ border-bottom: 1px solid rgba(170, 170, 170, 0.2);}

	.indexzhunzhuboxmax{ padding: 50px 0.3rem;}

	.indexzhunzhuboxmax .cont{ display: block;}

	.indexzhunzhuboxmax .cont .img img{ width: 100%; margin-top: -1rem;}

	.indexzhunzhuboxmax .cont .text{ width: auto; padding: 30px 0 0 0;}

	.indexzhunzhuboxmax::after{ right: 0;}

	.indexzhunzhuboxmax .indextitle .min .h{ font-size: 20px; line-height: 30px;}

	.indextitle .min .p{ line-height: 18px;}

	.indexzhunzhuboxmax .cont{ padding: 0;}

	.moreindexmax a{ width: 120px; height: 36px; margin: auto;}

	.moreindexmax a i{ margin-left: 6px;}

	.indexitemboxmax .mk{ margin: 0;}

	.indexitemboxmax .m{ width: 3rem; height: 3rem; top: -1.3rem;}

	.indexitemboxmax .list{ margin: 30px 0 0 0;}

	.indexitemboxmax a{ padding: 2.4rem 0.5rem 0.8rem 0.5rem;}

	.indexitemboxmax .swiper{ padding: 1.4rem 0 30px 0;}

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

	.indexvideoboxmax .list .li{ width: 100%; margin: 0;}

	.indexvideoboxmax .list .li + .li{ margin-top: 30px;}

	.indexvideoboxmax .list .li .ter{ padding: 15px 0 0 0;}

	.indexvideoupppp .cont{ width: 100%;}

	.indexvideoboxmax .list .li .play{ transform: translate(-50%,-50%) scale(0.8);}

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

	.indexguandianboxmax .list .li{ width: 100%;}

	.indexguandianboxmax .list .li + .li{ margin-top: 0.3rem;}

	.indexguandianboxmax .list .li .ter{ position: relative; left: auto; bottom: auto!important; right: auto!important; opacity: 1!important; transform: none!important;}

	.indexguandianboxmax .list .li .m img{ opacity: 1!important;}

	.indexguandianboxmax .list .li .time{ top: 1px; right: 1px; width: 80px!important; height: 40px!important; font-size: 18px;}

	.indexguandianboxmax .list .li .ter .p{ min-height: inherit;}

	.indexguandianboxmax .list .li + .li::after{ display: none;}

	.indexopenboxmax .cont .li{ width: calc(100% / 3);}

	.footerhome .boot .nker{ padding: 5px 0.3rem; width: auto;}

	.footerhome .boot .nker a{ font-size: 13px; line-height: 18px;}

	.footerhome .conts{ padding: 50px 0.3rem 30px 0.3rem;}

	.footerhome .conts .mk{ display: block; margin-bottom: 0;}

	.footerhome .conts .mk .text{ width: auto; margin: 0 0 30px 0;}

	.footerhome .conts .mk .text .h{ text-align: center;}

	.footerhome .conts .mk .text .p{ text-align: center;}

	.footerhome .conts .mk .text .more{ justify-content: center;}

	.footerhome .conts .mk .text .more a{ width: 34px; height: 34px; line-height: 34px; font-size: 18px;}

	.footerhome .conts .mk .text .more a + a{ margin-left: 15px;}

	.footerhome .conts .mk .right{ width: auto;}

	.footerhome .conts .mk .right .wli{ width: 50%; text-align: center;}

	.footerhome .conts .mk .right .wli .h,

	.footerhome .conts .mk .right .wli .min .li{ justify-content: center;}

	.footerhome .conts .opens{ margin-top: 30px; padding-top: 20px; border-top: 1px solid #fff;}

	

	.indextitle .nav{ overflow-x: auto;}

	.indextitle .nav a{ white-space: nowrap;}

	.indextitle .nav{ margin-top: 20px;}

	.caseboxmaxw .list{ padding: 30px 0 0 0; display: block;}

	.caseboxmaxw .list .li{ width: 100%; margin: 0;}

	.caseboxmaxw .list .li + .li{ margin-top: 30px;}

	.pageimg{ margin-top: 40px;}

	.databanner .m img{ height: 100%; object-fit: cover;}

	.databanner .m{ height: 150px;}

	

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

	.yewuboxmaxw .list .li{ width: 100%; margin: 0;}

	.yewuboxmaxw .list .li + .li{ margin: 50px 0 0 0;}

	.yewuboxmaxw .list .li .ter{ padding: 20px 0.3rem 0 0.3rem;}

	.yewuboxmaxw .list .li .ter .a{ width: 110px;}

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

	.newsboxmaxw .list .li{ width: 100%; margin: 0;}

	.newsboxmaxw .list .li + .li{ margin-top: 50px;}

	.newsboxmaxw .list .li .m{ height: 4rem;}

	.newsboxmaxw .list .li .time{ opacity: 1!important;}

	.newsboxmaxw .list .li .ter{ padding: 10px 0 0 0;}

	.newsboxmaxw .list .li .ter .p{ padding-top: 10px;}

	

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

	.abputboxmaxone .num{ display: block;}

	.abputboxmaxone .num .li{ width: 100%; max-width: none;}

	.abputboxmaxone .num .li + .li{ margin-top: 50px;}

	.abputboxmaxone .num .li .h i{ font-size: 50px;}

	.abputboxmaxone .num .li .h{ font-size: 24px; line-height: 32px;}

	.abputboxmaxone .num .li .n{ font-size: 17px;}

	.abputboxmaxtwo .cont{ display: block;}

	.abputboxmaxtwo .cont .li{ width: 100%; margin: 0;}

	.abputboxmaxtwo .cont .li + .li{ margin-top:  40px;}

	.aboutopenbaxmax .tit .p{ width: auto;}

	.aboutopenbaxmax .img{ margin-top: 30px;}

	

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

	.itemsboxmaxw .list .li{ width: 100%; margin: 0;}

	.itemsboxmaxw .list .li + .li{ margin-top: 50px;}

	.itemsboxmaxw .list .li .ter{ width: calc(100% - 170px);}

	.itemsboxmaxw .list .li .m{ width: 150px; height: 150px;}

	.itemsboxmaxw .list .li .ter .p{ font-size: 12px; line-height: 20px; min-height: inherit; padding-top: 10px; margin-top: 10px;}

	.openboxmaxw .indexopenboxmax{ margin-top: 30px;}

	.contactboxmaxw .list{ display: block;}

	.contactboxmaxw .list .li{ width: 100%;}

	.contactboxmaxw .list .li + .li{ margin-top: 100px;}

	.casedataboxmax .tit .h{ font-size: 20px; font-weight: bold; text-align: center;}

	.casedataboxmax .tit .p{ text-align: center;}

	.casedataboxmax .list{ display: block; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid hsla(0,0%,0%,0.10);}

	.casedataboxmax .list .m{ width: 100%; margin-bottom: 20px;}

	.casedataboxmax .list .ter{ width: 100%; margin: 0;}

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

	.casedataboxmax .list .ter a{ width: 110px; height: 42px; margin: 30px auto 0;}

	.itemdatabox .cont{ display: block;}

	.itemdatabox .left{ width: 100%; margin: 0 0 50px 0;}

	.itemdatabox .left .m{ width: 4rem; height: 4rem; margin: auto;}

	.itemdatabox .left .cion a{ width: 36px; height: 36px; font-size: 20px;}

	.itemdatabox .right{ width: 100%;}

	.itemdatabox .right .tit{ text-align: center;}

	body{ padding-top: 60px;}

	.cellheaderboxmax{ display: block;}

	

	.searchboxmaxw .input input{ width: calc(100% - 54px);}

	.searchboxmaxw .list .li a{ display: block;}

	.searchboxmaxw .list .li .m{ width: 100%;}

	.searchboxmaxw .list .li .ter{ width: 100%; text-align: center;}

	.searchboxmaxw .list .li a{ padding: 0;}

	.searchboxmaxw .list .li + .li a{ padding: 30px 0 0 0; margin: 30px 0 0 0;}

	.searchboxmaxw,

	.caseboxmaxw,

	.openboxmaxw,

	.contactboxmaxw,

	.casedataboxmax,

	.itemdatabox{ margin-top: 0;}
	
	
	.indexbannermax .m a{ height: 5.5rem;}
	.indexbannermax .text{ top: 0; padding: 0; display: flex; justify-content: center; align-items: center;}
	.indexbannermax .text .ter{ display: block; text-align: center; padding: 0 0.3rem;}
	.indexbannermax .text .ter .left .n{ font-size: 16px; line-height: 24px;}
	.indexbannermax .text .ter .left .h{ font-size: 18px; line-height: 28px;}
	.indexbannermax .text .ter .p{ width: auto; font-size: 14px; line-height: 22px; text-align: center; font-weight: normal; margin-top: 8px;}
	.indexbannermax .text .ter .left{ width: auto;}
	.casedataboxmax .kemt{ display: block;}
	.casedataboxmax .kemt a + a{ margin-top: 30px;}
	.casedataboxmax .kemt a{ justify-content: space-between;}
	.casedataboxmax .kemt a .v{ margin: 0!important;}
	.casedataboxmax .kemt a .tt{ width: calc(100% - 130px);}
	.casedataboxmax .kemt a::after{ width: 25px;}
	.casedataboxmax .kemt a{ padding-left: 40px;}
	.casedataboxmax .kemt a:nth-child(2){ padding: 0 40px 0 0;}
	.casedataboxmax .kemt a .v{ width: 110px; height: 75px; border-radius: 5px;}

	.databanner .text{ top: 0;}
	.databanner .text .wer{ text-align: center;}
	.databanner .text .wer .h{ font-size: 16px;}
	.databanner .text .wer .p{ font-size: 18px; font-weight: bold;}

}







.indexguandianboxmax .list .li .ter .h{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}



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













