.w{width:100%;max-width:1200px;margin:auto;height:auto;}
*{box-sizing:border-box;}
.product_banner{width:100%;height:240px;}
body{background:#f5f5f5;}

.product_banner{width:100%;height:240px;}

.product_show{margin:60px auto 60px;}
.product_show .type{width:100%;height:60px;background:#00a0e9;line-height:60px;padding:0 25px;}
.product_show .type h6{display:inline-block;font-size:18px;color:#fff;padding-right:25px;background:url(/img/icon_r_1.png)no-repeat right center;}
.product_show .type > div{display:inline-block;}
.product_show .type > div a{font-size:16px;color:rgba(255,255,255,.6);padding:0 20px;}
.product_show .type > div a:not(:last-of-type){border-right:1px solid rgba(255,255,255,.6);}
.product_show .type > div a:hover{color:#fff;}
.product_show .type > div a.current{color:#fff;}

.product_show .product > div{display:none;}
.product_show .product > div.current{display:block;}
.product_show .product > div .show{width:100%;height:360px;background:#fff;padding:60px 0 0 265px;position:relative;}
.product_show .product > div .show > a{position:absolute;width:40px;height:40px;}
.product_show .product > div .show .icon_left{left:0;top:50%;transform:translateY(-50%);background:url(/img/icon_l.png)no-repeat center;}
.product_show .product > div .show .icon_right{right:0;top:50%;transform:translateY(-50%);background:url(/img/icon_r.png)no-repeat center;}
.product_show .product > div .show .img{width:345px;height:240px;position:relative;float:left;}
.product_show .product > div .show .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:98%;height:auto;max-height:100%;}
.product_show .product > div .show .text{/*float:left;*/padding:15px 0 0 50px;}
.product_show .product > div .show .text h6{font-size:24px;color:#333;font-weight:bold;}
.product_show .product > div .show .text div{margin-top:20px;}
.product_show .product > div .show .text div p{font-size:14px;line-height:20px;color:#333;}
.product_show .product > div .products{margin-top:60px;}
.product_show .product > div .products ul li{float:left;width:calc((100% - 40px)/3);height:280px;margin-bottom:70px;position:relative;background:#fff;cursor:pointer;}
.product_show .product > div .products ul li:not(:nth-child(3n)){margin-right:20px;}
.product_show .product > div .products ul li img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 295px;height: 207px;max-width: 100%;}
.product_show .product > div .products ul li > div h6{font-size:14px;color:#000;position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);}
.product_show .product > div .products ul li > div > div{display:none;}
.product_show .product > div .products ul li.current{border:1px solid #00a0e9;}

.product_show .product > div .products .page{text-align:center;padding-top:20px;}
.product_show .product > div .products .page a{display:inline-block;width:40px;height:40px;vertical-align:bottom;text-align:center;line-height:40px;font-size:14px;color:#333;text-decoration:none;overflow:hidden;}
.product_show .product > div .products .page a:hover{background:#ebebeb;}
.product_show .product > div .products .page a.current{background:#ebebeb;}
.product_show .product > div .products .page a:not(:last-of-type){margin-right:5px;}


@media screen and (max-width: 750px){
    .product_banner{margin-top:59px;width:100%;height:12rem;}
    .product_show .type{padding:0 2%;line-height:60px;overflow-x:scroll}
    .product_show .type > h6{display:none;}
    .product_show .type > div{float:left;overflow-x:scroll;width:1050px;}
    /*.product_show .type > div a{color:#000;float:left;}*/
    .product_show .product > div .show{padding:1rem 2% 1.5rem;height:auto;}
    .product_show .product > div .show .img{float:none;width:80%;margin:auto;}
    .product_show .product > div .products{margin-top:1.5rem;}
    .product_show .product > div .products ul li{width: calc((100% - .5rem)/2);height:200px;margin-bottom:20px;}
    .product_show .product > div .products ul li:not(:nth-child(3n)){margin-right:0;}
    .product_show .product > div .products ul li:not(:nth-child(2n)){margin-right:0;}
    .product_show .product > div .products ul li:nth-child(odd){margin-right:.5rem;}
    .product_show .product > div .products ul li img{width:50%;transform: translate(-50%,-80%);height:auto}
    .product_show .product > div .products ul li > div h6{bottom:20px;width:100%;text-align:center;}


}