/*$$
{"color":[{"val":"#333333","title":"默认主体文字颜色"},
{"val":"#c3c3c3","title":"编号文字颜色"},
{"val":"#666666","title":"副标题文字颜色"},
{"val":"#ffffff","title":"鼠标滑过文字颜色"},
{"val":"rgba(255,255,255,.16)","title":"英文标题文字颜色"}],
"background":[{"val":"#1f6cdf","title":"背景颜色"},
{"val":"#ffffff","title":"边框背景"}],
"border":[{"val":"#e6e6e6","title":"边框"}]}
$$*/
#chose_158{
	width: 100%;
	background:  url(./../../../static/images/IC00026_01.jpg) no-repeat center center;
	background-size:cover;
	position: relative;
	padding: 50px 0;
}
#chose_158 .choseBox{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
#chose_158 .choseList{
	width: 100%;
	max-width: 765px;
	height: 500px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
#chose_158 .choseItem:nth-child(1),
#chose_158 .choseItem:nth-child(2){
	border-bottom: #e6e6e6 solid 1px;
}
#chose_158 .choseItem:nth-child(1),
#chose_158 .choseItem:nth-child(3){
	border-right: #e6e6e6 solid 1px;
}
#chose_158 .choseItem{
	padding: 70px 40px 40px 40px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
#chose_158 .choseItem::before{
	position: absolute;
	content:'';
	background: url(./../../../static/images/IC00026_03.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 40px;
	top:35px;
	z-index: 10;
}
#chose_158 .choseItem:hover::before{
	background: url(./../../../static/images/IC00026_04.png) no-repeat;
}
#chose_158 .choseItem::after{
	position: absolute;
	background: url(./../../../static/images/IC00026_02.jpg) no-repeat;
	width: 100%;
	height: 100%;
	left: 100%;
	top:0;
	content: '';
	transition: all .5s;
}
#chose_158 .choseItem:nth-child(1)::after,
#chose_158 .choseItem:nth-child(3)::after{
	left: -100%;
}
#chose_158 .choseItem:hover::after{
	left: 0;
}
#chose_158 .choseItem .num{
	position: absolute;
	right: 45px;
	bottom: 38px;
	font-size: 30px;
	color: #c3c3c3;
	font-weight: 550;
	font-family: 'Impact';
	z-index: 10;
	transition: all 1s;
}
#chose_158 .choseList .tit-1{
	font-size: 18px;
	line-height: 50px;
	width: 120px;
	color: #333333;
	border-bottom: #e6e6e6 solid 1px;
	position: relative;
	z-index: 10;
	transition: all 1s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#chose_158 .choseList .tit-2{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-top: 10px;
	width: 270px;
	position: relative;
	z-index: 10;
	transition: all 1s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
#chose_158 .choseItem:hover .num,
#chose_158 .choseItem:hover .tit-1,
#chose_158 .choseItem:hover .tit-2{
	color: #ffffff;
}
#chose_158 .choseColumn{
	background: rgba(64, 100, 243, 1);
	width: calc((100% - 1200px) / 2 + 370px);
	min-width: 370px;
	height: 440px;
	border-radius:250px 0 0 250px;
	position: absolute;
	right: 0;
	top:80px;
}
#chose_158 .cont{
	width: 370px;
	height: 100%;
	position: relative;
	color: #ffffff;
	padding: 170px 75px 0 0;
	text-align: right;
}
#chose_158 .tit-en{
	writing-mode: vertical-rl;
	position: absolute;
	top:42px;
	color: rgba(255,255,255,.16);
	font-size: 60px;
	font-family: 'Impact';
	right: 0;
	font-weight: 550;
}
#chose_158 .tit-en2{
	right: 72px;
}
#chose_158 .cont .tit-1{
	font-size: 32px;
	line-height: 50px;
}
#chose_158 .cont .tit-2{
	font-size: 18px;
	line-height: 40px;
	position: relative;
}
#chose_158 .cont .tit-2::after{
	position: absolute;
	content: '';
	width: 35px;
	height: 2px;
	background: #ffffff;
	bottom: 0;
	right: 0;
}
#chose_158 .cont .tit-3{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
	#chose_158 .choseList{
		max-width: calc(100% - 310px);
	}
	#chose_158 .cont .tit-1{
		font-size: 28px;
	}
	#chose_158 .choseItem{
		padding: 50px 20px 20px 20px;
	}
	#chose_158 .choseColumn{
		min-width: 310px;
	}
	#chose_158 .cont{
		width: 100%;
	}
}


@media screen and (max-width: 767px){
	#chose_158{
		padding: 290px 0 30px 0;
		background:  url(./../../../static/images/IC00026_01.jpg) no-repeat center 270px;
	}
	#chose_158 .choseItem{
		padding:40px 15px 50px 15px;
	}
	#chose_158 .choseList .tit-1{
		font-size: 16px;
		line-height: 40px;
	}
	#chose_158 .choseList .tit-2{
		width: 100%;
		-webkit-line-clamp: 3;
		font-size: 12px;
		line-height: 22px;
		max-height: 66px;
		margin-top: 5px;
	}
	#chose_158 .choseItem::before{
		top:15px;
		left: 20px;
	}
	#chose_158 .choseItem .num{
		bottom: 15px;
		right: 20px;
	}
	#chose_158 .choseList{
		height: auto;
		max-width: 100%;
	}
	#chose_158 .choseColumn{
		top:0;
		width: 80%;
		height: 250px;
		min-width: 80%;
	}
	#chose_158 .tit-en{
		font-size: 36px;
		top:15px;
		right: 20px;
	}
	#chose_158 .tit-en2{
		right: 80px;
	}
	#chose_158 .cont{
		padding: 80px 85px 0 0;
		width: 100%;
	}
	#chose_158 .cont .tit-1{
		font-size: 20px;
		line-height: 30px;
	}
	#chose_158 .cont .tit-2{
		line-height: 30px;
		font-size: 14px;
	}
	#chose_158 .cont .tit-3{
		font-size: 12px;
		line-height: 22px;
	}
}