/* 1280 */
@media (min-width:1024px) and (max-width:1359px)  {


/* ------ 公用样式 ------ */
.wrap{max-width:1200px;}

/* --- nav --- */
.page-nav li .show{font-size: 12px; }


/* inner box */
.page-header .inner-box{width: 60%;}


/* --- about --- */
.about-banner{height: 500px;}
.about-banner .content{width: 70%; font-size: 36px; padding: 0 8%;}


/* --- details --- */
.details-content .goods-info .hd li{margin-right: 20px;}


/* --- category --- */
.inner-category .content{width: 50%; padding: 0 6%;}


/* --- side --- */
.inner-side{width: 18%;}


/* --- right --- */
.inner-right{width: 82%;}


/* --- recycling --- */
.inner-recycling .left{padding: 0 80px;}


/* --- register --- */
.inner-register .left{padding: 0 80px;}


/* --- column --- */
.inner-column h2{font-size: 45px;}


/* --- recycling --- */
.inner-recycling .left{width: 65%; padding: 0 30px;}
.inner-recycling .right{width: 35%; }


/* --- register --- */
.inner-register{padding: 50px 0;}
.inner-register .left{width: 65%; padding: 0 30px;}
.inner-register .right{width: 35%;}


/* --- returns --- */
.inner-returns {padding: 50px 0;}
.inner-returns .left{width: 65%; }
.inner-returns .right{width: 33%;}


}



/* 1200 */
@media (min-width:1200px) and (max-width:1279px)  {

/* ------ 公用样式 ------ */
.wrap{max-width:1140px;}


/* --- service --- */
.home-service .item .content h2{font-size: 45px;}


/* --- details --- */
.details-content .goods-info .hd li{margin-right: 15px;}


/* --- column --- */
.inner-column h2{font-size: 40px;}

}



/* 1024 */
@media (min-width:1024px) and (max-width:1199px)  {

/* ------ 公用样式 ------ */
.wrap{max-width:960px;}


/* inner box */
.page-header .inner-box{width: 50%;}


/* --- search --- */
.page-search{width: 60%; }



/* --- nav --- */
.page-nav{height: 73px;padding: 0 0;}
.page-nav li{ padding-right: 0; border-bottom: 1px solid #efefef; width: 20%;}
.page-nav li .show{ line-height: 35px; font-size: 12px; text-align: center;}
.page-nav li .hide{top: 72px;}


/* --- recommended --- */
.page-recommended .column h2{font-size: 40px; }


/* --- service --- */
.home-service .item .content{width:38%; padding: 0 20px;}
.home-service .item .content h2{font-size: 40px; margin-bottom: 15px;}
.home-service .item .content .text{margin-bottom: 15px; line-height: 150%;}


/* --- about --- */
.about-banner .content{width: 80%; }

/* inner-about */
.inner-about .item .content{padding: 0 3%;}



/* --- faq --- */
.inner-faq  .wrap {padding: 50px 0%;}

/* list */
.faq-list .box .list .item h3{font-size: 16px; padding-left: 15px;}



/* --- details --- */
.details-info{display: block;}
.details-photo{width: 100%; margin-bottom: 30px;}
.details-content{width: 100%; }



/* --- column --- */
.inner-column h2{font-size: 32px;}



/* --- list --- */
.page-list .item .title{font-size: 32px; line-height: 125%;}


}