@charset "utf-8";


.products__main_box{margin-bottom:50px;}

/*-- 右侧主体条数和缩略图选型 --*/
.products_view{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px;overflow:hidden;}

/*-条数-*/
.products_view__total{float:left;line-height:36px;}

/*-选项卡-*/
.products_view__change{font-size:0;float:right;}
.products_view__change .btn{display:inline-block;background:#f3f3f3 no-repeat;background-position:20px 9px;padding:9px 20px 11px 46px;border:solid 1px #e4e8ec;font-size:14px;cursor:pointer;transition:color 0.2s ease-out;}
.products_view__change .btn.active{background-color:#fcfdfa;border:solid 1px #aace39;color:#aace39;}
.products_view__change .btn:hover{color:#aace39;}
.products_view__change .btn.detail{background-image:url(../img/icon/ico_products_detail.png);background-size:18px 16px;border-radius:4px 0 0 4px;}
.products_view__change .btn.detail:hover,.products_view__change .btn.detail.active{background-image:url(../img/icon/ico_products_detail_active.png);}
.products_view__change .btn.thumbnail{background-image:url(../img/icon/ico_products_thumbnail.png);background-size:16px 16px;border-radius:0 4px 4px 0;}
.products_view__change .btn.thumbnail:hover,.products_view__change .btn.thumbnail.active{background-image:url(../img/icon/ico_products_thumbnail_active.png);}

/*-- 右侧主体1 详细展示列表 --*/
.products_list_up__ulist > li{border-top:solid 1px #dfe0e6;margin:0 0 20px 0;}
.products_list_up__ulist > li:last-child{margin:0 0 0 0;}
.products_list_up__ulist > li > a{display:block;height:100%;border-top:solid 1px #fff;}
.products_list_up__ulist .list_caption_hidden{display:none;}
.products_list_up__summary{min-height:182px;position:relative;background:#fbfbfb;padding:21px 20px 20px 20px;transition:opacity 0.2s ease-out;overflow:hidden;}

.products_list_up__summary::after{position:absolute;bottom:0;right:0;display:inline-block;background:#aace39;width:24px;height:24px;padding:6px 0 0 8px;font-family:"FontAwesome";color:#fff;content:"\f054";font-size:13px;transition:border 0.2s ease-out;}

/*详细展示 标题+日期*/
.products_list_up__summary .ttl{margin:0 0 16px 200px;}
.products_list_up__summary .ttl > b{display:inline-block;padding:5px 7px 6px 7px;color:#7b7b84;font-feature-settings:'palt';letter-spacing:.04em;font-size:12px;font-weight:400;border:solid 1px #7b7b84;margin-right:8px;}
.products_list_up__summary .ttl > b + em{margin-top:12px;}
.products_list_up__summary .ttl > em{display:block;margin-bottom:8px;color:#383842;font-style:normal;font-feature-settings:'palt';font-size:20px;font-weight:bold;line-height:1.2;}
.products_list_up__summary .ttl > p{color:#6f6f6f;font-size:13px;font-weight:500;line-height:1.385;}

/*正文+关键词*/
.products_list_up__summary .text{margin:0 0 0 200px;padding:0 20px 0 0;}
.products_list_up__summary .text_use{display:flex;font-size:14px;align-items:flex-start;overflow:hidden;color:#8b969e;}
.products_list_up__summary .text_use > dt{width:90px;float:left;}
.products_list_up__summary .text_use > dt::before{display:inline-block;margin:1px 5px 0 1px;;vertical-align:top;transition:all 0.2s ease-out;font-family:"FontAwesome";color:#b3b3b7;content:"\f013";font-size:13px;}
.products_list_up__summary .text_use > dd{margin-top:-2px;margin-bottom:-3px;line-height:1.3;float:left;}
.products_list_up__summary .text_use > dd > span{margin-right:8px;}

/*图片*/
.products_list_up__summary .photo{float:left;opacity:.8;}
.products_list_up__summary:hover .photo{opacity:1;}
.products_list_up__summary .photo > span{display:block;background:#f3f3f3;width:175px;height:175px;overflow:hidden;}
.products_list_up__summary .photo > span > img{display:block;width:auto;height:auto;}
.js_size_ratio.img_h100 > img{height:100% !important;}

/*-- 右侧主体2 缩略图展示 --*/
.thumbnail .products_list_up__ulist{margin:0;border-top:solid 1px #dfe0e6;overflow: hidden;padding:22px 20px 0;}
.thumbnail .products_list_up__ulist > li{margin:20px 0 0 20px;border-top:none;width: calc(26% - 23px);float:left;}
.thumbnail .products_list_up__ulist > li:nth-child(4n+1){margin-left:0;}
.thumbnail .products_list_up__ulist > li:nth-child(-n+4){margin-top:0;}
.thumbnail .products_list_up__ulist > li > a{border-top:none;display:block;height:100%;}
.thumbnail .products_list_up__summary{display:flex;flex-flow:column;width:175px;height:100%;padding:0;}
.thumbnail .products_list_up__summary::after{display:block;content:"";background:none;width:0;height:0;padding:0;border-top:5px solid transparent;border-right:5px solid #aace39;border-bottom:5px solid #aace39;border-left:5px solid transparent;transition:border 0.2s ease-out;}
.thumbnail .products_list_up__summary:hover::after{border-top:8px solid transparent;border-right:8px solid #c3dc74;border-bottom:8px solid #c3dc74;border-left:8px solid transparent;}
.thumbnail .products_list_up__summary .ttl{order:1;padding:0px 12px;margin:0;display:inline-block;}
.thumbnail .products_list_up__summary .ttl > b{display:none;padding:5px 6px 6px 6px;font-size:11px;}
.thumbnail .products_list_up__summary .ttl > em{font-size:14px;height: 34px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.thumbnail .products_list_up__summary .text{display:none;}
.thumbnail .products_list_up__summary .photo{order:0;position:static;}
.products_list_up__summary.nolink{opacity:1;}
.products_list_up__summary.nolink::before{content:'';display:block;background:#fff;height:1px;margin:-22px -20px 22px -20px;}
.products_list_up__summary.nolink::after{content:none;}
.thumbnail .products_list_up__summary.nolink::after{content:none;}


nav .m_disyes{display:none;}


@media screen and (max-width:899px){
nav .m_disno{display:none;}
nav .m_disyes{display:block;}
    .products__main_box{margin-bottom:28px;}
    .products_view{margin-bottom:12px;}
    .products_view__change{display:none;}
    .products_list_up__summary .photo > span{width:calc( 100vw / 5.1428 );min-width:105px;height:calc( 100vw / 5.1428 );min-height:105px;}
    .products_list_up__summary .ttl{margin:0 0 15px calc( 100vw / 4.5 );}
    .products_list_up__summary .text{margin:0 0 0 calc( 100vw / 4.5 );}
    .products_list_up__summary .text_use{display:none;}
    .text__set-mb20{margin-bottom:0;} 
}

@media screen and (max-width:799px){
    .photo__ulist{display:block;padding:0;}
    .photo__ulist > li{width:100%;margin:0;}
    .photo__ulist > li:nth-child(n+2){margin-top:-1px;}
    .photo__ulist > li > a{background:#f3f7fb;border:solid 1px #e1e2e7;border-radius:0;padding:13px 38px 14px 0;}
    .photo__ulist > li > a > span{padding:3px 0 4px 12px;text-align:left;border-right:none;font-size: 15px;}
    .photo__ulist > li > a:active{margin-top:0;border-bottom-width:1px;}
    .photo__ulist > li > a > span::before{display:none;}
    .photo__ulist > li > a > span::after{position:absolute;top:50%;right:12px;display:inline-block;font-family:"FontAwesome";font-weight:normal;color:#28b4f4;content:"\f078";font-size:14px;transform:translateY(-50%) scale(0.8);}


}

@media screen and (max-width:699px){
	[class*="text__set"] {-webkit-line-clamp: 3;}
}

@media screen and (max-width:639px){
    .products_list_up{margin:0 -12px}
    .products_list_up__ulist > li{border-top:solid 1px #dfe0e6;margin:0;}
    .products_list_up__ulist > li:last-child{border-bottom:solid 1px #dfe0e6;}
    .products_list_up__summary{min-height:auto;padding:13px 32px 14px 12px;background:transparent;}
    .products_list_up__summary .ttl{margin-bottom:14px;}
    .products_list_up__summary .ttl > b{font-size:11px;}
    .products_list_up__summary .ttl > em{font-size:16px;margin-bottom:6px;}
    .products_list_up__summary .ttl > span{font-size:12px;}
    .products_list_up__summary::after{background:transparent;color:#bbb5af;width:auto;height:auto;padding:0;right:8px;bottom:calc(50% - 11.5px);}
    .products_list_up__summary .photo{top:13px;}
    .products_list_up__summary.nolink::before{content:none;}
    .products_list_up__summary .ttl > p{display:none;}
		[class*="text__set"] {-webkit-line-clamp: 2;}
}


@media screen and (max-width:540px){
    .products_list_up__summary .ttl,.products_list_up__summary .text{height:auto;margin-left:118px;}
}
@media screen and (max-width:399px){
	.products_list_up__summary .ttl > b{display: none;}
	.products_list_up__summary .ttl > b + em{margin-top:0;}
}