* { 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",tahoma, arial, "Hiragino Sans GB", sans-serif, "宋体"; color: #333; line-height: 1.5; margin: 0px auto; text-align: center; font-size: 1rem; font-weight: 400; }
body, html { height: 100%; margin: 0 auto; padding: 0; font-size: 16px; }
html { background: #fff; }
div, form, img, ul, ol, li, dl, dt, dd { margin: 0 auto; 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; }
img { vertical-align: middle; }

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

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

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

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

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

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

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





#container { width: 100%; position: relative; }

.indHeader { display: none; }
.header { width: 100%; }
.bigmenu { width: 100%; margin: 0px auto; }
    .bigmenu .bg { position: relative; width: 100%; }
        .bigmenu .bg .topmenubig { width: 100%; z-index: 100; position: fixed; top: 0px; background-color: none; -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: 1340px; padding: 0px 1rem; width: 100%; margin: 0px auto; border: solid 0px #000; display: flex; justify-content: center; align-items: center; }
                .bigmenu .bg .topmenubig .topmenu .logo { max-width: 158px; }
                    .bigmenu .bg .topmenubig .topmenu .logo img { width: 100%; }

                .bigmenu .bg .topmenubig .topmenu .menu { flex: 1; margin-left: 60px; padding: 16px 0px; }
                    .bigmenu .bg .topmenubig .topmenu .menu > ul { border: solid 0px #000; list-style: none; }
                        .bigmenu .bg .topmenubig .topmenu .menu > ul > li { position: relative; display: inline-block; float: left; margin: 0px 5px; position: relative; border: solid 0px #fff; }
                            .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a { padding: 10px 15px; text-align: center; font-size: 1rem; display: block; color: #fff; font-weight: 400; border: solid 0px #fff; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                            .bigmenu .bg .topmenubig .topmenu .menu > ul > li.action > a { background-color: #f39800; color: #fff; border-bottom: solid 3px #fff; }
                            .bigmenu .bg .topmenubig .topmenu .menu > ul > li:hover > a { background-color: #f39800; color: #fff; border-bottom: solid 3px #fff; }



                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li > .chlidmenu { z-index: 1001; overflow: hidden; width: 125px; height: 0px; top: 48px; left: -15px; margin: 0px; position: absolute; border: solid 0px #fff; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                    .bigmenu .bg .topmenubig .topmenu > .menu > ul > li > .chlidmenu a { line-height: 30px; height: 30px; background: rgba(4,4,4,0.8); border-radius: 0px; color: #f5f5f5; padding: 0px 16px; display: block; text-align: center; font-size: 1rem; }
                        .bigmenu .bg .topmenubig .topmenu > .menu > ul > li > .chlidmenu a:hover { color: #f39800; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover > .chlidmenu { height: 150px }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu a { border-bottom: solid 0px #fff; }


                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li .chlidmenu1 { width: 175px; left: -40px; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu1 { height: 270px }

                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li .chlidmenu2 { width: 175px; left: -55px; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu2 { height: 210px }

                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li .chlidmenu3 { left: -25px; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu3 { height: 30px }

                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li .chlidmenu4 { width: 175px; left: -48px; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu4 { height: 210px }

                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li .chlidmenu5 { left: -15px; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu5 { height: 90px }

                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li .chlidmenu6 { left: -15px; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu6 { height: 60px }

                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li .chlidmenu7 { left: -30px; }
                .bigmenu .bg .topmenubig .topmenu > .menu > ul > li:hover .chlidmenu7 { height: 60px }


                .bigmenu .bg .topmenubig .topmenu .user { line-height: 1; vertical-align: middle; display: flex; align-items: center; }
                    .bigmenu .bg .topmenubig .topmenu .user .icon { color: #fff; border: solid 0px #fff; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                    .bigmenu .bg .topmenubig .topmenu .user a { vertical-align: middle; color: #fff; font-size: 14px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                        .bigmenu .bg .topmenubig .topmenu .user a i { padding-bottom: 3px; padding-right: 3px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                        .bigmenu .bg .topmenubig .topmenu .user a b { font-weight: 400; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                    .bigmenu .bg .topmenubig .topmenu .user .icon2 { overflow: hidden; display: inline-block; color: #fff; margin-left: 5px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }







    .bigmenu .bgacton { width: 100%; }
        .bigmenu .bgacton .topmenubig { top: 0px; background: rgba(0,0,0,0.68); height: 47px; }
            .bigmenu .bgacton .topmenubig .topmenu { padding-top: 5px; }
                .bigmenu .bgacton .topmenubig .topmenu .logo { max-width: 108px; }
                .bigmenu .bgacton .topmenubig .topmenu .menu { padding: 0px 0px; }
                .bigmenu .bgacton .topmenubig .topmenu > .menu > ul > li > .chlidmenu { top: 42px; }
                .bigmenu .bgacton .topmenubig .topmenu .menu > ul > li > a { padding: 5px 15px; }
                .bigmenu .bgacton .topmenubig .topmenu .user a b { font-size: 0px; }


@media only screen and (max-width:1280px) {
    .bigmenu .bg .topmenubig .topmenu .logo { max-width: 108px; }
    .bigmenu .bg .topmenubig .topmenu .menu { margin-left: 40px; }
    .bigmenu .bg .topmenubig .topmenu .user a b { font-size: 0px; }
}

@media only screen and (max-width:1200px) {
    .bigmenu .bg .topmenubig .topmenu .user .icon2 > a { font-size: 0px; }
}

@media only screen and (max-width:1080px) {
    .bigmenu .bg .topmenubig .topmenu .menu { margin-left: 20px; }
        .bigmenu .bg .topmenubig .topmenu .menu > ul > li { margin: 0px 3px; }
}

@media only screen and (max-width:1024px) {
    .bigmenu .bg .topmenubig .topmenu .logo { max-width: 98px; }
    .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a { padding: 10px 8px; font-size: 14px; }
    .bigmenu .bgacton .topmenubig .topmenu .menu > ul > li > a { padding: 5px 8px; }
}

@media only screen and (max-width:960px) {
    .bigmenu .bg .topmenubig .topmenu .logo { max-width: 78px; }
    .bigmenu .bg .topmenubig .topmenu .menu > ul > li > a { padding: 10px 5px; font-size: 14px; }
    .bigmenu .bgacton .topmenubig .topmenu .menu > ul > li > a { padding: 5px 5px; }
}





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

    .navBtn { float: right; border: solid 0px #fff; cursor: pointer; margin-right: 10px; 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: 10px 10px; background: rgba(0,0,0,0.5); z-index: 2000; width: 100%; position: absolute; top: 0px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
        .indHeader.menuOn { }
        .indHeader .logos { max-width: 88px; float: left; padding-left: 0px; }
            .indHeader .logos img { max-width: 100%; vertical-align: top; margin-top: 5px; }
        .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: absolute; z-index: 2999; right: 100%; top: 0px; width: 0; height: 100%; min-height: 1280px; bottom: 0px; 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: 15px; width: 100%; padding: 0px 20px; position: relative; }
            .drawer-nav > .drawerlogo img { max-width: 88px }
            .drawer-nav > .drawerlogo > .drawerclose { font-size: 32px; cursor: pointer; position: absolute; right: 20px; top: -5px; color: #fff; height: 25px; line-height: 1; }
        .drawer-nav > ul { display: block; width: 100%; margin-top: 20px; padding: 0px 10px; }
            .drawer-nav > ul > li { text-align: left; 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 0px; }
                .drawer-nav > ul > li.action > a { color: #f39800; }
                .drawer-nav > ul > li:hover > a { color: #f39800; }


                .drawer-nav > ul > li > .chlidmenu { margin-left: 24px; margin-bottom: 10px; margin-top: 0px; }
                    .drawer-nav > ul > li > .chlidmenu > a { padding: 3px 0px; margin-right: 10px; display: inline-block; font-size: 14px; color: #fff; }



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



.inputsearch { border: solid 1px #ddd; border-radius: 3px; padding: 10px; width: 100%; height: 42px; font-size: 16px; line-height: 1; color: #444; }
input[type='text'] { font-family: "Microsoft YaHei" }
input:-ms-input-placeholder { color: #666; font-family: 'Microsoft YaHei'; font-weight: 400; font-size: 14px; }
input::-webkit-input-placeholder { color: #666; font-family: 'Microsoft YaHei'; font-weight: 400; font-size: 14px; }
input::-moz-placeholder { color: #666; font-family: 'Microsoft YaHei'; font-weight: 400; font-size: 14px; }
input:-moz-placeholder { color: #666; font-family: 'Microsoft YaHei'; font-weight: 400; font-size: 14px; }







.foot { text-align: left; font-size: 14px; background-color: #252f3c; width: 100%; overflow: hidden; padding: 80px 16px 30px 16px; }
    .foot > .conn { text-align: left; width: 100%; max-width: 1200px; margin: 0px auto; display: flex; text-align: center; }
        .foot > .conn > .fleft { flex: 1; }
            .foot > .conn > .fleft > ul { width: 100%; text-align: left; }
                .foot > .conn > .fleft > ul > li { float: left; width: 20%; color: #dcdcdc; text-align: left; }
                    .foot > .conn > .fleft > ul > li > b { width: 100%; display: block; line-height: 50px; font-size: 16px; }
                    .foot > .conn > .fleft > ul > li > a { display: block; width: 100%; color: #dcdcdc; font-size: 14px; padding: 5px 0px; }
                    .foot > .conn > .fleft > ul > li .workimg { width: 100%; max-width: 128px; text-align: left; margin: 0px; }
                        .foot > .conn > .fleft > ul > li .workimg img { max-width: 100%; }


        .foot > .conn > .fright { padding-left: 20px; }
            .foot > .conn > .fright > .logo { overflow: hidden; padding-top: 12px; }
                .foot > .conn > .fright > .logo > img { max-width: 100%; }
            .foot > .conn > .fright > .ficon { margin-top: 40px; display: flex; justify-content: center; }
                .foot > .conn > .fright > .ficon > .qrcode { padding: 0px 15px; position: relative; cursor: pointer; width: 64px; }
                    .foot > .conn > .fright > .ficon > .qrcode > .img { position: absolute; display: none; left: -90px; top: -60px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                        .foot > .conn > .fright > .ficon > .qrcode > .img > img { max-width: 90px; }
                        .foot > .conn > .fright > .ficon > .qrcode > .img > b { display: block; text-align: center; color: #fff; }
                    .foot > .conn > .fright > .ficon > .qrcode:hover > .img { display: block; }



    .foot > .links { margin-top: 40px; width: 100%; max-width: 1200px; margin: 0px auto; }
        .foot > .links > .icpno { width: 100%; line-height: 2; margin-bottom: 5px; text-align: center; }
            .foot > .links > .icpno > div { display: inline-block; padding: 0px 10px; position: relative; }
                .foot > .links > .icpno > div > a { display: inline-block; font-size: 14px; color: #878787; }
                    .foot > .links > .icpno > div > a > img { display: inline-block; }
        .foot > .links > .beian { color: #878787; width: 100%; border-bottom: solid 1px #777777; text-align: center; line-height: 20px; padding-bottom: 5px; }
            .foot > .links > .beian > span { display: inline-block; }
        .foot > .links > .link { color: #878787; width: 100%; text-align: center; line-height: 1.5; padding-top: 10px; }
            .foot > .links > .link > a { color: #878787; padding-left: 10px; padding-right: 10px; }


@media only screen and (max-width:768px) {
    .foot { padding: 20px 10px 20px 10px; margin-bottom: 0px; }
        .foot > .conn { display: none; }
        .foot > .links { margin-top: 10px; width: 100%; max-width: 1200px; }
            .foot > .links > .beian { border-bottom-style: none; }
            .foot > .links > .link { display: none; }
}


@media only screen and (max-width:480px) {
    .foot > .links > .icpno > div > a { font-size: 12px; }
    .foot > .links > .beian { font-size: 12px; }
}






.mobilebottom { display: none; }

@media only screen and (max-width:768px) {
    .mobilebottom { display: block; z-index: 2000; margin: 0px auto; width: 100%; height: 50px; bottom: 0px; position: fixed; background-color: #fff; border-top: solid 2px #f5f5f5; }
        .mobilebottom ul { list-style: none; overflow: hidden; }
            .mobilebottom ul li { width: 33%; float: left; text-align: center; height: 50px; color: #fff; padding-top: 5px; }
                .mobilebottom ul li a { font-size: 12px; color: #1b1b1b; }
                .mobilebottom ul li img { margin: 0px auto; max-height: 20px; margin-bottom: 5px; }
                .mobilebottom ul li b { font-size: 12px; color: #1b1b1b; font-weight: 400; }
                .mobilebottom ul li i { color: #b11818; display: block; }
}


.mfoot { background-color: #252f3c; width: 100%; overflow: hidden; padding: 10px 0px 10px 0px; }
    .mfoot .beian { color: #fff; }


.tipsmsg { position: absolute; top: 0px; left: 0px; right: 0px; color: #ccc; line-height: 2; padding: 0px 10px; font-size: 16px; background: #fff; }
    .tipsmsg > a { font-size: 18px; color: red; font-weight: 700; }
        .tipsmsg > a > span.tx { font-size: 18px; font-weight: bold }
        .tipsmsg > a > span.look { margin-left: 30px; font-size: 14px; font-weight: 400; background: red; line-height: 1; color: #fff; padding: 1px 10px; border-radius: 10px; }


@media only screen and (max-width:768px) {
    .tipsmsg { top: 40px; line-height: 1.8; font-size: 14px; }
        .tipsmsg > a { font-size: 14px; }
            .tipsmsg > a > span.tx { font-size: 14px; }
            .tipsmsg > a > span.look { font-size: 12px; display: inline-block; line-height: 1.5; }
}




.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; }
.container-fluid { padding: 0px; }


@media (min-width: 768px) {
    .container-md, .container-sm, .container { max-width: 720px; }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container { max-width: 960px; }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; }
}



input:-ms-input-placeholder { color: #e6e6e6; }
/* Internet Explorer 10+ */
input::-webkit-input-placeholder { color: #e6e6e6; }
/* WebKit browsers */
input::-moz-placeholder { color: #e6e6e6; }
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder { color: #e6e6e6; }
/* Mozilla Firefox 19+ */