@charset "utf-8";
/* CSS Document */

body,div,p,h1,dl,dt,dd,ul,li,a{ 
    margin:0;
    padding:0;
}
img,video {
	border:none;
	margin:0 auto;
	max-width:100%;
	height:auto;
}
html{width:100%;max-width:480px;margin:0 auto;}
body{max-width:480px;font-family:"微软雅黑","Times New Roman"; color:#333;}
/*以上为重置代码*/
@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/*内页样式*/
#main{position:relative;margin:0 auto;width:100%;height:100%;max-width:480px;overflow:hidden;}	
.top{position:fixed;top:0;left:0;width:100%;background-color:#579630;height:42px;z-index:9;}
.back{position:relative;top:9px;left:6px;display:block;width:24px;height:24px;float:left;}
.title{font-family:"幼圆","微软雅黑";font-size:1.4rem;color:#fff;text-align:center;font-weight:normal;line-height:42px;}
.content{margin:50px auto 20px auto;padding:0 20px;overflow:hidden;}
.content-title{display:block;float:left;clear:right;padding:6px 20px 6px 16px;border-left:3px solid #fdae03;font-size:1.2rem;color:#fdae03;background:#fef6e4;}
.content p{display:block;position:relative;float:left;padding:20px 15px;margin-bottom:20px;text-align:justify; text-justify:inter-ideograph;border-top:3px solid #579630;background:#eaf5e4;}
.content .list-num{display:block;position:absolute;width:30px;height:30px;z-index:2;top:18px;left:-20px;color:#fff;padding-top:3px;padding-left:14px;background:url(../images/title_bg.png) center no-repeat;background-size:contain;overflow:hidden;}
.color-word{color:#579630;}

.img-box{clear:left;position:relative;border:1px solid #fdae03;border-top:3px solid #fdae03;padding:10px;padding-bottom:30px;margin-bottom:30px;}
.img-box img{display:block;margin:0 auto;}
.image-title{position:absolute;float:left;bottom:-9px;right:20px;background:#fff;}
.image-title .dot{display:inline-block;width:6px;height:6px;border-radius:3px;background:#fdae03;}
.image-title h4{display:inline-block;padding:0 20px;margin:0;color:#fdae03;}

.video-box{border:1px solid #cac9c9;overflow:hidden;margin-bottom:20px;padding-bottom:10px;}
.video-title{position:relative;padding:4px 10px;margin:10px 30px;text-align:center;border-radius:8px;background:#fdae03;}
.video-title h6{position:relative;top:-4px;margin:0;color:#fff;font-size:0.8rem;font-weight:normal;}
.triangle{position:relative;top:-10px;left:20%;width:0px;height:0px;border-bottom:8px solid #fdae03;border-left:transparent 4px solid;border-right:transparent 4px solid;}
#footer{width:70%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;padding:12px;margin:0 auto;margin-bottom:30px;background:url(../images/footer_bg.png) left 9% center no-repeat;background-size:contain;color:#999;}
#footer ul{display:block;margin-left:30%;}
#footer ul li{list-style:none;}
#footer ul li a{color:#666; text-decoration:none;}

/*底部*/
.footer{/* position:fixed;*/ bottom:0; left:50%;margin:10px auto 10px; /*margin-left:-25%;*/ width:50%; border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;padding:12px; background-size:contain;color:#999;text-align:center;}
.footer ul{display:block;}
.footer ul li{list-style:none; }
.footer ul li a{color:#666; text-decoration:none;}