@charset "gb2312";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { padding: 0; margin: 0 }
fieldset, img { border: 0 }
:focus { outline: 0 }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: 400 }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
abbr, acronym { border: 0; font-variant: normal }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
code, kbd, samp, tt { font-size: 100% }
input, button, textarea, select { *font-size: 100% }
body { line-height: 1.5 }
ol, ul, li { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
sup, sub { font-size: 100%; vertical-align: baseline }
blockquote, q { quotes: none }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
em, i { font-style: normal }
.clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0 }
.clear { zoom: 1; clear: both }
article, aside, audio, bdi, canvas, command, datalist, details, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, track, vedio { display: block }
html, body { font-family: "Microsoft YaHei",simSun; font-size: 12px; color: #565656; line-height: 22px }
a { color: #ffffff; text-decoration: none; -moz-transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear; -ms-transition: color .3s linear; transition: color .3s linear }
    a:hover { color: #ff7219; text-decoration: none; }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.b { font-weight: 800 }
.blue { color: #00f }
.red { color: #ba3703 }
.redb { color: #ba3703; font-weight: 800 }
.fuchsia { color: #F0F }
.orange { color: #cb6942 }
.orangeb { color: #cb6942; font-weight: 800 }
.green { color: #53B001 }
.greenb { color: #53B001; font-weight: 800 }
.yellow { color: #d8ca58 }
#NIE-topBar { height: 55px; background: #f4f4f4 }
.hide { display: none }
body, #wrap { position: relative; width: 100%; max-width: 1920px; min-width: 1200px; margin: 0 auto }
#wrap { overflow: hidden }
.clearfix:after { content: "\200B"; display: block; height: 0; clear: both }

body { position: relative }
    body::-webkit-scrollbar { width: 8px; height: 8px; }
    body::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #999; -webkit-border-radius: 4px; outline: 1px solid #fff; outline-offset: -1px; border: 1px solid #fff; }
    body::-webkit-scrollbar-thumb:hover { height: 50px; background-color: #9f9f9f; -webkit-border-radius: 4px; }
    body::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: #CCCCCC; -webkit-border-radius: 6px; }
.tgcont { background: url(/images/tg/tg-bg.jpg)no-repeat center 0; min-height: 1286px; }
    .tgcont header { height: 120px; }
        .tgcont header .nav { position: absolute; right: 99px; top: 37px; background: url(/images/tg-nav-bg.png) no-repeat; width: 317px; height: 39px; }
            .tgcont header .nav a { float: left; display: block; width: 73px; height: 37px; line-height: 37px; font-size: 16px; text-align: center; padding-right: 10px; color: #fffca4; }
                .tgcont header .nav a:hover { color: #ff7219; }
            .tgcont header .nav .main { width: 101px; padding-left: 30px; background: url(/images/icon-main.png) 25px 10px no-repeat; color: #ffffff; }
        .tgcont header .time { position: absolute; left: 41.5%; top: 401px; height: 40px; line-height: 40px; font-size: 20px; color: #ffffff; }
    .tgcont .videobtn { position: absolute; left: 603px; top: 540px; width: 115px; height: 115px; cursor: pointer; }
    .tgcont ul.cont { position: absolute; top: 800px; left: 0; width: 100%; height: 54px; }
        .tgcont ul.cont li { float: left; width: 33.33%; height: 475px; }
            .tgcont ul.cont li a { display: block; width: 100%; height: 475px; }
                .tgcont ul.cont li a.reg { background: url(/images/tg/tg-reg.png) center 350px no-repeat; }
                    .tgcont ul.cont li a.reg:hover { background: url(/images/tg/tg-reg-hover.png) center 350px no-repeat; }
                .tgcont ul.cont li a.down { background: url(/images/tg/tg-down.png) center 350px no-repeat; }
                    .tgcont ul.cont li a.down:hover { background: url(/images/tg/tg-down-hover.png) center 350px no-repeat; }
                .tgcont ul.cont li a.libao { background: url(/images/tg/tg-libao.png) center 350px no-repeat; }
                    .tgcont ul.cont li a.libao:hover { background: url(/images/tg/tg-libao-hover.png) center 350px no-repeat; }
.libao-box {display: none; position: fixed; top: 0px; left: 0px; width: 100%; min-height: 801px; background: url(/images/tg/tg-libao-box.png) no-repeat; z-index: 2; }
.mask { display: none; background-color: black; position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.5; z-index: 1; }
.libao-box .close { position: absolute; left: 1645px; top: 65px; width: 54px; height: 45px; background: url(/images/tg/close.png) no-repeat;}
.libao-box .txtusername { position: absolute; left: 744px; top: 320px; padding-left: 70px; line-height: 55px; font-size: 20px; width: 270px; height: 55px; border: none; background: none; }
.libao-box .txtpwd { position: absolute; left: 744px; top: 395px; padding-left: 70px; line-height: 55px; font-size: 20px; width: 270px; height: 55px; border: none; background: none; }
.libao-box .login { position: absolute; left: 744px; top: 535px; width: 341px; height: 54px; border: none; background: url(/images/tg/tg-login-btn.png) }
    .libao-box .login:hover { background: url(/images/tg/tg-login-btn-hover.png) }
.libao-box .login-reg { position: absolute; left: 1350px; top: 360px; width: 265px; height: 54px; border: none; background: url(/images/tg/login-reg-btn.png) }
    .libao-box .login-reg:hover { background: url(/images/tg/login-reg-btn-hover.png) }
.libao-box .login-down { position: absolute; left: 1350px; top: 640px; width: 265px; height: 54px; border: none; background: url(/images/tg/login-down-btn.png) }
    .libao-box .login-down:hover { background: url(/images/tg/login-down-btn-hover.png) }
.libao-box1 { display: none; position: fixed; top: 50%; left: 50%; width: 498px; height: 325px; margin: -167px 0 0 -249px; background: url(/images/tg/tg-libao-box1.png) no-repeat; z-index: 2; }
.libao-box1 .info{ position: absolute;top: 110px;left: 60px;width: 400px;height: 130px;}
    .libao-box1 .info .cont{ width: 360px;height: 90px;margin: 20px;color: #000000;font-size: 16px;}
    .libao-box1 a { position: absolute; top: 250px; left: 130px; display: block; width: 265px; height: 54px; background: url(/images/tg/libao-ok.png) no-repeat; }









.wrap { background: url(/images/tg-bg.png)no-repeat center 0; min-height: 944px; }
    .wrap header { height: 120px; }
        .wrap header .nav { position: absolute; right: 99px; top: 37px; background: url(/images/tg-nav-bg.png) no-repeat; width: 317px; height: 39px; }
            .wrap header .nav a { float: left; display: block; width: 73px; height: 37px; line-height: 37px; font-size: 16px; text-align: center; padding-right: 10px; color: #fffca4; }
                .wrap header .nav a:hover { color: #ff7219; }
            .wrap header .nav .main { width: 101px; padding-left: 30px; background: url(/images/icon-main.png) 25px 10px no-repeat; color: #ffffff; }
        .wrap header .time { position: absolute; left: 41.5%; top: 401px; height: 40px; line-height: 40px; font-size: 20px; color: #ffffff; }
    .wrap .videobtn { position: absolute; left: 503px; top: 440px; width: 115px; height: 115px; cursor: pointer; }
    .wrap .cont { position: absolute; left: 403px; top: 550px; width: 1129px; height: 398px; }
        .wrap .cont ul { width: 1129px; position: relative; height: 398px; }
            .wrap .cont ul li:nth-child(1) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 0; left: 0; }
            .wrap .cont ul li:nth-child(2) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 125px; left: 125px; }
            .wrap .cont ul li:nth-child(3) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 0px; left: 251px; }
            .wrap .cont ul li:nth-child(4) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 125px; left: 376px; }
            .wrap .cont ul li:nth-child(5) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 0px; left: 502px; }
            .wrap .cont ul li:nth-child(6) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 125px; left: 627px; }
            .wrap .cont ul li:nth-child(7) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 0px; left: 753px; }
            .wrap .cont ul li:nth-child(8) { width: 251px; height: 273px; background: url(/images/tg-cont-top.png) no-repeat; position: absolute; top: 125px; left: 878px; }
            .wrap .cont ul li:hover { background: url(/images/tg-cont-hover.png) no-repeat; }
            .wrap .cont ul li a.top { position: relative; top: 50px; left: 50px; display: block; width: 160px; cursor: pointer; height: 160px; }
            .wrap .cont ul li a.bottom { position: relative; top: 50px; left: 50px; display: block; width: 160px; height: 160px; }
            .wrap .cont ul li a.top .index { position: absolute; left: 60px; top: 0; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 30px; color: #FFFFFF; }
            .wrap .cont ul li a.top .con { position: absolute; left: 50px; top: 35px; display: block; width: 100px; height: 50px; line-height: 50px; font-size: 30px; color: #FEEBA6; }
            .wrap .cont ul li a.top .des { position: absolute; left: 30px; top: 85px; display: block; width: 100px; height: 50px; line-height: 25px; font-size: 14px; color: #E3A84A; text-align: center; }
            .wrap .cont ul li a.bottom .index { position: absolute; left: 60px; top: 0; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 30px; color: #FFC7C6; }
            .wrap .cont ul li a.bottom .con { position: absolute; left: 50px; top: 35px; display: block; width: 100px; height: 50px; line-height: 50px; font-size: 30px; color: #FEEBA6; }
            .wrap .cont ul li a.bottom .des { position: absolute; left: 30px; top: 85px; display: block; width: 100px; height: 50px; line-height: 25px; font-size: 14px; color: #E3A84A; text-align: center; }


.wrap1 { background: url(/images/act-bg.png)no-repeat center 0; min-height: 2194px; }
    .wrap1 .nav { position: absolute; right: 99px; top: 37px; background: url(/images/tg-nav-bg.png) no-repeat; width: 317px; height: 39px; }
    .wrap1 header .nav a { float: left; display: block; width: 73px; height: 37px; line-height: 37px; font-size: 16px; text-align: center; padding-right: 10px; color: #fffca4; }
        .wrap1 header .nav a:hover { color: #ff7219; }
    .wrap1 header .nav .main { width: 101px; padding-left: 30px; background: url(/images/icon-main.png) 25px 10px no-repeat; color: #ffffff; }
    .wrap1 header .time { position: absolute; left: 41.9%; top: 455px; height: 40px; line-height: 40px; font-size: 20px; color: #ffffff; }
    .wrap1 .videobtn { position: absolute; left: 853px; top: 510px; width: 115px; height: 115px; cursor: pointer; }
    .wrap1 .cont { position: relative; width: 1560px; float: left; margin-top: 615px; }
        .wrap1 .cont .cont-left { float: left; width: 360px; height: 1137px; }
            .wrap1 .cont .cont-left ul { width: 360px; position: relative; height: 1137px; }
                .wrap1 .cont .cont-left ul li:nth-child(1) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 0; left: 0; }
                .wrap1 .cont .cont-left ul li:nth-child(2) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 125px; left: 125px; }
                .wrap1 .cont .cont-left ul li:nth-child(3) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 253px; left: 0; }
                .wrap1 .cont .cont-left ul li:nth-child(4) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 378px; left: 125px; }
                .wrap1 .cont .cont-left ul li:nth-child(5) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 506px; left: 0; }
                .wrap1 .cont .cont-left ul li:nth-child(6) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 631px; left: 125px; }
                .wrap1 .cont .cont-left ul li:nth-child(7) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 759px; left: 0; }
                .wrap1 .cont .cont-left ul li:nth-child(8) { float: left; width: 150px; height: 150px; cursor: pointer; position: absolute; top: 884px; left: 125px; }
                .wrap1 .cont .cont-left ul li a { position: relative; display: block; width: 251px; cursor: pointer; height: 273px; background: url(/images/tg-cont-bottom.png) no-repeat; }
                .wrap1 .cont .cont-left ul li.active a { background: url(/images/tg-cont-hover.png) no-repeat; }
                .wrap1 .cont .cont-left ul li a:hover { background: url(/images/tg-cont-hover.png) no-repeat; }
                .wrap1 .cont .cont-left ul li a .index { position: absolute; left: 110px; top: 40px; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 30px; color: #FFC7C6; }
                .wrap1 .cont .cont-left ul li a .con { position: absolute; left: 96px; top: 80px; display: block; width: 100px; height: 50px; line-height: 50px; font-size: 30px; color: #FEEBA6; }
                .wrap1 .cont .cont-left ul li a .des { position: absolute; left: 76px; top: 135px; display: block; width: 100px; height: 50px; line-height: 25px; font-size: 14px; color: #E3A84A; text-align: center; }
        .wrap1 .cont .cont-right { float: right; width: 1200px; height: 1318px; margin-top: 130px; }
            .wrap1 .cont .cont-right .title { display: block; width: 1200px; height: 100px; line-height: 100px; font-size: 30px; text-align: center; }
            .wrap1 .cont .cont-right .con { width: 1071px; height: 1198px; background: url(/images/act-cont-bg.png) no-repeat; font-size: 16px; margin-left: 10px; padding: 50px 50px 0 50px; }
                .wrap1 .cont .cont-right .con .sub-title { display: block; width: 300px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; border-radius: 40px; color: #aa433c; background-color: #ffcc5f; }
                .wrap1 .cont .cont-right .con .yellow { color: #b78f6b; display: block; width: 200px; height: 50px; line-height: 50px; margin-left: 20px; }
                .wrap1 .cont .cont-right .con .text { margin-left: 50px; line-height: 30px; }



.left-float { position: fixed; left: 30px; top: 30%; width: 199px; height: 463px; z-index: 3; }
    .left-float .top { display: block; width: 199px; height: 227px; background: url(/images/left-top.png) no-repeat; }
        .left-float .top:hover { background: url(/images/left-top-hover.png) no-repeat; }
    .left-float .bottom { display: block; width: 199px; height: 236px; background: url(/images/left-bottom.png) no-repeat; }
        .left-float .bottom:hover { background: url(/images/left-bottom-hover.png) no-repeat; }
.right-float { position: fixed; right: 30px; top: 30%; width: 199px; height: 463px; z-index: 3; }
    .right-float .top { display: block; width: 199px; height: 227px; background: url(/images/right-top.png) no-repeat; }
        .right-float .top:hover { background: url(/images/right-top-hover.png) no-repeat; }
    .right-float .bottom { display: block; width: 199px; height: 236px; background: url(/images/right-bottom.png) no-repeat; }
        .right-float .bottom:hover { background: url(/images/right-bottom-hover.png) no-repeat; }

/* 底部样式 */
footer { background: url(/images/footer-bg.png); height: 318px; }
    footer .cont { width: 1200px; height: 288px; margin: 0 auto; padding-top: 30px; }
        footer .cont .logo { width: 400px; height: 150px; float: left; border-right: 1px solid #ff0000; margin: 50px 0; }
            footer .cont .logo .logo-left { float: left; width: 165px; height: 150px; padding-top: 30px; }
                footer .cont .logo .logo-left img { width: 169px; }
            footer .cont .logo .logo-right { float: left; width: 173px; height: 150px; margin-left: 25px; }
                footer .cont .logo .logo-right img { width: 173px; }
        footer .cont .text { width: 650px; float: left; margin-left: 30px; }
            footer .cont .text p { height: 35px; line-height: 35px; color: #ffffff; font-size: 14px; }