/* aboutList */
#aboutList li { padding: 50px 0; }
#aboutList li .box { position: relative; margin: 20px auto; width: 1200px; }
#aboutList li .box .img { position: absolute; max-width: 660px; background: #fff; top: 30px; z-index: 5; }
#aboutList li .box .info { margin: 0 0 0 615px; padding: 70px 50px 70px 100px; min-height: 400px; background: #fff; border: 1px #ddd solid; box-sizing: border-box; }
#aboutList li .box .info h3 a { height: 51px; font-weight: 400; font-size: 30px; color: #1e1e1e; -webkit-line-clamp: 1; }
#aboutList li .box .info p.cate a { font-size: 16px; color: #494c52; }
#aboutList li .box .info article { margin: 20px 0 0; height: 50px; color: #1e1e1e; -webkit-line-clamp: 2; }
#aboutList li .box .info p.more { text-align: right; }
#aboutList li:nth-child(2n) { background: #1e1e1e; }
#aboutList li:nth-child(2n) .box .img { right: 0; }
#aboutList li:nth-child(2n) .box .info { margin: 0 615px 0 0; padding: 70px 100px 70px 50px; background: #1e1e1e; border-color: #484848; }
#aboutList li:nth-child(2n) .box .info h3 a { color: #fff; }
#aboutList li:nth-child(2n) .box .info p.cate a { color: #9d9d9d; }
#aboutList li:nth-child(2n) .box .info article { color: #fff; }
#aboutList li:nth-child(2n) .box .info p.more { text-align: left; }

@media screen and (max-width: 1280px) {
	#aboutList li .box { overflow: hidden; width: 90%; }
	#aboutList li .box .img { max-width: 40vw; top: 3vw; }
	#aboutList li .box .img a.photo img { max-width: inherit; }
	#aboutList li .box .info { margin: 0 0 0 35vw; padding: 3vw 5vw 3vw 10vw; }
	#aboutList li:nth-child(2n) .box .info { margin: 0 35vw 0 0; padding: 3vw 10vw 3vw 5vw; }
}
@media screen and (max-width: 980px) {
	#aboutList li .box .img { margin-left: 1px; max-width: 40vw; height: calc(100% - 2px); top: 1px; z-index: auto;  }
	#aboutList li .box .img a.photo { width: 100%; height: 100%; }
	#aboutList li .box .img a.photo img { min-width: calc(90vw - 1px); max-height: 100%; }
	#aboutList li .box .info { margin: 0; padding: 3vw 5vw 3vw 45vw; min-height: 30vw; background: transparent; }
	#aboutList li:nth-child(2n) .box .info { margin: 0; padding: 3vw 45vw 3vw 5vw; background: transparent; }
}
@media screen and (max-width: 640px) {
	#aboutList li .box .img { max-width: 90vw; opacity: .2; }
	#aboutList li .box .info , #aboutList li:nth-child(2n) .box .info { padding: 5vw; }
	#aboutList li .box .info h3 a { height: 42px; font-size: 25px; }
	#aboutList li:nth-child(2n) .box .info p.more { border-color: #db9e83; }
	#aboutList li:nth-child(2n) .box .info p.more a font { color: #db9e83; }
	#aboutList li:nth-child(2n) .box .info p.more a span:before , #aboutList li:nth-child(2n) .box .info p.more a span:after { background: #db9e83; }
}