@charset "utf-8";
body {font-family:Microsoft YaHei, arial, \5b8b\4f53, sans-serif; font-size:12px; font-weight:normal; color:#333; background:#e9e9e9; position:relative;}
* {margin:0; padding:0; border:0;}
ul,ol,li{ list-style: none;}
a{ text-decoration:none; color:#333;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#a40000; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
img{ vertical-align:middle;}
section{ display:block;}
p{word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*底部*/
.copyright{width:100%; height:auto; padding:20px 0; background:#656e79; border-top:0px solid #eaeaea; font:12px/20px arial,simsun; color:#fff; text-align:center; margin:0 auto;}
.copyright .cop_dg a{color:#fff;}
.copyright .cop_dg a:hover{color:#fff;}
.copyright .cop_dg span{color:#fff;}
.copyright .p-cut{font:12px/22px arial; margin-top:10px;}

/*banner*/
.banner_wrap{ width:100%; height:315px; background:url(../images/guanchajia/banner.jpg) center top no-repeat;}

/*包裹*/
.wrapper{ width:1000px; height:auto; margin:20px auto;}
.guanchajia{ width:1020px; height:auto;}
.guanchajia .list{ width:320px; height:auto; margin-right:20px; display:inline; float:left;}
.guanchajia .item{ width:auto; height:auto; padding:20px 15px; border:1px solid #ddd; background:#fff; margin-bottom:20px; border-radius:5px; -webkit-transition:all 0.5s linear 0s; -moz-transition:all 0.5s linear 0s; -o-transition:all 0.5s linear 0s; -ms-transition:all 0.5s linear 0s; transition:all 0.5s linear 0s;}
.guanchajia .item:hover{ box-shadow:0 10px 10px #aaa; margin:-10px 0 30px; cursor:pointer;}
.guanchajia .item .title{ margin-top:15px; line-height:26px; font-size:18px;}
.guanchajia .item .title a{ color:#444;}
.guanchajia .item .pic{ width:100%; height:auto;}
.guanchajia .item .pic img{ width:100%; height:auto; border:none;}
.guanchajia .item .intro{ margin:5px 0 15px; line-height:20px; color:#888; text-align:justify;}
.guanchajia .item .intro a{ color:#888;}
.guanchajia .item .date{ height:16px; color:#999;}
.guanchajia .item .date .more{ width:24px; height:16px; background:url(../images/guanchajia/more.png) no-repeat; float:right; *margin-top:-20px;}
.guanchajia .item:hover .title a{ color:#a40000;}
.guanchajia .item:hover .date{ color:#a40000;}
.guanchajia .item:hover .date a{ background:url(../images/guanchajia/more.png) 0 -16px no-repeat;}

/*返回顶部*/
.btn-top{ width:49px; height:49px; position:fixed; left:50%; margin-left:500px; bottom:92px; z-index:1000; _position:absolute;_bottom:auto;_top:expression(documentElement.scrollTop + 400); display:none;}

@media screen and (max-width:640px){
.pubTopNav{display:none;}
.copyright{min-width:100%; height:40px; padding:10px 0;}
.cop_dg{ display:none;}
.btn-top{ width:35px; height:35px; margin-left:33%;}
.btn-top img{width:100%; height:100%;}
.banner_wrap{ height:100px; background-size:auto 100%;}
.wrapper{ width:auto; margin:10px;}
.guanchajia{ width:100%;}
.guanchajia .list{ width:100%; margin-right:0; float:none;}
.guanchajia .item{ margin-bottom:10px;}
.guanchajia .item:hover{ box-shadow:0 0 0 #fff; margin:0 0 10px;}
.guanchajia .item .intro{ font-size:14px;}
.guanchajia .item:hover .title a{ color:#444;}
.guanchajia .item:hover .date{ color:#999;}
.guanchajia .item:hover .date a{ background:url(../images/guanchajia/more.png) no-repeat;}
}