@charset "utf-8";
/* CSS Document*/
html, body, div, span, iframe, map, font, input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, address, code, dl, dt, dd,a, ol, ul, li, form, label, table, tr, td, th { padding: 0; margin: 0; border: 0; }
.box-sizing{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; vertical-align: middle; border: 0; }
.lf { float: left; }
.rt { float: right; }
.flex { display: flex; }
ol, ul, li { list-style: none; }
a:focus { outline: none; }
a.hidefocus { outline: none }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
em, i { font-style: normal; display: inline-block; }
a { blr: expression(this.onFocus=this.blur()); color: inherit; }
.clear { clear: both; display: block; width: 0; height: 0; visibility: hidden; }
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }*/
input[type=text], input[type=button], input[type=submit] { -webkit-appearance: none; /*去除iPhone input默认样式}*/ }
input, select, button, textarea { outline: none; font-family: normal; resize: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; font-family: unset; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #cccccc; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }


/* class="zoom" */
.zoom { -webkit-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s; -ms-transition: all ease-out .5s; }
    .zoom:hover { -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -ms-transform: scale(1.05); }

/* 效果 */
@-webkit-keyframes hvr-buzz-out {
    10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
    100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); }
}

@keyframes hvr-buzz-out {
    10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
    40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
    50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
    80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
    90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
    100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); }
}

/* 字体 */
@font-face { font-family: BebasNeue; src: url('../fonts/BebasNeue.otf'), url('../fonts/BebasNeue.otf'); }


@media screen and (max-width:768px) {
    .container { width: 95%; margin: 0 2.5%; }
    .hide { display: block; }
    .show { display: none; }
    /* 导航start */
    .sj_bt { position: absolute; width: 36px; height: 36px; right: 10px; top: 14px; z-index: 999999; }
        .sj_bt span { position: absolute; height: 2px; width: 25px; background: #fff; top: 7px; left: 5px; transition: all 0.3s ease-in-out; }
            .sj_bt span:nth-child(2) { top: 17px; }
            .sj_bt span:nth-child(3) { top: 28px; }
        .sj_bt.on { position: fixed; }
            .sj_bt.on span { background: #fff; }
                .sj_bt.on span:nth-child(1) { transform: rotate(45deg); top: 17px; left: 10px; }
                .sj_bt.on span:nth-child(2) { display: none; }
                .sj_bt.on span:nth-child(3) { transform: rotate(-45deg); top: 17px; left: 10px; }
    .wpnvbg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,.7); transition: .25s; display: none; }
    .head_wap { width: 50%; height: 100%; display: none; transition: all 0.3s ease-in-out; position: fixed; left: 0; top: 0; padding: 0 4%; padding-top: 20px; background: #075395; z-index: 9999; overflow-y: auto; }
    .wapnava { padding: 0 0 15px 0; }
        .wapnava span { width: 100%; }
        .wapnava a.wapprda { display: block; height: 50px; line-height: 48px; padding: 0 10px; color: #fff; width: 100%; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 15px; }
    .wapprda, .wapprda1 { position: relative; }
    .wpheadhide { display: none; }
        .wpheadhide p { padding-left: 10px; }
            .wpheadhide p a { font-size: 12px; }
    .wapprda i, .wapprda1 i { display: block; position: absolute; right: 15px; top: 0; height: 44px; line-height: 44px; }
        .wapprda i img, .wapprda1 i img { height: 10px; }
    .wpheadhide a { font-size: 13px; padding-left: 30px; display: block; height: 48px; line-height: 46px; padding: 0 25px; color: #fff; width: 100%; border-bottom: 1px solid rgba(255,255,255,.1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    /* end */



}

@media screen and (max-width:414px) {
}

@media screen and (max-width:375px) {
}