﻿
@media (max-width: 950px){
	html,body{ font-size: calc(100vw/7.5);}
	.headercp{ display: none;}
	.banner{ margin-top: 50px;}
	.banner .boot{ width: 100%;}
	.banner .boot .swiper-button-next, .banner .boot .swiper-button-prev{ display: none;}
	.banner .boot .swiper-pagination{ background: hsla(0,0%,100%,0.00); width: 100%; height: auto; bottom: 0.3rem!important;}
	.banner .boot .swiper-pagination span{ background: #fff;}
	.banner .m{ height: 5.4rem;}
	.banner .m img{ opacity: 0;}
	.banner .text{ top: 0; left: 0; bottom: 0; right: 0; width: auto; padding: 0 0.35rem; display: flex; justify-content: center; align-items: center; text-align: center;}
	.banner .text .h{ font-size: 22px; line-height: 32px;}
	.banner .text .p{ font-size: 16px; line-height: 26px; margin-top: 10px;}
	.indexboxtwo{ margin: 50px 0; padding: 0 0.35rem;}
	.indexboxtwo .list .swiper-pagination{ width: 6.9rem;}
	.indexboxtwo .list .li{ width: 4.8rem;}
	.indexboxtwo .list{ width: 10.2rem;}
	.indexboxtwo .list .li .ter{ top: 0.4rem; left: 0.4rem; right: 0.4rem;}
	.indexboxtwo .list .li .ter .h{ font-size: 18px; line-height: 28px; /*font-weight: bold; */}
	.indexboxtwo .list .li .ter .v{ min-height: 56px;}
	.indexboxtwo .list .li .ter .p{ font-size: 15px; margin-top: 10px;}
	.indexboxtwo .list .li .ter .a{ width: 90px; height: 34px; line-height: 34px; margin-top: 30px;}
	.indexboxtwo .list .li .m{ height: 6.8rem;}
	.indexboxtwo .list .swiper{ padding-bottom: 35px;}
	.indexboxthree{ margin: 0 0 50px 0;}
	.indexboxthree .tit .h{ font-size: 22px; line-height: 32px; text-align: center;}
	.indexboxthree .tit .p{ font-size: 15px; text-align: center;}
	.indexboxthree .list{ margin: 30px 0 0 0;}
	.indexboxthree .list .mker .m{ width: 100%; height: 4rem;}
	.w1366{ width: auto;}
	.indexboxthree .list .mker{ display: block; margin: 0 0.35rem;}
	.indexboxthree .list .mker .text{ width: auto; position: relative; top: auto; left: auto; transform: none; border-radius: 0 0 8px 8px; display: block; min-height: inherit;}
	.indexboxthree .tit{ padding: 0 0.35rem;}
	.indexboxthree .list .mker .text .mk{ padding: 0.4rem 0.35rem;}
	.indexboxthree .list .swiper-button-next, .indexboxthree .list .swiper-button-prev{ display: none;}
	.indexboxthree .list .mker .text .n{ font-size: 15px;}
	.indexboxthree .list .mker .text .h{ font-size: 20px; line-height: 30px;}
	.indexboxthree .list .mker .text .p{ margin-top: 20px;}
	.indexboxthree .list .mker .text .tot{ margin-top: 30px;}
	.indexboxthree .list .swiper{ padding-bottom: 30px;}
	.indexboxthree .swiper-pagination{ display: flex; justify-content: center; bottom: 0!important;}
	.indexboxthree .swiper-pagination .swiper-pagination-bullet-active{ background: #DF9D60;}
	.footercp{ padding: 30px 0.35rem;}
	.footercp .cont{ display: block;}
	.footercp .cont .left{ justify-content: center; flex-wrap: wrap;}
	.footercp .cont .left .p{ margin: 0;}
	.footercp .cont .left .m{ justify-content: center; margin-top: 8px;}
	.footercp .cont .more{ display: block; margin-top: 20px;}
	.footercp .cont .more .h{ margin: 0; text-align: center;}
	.footercp .cont .more .v{ justify-content: center;}
	.databanner{ margin-top: 50px;}
	.databanner .m{ width: 100%; height: 300px; overflow: hidden;}
	.databanner .m img{ opacity: 0;}
	.databanner .text{ width: auto; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0 0.35rem;}
	.databanner .text .h{ font-size: 22px; line-height: 32px;}
	.jingxuanbox{ padding: 30px 0.35rem 50px 0.35rem;}
	.topsearchbox{ display: block;}
	.topsearchbox .input{ width: auto;}
	.topsearchbox .input input{ height: 40px; padding: 0 50px 0 15px; font-size: 14px;}
	.topsearchbox .input button{ width: 40px; height: 40px;}
	.topsearchbox .more{ display: block; margin-top: 10px;}
	.topsearchbox .more .v{ flex-wrap: wrap;}
	.topsearchbox .more .v a{ margin-top: 3px;}
	.jingxuanbox .list{ margin: 30px 0 0 0;}
	.jingxuanbox .list .li{ width: 100%; margin: 50px 0 0 0;}
	.jingxuanbox .list .li:first-child{ margin: 0;}
	.jingxuanbox .list .li .m{ height: auto;}
	.jingxuanbox .list .li .text .h{ font-size: 18px; line-height: 28px;}
	.jingxuanbox .list .li .text{ margin-top: 15px;}
	.jingxuanbox .list .li .text .p{ font-size: 15px;}
	.jingxuanbox .moreboxmax{ margin-top: 50px;}
	.datadingboxmax{ padding: 100px 0.35rem 50px 0.35rem;}
	.topmaoeboxmax{ padding-left: 40px;}
	.topmaoeboxmax::after{ width: 30px;}
	.datadingboxmax .cont .list{ margin-top: 30px; display: block;}
	.datadingboxmax .left .h{ font-size: 18px; line-height: 28px;}
	.datadingboxmax .cont .left{ width: auto;}
	.datadingboxmax .left .ps{ font-size: 15px; line-height: 28px; margin-top: 30px;}
	.datadingboxmax .cont .left .mores{ margin-top: 30px;}
	.datadingboxmax .cont .right{ width: auto; margin-top: 50px;}
	.datadingboxmax .cont .right .listw{ margin-top: 20px;}
	.datadingboxmax .cont .right .listw .li .m{ width: 130px; height: 97px;}
	.datadingboxmax .cont .right .listw .li .ter .h{ font-size: 15px;}
	.datadingboxmax .cont .right .listw .li .ter{ width: calc(100% - 148px);}
	.woekboxmax{ padding: 50px 0.35rem;}
	.woekboxmax2{ padding: 50px 0.35rem;}
	.woekboxmax .list{ display: block;}
	.woekboxmax .list .li{ width: 100%; margin: 50px 0 0 0;}
	.woekboxmax .list .li:first-child{ margin: 0;}
	.woekboxmax .list .li .m{ height: auto;}
	.woekboxmax .list .li .text{ margin: 0; padding: 20px 0; height: auto;}
	.woekboxmax .list .li .text .mk{ padding: 0;}
	.woekboxmax .list .li:hover .text::before{ width: 100%;}
	.woekboxmax .list .li .text::before,
	.woekboxmax .list .li .text::after{ left: 0;}
	.woekboxmax .list .li .text::after{ width: 100%;}
	.woekboxmax .list .li .text .h{ font-size: 18px; line-height: 28px;}
	.woekboxmax .list .li .text .p{ font-size: 15px;}
	.databoxmaxbanner{ margin: 20px 0 0 0;}
	.databoxmaxbanner .img a{ width: 5rem;}
	.databoxmaxbanner .img{ width: 15.9rem;}
	.databoxmaxbanner .img::after, .databoxmaxbanner .img::before{ width: 5.3rem;}
	.databoxmaxbanner .img .swiper-pagination{ width: 4.8rem;;}
	.databoxmaxbanner .img a .m{ height: 3.74rem;}
	.databoxmaxbanner .img .swiper{ padding-bottom: 30px;}
	.databoxmaxbanner .text, .databoxmaxbanner .text p{ font-size: 15px;}
	.databoxmaxbanner .text{ padding: 50px 0.35rem 0 0.35rem;}
	.databoxmaxbanner .moreboxmax{ margin-top: 30px;}
	.peopleboxmax{ padding: 30px 0.35rem 50px 0.35rem;}
	.peopleboxmax .list{ display: block;}
	.peopleboxmax .list .li{ width: auto; margin: 20px 0 0 0;}
	.peopleboxmax .list .li:first-child{ margin: 0;}
	.peopleboxmax .list .li .m{ height: auto;}
	.peopleboxmax .list .li .ter{ padding: 20px 0.35rem;}
	.peopleboxmax .list .li .ter .tp{ display: block;}
	.peopleboxmax .list .li .ter .tp .h{ font-size: 18px; line-height: 28px;}
	.peopleboxmax .list .li .ter .tp .tot{ justify-content: flex-start; margin-top: 8px;}
	.peopleboxmax .list .li .ter .p{ font-size: 15px;}
	.datadingboxmax .left .der a{ height: 4.8rem;}
	.datadingboxmax .left .der .swiper-button-next, .datadingboxmax .left .der .swiper-button-prev{ width: 40px; height: 40px; background-size: 10px auto;}
	.datadingboxmax .right .daybox{ border-radius: 4px;}
	.datadingboxmax .right .daybox .top{ padding: 20px 0.35rem; border-radius: 4px 4px 0 0;}
	.datadingboxmax .right .daybox .mk{ padding: 20px 0.35rem;}
	.datadingboxmax .left .der{ margin-top: 30px;}
	.datadingboxmax .left .form{ overflow-x: auto; margin-top: 30px;}
	.datadingboxmax .left .form .soll{ width: 800px;}
	.databoxmaxbanner2{ margin: 0;}
	.databoxmaxbanner .tit{ margin: 50px 0.35rem 0 0.35rem; font-size: 18px; line-height: 28px;}
	.databoxmaxbanner2 .img, .databoxmaxbanner3 .img{ margin-top: 30px;}
	.databoxmaxbanner .img a .p{ font-size: 15px; line-height: 26px; margin-top: 20px;}
	.databoxmaxbanner3{ margin: 0 0 50px 0;}
	.contactbox{ padding: 30px 0.35rem;}
	.contactbox .li{ margin-top: 20px; display: block;}
	.contactbox .li .text{ width: auto; min-height: inherit; padding: 30px 0.35rem;}
	.contactbox .li .text .mk{ padding: 0;}
	.contactbox .li .text .mk .h{ font-size: 18px; line-height: 28px; text-align: center;}
	.contactbox .li .text .mk .p div{ font-size: 15px; margin-top: 10px;}
	.contactbox .li .text .mk .p{ margin: 20px 0; padding: 20px 0; border-top: 1px solid hsla(0,0%,0%,0.10); border-bottom: 1px solid hsla(0,0%,0%,0.10);}
	.contactbox .li .map{ width: 100%; height: 300px;}
	.contactbox .li .text .mk .wear .m{ width: 120px;}
	.contactbox .li .text .mk .wear{ justify-content: center; margin: 0;}
	.cellnavboxer{ display: block;}
	.banner .swiper-pagination{ justify-content: center; width: 100%!important; bottom: 20px!important;}
	.banner .swiper-pagination span{ width: 6px; height: 6px; margin: 0 2px;}
	
	.indexboxthree .list .mker .text .tot i{ font-size: 22px;}
	.indexboxthree .list .mker .text .tot .x{ font-size: 14px; line-height: 20px;}
	.footercp .cont .left .p{ text-align: center;}
	.peopleboxmax .list .li .ter .tp .tot{ flex-wrap: wrap;}
	/*.peopleboxmax .list .li .ter .tp .tot>.w:first-child{ width: 100%; margin-bottom: 8px;}*/
	.peopleboxmax .list .li .ter .tp .tot i{ font-size: 22px;}
	/*.databoxmaxbanner .img::after, .databoxmaxbanner .img::before{ display: none;}*/
	.databoxmaxbanner .img{ margin-left: -4.2rem;}
}


.indexboxnews .list .right .li .h,
.datadingboxmax .cont .left .mores a i,
.datadingboxmax .cont .right .listw .li .ter .p,
.indexboxnews .list .right .li .p{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

.indexboxtwo .list .li .text .p,
.indexboxfour .list .right .li .text .p,
.datadingboxmax .cont .right .listw .li .ter .h,
.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;}