/*关于我们*/
.about-wrap{width: 1200px;margin: 0 auto;background: #fff;border-radius: 8px; margin-top: 10px;display: flex;}
.about-wrap .amenu{width: 210px;min-height: 65vh; border-right: 1px dashed #eee;}
.about-wrap .amenu ul{width: 100%;margin-top: 20px; display: flex;flex-direction: column;align-items: start;}
.about-wrap .amenu ul li{border-bottom: 1px solid #eee; width: 100%; padding: 10px 40px;font-size: 14px;text-align: center;}
.about-wrap .amenu ul li a{color: #152030;}
.about-wrap .amenu ul .on{background: #0086f6;}
.about-wrap .amenu ul .on a{color: #fff;}
.about-wrap .amenu ul li:hover{background: #0086f6;}
.about-wrap .amenu ul li:hover a{color: #fff;}

.about-wrap .about-body{flex: 1;padding: 10px 25px;}
.about-wrap .about-body .tit{border-bottom: 1px solid #eee;padding: 10px;}
.about-wrap .about-body .tit h1{font-size: 18px;font-weight:normal;font-weight: 500;color: #0086f6;}
.about-wrap .about-body .acon{padding: 20px 10px; line-height: 28px;font-size: 13px;text-indent: 2em;}
/*文章*/
.article-wrap{width: 1200px;margin: 0 auto;margin-top: 20px; display: flex;color: #152030;}
.article-wrap .aleft{width: 890px;background: #fff;margin-right: 15px;padding:15px 15px;border-radius: 8px;}
/*文章列表*/
.aleft .tit{display: flex;align-items: center;height: 25px;line-height: 25px;}
.aleft .tit h1{display: inline;font-size: 16px;color: #0086f6;font-weight: 600;}
.aleft .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin: 0 10px 0 1px;}
.aleft .anav{border-bottom: 2px solid #eee;margin-top: 15px;color: #152030;}
.aleft .anav li{float: left;font-size: 14px;padding: 10px 25px;}
.aleft .anav li a{color: #152030;}
.aleft .anav .on{border-bottom: 2px solid #0086f6;margin-bottom: -2px;}
.aleft .anav .on a{font-weight: bold;}
.aleft .abody{padding: 10px 0px;}
.aleft .abody li{font-size: 13px;display: flex;flex-direction: column;line-height: 22px;border-bottom: 1px solid #eee;padding: 15px 15px 15px 5px; }
.aleft .abody li a{color: #152030;}
.aleft .abody li .atit{display: flex;flex-direction: row;justify-content: space-between;}
.aleft .abody li .name{display: flex;align-items: center;}
.aleft .abody li .name i{color: #0086f6;font-size: 22px;}
.aleft .abody li .time{color: #bbb;}
.aleft .abody li .dd{font-size: 12px;padding: 0 20px; color: #69798c;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
        
.article-wrap .aright{flex: 1;background: #fff;border-radius: 8px;}
/*文章详情*/
.aleft .atit h1{font-size: 16px;font-weight: 500; border-bottom: 1px solid #eee;text-align: center;padding: 10px;}
.aleft .pars{display: flex;justify-content: flex-end; align-items: center; font-size: 13px;padding: 8px 10px;color: #69798c;}
.aleft .pars .date{margin-right: 20px;display: flex;align-items: center;}
.aleft .center{font-size: 13px;line-height: 28px;text-indent: 2em;padding: 20px 15px;}
.aleft .center img{max-width:100%;}
/* 上一篇下一篇 */
.pages{font-size: 13px;color: #152030;line-height: 26px;margin: 20px 0;}
.pages .up{margin-bottom: 10px;}
.pages a{font-size: 13px;color: #152030;}
.pages span{color: #0086f6;}
/*推荐产品*/
.tuijian-body{padding-top: 15px;}
.tuijian-body .tit{display: flex;align-items: center;height: 25px;line-height: 25px;}
.tuijian-body .tit h2{display: inline;font-size: 16px;color: #0086f6;font-weight: 600;}
.tuijian-body .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin: 0 10px 0 1px;}
.tuijian-body ul{padding: 15px;}
.tuijian-body ul li{margin-bottom: 15px;}
.tuijian-body ul li a{border-radius: 5px; border: 1px solid #eee;padding: 10px;margin-bottom: 10px;line-height: 26px;font-size: 13px;}
.tuijian-body ul li a{display: flex;flex-direction: column;color: #152030;}
.tuijian-body ul li img{width: 250px;height: 210px; overflow: hidden;}
.tuijian-body ul li img:hover{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);transition-duration: .8s;}
.tuijian-body ul li .yname{font-size: 13px;}
.tuijian-body ul li .yname span{font-size: 12px;color:#69798c;}
.tuijian-body ul li .ydate{color: #69798c;height: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tuijian-body ul li .ydate i{font-size: 12px;margin-right: 2px;}
.tuijian-body ul li .ydate span{color: #69798c;}
.tuijian-body ul li .price{text-align: right;color: #ff0000;font-size: 12px;margin-top: 5px;}
.tuijian-body ul li .price .fh{font-size: 12px;}
.tuijian-body ul li .price .num{font-size: 16px;}
.tuijian-body ul li .price .qi{font-size: 10px;}
.tuijian-body ul li a:hover{box-shadow: 0px 4px 16px 1px rgba(0,0,0,.12);}