@import url("wap.css");

/* --------------------首页-------------------- */
.index-body-bg { width:100%; height:100%; background:url(../images/index_body_bg.jpg) top center no-repeat; position:absolute; left:0; top:0;
	background-size:100% 100%;  
	-moz-background-size:100% 100%;  
	-webkit-background-size:100% 100%; z-index:-1;
}
.my-pay,.cy-item,.story { width:5rem; height:5rem; background:#15a871; font-size:0.7rem; text-align:center; line-height:1rem; color:#fff; position:absolute;
	-moz-border-radius:2.5rem;
	-webkit-border-radius:2.5rem; 
	border-radius:2.5rem;
}
.my-pay a,.cy-item a,.story a { color:#fff;}
.my-pay a:hover,.cy-item a:hover,.story a:hover { width:5rem; height:5rem; background:#fc3; color:#fff; display:block;
	-moz-border-radius:2.5rem;
	-webkit-border-radius:2.5rem; 
	border-radius:2.5rem;
}
.my-pay img,.cy-item img,.story img { width:45%; height:45%; padding:0.7rem 0 0 0;}
.my-pay { left:40%; top:25%;}
.cy-item { left:20%; top:45%;}
.story { left:60%; top:45%;}
.about-menu { width:4rem; background:#fff; display:none; font-size:0.7rem; padding:0.3rem 0; position:relative; right:0; top:-12.3rem; z-index:999;
	filter:alpha(opacity=60); background-color:rgba(0,0,0,0.6);
	-moz-border-radius:0.5rem;
	-webkit-border-radius:0.5rem; 
	border-radius:0.5rem;
}
.about-menu ul { width:4rem; color:#fff; position:relative;}
.about-menu li { height:1.8rem; line-height:1.8rem; text-align:center;}
.about-menu li a { width:4rem; height:1.8rem; color:#fff; display:block;}
.about-menu li a:hover { background:#fc3; color:#fff; display:block;
	-moz-border-radius:0rem;
	-webkit-border-radius:0rem; 
	border-radius:0rem;
}

/* --------------------三角箭头-------------------- */
.arrow-up { position:absolute; top:0.6rem; left:-0.4rem;
    width:0;
    height:0;
	border:0.3rem solid transparent;    
	border-bottom-color:#fff;
}
.arrow-down { position:absolute; bottom:-0.3rem; left:1.6rem;
    width:0;
    height:0;
	border-left:0.3rem solid transparent;   
	border-right:0.4rem solid transparent;   
	border-top:0.3rem solid #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}
.arrow-left { position:absolute; top:0.6rem; left:-0.4rem;
    width:0;
    height:0;
	border-top:0.3rem solid transparent;   
	border-bottom:0.4rem solid transparent;   
	border-right:0.3rem solid #fff;
}
.arrow-right { position:absolute; top:0.6rem; left:-0.4rem;
    width:0;
    height:0;
	border-top:0.3rem solid transparent;   
	border-bottom:0.4rem solid transparent;   
	border-left:0.3rem solid #fff;
}

/*慈幼项目*/
.zy-project { width:96%; font-size:0.7rem; padding:0.25rem;}
.zy-project dl { margin-bottom:0.5rem;}
.zy-project dl a { color:#fff;}
.zy-project dt { width:100%; height:10rem; overflow:hidden; position:relative;}
.zy-project dt img { width:100%; height:100%; border:0;}
.zy-project dd { height:2.6rem; background:#ededed; line-height:1.2rem; padding:0.2rem 0.5rem 0 0.5rem; color:#333 !important; overflow:hidden;}
.zy-project .project-title { width:100%; height:1.5rem; text-align:center; color:#fff; line-height:1.5rem; font-size:0.8rem; font-weight:bold;
	background:#000; background:rgba(0,0,0,0.5); filter:Alpha(opacity=50);position:absolute; z-index:5; bottom:0; left:0; overflow:hidden;
}
.zy-project .view { width:100%; height:1.5rem; background:#3ebb2b url(../images/project_view_ico.png) 35% center no-repeat; text-align:center; line-height:1.5rem;}
.zy-project .view a { width:100%; height:1.5rem; color:#fff; display:block;}
.zy-project-list-des { width:100%; height:6rem; background:#f4f4f4; font-size:0.7rem; line-height:1.4rem; padding:0.2rem 0.5rem 0.5rem 0.5rem; box-sizing:border-box; overflow:hidden;}

/*联系我们*/
.project-list { width:100%; line-height:1.5rem; font-size:0.6rem; padding:0 2%; position:relative; box-sizing:border-box;}
.project-list dl { width:49%; text-align:center; float:left; box-sizing:border-box; margin:2% 2% 0 0;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
    -webkit-transition:-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.project-list dl:nth-of-type(2n) { margin-right:0px;}
.project-list dl a { color:#fff;}
.project-list dt { width:3rem; height:3rem; text-align:center; margin-top:1rem; line-height:3rem; display:inline-block; position:relative;}
.project-list dt img { display:inline-block; max-width:100%; vertical-align:middle;}
.project-list dd { width:100%; font-size:0.9rem; height:1.5rem; line-height:1.5rem; padding:0 0 1rem 0; overflow:hidden;}
.project-list-bg1 { background:#ed1350;}
.project-list-bg2 { background:#fd6b00;}
.project-list-bg3 { background:#389cff;}
.project-list-bg4 { background:#3ac982;}
.project-list-bg5 { background:#e43d15;}
.project-list-bg6 { background:#a300a9;}
.project-list-bg7 { background:#5838b3;}
.project-list-bg8 { background:#1ba0e1;}
.project-list-bg9 { background:#51c23a;}

/*链接*/
.wx-link { width:100%; margin:3rem 0 1rem 0; line-height:1.5rem; font-size:0.6rem; padding:0 0.5rem; box-sizing:border-box;}
.wx-link ul { margin-top:1rem;}
.wx-link li { width:49%; height:2.5rem; text-align:center; background:#f9f9f9; text-align:center; border:1px #e3e3e4 dashed; margin-bottom:1rem; line-height:2.5rem; float:left; box-sizing:border-box;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
    -webkit-transition:-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.wx-link li:nth-of-type(odd) { margin-right:2%;}
.wx-link li:nth-of-type(even) { margin-right:0;}