@media (max-width: 1550px){
	.w1360{ width: 1200px;}
	.indexboxthree .list .li,
	.indexboxthree .list .li .m{ width: 584px;}
	.indexboxthree .list .li .m{ height: 327px;}
	.indexboxfour .list .li{ width: 386px;}
	.indexboxfour .list .li .m{ height: 254px;}
	.indexboxone .list .mk{ width: 386px;}
	.indexboxone .list .mk .m{ height: 288px;}
	.indexboxone .swiper{ width: 1218px;}
	.newsboxlist .li{ width: 377px;}
	.newsboxlist .li .m{ height: 248px;}
	.newsdatabox .cont .right{ width: 370px;}
	.newsdatabox .cont .left{ width: 785px;}
	.peoplelist .li{ width: 580px;}
	.workbox .m{ width: 600px;}
	.contactboxw .mapbox{ width: 700px;}
}

@media (max-width: 1280px){
	.w1360{ width: 900px;}
	.headercp .cont .logo img{ height: 40px;}
	.headercp .cont .nav .li .tit a{ padding: 0 10px;}
	.headercp .cont .nav .li .tit a{ font-size: 15px;}
	.indexboxthree .list .li, .indexboxthree .list .li .m{ width: 436px;}
	.indexboxthree .list .li .m{ height: 244px;}
	.footercp .cont .left{ width: 500px;}
	.indexboxfour .list .li{ width: 286px;}
	.indexboxfour .list .li .m{ height: 188px;}
	.indexboxone .swiper{ width: 918px;}
	.indexboxone .list .mk{ width: 286px;}
	.indexboxone .list .mk .m{ height: 214px;}
	.newsboxlist .li{ width: 277px;}
	.newsboxlist .li .m{ height: 182px;}
	.newsdatabox .cont .right{ width: 300px;}
	.newsdatabox .cont .left{ width: 560px;}
	.companyboxone .imgver .m{ height: 600px;}
	.peoplelist .li{ width: 435px;}
	.workbox .text{ max-width: 500px;}
	.workbox .m{ width: 380px;}
	.contactboxw .mapbox{ width: 500px;}
	.footercp .cont .left .add .p .more i:first-child{ margin: 0 0 5px 0; width: 100%;}
	.footercp .cont .left .add .p a{ margin: 0 20px 0 0;}
}


@media (max-width: 950px){
	html,body{ font-size: calc(100vw/7.5);}
	.headercp{ display: none;}
	.databanner{ margin-top: 50px;}
	.databanner .m{ height: 170px;}
	.databanner .m img{ opacity: 0;}
	.databanner .text .cont{ display: block;}
	.databanner .text .cont .h{ font-size: 22px; text-align: center; line-height: 32px;}
	.databanner .text .cont i{ width: 20px; height: 2px; background: #fff; margin: 5px auto; overflow: hidden; color: hsla(0,0%,100%,0.00); display: block;}
	.databanner .text .cont .p{ text-align: center;}
	.companyboxone{ padding: 50px 0.3rem;}
	.w1360{ width: auto;}
	.companyboxone .tit .h{ font-size: 18px; line-height: 28px; font-weight: bold; text-align: center;}
	.companyboxone .tit .p{ font-size: 14px; line-height: 24px; text-align: center;}
	.contactboxw{ display: block;}
	.contactboxw .text{ width: auto;}
	.contactboxw .mapbox{ width: 100%; height: 260px; margin-top: 50px;}
	.footercp{ padding: 50px 0.3rem 20px 0.3rem;}
	.footercp .cont{ display: block;}
	.footercp .cont .left .logo img{ margin: auto;}
	.footercp .cont .left .ps{ text-align: center;}
	.footercp .cont .left .add{ margin-top: 20px; text-align: center;}
	.footercp .cont .right{ margin-top: 30px; justify-content: center;}
	.footercp .cont .right .li{ margin-left: 30px;}
	.footercp .cont .left .add .p .more i:first-child{ margin-right: 0;}
	.footercp .cont .left .add .more a{ margin: 15px 5px 0 5px;}
	.footercp .cont .left .add .more{ justify-content: center;}
	.headercell{ display: block;}
	.banner{ margin-top: 50px;}
	.banner .mker .text .cont .h{ font-size: 18px; line-height: 28px; text-align: center;}
	.banner .mker .text .cont .s{ font-size: 20px; line-height: 30px; text-align: center; margin-top: 10px;}
	.banner .mker .text .cont .p{ font-size: 14px; line-height: 22px; text-align: center; margin-top: 15px;}
	.banner .swiper-pagination span{ width: 10px; height: 10px; margin: 0 3px!important;}
	.indexboxone{ padding: 50px 0.3rem;}
	.banner .mker .text .cont{ display: block; margin: 0 0.35rem;}
	.titlebox .h{ font-size: 20px; line-height: 30px;}
	.titlebox .m{ font-size: 18px; line-height: 28px; margin-top: 10px;}
	.titlebox .w{ font-size: 17px; line-height: 28px;}
	.indexboxone .list{ margin-top: 30px;}
	.indexboxone .swiper{ width: auto; padding: 0; margin: 0; padding-bottom: 30px;}
	.indexboxone .list .mk{ width: 100%; box-shadow: 0 0 0 #fff;}
	.indexboxone .list .mk .m{ height: 5rem;}
	.indexboxone .list .mk .text{ position: relative; left: auto; bottom: auto!important; right: auto; background: #eee; padding: 15px 10px;}
	.indexboxone .list .mk .text .h{ font-size: 17px; line-height: 20px; padding: 0; color: #333;}
	.indexboxone .list .mk .text .p{ padding: 0; margin-top: 8px; font-size: 14px; line-height: 20px; background: hsla(0,0%,100%,0.00);}
	.indexboxone .list .em{ display: none;}
	.indexboxone .swiper-pagination{ bottom: 0!important; display: flex; justify-content: center;}
	.indexboxone .swiper-pagination span{ background: #000;}
	.indexboxtwo{ padding: 50px 0.3rem;}
	.indexboxtwo .dd{ font-size: 16px; line-height: 26px; margin-bottom: 15px;}
	.indexboxtwo .ps{ font-size: 16px; line-height: 28px;}
	.indexboxtwo .a a{ text-align: center;}
	.indexboxthree .cont{ padding: 50px 0; margin: 0 0.3rem;}
	.titlebox .p{ font-size: 16px; line-height: 26px; margin-top: 12px;}
	.indexboxthree .list{ display: block;}
	.indexboxthree .list .li{ margin-top: 0.35rem; width: 100%;}
	.indexboxthree .list .li:first-child{ margin-top: 0;}
	.indexboxthree .list .li .m{ width: 100%; height: auto;}
	.indexvideoup .cont{ width: 100%;}
	.indexvideoup .cont .sole{ width: 20px; height: 20px; margin-left: -10px;}
	.indexboxfour{ padding: 50px 0.3rem;}
	.indexboxfour .list{ margin: 0; padding: 0; display: block;}
	.indexboxfour .list .li{ width: 100%; margin: 30px 0 0 0;}
	.indexboxfour .list .li .m{ height: auto;}
	.indexboxfour .list .li .h{ margin-top: 15px; font-size: 17px;}
	.indexboxfour .list .li .t{ margin-top: 5px;}
	.newsboxlist{ display: block; margin: 0; padding-bottom: 40px;}
	.newsboxlist .li{ width: 100%; margin: 30px 0 0 0;}
	.newsboxlist .li:first-child{ margin: 0;}
	.newsboxlist .li .m{ height: auto;}
	.newsboxlist .li .text{ margin-top: 18px;}
	.pageing a{ font-size: 14px;}
	.newsdatabox{ padding: 100px 0.3rem 50px 0.3rem;}
	.newsdatabox .cont{ display: block;}
	.newsdatabox .cont .left{ width: 100%;}
	.newsdatabox .cont .left .h{ font-size: 20px; font-weight: bold; line-height: 30px; text-align: center;}
	.newsdatabox .cont .left .t{ text-align: center; margin-top: 10px;}
	.newsdatabox .cont .left .p{ margin-top: 30px;}
	.newsdatabox .cont .left .more{ margin-top: 20px;}
	.newsdatabox .cont .right{ width: 100%; margin-top: 50px; padding-top: 50px; border-top: 1px solid hsla(0,0%,0%,0.10);}
	.newsdatabox .cont .right .h{ margin-bottom: 15px;}
	.companyboxone .imgver .m{ height: 4.6rem;}
	.companyboxone .imgver .swiper-button-next, .companyboxone .imgver .swiper-button-prev{ display: none;}
	.companyboxone .imgver .swiper-pagination span{ width: 10px; height: 10px; margin: 0 4px!important;}
	.companyboxone .imgver .swiper-pagination{ bottom: 10px!important;}
	.peoplelist .li{ width: 100%; margin: 0.35rem 0 0 0; min-height: inherit;}
	.peoplelist .li:first-child{ margin: 0;}
	.peoplelist .li .mk{ padding: 25px 20px;}
	.peoplelist .li .mk .h{ font-size: 20px; line-height: 30px;}
	.chanpiei{ padding: 0;}
	.workbox .m{ float: none; width: 100%; margin-bottom: 30px;}
	.workbox .text .h{ font-size: 20px; line-height: 30px;}
	.workbox .text .a{ margin-top: 25px;}
	.indexboxone{ overflow: hidden;}
	.companyboxone .imgver{ width: 100%;}
	
}


.newsdatabox .cont .right .mk a,
.indexboxone .list .mk .text .p{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

.indexboxtwo .list .li .text .p,
.indexboxfour .list .right .li .text .p,
.newsboxtwo .list .li .text .p,
.indexboxfour .list .left .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.newsboxlisthree .wlist .li .text .p,
.newsboxlistwo .wlist .li .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}


.indexboxthree .cont .list .text .p,
.newsboxlist .wlist .li .text .tr .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}