.wrap-div{padding: 80px 20px;}
.sec-1 *{text-align: center;}
.sec-1 .s-1{background-position: 0 -300px; width: 267px;height: 71px;display: block;margin: 0 auto;}
.sec-1 .p-1{margin: 50px 0 20px 0;color:#21467d; }
.sec-1 .p-2{color: #636363;}

.sec-1 .ul-1{display: block;max-width: 1028px;margin:70px auto 80px;padding: 20px 40px; border: 1px solid #e5e5e5;}
.sec-1 .ul-1 li{width: 50%;height:70px;padding: 0 20px;position: relative;}
.sec-1 .ul-1 .li-2,
.sec-1 .ul-1 .li-1{border-bottom: 1px solid #e5e5e5;}
.sec-1 .ul-1 .li-1:after,
.sec-1 .ul-1 .li-3:after{content: "";background:#e5e5e5;width: 1px;height: 25px;right: -0.5px;top: 50%;margin-top: -12.5px;position: absolute; }

.sec-1 .ul-1 .d-1{display: table;width: 100%;height: 100%;}
.sec-1 .ul-1 .d-2{display:table-cell;vertical-align: middle; }
.sec-1 .ul-1 .d-2 p{display: inline-block;vertical-align: middle;text-align: left;}
.sec-1 .ul-1 .d-2 .p{width: 42%;color: #636363;}
.sec-1 .ul-1 .d-2 .pp{width: 58%;text-align: left;}

.sec-1 .ul-2{max-width: 624px;margin: 70px auto 30px auto;}
.sec-1 .ul-2 li{width: 45%;margin-left: 10%;}
.sec-1 .ul-2 .li-1{margin-left: 0;}
.sec-1 .ul-2 a:hover{opacity:1;}
.sec-1 .ul-2 a{width: 100%;height: 100%;display: block;position: relative;}
.sec-1 .ul-2 li div{position: absolute;bottom: 25px;left: 20px;;width: auto;height: auto;z-index: 1;}
.sec-1 .ul-2 li p{color: #fff;text-align: left;}
.sec-1 .ul-2 li a:hover div{bottom: auto;top: 50%;margin-top: -22px;}
.sec-1 .ul-2 li a:hover:after{content: "";top: 0;left: 0;position: absolute;background: rgba(52,205,215,0.8);width: 100%;height: 100%;z-index: 0;
animation: fadein 0.5s;}


@media only screen and (max-width: 1023px) {
	.wrap-div{padding: 40px 20px;}
	
	.sec-1 .ul-1{padding: 20px;}
	
	.sec-1 .ul-2 li a:hover:after{display: none;}
	.sec-1 .ul-2 li a:hover div{margin: 0;top: auto;bottom: 25px;}
	
}

@media only screen and (max-width: 640px) {
	.sec-1 .p-1{margin: 30px 0 20px 0;}
	
	.sec-1 .ul-1{margin: 25px auto 40px auto;}
	.sec-1 .ul-1 .li-1:after,
	.sec-1 .ul-1 .li-3:after{display: none;}
	.sec-1 .ul-1 li{width: 100%;padding: 0 10px;}
	.sec-1 .ul-1 .li-3{border-bottom: 1px solid #e5e5e5;}
	
	.sec-1 .ul-2{margin: 40px auto 20px auto;}
	.sec-1 .ul-2 li div{bottom: 15px;left: 10px;}
	
	.sec-1 .ul-2 li{width: 49%;margin-left: 2%;}
	.sec-1 .ul-2 .li-1{margin-left: 0;}
	
}