@charset "utf-8";

/*左右切换滑屏*/
#wrapper,#wrapper1,#wrapper2,#wrapper3,#wrapper4,#wrapper5,#wrapper6,#wrapper7{position:relative;overflow:hidden;height:38px;line-height:38px;width:74%}
.scroll{width:200%;}

/* lg */
.elites li{transition:.3s;}
.elites li:hover{box-shadow:0 1px 1px #eee;transform:translateY(-5px);}
@media (min-width:1435px){
	.designer li{width:100%;padding:56px 23px;background:;margin-bottom:40px;clear:both;}
	.designer li:last-child{margin-bottom:0;}
	.designer li>div{float:left;}
	.designer li .list1{width:22%;max-width:450px;max-height:320px;overflow:hidden;}
	.designer li  img{width:100%;}
	.appointment{width:30%;margin:0 8%;}
	.appointment h3{font-size:18px;color:#242020;}
	.appointment h3.people{margin:0 0 10px;}
	.appointment p{color:#393333;font-size:14px;}
	.appointment span{border:1px solid #c7c6c6;border-radius:5px;margin-top:5%;display:block;width:190px;line-height:45px;text-align:center;color:#000;cursor:pointer;}
	.appointment span.active{background:#057077;color:#fff;}
	.appointment span:hover{background:#057077;color:#fff;}
	.all{position:relative;float:right;width:30%;overflow:hidden;transition:.3s;max-width:360px;max-height:360px;margin-top:30px;}
	.all img{width:100%;}
	.all .cover{position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;bottom:0px;transition:.5s;}
	.all .cover a{text-align:center;width:50%;color:#fff;font-size:14px;position:absolute;height:30px;line-height:30px;border-bottom:1px solid #fff;padding:1% 0;left:0;right:0;margin:0 auto;top:50%;margin-top:-15px;}
	.all:hover .cover{top:0;}

	/* 精英设计师 */
	.elites{width:100%;}
	.elites li{float:left;width:24%;margin:3% .5% 0;background:#eee;}
	.elites .top{position:relative;width:100%;transition:.5s;overflow:hidden;}
	.elites .top img{width:100%;}
	.elites .top:hover p.dec{bottom:0;}
	.elites .top p{position:absolute;bottom:-45px;width:100%;height:45px;line-height:45px;text-align:center;background:#941e21;background:rgba(148,30,33,.75);color:#fff;margin:0;font-size:28px;cursor:pointer;}
	.elites .top:hover p{bottom:0;color:#fff;}
	.elites .boot{padding:5%;}
	.elites .boot .dec{font-size:14px;margin-top:3%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;float:none;}

	/* 热销 */
	.hot .subsearch{height:45px;line-height:45px;width:100%;background:#eeeeee;height:inherit;line-height:normal;}
	.hot .subsearch .sub-left{float:left;width:50%;		/*height: 35px;*/		/*line-height: 35px;*/
	text-align:left;}
	.hot .subsearch .sub-left p{color:#333;font-size:14px;}
	.hot .subsearch .sub-right{float:right;width:50%;margin-top:2px;}
	.hot .subsearch p{margin-bottom:0;line-height:45px;text-indent:10px;}
	.hot .subsearch b{font-style:normal;font-weight:normal;font-size:14px;color:#941e21;}
	.hot .search{text-align:right;height:40px;width:45%;float:right;}
	.hot .search input{outline:none;border:none;width:235px;border:1px solid #ccc;		height:40px;text-indent:20px;color:#777;float:left;border-radius:0;}
	.hot .search button{outline:none;border:none;width:75px;height:40px;line-height:28px;margin-left:-3px;background:#057077;font-size:14px;color:#fff;float:left;}
	.hot .caselist p{width:58%;font-size:14px;}
	.hot .caselist p b{font-weight:normal;font-style:normal;font-size:12px;vertical-align:baseline;margin:0 1% 0;}
	.hot li .tab{width:90%;}
}

/* lg2 */
@media (min-width:1200px) and (max-width:1439px){
	.v-alink1{width:180px;height:50px;line-height:50px;text-align:center;background:#057077;display:block;color:#fff;border-radius:5px;margin-top:20px;}
	.v-alink1:hover{color:#fff;}
	.designer li{width:100%;padding:56px 23px;background:#eee;margin:20px 0;clear:both;}
	.designer li>div{float:left;}
	.designer li .list1{width:27%;max-width:450px;max-height:320px;overflow:hidden;}
	.designer li  img{width:100%;}
	.appointment{width:30%;margin:0 6%;}
	.appointment h3{color:#242020;font-size:18px;margin-top:0;}
	.appointment p{color:#393333;font-size:14px;}
	.appointment p{color:#393333;font-size:14px;margin-bottom:5px;}
	.appointment span{padding:3% 10%;border:1px solid #c7c6c6;border-radius:5px;margin-top:5%;display:block;width:40%;text-align:center;color:#000;}
	.appointment span.active{background:#057077;color:#fff;}
	.appointment span:hover{background:#057077;color:#fff;}
	.all{position:relative;float:right;width:30%;overflow:hidden;transition:.3s;max-width:400px;max-height:260px;overflow:hidden;margin-top:30px;}
	.all .cover{position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;bottom:0px;transition:.5s;}
	.all .cover a{text-align:center;width:60%;color:#fff;font-size:14px;position:absolute;height:30px;line-height:30px;border-bottom:1px solid #fff;padding:1% 0;left:0;right:0;margin:0 auto;top:50%;margin-top:-15px;}
	.all:hover .cover{top:0;}

	/* 精英设计师 */
	.elites{width:100%;}
	.elites li{float:left;width:24%;margin:3% .5% 0;background:#eee;}
	.elites .top{position:relative;width:100%;transition:.3s;overflow:hidden;}
	.elites .top img{width:100%;}
	.elites .top:hover p.dec{bottom:0;}
	.elites .top p{position:absolute;bottom:-45px;width:100%;height:45px;line-height:45px;text-align:center;background:#941e21;background:rgba(148,30,33,.75);color:#fff;margin:0;font-size:28px;}
	.elites .top:hover p{bottom:0;}
	.elites .boot{padding:5%;}
	.elites .boot .dec{font-size:14px;margin-top:3%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;float:none;}

	/* 热销 */

	/* 热销 */
	.hot .subsearch{width:100%;padding:0 2%;background:#eee;height:45px;line-height:normal;}
	.hot .subsearch .sub-left{float:left;width:50%;text-align:left;}
	.hot .subsearch .sub-right{float:right;width:50%;height: 40px;margin-top: 2px;}
	.hot .subsearch p{margin-bottom:0;line-height:30px;}
	.hot .subsearch b{font-style:normal;font-weight:normal;font-size:14px;color:#941e21;}
	.hot .search{text-align:right;height:40px;width:50%;float:right;}
	.hot .search input{outline:none;border:none;width:75%;height:40px;line-height:40px;text-indent:20px;color:#777;float:left;border-radius:0;}
	.hot .search button{outline:none;border:none;width:25%;height: 40px;margin-left:-3px;background:#057077;font-size:14px;color:#fff;float:right;}
	.hot .subsearch .sub-left p{color:#333;font-size:14px;line-height: 45px;}
}

/* md */
@media (min-width:992px) and (max-width:1199px){
	.v-alink1{width:180px;height:40px;line-height:40px;text-align:center;background:#057077;display:block;color:#fff;border-radius:5px;margin-top:20px;}
	.v-alink1:hover{color:#fff;}
	.designer li{width:100%;padding:55px 20px;background:#eee;margin:20px 0;clear:both;}
	.designer li>div{float:left;}
	.designer li .list1{width:30%;max-width:280px;max-height:280px;}
	.designer li  img{width:100%;}
	.appointment{width:30%;margin:0 5%;}
	.appointment h3{font-size:18px;color:#333;margin-top:0;}
	.appointment p{font-size:14px;color:#393333;}
	.appointment span{padding:3% 10%;border:1px solid #c7c6c6;border-radius:5px;margin-top:5%;display:block;width:50%;text-align:center;color:#000;}
	.appointment span.active{color:#fff;background:#057077;}
	.appointment span:hover{color:#fff;background:#057077;}
	.all{position:relative;float:right;width:30%;overflow:hidden;transition:.3s;max-width:280px;max-height:240px;margin-top:10px;}
	.all .cover{position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;bottom:0px;transition:.5s;}
	.all .cover a{text-align:center;width:60%;color:#fff;font-size:12px;position:absolute;height:30px;line-height:30px;border-bottom:1px solid #fff;padding:1% 0;left:0;right:0;margin:0 auto;top:50%;margin-top:-15px;}
	.all:hover .cover{top:0;}

	/* 精英设计师 */
	.elites{width:100%;}
	.elites li{float:left;width:24%;margin:3% .5% 0;background:#eee;}
	.elites .top{position:relative;width:100%;transition:.3s;overflow:hidden;}
	.elites .top img{width:100%;}
	.elites .top:hover p.dec{bottom:0;}
	.elites .top p{position:absolute;bottom:-45px;width:100%;height:45px;line-height:45px;text-align:center;background:#941e21;background:rgba(148,30,33,.75);color:#fff;margin:0;font-size:25px;}
	.elites .top:hover p{bottom:0;}
	.elites .boot{padding:5%;}
	.elites .boot .dec{font-size:14px;margin-top:3%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;float:none;}

	/* 热销 */
	.hot .subsearch{width:100%;padding:0% 2%;background:#eee;height:inherit;line-height:normal;height: 45px;}
	.hot .subsearch .sub-left{float:left;width:50%;		/*height: 35px;*/		/*line-height: 35px;*/
	text-align:left;}
	.hot .subsearch .sub-right{float:right;width:50%;height: 40px;margin-top: 2px;	}
	.hot .subsearch p{margin-bottom:0;line-height:45px;}
	.hot .subsearch b{font-style:normal;font-weight:normal;font-size:14px;color:#941e21;}
	.hot .search{text-align:right;height:40px;width:60%;float:right;}
	.hot .search input{outline:none;border:none;width:80%;		height: 40px;line-height:40px;text-indent:20px;color:#777;float:left;border-radius:0;}
	.hot .search button{outline:none;border:none;width:20%;margin-left:-3px;background:#057077;font-size:14px;color:#fff;float:right;height: 40px;}
	.hot .subsearch .sub-left p{color:#333;font-size:14px;}
}

/* sm */
@media (min-width:768px) and (max-width:991px){
	.v-alink1{width:180px;height:35px;line-height:35px;text-align:center;background:#057077;display:block;color:#fff;border-radius:5px;margin-top:10px;}
	.v-alink1:hover{color:#fff;}
	.designer li{width:100%;padding:20px 20px;background:#eee;margin:20px 0;clear:both;}
	.designer li>div{float:left;}
	.designer li .list1{width:30%;max-width:280px;max-height:280px;overflow:hidden;}
	.designer li  img{width:100%;}
	.appointment{width:30%;margin:0 5%;}
	.appointment h3{font-size:16px;color:#333;margin-top:0;}
	.appointment p{margin-bottom:0;font-size:12px;color:#393333;}
	.appointment span{padding:3% 10%;border:1px solid #c7c6c6;border-radius:5px;margin-top:5%;display:block;width:60%;text-align:center;color:#000;}
	.appointment span.active{color:#fff;background:#057077;}
	.appointment span:hover{color:#fff;background:#057077;}
	.all{position:relative;float:right;width:30%;overflow:hidden;transition:.3s;max-width:280px;max-height:280px;overflow:hidden;}
	.all .cover{position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;bottom:0px;transition:.5s;}
	.all .cover a{text-align:center;width:90%;color:#fff;font-size:14px;position:absolute;height:30px;line-height:30px;border-bottom:1px solid #fff;padding:1% 0;left:0;right:0;margin:0 auto;top:50%;margin-top:-15px;}
	.all:hover .cover{top:0;}

	/* 精英设计师 */
	.elites{width:100%;}
	.elites li{float:left;width:24%;margin:3% .5% 0;background:#eee;}
	.elites li h4{font-size:14px;}
	.elites li p{font-size:12px;}
	.elites .top{position:relative;width:100%;transition:.3s;overflow:hidden;}
	.elites .top img{width:100%;}
	.elites .top:hover p.dec{bottom:0;}
	.elites .top p{position:absolute;bottom:-45px;width:100%;height:35px;line-height:35px;text-align:center;background:#941e21;background:rgba(148,30,33,.75);color:#fff;margin:0;font-size:25px;}
	.elites .top:hover p{bottom:0;}
	.elites .boot{padding:5%;}
	.elites .boot .dec{margin-top:3%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;float:none;font-size:12px;}

	/* 热销 */
	.hot .subsearch{width:100%;padding:.5% 2%;background:#eee;height:inherit;line-height:normal;}
	.hot .subsearch .sub-left{float:left;width:50%;		/*height: 35px;*/		/*line-height: 35px;*/
	text-align:left;}
	.hot .subsearch .sub-right{float:right;width:50%;}
	.hot .subsearch p{margin-bottom:0;line-height:30px;}
	.hot .subsearch b{font-style:normal;font-weight:normal;font-size:14px;color:#941e21;}
	.hot .search{text-align:right;height:30px;width:80%;float:right;}
	.hot .search input{outline:none;border:none;width:70%;height:30px;line-height:35px;text-indent:20px;color:#777;float:left;border-radius:0;}
	.hot .search button{outline:none;border:none;width:30%;		/*height: 35px;*/		/*line-height: 35px;*/
	margin-left:-3px;background:#057077;font-size:14px;color:#fff;float:right;}
	.hot .subsearch .sub-left p{color:#333;font-size:14px;}
}

/* xs */
@media (max-width:767px){
	.section-designer .container1{padding:0;}
	.designer li{width:100%;padding:20px 20px;background:#eee;margin:20px 0;clear:both;}
	.designer li>div{float:none;width:95%;margin:0 auto;}
	.designer li .list1{width:100%;margin:0 auto;		/*max-width: 280px;
		max-height: 280px;*/}
		.designer li  img{width:100%;}
		.appointment{width:30%;margin:0 5%;}
		.appointment h3{font-size:16px;color:#333;margin-top:10px;}
		.appointment p{margin-bottom:0;font-size:12px;}
		.appointment span{padding:3% 10%;border:1px solid #c7c6c6;border-radius:5px;margin-top:5%;display:block;width:60%;text-align:center;color:#000;margin:2% auto;}
		.appointment span.active{background:#057077;color:#fff;}
		.appointment span:hover{background:#057077;color:#fff;}
		.all{position:relative;float:right;width:30%;overflow:hidden;transition:.3s;overflow:hidden;}
		.all .cover{position:absolute;top:-100%;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;bottom:0px;transition:.5s;}
		.all .cover a{text-align:center;width:95%;color:#fff;font-size:14px;position:absolute;height:30px;line-height:30px;border-bottom:1px solid #fff;padding:1% 0;left:0;right:0;margin:0 auto;top:50%;margin-top:-15px;}
		.all:hover .cover{top:0;}

		/* 精英设计师 */
		.elites{width:100%;}
		.elites li{float:left;width:48%;background:#eee;margin:0 1%;margin-top:2%;}
		.elites li h4{font-size:14px;}
		.elites li p{font-size:12px;}
		.elites .top{position:relative;width:100%;transition:.3s;overflow:hidden;}
		.elites .top img{width:100%;}
		.elites .top:hover p.dec{bottom:0;}
		.elites .top p{position:absolute;bottom:-45px;width:100%;height:25px;line-height:25px;text-align:center;background:#941e21;background:rgba(148,30,33,.75);color:#fff;margin:0;font-size:24px;}
		.elites .top:hover p{bottom:0;}
		.elites .boot{padding:5%;}
		.elites .boot .dec{margin-top:3%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;float:none;font-size:12px;}

		/* 热销 */
		.hot .subsearch{width:100%;background:#eee;height:45px;line-height:normal;margin-bottom:1px;overflow:hidden;padding:0 2px;}
		.hot .subsearch .sub-left{float:left;width:50%;	text-align:left;display: none;}
		.hot .subsearch .sub-right{width:90%;margin: 0 auto;overflow: hidden;height: 40px;margin-top: 4px;}
		.hot .subsearch p{margin-bottom:0;line-height:45px;font-size:1rem;}
		.hot .subsearch b{font-style:normal;font-weight:normal;font-size:14px;color:#941e21;}
		.hot .search{text-align:right;height:40px;width:100%;float:right;}
		.hot .search input{outline:none;border:none;width:70%;height:35px;line-height:35px;text-indent:20px;color:#777;float:left;border-radius:0;padding:0;}
		.hot .search button{outline:none;border:none;width:30%;height:35px;line-height:35px;margin-left:-3px;background:#057077;font-size:14px;color:#fff;float:right;}
		.hot .subsearch .sub-left p{display: none;}
	}