body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
font {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

i {
    font-style: normal
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

fieldset,
img {
    border: 0;
    vertical-align: top;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

ol,
ul,
li,
dl,
dt,
dd {
    list-style: none;
}

input,
button,
textarea,
checkbox,
select,
radio,
form {
    vertical-align: top;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

    a:link,
    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

.clear {
    clear: both;
}

@font-face {
    font-family: 'impact';
    src: url('http://m.kaimensuo.com/fonts/impact.TTF');
    src: url('http://m.kaimensuo.com/fonts/impact.eot');
    /*src : url('../fonts/impact.woff');*/
}

@media screen and (min-width:320px) {
    html {
        font-size: 86%;
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 90%
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 97.5%
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 100%
    }
}

@media screen and (min-width:600px) {
    html {
        font-size: 112.5%
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 125%
    }
}

.tite {
    height: 2.5rem;
    background: #fff;
    position: relative;
}

    .tite h3 {
        position: absolute;
        line-height: 2.5rem;
        top: 0;
        left: 0.9rem;
        font-size: 1.0rem;
        color: #666666;
    }

    .tite img {
        width: 0.7rem;
        height: auto !important;
        max-width: none !important;
        min-width: inherit !important;
        position: absolute;
        left: 3.4rem;
        top: 1.25rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .tite p {
        line-height: 2.5rem;
        text-indent: 4.6rem;
        font-size: 0.9rem;
        color: #666666;
    }

.copyright {
    font-size: 0.7rem;
    color: #808080;
    background: #222222;
    padding: 0.8rem 0 0.4rem 0;
    text-align: center;
}

.right_fixed {
    position: fixed;
    width: 6.0rem;
    top: 50%;
    right: 0%;
    z-index: 999;
}

.contact {
    margin: 2.0rem auto;
}

.contact_context {
    height: 6.4rem;
    background: #ffbf2f;
    width: 96%;
    margin: 0 auto;
    border-radius: 0.6rem;
    position: relative;
}

.contact_context_img {
    width: 3.6rem;
    position: absolute;
    top: 50%;
    left: 1.8rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.contact_context_text {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    left: 7.4rem;
}

    .contact_context_text h3 {
        font-size: 1.7rem;
        color: #fff;
    }

    .contact_context_text p {
        font-size: 2.25rem;
        color: #fff;
    }

.content {
    width: 97%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 8px #ccc;
    padding: 1.0rem 0;
}

    .content h3 {
        font-size: 1.6rem;
        color: #333;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        line-height: 2.4rem;
    }

    .content img {
        height: auto !important;
        max-width: none !important;
        min-width: inherit !important;
        width: 60%;
        display: block;
        margin: 1.4rem auto;
    }

    .content p {
        width: 96%;
        margin: 0 auto;
        font-size: 0.9rem;
        color: #333;
        text-indent: 1.8rem;
        line-height: 1.6rem;
    }