.respon-index-list { padding:6.4285em 0px 7.25em; position:relative; }
.respon-index-list .page-bg { position:absolute; left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; overflow:hidden; }
.respon-index-list .page-bg .bg_container { height:100%; }
.respon-index-list .page-list { padding-bottom:100.6944%; position:relative; margin-top:3.75em; }
.respon-index-list .page-wrap { position:relative; z-index:3; }
.respon-index-list .page-sec { position:absolute; height:32.41%; overflow:hidden; }
.respon-index-list .page-sec .bg_container { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.respon-index-list .page-sec dl { position:absolute; left:1.5em; bottom:2.125em; right:3.5em; z-index:2; }
.respon-index-list .page-sec dl dd { min-height:3em; margin-top:0.25em; }
.respon-index-list .page-sec a { color:#fff; }
.respon-index-list .page-sec01 { width:32.63%; top:0px; left:0px; }
.respon-index-list .page-sec02 { width:65.97%; top:0px; right:0px; }
.respon-index-list .page-sec03 { width:65.97%; top:33.79%; left:0px; }
.respon-index-list .page-sec03 dl { bottom:auto; top:2.125em; }
.respon-index-list .page-sec04 { width:32.29%; bottom:0px; left:0px; }
.respon-index-list .page-sec05 { width:32.29%; bottom:0px; left:33.68%; }
.respon-index-list .page-sec06 { width:32.63%; height:66.2%; bottom:0px; right:0px; }


@media only screen and (max-width:767px){
	.respon-index-list { padding:2.5em 0px; }
	.respon-index-list .page-list { margin-top:2em; }
	.respon-index-list .page-sec dl { left:1em; right:1em; bottom:1em; }
	.respon-index-list .page-sec dl dd { display:none; }
	.respon-index-list .page-sec03 dl { top:1em; }
}
@media only screen and (max-width:340px){
	.respon-index-list .page-sec dl dt { font-size:16px; }
}



.respon-report-list { padding:6.4285em 0px 6.25em; }
.respon-report-list .page-list { padding-bottom:3.75em; padding-top:2.125em; }
.respon-report-list .page-list ul li { margin-top:1.11em; position:relative; background:#fff; padding:0.833em 200px 0.833em 190px; }
.respon-report-list .page-list .page-time { width:140px; position:absolute; left:10px;top:50%; margin-top:-1.42855em; background:#fcc800; line-height:2.8571; border-radius:1.42855em; color:#fff; }
.respon-report-list .page-list .page-down{ width:140px; position:absolute; top:50%; right:15px;  border:1px solid #eaeaea; color:#999; line-height:2.9285; margin-top:-1.46425em; }
.respon-report-list .page-list .page-con { padding-top:6px;  }
.respon-report-list .page-list .page-con span {  padding:0px 3.11em 0px 0px; line-height:40px;  position:relative; max-width:100%; overflow:hidden; display:inline-block; }
.respon-report-list .page-list .page-con span i {background:url(../images/respon-report-ico01.png) no-repeat right top; background-size:100% 300%;width:22px; position:absolute; right:0px; top:50%; height:26px; margin-top:-13px; }
.respon-report-list .page-list ul li:hover .page-con span { color:#fcc800; }
.respon-report-list .page-list ul li:hover .page-con span i { background-position:right bottom; }
.respon-report-list .page-list ul li:hover .page-down { border-color:#fcc800; background:#fcc800; color:#fff; }


@media only screen and (max-width:1440px){
	.respon-report-list .page-list .page-con span { line-height:37px;  }
}

@media only screen and (max-width:980px){
	.respon-report-list .page-list ul li { padding-left:140px; padding-right:150px; }
	.respon-report-list .page-list .page-time { width:120px; }
	.respon-report-list .page-list .page-down { width:120px; }
}
@media only screen and (max-width:767px){

	.respon-report-list { padding:2.5em 0px; }
	.respon-report-list .page-list { padding-top:1em; padding-bottom:2em; }
	.respon-report-list .page-list ul li { padding:0em 1em 3em; }
	.respon-report-list .page-list .page-time { top:auto; left:1em; width:100px; line-height:2.5; margin-top:0px; bottom:1em; }
	.respon-report-list .page-list .page-down { top:auto; width:100px; margin-top:0px; line-height:2.375; right:1em; bottom:1em; }

}


/********************´ÈÉƹ«Òæ*************************/
.respon-welfare-list { padding:6.4285em 0px 7.1428em; }
.respon-welfare-list .page-list { position:relative; margin-top:4.667em; }
.respon-welfare-list .page-list:before { }
.respon-welfare-list .page-img-lb { width:44.44%; }
.respon-welfare-list .page-img-lb dl dd { float:right; width:40.625%; overflow:hidden; margin-left:10px; }
.respon-welfare-list .page-img-lb .bg_container { padding-bottom:62.3%; }
.respon-welfare-list .page-text { width:44.44%; }
.respon-welfare-list .page-text dl dt { color:#999; position:relative; padding-bottom:0.8em; margin-bottom:0.8em; }
.respon-welfare-list .page-text dl dt:before { position:absolute; left:0px; content:""; bottom:0px; width:1.667em; background:#fcc800; height:0.125em; }
.respon-welfare-list .page-text dl dd { line-height:1.75; }
.respon-welfare-list .page-list ul li { position:relative; }
.respon-welfare-list .page-list ul li:nth-child(2n) {-webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }
.respon-welfare-list .page-list ul li:nth-child(2n) .page-img-lb dl { display:block; }
.respon-welfare-list .page-list ul li:nth-child(2n) .page-img-lb dl dd { float:left; margin-right:10px; margin-left:0px; }
.respon-welfare-list .page-list ul li:nth-child(2n) .page-text { text-align:right; }
.respon-welfare-list .page-list ul li:nth-child(2n) .page-text dl dt:before  { left:auto; right:0px; }
.respon-welfare-list .page-list ul li { padding:2.778em 0px; }
.respon-welfare-list .page-list ul li:before { position:absolute; content:""; left:50%; top:0px; bottom:0px; height:100%;  border-left:2px dashed #e2e2e2; margin-left:-1px; }
.respon-welfare-list .page-circle { width:1.11em; height:1.11em; left:50%; top:50%; margin:-0.555em 0px 0px -0.555em; position:absolute; display:inline-block; border-radius:50%; }
.respon-welfare-list .page-circle span { width:100%; z-index:5; height:100%; position:absolute; content:""; left:0px; top:0px; border-radius:50%; border:0.22em solid #fcc800;  }
.respon-welfare-list .page-circle:before { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#fcc800;border-radius:50%;opacity:0.1;  }
.respon-welfare-list .page-circle:after { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#fcc800;border-radius:50%;opacity:0.1;  }
.respon-welfare-list .page-list ul li:hover .page-circle:before { animation:line 2s linear infinite; }
.respon-welfare-list .page-list ul li:hover .page-circle:after { animation:line2 2s linear infinite; }
.respon-welfare-list .page-list ul li:hover {  }

.respon-welfare-list .page-list ul li:first-child:before { top:50%; }
.respon-welfare-list .page-list ul li:last-of-type:before { bottom:50%; height:50%; }
.respon-welfare-list .page-list ul li:first-child .page-circle { background:#fff; }
.respon-welfare-list .page-list ul li:last-child .page-circle { background:#fff; }

.respon-welfare-list .layui-flow-more a cite { background:#fff; display:inline-block; box-shadow:0.556em 0px 2.22em rgba(0,0,0,0.08); font-size:18px;  width:17.778em; max-width:80%;  border-radius:1.9445em; line-height:3.889; color:#999; }

.respon-welfare-list .layui-flow-more { margin:2.778em 0px; }

.magnifierIcon{width:32px;height:32px;margin:10px auto 0 auto;background:url(../images/magnifierIcon.png) center no-repeat;background-size:contain;}

@keyframes line{
	0%{opacity:0;transform:scale(0)}
	50%{opacity:0.6;transform:scale(1)}
	100%{opacity:0;transform:scale(2)}
}
@keyframes line2{
	0%{opacity:0;transform:scale(0)}
	50%{opacity:0.6;transform:scale(0.75)}
	100%{opacity:0;transform:scale(1.5)}
}

@media only screen and (max-width:1660px){
	.respon-welfare-list .layui-flow-more a cite { font-size:16px; }
}
@media only screen and (max-width:1440px){
	.respon-welfare-list .layui-flow-more a cite { font-size:15px; }
}

@media only screen and (max-width:767px){
	.respon-welfare-list { padding:2.5em 0px; }
	.respon-welfare-list .page-list { margin-top:0em; }
	.respon-welfare-list .page-list ul li { padding:1em 0px; }
	.respon-welfare-list .layui-flow-more a cite { line-height:3; }
	.respon-welfare-list .layui-flow-more { margin:1em 0px; }
	.magnifierIcon{height:24px;width:24px;}
}
@media only screen and (max-width:480px){
	.respon-welfare-list .page-img-lb dl dd { width:100%; margin:0.5em 0px; }
}