html,
body {
    font-size: 62.035%;
    overflow-x: hidden;
}
*{
    padding: 0;
    margin: 0;
    font-size: 1.8rem;
    /*letter-spacing: 1px;*/
    box-sizing: border-box;
    color: #000;
    font-family: 微软雅黑;
}
p{
    margin: 0;
}
a {
    text-decoration: none;
    transition: color 0.3s ease;
    text-underline: none;
    cursor: pointer;
}
a:hover,
a:active,
a:focus {
    text-underline: none;
    text-decoration: none;
}


ul,
li {
    list-style: none;
}
img {
    width: 100%;
    max-height: 100%;
    vertical-align:middle;
    border-style: none;
    animation: fadeIn 0.5s ease-out forwards;
}


/* 定义动画关键帧 */
@keyframes fadeIn {
    0% { opacity: 0; }      /* 开始：完全透明 */
    30% { opacity: 0.3; }   /* 中间：半透明 */
    100% { opacity: 1; }    /* 结束：完全显示 */
}

/*.fade-in-animation {
    !* 应用动画：名称、时长、缓动、填充模式（保持最终状态） *!
    animation: fadeIn 1.5s ease-out forwards;
}*/

/*初始话 swiper 颜色*/
:root{
    --swiper-theme-color : #F0830C;
}


@media (max-width: 1440px) {

}
@media (max-width: 1024px) {
    html,
    body {
    }
}
@media (max-width: 992px) {
    html,
    body {
        font-size: 1.2rem;
    }
}
@media (max-width: 640px) {
    html,
    body {
        font-size: 1.2rem;
    }
}