/* 导航 */
.nav{width: 100%;display: flex;  display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;
    background-color: #fff;position: fixed;top:0; left: 0;height: 70px;z-index:99;box-sizing: border-box;}
.nav .logo{padding-left: 10px;width: 180px;height: auto;}
.leftM{padding-right: 10px;}
.leftM  .btn{width:40px;}
.leftM  .btn img{width: 100%;height: 100%;}
.leftMenu a {text-decoration: none; display: block;}
.leftMenu { background: #fff; right: -1000px; position: fixed; top:0; display: block;height: 100%; width: 68%;min-width: 140px;max-width: 461px;z-index: 90002;
    transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease; position: fixed; overflow: auto;}
.leftMenu.menu-open {right: 0;}

.leftMenu .close{width: 100%;text-align: right;cursor: pointer; padding: 15px;box-sizing: border-box;}
.leftMenu .close img{width: 30px;height: auto;}
.leftMenu ul {list-style: none;padding: 0;overflow: hidden;width: 100%;}
.leftMenu ul li {position: relative;padding: 10px 0 10px 20px;overflow:hidden;}   
.leftMenu ul li:hover>a{color: #B12650;}
.leftMenu ul li.active>a{color: #B12650;}
.leftMenu ul li.hasChild > a:after {content: "+"; position: absolute;right: 20px; top: 0px; font-size: 24px;font-weight: 300;}
.leftMenu ul li.hasChild.open > a:after {content: "-"; right: 23px; font-size: 28px;top: -3px;}
.f2, .f3 { height: 0;padding-left: 20px; overflow: hidden;    position: relative;transition: height 0.4s ease;-moz-transition: height 0.4s ease; -webkit-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;}
.menu-dark-backdrop { background: rgba(0,0,0,0);transition: all 0.4s ease; -moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;
    width: 76%; position: fixed;top:0; left: 0;right: 0;bottom:0;overflow: hidden;display: none;}
.menu-dark-backdrop.in {height: 100%;z-index: 99;background: rgba(0,0,0,0.5); display: block;}

.wap{padding:15px;}
/* banner */
.banner{ width:100%;margin-top: 70px;}
.banner .swiper-container{display: block; width:100%; height:100%; overflow:hidden; position:relative; z-index: 0;}
.banner .swiper-container img{width: 100%;height: 100%;}
.banner .swiper-container .swiper-pagination-bullet {width: 25px;height:3px;border-radius: 0;background-color: #fff;opacity: 1;}
.banner .swiper-container .swiper-pagination-bullet-active {background: #B12650;}

.news-scroll{width: 100%; height:40px;line-height:40px;overflow:hidden;margin-bottom: 15px;display: flex;}
.news-scroll .titbox{font-size:16px;color:#B12650;}
.news-scroll .bd{width:75%;}
.news-scroll .bd li a{color:#4a4a4a;font-size:14px;width: 100%;display: block;}

.tabBox .hd ul{ display: flex; }
.tabBox .hd ul li{ padding:0 5px; vertical-align:top;  }
.tabBox .hd ul li a{ height:38px; line-height:38px;}
.tabBox .hd ul li.on a{ color:#B12650; display:block;border-bottom:2px solid #B12650;  }
.tabBox .tabs-item{display: none;}
.tabBox .tabs-item li{display: flex;align-items: center;justify-content: space-between;border-bottom:1px solid #E4E4E4;padding:10px 0;}
.tabBox .tabs-item li .lefbox{margin-right:5px;flex: 1;}
.tabBox .tabs-item  li .lefbox a{display:block;font-size:15px;color:#333;overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tabBox .tabs-item  li .lefbox .tbox{display: flex;align-items: center;margin:10px 0;width:100%;}
.tabBox .tabs-item  li .lefbox .tbox span{font-size:13px;color:#666;margin-right:20px;display: flex;align-items: center;
}
.tabBox .tabs-item  li .lefbox .tbox .iconfont{margin-right: 5px;}
.tabBox .tabs-item  li .img{display:block;}
.tabBox .tabs-item  li .img img{width:124px;height:83px;}
.tabBox .tabs-item .clickmore{display: block;width: 100px;height: 30px;line-height: 30px; text-align:center;border:1px solid #B12650;
    color: #B12650; font-size:12px;margin: 15px auto 0 auto;border-radius: 15px;}

.newsTab{border-bottom:1px solid #F5F5F5;padding:15px 3%;margin:0 -3% 20px;}
.newsTab a{color:#222;font-size:15px;margin-right:3%;padding-bottom:14px;}
.newsTab a.active,.newsTab a:hover{color:#B12650;border-bottom:2px solid #B12650;}
.lunbo-img .swiper-slide a{width:100%;position:relative;position:relative;display: block;}
.lunbo-img .swiper-slide a img{width:100%;border-radius:5px;}
.lunbo-img .swiper-slide a p{position: absolute;bottom:10px;width:100%;padding:0 5%;color:#fff;font-size:14px;
overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}

.link-box ul{display:grid;  grid-template-columns: repeat(3,32%);column-gap: 2%;}
.link-box li{width:100%;margin-bottom:5%;}
.link-box li a img{width:100%;border:1px solid #DBDCDD;}

.footer{background:#C0C0C0;width:100%;padding-top:25px;text-align: center;}
.footer h1{width: 200px;margin: 0 auto;}
.footer .abox{font-size:0;padding:20px 15px;display: flex;justify-content: start;flex-wrap: wrap;}
.footer .abox a{font-size:14px;color:#fff;width:25%;margin-bottom: 10px;}
.footBottom{background-color: #1F1F1F;padding: 10px;}
.footBottom span,.footBottom a{font-size:11px;font-weight: 300;color: #999;line-height:16px;text-align: center;display: block;}

/* 关于我们 */
.inner-banner{margin-top: 70px;}

.searchNav{overflow:hidden;position: relative;background-color: #fff;border-bottom: 1px solid #ccc;padding-bottom: 3px;}
.searchNav .swiper-wrapper{width:100%;padding:0 15px;box-sizing: border-box;}
.searchNav .swiper-slide{width: auto; text-align:center;height: 50px;line-height: 50px;box-sizing: border-box;padding-right: 20px;}
.searchNav .swiper-slide a{ display: inline-block; transition:all .3s ease;font-size: 14px;text-align: center;color: #333;}
.searchNav .active a{color: #B12650; border-bottom: 3px solid #B12650;}
.searchNav .navMore{position: absolute;right:10px;bottom:50%;font-size: 16px;transform: translateY(50%);color: #999;}

.articleBox{padding: 15px;}

/* 产品列表 */
.pro-list{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.pro-list li{width: 48%;margin-bottom: 15px;}
.pro-list li .pic-box{width: 100%;border:1px solid #ececec;}
.pro-list li .pic-box img{width: 100%;}
.pro-list li .tit{width: 100%;text-align: center;padding-top: 15px;font-size: 14px;color: #333;}

.page{max-width:100%;margin: 0 auto; padding: 20px 0;display: flex;justify-content: center;align-items: center;font-size: 14px;}
.page_div {color: #666;margin: 0 auto;}
.page_div a,.page_div p { display: inline-block;cursor: pointer; color: #333;font-size: 12px;background-color: #DFDFDF;text-align: center;margin: 0 2px; 
    -webkit-appearance: none;-moz-appearance: none;appearance: none;padding:5px 10px;}
.page_div .current {background-color:#B12650;color: #fff}

/* 投诉建议 */
.register-box{width: 90%;margin: 0 auto;}
.register-box .input-line {display: flex;align-items: center;justify-content: start;margin-bottom: 10px;}
.register-box .input-line .tit{display: inline-block; text-align: right;width:95px; padding-right:15px;color: #333;font-size: 14px;box-sizing: border-box;}
.register-box .input-line .tit i{color: red;padding-right: 3px;font-style:normal;}
.register-box .input-line input{flex: 1; height: 35px;border: 1px solid #DCDCDC;padding-left: 10px;box-sizing: border-box;}
.register-box .input-line textarea{flex: 1;height: 80px;border-radius: 5px;border: 1px solid #DCDCDC;padding: 10px;margin-bottom: 15px;
    box-sizing: border-box;}
.register-box .btn-box{flex: 1; }
.register-box .btn-box .btn{background-color: #B12650;color: #fff;font-size: 14px;width:100%;height: 37px;margin-right: 30px;border-radius:5px;}


/* 图片新闻 */
.news-list li{padding:10px 0;border-bottom: 1px dashed #C9C9C9;}
.news-list li a{width: 100%;height: 100%;display: flex;}
.news-list li .img{width:35%;}
.news-list li .img img{width:100%;}
.news-list li .text{width: 65%;padding-left: 10px;box-sizing: border-box;}
.news-list li .text p{font-size: 14px; color: #333;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;}
.news-list li .text .content{font-size: 12px; color: #999; margin-top:10px;line-height:15px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;
    -webkit-box-orient:vertical;}
.news-list li .text  .time{ font-size:14px; color: #B12650; padding-top: 10px;font-family: "Microsoft YaHei";}

/* 详情页 */
.newDetails .detailsTitle{text-align: center;color: #333;font-size: 16px;border-bottom: 1px solid #ccc;font-weight: 700;}
.newDetails .detailsTitle .newsTime{ font-size:12px;color: #999;padding:15px 0;font-weight: normal;}
.newDetails .detailsTitle .newsTime img{width: 12px;}
.newDetails .detailsTitle .newsTime span{padding-right: 10px;}
.newDetails .detailsContent {padding: 20px 0 ;font-size: 14px;color: #666;}
.detailspage {display: flex; justify-content: space-between;align-items: center;background-color: #fff;border-top: 1px solid #ccc;}
.detailspage a{display: inline-block; width:50%; height:40px; line-height: 40px;color: #999;font-size: 14px;}
.detailspage .next{text-align: right;padding-right: 20px;border-right: 1px solid #ccc;;}
.detailspage .prev{text-align: left;padding-left: 20px;}

/* 新闻 */
.inews .news-item { width:100%; background: #f5f7f9; padding: 2%; }
.inews .news-item:nth-of-type(2n){background-color: #fff;}
.inews .news-item h2 { padding: 1% 0 2%; }
.inews .news-item h2 a { font-size:16px; color: #000; }
.inews .news-item .txt { font-size:14px; color: #666; line-height: 1.8; }
.inews .news-item .more { padding: 3% 0; }
.inews .news-item .more a { background: #0162b3; padding: 1% 3%; font-size: 12px; border-radius: 4px; color: #fff; }

