* { 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.5; margin: 0px; text-align: left; font-size: 1rem; font-weight: 400; }
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: 14px; color: #003c9c; text-decoration: none; }
A.orange:link, A.orange:visited, A.orange:hover { font-size: 14px; 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: 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% }
}



.hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; overflow: hidden }
    .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #f08200; height: 2px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
    .hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before { left: 0; right: 0 }


.indHeader { display: none; }
.header { width: 100%; }
.bigmenu { width: 100%; margin: 0px auto; }
    .bigmenu .bg { width: 100%; position: fixed; z-index: 9999; top: 0px; z-index: 999; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
        .bigmenu .bg .topmenubig { width: 100%; padding: 20px 6%; max-width: 1920px; margin: 0px auto; -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: 100%; width: 100%; margin: 0px auto; display: flex; justify-content: center; align-items: center; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                .bigmenu .bg .topmenubig .topmenu .logo { max-width: 179px; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                    .bigmenu .bg .topmenubig .topmenu .logo img { max-width: 100%; }

                .bigmenu .bg .topmenubig .topmenu .menu { flex: 1; margin-left: 15px; text-align: right; }
                    .bigmenu .bg .topmenubig .topmenu .menu > .mus { text-align: right; display: flex; justify-content: flex-end; }
                        .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul { display: flex; align-items: stretch; justify-content: flex-end; flex-wrap: wrap; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                            .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li { padding: 0px 25px; display: flex; align-items: center; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s }
                                .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li > a { line-height: 1; padding-bottom: 8px; font-size: 1rem; color: #fff }
                                .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li.action { padding: 0px 15px; color: #f08200; }
                                    .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li.action > a { color: #f08200; }
                                        .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li.action > a:before { left: 0; right: 0; content: ""; position: absolute; z-index: -1; bottom: 0; background: #f08200; height: 2px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
                                .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li.en { display: none; }



                                .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li:hover > a { color: #f08200; }
                        .bigmenu .bg .topmenubig .topmenu .menu > .mus > .search { margin-left: 3%; height: 20px; }



    .bigmenu .bgacton { width: 100%; background-color: rgba(255,255,255,0.95); box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); }
        .bigmenu .bgacton .topmenubig { padding-top: 10px; padding-bottom: 10px; }
            .bigmenu .bgacton .topmenubig .topmenu .logo { max-width: 129px; }
                .bigmenu .bgacton .topmenubig .topmenu .logo img { content: url(../images/master/logoblack.png) }
            .bigmenu .bgacton .topmenubig .topmenu .menu > .mus > ul > li > a { color: #333; }
            .bigmenu .bgacton .topmenubig .topmenu .menu > .mus > .search svg { fill: #333; }

@media only screen and (max-width:1440px) {
    .bigmenu .bg .topmenubig .topmenu .logo { max-width: 160px; }
    .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li { padding: 0px 22px; }
}

@media only screen and (max-width:1366px) {
    .bigmenu .bg .topmenubig .topmenu .logo { max-width: 150px; }
    .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li { padding: 0px 18px; }
    .bigmenu .bg .topmenubig .topmenu .menu > .mus > .search { margin-left: 2%; }
}

@media only screen and (max-width:1280px) {
    .bigmenu .bg .topmenubig { padding-left: 3%; padding-right: 3%; }
        .bigmenu .bg .topmenubig .topmenu .menu { margin-left: 5px; }
        .bigmenu .bg .topmenubig .topmenu .logo { max-width: 120px; }
        .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li { padding: 0px 10px; }
        .bigmenu .bg .topmenubig .topmenu .menu > .mus > .search { margin-left: 1%; }
}

@media only screen and (max-width:1024px) {
    .bigmenu .bg .topmenubig { padding-left: 1rem; padding-right: 1rem; }
        .bigmenu .bg .topmenubig .topmenu .menu { margin-left: 0px; }
        .bigmenu .bg .topmenubig .topmenu .logo { max-width: 90px; }
        .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li { padding: 0px 10px; }
            .bigmenu .bg .topmenubig .topmenu .menu > .mus > ul > li > a { font-size: 14px; }
        .bigmenu .bg .topmenubig .topmenu .menu > .mus > .search { margin-left: 1%; }
}




@media only screen and (max-width:960px) {
    .bigmenu { display: none; }
    .navBtn { float: right; cursor: pointer; margin-right: 0.75rem; 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: #000; }
                .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: flex; background-color: rgba(255,255,255,0.9); position: fixed; width: 100%; top: 0px; z-index: 999; align-items: center; padding-top: 10px; padding-bottom: 10px; overflow: hidden; }
        .indHeader .logos { flex: 1; float: left; padding: 0px 0.75rem; }
            .indHeader .logos img { max-width: 90px; 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: 2999; padding: 0px 0.75rem; 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: 1.5rem; width: 100%; padding: 0px 0.75rem; position: relative; }
            .drawer-nav > .drawerlogo img { max-width: 90px }
            .drawer-nav > .drawerlogo > .drawerclose { display: none; font-size: 32px; cursor: pointer; position: absolute; right: 0.75rem; top: 0px; color: #fff; height: 25px; }
        .drawer-nav > .mus { width: 100%; margin-top: 2rem; padding: 0px 0.75rem; }
            .drawer-nav > .mus > ul { width: 100%; display: none; margin-top: 0px; }
                .drawer-nav > .mus > ul > li { width: 100%; padding: 1rem 0px; border-bottom: solid 0px #f8f8f8; text-align: center; }
                    .drawer-nav > .mus > ul > li > a { color: #fff; font-size: 1.15rem; }
                    .drawer-nav > .mus > ul > li.action > a { color: #f08200; }
                    .drawer-nav > .mus > ul > li:hover > a { color: #f08200; }
            .drawer-nav > .mus > .search { display: none; }
    .menuOn > .drawer-nav { width: 100%; right: 0%; }
        .menuOn > .drawer-nav > .mus > ul { display: block; }
        .menuOn > .drawer-nav > .drawerlogo > .drawerclose { display: block; }
}



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; }





.footerbig { background-color: #898989; padding: 0px 6%; width: 100%; max-width: 1920px; margin: 0px auto; background-repeat: repeat; }
.footer { margin: 0px auto; width: 100%; display: flex; padding: 4rem 0px 4rem 0px; align-items: start; flex-wrap: wrap; }
    .footer > .left { text-align: left; padding-right: 5%; }
    .footer > .center { flex: 1; padding: 0px 3%; }
        .footer > .center > ul { width: 100%; display: flex; justify-content: space-between; }
            .footer > .center > ul > li > a { color: #fff; display: block; font-size: 14px; padding: 3px; }
                .footer > .center > ul > li > a > b { display: block; color: #fff; margin-bottom: 10px; }


    .footer > .right { text-align: left; padding-left: 5%; }
        .footer > .right > b { color: #fff; font-size: 14px; display: block; padding-bottom: 10px; }
        .footer > .right > p { color: #fff; font-size: 14px; padding-bottom: 10px; }



.beian { text-align: center; color: #fff; padding: 10px; font-size: 14px; }
    .beian > a { color: #fff; font-size: 14px; margin: 0px 20px; display: inline-block; }

@media (max-width: 1280px) {
    .footerbig { padding: 0px 3%; }
    .footer > .left { padding-right: 2%; }
    .footer > .center { padding: 0px 1%; }
    .footer > .right { padding-left: 2%; }
}

@media (max-width: 1024px) {
    .footerbig { padding: 0px 1rem; }
}

@media (max-width: 960px) {
    .footer { flex-wrap: wrap; }
        .footer > .left { width: 100%; margin-bottom: 10px; text-align: center; }
            .footer > .left img { margin: 0px auto; }
        .footer > .center { flex: none; width: 100%; margin-bottom: 10px; }

            .footer > .center > ul { flex-wrap: wrap; justify-content: flex-start; }
                .footer > .center > ul > li { width: 33%; margin-bottom: 20px; }
        .footer > .right { width: 100%; }
}



.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: 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; }
}