@charset "gb2312";
/* CSS Document */
body,ul,div,img,h5,h4,h3,h2,h1,p,span,table,figure,i,li{ margin:0; padding:0}
a:link, a:visited {text-decoration: none; } 
img{ border:0}
body{font-size:12px;background:#53A8BC url(../images/bg.jpg)  50% top scroll no-repeat;color:#5d5d5d; } 
.blank{ height:5px; overflow:hidden; width:100%; margin:auto; clear:both}
header{ padding:40px 0; width:1000px;  margin:auto; }
header h1{ font-size:36px; text-shadow:#fff 1px 1px 1px; font-family:'Arizonia', cursive;} /* google 在线字体 Arizonia */
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:#000 1px 1px 1px;color:#fff}
.navswf{ position:relative; width:1000px; margin:auto;}
#nav{ line-height:40px;width:1000px; height:40px;position: absolute;left:0px;top: 15px;}/* nav圆角背景 rgba 透明度0.2 */
#nav ul{ list-style:none;text-align:left}
#nav ul li{ display:inline; }
#nav ul li a{color:#FFF;padding:15px 30px; -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:#E5B91C; color: #FFF; border-radius:50px 0;}
#nav ul li a#nav_current { background:#9ACC99;border-radius:0 50px;} /* nav高亮显示背景颜色 */
/* article */
article{ width:1000px; margin:auto;overflow:hidden}
.pho ul{ text-align:center; padding-left:50px}
.pho ul li{width: 230px;height: 230px;border: 10px solid #f6f6f6;overflow: hidden;float: left;margin: 15px;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);box-shadow: 1px 1px 2px rgba(0,0,0,0.2);border-radius: 125px;-moz-border-radius: 125px;-webkit-border-radius: 125px;-webkit-transition: all 400ms linea;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;display:inline; opacity:0.8}
.pho ul li:hover{border-radius: 0; margin-left:40px;opacity:1}
.blog{ color:#FFF; background:#73B6C6;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px; overflow:hidden; margin:20px 0;}
.blog h2{ color:#FFF; line-height:40px; height:40px; font-size:32px;font-family:'Arizonia', cursive; padding-left:20px}
.blog img{ float:left; clear:left; width:300px; border:#FFF 4px solid; margin: 0 20px 10px 10px}
.title{ margin-bottom:20px;}
.title a{ font-size:14px;color:#FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; text-shadow:#3F7C9B 1px 1px 1px}
.title a:hover{ padding-left:30px;}
.blog ul{ padding:10px}
.blog ul p{ line-height:24px; margin-bottom:15px}
/* footer */
#copright{ background:#2980B9;line-height:40px; height:40px; text-align:center; width:100%;color:#fff; font-family:'Arizonia', cursive; font-size:20px;}
#copright a{color:#fff}