@charset "utf-8";


.product_ss{padding:0 0 60px 0;margin:0 auto 0 auto;}
.product_ss h1{width:auto;display: inline-block;padding:0 30px;height:46px;line-height: 46px;color:#fefefe;background:#d82128;font-size:20px;letter-spacing: 1px;}
.product_ss .list{padding:0 0 0 0;overflow: hidden;height:424px;margin:60px 0 0 0;}
.product_ss .conl{}
.product_ss .f_boxs{width:100%;height:424px;margin:0 0 0 0;background:#ededed;position: relative;display: block;}
.product_ss .f_boxs h2{color:#d82128;font-size: 30px;position: absolute;left:680px;top:20px;}
.product_ss .f_boxs h3{color:#777;font-size: 14px;position: absolute;left:680px;top:65px;font-weight: normal;letter-spacing:1px;}
.product_ss .f_boxs h4{color:#555;font-size: 14px;position: absolute;left:680px;top:109px;font-weight: normal;letter-spacing:1px;width:470px;line-height: 25px;padding:0 0 10px 0;border-bottom:1px dotted #ccc;}
.product_ss .f_boxs .cp{position: absolute;left:680px;top:227px;}
.product_ss .f_boxs .title{position: absolute;left:860px;top:227px;font-size:16px;}
.product_ss .f_boxs .ln{position: absolute;left:860px;top:257px;width:32px;height:2px;background:#d82128;}
.product_ss .f_boxs .info{position: absolute;left:860px;top:297px;font-size:14px;line-height: 24px;}
.product_ss .f_boxs .more{position: absolute;right:50px;top:346px;background:#d82128;color:#fefefe;font-size: 15px;display: inline-block;width:100px;height:36px;text-align: center;line-height: 36px;}
.product_ss .conl{width:640px;text-align: right;position:relative;z-index: 15;top:-34px;}
.product_ss .conl a{display: inline-block;width: 15px;height:15px;background:#666;border-radius: 20px;margin:0 5px;}
.product_ss .conl a.selected{background: #d82128;}
.cptype0{margin:15px 0 0 0;}
.cptype0 .boxs{display:inline-block;width:285px;margin:0 19px 30px 0;position: relative;height:auto;outline: 1px solid #e1e1e1;background:#fff;overflow: hidden;}
.cptype0 .boxs:nth-of-type(4n){margin:0 0 30px 0;}
.cptype0 .boxs .name{width:100%;text-align: center;height:55px;line-height: 55px;font-size:18px;font-weight: bold;color:#454545;}
.cptype0 .boxs .ln{width:6%;margin:0 auto;height:2px;background:#d82128;overflow: hidden;}
.cptype0 .boxs .more{width:110px;height:35px;line-height:35px;color:#fefefe;background:#555;text-align: center;margin:15px auto 19px auto;font-family: 'verdana';font-size: 14px;letter-spacing: 1px;outline:1px solid #444;}
.cptype0 .boxs:hover .more{width:120px;color:#fefefe;background:#d82128;outline:1px solid #d82128;}

@media screen and (min-width:1600px)
{

}


@media screen and (max-width:600px)
{
    .product_ss{padding:30px 0 22px 0;width:91%;margin:0 auto;}
    .product_ss .boxs{display:inline-block;width:94%;margin:0 0 30px 0;position: relative;height:auto;overflow: hidden;border:1px solid #999;padding:3%}
    .product_ss .boxs.nomargin{display:inline-block;width:94%;margin:0 0 30px 0;}
    .product_ss .boxs img{width:100%;height:auto;}
    .product_ss .boxs .cp{width:100%;height:100%;position: absolute;left:0;top:0;z-index: 7;opacity: 0;text-align: center;background:rgba(255,255,255,0.9);}
    .product_ss .boxs .eff{width:100%;height:100%;z-index: 5;opacity: 1;}
    .product_ss .boxs .name{width:92%;height:86px;line-height:44px;font-size:17px;border-bottom:0;padding:0 4%;position:relative;text-align: center;}
    .product_ss .boxs .name .r{position: absolute;right:35%;top:45px;width:30%;border:1px solid #999;font-size:14px;text-align: center;height:35px;line-height: 35px;color:#666666;}
    .product_ss .boxs:hover{border:1px solid #bca18f;}
    .product_ss .boxs:hover .name{color:#bca18f;border-bottom-color: #bca18f;}
    .product_ss .boxs:hover .cp{opacity: 0;}
    .product_ss .boxs:hover img{box-shadow:1px 2px 4px #ccc;}

}