/* 1100 */
@media only screen and (max-width: 1100px) {

.main {min-height: 660px; height: 100vh;}
.main .logo {padding: 30px 0;}
.main > div .direction {margin-top: 0;}
.main > div .direction > div a {height:  350px;}
.main > div .direction > div a .name div {height: 90px; font-size: 20px;}
.main > div .direction > div a .name div span {height: 90px;}

.category_list > div a {height: 350px;}

.footer > div:nth-child(3) {width: 32%;}
.footer > div:nth-child(3) span {width: 290px;}

.good_wrap { flex-wrap: wrap;}
.good_wrap > div:nth-child(1) {width: 100%; max-width: inherit;}
.good_wrap > div:nth-child(2) {padding-left: 0; width: 100%;}

.good_wrap > div.v2:nth-child(1) {width: 100%; max-width: inherit;}
.good_wrap > div.v2:nth-child(2) {padding-left: 0; width: 100%;}

.good_wrap > div .carusel_flex {margin: 0 auto; width: 70%;}

.good_wrap > div .carusel_flex.v2 {width: 60%;}
.good_wrap > div .carusel_flex.v2 > div:nth-child(1) {display: none;}
}


/* 1024 */
@media only screen and (max-width: 1024px) {

.category_list > div a {height: 330px;}
.category_list > div a .name > div {height: 90px; font-size: 20px;}
.category_list > div a .name > div span {height: 90px; line-height: 22px;}

.footer > div:nth-child(3) { width: 30%;}
.footer > div:nth-child(3) span {width: 230px;}
}


/* 992 */
@media only screen and (max-width: 992px) {

.main {min-height: 585px; height: 100vh;}
.main > div .direction > div a {height:  300px;}
.main > div .direction > div a .name div {height: 80px; font-size: 18px;}
.main > div .direction > div a .name div span {height: 80px;}

.material > div {margin: 0 21px 21px 0; width: calc(100% / 3 - 14px); height: 250px; box-sizing: border-box;}
.material > div:nth-child(4n) {margin: 0 21px 21px 0;}
.material > div:nth-child(3n) {margin: 0 0 21px 0;}
}


/* 960 */
@media only screen and (max-width: 960px) {

.good_wrap > div .carusel_flex {margin: 0 auto; width: 75%;}
.good_wrap > div .carusel_flex.v2 {width: 65%;}
}


/* 900 */
@media only screen and (max-width: 900px) {

.main {min-height: 575px; height: 100vh;}
.main > div .direction > div a {height:  290px;}

.nav .m_button {display: block; margin: 10px 0; height: 52px; background: rgba(204, 204, 204, .1) url(images/menu.png) no-repeat; background-position: top 0 right 10px; cursor: pointer;}
.nav .m_button span {display: none;}
.nav .m_button.active {background-position: top -52px right 10px;}
.nav .menu {display: none; padding-right: 10px; background: #fafafa; z-index: 100; position: relative; box-sizing: border-box;}

.footer {flex-wrap: wrap;}
.footer > div {box-sizing: border-box;}
.footer > div:nth-child(1) {padding-right: 20px; width: 70%;}
.footer > div:nth-child(2) {width: 30%;}
.footer > div:nth-child(3) {padding-right: 20px; padding-top: 20px; width: 70%;}
.footer > div:nth-child(4) {padding-top: 20px; width: 30%;}

.footer > div:nth-child(3) span {width: inherit;}

.footer .social {text-align: left;}

.category_list > div a {height: 300px;}
.category_list > div:nth-child(1) {padding-right: 14px;}
.category_list > div:nth-child(2) {padding-left: 14px;}
.category_list > div:nth-child(3) {padding-right: 14px; width: 50%}
.category_list > div:nth-child(4) {padding-left: 14px; padding-right: 0; width: 50%;}
.category_list > div:nth-child(5) {padding-left: 0; padding-right: 14px; width: 50%}
.category_list > div:nth-child(6) {padding-left: 14px; padding-right: 0px;}
.category_list > div:nth-child(7) {padding-left: 0; width: 100%;}

.goods > div {padding-right: 2% !important; width: 50%;}
.goods > div:nth-child(3n+2) {padding: 0; width: 50%;}
.goods > div:nth-child(2n) {padding-right: 0 !important; padding-left: 2% !important;}

.good_wrap > div .carusel_flex {width: 80%;}
.good_wrap > div .carusel_flex.v2 {width: 70%;}
}


/* 800 */
@media only screen and (max-width: 800px) {

.main {min-height: 500px; height: 100vh;}
.main > div .direction > div a {height:  250px;}

.category_list > div a {height: 270px;}
.category_list > div a .name > div {height: 80px; font-size: 18px;}
.category_list > div a .name > div span {height: 80px; line-height: 20px;}

.good_wrap > div .carusel_flex {width: 90%;}
.good_wrap > div .carusel_flex.v2 {width: 70%;}

.material > div {margin: 0 20px 20px 0 !important; width: calc(100% / 2 - 10px); height: 250px;}
.material > div:nth-child(2n) {margin: 0 0 20px 0 !important}
}


/* 768 */
@media only screen and (max-width: 768px) {

.nav .menu {text-align: left;}
.nav .menu ul li {display: block; padding: 0; height: 52px; border-bottom: 1px solid #eee; line-height: 52px;}
.nav .menu ul li:last-child {border-bottom: none;}
.nav .menu ul li a {display: block; padding-left: 20px; width: 100%; height: 52px; box-sizing: border-box;}
.nav .menu ul li a:hover, .nav .menu ul li a.active {color: #9b0506; border-bottom: none;}

.good_list > div {min-width: 230px; width: 230px; max-width: 230px;}
.good_wrap > div .carusel_flex {width: 95%;}
.good_wrap > div .carusel_flex.v2 {width: 85%;}
}


/* 720 */
@media only screen and (max-width: 720px) {

.main {min-height: inherit; height: auto;}
.main > div .direction {flex-wrap: wrap;}
.main > div .direction > div {padding: 13px 0; width: 100%;}

.category_list > div:nth-child(1) {padding-right: 0; width: 100%;}
.category_list > div:nth-child(2) {padding-left: 0; width: 100%;}
.category_list > div:nth-child(3) {padding-right: 0; width: 100%}
.category_list > div:nth-child(4) {padding-left: 0; width: 100%;}
.category_list > div:nth-child(5) {padding-right: 0; width: 100%}
.category_list > div:nth-child(6) {padding-left: 0; width: 100%;}

.good_list {flex-wrap: wrap; margin-top: 25px;}
.good_list > div {width: 100%; max-width: inherit;}
.good_list > div:nth-child(2) {padding-left: 0; width: 100%; max-width: inherit;}

.good_list > div .category ul {display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.good_list > div .category ul li {margin: 0 0 5px 0; padding: 0; width: 32%;}
.good_list > div .category ul li:nth-child(3n+2) {margin: 0 2% 5px 2%;}

.good_wrap > div .carusel_flex {width: 100%;}
.good_wrap > div .carusel_flex.v2 {width: 90%;}
}


/* 640 */
@media only screen and (max-width: 640px) {

.footer > div:nth-child(1) {width: 60%;}
.footer > div:nth-child(2) {width: 40%;}
.footer > div:nth-child(3) {width: 60%;}
.footer > div:nth-child(4) {width: 40%;}

.footer > div:nth-child(3) span {width: 300px;}

.good_wrap > div .carusel_flex {width: 100%;}
.good_wrap > div .carusel_flex.v2 {width: 100%;}
.good_wrap > div .carusel_flex > div:nth-child(1) {display: none;}
.good_wrap > div .carusel_flex > div .owl-vertical .owl-stage {max-height: inherit;}
.good_wrap > div .carusel_flex > div .owl-vertical .owl-stage .owl-item {height: auto;}

.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 520px;}
}


/* 600 */
@media only screen and (max-width: 600px) {

.broadcrumb {display: none;}

.good_list > div .category ul li {margin: 0 1% 5px 0 !important; padding: 0; width: 49%;}
.good_list > div .category ul li:nth-child(3n+2) {margin: 0;}
.good_list > div .category ul li:nth-child(2n) {margin: 0 0 5px 1% !important;}

.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 500px;}
}


/* 500 */
@media only screen and (max-width: 500px) {

.page {padding: 0 10px;}

.head {flex-wrap: wrap;}
.head > div {width: 100%; text-align: center}
.head > div:nth-child(2) {padding-top: 15px; padding-left: 0; background: none;}

.footer > div:nth-child(1) {padding-right: 0; width: 100%;}
.footer > div:nth-child(2) {padding-top: 20px; width: 100%;}
.footer > div:nth-child(3) {padding-right: 0; width: 100%;}
.footer > div:nth-child(4) {width: 100%;}

.footer > div:nth-child(3) span {width: inherit;}

.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 430px;}

.popUp .form {padding: 35px 20px 0 20px; width: 300px;}

.material > div {margin: 0 0 20px 0 !important; width: 100%; height: 200px;}
}


/* 480 */
@media only screen and (max-width: 480px) {

.goods > div {padding: 0 0 14px 0 !important; width: 100% !important;}
.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 400px;}
}

/* 414 */
@media only screen and (max-width: 414px) {

.good_list > div .category ul li {margin: 0 0 5px 0 !important; width: 100% !important;}
.good_list > div .category ul li:nth-child(2n) {margin: 0 0 5px 0 !important;}
.good_list > div .category ul li a {padding: 0 10px; height: 50px;}
.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 350px;}
}


/* 375 */
@media only screen and (max-width: 375px) {

.main > div .direction > div a .name div {height: 70px; font-size: 16px;}
.main > div .direction > div a .name div span {height: 70px;}

.footer > div:nth-child(3) span {width: 300px;}
.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 330px;}
}


/* 360 */
@media only screen and (max-width: 360px) {

.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 300px;}
}

/* 320 */
@media only screen and (max-width: 320px) {
	
.footer > div:nth-child(3) span {width: 260px;}

.good_wrap > div .carusel_flex > div .owl-horizontal .item {height: 270px;}
}