﻿* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑", sans-serif;
}

a,
input,
label{
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    display: block;
}

input,
button {
    outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}


body {
    background: #fff;
    max-width: 750px;
    width: 100%;
    margin: auto;
    font-size: 0;
}

.top {
    /*background: url("../img/top.png") no-repeat 0 0;*/
    /*background-size: cover;*/
    /*width: 100%;*/
    /*height:1rem;*/
    background: url("../img/top.png") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height:4.8rem;
}
.top img {
    max-width:100%;
}
.sub {
    background: url("../img/sub.png") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height:3.48rem;
    overflow:hidden;
}
.sub img {
    max-width:100%;
}
.main {
    background: url("../img/main.png") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height:7.52rem;
    text-align:center;
}
.main img {
    max-width:100%;
}
.main-tt {
    height:1rem;
    color:#ffffff;
    font-size:18px;
    padding-top:0.5rem;
}

.main-tt span {
    color:#ffffff;
    font-size:0.35rem;
    background:#fe3737;
    border-radius:3rem;
    padding:0.2rem 0.5rem 0.2rem 0.5rem;
}
.main h3 {
    margin-top:0.4rem;
    font-size:0.3rem;
    color:#fe3131;
}
.main-box {
    width:88%;
    padding-left:11%;
    text-align:left;
}
.main p {
    padding-left:0.3rem;
    margin-top:0.2rem;
    font-size:0.25rem;
    color:#666666;
}
.main-pr {
    color:#fe3131;
    font-size:0.25rem;
    margin-top:0.25rem;
}
.main-pr b {
    font-size:0.6rem;
}
.main-pr i {
    font-size:0.2rem;
    color:#999999;
    text-decoration: line-through;
}

.contact {
    width:80%;
    padding-left:20%;
    margin-top:0.2rem;
}
.contact-wx {
    float:left;
    text-align:right;

}
.contact-wx img {
    width:1.5rem;
}
.contact-txt {
    float:left;
    text-align:left;
    padding-left:0.2rem;
}
.contact-txt h3 {
    margin-top:0.1rem;
    font-size:0.25rem;
    color:#666666;
}
.contact-txt h4 {
    margin-top:0.2rem;
    font-size:0.3rem;
    color:#000000;
}
.contact-txt p {
    padding-left:0px;
    color:#333333;
    font-size:0.28rem;
    margin-top:0.1rem;

}
.foot {
    float:left;
    margin-top:1.2rem;
    text-align:center;
    color:#ffffff;
    font-size:0.2rem;
}
.news {
    background: url("../img/footer.png") no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height:6.0rem;

}
.news-in {
    float:left;
    width:88%;
    padding-left:12%;
}
.news h3 {
    paddin-top:0.4rem;
    padding-bottom:0.2rem;
    font-size:0.3rem;
    color:#fe3131;
    text-align:center;
}
.news h3 a {
    color:#fe3131;
}
.news li {
    float:left;
    width:100%;
    border-top:#cccccc 1px solid;
    font-size:0.25rem;
    color:#fe3131;
    height:0.8rem;
    line-height:0.8rem;
    overflow:hidden;
}
.news li span {
    padding-right:0.1rem;
}
.news li a {
    color:#333333;
}
.news li a span {
    color:#fe3131;
    font-size:0.26rem;
}
.news li a:hover {
    color:#fe3131;
}
