@charset "gb2312";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,
pre, form, fieldset, legend, button, input, textarea, th, td {
margin: 0;
padding: 0
}
body, button, input, select, textarea {
font: 12px "microsoft yahei";
line-height: 1.5;
}
body,html{max-width: 1200px !important;margin: 0 auto;}
h1, h2, h3, h4, h5, h6 {
font-size: 100%
}
ul, ol {
list-style: none
}
a {
text-decoration: none;
cursor:pointer
}
a:hover {
text-decoration: underline
}
img {
border: 0
}
button, input, select, textarea {
font-size: 100%
}
table {
border-collapse: collapse;
border-spacing: 0
}
.clear {
clear:both
}
.fr {
float:right
}
.fl {
float:left
}
.block {
display:block;
text-indent:-999em
}
.icon{
    /* padding: 0.62rem 0rem; */
    padding: 0.32rem 0rem;

}
.icon img{
    width: 3.5rem;
    height: 3.5rem;
}
.item{
    background-image: url('../img/bg1.png');
    position: relative;
}
/* .item-head{
    background-image: url('../img/mockup.png');
} */
.item-Bg{
    background-image: url('../img/bg2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right 0px top 30px;
    height: 21rem;

}
.item-body{
    background-image: url('../img/bg3.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* padding-top: 40px; */
    /* padding-top: 20px; */

    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 22.81rem;
}
.item-list{
    background-image: url('../img/bg4.png');
    background-size: 100% 100%;
}
.item-list-bg{
    /* background-image: url('../img/ICON.png'); */
    /* background-size: 100% 100%; */
    /* width: 90%; */
    /* height:auto ; */
    /* height: 50%; */
    /* margin:auto; */
    /* margin: 10px; */

}
.iconNum{
    width: 4.8125rem;
    height: 3.6875rem;
}
.item-box{
    /* width: 90%; */
    width: 22.1875rem;
    margin: 0 auto;

}
.footer-box{
    background-image: url('../img/footer001.png');
    background-size: 100% 100%;
    width: 80%;
    margin:0 auto;
}
.footer-box1{
    background-image: url('../img/footer002.png');
    background-size: 100% 100%;
    width: 90%;
    margin:0 auto;padding-top: 1.75rem;

}
@media screen and (min-width: 800px) {
    /* .item-box{
        width: 40%;
        margin: 0 auto;
    
    } */
} 
/* @media (min-width: 1024px) {
     html {
         font-size: 40px;
     }
 } */
    
 @media (min-width: 800px) {
     html {
         font-size: 35px;
     }
 }
 @media (max-width: 400px) {
    html {
        font-size: 15px;
    }
}