/*头部*/





/*$${"color":[{"val":"#454545","title":"导航字体颜色"},{"val":"#ffffff","title":"右侧字体颜色"}],"background":[{"val":"#f2f8fb","title":"导航背景颜色"},{"val":"#f2e117","title":"导航鼠标滑过颜色"}],"border":[{"val":"#ffffff","title":"查看详情边框颜色"}]}$$*/





/*产品*/



#tailorism_149 {

	width: 100%;

	background: url(/static/images/tailorism_02_02.jpg) no-repeat center;

	background-size: cover;

}



#tailorism_149 .tailorismBody {

	width: 1200px;

	margin: auto;

	overflow: hidden;

}



#tailorism_149 .tailorismLeft {

	width: 25%;

	background: #f2f8fb;

	float: left;

}



#tailorism_149 .tailorismLeft ul {

	width: 100%;

}



#tailorism_149 .tailorismLeft ul li {

	width: 100%;

	font-size: 18px;

	line-height: 65px;

	text-align: center;

	color: #454545;

	margin-bottom: 5px;

	cursor: pointer;

	position: relative;

}

#tailorism_149 .tailorismLeft ul li:after{

	content: '';

	width: 0;

	background: #f2e117;

	height: 85px;

	position: absolute;

	left: 0;

	top: 0;

	transition: all 0.5s;



}

#tailorism_149 .tailorismLeft ul li a {

	color: #454545;

	display: block;

}

#tailorism_149 .tailorismLeft ul li:hover,

#tailorism_149 .tailorismLeft ul li.active{

	background: #f2e117;

}

#tailorism_149 .productNavWap{

	width: 100%;

	position: relative;

	display: none;

}

#tailorism_149 .productNavWap .swiper{

	width: 80%;

	margin: 20px auto;

	overflow: hidden;

	

}

#tailorism_149 .productNavWap .swiper .swiper-slide{

	border-radius: 5px;

	text-align: center;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	font-weight: bold;

	background: #f2e117;

	color: #454545;

	padding: 0 2px;

}

#tailorism_149 .productNavWap .swiper .swiper-slide a{

	color: #454545;

}

#tailorism_149 .productNavWap .productNav-prev,#tailorism_149 .productNavWap .productNav-next{

	position: absolute;

	top: 50%;

	margin-top: -15px;

	font-size: 30px;

	line-height: 30px;

	font-weight: bold;

	color: #f2e117;

}

#tailorism_149 .productNavWap .productNav-prev{

	left: 20px;

}

#tailorism_149 .productNavWap .productNav-next{

	right: 20px;

}

#tailorism_149 .tailorismRight {

	width: 75%;

	float: right;

	padding: 50px 0 50px 25px;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#tailorism_149 .tailorismRight ul{

	width: 100%;

}

#tailorism_149 .tailorismRight ul li{

	width: calc(33.3% - 50px);

	margin:25px;

	float: left;

}

#tailorism_149 .tailorismRight ul li .itemImg{

	width: 100%;

	height: 175px;

	overflow: hidden;

}

#tailorism_149 .tailorismRight ul li .itemImg img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition:transform .3s ease;

}

#tailorism_149 .tailorismRight ul li .itemImg:hover img{

	transform: scale(1.1);

}

#tailorism_149 .tailorismRight ul li .title{

	width: 100%;

	height: 40px;

	border:rgba(255,255,255,.6) solid 1px;

	display: block;

	text-align: center;

	line-height: 38px;

	font-size: 14px;

	color: rgba(255,255,255,.6);

	margin-top: 12px;

}

#tailorism_149 .tailorismRight ul li:hover .title{

	border:#ffffff solid 1px;

	color: #ffffff;

}

#tailorism_149 .tailorismRightChar {

	float: right;

	text-align: right;

	color: #ffffff;

}



#tailorism_149 .tailorismRightChar p {

	font-size: 20px;

	line-height: 36px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

}



#tailorism_149 .tailorismRightChar .tailorismRightA {

	font-size: 20px;

	line-height: 36px;

}



#tailorism_149 .tailorismRightChar .tailorismRightB {

	font-size: 14px;

	line-height: 36px;

}



#tailorism_149 .tailorismRightChar .tailorismRightC {

	width: 60%;

	border: #ffffff 1px solid;

	font-size: 16px;

	line-height: 36px;

	text-align: center;

	float: right;

	margin-top: 40px;

}



#tailorism_149 .tailorismRightC a {

	color: #ffffff;

}



#tailorism_149 .tailorismRightImg {

	float: left;

	width: 45%;

}



#tailorism_149 .tailorismRightImg img {

	width: 100%;

}



#tailorism_149 .tailorismLeftWap {

	display: none;

	width: 100%;

	font-size: 18px;

	line-height: 50px;

	text-align: center;

	color: #ffffff;

	background: #f2e117;

	cursor: pointer;

}



@media screen and (max-width:1200px) {

	#tailorism_149 {

		width: 100%;

	}

	#tailorism_149 .tailorismBody {

		width: 90%;

		margin: auto;

	}

	#tailorism_149 .tailorismRightImg {

		/*top: 250px;

		left: 0;

		width: 75%;*/

	}

}





/* ipad */



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

	#tailorism_149 {

		width: 100%;

		margin: auto;

	}

	#tailorism_149 .tailorismBody {

		width: 100%;

	}

	#tailorism_149 .tailorismRightImg {

		/*top: 260px;

		left: 0;

		width: 70%;*/

	}

	#tailorism_149 .tailorismRight {

		padding-right: 20px;

	}

}





/* 手机 */



@media screen and (max-width: 767px) {

	#tailorism_149 {

		width: 100%;

	}

	#tailorism_149 .productNavWap{

		display: block;

		padding: 20px;

		position: relative;

		padding-bottom: 0;

	}

	#tailorism_149 .tailorismBody {

		width: 100%;

	}

	#tailorism_149 .tailorismLeft ul li {

		font-size: 15px;

		line-height: 50px;

	}

	#tailorism_149 .tailorismLeft {

		margin-top: 0px;

		padding-top: 30px;

	}

	#tailorism_149 .tailorismRightImg {

		width: 100%;

		margin-top: 20px;

	}

	#tailorism_149 .tailorismRightA {

		font-size: 22px;

	}

	#tailorism_149 .tailorismLeft {

		width: 100%;

		display: none;

	}

	#tailorism_149 .tailorismRight {

		width: 100%;

		display: block;

		padding: 0 20px 20px 20px;



	}

	#tailorism_149 .tailorismRightChar {

		width: 100%;

		float: left;

	}

	#tailorism_149 .tailorismRightChar p {

		font-size: 15px;

		line-height: 35px;

		text-align: left;

	}

	#tailorism_149 .tailorismLeftWap {

		display: block;

	}

	#tailorism_149 .tailorismRightChar .tailorismRightC {

		float: none;

		margin: 0 auto;

		width: 30%;

		line-height: 30px;

		font-size: 14px;

	}

	#tailorism_149 .productNavWap .productNav-next{

		right: 20px;

	}

	#tailorism_149 .productNavWap .swiper{

		margin: 0 auto;

	}

	#tailorism_149 .productNavWap .productNav-prev, #tailorism_149 .productNavWap .productNav-next{

		margin-top: -8px;

	}

	#tailorism_149 .tailorismRight ul li{

		width: calc(50% - 10px);

		margin: 5px;

	}

	#tailorism_149 .tailorismRight ul li .itemImg{

		height: 135px;

	}

	#tailorism_149 .tailorismRight ul li .title{

		font-size: 14px;

		height: 26px;

		line-height: 24px;

		margin-top: 5px;

	}

}