@charset "utf-8";
.home.none{ padding-top: 8rem;}
.home .swiper-slide-txt{ width: 100%; left: 0; }
.home .swiper-slide-txt h1,.home .swiper-slide-txt p{transform: translateY(0px); opacity: 1; padding-left: 2rem;}
.home .swiper-slide-txt h1{ position: relative; font-size: 4rem;}
.home .swiper-slide-txt h1::before{ content: ""; position: absolute; left: 0; width: 5px; height: 2rem; background: #da0000; transform: rotate(30deg);}
.home .swiper-slide-txt p{ letter-spacing: 5px;}
@media (max-width:767px){
    .header{ background: #fff;}
    .home{ padding-top: 8rem;}
    .home .swiper-slide{ min-height: 20rem;}
    .home .swiper-slide-img{ padding-bottom: 20rem;}
    .header .search a{background: url(../images/s1.png) no-repeat center;background-size: 2rem;}
}
/*position*/
.position{ line-height: 1.5; padding: 2rem 0;}
.position span{ display: inline-block; padding-left: 2rem; background: url(../images/position.png) no-repeat center left; background-size: 1.4rem;}

.position a:hover{ color: #da0000;}
.position.bg{ background: #eee;}
/*pages*/
div.pages{width: 100%;height: auto;margin: 3rem auto;overflow: hidden;}
ul#pages{ margin: 0; -webkit-justify-content: center; justify-content: center; display: flex;}
ul#pages li{ width: auto; margin: 0.5rem;}
ul#pages li a,ul#pages li span{display: block; color:#333; font-size:1.6rem;padding:1rem 1.8rem; text-decoration:none; background: #eee; border: none;}
ul#pages > .disabled > span{ color: #aaa; cursor: not-allowed;}
ul#pages li span{cursor: default; border-radius: 0 !important;}
ul#pages > li:last-child > a{ border-radius: 0;}
ul#pages li a:hover{ background: #da0000; color: #fff;}
ul#pages li.active span,ul#pages li.active:hover span{background:#da0000; color:#fff;}
ul.preNext li{ margin-bottom: 1rem;}
ul.preNext li a{ display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center;}
ul.preNext li a span{ display: block; font-size: 1.4rem; line-height: 1; color: #000;}
ul.preNext li a span:first-child{ padding: 1rem 3rem; margin-right: 2rem; border-radius: 5rem; border: 1px solid #ddd;}
ul.preNext li:hover span{color: #da0000;}
@media (max-width:1199px){
    ul.preNext{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
    ul.preNext li a{ -webkit-justify-content: center; justify-content: center;}
    div.pages ul.preNext li a span{ padding: 2rem 6rem; font-size: 1.8rem;}
    ul.preNext li{ width: 50%;}
}
/* ABOUT */
.sidenav{ width: 100%; height: auto; overflow: hidden; padding: 2rem 0; background: #eee;}
.sidenav ul{ -webkit-justify-content: center; justify-content: center; margin-left: -1rem; margin-right: -1rem;}
.sidenav ul li{ width:16.666%; text-align: center; padding:2px 1rem;}
.sidenav ul li a{ display: block; line-height: 4rem; background: #fff; border-radius: 5rem; font-size: 1.4rem; transition: all 0.5s; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sidenav ul li:hover a,.sidenav ul li.on a{ background: #da0000; color: #fff;}
.page-about-content{ padding: 3rem 0;}
.page-about-content h1.title{ font-size: 3rem; line-height: 2; border-bottom: 1px solid #ddd; margin: 2rem 0; padding-bottom: 1rem;}
.page-img{ width: 45%; margin-bottom: 2rem; overflow: hidden;}
.page-img.fl{ margin-right: 5rem;}
.page-img.fr{ margin-left: 5rem; border-bottom-right-radius: 10rem; border-top-left-radius: 10rem;}
.info p{ font-size: 1.4rem; line-height: 2; margin-bottom: 1rem; text-align: justify; color: #333;}
.page-about-slogn{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0; background: url(../images/aboutbg1.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.page-about-slogn h3{ color: #fff; line-height: 3; font-size: 3rem;}
.page-about-slogn p{ color: #fff; line-height: 2; font-size: 1.6rem;}
@media (max-width:1199px){}
@media (max-width:767px){
    .page-about-content h1.title{font-size: 2rem; line-height: 1.2;}
    .sidenav ul li{ width: 50%;}
    .sidenav ul li a{ font-size: 2rem; line-height: 5rem;}
    .page-img{ float: none; width: 100%; margin-left: 0;}
    .info p{ font-size: 2rem; padding-bottom: 2rem;}
}
/*page-app*/
.page-app-content{ padding: 5rem 0; align-items: stretch;}
.page-app .lbox,.page-app .rbox{ width: calc(50% - 5rem);}
.page-app ul li.app1{ width: 100%; margin-bottom: 3rem;}
.page-app ul li.app1 .img-cover{ padding-bottom: 40%;}
.page-app ul li.app2,.page-app ul li.app3{ width: calc(50% - 1.5rem);}
.page-app ul li.app2 .img-cover,.page-app ul li.app3 .img-cover{ padding-bottom: 65%;}
.page-app ul li .img-cover{ overflow: hidden;}
.page-app ul li img{ transition: all 0.5s;}
.page-app ul li:hover img{transform: scale(1.1);}
.page-app .lbox h3{ position: relative; width: 100%; height: auto; line-height: 3; margin-bottom: 5rem; font-size: 4.5rem; font-weight: normal; color: #000;}
.page-app .lbox h3::after{content: ""; position: absolute; left: 0; bottom: 0; width: 8rem; height: 4px; background: #222;}
.page-app .lbox p{ line-height: 2; font-size: 1.4rem; padding: 1rem 0; text-align: justify;}
.page-app .box{ width: 100%; height: auto; overflow: hidden;}
.page-app .box ul li{ width: calc(25% - 1px); margin-bottom: 1px;}
@media (max-width:1199px){
    .page-app .lbox,.page-app .rbox{ width: 100%; margin-bottom: 3rem;}
}
@media (max-width:767px){
    .page-app .lbox h3{ font-size: 3rem; margin-bottom: 1rem;}
    .page-app ul li.app1{ margin-bottom: 2px;}
    .page-app ul li.app2,.page-app ul li.app3{ width: calc(50% - 1px);}
    .page-app-content{ padding-bottom: 0;}
    .page-app .box ul li{ width: calc(50% - 1px);}
}
/*contact*/
.page-contact-txt{ background: #fff; margin: 5rem 0; -webkit-align-items: stretch; align-items: stretch;}
.page-contact-txt .lbox{ width: 50%; padding: 5rem; background: #f2f2f2; }
.page-contact-txt .lbox h1{ font-size: 4rem; padding-bottom: 2rem; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #da0000;}
.page-contact-txt .lbox h3{ font-size: 2rem; font-weight: normal; padding-bottom: 2rem;}
.page-contact-txt .lbox p{ font-size: 1.4rem; line-height: 1.5; padding: 1rem 0;}
.page-contact-txt .rbox{ width: 50%; background-size: cover; background-position: center;}
.page-contact-msg{ padding: 5rem; background: #f2f2f2; margin-bottom: 5rem;}
.page-contact-msg h3{ width: 100%; line-height: 1.5; padding-bottom: 3rem; text-align: center; font-size: 2rem;}
.formbox{ width: 100%; -webkit-flex-direction: column; flex-direction: column;}
.formbox .itext{ width: 100%; margin-bottom: 3rem;}
.formbox .itext input{ width: calc(33.33% - 2rem); border: 2px solid #ddd; line-height: 2; font-size: 1.6rem; padding: 1rem; color: #333;}
.formbox .itext input::placeholder,.formbox textarea::placeholder{ color: #aaa;}
.formbox .itext input:focus,.formbox textarea:focus{ border-color: #da0000;}
.formbox textarea{ width: 100%; height: 14rem; margin-bottom: 3rem; border: 2px solid #ddd; line-height: 2; font-size: 1.6rem; padding: 1rem; color: #333;}
.formbox input.btn{ width: auto; padding: 1rem 6rem; font-size: 1.6rem; line-height: 2; background: #da0000; opacity: 0.7; color: #fff;}
.formbox input.btn:hover{ opacity: 1;}

@media (max-width:1199px){
    .page-contact-txt .lbox h1{ font-size: 3rem; padding-bottom: 1rem;}
    .page-contact-txt .lbox h3{ font-size: 1.6rem; line-height: 2; padding-bottom: 1rem;}
    .page-contact-txt .lbox p{ font-size: 1.2rem; padding:0.5rem 0;}
}
@media (max-width:767px){
    .page-contact-txt .lbox{padding: 0; background: #fff;}
    .page-contact-txt .lbox,.page-contact-txt .rbox{ width: 100%;}
    .page-contact-txt .lbox h1{ font-size: 4rem;}
    .page-contact-txt .lbox h3{ font-size: 2rem;}
    .page-contact-txt .lbox p{ font-size: 1.6rem;}
    .page-contact-txt .rbox{ margin-top: 3rem;}
    .page-contact-msg{ padding: 3rem;}
    .formbox .itext{ margin-bottom: 0;}
    .formbox .itext input,.formbox textarea{ width: 100%; margin-bottom: 1rem;}
    .formbox input.btn{ width: 100%; border-radius: 0;}
}
/*list-img*/
.list-img{ padding: 5rem 0;}
.list-img ul.list-img-box li{ width: calc(25% - 1.5rem); margin: 1rem 0;}
.list-img ul.list-img-box li .img-cover{ padding-bottom: 50%;}
.list-img ul.list-img-box li .rcaption{ padding: 1rem; text-transform: capitalize; text-align: center; background: #eee; font-size: 1.4rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
@media (max-width:1199px){}
@media (max-width:767px){
    .list-img ul.list-img-box li{ width: calc(50% - 0.1rem); margin: 0.1rem 0;}
}
/*new*/
.list-article{ padding-bottom: 5rem;}
.list-article-box{ padding-top: 5rem;}
.list-article-box ul{ justify-content: flex-start;}
.head-new{ margin-bottom: 3rem;}
.head-new a{ align-items: stretch;}
.head-new .imgbox{ width: 30%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.head-new .newtxt{ width: 70%; padding: 5rem; background: #eee;}
.head-new .newtxt h3{ font-size: 2rem;}
.head-new .newtxt p.date{ position: relative; width: 100%; font-size: 1.2rem; color: #aaa; padding: 1rem 0;}
.head-new .newtxt p.date::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 2rem; height: 4px; background: #da0000; transition: all 0.5s;}
.head-new a:hover p.date::after{ width: 6rem;}
.head-new .newtxt p.text{ padding: 1rem 0; line-height: 2; font-size: 1.4rem; color: #666;}
.head-new .newtxt span.more{ display: inline-block; padding: 1rem 5rem; background: #fff; color: #da0000; border: 1px solid #da0000; font-size: 1.4rem; transition: all 0.5s;}
.head-new a:hover span.more{ background: #da0000; color: #fff;}
.list-article-box ul li{ width:33.33%; padding:0 0.5rem; margin-bottom: 1rem;}
.list-article-box ul li a{ display: block; border: 1px solid #ddd; transition: all 0.5s; padding: 3rem; }
.list-article-box ul li h3{ padding-bottom: 2rem; font-size: 1.6rem; font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list-article-box ul li span{ font-size: 1.2rem; color: #aaa; transition: all 0.5s;}
.list-article-box ul li:hover a{ border: 1px solid #da0000;}
.list-article-box ul li:hover span.more{ transform: translateX(1rem); color: #da0000;}
@media (max-width:1199px){
    .head-new .imgbox{ width: 100%; padding-bottom: 60%;}
    .head-new .newtxt{ width: 100%;}
    .list-article-box ul li{ width: calc(50% - 1rem); margin-bottom: 2rem;}
}
@media (max-width:767px){
    .head-new .newtxt{ padding: 3rem;}
    .list-article-box ul li{ width: 100%;}
}
/*article*/
.show-article-box{ margin: 5rem 0; align-items: flex-start;}
.article-info{ width: calc(70% - 5rem);}
.article-sidebar{ width: calc(30% - 1rem);}
.article-sidebar ul{ padding: 3rem; background: #f5f5f5;}
.article-sidebar ul li.one{ border-bottom: 1px solid #ddd;}
.article-sidebar ul li.one h3{ position: relative; line-height: 1.5; padding: 2rem; padding-right: 0; font-size: 1.6rem; font-weight: normal;}
.article-sidebar ul li.one h3::after{ content: ""; position: absolute; left: 0; top: 2.6rem; width: 1rem; height: 1rem; background: #da0000;}
.article-sidebar ul li.one p{ font-size: 1.2rem; color: #aaa; padding-bottom: 1rem;}
.article-sidebar ul li.one .img-cover{ padding-bottom: 60%;}
.article-sidebar ul li.one:hover h3{ color: #da0000;}
.article-sidebar ul li:not(.one) a{ position: relative; display: block; padding:1rem 2rem; padding-right: 0; line-height: 1.2; font-size: 1.4rem; color: #666;}
.article-sidebar ul li:not(.one) a::before{ content: ""; position: absolute; left: 0; top: 1.5rem; width: 0.7rem; height: 0.7rem; background: #666;}
.article-sidebar ul li:not(.one):hover a{ color: #da0000;}
.article-sidebar ul li:not(.one):hover a::before{ background: #da0000;}
.article-info-tit{ padding: 2rem; border-bottom: 1px solid #ddd;}
.article-info-tit h3{ font-size: 2.4rem; font-weight: normal; line-height: 1.5; padding-bottom: 2rem;text-align: center;}
.article-info-tit span{ color: #666;}
.article-info-box{ padding: 5rem 0;}
.article-info-box p{ margin: 1rem auto; line-height: 2; color: #666; text-align: justify; text-indent: 3.6rem;}
@media (max-width:1199px){
    .article-info{ width: 100%;}
    .article-sidebar{ width: 100%;}
}
@media (max-width:767px){
    .article-info-tit{ padding: 2rem 0;}
    .article-sidebar{ margin: 3rem 0;}
    .article-info-box{ padding: 3rem 0 0;}
    .article-sidebar ul li.one h3{ font-size: 2rem;}
    .article-sidebar ul li:not(.one) a{ font-size: 1.6rem;}
    .article-sidebar ul li.one h3::after { top: 3rem;}
}
/*list-product*/
.list-product{ margin: 5rem 0;}
.list-product .list-product-div{align-items: flex-start; align-items: flex-start;}
.list-product-nav{ width: 20%; background: #f7f7f7;}
.list-product-nav h3{position: relative; font-size: 3rem; background: url(../images/navdot.png) no-repeat left bottom #da0000; color: #fff; padding: 3rem; padding-bottom: 6rem;}
.list-product-nav h3::after{ content: ""; position: absolute; left: 3rem; bottom: 4rem; width: 3rem; height: 5px; background: #fff;}
.list-product-nav h3 span{ position: absolute; right: 0; top: 0; display: block; cursor: pointer; width: 10rem; height: 5rem; background:url(../images/down.png) no-repeat center #ddd; background-size: 2rem;}
.list-product-nav > ul{ padding: 3rem 0; border-left: 7px solid #cecece;}
.list-product-nav > ul > li{ position: relative; padding:0 20px;}
.list-product-nav > ul > li > a{ position: relative; display: block; line-height: 6rem; border-bottom: 1px solid #ddd; font-size: 1.6rem; font-weight: bold;}
.list-product-nav > ul > li > a:focus { outline: none;}
.list-product-nav > ul > li.on > a::before,.list-product-nav > ul > li:hover > a::before{ content: ""; position: absolute; left:-27px; top: 0; width: 7px; height: 6rem; background: #da0000;}
.list-product-nav > ul > li.on > a,.list-product-nav > ul > li:hover > a{ color: #da0000;}
.list-product-nav > ul > li > a > span{ display: block; position: absolute; z-index: 996; right: 0; top: 0; width: 6rem; height: 6rem; background: url(../images/down.png) no-repeat center; background-size: 1.6rem; filter: grayscale(100%);}
.list-product-nav > ul > li.on > a > span{ background: url(../images/up.png) no-repeat center; background-size: 1.6rem; filter: grayscale(0);}
.list-product-nav > ul > li > a:hover{ color: #da0000;}
.list-product-nav .submenu1{height: auto; max-height: 0; overflow: hidden; transition: all 0.5s;}
.list-product-nav > ul > li.on .submenu1{ max-height: 5000px;}
.list-product-nav .submenu1 > ul > li{position: relative;}
.list-product-nav .submenu1 > ul > li > a{ display: block; line-height: 4rem; font-size: 1.6rem; background: #eee; margin: 5px 0; padding-left: 2rem;}
.list-product-nav .submenu1 > ul > li > a:hover,.list-product-nav .submenu1 > ul > li > a.on{ color: #da0000;}
.list-product-nav .submenu2{ background: #fff; padding: 2rem; border-radius: 1rem;}
.list-product-nav .submenu2 a{ display: block; font-size: 1.4rem; line-height: 3rem; border-bottom: 1px dotted #aaa; text-align: center; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.list-product-nav .submenu2 a:hover,.list-product-nav .submenu2 a.act{ background: #da0000; color: #fff; border-radius: 3rem; overflow: hidden;}

.list-product-box{ width: calc(80% - 5rem);}
.list-product-box ul.lists{ align-items: flex-start; align-items: flex-start;}
.list-product-box ul.lists li{ width: calc(50% - 1.5rem); margin-bottom: 3rem;}
.list-product-box ul.lists li a{ background: #f5f5f5; padding: 3rem; transition: all 0.5s;}
.list-product-box ul.lists li .txt{ width: calc(50% - 1rem);}
.list-product-box ul.lists li .txt h3{ transition: all 0.5s; line-height: 1.2; font-size: 1.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-product-box ul.lists li .txt p{ margin: 1.5rem 0; line-height: 2; font-size: 1.4rem; color: #666; flex-direction: column; align-items: flex-start;}
.list-product-box ul.lists li .txt > span{ display: inline-block; padding: 0 3rem; line-height: 3; border:1px solid #ddd; font-size: 1.2rem; color: #aaa; transition: all 0.5s;}
.list-product-box ul.lists li .img{ width: 50%;}
.list-product-box ul.lists li:hover h3{ color: #da0000;}
.list-product-box ul.lists li:hover a{ box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);}
.list-product-box ul.lists li:hover .txt > span{ background: #da0000; color: #fff; border-color: #da0000;}
@media (max-width:1199px){
    .list-product-nav{ width: 100%; margin-bottom: 3rem;}
    .list-product-nav h3{background: #da0000; padding:1rem 2rem; line-height: 3rem; font-size: 2rem;}
    .list-product-nav h3::after{display: none;}
    .list-product-nav h3 span.menubtn{ display: block; position: absolute; top: 1.5rem; right: 2rem; width: 4rem; height: 4rem; background:url(../images/menu.png) no-repeat center #fff; cursor: pointer; background-size: 4rem;}
    .list-product-nav > ul{ display: none; padding: 0;}
    .list-product-box{ width: 100%}
    
}
@media (max-width:767px){
    .list-product-box ul.lists li{ width: 100%;}
}

/*show*/
.show-product{ width: calc(80% - 5rem);}
.show-product-head{border-bottom: 5px solid #aaa; margin-bottom: 3rem; align-items: stretch;}
.show-product-head .lbox{ width: 50%; background: #eff1f5;}
.show-product-head .rbox{ width: 50%; padding: 5rem; background: #eff1f5;}
.show-product-head .rbox h3{ font-size: 1.8rem; padding-bottom: 2rem;}
.show-product-head .rbox p{ font-size: 1.4rem; line-height: 2; color: #666;} 
.show-product-head .rbox p.des{ text-align: justify;}
.show-product-head .rbox p.btn { justify-content: flex-end; margin-top: 2rem; padding: 0;}
.show-product-head .rbox p.btn a{ display:block; padding: 1rem 3rem; background: #da0000; color: #fff;}
.show-product-head .rbox p.btn a:last-child{ background: #222;}
/**/
.message{ padding: 5rem 0;}
.message .page-contact-msg{ background: #f5f5f5;}
@media (max-width:1199px){
    .show-product{ width: 100%;}
}
@media (max-width:767px){
    .show-product-head .lbox,.show-product-head .rbox{ width: 100%; padding: 0; background: #fff;}
    .message{ padding: 0;}
    .page-contact-msg h3{ font-size: 1.6rem;}
}
/*产品描述*/
.pc-slide{width:100%;margin:0 auto; border: 10px solid #eff1f5; padding: 1rem;}
.view .swiper-container{width:100%;}
.view img{ padding: 5rem; background: #fff;}
.preview{width:100%; margin-top:10px;position:relative}
.preview .swiper-container{width:100%;height:auto}
.preview .active-nav img{ border:1px solid #da0000}
.preview .swiper-slide{margin-right:1rem;width:8rem;padding: 1px;}
.preview .swiper-slide img{border:1px solid #ddd;padding:1rem; background: #fff; cursor: pointer;}
.preview .active-nav img{border-color:#da0000}
.view .swiper-button-next{width:3rem;height:6rem; line-height: 6rem; text-align: center; background: #da0000;right:0; color: #fff;}
.view .swiper-button-prev{width:3rem;height:6rem; line-height: 6rem; text-align: center; background: #da0000; left:0; color: #fff;}
.show-product-body{ height: auto; overflow: hidden;}
.destit{ position: relative; z-index: 1; margin-bottom:2rem}
.destit h3{position:relative;font-size:2rem;height:5rem;line-height:5rem;padding-left:2rem;color:#fff;width:100%;border-bottom: 1px solid #da0000;}
.destit h3::after{content:"";position:absolute;z-index:-1;left:0;width:20rem;height:0;border-bottom:5rem solid #da0000;border-right:5rem solid transparent}
.show-product-body .box{ height: auto; overflow: hidden; line-height: 2; text-align: justify;}
.show-product-body .box p{line-height: 2; text-align: justify;}
.show-product-body .box table{ min-width: 100% }
.show-product-body .box table tr,.show-product-body .box table td{ border: 1px solid #ddd; padding: 5px;}
/*相关产品*/
.pro_model .destit a{ position: absolute; right: 0; top: 1rem; display: block; width: 3rem; height: 3rem; line-height: 2.6rem; text-align: center; color: #fff; font-size: 1.6rem; background: #da0000; border-radius: 50%;}
.pro_model .swiper-container{ padding-bottom: 5rem;}
.pro_model .swiper-slide img{padding: 3rem; border: 1px solid #ddd;}
.pro_model .swiper-slide p{ line-height: 2; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro_model .swiper-pagination-bullet-active{ background: #da0000;}

/*地图*/
#map .anchorBL{display: none;}
#map #allmap{ height: 450px;}


/*企业文化*/
.page-about-slogn ul li{ width: 30%; text-align: center; margin-top: 5rem;}
.page-about-slogn ul li .img{ width: 8rem; height: 8rem; margin:0 auto;}
.page-about-slogn ul li h6{ font-size: 2rem; color: #fff; line-height: 1; padding-bottom: 3rem;}

/*下载*/
.list_down ul,.list_biao ul{ flex-wrap: wrap;}
.list_down ul li{ width: 32%; padding: 3rem; background: #eee; margin-top: 3rem;}
.list_down ul li span{ font-size: 2.5rem; line-height: 1.5;}
.list_down ul li small{ font-size: 1.2rem;}
.list_down ul li span.icon{ width: 5rem; height: 5rem; background: url(../images/xz.png) no-repeat #da0000; background-size: contain;}
@media (max-width:767px){
    .list_down ul li{ width: 100%;margin-top: 1.5rem;}

}