@charset "utf-8";
/* Respond css */

@media screen and (min-width: 1200px){
    .banner .pc-banner{display:block;}
    .banner .mb-banner{display:none;}
    /* .index-2{padding:80px 0 280px 0;} */
    /* .index-2 .con-box{width:100%;} */
    .index-2 .con-box .left{padding:100px 0;}
    .index-2 .con-box .right .title p:nth-child(1){font-size:50px;line-height:50px;}
    .index-2 .con-box .right .title p:nth-child(2){font-size:16px;line-height:20px;}
    .index-2 .con-box .card{bottom:-180px;left:30%;width:40%;height:180px;}
    /* .index-4{padding:100px 0 50px 0;} */
    .index-4 .con-box{padding:90px 0 50px 0;}
    .index-4 .con-box>h1{font-size:26px;line-height:36px;}
    .index-4 .con-box>p{font-size:14px;line-height:14px;}
    /* .index-4 .card{position:absolute;bottom:0;left:8%;width:350px;padding-top:50px;}
    .index-4 .card h1{font-size:26px;line-height:36px;}
    .index-4 .card p{font-size:14px;line-height:14px;}
    .index-4 .card a{margin:30% auto 0 auto;width:130px;height:50px;line-height:50px;} */
    .index-5{padding:100px 0;}
    .index-5 .box{width:80%;margin:auto;}
    .index-5 h1{font-size:50px;line-height:50px;}
    .index-5 p{font-size:16px;line-height:16px;}
    .index-5 .list{padding-top:30px;}
    .index-5 .list .item{width:20%;}
    /* .index-6{padding:0 20px 50px 20px;} */
    .index-6 .box{padding:90px 0 50px 0;}
    .index-6 .box>h1{font-size:26px;line-height:36px;}
    .index-6 .box>p{font-size:14px;line-height:14px;}
    .index-6 .list{padding-top:50px;}
    .index-6 .list .item{width:25%;padding:20px;}
    .index-6 .list .item .img{height:160px;}
    .min-banner{height:400px;}
    .product-view{max-width:900px;}
    .product-list{padding:50px 10%;}
    .product-list .item{width:25%;padding:10px;}
    /* .view-page{padding:50px 25%;} */
    .article-list{padding:50px 10%;}
    .article-list .item{width:25%;padding:10px;min-height:250px;}
    .article-view{max-width:900px;}
    .article-view h1{padding:50px 0 20px 0;font-size:30px;}
    .article-view .info span:nth-child(2){margin-left:20px;}
    .article-view .content{padding-top:50px;}
    .store-list{padding:50px 10%;}
    .store-list .item{width:48%;margin:1%;}
    .page-show{max-width:900px;}
    .page-show h1{font-size:30px;line-height:40px;padding:50px 0 0 0;}
    .page-show .ex-title{font-size:20px;}
    .page-show .page-content{padding-top:50px;display:none;}
    .album-history{padding-top:80px;}
    .album-history .history-list{padding:80px 0 80px 0;}
    .album-history .history-list li{width:33.33%;margin-bottom:10px;}
    .album-history .history-list .img{height:300px;}
    .album-history .history-list .content-box{height:300px;padding:50px;}
    .album-history .content-box h1{font-size:26px;}
    .album-history .content{padding-top:10px;font-size:12px;}
    .album-story{padding:80px 0 80px 0;}
    .album-story h1{font-size:30px;}
    .album-story ul{padding-top:80px;}
    .album-story ul li{height:300px;}
    .album-story ul .content-box{width:40%;}
    .album-story ul .img{width:60%;}
    .album-story .odd .content{padding-right:5%;}
    .album-story .even .content-box{padding-left:5%;}
    .index-5 .pc{display:block;}
    .index-5 .mb{display:none;}
    .page-contact h1{font-size:26px;}
    .page-contact p{font-size:14px;}
    .page-contact .form .input-1{display:flex;}
    .page-contact .form .input-1>div{flex:1;}
    .page-show h1{display:none;}
    .page-show .ex-title{display:none;}
    .album-story-mb{display:none;}
    .article-case-list{padding:50px 10%;}
    .article-case-list .item{width:33.33%;padding:20px;}
}
    
@media screen and (min-width:700px) and (max-width: 1200px){
    .banner .pc-banner{display:block;}
    .banner .mb-banner{display:none;}
    /* .index-2{padding:50px 0 200px 0;} */
    /* .index-2 .con-box{width:100%;} */
    .index-2 .con-box .left{padding:100px 0;}
    .index-2 .con-box .right .title p:nth-child(1){font-size:50px;line-height:50px;}
    .index-2 .con-box .right .title p:nth-child(2){font-size:16px;line-height:20px;}
    .index-2 .con-box .card{bottom:-150px;left:20%;width:50%;height:150px;}
    /* .index-4{padding:100px 0 50px 0;} */
    .index-4 .con-box{padding:90px 0 50px 0;}
    .index-4 .con-box>h1{font-size:26px;line-height:36px;}
    .index-4 .con-box>p{font-size:14px;line-height:14px;}
    /* .index-4 .card{position:absolute;bottom:0;left:8%;width:250px;padding-top:10px;}
    .index-4 .card h1{font-size:40px;line-height:40px;}
    .index-4 .card p{font-size:18px;line-height:20px;}
    .index-4 .card a{margin:30% auto 0 auto;width:130px;height:50px;line-height:50px;} */
    .index-5{padding:100px 0;}
    .index-5 .box{width:80%;margin:auto;}
    .index-5 h1{font-size:50px;line-height:50px;}
    .index-5 p{font-size:16px;line-height:16px;}
    .index-5 .list{padding-top:30px;}
    .index-5 .list .item{width:20%;}
    /* .index-6{padding:0 20px 50px 20px;} */
    .index-6 .box{padding:90px 0 50px 0;}
    .index-6 .box>h1{font-size:26px;line-height:36px;}
    .index-6 .box>p{font-size:14px;line-height:14px;}
    .index-6 .list{padding-top:50px;}
    .index-6 .list .item{width:25%;padding:20px;}
    .index-6 .list .item .img{height:160px;}
    .product-list{padding:50px 10%;}
    .product-list .item{width:33.33%;padding:10px;}
    .product-view{padding-top:100px;}
    .product-view h1{width:60%;margin:auto;}
    .product-view h2{width:60%;margin:15px auto 0 auto;}
    .product-view .content{width:60%;margin:auto;}
    .product-view .img{width:60%;}
    .view-page{padding:50px 20%;}
    .article-list{padding:50px 10%;}
    .article-list .item{width:33.33%;padding:10px;min-height:200px;}
    .article-view{padding:0 40px;}
    .article-view h1{padding:50px 0 20px 0;font-size:30px;}
    .article-view .info span:nth-child(2){margin-left:20px;}
    .article-view .content{padding-top:50px;}
    .store-list{padding:50px 10%;}
    .store-list .item{width:48%;margin:1%;}
    .page-show{padding:0 60px}
    .page-show h1{font-size:30px;line-height:40px;padding:50px 0 0 0;}
    .page-show .ex-title{font-size:20px;}
    .page-show .page-content{padding-top:50px;display:none;}
    .album-history{padding:80px 40px 0 40px;}
    .album-history .history-list{padding:80px 0 80px 0;}
    .album-history .history-list li{width:50%;margin-bottom:10px;}
    .album-history .history-list .img{height:250px;}
    .album-history .history-list .content-box{height:250px;padding:20px;}
    .album-history .content-box h1{font-size:20px;}
    .album-history .content{padding-top:10px;font-size:12px;}
    .album-story{padding:80px 0 80px 0;}
    .album-story h1{font-size:26px;}
    .album-story{padding:80px 40px 80px 40px;}
    .album-story h1{font-size:30px;}
    .album-story ul{padding-top:80px;}
    .album-story ul li{height:300px;}
    .album-story ul .content-box{width:40%;}
    .album-story ul .img{width:60%;}
    .album-story .odd .content{padding-right:5%;}
    .album-story .even .content-box{padding-left:5%;}
    .index-5 .pc{display:block;}
    .index-5 .mb{display:none;}
    .page-contact{padding:0 40px;}
    .page-contact h1{font-size:24px;}
    .page-contact p{font-size:14px;}
    .page-contact .form .input-1{display:flex;}
    .page-contact .form .input-1>div{flex:1;}
    .page-show h1{display:none;}
    .page-show .ex-title{display:none;}
    .album-story-mb{display:none;}
    .article-case-list{padding:50px 10%;}
    .article-case-list .item{width:50%;padding:20px;}
   
}

/* @media screen and (min-width:700px) and (max-width: 1080px){

} */

@media screen and (min-width:700px) and (max-width: 900px){
    .store-div_exhi1{padding:0 20px;}
    .store-div_exhi1 .lf .store-title{font-size:18px !important;text-align:center;}
    .store-div_exhi1 .lf .store-title::after{width:50px !important;height:2px !important;left:0;right:0;bottom:-10px !important;margin:auto;}
}

@media screen and (max-width: 700px) {
    .banner .pc-banner{display:none;}
    .banner .mb-banner{display:block;}
    /* .index-2{padding:50px 0 200px 0;}
    .index-2 .con-box{width:90%;margin:auto;} */
    .index-2 .con-box{padding:0 10px 50px 10px;}
    .index-2 .con-box .left{padding:50px 0;}
    .index-2 .con-box .left{width:100%;padding-left:15px;padding-right:15px;}
    .index-2 .con-box .left img{width:100%;}
    .index-2 .con-box .right{width:100%;padding:0 5% 0 5%;}
    .index-2 .con-box .right .title p:nth-child(1){font-size:30px;line-height:30px;}
    .index-2 .con-box .right .title p:nth-child(2){font-size:16px;line-height:20px;}
    .index-2 .con-box .card{bottom:-155px;width:100%;height:150px;}
    .index-3 .title{height:50px;font-size:30px;line-height:50px;}
    /* .index-4{padding:50px 0 50px 0%;} */
    .index-4 .con-box{width:100%;padding:50px 0 50px 0;}
    .index-4 .con-box>h1{font-size:26px;line-height:36px;}
    .index-4 .con-box>p{font-size:14px;line-height:14px;}
    /* .index-4 .card{width:100%;padding-top:20px;}
    .index-4 .card h1{font-size:28px;line-height:28px;}
    .index-4 .card p{font-size:14px;line-height:14px;}
    .index-4 .card a{margin:10px auto 0 auto;width:130px;height:40px;line-height:40px;} */
    .index-5{padding:50px 0;}
    .index-5 .box{width:80%;margin:auto;}
    .index-5 h1{font-size:30px;line-height:30px;}
    .index-5 p{font-size:16px;line-height:16px;}
    .index-5 .list{padding-top:30px;}
    .index-5 .list .item{width:50%;}
    /* .index-6{padding:0 10px 50px 10px;} */
    .index-6 .box{padding:36px 10px 50px 10px;}
    .index-6 .box>h1{font-size:26px;line-height:36px;}
    .index-6 .box>p{font-size:14px;line-height:14px;}
    .index-6 .list{padding-top:50px;}
    .index-6 .list .item{width:100%;padding:10px;}
    .index-6 .list .item .img{height:160px;}
    .product-list{padding:50px 10%;}
    .product-list .item{width:100%;padding:10px;}
    .product-view{width:80%;padding-top:80px;}
    .product-view h1{padding:15px 0 10px 0;}
    .product-view .img{width:100%;}
    .product-view .content a{text-decoration:underline;}
    .view-page{padding:50px 0;}
    .view-page a{margin-top:10px;}
    .article-list{padding:50px 10%;}
    .article-list .item{width:100%;padding:10px;}
    .article-view{padding:0 40px;}
    .article-view h1{padding:50px 0 20px 0;font-size:30px;}
    .article-view .info{text-align:left;}
    .article-view .info span:nth-child(2){display:block;}
    .article-view .content{padding-top:10px;}
    .store-list{padding:50px 10%;}
    .store-list .item{width:100%;margin:0 0 10% 0;}
    .page-show{padding:0 40px}
    .page-show h1{font-size:30px;line-height:40px;padding:50px 0 0 0;}
    .page-show .ex-title{font-size:20px;}
    .page-show .page-content{padding-top:30px;text-align:justify;}
    .page-show .page-content-pc{display:none;}
    .album-history{padding:30px 40px 0 40px;}
    .album-history .top .title{width:100%;}
    .album-history .top .title h1{font-size:30px;}
    .album-history .top .summary{width:100%;}
    .album-history .top .summary h2{font-size:16px;}
    .album-history .top .summary p{font-size:14px;padding-top:20px;}
    .album-history .history-list{padding:40px 0 80px 0;}
    .album-history .history-list li{width:100%;margin-bottom:10px;}
    .album-history .history-list .img{height:200px;}
    .album-history .history-list .content-box{height:200px;padding:20px;}
    .album-history .content-box h1{font-size:20px;}
    .album-history .content{padding-top:10px;font-size:12px;}
    .album-story{padding:50px 40px 50px 40px;}
    .album-story h1{font-size:30px;}
    .album-story ul{}
    .album-story ul li{padding-top:30px;margin-bottom:0;}
    .album-story ul .content-box{width:100%;}
    .album-story ul .content{padding:10px 0 20px 0 !important;}
    .album-story ul .img{width:100%;}
    .album-story ul li:nth-child(1)::before{top:40px;}
    .album-story ul li:nth-child(2)::before{top:50px;right:-100px;font-size:80px;}
    .index-5 .pc{display:none;}
    .index-5 .mb{display:block;}
    .page-contact{padding:0 40px 50px 40px;}
    .page-contact h1{font-size:24px;margin-top:50px;}
    .page-contact p{font-size:14px;}
    .page-contact .text-1 a{display:block;margin:0;}
    .page-contact .form .input-1>div{padding:0;}
    .album-story-pc{display:none;}
    .article-case-list{padding:50px 40px;}
    .article-case-list .item{width:100%;padding:10px;}
    .article-case-list .item h1{font-size:14px;}
    .store-div_exhi1{padding:0 20px;}
    .store-div_exhi1 .lf .store-title{font-size:18px !important;text-align:center;}
    .store-div_exhi1 .lf .store-title::after{width:50px !important;height:2px !important;left:0;right:0;bottom:-10px !important;margin:auto;}
}