@charset "utf-8"

/*common css*/
*{ margin: 0; padding: 0; }
body{ font: 12px "SimSun",Arial,sans-serif; background-color: #ddd6cc; 	}
img{ border-width: 0; vertical-align: middle; }
ul{ list-style: none; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }
a { color: #000; text-decoration: none; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
a:link, a:visited{ text-decoration: none; }
a:hover{ text-decoration: none; }
.clear{ clear: both; }
.blank{ height: 5px; width: 100%; overflow: hidden; margin: auto; clear: both; }

/*head*/
header{ width: 100%; height: 64px; background-color: #fff; box-shadow: #d0c9c0 2px 2px 3px; overflow: hidden; }
header nav{ width: 980; margin-left: 15%; }
header nav ul li{ display: block; line-height: 64px; }
header nav ul li a{ color: #000; font-weight: bold; float: left; padding: 0 30px; margin-right: 2px; font-size: 18px; }
header nav ul li a:hover, .nav_current{ background-color: #f16e50; color: #fff; }

/*side bar*/
aside{ width: 270px; margin-top: 20px; margin-left: 157px; background-color: #e8e5dd; float: left; overflow: hidden; }
.newphotos, .newarticals{ padding: 10px 0; }
.newphotos ul{ padding: 0; text-align: center; }
.newphotos ul li{ display: inline-block; margin: 5px 5px 0 0; }
.newphotos ul li img{ width: 100px; height: 100px;}
.newarticals ul li a{ color: #333; display: block; padding: 5px; width: 170px; text-align: center; }
.newarticals ul li a:hover{ background-color: #79d; }

/*article*/
article{ width: 680px; float: left; margin-top: 20px; padding: 40px; background-color: #fff; overflow: scroll; }
.title{ width: 100%; height: 50px; margin: 0 auto; background: url(../images/titlebg.png) no-repeat 35%; padding-left: 30px; padding-top: 22px;  font-size: 24px; transition-duration: 1s; text-align: center; }
.title a:hover{ padding-left: 60px; }
.content p{ font-size: 14px; text-align: center;}
.content p img{ width: 400px; height: 300px;}