@media only screen and (max-width:1680px){
	.kepian-mode-hd .text-left{
		width: 50%;
	}
	.kepian-mode-hd .text-left img{
		width: 100%;
	}
	.kepian-mode-hd .text-right{
		width: 12%;
	}
	.kepian-mode-hd .text-right img{
		width: 100%;
	}
	.min-height{
		padding:1.5% 9%;
	}
	.kepian-mode-bd{
		margin-top: 15px;
	}
	.sample-box .globel-page{
		position: static;
		padding: 30px 0 0;
		transform: translate(0,0);
	}
}
@media only screen and (max-width:1460px){
	.min-height{
		padding: 3% 5%;
	}
	/* .kepian-mode-bd .globel-page{
		padding: 30px 0 0;
		position: static;
		transform: translate(0,0);
	} */
	
	.main-right-hd .nav-box{
		width: 80%;
	}
	.main-right-hd .nav-list{
		width: 100%;
	}
	.main-right-hd .nav-user{
		width: 13%;
	}
	.main-right-hd .nav-user > a{
		display: none;
	}
	.main-right-hd .nav-list li{
		padding: 0 5px;
	}
	.main-right-hd .nav-list li .nav-child{
		width: 125%;
	}
	.breadcrumb-box .breadcrumb dt{
		font-size: 22px;
	}
	.breadcrumb-box .breadcrumb{
		font-size: 16px;
	}
	.nav-user-mgs img{
		width: 25px;
		height: 25px;
	}
	.good-right-bd li .img img{
		width: 84px;
		height: 84px;
	}
	.good-right-bd li .txt h3{
		font-size: 16px;
	}
	.good-right-bd li .txt p{
		padding: 0 10px 0 16px;
		background-size: contain;
		width: auto;
	}
	.good-reputation-hd h3{
		font-size: 4rem;
	}
	.good-reputation-hd p{
		font-size: 2rem;
	}
	.good-reputation-hd{
		height: 300px;
	}
	.sample-box .list li{
		width: 48%;
	}
	
}
/* 笔记本 */
@media only screen and (max-width:1380px){
	.good-right-bd{
		margin: 3%;
	}
	.main-right-hd .nav-box{
		width: 88%;
	}
	.main-right-hd .search{
		display: none;
	}
	.main-right-hd .nav-user > a{
		display: none;
	}
	
	
	/* 2019-9-19 */
	.sample-box .list{
		/* margin: 0 0 -16px 0; */
	}
	.sample-box .list li{
		/* margin: 0 0 16px 0; */
	}
	.main-left .flag, .main-left .copy{
		position: static;
	}
	.main-left .flag{
		margin: 10px 0;
	}
	.main-left .list{
		margin-top: 30px;
	}
}
/* 平板竖屏 */
@media only screen and (max-width:1200px){
	.main-left{
		width: 210px;
	}
	.main-right-hd .nav-box{
		margin: 0 1%;
	}
	.header-fiexd{
		justify-content: space-around;
	}
	.main-left .list li .nav-childer{
		left: 210px;
	}
	.swiper-box .small-img .bd{
		margin: 0 3%;
	}
	.swiper-box .big-img .prev, .swiper-box .big-img .next{
		background-size: 16px;
	}
	.header-fiexd{
		padding-left: 210px;
	}
	.main-left .logo{
		width: 100%;
	}
	.main-left .list li a{
		padding: 4px 0;
	}
	.main-left .list li.on > a{
		width: 80%;
	}
	.main-left .list li img{
		left: 35px;
	}
	.main-right{
		padding-left: 210px;
	}
	.main-right-hd .nav-list li{
		font-size: 12px;
		width: auto;
	}
	.nav-user-mgs{
		font-size: 12px;
	}

	.nav-user-down li{
		font-size: 12px;
	}
	.good-right-bd{
		margin: 2%;border-radius: 15px;
	}
	.good-right-bd li .img img{
		width: 64px;
		height: 64px;
	}
	.good-right-bd li .txt{
		width: 67%;
	}
	.good-right-bd li .txt p{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:  nowrap;
	}
	.pop-ups li img{
		height: 580px;
	}
	/* 登陆 */
	.login-bd-left{
		width: 40%;
	}
	.login-bd-left{
		margin-left: 4%;
	}
	.login-bd-left .txt{
		font-size: 28px;
	}
	.login-bd-left .txt p{
		font-size: 22px;
	}
	.product-list li{
		width:33.33%;
	}
	/* 2019-9-19 */
	.good-reputation-hd h3{
		font-size: 3rem;
	}
	.good-reputation-hd{
		height: 240px;
	}
	.good-reputation-bd{
		padding: 3%;
	}
	.good-reputation-ft{
		padding: 0 0 30px;
	}
	.main-left .list{
		margin-top: 50px;
	}
	.main-left .flag, .main-left .copy{
		position: absolute;
	}
	.kepian-mode-bd .list li .txt em{
		font-size: 14px;
	}
	.kepian-mode-bd .list li .like-icon{
		font-size: 14px;
	}
	.kepian-mode-bd .list li .like-icon .xin{
		top: 4px;
		width: 14px;
		height: 12px;
	}
	.sample-box .list{
		margin: 0 0 -15px -15px;
	}
	.sample-box .list li{
		margin: 0 0 15px 15px;
		width: 47.9%;
	}
	.sample-box .list li .txt{
		padding: 15px;
	}
}
/* 平板 竖屏 */
@media only screen and (max-width:979px){
	*{
		box-sizing: border-box;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	
	input,textarea {-webkit-appearance:none; /*去除input默认样式*/}
	html{min-height: 100%; position: relative;}
	body,html{
		font-size: 12px; 	
		overflow-x: hidden;
	}
	body{
		position: static; 
		
	}
	img{
		max-width: 100%;
	}
	.isPc{
		display: none;
	}
	.isMobile{
		display: block;
	}
	.height{
		height: 100%;
		overflow: hidden;
	}
	.wrapper{
		width: auto; margin: 0 5%;
	}
	.gh {
		display: block;
		position: relative;
		float: right;
		height:50px;
		width:50px; 
		top: 8px;
		right: 10px;
		z-index: 100;
		transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		cursor:pointer; 
	}
	.gh.selected {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
	}
	.gh a {
		display: block; 
		height: 2px;
		margin-top: -2px;
		position: relative;
		top: 50%;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width: 60%;margin: 0 20%;
	 background: #000;
	}
	
	.gh a:after, .gh a:before {
		content: "";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width:100%;
		background: #000;
	}
	.gh a:after {
		top:8px;
	}
	.gh a:before {
		top:-8px;
	}
	.gh.selected a:after, .gh.selected a:before {
		top: 0;
	}
	.gh.selected a:before {
		transform: translateY(0px) rotate(-45deg);
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
	}
	.gh.selected a:after {
		transform: translateY(0px) rotate(45deg);
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
	}
	.gh.selected a {
		background-color: transparent !important;
	}
	.m-nav{
		display: block;
		height: 70px;
	}
	.m-nav-fiexd{
		position: fixed;
		top: 0;
		left: 0;
		padding: 4px 0;
		width: 100%;
		height: 70px;
		overflow: hidden;
		background: #fff;
		z-index: 999;
		box-shadow: 0 3px 10px 0 rgba(0,0,0,.2);
		box-sizing: border-box;
	}
	.m-logo{
		width: 210px;
		float: left;
	}
	.main-left{
		display: none;
		width: 100%;
		overflow-y: auto;
		left: -100%;
	}
	.main-left .close{
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		width: 25px;
	}
	 
	.main-left .list li a{
		position: relative;
	}
	.main-left .list li .nav-childer{
		display: none;
		position: static;
		padding-left: 20px;
		font-size: 14px;
		width: auto;
		background: none;
	}
	.main-left .list li .nav-childer dd{
		line-height: 45px;
	}
	.m-userImg {
		position: absolute;
		top: 10%;
		left: 50%;
		font-size: 20px;
		color: #fff;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	.m-userImg img{
		margin-right: 10px;
		vertical-align: middle;
		border: 1px solid #fff;
		width: 45px;
		height: 45px;
		border-radius: 50%;
	}
	
	.main-left .logo{
		margin: 18% auto 0;
		width: 30%;
	}
	.main-left .list{
		margin-top: 8%;
	}
	.main-left .list li{
		line-height: 55px;
	}
	.main-left .list li a{
		/* padding-left: 50px; */
	}
	.main-left .list li img{
		left: 10px;
	}
	.main-left .copy{
		position: static;
		margin-top: 50px;
	}
	.main-right-hd .search{
		display: none;
	}
	
	.main-right{
		padding: 0; 
	}
	.main-right-hd{
		height: auto;
	}
	 
	.header-fiexd{
		position: static;
		padding: 0;
	}
	.main-right-hd .nav-box{
		width:100%;overflow: visible;background: ;
	}
	.main-right-hd .nav-list{
		 width: 100%;white-space: nowrap;
	}
	.main-right-hd .nav-list li{
		padding: 20px 10px 15px;
		line-height: 1;
	}
	.main-right-hd .nav-list li .nav-child{
		top: 53px;
	}
	.main-right-hd .nav-user{
		display: none;
		width:25%;
	}
	.login-bd-left{
		width: 50%;
	}
	.login-bd-left .txt{
		font-size: 22px;
	}
	.login-bd-left .txt p{
		font-size: 18px;
	}
	.login-bd-right{
		width: 50%;
	}
	.txt-line:before, .txt-line:after{
		width: 25%;
	}
	.regst-bd-right .hd .txt-line:before, .regst-bd-right .hd .txt-line:after{
		width: 23%;
	}
	.regst-bd-right{
		padding: 0 3%;
	}
	.regst-bd-right .regst-msg li input{
		width: 70%;
	}
	.go-top{
		right: 20px;
	}
	.go-top a{
		width: 54px;
		line-height: 54px;
		font-size: 18px;
	}
	.product-list li h3{
		font-size: 12px;
	}
	.product-list li span{
		padding: 3px 0;
	}
	.zoom-btn a{
		font-size: 50px;
	}
	.zoom-btn .reduction{
		font-size: 70px;
	}
	.zoom-btn{
		right: 2%;
	}
	.map-right-bd{
		height: 92%;
	}
	.good-right-bd{
		margin: 3% 3% 0;
		padding: 3% 2%;
		border-radius: 5px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	}
	.good-right-bd ul{
		justify-content: space-around;
	}
	.good-right-bd li a{
		display: flex;
	}
	.good-right-bd li .img img{
		width: 55px;
		height: 55px;
	}
	.good-right-bd li .txt{
		margin: 0;
		width: 75%;
	}
	.good-right-bd li .txt i{
		width: auto;
		background-position: left;
	}
	.good-right-bd li .txt p{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.swiper-box .small-img li{

	}
	.product-list li{
		width:50%;
	}
	.good-reputation-bd li{
		width: 30%;
	}
	/* 2019-9-19 */
	.main-left .flag{
		display: none;
	}
	.main-left .list li a{
		padding: 10px 40px;
		line-height: 1;
	}
	.main-left .list li.on> a{
		width: auto;
	}
	.min-height{
		min-height: calc(100vh - 120px);
	}
} 
/* 手机 */
@media only screen and (max-width:420px){
	body,html{
		height: 100%;
	}
	body{
		overflow-x: hidden;
	}
	.m-userImg{
		font-size: 12px;
		line-height: 30px;
	}
	.m-userImg img{
		margin-right: 5px;
		width: 30px;
		height: 30px;
	}
	.login-bg{
		background: url(../img/bg_01.jpg) no-repeat center;
	}
	.login{
		padding-top: 10%;
		height: auto;
		background: none;
	}
	.regst{
		padding: 10% 0;
	}
	
	.login-bd{
		position: static;
		height: auto;
		top: 0;
		transform: translateY(0);
	}
	.breadcrumb-box .breadcrumb{
		font-size: 12px;
	}
	.breadcrumb-box .breadcrumb dt{
		margin: 0 10px 0 2%;
		font-size: 14px;
	}
	.breadcrumb-box .breadcrumb >dd + dd:before{
		padding: 0 2px;
	}
	.main-right-hd .nav-list li .nav-child dd{
		line-height: 50px;
	}
	.main-right-hd .nav-list li{
		border-width: 2px;
	}
	.guest-right-bd .wall-item .txt{
		padding: 15px; 
	}
	.guest-right-bd .wall-item .txt h3{
		font-size: 18px;
	}
	.wall-column a{
		margin-bottom: 20px;
	}
	.globel-btn a{
		width: 54%;
	}
	/* 注册 */
	 
	.login-bd-left{
		display: none;
	}
	.login-bd-right{
		margin-top: 0;
		padding: 30px 5%;
		width: 100%;
		height: auto;
		border-radius: 15px;
	}
	.login-bd-right .hd{
		margin-top: 0;
	}
	.login-bd-right .bd{
		margin-top: 60px;
	}
	.login-bd-right .ft{
		margin-top: 30%;
	}
	.regst-bd-right .regst-btn{
		margin-top: 30px;
	}
	.regst-bd-right .ft{
		margin-top: 30px;
	}
	/* 三亚客片 */
	.package-right-bd li .package-txt{
		padding: 3%;
	}
	.package-right-bd li .desc{
		padding: 2% 0;
		width: auto;
	}
	.package-right-bd li .time{
		padding-top: 10px;
	}
	.package-right-bd li .time p .number{
		background-size: 12px;
	}
	.package-right-bd li .time p i{
		margin-right: 5px;
		vertical-align: -3px;
	}
	.globel-page{
		display: flex;
		justify-content: space-around;
	}
	.globel-page li{
		margin: 0 2px;
	}
	.globel-page li a{
		padding: 4px 6px;
		width: auto;
		line-height: 1;
	}
	.globel-page > a{
		margin: 0;
	}
	/* 三亚好评 */
	.good-right-bd{
		padding: 5%;
	}
	.good-right-bd li{
		width: 100%;
	}
	.good-right-bd li a{
		justify-content: space-between;
	}
	.good-right-bd li .img img{
		width: 75px;
		height: 75px;
	}
	.pop-ups li img{
		height: 480px;
	}
	.pop-ups .prev{
		left: 2%;
	}
	.pop-ups .next{
		right: 2%;
	}
	.product-list li{
		width:100%;
	}
	.swiper-box .big-img .prev, .swiper-box .big-img .next{
		margin-top: -20px;
		background-size: 10px;
		width: 40px;
		height: 40px;
	}
	.swiper-box .big-img .prev{
		left: 0;
	}
	.swiper-box .big-img .next{
		right: 0;
	}
	.swiper-container-horizontal>.swiper-scrollbar{
		bottom: 26px;
		height: 2px;
	}
	/* 2019-9-19 */
	.good-reputation-hd{
		height:115px;
	}
	.good-reputation-hd h3{
		font-size: 1.7rem;
	}
	.good-reputation-hd p{
		margin-top: 20px;
		font-size: 1rem;
	}
	.kepian-mode-bd .list{
		margin: 0 0 -3% 0;
		justify-content: space-between;
	}
	.good-reputation-bd li{
		width: 47%;
	}
	.kepian-mode-bd .list li{
		margin: 0 0 3% 0;
		width: 49%;
	}
	.kepian-mode-bd .list li .txt{
		padding: 8px;
		position: relative;
	}
	.kepian-mode-bd .list li .like-icon{
		position: absolute;
		right: 10px;
		bottom: 8px;
	}
	.kepian-mode-bd .list li .txt h3 span{
		font-size: 12px;
	}
	.kepian-mode-bd .list li .txt p{
		margin-top: 5px;
	}
	.kepian-mode-hd .text-right{
		display: none;
	}
	.kepian-mode-hd .text-left{
		width: 80%;
	}
	.min-height{
		padding: 3%;
	}
	.taocan-catalogue li{
		margin-bottom: 15px;
		width: 100%;
	}
	.sample-box{
		padding: 5%;
		min-height: auto;
	}
	.layui-flow-more{
		margin: 20px auto;
		
	}
	.sample-box .list li{
		width: 100%;
	}
	.sample-box .list li .txt{
		padding: 15px;
	}
	.sample-box .list li .txt .desc h3{
		font-size: 18px;
	}
	.sample-box .list li .txt{
		align-items: flex-end;
	}
	.main-left .list li > a{
		line-height: 1;
	}
	.main-left .flag{
		display: none;
	}
	.main-left .copy{
		margin-top: 0;
	}
	.g-btn{
		position: static;
		transform: translate(0,0);
		margin: 30px 0;
	}
	.g-btn a{
		margin: 0 auto;
		line-height: 34px;
		width: 135px;
		font-size: 16px;
	}
}