* { margin: 0px auto; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
a, div { outline: 0; }
body { font-family: 'Microsoft YaHei', Neue,sans-serif; color: #6f737c; line-height: 1.4em; }
body, html { height: 100%; margin: 0; padding: 0; font-size: 100%; }
html { background: #fff; }
div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
table, td, tr, th { font-size: 14px; border-collapse: collapse; padding: 0px; }
table { width: 100%; text-align: left; }
ul { list-style: none; }
A:link, A:visited, A:hover { font-size: 12px; color: #003c9c; text-decoration: none; }
A.orange:link, A.orange:visited, A.orange:hover { font-size: 12px; color: #cd8c30; text-decoration: none; }
A.big:link, A.big:visited, A.big:hover { font-size: 14px; }




@media only screen and (max-width:1280px) {
    body, html { font-size: 100% }
}

@media only screen and (max-width:1024px) {
    body, html { font-size: 91% }
}

@media only screen and (max-width:960px) {
    body, html { font-size: 88% }
}

@media only screen and (max-width:768px) {
    body, html { font-size: 85% }
}

@media only screen and (max-width:640px) {
    body, html { font-size: 82% }
}

@media only screen and (max-width:480px) {
    body, html { font-size: 79% }
}

@media only screen and (max-width:320px) {
    body, html { font-size: 75% }
}





#container { width: 100%; position: relative; }
.fullscreenvideo { position: relative; overflow: hidden; position: relative; height: 100%; min-height: 780px; }
.fullscreen-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100 }
.fullscreen-bgvideo { background-color: #93969c; z-index: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; max-width: unset; max-height: 120% }
.zhezao { background-color: rgba(0,0,0,0.25); z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; max-width: unset; max-height: 120% }

.fullscreenimg { background-color: #93969c; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; background-color: #000; }
    .fullscreenimg > .conn { position: relative; z-index: 2; min-height: 100vh; max-height: 1080px; max-width: 1920px; margin: 0px auto; }



.indHeader { display: none; }
.header { width: 100%; position: fixed; top: 0px; z-index: 999; }
.bigmenu { width: 100%; margin: 0px auto; }
    .bigmenu .bg { position: relative; width: 100%; }
        .bigmenu .bg .topmenubig { width: 100%; background-color: none; padding-top: 48px; padding-bottom: 40px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
            .bigmenu .bg .topmenubig .topmenu { max-width: 1380px; padding: 0px 30px; width: 100%; margin: 0px auto; border: solid 0px #fff; display: flex; justify-content: center; align-items: center; }
                .bigmenu .bg .topmenubig .topmenu .logo { width: 155px; }
                    .bigmenu .bg .topmenubig .topmenu .logo img { max-width: 100%; }
                .bigmenu .bg .topmenubig .topmenu .menu { width: auto; flex: 1; }
                    .bigmenu .bg .topmenubig .topmenu .menu > ul { display: flex; flex-wrap: wrap; position: relative; border: solid 0px #fff; justify-content: flex-end; align-items: center; }
                        .bigmenu .bg .topmenubig .topmenu .menu > ul > li { border: solid 0px #fff; line-height: 25px; width: auto; position: relative; }
                            .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a { line-height: 15px; font-size: 1rem; color: #fff; margin-left: 1.5rem; margin-right: 1.5rem }
                                .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a > i { color: #fff; font-size: 1rem; padding-left: 8px; }
                                .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a:hover { color: #7e181d; border-bottom: solid 2px #7e181d; padding-bottom: 3px; }

                            .bigmenu .bg .topmenubig .topmenu .menu > ul > li > .chlidmenu { border: solid 1px #000; z-index: 999; display: none; min-width: 120px; position: absolute; top: 24px; left: -5px; background-color: #0f1624; border-color: #0f1624; box-shadow: 0 2px 4px rgba(0,0,0,.25) }
                                .bigmenu .bg .topmenubig .topmenu .menu > ul > li > .chlidmenu > li { line-height: 1.25em; text-align: center; }
                                    .bigmenu .bg .topmenubig .topmenu .menu > ul > li > .chlidmenu > li > a { display: block; font-size: 14px; color: #fff; padding: 0.5rem 1rem; }
                                        .bigmenu .bg .topmenubig .topmenu .menu > ul > li > .chlidmenu > li > a:hover { background-color: #7e181d; }
                            .bigmenu .bg .topmenubig .topmenu .menu > ul > li:hover > .chlidmenu { display: block; }




                            .bigmenu .bg .topmenubig .topmenu .menu > ul > li.action > a { color: #7e181d; border-bottom: solid 2px #7e181d; padding-bottom: 3px; }


    .bigmenu .bgacton { position: relative; width: 100%; }
        .bigmenu .bgacton .topmenubig { background-color: #0f1624; padding-top: 10px; padding-bottom: 10px; }
            .bigmenu .bgacton .topmenubig .topmenu .logo { width: 96px }





@media only screen and (max-width:1024px) {
    .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a { margin-left: 2rem; }
}

@media only screen and (max-width:960px) {
    .bigmenu .bg .topmenubig .topmenu .logo { width: 108px }
    .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a { margin-left: 1rem; }
}




@media only screen and (max-width:768px) {
    .bigmenu { display: none; }

    .navBtn { float: right; border: solid 0px #fff; cursor: pointer; margin-right: 50px; margin-top: 5px; height: 30px; display: block; }
        .navBtn span { display: block; position: relative; float: right; width: 25px; height: 100%; }
            .navBtn span i { display: block; cursor: pointer; position: absolute; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: #fff; }
                .navBtn span i:nth-child(1) { -webkit-transform: translate(0,-8px) rotate(0); -moz-transform: translate(0,-8px) rotate(0); -o-transform: translate(0,-8px) rotate(0); transform: translate(0,-8px) rotate(0); }
                .navBtn span i:nth-child(3) { -webkit-transform: translate(0,8px) rotate(0); -moz-transform: translate(0,8px) rotate(0); -o-transform: translate(0,8px) rotate(0); transform: translate(0,8px) rotate(0); }


    .indHeader { display: block; padding-top: 40px; padding-bottom: 40px; overflow: hidden; }
        .indHeader.menuOn { }
        .indHeader .logos { max-width: 108px; float: left; height: 100%; padding-left: 15px; }
            .indHeader .logos img { max-width: 100%; height: 100%; vertical-align: top; }
        .indHeader.bgacton { background-color: #0f1624; padding-top: 20px; padding-bottom: 20px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }


    .drawer-nav { overflow: hidden; position: fixed; z-index: 999; right: 100%; top: 0px; width: 0; height: 100%; color: #222; background: #0f1624; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
        .drawer-nav > .drawerlogo { margin-top: 30px; width: 100%; padding: 0px 20px; position: relative; }
            .drawer-nav > .drawerlogo img { max-width: 108px }
            .drawer-nav > .drawerlogo > .drawerclose { font-size: 32px; cursor: pointer; position: absolute; right: 60px; top: 10px; color: #fff; }
        .drawer-nav > ul { width: 100%; margin-top: 20px; padding: 0px 10px; }
            .drawer-nav > ul > li { width: 100%; border-bottom: 1px solid hsla(0,0%,100%,.25); line-height: 1.5; }
                .drawer-nav > ul > li a { display: block; padding: 6px; margin: 0px 0px 0px 10px; font-size: 14px; color: #fff; padding: 12px 1rem; }
                    .drawer-nav > ul > li a:hover { color: #7e181d; }

                .drawer-nav > ul > li.news { width: 100%; }
                    .drawer-nav > ul > li.news > div { width: 100%; display: flex; justify-content: flex-start; align-items: center; }
                        .drawer-nav > ul > li.news > div > a { flex: 1; }
                        .drawer-nav > ul > li.news > div > i { cursor: pointer; margin-right: 10px; border: solid 0px #fff; padding: 0px 8px; font-size: 2rem; color: #fff; }
                    .drawer-nav > ul > li.news > .mchlidmenu { margin: 0px 0px 0px 20px; display: none; }

                .drawer-nav > ul > li.letter { width: 100%; }
                    .drawer-nav > ul > li.letter > div { width: 100%; display: flex; justify-content: flex-start; align-items: center; }
                        .drawer-nav > ul > li.letter > div > a { flex: 1; }
                        .drawer-nav > ul > li.letter > div > i { cursor: pointer; margin-right: 10px; border: solid 0px #fff; padding: 0px 8px; font-size: 2rem; color: #fff; }
                    .drawer-nav > ul > li.letter > .mchlidmenu { margin: 0px 0px 0px 20px; display: none; }

                .drawer-nav > ul > li.invest { width: 100%; }
                    .drawer-nav > ul > li.invest > div { width: 100%; display: flex; justify-content: flex-start; align-items: center; }
                        .drawer-nav > ul > li.invest > div > a { flex: 1; }
                        .drawer-nav > ul > li.invest > div > i { cursor: pointer; margin-right: 10px; border: solid 0px #fff; padding: 0px 8px; font-size: 2rem; color: #fff; }
                    .drawer-nav > ul > li.invest > .mchlidmenu { margin: 0px 0px 0px 20px; display: none; }


                .drawer-nav > ul > li.action > a { color: #7e181d; font-size: 1.20rem; }



    .menuOn > .drawer-nav { width: 100%; right: 0%; }
}








.footer { background-color: #f3f3f4; width: 100% }
    .footer > .conn { max-width: 1380px; margin: 0px auto; padding: 60px 30px 80px 30px; display: flex; }
        .footer > .conn > .left { border: solid 0px #000; padding-right: 20px; }
            .footer > .conn > .left > b { display: block; font-size: 1rem; margin-bottom: 20px; color: #161616; }
            .footer > .conn > .left > p { width: 100%; margin-bottom: 15px; font-size: 1rem; }
                .footer > .conn > .left > p > i { display: block; font-style: normal; color: #333; margin-bottom: 5px; }
                .footer > .conn > .left > p > b { display: block; font-style: normal; color: #333; margin-bottom: 5px; font-weight: 400; }


        .footer > .conn > .right { flex: 1; border: solid 0px #000; text-align: right; }
            .footer > .conn > .right > ul { float: right; display: flex; align-items: flex-end; }
                .footer > .conn > .right > ul > li { width: 25%; padding: 0px 15px; }
                    .footer > .conn > .right > ul > li div { width: 100%; font-size: 1rem; line-height: 1.5rem; }
                        .footer > .conn > .right > ul > li div img { max-width: 100%; }
                    .footer > .conn > .right > ul > li div { text-align: center; }


@media only screen and (max-width:768px) {
    .footer > .conn { flex-wrap: wrap; padding: 60px 15px 80px 15px; }
        .footer > .conn > .left { width: 100%; }
        .footer > .conn > .right { flex: auto; width: 100%; }
}

@media only screen and (max-width:480px) {
    .footer > .conn > .right > ul { flex-wrap: wrap; }
        .footer > .conn > .right > ul > li { width: 50%; margin-bottom: 15px; }
}




.pages { width: 100%; text-align: center; padding: 25px 4% 0px 4%; }
    .pages .nodate { padding: 6px 5px 5px 5px; margin-bottom: 15px; text-align: center; clear: both; font-size: 1.25rem; }
    .pages a.PageLink { font-size: 1rem; display: inline-block; height: 28px; line-height: 28px; margin-left: 5px; padding: 0px 9px; color: #333; overflow: hidden; text-decoration: none; }
        .pages a.PageLink:hover { background-color: #7e181d; color: #fff; }
    .pages .PageSel { font-size: 1rem; display: inline-block; height: 28px; line-height: 28px; margin-left: 5px; padding: 0px 9px; color: #7e181d; overflow: hidden; text-decoration: none; }
        .pages .PageSel:hover { background-color: #7e181d; color: #fff; }