﻿
/*最大768px*/
@media (max-width: 768px){
    .hidden-l{display: none !important;}
    .hidden-g{display: block;}

    /*banner*/
    .banner2{ height: 180px;background-attachment: inherit;background-position: center;background-size: cover;}
    /*main*/
    .m-title{margin: 20px 0;}
    .m-title p{font-size: 18px;}
    .m-title b{font-size: 15px; margin-top: 10px;background-size: 300px;}

    /*新品推荐*/
    .newP ul{ width: 100%;}
    .newP ul li:last-child{ margin-right: 0;}
    .new-product .new-product-t small{line-height: 20px;}

    /*精选推荐*/
    .selP-title{ height: 95px;}
    .selP-title .container{ height: 94px;}
    .selP-title .selP-title-con{ width: 100%;text-align: center;}
    .selP-title .selP-title-con > span{font-size: 16px;float: none;display: inline-block;}
    .selP-title .selP-title-con > b{display: inline-block;float: none;}
    .selP-title .selP-title-con > strong{display: inline-block;line-height: 68px;color: #333;font-weight: 500;}

    .selP-con-i{ margin-top: 15px;}
    .selP-con-i ol li{padding: 0 5px;}
    .selP-con-i ol li span{line-height: 14px;}

    /*公司简介*/
    .company-con{padding: 30px 0}
    .company-con span{margin: 12px auto; width: 170px;font-size: 16px;line-height: 40px;}
    .company-con h3{font-size: 18px;}

    /*钻石品类*/
    .pin ol li{padding: 0 5px;}
    .pin ol li span{line-height: 16px;}
    .pin ul{ margin-top: 15px;}

    /*新闻*/
    .news{ margin-top: 30px;padding-bottom: 30px;}
    .news ul li{ width: 49%;}
    .news ul li:last-child{display: none;}

    /*预约*/
    .yuyue{padding: 20px 0;}
    .yuyue h3{font-size: 20px;}
    .yuyue form{ width: 98%;}
    .yuyue form input{line-height: 50px;}
    .yuyue form input[type=submit]{font-size: 18px;}

    /*footer*/
    footer .container > p{line-height: 22px;color: #333; padding-top: 15px;padding-bottom: 15px;}
    footer .container > p a{color: #333;}

    /*售后服务*/
    .shouhou > span{line-height: 28px;}

    /*联系我们*/
    .input-group{padding-right: 25px; width: 100%;}
    .input-group input[type=text]{ width: 100%;}
    .input-group textarea{ width:100%;}
    #submit{margin-left: 0;}
    .input-group textarea:focus{ width: 100%;}
    .input-group input[type=text]:focus{ width: 100%;}
    .info_content .container .message-img{display: none;}
    .info_content .container .info_content_l{ width: 100%;}
    .info_content{ margin-top: 35px;}
    .info-con-lian ul li{font-size: 16px; margin-top: 15px;}
    .info_content_l h3{ margin-bottom: 15px !important;}

    /*新品推荐*/
    .new-product .new-product-t h3 span{font-size: 18px;}
    .new-p-li li{ width: 50%;margin: 0;padding:0 5px;margin-bottom: 20px;}
    .new-p-li li div{display: none;}
    .new-p-li li p{ width: 100%;float: none;}
    .new-p-li li b{display: block;text-align: center; margin-top: 5px;}

    /*WEDDING*/
    .wedding .wed-pro li span{line-height: 42px;}
    .wedding .w-top > img{ width: 100%;float: none;padding: 0 10px;}
    .wedding .w-top .wed-pro{ width: 100%; margin-top: 20px;}
    .wedding .w-top .wed-pro li{ width: 50%;margin-bottom: 5px;}
    .wedding .wed-pro li{ width: 50%;}
    .wedding .wed-pro li a{background: #F5F0ED;}
    .wedding .wed-pro li:nth-of-type(3n+1) a{background: #eee}

    /*产品中心*/
    .info-pro{padding: 45px 0;}
    .info-pro .info-pro-t h3{font-size: 25px;}
    .info-pro .info-pro-t span{margin: 10px 0;font-size: 20px;}
    .info-pro .sidebar{ width: 100%;float: none;}

    .info-pro .sidebar .s-top{padding: 10px;}
    .info-pro .sidebar .s-top span{font-size: 20px;}
    .info-pro .sidebar ul{overflow: hidden;}
    .info-pro .sidebar ul li{ width: 50%;float: left;}
    .info-pro .pro-right{ width: 100%;float: none; margin-top: 25px;}
    .info-pro .pro-right ul li{ width: 50%;}

    /*产品详情页*/
    .product-con .container{background: #fff;}
    .product-con .pro-con-left{ width: 100%;float: none;}
    .product-con .pro-right{position: relative; top: 0; left: 0; width: 100%;transform: translateY(0);-webkit-transform:translateY(0);height: auto; right: 0;float: none;padding-bottom: 100px; }
    .product-con .pro-right h3{font-size: 24px;}
    .product-con .pro-right div > small{ height:auto;}
    .product-con .others-pro h3{font-size: 22px;}
    .others-pro .wed-pro li{ width: 50%;}

    /*品牌中心*/
    .pinpai-top h3{margin: 20px 0;}
    .pin-yan1 .pin-yan1-l{ width: 100%;}
    .pin-yan1 > img{display: none;}
    .pin-yan2 img{ width: 100%;}
    .pin-yan2 .pin-yan2-r b{ margin-top: 10px;}
    .pin-yan2 .pin-yan2-r{ width: 100%;}
    .pin-pei .pin-pei-t img{ width: 100%;}
    .pin-pei .pin-pei-t .pin-pei-t-r{ width: 100%; margin-top: 6px;}
    .pin-tan h3{font-size: 20px;}
    .pin-tan small{font-size: 18px;}
    .pin-tan a{ width: 60%;line-height: 35px;font-size: 16px;}

    /*新闻*/
    .info-news ul li{margin-bottom: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
    .info-news ul li p{ width: 35%;}
    .info-news ul li div{ width: 65%;padding: 0 2%;}
    .info-news ul li div span{font-size: 17px; height: 20px;overflow: hidden;}
    .info-news ul li div small{ height: 50px;overflow: hidden;}
    .info-news ul li div b{display: none;}
    .info-news ul li div i{display: none;}

    /*故事片*/
    .gushi h3,.pinpaiwenhua h3{font-size: 25px;margin: 9% 0;}
    /*新闻*/
    .n_left ._title{font-size: 25px;}
    .n_left{ width: 100%; margin-top: 15px;}
    .info_news_right{ display:none;}
    /*高级定制*/
    .gao-ul li{ width: 50%;}
    .dl_con dl dt{font-size: 18px;}
    .dl_con dl{ width: 100%;border-bottom: 1px solid #ccc;}

    /*设计师*/
    .sheji-ul li{ width: 100%;}
    .sjs-info img{max-width: 100%;float: none;margin-left: auto;margin-right: auto;display: block;width: auto; margin-bottom: 4%;}
    .sjs-info .sjs-info-r{ width: 100%;}
}

/*768px至992px*/
@media (min-width: 768px) and (max-width: 992px){
    .hidden-l{display: none !important;}
    .hidden-g{display: block;}

    /*banner*/
    .banner2{ height: 350px;background-attachment: inherit;background-position: center;background-size: cover;}

    /*精选推荐*/
    .selP-title .selP-title-con .selP-num ul{ width: 36px;}
    .selP-title .selP-title-con{ width: 100%;}
    .selP-title .selP-title-con > span{font-size: 28px;}

    /*公司简介*/
    .company-con{padding: 50px 0}
    .company-con span{margin: 20px auto;}
    .company-con h3{font-size: 30px;}

    /*预约*/
    .yuyue{padding: 30px 0;}
    .yuyue form{ width: 80%;}

    /*footer*/
    footer .container > p{line-height: 30px;}

    /*联系我们*/
    .message-img{display: block;margin-top: 15px;}
    .info_content .container .info_content_l{ width: 100%;}
    .info_content .container .message-img{display: none;}

    /*WEDDING*/
    .wedding .wed-pro li span{line-height: 42px;}

    /*产品中心*/
    .info-pro{padding: 45px 0;}
    .info-pro .info-pro-t h3{font-size: 25px;}
    .info-pro .info-pro-t span{margin: 10px 0;}
    .info-pro .sidebar .s-top span{font-size: 20px;}

    /*产品详情页*/
    .product-con .pro-right h3{font-size: 24px; padding-bottom: 3%; margin-bottom: 7%;}
    .product-con .pro-right div > small{ height: 100px;}

    /*新闻*/
    .info-news ul li div span{font-size: 19px;}
    .info-news ul li div small{ margin-top: 2%; height: 76px;overflow: hidden;}
    .n_left{ width: 100%;}
    .info_news_right{ display:none;}

    /*高级定制*/
    .gao-ul li{ width: 33.3%;}

    /*设计师*/
    .sjs-info img{max-width: 100%;float: none;margin-left: auto;margin-right: auto;display: block;width: auto; margin-bottom: 2%;}
    .sjs-info .sjs-info-r{ width: 100%;}

}

/*992px至1200pox*/
@media (min-width: 992px) and (max-width: 1200px){
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}
    .banner2{ height: 450px;}

    /*精选推荐*/
    .selP-title .selP-title-con{ width: 95%;}

    /*联系我们*/
    .input-group textarea{ width: 340px;}
    .input-group textarea:focus{ width: 350px;}

    /*WEDDING*/
    .wedding .wed-pro li span{line-height: 52px;}

    /*产品详情页*/
    .product-con .pro-right div > small{ height: 120px;}

    /*新闻*/
    .info-news ul li div small{ margin-top: 2%;}


}

/*最小1200px*/
@media (min-width: 1200px){
    .hidden-l{display: block;}
    .hidden-g{display: none !important;}


}
