/*base css*/
.harf {width: 50%;}
.w_100p {width: 100%;}
.w_1000 {width: 1000px;}
.mg_ct {margin-left: auto;margin-right: auto;}
.hidden {display: none;}
/*font*/
body{font-family: Microsoft YaHei,​SimSun,​Arial;}
body,html{
    background-color: #3d3456;
    background: -moz-linear-gradient(270deg, #373360 0%, #7b77a4 50%, #373360 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #373360), color-stop(50%, #7b77a4), color-stop(100%, #373360));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #373360 0%, #7b77a4 50%, #373360 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #373360 0%, #7b77a4 50%, #373360 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #373360 0%, #7b77a4 50%, #373360 100%);/* IE10+ */
    background: linear-gradient(180deg, #373360 0%, #7b77a4 50%, #373360 100%);/* W3C */
}
.page-container {position: relative;}
/*nav-block*/
.nav-container {position: fixed; z-index: 1001; max-height: 100%; overflow: auto;left:0; top:0; background: #999;}
.nav {width: 190px; background-color: #666699;}
.nav-toggle {position: fixed; right:0; height: 60px; width: 60px; background: url('../img/ico-menu.png') center center no-repeat;}
.nav-item {height: 60px; margin-left: 30px; margin-right: 30px; line-height: 60px; border-bottom:1px solid #8383b0;text-align: left;}
.nav-item a {display: block; color: #fff; transition:  color 0.5s;}
.nav-item a:hover {color: #a5a5d2; text-decoration: none;}
.nav-item-first {height: 98px; margin-left: 0; margin-right: 0; line-height: 98px; text-indent: 30px; background-color: #333366}
.nav-item i{ padding-left:3px; }
.nav-item-first i{font-size:12px;}
.nav-item-last {border-bottom: none;}
/*main-block*/
.main-container {max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto;}
.main-container>.head {position: fixed; z-index: 1000; left: 0; right: 0;width: 100%; line-height: 98px; text-align: center;background-color: #333366;}
.main-container>.head h1{font-size: 40px; color: #fff; font-weight: bold;text-shadow: 0 0 10px #333; }
@media screen and (max-width:1000px){
    .main-container>.head {line-height: 60px; background-color: #58496A; text-align: left; padding-left:20px;text-shadow:none;}
    .main-container>.head h1{font-size: 16px;font-weight: bold;background-color: transparent;}
}
.main-container>.main {padding-top: 120px;}
@media screen and (max-width:1000px) {
    .main-container>.main {padding-top: 100px;}
}
/*footer*/
.footer{position:fixed;right:10px;bottom:10px;font-size: 12px;color:#aac; line-height: 1.5;text-align: right; text-shadow: 0 0 1px #669;}
@media screen and (max-width:1480px) {
    /*.footer{display: none;}*/
}
@media screen and (max-width:500px) {
    .footer{position: static; display: block; bottom:0;top:20px;padding:5px; padding-right:20px;background: #fff; margin-top: 10px;}
}
/*response-nav reset*/
.nav-collapse li {width:auto;}
.nav-toggle {margin-right: 10px;}