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

body,ul,div,h1,li{ margin:0; padding:0}
a:link, a:visited {text-decoration: none; } 
body{font-size:12px;background:#D0E7E1 url(../images/90304_top.jpg)  50% top scroll no-repeat;color:#5d5d5d; } 
header{ padding:40px 0; width:1000px;  margin:auto; }
header h1{ font-size:42px; text-shadow:#fff 1px 1px 1px;}
header h1 a{color:#000;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
header h1 a:hover{ padding-left:20px}
header p{margin:17px 0 0 0;text-shadow:#FFF 2px 2px 2px;color:#000;font-size:18px;}
#nav{ width:100%;line-height:40px; height:40px;margin:auto; background:rgba(245,245,245,0.2) }/* nav圆角背景 rgba 透明度0.2 */
#nav ul{ list-style:none; margin:auto; width:1030px}
#nav ul li{ float:left; width:100px; text-align:center;text-shadow:#333 1px 1px 1px}
#nav ul li a{ display:block; color:#FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}/* 背景颜色过渡效果 */
#nav ul li a:hover{ background:#FC6; color: #FFF; font-weight:bold; border-radius:50px 0}
#nav ul li a#nav_current {background: #FC6;color: #FFF; font-weight:bold; border-radius:50px 0} /* nav高亮显示背景颜色 */
#nav ul li ul{width:500px;position:absolute;margin-left:-100px;margin-top:-80px;display:none; background:rgba(245,245,245,0.2)}/*500px控制透明背景长度，一个选项100px，若添加二级菜单增大width即可*/
#nav ul li ul li a{color:#FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
#nav ul li:hover ul{display:block;}
#indexvideo {margin-left:160px; width:76%; padding:2px;}
#indeximg{margin-left:160px; width:76%; background:rgba(0,0,0,0); margin-top:2px; z-index:2;}
#indeximg canvas{width:100%;}
#indextext{margin-left:160px; width:76%; text-align:center; font-size:65px; z-index:1; position:absolute; margin-top:-376px;}
#indextext p{color:rgba(245,245,245,0.6); color:#00F; text-shadow:#0FF 5px 5px 5px;}
.bloglist{ width:76%; margin-left:160px; margin-top:20px;clear:both; overflow:hidden; }
.bloglist li{ line-height:29px; height:29px; font-size:14px; font-style:inherit; color:#3b3b3b; padding:10px 0 0 10px; margin-left:15px;}
.bloglist li a{color:#3b3b3b; display:block;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;-ms-transition: all 0.5s;}
.bloglist li a:hover{cursor:pointer; text-shadow:#fff 1px 1px 1px;padding-left:20px}
.bloglist ul{ line-height:24px; padding:10px; margin-bottom:20px; background:rgba(245,245,245,0.4);  border-radius:10px}
.essaytitle{ width:76%; margin-left:160px; margin-top:20px;clear:both; overflow:hidden; }
.essaytitle span{ line-height:69px; height:29px; font-size:36px; font-style:inherit; text-shadow:#FFF 2px 2px 2px; color:#3b3b3b; margin-left:110px;}
.essaytitle span a{color:#3b3b3b; display:inline;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;-ms-transition: all 0.5s;}
.essaytitle span a:hover{cursor:pointer; text-shadow:#fff 2px 2px 2px;padding-left:20px}/*padding：上右下左*/
.essaytitle ul{ line-height:24px; padding:50px 0 40px 0; margin-bottom:20px; background:rgba(245,245,245,0.4);  border-radius:10px}