* { padding: 0; margin: 0; }

ul { list-style: none; }

a { text-decoration: none; color: #000; }

html, body { width: 100%; height: 100%; font-size: 14px; font-family: "microsoft yahei"; background-color: #f2f2f2; }

header .wrapper-container { height: 120px; background: url(../img/header/header.jpg) no-repeat; background-size: 100%; -webkit-background-size: 100%; position: relative; }
header .wrapper-container .header-language { position: absolute; background-color: #fff; -webkit-border-radius: 20px; border-radius: 20px; padding: 5px 10px; top: 10px; right: 10px; }
header .wrapper-container .header-language .language-link { display: inline-block; padding: 0 5px; }
header .wrapper-container .header-language .language-link:hover { text-decoration: underline; }
header .wrapper-container .header-language .current { color: #ff0000; }

.index-nav { background-color: #337ab7; }
.index-nav .wrapper-container .nav-list { overflow: hidden; text-align: center; }
.index-nav .wrapper-container .nav-list .nav-list-item { display: inline-block; padding: 10px 30px; text-align: center; }
.index-nav .wrapper-container .nav-list .nav-list-item:hover { background-color: #fff; }
.index-nav .wrapper-container .nav-list .nav-list-item:hover .list-item-link { color: #ff0000; }
.index-nav .wrapper-container .nav-list .nav-list-item .list-item-link { display: inline-block; width: 100%; height: 100%; color: #fff; }
.index-nav .wrapper-container .nav-list .current { background-color: #fff; }
.index-nav .wrapper-container .nav-list .current .list-item-link { color: #ff0000; }

.wrapper-container { width: 1080px; margin: 0 auto; }

.content-wrapper { border: 1px solid #337ab7; border-radius: 4px; -webkit-border-radius: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.content-wrapper .content-title { padding: 10px 0 10px 10px; color: #fff; background-color: #337ab7; font-size: 16px; }
.content-wrapper .content-main { padding: 20px; background-color: #fff; }

/*# sourceMappingURL=header.css.map */