.header-box {height: 44px;position: fixed;top: 0;left: 0;right: 0;background-color: #fff;z-index: 1000;width: 100%;box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);}
.header-box~.body-box {padding-top: 44px;background-color: #f9f9f9;}
.header-box {display: flex;flex-flow: row nowrap;align-items: center;justify-content: space-between;padding: 5px 10px;}
.header-box .logo img {height: 34px;display: block;}
.header-box .btn {font-size: 20px;color: #C03136;width: 44px;height: 44px;line-height: 44px;text-align: right;}
.hide {display: none !important;}
.color-red {color: #c00 !important;}
.mainnav {position: fixed;top: 44px;right: 0;width: 100%;left: 0;padding: 20px;bottom: 0;background-color: #fff;display: flex;flex-flow: column nowrap;align-items: flex-end;overflow-y: auto;z-index: 200;}
.mainnav>li {border-bottom: 1px solid #eee;width: 100%;text-align: right;padding: 10px 0;}
.mainnav h4>a {line-height: 35px;color: #666;display: block;padding: 0 10px;}
.mainnav .sub a {line-height: 30px;ldisplay: block;font-size: .84em;color: #888;display: block;padding: 0 10px;}
.p5 {padding: 5px;}
/*.mainnav .sub {display: flex;justify-content: flex-end;}*/
.mainnav .sub li{ float:right;}
*[class*="btn"] {cursor: pointer;}
.banner {position: relative;overflow: hidden;}
.banner img {display: block;width: 100%;}
.banner .swiper-pagination .swiper-pagination-bullet-active {background-color: #C03136;}
.m-box {border: 1px solid #eee;padding: 10px;margin-bottom: 10px;background-color: #fff;border-radius: 5px;}
.m-box .m-tit {line-height: 34px;overflow: hidden;border-bottom: 1px solid #eee;}
.m-box .m-tit h3,.m-box .m-tit h3>* {font-weight: 700;}
.m-box .m-tit h3 span {position: relative;}
.m-box .m-tit h3 span::after {content: '';position: absolute;width: 4em;left: 0;bottom: -6px;height: 3px;background-color: #CC0000;}
.m-box .m-cont .tov {display: block;color: #333;line-height: 30px;margin-bottom: 5px;}
.m-box .m-cont .flex {flex-flow: row nowrap;}
.m-box .m-cont .flex .img {width: 140px;height: 100px;display: block;flex-shrink: 0;position: relative;}
.m-box .m-cont .flex .text {padding-left: 10px;flex: 1;font-size: 12px;color: #666;line-height: 18px;display: flex;flex-flow: column nowrap;justify-content: space-between;}
.m-box .m-cont .flex .text p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}

.m-marquee .m-tit {border-bottom: 0;width: 5em;flex-shrink: 0;}
.m-marquee {display: flex;flex-flow: row nowrap;overflow: hidden;align-items: center;}
.m-marquee .swiper-marquee {flex: 1;overflow: hidden;font-size: 12px;line-height: 34px;height: 34px;}
.m-marquee .swiper-wrapper {transition-timing-function: linear}
.m-tab .m-tit {display: flex;flex-flow: row nowrap;border-bottom: 0;}
.m-tab .m-tit li {padding: 0 10px;cursor: pointer;}
.m-tab .m-tit li.on {color: #C03136;box-shadow: 0 -3px 0 0 #C03136 inset;font-weight: 700;}
.m-tab .m-cont {overflow: hidden;position: relative;width: 100%;}
.m-tab .m-cont li {line-height: 30px;height: 30px;display: flex;padding-left: 10px;font-size: 14px;width: 100%;position: relative;}
.m-tab .m-cont li::after {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;height: 4px;background-color: #C03136;margin: auto;}
.m-tab .m-cont li a {flex: 1;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-tab .m-cont li span {width: 80px;flex-shrink: 0;text-align: right;color: #666;}
.m-tab .m-cont li.img {position: relative;height: auto;padding: 10px;}
.m-tab .m-cont li.img::after {content: none;}
.m-tab .m-cont li.img img {display: block;position: relative;width: 100%;height: 170px;}
.m-imgs ul {column-count: 2;column-gap: 10px;}
.m-imgs li {padding-top: 10px;}
.m-imgs li a {position: relative;overflow: hidden;width: 100%;display: block;height: 0;padding-bottom: 50%;}
.m-imgs li img {display: block;width: 100%;}
.m-img-marquee .m-cont {overflow: hidden;}
.m-img-marquee .swiper-slide {position: relative;overflow: hidden;width: auto;padding: 10px;height: 140px;}
.m-img-marquee .swiper-slide img {position: relative;display: block;width: 100%;}
.m-img-marquee .swiper-wrapper {transition-timing-function: linear;}
.footer-box {background-color: #990000;color: #fff;display: flex;padding: 10px;flex-flow: column nowrap;align-items: center;justify-content: center;font-size: 14px;line-height: 2;}
.footer-box img {display: block;width: auto;max-width: 100%;padding: 10px;}
.page-box {display: flex;padding: 10px 5px 0 5px;flex-flow: row nowrap;white-space: nowrap;align-items: center;justify-content: center;font-size: 12px;}
.page-box a {background-color: #f7f7f7;color: #666;}
.page-box a:hover,.page-box span {background-color: #EA594F;color: #fff;}
.page-box a,.page-box span {display: block;height: 30px;line-height: 30px;text-align: center;padding: 0 10px;border-radius: 3px;overflow: hidden;}
.page-box li+li {margin-left: 10px;}
.m-list .m-cont {overflow: hidden;position: relative;width: 100%;}
.m-list .m-cont li {line-height: 40px;height: 40px;display: flex;padding-left: 10px;font-size: 14px;width: 100%;position: relative;}
.m-list .m-cont li::after {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;height: 4px;background-color: #C03136;margin: auto;}
.m-list .m-cont li a {flex: 1;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-list .m-cont li span {width: 80px;flex-shrink: 0;text-align: right;color: #666;}
.crumbs { height: 40px;line-height: 40px;font-size: 12px;background-color: #fff; margin-bottom: 10px ; padding: 0 10px; border-bottom: 1px solid #C03136;}
.m-detail .tit h2{ font-size: 16px;font-weight: 700;line-height: 20px;margin-bottom: 10px;}
.m-detail .tit h6{ font-size: 12px;font-weight: 400;line-height: 16px;margin-bottom: 10px;}
.m-detail .tit { border-bottom: 1px solid #eee; margin-bottom: 10px;}
.m-detail .cont {font-size: 14px;line-height: 2;color: #666; padding: 10px;}







.about {
    font-size: 14px;
    line-height: 2;
    color: #666;
    padding: 10px;
}




.case{ padding-top:10px;}
.case li .picimg{display: block;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;}

.case li .picimg img{ width:100%;}

.case li p{display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: 8px;
    font-size: 15px; line-height:30px;}


/*.swiper-slide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}*/



.lm3{line-height: 20px;font-size: 14px;padding: 10px 0;}