html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
sub,
sup,
tt,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
section {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

input,
select,
textarea {
    vertical-align: middle;
    -ms-behavior: url(css/PIE.htc);
    behavior: url(css/PIE.htc);
    outline: none;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

ul li {
    list-style-type: none;
}

a {
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
a {
    tap-highlight-color: rgba(0, 0, 0, 0);
    focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-focus-ring-color: rgba(0, 0, 0, 0);
}

body {
    -webkit-text-size-adjust: none !important;
}

body {
    -webkit-text-size-adjust: 100% !important;
}


.container{
    width:100%;
    overflow:hidden;
    margin:0 auto;
}
.container img{
    width:100%;
}
.banner{
    width:100%;
    margin:0 auto 0;
}
.qh-ul{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}

.qh-ul li{
    width:33.33%;
    float:left;
    padding:3% 0;
    background:#fff;
}
.qh-ul li.active{
    background-color:#f4f4f4;
}
.qh-ic{
    width:33.4%;
    margin:0 auto ;
}


.qh-t1{
    width:100%;
    text-align:center;
    font-size:3.1vw;
    margin:5% auto 0;
}
.bg{
    width:100%;
    height:10px;
    background:#f4f4f4;
}
.main{
    width:100%;
    margin:4% auto 0;
    overflow:hidden;
    display:none;
}
.main.active{
    display:block;
}
.title-1{
    width:27%;
    margin-left:6%;
}

.p1-ul{
    width:100%;
    overflow:hidden;
    margin:4% auto ;
}

.p1-ul li{
    width:100%;
    position:relative;
    margin:0 auto 3%;
    opacity:0;
}

.p1-main{
    width:88.4%;
    position:absolute;
    left:5.8%;
    top:2.9%;
    overflow:hidden;
}

.p1-img{
    width:50.7%;
    float:left;
}
.p1-right{
    width:49.3%;
    float:left;
    overflow:hidden;
}

.p1-title{
    margin-left:13.1%;
    font-size:3vw;
    color:#2f2725;
    margin-top:11%;
}

.p1-txt{
    margin-left:13.1%;
    font-size:2.5vw;
    color:#2f2725;
    margin-top:2%;
    line-height:1.7em;
}
.p1-btn{
    width:35.8%;
    margin-left:13.1%;
    margin-top:6%;
}


.title-2{
    width:31.3%;
    margin-left:6%;
}

.p2-ul{
    width:88.4%;
    margin:4% auto;
}
.p2-ul:after{
    content: '';
    display:block;
    clear:both;
}
.p2-ul li{
    width:48.8%;
    float:left;
    margin-bottom:3%;
    margin-left:2.3%;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    opacity:0;
}

.p2-ul li:nth-child(odd){
    margin-left:0;
}
.p2-img{
    width:100%;
    
}
.p2-img img{
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.p2-bottom{
    position:relative;
    width:100%;
    background-color:#fff;
    padding:8% 0 10%;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.p2-t1{
    margin-left:7.3%;
    font-size:3vw;
    color:#2f2725;
}

.p2-t2{
    margin-left:7.3%;
    font-size:2.5vw;
    margin-top:2%;
    color:#2f2725;
}

.p2-btn{
    width:7.3%;
    position:absolute;
    right:5%;
    bottom:12%;
}

.zx{
    position:fixed;
    width:13.5%;
    right:2%;
    bottom:15%;
}
.zx img,.back-top img{
    width:100%;
}
.back-top{
    position:fixed;
    width:11%;
    right:2%;
    bottom:8%;
    display:none;
}