@charset "utf-8";

.boader_line{border:4px solid #f9f9f6;  padding: 25px 20px; margin-bottom: 30px;}
.boader_line p{text-indent:2rem;color:#999;}

/*选项卡标题*/
.products_detail__tab{display:flex;justify-content:space-around;background:#f9f9f6;padding:14px 20px 0 20px;margin-bottom:32px;overflow:hidden;}
.products_detail__tab .btn{width:33.33%;cursor:pointer;text-align:center;padding:0 1px;float:left;}
.products_detail__tab .btn:nth-child(n+2){padding-left:0;}
.products_detail__tab .btn > span{background:#ecece8;display:inline-block;width:100%;font-size:16px;padding:17px 0 17px 0;transition:all 0.2s ease-out;}
.products_detail__tab .btn.active > span{background:#fff;font-weight:500;}
.products_detail__tab .btn:hover > span{padding-bottom:21px;margin:-4px 0 0 0;}
.products_detail__tab .btn.active:hover > span{padding-bottom:17px;margin:0;}


/*选项卡内容*/
.products_detail__content{margin-bottom:40px;}
.js_tab_content{margin-bottom:0;}
.js_tab_content > li:nth-child(n+2){display:none;}
.products_detail__content:last-child{margin-bottom:0;}
.products_detail__content .caption_desc{padding:0 20px;}
.products_detail__content .caption_desc > dd{padding:0 19px;}
.products_detail__content .caption_desc + .caption_desc{padding-top:24px;}
.products_detail__content li img{margin: 0 auto;display: block;width: auto;}

.products_detail__block{margin-bottom:20px;}
.products_detail__content{margin-bottom:40px;}
.products_detail__content .caption_desc{padding:0 20px;}
.products_detail__content p.info__text{line-height:24px;margin-top:10px;font-size:15px;color: #666;}
.products_detail__content p.info__text span{display: block;margin: 8px 0;line-height: 22px;}


/*-…products_relation…*/
.products_relation{margin-bottom:50px;}
.products_relation__desc .ttl{background:#f3f7fb;font-feature-settings:'palt';font-size:17px;padding:12px 0 12px 0;margin-bottom:20px;}
.products_relation__desc .ttl > span{display:block;padding:1px 0 3px 14px;border-left:solid 5px #8b9daa;font-weight:500;}
.products_relation__ulist{display:flex;flex-wrap:wrap;padding:20px;overflow:hidden;}
.products_relation__ulist > li{float:left;width: calc((100% / 4) - 8px);margin: 8px 4px;}
.products_relation__ulist > li > a{display:block;height:100%;}
.products_relation__summary{position:relative;display:flex;background:#f9f9f9;width:100%;flex-flow:column;transition:opacity 0.2s ease-out;}
.products_relation__summary:hover{opacity:.8;}
.products_relation__summary::after{position:absolute;display:block;content:"";width:0;height:0;bottom:0;right: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;}
.products_relation__summary:hover::after{border-top:8px solid transparent;border-right:8px solid #c3dc74;border-bottom:8px solid #c3dc74;border-left:8px solid transparent;}
.products_relation__summary > dt{padding:10px;}
.products_relation__summary > dt > em{display:block;margin-bottom:8px;color:#28a0e0;font-style:normal;font-feature-settings:'palt';font-size:14px;font-weight:bold;line-height:1.357;}
.products_relation__summary > dt > span{display:block;color:#6f6f6f;font-size:13px;font-weight:500;line-height:1.385;}
.products_relation__summary > dd{display: inline\9\0;}
.products_relation__summary > dd > span{position:relative;display:block;background:#e0edf5;overflow:hidden;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {.products_relation__summary > dd > span{height:182px;}}
.products_relation__summary > dd > span > img{width:100%;}


.caption_desc_img{overflow:hidden;margin: 10px 0; padding: 0 20px;}
.caption_desc_img li{float:left;width:calc((100% / 3) - 8px);margin: 4px;}


.img_5{overflow:hidden;padding: 0 20px;}
.img_5 li{float:left;width:calc((100% / 3) );}



@media screen and (max-width: 899px) {
    .products_detail__block{margin-bottom:30px;}
    .products_detail__tab{padding:12px 12px 0 12px;margin-bottom:20px;}
    .products_detail__content .caption_desc{padding:0 12px;}
    .products_detail__content .caption_desc > dd{padding:0 12px;}
    .products_detail__content{margin-bottom:32px;}
    
    .table__scroll {margin: 0 12px;}
    
    .products__top_detail{margin-bottom:20px;}
    
    .products_detail__content .spec__list_c > li:first-child{padding:4px 0px 12px 24px;}
    .products_detail__content .spec__list_c > li:first-child::before{top:7px;}

}
@media screen and (max-width: 799px) {

	.products_detail__content .spec__table_np .np_data br {display: block;}  
    .products_detail__content .caption_desc + .caption_desc,
    .products_detail__content .table__scroll + .caption_desc,
    .products_detail__content .wrap + .caption_desc,.products_detail__content .caption_desc + .wrap{padding-top:20px;}

    .table_easy > tbody > tr{display: inline-block;width: 100%;border:none;}
    .table_easy > tbody > tr.tr_top{border-top: solid 2px #dadee3 !important;}
    .table_easy > tbody > tr > th,.table_easy > tbody > tr > td{padding:12px;display:inline-block;width:100%;text-align:left;}
    .table_easy > tbody > tr > th{border-right: 0;width: 100%;}
    .table_easy > tbody > tr > td{width:100% !important;padding:12px !important;border-bottom: 1px solid #dadee3;border-left:none;font-size:14px;}
    .table_easy > tbody > tr > td.td_ys{color:#a3afbb;}
    .table_easy > tbody > tr > td.td_ys .m_none{display:none;}
    .table_easy > tbody > tr > td.td_ys span{margin-left:10px;}
    .table_easy > tbody > tr > td:before{content:attr(data-label);float:left;}
    
    .products_relation__ulist > li{width: calc((100% / 2) - 8px);}
  
}

@media screen and (max-width: 639px) {

    .products_detail__tab{margin:0 -12px 16px -12px;}
    .products_detail__content .headline__box + .caption_desc{margin-top:-10px;}
    .products_detail__content .caption_desc{padding:0;}
    .products_detail__content .caption_desc > dd{padding:0 6px;}

    .products_detail__content .spec__list_c .spec_default dl > dt{font-weight:500;}
    .products_detail__content .spec__list_c .spec_default dl > dd.w_100{width:100%;margin:8px 0 4px 0;}
    .products_detail__content .spec__list_c .spec_default dl > dd span{text-indent:0;margin-left:0;font-size:12px;}
    
	.products_detail__content .spec__table_np {position: relative;font-size: 14px;width: 610px;margin: 0;}

    .products_detail__content p.notice__table {display: block;font-size: 13px;padding: 0 0 8px 0;	}
    
    dd .table__scroll {width: 100%;}
    .table__scroll {width: auto; margin: 0 0;overflow-x: auto; position: relative;}
    
    .products_relation__ulist{padding:0;}
    
    .caption_desc_img li { clear: both;width: 100%;margin: 4px auto;}
    .img_5 li{clear:both;width:100%;}
    .img_5 li img{margin-top:10px;}

}

@media screen and (max-width: 600px){
    .table__scroll{background:radial-gradient(ellipse at left,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0) 75%) 0 center,radial-gradient(ellipse at right,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0) 75%) 100% center;background-size:10px 110%,10px 110%;background-attachment:scroll,scroll;background-repeat:no-repeat;}
    .table__scroll table{background:radial-gradient(ellipse at left,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 70%) 0 center,radial-gradient(ellipse at right,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 70%) 100% center;background-size:30px 200%,30px 200%;background-repeat:no-repeat;}
    
    .products__top_detail{flex-flow:column;}

}