@charset "utf-8";

/*PC*/
@media(min-width:769px){
    .banner{ height: 400px;background-color:#1d1e2c; overflow:hidden}

    .product{ background: #eaeaea;}
    .product_list ul{ padding: 80px 0px ; width: 1398px; margin: 0 auto;}
    .product_list li{ width: 466px;cursor: pointer; overflow: hidden; float: left; margin-bottom: 25px;}
    .product_list li .box{ width: 90%; margin: 0 auto;border:1px solid #fff; text-align: center;border-radius:5px; overflow: hidden; background: #fff;}
    .product_list li:hover .box{box-shadow:0 0 10px 0 rgba(0,0,0,.07); border:1px solid #eee;}
    .product_list li .box .pic{ height: 360px; overflow: hidden;text-align: center;}
    .product_list li .box .pic img{height: 360px; position: relative;}
    .product_list .hover{ height: 360px; position: relative; overflow: hidden; top:-360px;}
    .product_list .hover .bg{ height: 360px;  background: #a0138e;opacity:0;filter:alpha(opacity=0);}
    .product_list .hover .content{ position: relative; top:0px;}
    .product_list .hover .content span{ width: 40%;overflow: hidden;}
    .product_list .hover .content .left{ margin-left: 35px;}
    .product_list .hover .content .right{ margin-right: 35px;}

    .product_list .hover .content .qr_box{ width: 100px;display: block; margin: 120px auto; border: 10px solid #fff; background: #fff; border-radius: 5px;}
    .product_list .hover .content .qr_box img{ width: 100px; height: 100px; overflow: hidden;}
    .product_list .hover .content .qr_box .tt{ padding-top: 10px; overflow: hidden;}
    .product_list li:hover .bg{opacity:0.8;filter:alpha(opacity=80);
        webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;
    }
    .product_list li:hover .hover,
    .product_list li:hover .hover .content{ top:-360px;
        webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;
    }

    .product_list li .box .tit{color:#333; font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; font-weight: bold;}
    .product_list li .box .tit_sub{ color: #999; font-size: 16px;line-height: 40px; white-space: nowrap; width: 80%; overflow: hidden; margin: 0 auto; text-align: center;}
    .product_list li .box .price{ line-height: 25px; height: 25px; overflow: hidden; font-size: 14px; color: #666;}
    .product_list li .box .price span{font-size: 18px; color:#15549a; font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }


    .product_content{  padding-top: 100px;}
    .product_content .box{ padding: 50px 0px 30px 0px; border-radius: 5px;}
    .product_content .box .pic{ width: 40%; text-align: center;}
    .product_content .box .desc{ width: 60%;}
    .product_content .box .desc .tit{ font-size: 30px; font-weight: bold; color: #333;}
    .product_content .box .desc .tit_sub{ line-height: 45px; font-size: 18px; color: #999; margin-bottom: 50px;}
    .product_content .box .price{ margin-bottom: 20px; color: #333;}
    .product_content .box .price label{ font-size: 14px;}
    .product_content .box .price em{ font-size: 20px; font-style: normal; margin-left: 25px;color:#15549a;}
    .product_content .box .price span{ font-size: 40px;color:#000; font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }

    .product_content .btn{ border-top:1px solid #eee; padding-top: 30px; margin-top: 30px; }
    .product_content .btn a{ float: left; width: 200px; height: 45px; line-height: 45px; margin-right: 30px; text-align: center; border-radius: 3px; font-size: 16px; color: #fff;}
    .product_content .btn .btn_sale{ background: #15549a;}
    .product_content .btn .btn_rent{ background: #a0138e;}
    .product_content .btn a:hover{
        opacity:0.8;filter:alpha(opacity=80);
        webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;
    }

    .product_detail{ background: #fff;}
    .product_detail .tit{ border-bottom: 1px solid #eee; padding-top: 30px; height: 47px;}
    .product_detail .tit span{ font-size: 20px; font-weight: bold; color: #15549a; border-bottom: 5px solid #15549a; padding-bottom: 20px;}
    .product_detail .box{padding: 50px 0px;background: #fff;border-radius: 5px;}
    .product_detail .box img{max-width: 100%;}

}
@media (max-width:769px){


    .product{ background: #eaeaea;}
    .product_list li{ cursor: pointer; overflow: hidden; background: #fff; border-top: 5px solid #eee;}
    .product_list li:first-child{ border-top:0px !important; }
    .product_list li .box{ margin: 0 auto;text-align: center; overflow: hidden; }
    .product_list li .box .pic{ height: 260px; overflow: hidden;text-align: center;}
    .product_list li .box .pic img{height: 260px; position: relative;}
    .product_list .hover{  display: none;}
    .product_list .tit{ font-size: 20px; font-weight: bold; color: #333;}
    .product_list .tit_sub{ line-height: 45px; font-size: 14px; color: #999;}


    .product_list .price {  font-style: normal;color:#15549a;}
    .product_list .price span{ font-size: 14px;color:#000; font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }




    .product_content .box{padding: 20px; text-align: center;}
    .product_content .box .pic img{ height: 200px;}

    .product_content .box .desc .tit{ font-size: 20px; font-weight: bold; color: #333;}
    .product_content .box .desc .tit_sub{ line-height: 45px; font-size: 14px; color: #999;}

    .product_content .box .price label{ font-size: 14px;}
    .product_content .box .price em{ font-size: 14px; font-style: normal;color:#15549a;}
    .product_content .box .price span{ font-size: 14px;color:#000; font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }
    .product_content .btn{ margin-top: 20px; border-radius: 5px; overflow: hidden;}
    .product_content .btn a{ float: left; width: 50%; text-align: center; height: 35px;line-height: 35px; color: #fff;}
    .product_content .btn .btn_sale{ background: #15549a;}
    .product_content .btn .btn_rent{ background: #a0138e;}

    .product_detail .tit{ padding-left:20px;font-size:16px;line-height:45px;color:#fff;font-weight:600; background: #15549a}
    .product_detail .box{padding: 20px;background: #fff;}
    .product_detail .box img{max-width: 100%;}
}