@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Custom Reset */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1; }
img { max-width: 100%; height: auto; vertical-align: middle; }

/* 字体 */
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    font-display: swap;
    src: url('../fonts/SourceHanSans/SourceHanSansCN-Bold.eot'); /* IE9*/
    src: url('../fonts/SourceHanSans/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.woff2') format('woff2'),
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.woff') format('woff'), /* chrome、firefox */
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg'); /* iOS 4.1- */
}



/* body */
body { background: #f0f0f0; }
body.body-white { background: #fff; }

/* nav */
.navbar_wrap {
    position: absolute; min-height: 50px; background: transparent;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
       -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
         -o-transition: all .5s linear;
}
.navbar_black { background: rgba(21,22,23,1); }
.navbar_open { background: #151617; }
.navbar_wrap.navbar_open .navbar-toggle span:nth-last-child(3) {
    -webkit-transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
            transform: translateY(6px) rotate(45deg);
    -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
}
.navbar_wrap.navbar_open .navbar-toggle span:nth-last-child(2) { opacity: 0; }
.navbar_wrap.navbar_open .navbar-toggle span:last-child {
    -webkit-transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
            transform: translateY(-6px) rotate(-45deg);
    -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
}
.navbar_wrap .navbar-toggle .icon-bar {
    background-color: #fff;
    -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
}
.navbar_wrap .navbar-brand { display: block; width: 114px; height: auto; padding-top: 13px; padding-right: 0; padding-bottom: 0; padding-left: 24px; }
.navbar_wrap .navbar-collapse { border-color: transparent; }
.navbar_wrap .navbar-nav>li>a { color: #fff; }
.navbar_wrap .navbar-nav>li>a:hover, .navbar_wrap .navbar-nav>li>a:focus { color: #ffa319; }
.navbar_wrap .navbar-nav>.active>a, .navbar_wrap .navbar-nav>.active>a:hover, .navbar_wrap .navbar-nav>.active>a:focus { color: #ffa319; }
.header-seat { min-height: 50px; background: rgba(21,22,23,1); transition: .25s ease; }
@media (max-width: 767.98px) {
    .navbar-toggle { margin-top: 8px; margin-bottom: 8px; }
}
@media (min-width: 768px) {
    .navbar_wrap {
        min-height: 64px;
    }
    .navbar_wrap .navbar-brand { width: 170px; }
    .navbar_wrap .navbar-nav>li>a { padding-top: 22px; padding-bottom: 22px; }
    .header-seat { min-height: 64px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar_wrap .navbar-collapse { padding: 0 15px; }
}
@media (min-width: 992px) {
    .navbar_wrap .navbar-brand { padding-left: 15px; }
}
@media (min-width: 1200px) {
    .navbar_wrap {
        min-height: 90px;
    }
    .navbar_wrap .navbar-brand { width: 191px; padding-top: 22px; }
    .navbar_wrap .navbar-nav>li>a { padding-top: 35px; padding-bottom: 35px; }
    .header-seat { min-height: 90px; }
}

/* footer */
.footer_blue { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #090945; }
.footer_gray { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f2f2f2; }
.footer-nav .footer-brand { padding: 18px 15px; }
.footer-nav .footer-logo { display: block; width: 104px; height: auto; }
.footer_blue .footer-nav .footer-brand i { display: block; height: 16px; margin-top: 10px; background: url('../images/slogan.png') 0 0/contain no-repeat; }
.footer_gray .footer-nav .footer-brand i { display: block; height: 16px; margin-top: 10px; background: url('../images/slogan_blue.png') 0 0/contain no-repeat; }
.footer_blue .footer-nav h3 { padding: 15px 9px; font-size: .875rem; font-weight: 700; color: #fff; border-top: 1px solid rgba(255,255,255,.5); }
.footer_gray .footer-nav h3 { padding: 15px 9px; font-size: .875rem; font-weight: 700; color: #6b6b6b; border-top: 1px solid rgba(198,198,198,.5); }
.footer-nav h3 .icon-fold { display: inline-block; position: absolute; top: 14px; right: 29px; width: 20px; height: 20px; }
.footer_blue .footer-nav h3 .icon-fold:after, .footer_blue .footer-nav h3 .icon-fold:before { content: ""; display: block; background-color: rgba(255,255,255,.4); }
.footer_gray .footer-nav h3 .icon-fold:after, .footer_gray .footer-nav h3 .icon-fold:before { content: ""; display: block; background-color: rgba(72,72,72,.4); }
.footer_blue .footer-nav h3 .icon-fold:after, .footer_gray .footer-nav h3 .icon-fold:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: .25s;
            transition: .25s
}
.footer_blue .footer-nav h3 .icon-fold:after {
    position: absolute; top: 50%; left: 50%; width: 0; height: 9pt; margin-top: -6px; margin-left: -1px; border-left: 1px solid rgba(255,255,255,.4); border-right: 1px solid rgba(255,255,255,.4);
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.footer_gray .footer-nav h3 .icon-fold:after {
    position: absolute; top: 50%; left: 50%; width: 0; height: 9pt; margin-top: -6px; margin-left: -1px; border-left: 1px solid rgba(72,72,72,.4); border-right: 1px solid rgba(72,72,72,.4);
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.footer_blue .footer-nav h3 .icon-fold:before { position: absolute; top: 50%; left: 50%; width: 9pt; height: 0; margin-top: -1px; margin-left: -6px; border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.4); }
.footer_gray .footer-nav h3 .icon-fold:before { position: absolute; top: 50%; left: 50%; width: 9pt; height: 0; margin-top: -1px; margin-left: -6px; border-top: 1px solid rgba(72,72,72,.4); border-bottom: 1px solid rgba(72,72,72,.4); }
.footer_blue .footer-nav h3.collapsed .icon-fold:after, .footer_gray .footer-nav h3.collapsed .icon-fold:after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.footer-nav .navbar-collapse { padding: 9px; }
.footer-nav ul li { padding: 10px 0; }
.footer_blue .footer-nav ul li a { font-size: .75rem; color: #fff; }
.footer_gray .footer-nav ul li a { font-size: .75rem; color: #6b6b6b; }
.footer_blue .footer-contact .contact-txt { padding: 32px 0 32px 42px; background: url('../images/footer_icon01.png') 0 50%/32px no-repeat; }
.footer_gray .footer-contact .contact-txt { padding: 32px 0 32px 42px; background: url('../images/footer_icon01_gray.png') 0 50%/32px no-repeat; }
.footer_blue .footer-contact .contact-txt h4 { font-size: .875rem; font-weight: 700; color: #fff; }
.footer_gray .footer-contact .contact-txt h4 { font-size: .875rem; font-weight: 700; color: #6b6b6b; }
.footer_blue .footer-contact .contact-txt p { margin-top: 5px; font-size: 1.25rem; color: #0DC9FF; }
.footer_gray .footer-contact .contact-txt p { margin-top: 5px; font-size: 1.25rem; color: #f98b29; }
.footer_blue .copyright .descriptions { padding-top: 0.5rem; padding-bottom: 0.5rem; border-top: 1px solid rgba(255,255,255,.5); }
.footer_gray .copyright .descriptions { padding-top: 0.5rem; padding-bottom: 0.5rem; border-top: 1px solid rgba(198,198,198,.5); }
.footer_blue .copyright .descriptions a, .footer_blue .copyright .descriptions p { font-size: .75rem; color: #fff; }
.footer_gray .copyright .descriptions a, .footer_gray .copyright .descriptions p { font-size: .75rem; color: #6b6b6b; }
#footer .copyright, .footer-nav .footer-contact, .footer-nav .category, .footer-nav .footer-brand { margin-left: 9px; margin-right: 9px; }
#wechat-customer-in { display: none; position: fixed; bottom: 80px; left: 15px; z-index: 1; width: 106px; height: 156px; text-align: center; }
#wechat-customer-in .qrcode-bg { width: 100%; height: 100%; padding: 29.8% 15.8% 0 15%; background: url('../images/wechat_bg.png') center/cover no-repeat; }
#wechat-customer-in .qrcode-bg .wechat-describe { font-size: 12px; line-height: 1.1; }
#wechat-customer-in .qrcode-bg .wechat-describe .gift { color: #eb064b; }
#wechat-customer-in .timer { position: absolute; bottom: 4.5%; width: 100%; font-size: 12px; color: #fff; }
#wechat-customer-in .wechat-customer-close { position: absolute; width: 100%; cursor: pointer; text-shadow: 1px 1px 1px #fff; }
#wechat-customer-in .wechat-customer-close:hover { color: #eb064b; }
@media (min-width: 768px) {
    .footer-nav .footer-logo { width: 146px; }
    .footer_blue .footer-nav .footer-brand i, .footer_gray .footer-nav .footer-brand i { height: 22px; }
    #wechat-customer-in { bottom: 200px; left: 20px; width: 148px; height: 218px; }
    #wechat-customer-in .qrcode-bg .wechat-describe { font-size: 13px; line-height: 1.2; }
    #wechat-customer-in .timer { bottom: 5%; font-size: 13px; }
}
@media (max-width: 991.98px) {
    .footer-nav .list-unstyled { margin-right: 9px; margin-left: 9px; }
    .footer_blue .footer-contact .contact-txt { border-top: 1px solid rgba(255,255,255,.5); }
    .footer_gray .footer-contact .contact-txt { border-top: 1px solid rgba(198,198,198,.5); }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #footer .footer-nav .navbar-collapse.collapse { display: none !important; }
    #footer .footer-nav .navbar-collapse.collapse.in { display: block !important; }
}
@media (min-width: 992px) {
    .footer-nav { padding-top: 45px; }
    .footer-nav .footer-brand { padding-top: 15px; padding-bottom: 15px; }
    .footer_blue .footer-nav h3, .footer_gray .footer-nav h3 { position: relative; left: 50px; font-size: 16px; border-top: none; }
    .footer_blue .footer-nav h3:after { content: ""; display: block; position: relative; top: 15px; left: 0; width: 146px; height: 1px; background-color: rgba(255,255,255,.2); }
    .footer_gray .footer-nav h3:after { content: ""; display: block; position: relative; top: 15px; left: 0; width: 146px; height: 1px; background-color: rgba(198,198,198,.2); }
    .footer-nav ul { position: relative; left: 50px; }
    .footer_blue .footer-nav ul li a,.footer_gray .footer-nav ul li a { font-size: 16px; }
    .footer_blue .footer-contact .contact-txt { position: absolute; left: 50px; padding-top: 15px; padding-bottom: 15px; background: url(../images/footer_icon01.png) 0 19px/32px no-repeat; }
    .footer_gray .footer-contact .contact-txt { position: absolute; left: 50px; padding-top: 15px; padding-bottom: 15px; background: url(../images/footer_icon01_gray.png) 0 19px/32px no-repeat; }
    .footer_blue .footer-contact .contact-txt h4, .footer_gray .footer-contact .contact-txt h4 { font-size: 16px; }
    #footer .copyright, .footer-nav .footer-contact, .footer-nav .category, .footer-nav .footer-brand { margin: 0; }
}
@media (min-width: 1200px) {
    .footer-nav .footer-logo { width: 176px; }
    .footer_blue .footer-nav .footer-brand i, .footer_gray .footer-nav .footer-brand i { height: 26px; }
    .footer_blue .footer-nav h3, .footer_gray .footer-nav h3, .footer-nav ul { left: 60px; }
    .footer_blue .footer-contact .contact-txt, .footer_gray .footer-contact .contact-txt { left: 76px; }
    .footer_blue .footer-contact .contact-txt p, .footer_gray .footer-contact .contact-txt p { font-size: 1.5rem; }
}

@media (min-height: 600px) and (min-width: 1000px) {
	[id^='yzfh5-main-contact-'].main-contact { bottom: 150px !important }
	[id^='yzfh5-main-chat-'].main-chat { bottom: 100px !important }
}

/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/
#backtotop { position: fixed; bottom: 50px; right: 20px; display: none; cursor: pointer; font-size: 50px; z-index: 9999; }
#backtotop:hover { color: #ffa319 }