@charset "utf-8";
body {font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:12px; font-weight:normal; color:#000; background:#f1f1f1;}
*{margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#000; outline:none; blr:expression(this.onFocus=this.blur()); -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;}
a:hover{ text-decoration:none; color:#c9a063;}
img{ vertical-align:middle;}
a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
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;}

/*头部*/
.header{ width:100%; height:auto; background:#fff;}
.header .head{ width:1000px; height:30px; line-height:30px; font-size:14px; margin:0 auto;}
.header .head a{ color:#666;}
.header .head a:hover{ color:#c9a063;}
.header .head .home{ float:left;}
.header .head .link{ float:right;}
.header .head .link span{ font-size:12px; font-family:arial; color:#999; margin:0 5px;}

/*底部*/
.copyright_wrap{ width:100%; min-width:1200px; height:auto; margin-top:10px; background:#fff;}
.copyright{ width:1200px; height:auto; padding:40px 0; margin:0 auto;}
.copyright .list{ width:130px; height:auto; float:left; position:relative;}
.copyright .list h3{ line-height:24px; margin-bottom:20px; font-size:18px; color:#000;}
.copyright .list h3 a{ color:#000;}
.copyright .list h3 a:hover{ color:#c9a063;}
.copyright .list ul{ width:100%; height:auto;}
.copyright .list ul li{ line-height:24px; margin-bottom:5px; font-size:14px; color:#666;}
.copyright .list ul li a{ color:#666;}
.copyright .list ul li a:hover{ color:#c9a063;}
.copyright .share{ width:200px; height:auto; margin-left:10px; padding-left:35px; border-left:1px solid #eee; float:left;}
.copyright .share .title{ padding-left:15px; line-height:20px; margin-bottom:20px; font-size:14px; color:#000;}
.copyright .share .title a{ color:#000;}
.copyright .share .title a:hover{ color:#c9a063;}
.copyright .share .title .line{ padding:0 10px; font-family:arial;}
.copyright .share .icon{ width:100%; height:auto; padding-bottom:40px;}
.copyright .share .icon a{ width:50px; height:50px; padding:0; margin:0 0 0 15px; background:url(../images/layout.png) no-repeat; display:inline; float:left; text-indent:-9999px;}
.copyright .share .icon .ico_weixin{ background-position:0 -50px;}
.copyright .share .icon .ico_weibo{ background-position:-60px -50px;}
.copyright .share .icon .ico_timeline{ background-position:-120px -50px;}
.copyright .share .icon .ico_facebook{ background-position:0 -160px;}
.copyright .share .icon .ico_apple{ background-position:-180px -50px;}
.copyright .share .icon .ico_android{ background-position:-240px -50px;}
.copyright_top{ line-height:28px; padding-top:15px; font-size:14px; color:#666; text-align:center;}
.copyright_top a{ color:#666; margin:0 8px;}
.copyright_top a:hover{ color:#c9a063;}
.copyright_bot{ line-height:20px; padding:15px 0; border-top:1px solid #eee; color:#666; text-align:center;}
.copyright_bot a{ color:#666; margin-right:8px;}
.copyright_bot a:hover{ color:#c9a063;}
.copyright_bot span{ margin-right:8px;}

@media screen and (max-width:767px){
.header{ display:none;}
.copyright_wrap{ min-width:300px; margin-top:0;}
.copyright{ width:auto; margin:0 10px; padding:20px 0 0; position:relative;}
.copyright .list{ width:100%; float:none; display:none;}
.copyright .list.last{ display:block; text-align:center;}
.copyright .list h3{ margin:0 8px; font-size:14px; line-height:1.5em; color:#666; display:inline;}
.copyright .list h3 a{ color:#666;}
.copyright .list ul{ width:auto; display:inline;}
.copyright .list ul li{ line-height:1.5em; display:inline; margin:0 8px;}
.copyright .list ul li:nth-child(4){ display:none;}
.copyright .list ul li:nth-child(5){ display:none;}
.copyright .share{ width:100%; border-left:none; margin-left:0; padding-left:0; float:none; position:absolute; left:0; top:15px; display:none;}
.copyright .share .title{ font-size:14px; color:#666; margin:15px 0 0; padding:0 5px 0 0; float:left;}
.copyright .share .title:last-child{ display:none;}
.copyright .share .icon{ width:auto; padding-bottom:10px; float:left;}
.copyright .share .icon:nth-child(2){ padding-right:15px;}
.copyright .share .icon a{ margin:0;  -webkit-transform: scale(0.75); transform: scale(0.75);}
.copyright_bot{ padding:10px 0 20px; border:none;}
.copyright_bot a{ display:none;}
.copyright_bot span{ margin-right:0;}
.copyright_bot em{ display:none;}
}

@media screen and (max-width:375px){
.header .nav_list{ margin:0 0 0 5px;}
.header .nav_list .item{ padding:0 9px; font-size:17px;}
.copyright .share .title{ padding:0;}
.copyright .share .icon:nth-child(2){ padding-right:5px;}
}

@media screen and (max-width:360px){
.header .nav_list .item{ padding:0 8px;}
}

@media screen and (max-width:320px){
.header .nav_list .item{ padding:0 6px; font-size:16px;}
.copyright .list h3{ margin:0 5px;}
.copyright .list ul li{ margin:0 5px;}
.copyright .share .title{ display:none;}
.copyright .share .icon:nth-child(2){ padding-right:0;}
.copyright_top a{ margin:0 5px;}
}