@charset "utf-8";
/*@media screen and (max-width: 2000px) {
	.container{ width:1170px !important; }	
}*/

body { background-color:#F4F4F4; }
header { background-color:rgba(255,255,255,1);border-bottom:1px solid rgba(255,255,255,0.3); box-shadow:0 0 5px #ccc; margin-bottom:30px; position:relative; }
nav li { float:left; display:inline; }
nav li a.top-a { font-size:18px; position: relative;
    display: block;
    padding: 38px 22px 40px;
    border-top: 2px solid transparent;
    font-weight: 300;
    color: #000;
    text-shadow: 0 1px 0 rgba(0,0,0,1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; }
nav li:hover a.top-a, nav li.active a.top-a { border-bottom:solid 2px #64C8C7; color:#64C8C7; }
#logo img { width:200px; }

.index-list-box { }
.index-list-box .items { width:200px; margin:0 20px 20px 0; border:solid 1px #ccc; box-shadow:0 0 5px #ccc; }
.index-list-box .icon { padding:10px; background-color:#fff; }
.index-list-box .icon em { margin-right:10px; color:#999; cursor:pointer; }
.index-list-box .icon em:hover { color:#971F28; }

.share-box { position:absolute; top:20px; right:0; z-index:99; }
.share-box a { margin-left:15px; color:#000; font-size:30px; }