*{margin:0;padding:0;}
ul,dl,ol{list-style:none;}
a{text-decoration: none;color:#454545;}
img{border:0;}
body{font-size:1em;font-family: "微软雅黑";}
body,footer,header,nav{width:100%;width:expression_r(document.body.clientWidth <= 320? "320px": "auto");min-width:320px;}

/**************************首页****************************/
/*header*/
header{width:100%;height:80px;position:relative;}
header .header{background:url(header-bg.jpg) top left repeat-x;border-bottom:3px solid #ed7100;width:100%;height:80px;position:absolute;top:0;left:0;z-index:100;}
.header{
	-webkit-animation:hea 0.8s linear 0s 1;
	animation:hea 0.8s linear 0s 1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	 opacity:1; top:0;
}
@-webkit-keyframes hea{
0%{ opacity:0; top:-80px; }
100%{ opacity:1; top:0; }
}
@keyframes hea{
0%{ opacity:0; top:-80px; }
100%{ opacity:1; top:0; }
}

header img{position:absolute;top:15px;left:3%;z-index:101;}
header img{
	-webkit-animation:htel 0.5s linear 0.8s 1;
	animation:htel 0.5s linear 0.8s 1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	 opacity:1; left:3%;
}
@-webkit-keyframes htel{
0%{ opacity:0; left:0; }
100%{ opacity:1; left:3%; }
}
@keyframes htel{
0%{ opacity:0; left:0; }
100%{ opacity:1; left:3%; }
}

header a{position:absolute;top:20px;right:3%;z-index:101;display:block;width:32px;height:32px;background:url(menu-icon.png) center center no-repeat;}
header a{
	-webkit-animation:hf 0.5s linear 0.8s 1;
	animation:hf 0.5s linear 0.8s 1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	 opacity:1; right:3%; 
}
@-webkit-keyframes hf{
0%{ opacity:0; right:0; }
100%{ opacity:1; right:3%; }
}
@keyframes hf{
0%{ opacity:0; right:0; }
100%{ opacity:1; right:3%; }
}
@media screen and (min-width:320px) and (max-width:330px){
	header img{left:0;}
	@-webkit-keyframes htel{
	0%{ opacity:0; left:0; }
	100%{ opacity:1; left:0; }
	}
	@keyframes htel{
	0%{ opacity:0; left:0; }
	100%{ opacity:1; left:0; }
	}
    header a{right:0;}
	@-webkit-keyframes hf{
	0%{ opacity:0; right:0; }
	100%{ opacity:1; right:0; }
	}
	@keyframes hf{
	0%{ opacity:0; right:0; }
	100%{ opacity:1; right:0; }
	}
}

/*隐藏导航*/
/* ul.nav{float:left;width:100%;position:absolute;top:82px;background:rgba(0, 84, 121, 0.95) none repeat scroll 0 0 !important;filter:Alpha(opacity=95); -moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;z-index:101;display:none;}
ul.nav li{float:left;width:100%;text-align:center;line-height:300%;}
ul.nav li:hover a{background:#c6e4f2;color:#01638e;}
ul.nav li a{float:left;color:#fff;font-size:1em;width:100%;} */
ul.nav{float:left;width:180px;padding:0px 0 10px 0;position:absolute;top:65px;right:10px;background:#c6e4f2;border-radius:8px;z-index:101;display:none;
-webkit-box-shadow: 0px 0px 5px #333;
-moz-box-shadow: 0px 0px 5px #333;
box-shadow: 0px 0px 5px #333;}
ul.nav li{float:left;width:100%;text-align:center;height:45px;}
ul.nav li:hover a{background:#01638e;color:#fff;}
ul.nav li a{float:left;color:#333;line-height:40px;font-size:1em;width:100%;}
ul.nav li.nav-top{margin-top:-15px;height:30px;width:92%;text-align:right;}



/*版权*/
footer{float:left;text-align:center;font-size:0.8em;color:#828282;padding-bottom:100px;margin-top:40px;}

/*下导航*/
nav{position:fixed;bottom:0;left:0;}
nav ul{float:left;background:#005479;width:100%;padding:10px 0;}
nav ul li{float:left;width:25%;text-align:center;}
nav ul li:hover{position:relative;top:1px;}
nav ul li a{color:#fff;font-size:1.1em;display:block;width:100%;padding-top:35px;}
nav ul li a.home{background:url(home.png) top center no-repeat;}
nav ul li a.cell{background:url(cell.png) top center no-repeat;}
nav ul li a.mail{background:url(mail.png) top center no-repeat;}
nav ul li a.map{background:url(map.png) top center no-repeat;}

/*banner*/
.flicker-example ul li{position:relative;}
.flicker-example ul li p{padding-left:10px;position:absolute;bottom:5px;left:0;width:100%;height:30px;line-height:30px;color:#fff;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}

/*内容*/
section .title{float:left;width:100%;background:url(title-bg.jpg) bottom left repeat-x;height:40px;}
section .title h3{float:left;line-height:37px;margin-left:3%;color:#094576;border-bottom:3px solid #f02d00;}
section .title a{float:right;margin-right:3%;color:#2861a3;font-family: "宋体";font-size:0.8em;line-height:40px;}
section article{float:left;width:94%;margin-left:3%;margin-top:13px;}
section article figure{float:left;width:20%;max-width:140px;}
section article figure img{width:100%;border:1px solid #e3e3e3;}
section article div{float:left;margin-left:2%;width:78%;}
section article div h4{color:#0b0b0c;padding-bottom:5px;}
section article div p{float:left;width:100%;}
section article div p a{font-size:0.9em;color:#7c7c7c;}

section article dl{float:left;width:31%;margin-left:3%;padding-bottom:15px;}
section article dl dt{width:100%;}
section article dl dt img{width:100%;text-align:center;}
section article dl dd{color:#333434;font-size:0.9em;}
section article dl dd time{color:#359dcd;}
section article table{float:left;width:100%;padding:10px 0 20px 0;}
section article table td{padding:10px 0;border-bottom:1px dashed #969696;line-height:120%;}
section article table td a:hover{color:red;}
section article table td time{font-size:0.9em;color:#8f8f8f;}

@media screen and (min-width:320px) and (max-width:480px){
	section article figure{float:left;width:30%;max-width:140px;}
	section article div{float:left;margin-left:2%;width:68%;height:90px;overflow:hidden;}
	section article table td a{font-size:0.9em;}
	section article table td time{font-size:0.8em;}
	section article div h4{font-weight:normal;}
}

@media screen and (min-width:480px) and (max-width:640px){
	section article figure{float:left;width:30%;max-width:140px;}
	section article div{float:left;margin-left:2%;width:68%;height:115px;overflow:hidden;}
}

/**************************细览****************************/
article.position{width:97%;padding-left:3%;background:#eee;height:40px;line-height:40px;font-size:0.9em;}
article.peruse,article.word-list{width:94%;margin-left:3%;}
article.peruse h3{text-align:center;line-height:300%;color:#094576;font-weight:normal;border-bottom:1px solid #ccc;}
article.peruse .time{text-align:center;font-size:0.9em;color:#aaa;padding:10px 0;}
article.peruse .bigpic{width:97%;margin-bottom:20px;overflow:hidden;border:4px solid #FFF;box-shadow:0 0 6px #8e9fad; -moz-box-shadow:0 0 6px #8e9fad; -webkit-box-shadow:0 0 6px #8e9fad;}

article.peruse .bigpic img{
	width:100%;
	animation: abimg 8s linear 0s infinite alternate;
	-moz-animation: abimg 8s linear 0s infinite alternate;
	-webkit-animation: abimg 8s linear 0s infinite alternate;
	-o-animation: abimg 8s linear 0s infinite alternate;
}
@keyframes abimg
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}

@-moz-keyframes abimg /* Firefox */
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}

@-webkit-keyframes abimg /* Safari and Chrome */
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}

@-o-keyframes abimg /* Opera */
{
0%   {-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
100% {-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
}




/**************************文字列表****************************/
article.word-list h4{color:#036590;border-left:3px solid #036590;margin:15px 0;padding-left:7px;line-height:100%;}
article.word-list table.wore-table{width:100%;}
article.word-list table.wore-table td{padding:8px 0;border-bottom:1px dashed #ccc;}
article.word-list table.wore-table td a:hover{color:#036590;}
article.word-list table.wore-table td time{color:#666;font-size:0.9em;padding-left:10%;}
@media screen and (min-width:320px) and (max-width:480px){
	article.word-list table.wore-table td a{font-size:0.9em;}
	article.word-list table.wore-table td time{font-size:0.8em;}
}

/**************************图片列表****************************/
article.word-list dl{float:left;width:30%;margin:2% 1.5%;text-align:center;}
article.word-list dl:hover{position:relative;top:1px;}
article.word-list dl:hover dd{color:#036590;}
article.word-list dl dt img{width:100%;}
@media screen and (min-width:320px) and (max-width:480px){
	article.word-list dl{font-size:0.9em;}
}

/**************************图文列表****************************/
article.word-list table.img-table{width:100%;}
article.word-list table.img-table td{padding:10px 0;border-bottom:1px dashed #ccc;}
article.word-list table.img-table td.img-tdleft{width:25%;}
article.word-list table.img-table td.img-tdleft img{width:100%;border:1px solid #fff;}
article.word-list table.img-table td.img-tdleft img:hover{border:1px solid #036590;}
article.word-list table.img-table td.img-tdright{width:75%;padding-left:3%;}
article.word-list table.img-table td.img-tdright a.img-right-title{float:left;width:100%;font-size:1.1em;line-height:200%;color:#333;font-weight:bold;}
article.word-list table.img-table td.img-tdright a.img-right-title:hover,article.word-list table.img-table td.img-tdright a.img-right-p:hover{color:#036590;}
article.word-list table.img-table td.img-tdright a.img-right-p{float:left;width:100%;}
@media screen and (min-width:320px) and (max-width:480px){
	article.word-list table.img-table td.img-tdleft{width:30%;}
	article.word-list table.img-table td.img-tdright{width:70%;}
	article.word-list table.img-table td.img-tdright a.img-right-title{font-size:1em;line-height:200%;}
	article.word-list table.img-table td.img-tdright a.img-right-p{font-size:0.9em;}
}