@media(min-width:768px) {
	.banner {min-height: 500px;}
	.header .navbar-brand { position:absolute;z-index:2;}
	.header .navbar-nav { position: relative; }
	.header .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px; height: 80px; }
	.header .navbar-nav>.active>a, .header .navbar-nav>.active>a:focus, .header .navbar-nav>.active>a:hover { position: relative; background-color: inherit; color: inherit; }
	.header .navbar-nav>.active>a:after{ position: absolute; left: 0; bottom: 30px; content: ""; height: 2px; width: 100%; background-color: #323232; }
	.header .navbar-nav>li.no-broder { line-height: 40px; height: 60px; margin-left: 5px; }
	.header .navbar-nav>li:not(.click-show)>a:after { position: absolute; left: 50%; bottom: 30px; content: ""; height: 2px; width: 0; background-color: #323232; -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s; }
	.header .dropdown-toggle::after{border:none;}
	.search-empty .s-pl-15 { margin-left: -25px; }
	.news-center .c-pl60 { padding-left: 60px; }
	.col-sm-offset-1-5 { margin-left: 12.5%; }
	.shop-list .shop-box { padding-top: 10px;padding-right:10px }

	.header .nav>li:not(.click-show):hover .dropdown-menu,.header .nav>li.open .dropdown-menu {left: 0;transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; top: 101px; z-index: 100; height: auto; /*transition: all 0.5s;*/box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1000); }
	.header .nav>li.open .dropdown-menu{z-index:99;}


	.header .nav .click-show.open>a{color:#9ECC5F;}
	.header .nav .click-show.open .dropdown-menu{transform:translateX(-50%); transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; top: 81px;height: auto;border:none;background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;}
	.header .nav .click-show>a .iconfont{transition:transform .4s;}
	.header .nav .click-show.open>a .iconfont {top: -2px;position: relative;transform: rotate(180deg);display: inline-block;color:#9ECC5F;}
	.header .nav>li.nav-search .dropdown-menu{width: 600px;right: 0;left: auto;}

	/*右侧简单导航*/
	.header .nav-simple {position: absolute;right: 0;}
	.header .nav-simple.navbar-nav>li{margin-left:0;margin-right:0;padding-left:7px;padding-right:7px;}
	.header .nav-simple>li>a .iconfont{font-size:20px;}
	.header .nav.nav-simple>li:not(.nav-search) .dropdown-menu,.header .nav.nav-simple>li:not(.nav-search):hover .dropdown-menu{transform:translateX(-50%);}

	.als-wrapper li, .als-wrapper01 li {
		margin-left: -1px;
	}
}
@media (min-width:992px) {
	.col-md-1_2 { float: left; width: 12%; }
	.col-md-1_3 { float: left; width: 13%; }
	.col-md-1_5 { float: left; width: 9%; }
	.col-md-2_5 { float: left; width: 20.83%; }
	.col-md-3_5 { float: left; width: 29.1666%; }
	.col-md-4_5 { float: left; width: 37.5%; }
	.shop-list .shop-box {
		padding-top: 10px;
		padding-right: 10px
	}
}
@media(min-width:1200px) {
	.container.container01 {width: 1200px;}
	.container.container02 {max-width: initial;width: 1200px;padding-left:0;padding-right:0;}
	.container.w1280 { width: 1280px; }
	.in-pro .in-pro-box .in-pro-tip { bottom: 40px !important; }
	.als-viewport, .als-viewport01 {
		width: 100%;
	}
}
@media(min-width:1300px) {
	.container {
		width: inherit;
		max-width: 1280px;
	}

	.collection .pro-collection .pro-collection-bg .pro-tit {
		margin-bottom: 10px;
		font-size: 46px !important;
	}

	.collection .pro-collection .pro-collection-bg .pro-more {
		font-size: 16px;
	}
}
@media(min-width:1560px) {
	.container.container02 {
		width: 1560px;
		max-width: initial;
	}
	.container.container01.container-b {
		width: 1504px;
		max-width: 1504px;
	}
	.collections-r .clist li a > span {
		width: 700px;
	}

	.container02 .left-panel {
		width: 312px;
	}

	.container02 .right-page {
		width: 1200px;
	}

	.collections-l {
		width: 390px;
		/*height:680px;*/
	}

	.collections-r .clist li {
		height: 470px;
	}

		.collections-r .clist li a > img {
			width: 702px;
		}

	.collections-r .clist-info {
		width: 468px;
		padding: 50px 0 50px 50px;
	}

		.collections-r .clist-info .mt10 {
			margin-top: 20px;
		}

		.collections-r .clist-info .mt25 {
			margin-top: 35px;
		}

	.collections-r .clist .tag {
		top: 44px;
	}

	.collections-r .clist-imgs {
		margin-top: 55px;
	}

		.collections-r .clist-imgs img {
			width: 110px;
			height: 110px;
			margin-right: 20px;
		}

	.cart-l {
		width: 1220px;
	}

	.cart-r {
		width: 320px;
	}

	.hot-area .swiper {
		width: 840px;
	}

	.hot-area .swiper-button-next, .hot-area .swiper-button-prev {
		top: 50px;
	}

	.intro-list li {
		height: 660px;
	}

	.intro-list .container {
		padding-top: 170px;
	}

		.intro-list .container > a {
			width: 900px;
		}

		.intro-list .container > div {
			width: 740px;
		}

	.intro-list li:nth-child(odd) .container {
		padding-left: 820px;
	}

		.intro-list li:nth-child(odd) .container > div {
			padding-left: 160px;
			padding-right: 100px;
		}

	.intro-list li:nth-child(even) .container {
		padding-right: 820px;
	}

		.intro-list li:nth-child(even) .container > div {
			padding-right: 160px;
			padding-left: 100px;
		}

	.intro-list li:nth-child(3n) {
		height: 720px;
	}

	.zone-area video {
		width: 800px;
		height: 450px;
	}

	.zone-area .col {
		padding-left: 145px;
		padding-right: 95px;
	}

	.zone-area li:nth-child(even) {
		margin-left: 80px;
	}

	.zone-area .col .mt15 {
		margin-top: 35px;
	}

	.zone-area .col .mt30 {
		margin-top: 50px;
	}

	.zone-area .col a.mt20 {
		margin-top: 60px;
	}

	.left-nav {
		width: 295px;
	}

	.right-cont {
		padding-left: 60px !important;
	}

	.right-cont-news {
		padding-left: 0 !important;
		width: 1260px;
	}

	.profile-cont {
		margin-top: 25px;
	}

		.profile-cont .col .lh26 {
			font-size: 16px;
			line-height: 30px;
		}

		.profile-cont .col-auto {
			padding-left: 70px;
		}

		.profile-cont .ab-img {
			width: 432px;
		}

	.r-imgs .ell.cont {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: initial;
		height: 53px;
	}

	.my-g-40 {
		--bs-gutter-x: 45px;
		--bs-gutter-y: 45px;
	}

	.right-cont-trade {
		padding-left: 110px !important;
	}

	.trade-process .col-auto {
		width: 730px;
	}

	.trade-process .font-cabin-bold {
		line-height: 45px;
	}

		.trade-process .font-cabin-bold + p {
			margin-top: 30px;
			font-size: 14px;
		}

	.trade-process .col-auto .mt25 {
		margin-top: 20px;
	}

	.trade-process .col {
		font-size: 16px;
	}

		.trade-process .col::after {
			left: -70px;
			width: calc(100% + 70px);
		}

		.trade-process .col .mt15 {
			margin-top: 20px;
		}

		.trade-process .col .mt60 {
			margin-top: 120px;
		}

	.zone {
		margin-top: 70px;
	}

		.zone .col-auto > div {
			width: 780px;
			padding: 50px 60px 60px;
		}

		.zone .col-auto .c56.mt25 {
			margin-top: 60px;
		}

		.zone .col-auto .c56.mt15 {
			margin-top: 40px;
		}

		.zone .col {
			margin-top: 65px;
			padding: 60px 100px;
		}

			.zone .col::before {
				left: -520px;
				width: calc(100% + 520px);
			}

			.zone .col .btn {
				width: 230px;
			}

			.zone .col .mt30 {
				margin-top: 52px;
			}

	.cus-steps {
		--bs-gutter-x: 40px
	}

		.cus-steps .col div {
			height: 145px;
			padding: 35px 50px 0 50px;
			font-size: 20px;
		}

	.cus-area .col-auto {
		width: 940px;
		height: 532px;
	}

	.cus-area .col > div {
		padding: 115px 80px 0 80px;
	}

	.cus-area .col .fs24 {
		font-size: 30px;
	}

	.cus-area .col .fs16 {
		margin-top: 35px;
		font-size: 20px;
		line-height: 40px;
	}

	.btn01-b {
		width: 380px;
		height: 65px;
		font-size: 20px;
		border-radius: 32px;
	}

		.btn01-b .arrow-right:before {
			width: 90px;
		}

	.cus-area .btn01 {
		margin-top: 90px;
	}

	.cus-area {
		margin-top: 40px;
	}

	.order-area .col {
		padding-right: 160px;
	}

	.order-area p {
		margin-top: 40px;
		font-size: 30px;
	}

	.order-area li {
		font-size: 20px;
		margin-top: 40px;
	}

	.order-area .btn01 {
		margin-top: 110px;
	}

	.order-area img {
		width: 820px;
	}

	.list-care {
		--bs-gutter-x: 60px;
		margin-bottom: 65px;
	}

	.story-l {
		width: 740px;
	}

	.story-r {
		width: 764px;
	}

	.in-ab-right .in-abr-box .in-abr-tit {
		font-size: 20px;
	}

	.in-ab-right .in-abr-box {
		width: 372px;
	}

		.in-ab-right .in-abr-box .in-abr-position {
			top: 175px;
		}

		.in-ab-right .in-abr-box:before {
			top: 202px;
		}
}
@media(min-width:1700px) {
	.container {
		width: inherit;
		max-width: 1680px;
	}
}
@media(min-width:1880px) {
	.error-page {
		background-size: 100% auto;
	}
}


@media(max-width:1500px){
	.coo-r{padding:0 30px;}
	.coo-r .fs40{font-size:30px;}
	.coo-r .pb120{padding-bottom:35px;}
	.coo-r .pb25{padding-bottom:20px;}
}
@media(max-width:1400px) {
	.trade-process {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

		.trade-process .bw1280 {
			max-width: 1080px;
		}
}
@media(max-width:1360px) {
	.navbar .container-fluid.plr80 {
		padding-left: 40px;
		padding-right: 40px;
	}
	.container.container03 {width: 90%!important;max-width:100%!important;}
}
@media(max-width:1300px) {
	.in-catalog .pt70 { padding-top: 0; }
}
@media (max-width: 1280px) {
	.tabs-guide li a {
		font-size: 14px;
	}
}
@media (max-width: 1200px) {
	.tabs-guide li {
		width: 30%;
		margin-bottom: 15px;
	}
}
@media(max-width:768px) {
	.pad_mobile{
		padding:20px;
	}
	.location {
		padding-left: 15px;
	}
	.ab-tip{
		margin-left:15px;
	}
	.header .navbar-nav > li.no-broder {
		display: none;
		padding-left: 10px;
	}

		.header .navbar-nav > li.no-broder > a {
			position: relative;
			height: 60px;
		}

		.header .navbar-nav > li.no-broder .navbar-form {
			padding-bottom: 0;
			border-bottom: 10px;
		}

	/*改状态下不现实图片放大功能模块*/
	.det-carousel .magnifyingBegin, .det-carousel .magnifyingShow {
		display: none !important;
	}

	.list09.list09__home li {
		width: calc(50% - 22.5px);
		margin-left: 15px;
		margin-right: 0;
	}

	.list09 .btn-det {
		left: auto;
		margin-left: 0;
		width: calc(100% - 30px);
	}

	.ht-page {
		padding: 10px 0;
	}

		.ht-page .total_page {
			display: none;
		}

		.ht-page .num.current {
			display: inline-block;
			padding: 0 10px;
		}

		.ht-page .pageInput, .ht-page .pagebtn {
			width: 40px;
			margin-bottom: 10px;
		}


		.ht-page .page_jump {
			margin: 0 5px;
		}

		.ht-page .num, .ht-page .previous, .ht-page .next, .ht-page .dots {
			margin-bottom: 10px;
		}

	.model-viewer-container {
		width: 120px;
		height: 120px;
	}

	.modal-advert .modal-dialog {
		margin: 20vh 1rem;
		max-width: calc(100% - 2rem);
	}

	.modal-dialog .model-card {
		padding: 1rem;
	}

	.modal-dialog .model-viewer-container {
		height: 50vh;
	}

	.modal-advert .btn-close {
		right: 0;
		top: -30px;
	}

	.model-l {
		left: 10px;
		width: initial;
	}

	.model-r {
		right: 10px;
	}

		.model-r li img {
			width: 60px;
		}

	.modal-dialog .model-viewer-container {
		width: 100%;
	}

	.cate-list p {
		top: 20px;
		font-size: 24px;
	}

	.row.nd-m {
		margin-left: 0;
		margin-right: 0;
	}

	.toolbar-footer {
		bottom: 20px;
	}

	.story-l {
		width: 100%;
		padding: 15px;
	}

		.story-l > div {
			width: 80%;
			left: 10%;
			bottom: 13%;
			padding: 15px;
			font-size: 12px;
		}

	.story-r {
		width: 100%;
		padding: 15px;
	}

		.story-r .in-abr-box:nth-child(2n+1) {
			padding-right: 5px;
		}

		.story-r .in-abr-box:nth-child(2n+2) {
			padding-left: 5px;
		}

	.in-ab-right .in-abr-box {
		width: 50%;
		margin: 0;
		margin-bottom: 15px;
	}

		.in-ab-right .in-abr-box .in-abr-position {
			top: 0;
			padding: 10px;
		}

		.in-ab-right .in-abr-box:before {
			top: 0;
			width: calc(100% - 5px);
			height: 100%;
			background: rgba(18,21,12,.6);
		}

	.story-r .in-abr-box:nth-child(2n+2):before {
		left: 5px;
	}

	.in-ab-right .in-abr-box:hover:before {
		width: calc(100% - 5px);
	}

	.in-ab-right .in-abr-box .in-abr-tit {
		padding-bottom: 5px;
		font-size: 14px;
	}

	.in-ab-right .in-abr-box .in-abr-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 40px;
	}

	.in-ab-right .in-abr-box .in-abr-right {
		font-size: 20px;
		padding-top: 0;
	}



	.header.navbar .navbar-nav {
		padding-left: 10px;
		margin-top: 10px;
	}

		.header.navbar .navbar-nav > li > a {
			color: #333;
			line-height: 30px;
			font-size: 16px;
		}

	.navbar .container-fluid.plr80 {
		padding: 0 20px;
	}

	.navbar-toggler-icon {
		font-size: 14px;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.header .navbar-brand {
		padding: 15px 15px 8px 0;
		height: 60px;
	}

	.navbar-collapse .navbar-nav > li {
		margin: 0;
	}

	.navbar-collapse .navbar-nav .dropdown-menu {
		border: none;
		padding: 0;
		/*	background-color:#efefef;*/
	}

		.navbar-collapse .navbar-nav .dropdown-menu li {
			padding-left: 15px;
			color: #777;
			line-height: 30px;
		}

	.navbar-collapse {
		position: absolute;
		right: 0;
		z-index: 1001;
		top: 60px;
		width: 60%;
		padding-left: 20px;
		padding-right: 15px;
		background-color: white;
		border: solid 1px #dcdcdc;
		border-right: none;
	}

		.navbar-collapse .dropdown-item {
			padding: 0;
		}

	.cate-list.row {
		margin: 10px 0;
	}

	.cate-list > * {
		padding: 10px 0 0;
	}

	.cate-list p {
		top: 70px;
		width: 100%;
	}

	.home_sets_icons .col {
		min-width: 33%;
		margin: 5px 0;
	}

	.footer .container {
		padding-left: 30px;
	}

	.footer .links > *, .footer .col-6 {
		margin-bottom: 30px;
	}

	.links-external {
		margin-top: 0;
	}

	.bot-line {
		text-align: center;
		line-height: 25px;
		padding: 10px 0;
	}

		.bot-line span {
			display: block;
			float: none;
		}
	/*	产品列表*/
	.patio-right .location .select-s {
		width: 90%;
		margin-bottom:10px;
	}
	.patio-right .location .select-s-tit {
		width: 100%;
	}
	.patio-right .location .select-s > div {
		width: 100%;
	}
	.patio-right .location .select-s-list {
		width: 100%;
	}
	.patio-right .select-s-btns{
		width:100%;
	}

	.home_sets_products .swiper {
		width: 100%;
	}
	.home_sets_products .fr {
		float:none;
		margin-bottom:20px;
		text-align:right;
	}
	.home_sets_products .fs30 {
		font-size:26px;
	}
	.btn-cut{display:none;}
.modal.modal-swiper .modal-dialog, .modal-swiper .swiper {
		width: calc(100% - 1rem);
	}
	.modal-swiper .modal-dialog .swiper-slide {
/*		height: auto;*/
	}
	.modal-dialog .modal-body {
		padding: 0;
	}
	.ab-nav li {
		padding: 13px 0;
		width: 33%;
		text-align:center;
	}
	.ab-nav .ab-line02{
		bottom:initial;
		top:30px;
	}
}
@media (max-width: 700px) {
	.tabs-guide li {
		width: 47%;
	}
}
@media (max-width:640px) {
	.als-viewport, .als-viewport01 {
		width: 323px;
	}

	.als-wrapper li, .als-wrapper01 li {
		margin-left: -2px;
	}
}
@media (max-width: 500px) {
	.tabs-guide li {
		width: 100%;
		margin-right: 0;
	}
}

@media (min-width:641px) and (max-width:989px) {
	.als-viewport, .als-viewport01 {
		width: 642px;
	}

	.als-wrapper li, .als-wrapper01 li {
		margin-left: -1px;
	}
}
@media(min-width:769px) and (max-width:1199px) {
	.list09.list09__home li:nth-child(5n) {
		margin-right: 16px;
	}

	.list09.list09__home li:nth-child(4n) {
		margin-right: 16px;
	}

	.list09.list09__home li:nth-child(3n) {
		margin-right: 0;
	}

	.list09.list09__home li:nth-child(n+7) {
		display: none;
	}
}
@media (min-width:990px) and (max-width:1200px) {
	.als-viewport, .als-viewport01 {
		width: 901px;
	}
	.story-l {
		width: 440px;
	}

		.story-l > div {
			width: 94%;
			left: 3%;
			padding: 15px;
		}

	.story-r {
		width: 456px;
	}

	.in-ab-right .in-abr-box {
		width: 220px;
		margin-left: 5px;
		margin-bottom: 7px;
	}

		.in-ab-right .in-abr-box .in-abr-tit {
			padding-bottom: 10px;
		}

		.in-ab-right .in-abr-box .in-abr-position {
			top: 95px;
			z-index: 1;
			padding: 20px;
		}

		.in-ab-right .in-abr-box .in-abr-right {
			padding-top: 0;
			font-size: 24px;
		}
}
@media(min-width:1200px) and (max-width:1549px) {
	.list09.list09__home li:nth-child(5n) {
		margin-right: 16px;
	}

	.list09.list09__home li:nth-child(4n) {
		margin-right: 0;
	}

	.list09.list09__home li:nth-child(n+9) {
		display: none;
	}
}