.product{background:#F5F5F5}
.product .miaobao{padding:40px 0;}
.product .miaobao .item{width:250px;height:80px;line-height: 78px;color:#fff;font-size:17px;text-align:center;transition: ease-in-out 0.5s;border:1px solid #CCCCCC;float:left;margin-right:30px;background:#999;}
.product .miaobao .item a{display:block;height:100%;color:inherit}
.product .miaobao .item:hover,.product .miaobao .item.on{background:#EA2C43;border-color:#EA2C43;transition: ease-in-out 0.5s;color:#fff;}
/*  */
.product .content .item{width:330px;height:400px;background:#fff;text-align:center;padding:30px;transition:ease-in-out 0.5s;transition: ease-in-out 0.5s;position: relative;top:0;margin-right:40px;margin-bottom:40px;float:left;}
.product .content .item .img{height:220px;text-align:center;overflow:hidden;line-height:220px;}
.product .content .item .img img{max-height:100%;}
.product .content .item .title{font-size:18px;color:#202020;font-weight:bold;margin-top:30px;}
.product .content .item .subtitle{font-size:14px;color:#666;font-family: Arial;margin:8px 0 15px;}
.product .content .item span{border-bottom:1px solid #333;font-size:14px;border-bottom:1px solid #333}
.product .content .item:hover {box-shadow: 0 0 10px #ddd;top:-5px;transition:ease-in-out 0.5s}
.product .content .item:hover span,.product .content .item:hover .title{color:#EA2C43}
.product .content .item:hover span{border-color:#EA2C43}
/*  */
.product_view .top{height:610px;}
.product_view .top .left{width:50%;float:left;height:100%;text-align:center;line-height:610px}
.product_view .top .right{width:50%;float: left;background:#F5F5F5;height:100%;padding:70px 0 0 100px;}
.product_view .top .right .content{max-width:620px;}
.product_view .top .right .content h3{font-size:30px;}
.product_view .top .right .content .subtitle{font-size:20px;color:#666;padding:10px 0;border-bottom:1px solid #ddd}
.product_view .top .right .content .list{margin-top:30px;}
.product_view .top .right .content .list .item{font-size:16px;color:#666;line-height:35px;}
.product_view .bottom {padding:75px 0 150px;}
.product_view .bottom .title{font-size:24px;color:#333;font-weight:bold;margin-bottom:30px;}
/*  */
.baojia,.return_prev{
    font-size: 16px;
    margin-right: 10px;
    position: relative;
    width: 270px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff !important;
    background: #EA2C43;display:block;
    margin-top:30px;
}
.return_prev{margin:70px auto 0;}
/*  */
.mask{width:100%;height:100%;z-index:9;background:rgba(0,0,0,0.5);display:none;position:fixed;top:0;left:0;}
.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:445px;height:560px;border:15px solid rgba(255,255,255,0.5);z-index:100;display:none;}
.message dl{width:100%;height:100%;background:#fff;}
.message dl dt{height:90px;background:#EA2C43;background-size:100% 100%;line-height:90px;color:#fff;text-align:center;font-size:30px;}
.message dl dd{padding:30px;}
.message dl dd li{margin-bottom:20px;}
.message dl dd input{height:55px;padding-left:10px;border:1px solid #CDCDCD;width:100%;}
.message dl dd button{width:100%;height:55px;line-height:55px;color:#fff;text-align:center;background:#EA2C43;font-size:20px;}

@media (min-width:1200px){
    .product .content .item:nth-child(4n){margin-right:0;}
}
@media (max-width:767px){
    .product_view .top{height:auto;}
    .product_view .top .left{width:100%;line-height: normal;padding:20px;}
    .product_view .top .right{width:100%;padding:15px;}
    .product_view .top .right .content h3{font-size:20px;font-weight:bold;}
    .product_view .top .right .content .subtitle{font-size:16px;padding-top:5px;}
    .product_view .top .right .content .list{margin-top:15px;}
    .product_view .top .right .content .list .item{line-height:25px;font-size:14px;}
    /*  */
    .product_view .bottom{padding:30px 15px;}
    /*  */
    .product .miaobao{padding:15px;}
    .product .miaobao .item{width:32%;margin-right:2%;line-height:40px;height:42px;font-size:14px;}
    .product .miaobao .item:nth-child(3n){margin-right:0;}
    .product .content{padding:30px 15px;}
    .product .content .item{width:49%;margin-right:2%;padding:10px 5px;height:auto;margin-bottom:2%;}
    .product .content .item:nth-child(2n){margin-right:0;}
    .product .content .item .img{height:150px;line-height: 150px;padding:0 15px;}
    .product .content .item .title{margin-top:5px;font-size:16px}
    .product .content .item .subtitle{font-size:13px;margin:5px 0;}
    .product .content .item span{font-size:12px;}
}
@media (max-width:991px) and (min-width:768px){
    .product .miaobao{padding:40px}
    .product .miaobao .item{width:32%;margin-right:2%}
    .product .miaobao .item:nth-child(3n){margin-right:0;}
    /*  */
    .product .content{padding:40px;}
    .product .content .item{width:32%;margin-right:2%;padding:15px;height:auto;margin-bottom:2%}
    .product .content .item:nth-child(3n){margin-right:0;}
    .product .content .item .img{height:200px;line-height: 200px;}
    .product .content .item .title{margin-top:10px;}
    .product .content .item .subtitle{margin-bottom:8px;}
    /*  */
    .product_view .top{height:550px;}
    .product_view .top .left{line-height:550px;padding:0 50px}
    .product_view .top .right{padding:40px;}
    .product_view .top .right .content h3{font-size:28px;}
    .product_view .top .right .content .list{margin-top:15px;}
    /*  */
    .product_view .bottom{padding:40px;}
}
@media (min-width:992px) and (max-width:1100px){
    .product .miaobao{padding:40px;}
    .product .miaobao .item{width:210px;height:65px;line-height:63px;}
    /*  */
    .product_view .top{height:550px;}
    .product_view .top .left{line-height:550px;padding:0 50px;}
    .product_view .top .right{padding:50px;}
    .product_view .top .right .content h3{font-size:25px;}
    .product_view .top .right .content .subtitle{font-size:18px;}
    .product_view .bottom{padding:50px;}
    /*  */
    .product .content{padding:0 40px 100px;}
    .product .content .item{width:32%;margin-right:2%;margin-bottom:2%}
    .product .content .item:nth-child(3n){margin-right:0;}
}
@media (min-width:1101px) and (max-width:1440px){
    .product .content .item{width:24%;margin-right:1.333%}
    .product .content .item:nth-child(4n){margin-right:0;}
}