html,body { margin: 0px; padding: 0px; }

/* 超大宽屏 */
.layui-container { width: 100%; padding: 0; }
.product_banner { margin-top: 100px; }
.product_banner img { width: 100%; }

.product_back { background-color: #ffffff; padding-top:86px; padding-bottom: 80px; }
.product_back .product_title { color: #333333; text-align: center; }
.product_back .product_title .en { text-transform: uppercase; font-size: 30px; }
.product_back .product_title .ch { font-size: 36px; margin-top: 10px; display: flex; align-items: center; justify-content: center; }
.product_back .product_title .ch img { padding: 2px 10px; }
.product_back .product_title .ch .line { width: 100px; height: 1px; background-color: #d5d5d5; }
.product_con_back { max-width: 1397px; margin: 0 auto; margin-top: 64px; padding: 46px 40px 114px 44px; box-shadow: 10px 10px 10px rgba(127, 127, 127, .1), 10px -10px 10px rgba(127, 127, 127, .1), -10px 10px 10px rgba(127, 127, 127, .1), -10px -10px 10px rgba(127, 127, 127, .1); }
.product_back { background-color: #ffffff; border-radius: 14px; padding: 52px 30px 60px 36px; }
.product_type_b { background-color: #f0f0f0; display: flex; font-size: 18px; line-height: 82px; }
.product_type_b .type_b_item { padding: 0 24px; }
.product_type_b .type_b_item a { color: #666666; }
.product_type_b .type_b_item a:hover { color: #a40182; }

.product_type_b .all_type { width: 120px; text-align: center; }
.product_type_b .all_type a { color: #666666; }
.product_type_b .all_type.active { background-color: #a40182; }
.product_type_b .all_type.active a { color: #ffffff; }
.product_type_b .type_b_item.active { background-color: #a40182; }
.product_type_b .type_b_item.active a { color: #ffffff; }
.product_type_s { font-size: 18px; display: flex; color: #555555; line-height: 66px; border: solid 1px #dfdfdf; border-top: 0; }
.product_type_s .type_name { width: 120px; text-align: center; color: #666666; position: relative; }
.product_type_s .type_name:after { content: ''; background-color: #e5e5e5; position: absolute; right: 0px; width: 1px; height: 26px; top: 22px; }
.product_type_s .product_type_right { display: flex; }
.product_type_s .type_s_item { padding: 0 24px; }
.product_type_s .type_s_item a { color: #666666; }
.product_type_s .type_s_item a:hover { color: #a40182; }
.product_type_s .type_s_item.active a { color: #a40182; }
.product_box { border: solid 1px #dfdfdf; border-top: 0; padding: 50px; }

.product_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product_list:after { content: ''; display: block; width: 30%; height: 0; }

.product_list .product_item { width: 30%; text-align: center; line-height: 26px; border: 1px solid #eaeaea; margin-bottom: 50px; }
.product_list .product_item img { width: 100%; border-radius: 4px; height: 270px; }
.product_list .product_item .series { margin-top: 20px; }
.product_list .product_item .name { margin-top: 10px; margin-bottom: 30px;  font-size: 16px; }
.product_list .product_item .item { padding: 20px; }
.animate { transition: all 0.5s ease-in-out; }
.m { text-align: center; font-size: 20px; line-height: 50px; font-family: Microsoft Yahei; color: 333333; border: 1px solid #eaeaea; cursor: pointer; }
.b { position: relative; }
.b span { display: inline-block; position: absolute; content: none; border: 0; width: 0; height: 0; }
.b span.top {right: 0; top: 0; border-top: 2px solid #a40182; margin-top: -2px; }
.b:hover span.top { width: 100%; }
.b span.right { right: 0; bottom: 0; border-right: 2px solid #a40182; margin-right: -2px; }
.b:hover span.right { height: 100%; }
.b span.bottom { left: 0; bottom: 0; border-bottom: 2px solid #a40182; margin-bottom: -2px; }
.b:hover span.bottom { width: 100%; }
.b span.left { left: 0; top: 0; border-left: 2px solid #a40182; margin-left: -2px; }
.b:hover span.left { height: 100%; }
#laypage { display: flex; justify-content: center; }
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #a40182 !important; }
.page_row { width: 100%; margin: 0 auto; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .product_con_back { max-width: 98%; }
    .product_box .product_item img { height: 180px; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .product_con_back { max-width: 98%; }
    .product_box .product_item img { height: 130px; }
} 

/* ipad */
@media screen and (max-width:991px)  {
    .product_banner { margin-top: 64px; }
	.product_con_back { max-width: 98%; }
    .product_box .product_item img { height: 130px; }
}

/* 手机端 */
@media screen and (max-width:767px) { 
    .product_banner { margin-top: 64px; }
    .product_con_back { max-width: 98%; margin-top: 50px; padding: 16px; }
    .product_title { font-size: 30px; margin-top: 90px; margin-bottom: 30px; }
    .product_back { padding: 26px 15px 30px; }
    .product_type_b { line-height: 58px; }
    .product_type_b .all_type { width: 60px; }
    .product_type_b .type_b_item { padding: 0px 24px; }
    .product_type_s { line-height: 26px; padding: 10px 0px; }
    .product_type_s .type_name { width: 60px; line-height: 38px; }
    .product_type_s .product_type_right { width: 82%; flex-wrap: wrap; }
    .product_type_s .type_s_item { width: 47%; padding: 0; line-height: 38px; text-align: center; }
    .product_type_s .type_s_item:nth-child(2n+1) { text-indent: 10px; }
    .product_type_s .type_name:after { top: 4px; }

    .product_box { padding: 10px; }
    .product_list .product_item { width: 48%; margin-bottom: 12px; }
    .product_box .product_item .item { padding: 0px; }
    
    .product_box .product_item img { border-radius: 0; height: 130px; }
    .product_box .product_item .name { margin-top: 0; margin-bottom: 12px; }
    .product_box .product_item .series { font-size: 16px; }

    .m { font-size: 18px; }

    .layui-laypage a, .layui-laypage span { font-size: 16px; }

    .product_title { margin-top: 20px; margin-bottom: 30px; }
    .product_back .product_title .en { font-size: 16px; }
    .product_back .product_title .ch { font-size: 18px; }
    .product_back .product_title .ch img { width: 8px; height: 14px; }
    .product_back .product_title .ch .line { width: 50px; }
}