body {
    font-family: 'Roboto', sans-serif
}

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
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.container {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden
}

.inner-container {
    width: 960px;
    margin: auto
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: .2rem;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    line-height: .32rem;
    position: absolute;
    right: .3rem;
    top: .4rem;
    z-index: 1001
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: .5rem;
    height: .4rem
}

.hamburger-inner {
    top: 2px;
    display: block;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: .5rem;
    height: .04rem;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: .18rem;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform, opacity
}

.hamburger-inner:after {
    top: .36rem
}

.hamburger.active .hamburger-inner {
    transform: translate3d(0, .2rem, 0) rotate(45deg)
}

.hamburger.active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger.active .hamburger-inner:after {
    transform: translate3d(0, -.36rem, 0) rotate(-90deg)
}

.navigation-layer {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    bottom: 0;
    background: #171336;
    z-index: 1000;
    display: flex;
    align-items: center;
    transition: left .3s
}

.navigation-layer>ul {
    color: #fff;
    width: 100%
}

.navigation-layer a {
    color: #fff;
    display: block
}

.navigation-layer>ul>li {
    text-align: center;
    border-top: 1px solid #44415d;
    font-size: .16rem;
    position: relative;
    padding: .3rem
}

.navigation-layer ul li.current {
    border-left: 5px solid #2d8ce9;
    background: #1b214a
}

.navigation-layer>ul>li:last-child {
    border-bottom: 1px solid #44415d
}

.navigation-layer>ul>li.toggle-item:before {
    content: "";
    display: block;
    width: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    background-image: url(/images/wap/contact_arrow.svg);
    transform: rotate(90deg);
    transition: rotate .5s
}

.navigation-layer>ul>li.toggle-item.show-children:before {
    transform: rotate(-90deg)
}

.navigation-layer ul.children {
    background: rgba(255, 255, 255, .1);
    transform: scale(1, 0);
    transition: max-height .5s;
    transform-origin: top left;
    max-height: 0;
    text-align: center
}

.navigation-layer ul.children>li {
    border-bottom: 1px solid rgba(249, 249, 249, .1);
    color: rgba(255, 255, 255, .8);
    font-size: .14rem;
    padding: .2rem
}

.navigation-layer>ul>li.show-children+ul.children {
    transform: scale(1, 1);
    max-height: 3.06rem
}

.navigation-layer.navigation-open {
    left: 0
}

body.navigation-open {
    overflow: hidden
}

.footer {
    background: #1b2126;
    overflow: hidden
}

.footer h2 {
    text-align: center;
    color: #fff;
    font-size: .6rem;
    padding-top: .85rem;
    padding-bottom: .85rem;
    font-weight: 600
}

.footer .sub-form {
    width: 6.3rem;
    margin: 0 auto
}

.footer .contactway {
    padding-left: .59rem;
    padding-right: .59rem;
    box-sizing: border-box
}

.footer .sub-form .form-flow {
    border-bottom: 1px solid #444c54;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.footer .sub-form .form-item p {
    color: #657279;
    font-size: .24rem;
    margin-bottom: .09rem;
    margin-top: .5rem
}

.footer .sub-form .form-item input {
    box-sizing: border-box;
    width: 100%;
    height: .8rem;
    border-radius: 3px;
    border: 1px solid transparent;
    background: #2b3137;
    outline: 0;
    transition: all .2s;
    color: #fff;
    font-family: "微软雅黑";
    padding-left: 5px
}

.footer .sub-form .form-flow p {
    color: #657279;
    font-size: .24rem;
    margin-bottom: .09rem;
    margin-top: .5rem
}

.footer .sub-form label {
    color: #f4b91c;
    font-size: .24rem
}

.footer .sub-form .form-flow .form-flow-area button {
    display: block;
    width: 100%;
    height: 1rem;
    font-size: .3rem;
    color: #fff;
    background: #338ce5;
    border-radius: 4px;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin-top: .5rem
}

.footer .sub-form .form-flow .form-flow-area textarea {
    width: 100%;
    height: 2.4rem;
    border-radius: 3px;
    border: 0;
    background: #2b3137;
    outline: 0;
    border: 1px solid transparent;
    resize: none;
    box-sizing: border-box;
    transition: all .2s;
    color: #fff;
    font-family: "微软雅黑";
    padding-left: 5px
}

.footer .contactway .con-usline p {
    font-size: .3rem;
    color: #fff;
    padding-bottom: .5rem;
    font-weight: 400
}

.footer .contactway .con-usline>ul {
    color: #76858d;
    margin-bottom: .77rem
}

.footer .contactway .con-usline>ul>li {
    overflow: hidden;
    margin-bottom: .23rem;
    display: flex;
    align-items: flex-start;
    line-height: .38rem
}

.footer .contactway .con-usline>ul>li>img {
    display: block;
    width: .3rem;
    margin-top: .05rem
}

.footer .contactway .con-usline>ul>li>span {
    display: block;
    margin-left: .2rem;
    font-size: 13px
}

.footer .contactway .con-usline>ul>li>span a {
    color: #76858d;
    font-size: .13rem
}

.footer .contactway .otherpage {
    margin-bottom: 1.3rem
}

.footer .contactway .otherpage ul li {
    border-bottom: 1px solid #444c54;
    padding-right: .2rem
}

.footer .contactway .otherpage ul li a {
    color: #fff;
    font-size: .3rem;
    display: block;
    padding: .3rem 0;
    background: url(/images/wap/contact_arrow.svg) center right no-repeat;
    background-size: .16rem;
    font-weight: 400
}

.contact-wechat {
    text-align: center;
    margin-bottom: 1rem
}

.contact-wechat img {
    width: 3rem !important;
    background-color: #fff;
    padding: .15rem;
    border-radius: .1rem
}

.contact-wechat span {
    color: #fff;
    font-size: 18px;
    margin-bottom: .39rem;
    display: inline-block
}