*{margin:0;padding:0}html,body{width:100%;height:100%;text-align:center}a:hover{color:#3898ff}.header-nav{background:#031830;width:100%;position:fixed;top:0;z-index:999}.nav{display:inline-block;width:1280px}.nav a{display:inline-block;line-height:30px;font-size:16px;color:#fff;padding:20px;border-bottom:2px solid transparent;box-sizing:border-box}.nav a:hover{color:#3898ff;border-bottom:2px solid #3898ff;box-sizing:border-box}.nav .a-this{color:#3898ff}.login{float:right;margin-right:-50px}.login a{padding:20px 5px}.login a:hover{border-color:transparent}.login .divider{display:inline-block;background-color:#3898ff;width:2px;height:12px;margin-top:4px}.nav-logo{float:left;padding:8px;margin-left:-50px}.nav-logo img{width:auto;height:56px}.logo-tit{display:inline-block;vertical-align:middle;margin-left:5px}.tit-p1{color:#fff;font-size:30px}.tit-p2{color:#fff;font-size:6px}.blogroll{width:100%;padding:30px 0;background:#f8f8f8}.blogroll a,.blogroll span{display:inline-block;padding:0 10px;font-size:16px}.blogroll a:nth-child(n+1){border-left:2px solid #333}.footer{width:100%;height:auto;background-color:#031830}.footer .row-width{display:inline-block;width:1200px;padding:30px 0}.footer p{color:#fff;font-size:16px;line-height:40px}.footer p span{margin:0 10px}