section.rec{
	padding-top: 58px;
	background: url('../images/index_case_bg.png') no-repeat center top / 100% auto;
}
section.rec > h2{
	text-align: center;
}
section.rec > h2 a{
	display: block;
	margin:0 auto;
	width:276px;
	height: 61px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAA9BAMAAABCVqgeAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAKXSURBVFiF7dc/b9NAFADwZxtIFdFiKSOqdDQLo+37APAN2p0lTEgwtBPZoCMTYmHOJ0DNiIRoOrEwEIFgQ0GsVM6AkPij+vHe2ec/LUFO5RcJ5Kco55yT++nu3t05AHXjzjBYcMeLj2u3skzMcLBIxBMxcSO2cQQjNDGWFa+gjakVX9qawX8njuExYjzH5JmsSDHHPaD+0fRNENZxSi+ex1Hj4ijrh4e4A3CwQrGDCIw9KcQkNuMrJV42KyEThw9YFJpHK97A78Bzusci56yYaDNngl+B02dQiELzmIlriEcALuLNVYkPEQMXuoh+kTmio3oV8Qd7mMBqRHfOm80Fav7nasRHH7cNRe5nsKtj+YawEn8VMekktOHAYfwcIMucd0Mb9+sSNcW7M77t75SqjPgh/+niM/J8Ytqoyr8YiItv6OYrv/h2kGWOnDhCk41nxClvB4seuf4s1oxbt2epaJ5yymLHLE6JyETuj2fFTfyy38UTk6v+KsRDGqTxRjHOwuK9uYHGu0vOz/nFSQqNs1JgMk+LIwO9TW9elHhIPi3u4vHTTbuvruEvMTHPk+shmNVhYt08jDQa22d3ALBi9/WLGX5rWuRjUC0QPa741LRIBz/PVHnPyUU+yJo/kC9hsg/VHaAQDxDfNw0CbKXvlQLcLdW81EYbbbTRRhv/UDhah+Bp7fOFjuhSmToqXR0oCdLV9PK9iC+Yu0Z19InKvu81/x8gFXshdUsZOiyJGkBK7FPDOmCxp8uiAiUkahL7IYuODgqxp0XAqgj9qBBdyid5kWcyFRUV5kPD4USVeaSyEJUpmw43srnqp2KPRbokj2oFRCekfjgasvXIFVxLvgJ6ExjVNCHzPScEszqolnoX9HX9dn4DBiM157dD1KYAAAAASUVORK5CYII=') no-repeat center / auto 100%;
}

section.rec div.list{
	max-width: 1080px;
	margin: 60px auto 0;
	color: #a5a6a9;
	background: #1f2028;
	padding-bottom: 30px;
	font-size: 16px;
}
section.rec div.list ul{
	height: 72px;
	line-height: 70px;
	overflow: hidden;
	margin-top: -1px;
}
section.rec div.list ul li{
	display: block;
	float: left;
	width: 20%;
	font-size: 16px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
section.rec div.list ul.th{
	color: #6b6b74;
	background: #2b2b38;
}
section.rec div.list ul:not(.th):after{
	content:'';
	display: block;
	width:95%;
	height: 1px;
	margin:0 auto;
	background: #464650;
	clear: both;
}
section.rec div.list ul li a{
	color: #29bc6b;
}

div.popRec{
	position: fixed;
	background: #1f2028;
	left:5%;
	top:50%;
	width: 90%;
	height: 80%;
	overflow: hidden;
	z-index: 998;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	display: none;
}
div.popRec div.popBox{
	margin:50px;
	position: relative;
	color: #a4a5a9;
	height: calc(100% - 100px);
}
div.popRec div.popBox > a.close{
	display: block;
	width:22px;
	height: 22px;
	position:absolute;
	right:-25px;
	top:-25px;
	z-index: 9;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcBAMAAABv4amZAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADPSURBVBiVY2AAAfXu3e0KDHCQ8x8I/iTAuDb/X6a4ZL7/awDhsv2/BqJY73+D8PN/QGiO/2AdrP9hGvO/gki57zBz2P6B7Ji/AG7P+gkMDEz/FRi0QTqyDRj0PzEwsP9kYPD/BrIlgIEDaDLPVxA7gSEfKMb6h4GB/wPI5G9sYFv+MzDoHwA7aT7YMfsNGPw3gK2GOGK/AwYfXT26ecj2sfxBdo8DA8d3iHt1QGrzHcDuRfcPhn/RwwM9vGDhyQYLT1B4lwDD+48BjvhAji8A1I1qHv+sKSQAAAAASUVORK5CYII=') no-repeat center / 100%;
}
div.popRec div.popBox div.top h3{
	font-size:30px;
	line-height: 34px;
}
div.popRec div.popBox div.top p{
	font-size: 20px;
	color: #29bc6b;
	line-height: 34px;
	margin-top: 12px;
}
div.popRec div.popBox div.bottom{
	margin-top: 50px;
	border-top: 1px solid #2c2d35;
	padding-top: 40px;
	height: calc(100% - 170px);
}
div.popRec div.popBox div.bottom h4{
	font-size: 22px;
	margin-bottom: 30px;
}
div.popRec div.popBox div.bottom > div{
	font-size: 16px;
	line-height: 2em;
	height: 100%;
}
div.popRec div.popBox div.bottom > div > div{
	height: calc(100% - 62px);
	overflow-x: hidden;
	overflow-y: auto;
	position:relative;
}
div.popRec div.popBox div.bottom > div > div *{
	max-width: 100% !important;
}