/* CSS Document */
body { max-width: 1920px; margin: 0 auto; padding: 0; font-family: 'Microsoft YaHei',Arial; }
* { margin: 0; padding: 0; }
a { text-decoration: none; }
ul, li { list-style: none; float: left; }
img { display: block; max-width: 100%; border: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/* Header 样式begin */
#Header { border-bottom: 1px solid #a1a2a1; padding-top: 1px; background: #fff; }
#Header .container { }
#Header .top { width: 100%; display: block; text-align: right; background: #012c56; border-top: 1px solid #c8c8c8; }
#Header .top .lang a { font-size: 14px; color: #fff; line-height: 30px; padding: 0 10px; display: block; float: right; position: relative; }
#Header .top .lang a div { position: absolute; top: 30px; left: 50%; width: 100px; height: 100px; display: block; z-index: 999; margin-left: -50px; display:none;}
#Header .top .lang a.btn { width: 30px; height: 30px; display: block; margin-left: 8px; padding: 0; border-radius: 3px; }
#Header .top .lang a.weixin { background: url('../images/icon_weixin.png') no-repeat center center; }
#Header .top .lang a.facebook { background: url('../images/icon_f.png') no-repeat center center; }
#Header .top .lang .line { display: block; float: right; width: 2px; height: 16px; background: #fff; margin: 7px 0; }
#Header .main { padding-top: 30px; }
#Header .main .left { float: left; }
#Header .main .right { float: right; }
#Header .main .nav { margin-right: -30px; }
#Header .main .nav .nav-li { float: left; position: relative; }
#Header .main .nav .nav-li a { font-size: 14px; color: #000000; line-height: 40px; padding: 0px 30px; padding-bottom: 15px; display: block; text-transform: uppercase; }
#Header .main .nav .nav-li:hover a:before { content: ""; display: block; position: absolute; bottom: 10px; width: 11px; height: 7px; left: 50%; margin-left: -5px; background: url('../images/nav-down.png') no-repeat center center; }
#Header .main .nav .nav-li:hover a { color: #0075a9; }
#Header .main .nav .nav-li:hover li a:before { display: none; }
#Header .main .nav .nav-li:last-child:hover a:before { display: none; }
#Header .main .nav .nav-li:nth-of-type(4):hover a:before { display: none; }
#Header .main .nav .nav-li:nth-of-type(5):hover a:before { display: none; }
#Header .main .nav .selected a { color: #0075a9; }
#Header .main .nav .nav-down { display: none; position: absolute; left: 0; top: 55px; width: 100%; background: #fff; z-index: 99; padding: 5px 0px; box-sizing: border-box; }
#Header .main .nav .nav-down ul { width: 100%; display: block; }
#Header .main .nav .nav-down .nav-down-li { padding: 0; float: none; width: 100%; text-align: center; }
#Header .main .nav .nav-down .nav-down-li a { padding: 0px; text-align: left; padding-left: 10px; display: block; line-height: 30px; text-transform: none; }
#Header .main .nav .nav-down dt { font-size: 16px; color: #1d1d1d; font-weight: bold; line-height: 32px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 8px; }
#Header .main .nav .nav-down dd a { font-size: 12px; color: #1d1d1d; line-height: 36px; padding: 0; }

#Header .main .nav .nav-li:nth-of-type(2) .nav-down-li a { padding-left: 20px; }
#Header .main .nav .nav-li:nth-of-type(3) .nav-down-li a { padding-left: 20px; }

#Header .menu-bar { position: absolute; display: none; right: 15px; top: 50%; margin-top: -12px; -webkit-transition: -webkit-transform .25s ease-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; transition: transform .25s ease-out; transition: top .25s ease-in-out; }
#Header .menu-bar .btn-menu { display: block; box-sizing: border-box; width: 30px; text-align: center; text-decoration: none; border-bottom: none; }
#Header .menu-bar .btn-menu .menu-line { display: block; width: 30px; height: 3px; margin: 8px auto; border-radius: 2px; background-color: #012c56; }
#Header .menu-bar .btn-menu .menu-line.menu-line-top { margin-top: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
#Header .menu-bar.is-open .btn-menu .menu-line.menu-line-top { width: 36px; -webkit-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); -ms-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); transform: rotate(45deg) translate(-1px, -1px) scaleX(1); background-color: #012c56; }

#Header .menu-bar .btn-menu .menu-line.menu-line-middle { -webkit-transition: opacity .25s ease-out, background-color .25s ease-out; transition: opacity .25s ease-out, background-color .25s ease-out; opacity: 1; }
#Header .menu-bar.is-open .btn-menu .menu-line.menu-line-middle { opacity: 0; }

#Header .menu-bar .btn-menu .menu-line.menu-line-bottom { margin-bottom: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
#Header .menu-bar.is-open .btn-menu .menu-line.menu-line-bottom { width: 36px; -webkit-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); -ms-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); background-color: #012c56; }


/* Header 样式end */


/* Footer 样式begin */
#Footer { padding-top: 10px; }
#Footer .line { width: 100%; display: block; height: 3px; background: #000000; border-bottom: 1px solid #777777; border-top: 1px solid #dddddd; }
#Footer .main { text-align: center; margin-bottom: 10px; }
#Footer .main p { font-size: 12px; color: #000; line-height: 36px; }
#Footer .main a { font-size: 12px; color: #000; line-height: 36px; display: inline-block; }

/* Footer 样式end */

@media (min-width: 1200px) {
    .container { width: 1200px; padding: 0 15px; margin: 0 auto; box-sizing: border-box; }
}

@media (min-width: 768px) {
    #Header .main .nav ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
}

@media (max-width: 1200px) {
    .container { width: 100%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    body { padding-top: 60px; }
    #Header .main { padding: 17px 0; position: fixed; top: 0; left: 0; z-index: 999; background: #fff; width: 100%; }
    #Header .top { display: none; }
    #Header .main .left { width: 50%; }
    #Header .main .nav { position: absolute; top: 58px; left: 0; z-index: 999; width: 100%; background: #fff; padding: 10px 0 0 0; display: none; }
    #Header .main .nav ul { width: 100%; }
    #Header .main .nav .nav-li { float: none; width: 100%; text-align: center; }
    #Header .main .nav .nav-li a { padding: 0; }

    #Header .menu-bar { display: block; }
}

@media (max-width: 640px) {
}

@media (max-width: 420px) {
}


@media (max-width: 320px) {
}