@charset "utf-8";
/* CSS Document */
/* { border-color: hsla(212,76%,45%,0.50);} */
@media screen and (max-width:750px){
	html,body{ font-size: calc(100vw/7.5);}
	.header{ display: none;}
	/*.indexbanner .cont .m{ width: 100%; height: 300px; position: relative;}
	.indexbanner .cont .m img{ display: block; width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}*/
	.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 24px; margin: 0 4px;}
	.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 15px;}
	.indexbanner .cont .v img{ width: 80%; height: auto;}
	.indexzhuyin{ padding: 50px 0.3rem;}
	.title .h1{ font-size: 22px; line-height: 32px; font-weight: bold;}
	.title .p{ font-size: 14px; line-height: 24px; margin: 15px 10px 0 10px;}
	.indexzhuyin .list{ margin-top: 30px;}
	.indexzhuyin .list .li:nth-child(2),
	.indexzhuyin .list .li:nth-child(3){ position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none;}
	.indexzhuyin .list .li{ float: none!important; margin-top: 0.3rem;}
	.indexzhuyin .list .li a,
	.indexzhuyin .list .li:nth-child(2) a, 
	.indexzhuyin .list .li:nth-child(3) a{ width: 100%; height: auto;}
	.indexzhuyin .list .li:first-child{ margin-top: 0;}
	.indexzhuyin .list .li a .p{ justify-content: center; display: flex;}
	.indexzhuyin .list .li a .p i{ font-size: 22px;}
	.indexcasebox{ padding: 0 0.3rem 50px 0.3rem;}
	.indexcasebox .nav .li a{ padding: 0 10px; line-height: 34px; font-size: 14px; margin: 0 5px 10px 5px;}
	.indexcasebox .nav{ margin-top: 30px;}
	.indexcasebox .list{ width: auto; margin-top: 0.3rem;}
	.indexcasebox .list .em{ display: none;}
	.indexcasebox .list .mkr{ width: 100%;}
	.indexcasebox .list .mkr .m{ height: 4.2rem;}
	.indexcasebox .swiper{ padding-bottom: 50px;}
	.indexaboutbox{ padding: 50px 0.3rem;}
	.indexaboutbox .top{ display: block;}
	.indexaboutbox .top .left{ width: auto; padding: 0;}
	.wtitle .m{ font-size: 20px; line-height: 20px; text-align: center;}
	.wtitle .h{ font-size: 22px; line-height: 32px; text-align: center; margin: 0;}
	.wtitle .p{ font-size: 17px; line-height: 28px; margin-top: 15px; text-align: center;}
	.wtitle .e{ margin: 25px auto 0;}
	.indexaboutbox .ps{ font-size: 14px; line-height: 26px;}
	.w1400{ width: auto;}
	.indexaboutbox .top .left .icon{ padding: 0; justify-content: space-between; flex-wrap: wrap;}
	.indexaboutbox .top .left .icon .li{ width: 45%; text-align: center; padding: 10px 0;}
	.indexaboutbox .top .right{ width: auto; margin-top: 30px;}
	.indexaboutbox .top .right .mk{ padding: 30px 0.3rem;}
	.indexaboutbox .bot{ margin-top: 0; display: block;}
	.indexaboutbox .bot .left{ width: auto; margin-top: 50px;}
	.indexaboutbox .bot .h1{ font-size: 22px; line-height: 32px;}
	.indexaboutbox .bot .der{ display: block;}
	.indexaboutbox .bot .der .li{ width: auto; margin-top: 0.2rem;}
	.indexaboutbox .bot .der .li a{ font-size: 14px; line-height: 24px; padding: 8px 10px;}
	.indexaboutbox .bot .right{ width: auto; margin-top: 50px;}
	.indexaboutbox .bot .right .p{ font-size: 14px; line-height: 24px; padding: 8px 10px; margin-top: 15px;}
	.zhaoshangbox{ padding: 0.3rem 0.3rem 0 0.3rem;}
	.zhaoshangbox .top{ padding: 25px 0.3rem; display: block;}
	.zhaoshangbox .top .tit{ width: auto; padding: 0; min-height: auto; border: none; border-bottom: 1px solid hsla(0,0%,0%,0.10); padding-bottom: 20px; text-align: center;}
	.zhaoshangbox .top .tit .h{ font-size: 22px; line-height: 22px; padding: 0;}
	.zhaoshangbox .top .tit .p{ font-size: 14px; line-height: 24px;}
	.zhaoshangbox .top .text{ width: auto; padding: 25px 0 0 0; text-align: center;}
	.zhaoshangbox .top .text .h{ font-size: 18px; line-height: 28px;}
	.zhaoshangbox .top .text .p{ font-size: 14px; line-height: 26px;}
	.zhaoshangbox .bot{ justify-content: space-between;}
	.zhaoshangbox .bot .li{ width: 3.3rem; margin: 0.3rem 0 0 0;}
	.zhaoshangbox .bot .li .p{ font-size: 22px; line-height: 34px; font-weight: bold;}
	.newsindexbox{ padding: 50px 0.3rem;}
	.newsindexbox .more a{ width: 120px; height: 50px; font-size: 16px; line-height: 50px; margin: 30px auto 0;}
	.newsindexbox .list .cont{ width: 100%;}
	.newsindexbox .list .cont .m{ height: 4.25rem;}
	.newsindexbox .list .cont .text{ top: 50%; left: 0.3rem; right: 0.3rem; transition: all 0.5s; transform: translateY(-50%);}
	.newsindexbox .list .cont .text .h{ font-size: 17px; line-height: 20px;}
	.newsindexbox .list .cont .text .p{ font-size: 12px; line-height: 20px;}
	.newsindexbox .list .cont .text .t{ display: flex; font-size: 14px; line-height: 20px;}
	.newsindexbox .list .cont .text .t i{ font-size: 14px; line-height: 20px; margin: 0 10px 0 0;}
	.newsindexbox .swiper-pagination{ display: block;}
	.newsindexbox .swiper{ padding-bottom: 50px;}
	.newsindexbox .top .zui .t{ display: block;}
	.newsindexbox .top .zui{ margin-top: 30px;}
	.newsindexbox .top .zui .t .m{ text-align: center;}
	.newsindexbox .top .zui .t i{ margin: 15px 0; height: 1px; width: 100%;}
	.newsindexbox .top .zui .t .s{ font-size: 14px;}
	.newsindexbox .top .zui .p{ font-size: 18px; line-height: 28px; margin-top: 10px;}
	.newsindexbox .top .zui .a a{ font-size: 15px;}
	.newsindexbox .top .zui .a{ margin-top: 12px;}
	.footer .top{ padding: 50px 0.3rem; display: block;}
	.footer .top .li{ padding: 0; border: none; border-bottom: 1px solid hsla(0,0%,100%,0.20); padding: 0 0 30px 0; margin: 0 0 30px 0;}
	.footer .top .li .logo img{ width: 120px; margin: auto;}
	.footer .top .li2{ width: auto;}
	.footer .top .wear .h{ text-align: center;}
	.footer .top .wear .wt{ justify-content: center;}
	.footer .bot .nav{ display: none;}
	.footer .top .li:last-child{ border-bottom: none; padding: 0; margin: 0;}
	.footer .bot{ display: block; padding: 10px;}
	.footer .bot .right{ justify-content: center; flex-wrap: wrap;}
	.footer .bot .right .p, .footer .bot .right a{ font-size: 14px; line-height: 20px; margin: 0; padding: 4px;}
	.headercewll{ display: block;}
	.indexbanner{ margin-top: 60px;}
}
@media screen and (min-width:750px){
	
}
@media screen and (min-width:1280px) and (max-width: 1440px){
	
}
@media screen and (min-width:950px) and (max-width: 1280px){
	
	
	
}
@media screen and (min-width:750px) and (max-width: 950px){
	
}

.indexonebox .cont .list .mk .li .h1{ 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;}*/