/* Comment */
*{ margin:0; padding:0; box-sizing:border-box;}

body {
	margin:0 auto;
	max-width:750px;
	min-width:320px;
	width:100%;
	font-family:'Microsoft YaHei';
    border-left:1px solid #333;
    border-right:1px solid #333;
    border-top:1px solid #333;
    border-bottom:none;
}

/* 背景完整显示核心 */
.container{
    background:url(../image/bg-color.jpg) no-repeat top center;
    background-size:100% 100%;
    min-height:calc(100vw * 2.18);
    overflow:hidden;
}

@media screen and (min-width:750px){
    .container{
        min-height:1635px;
    }
}

img {
	width:100%;
	border:0;
	display:block;
}

.logo{ width:50%; display:flex; margin:0 auto; padding-top:2rem;}

.container1{
    position:relative;
    overflow:hidden;
}

.slide-placeholder{
    width:100%;
    visibility:hidden;
    display:block;
}

/* 修复：4张轮播图完整显示 */
.slide-box{
    position:absolute;
    left:0;
    top:0;
    width:400%;
    height:100%;
    display:flex;
    animation:slideLeft 12s infinite;
}

.slide-box img{
    width:25%;
    height:100%;
    flex:0 0 25%;
    object-fit:contain;
    display:block;
}

/* 修复：4张图一直按顺序向右进入，不再左右来回跳 */
@keyframes slideLeft {
    0%,20% {
        transform:translateX(0);
    }

    25%,45% {
        transform:translateX(-25%);
    }

    50%,70% {
        transform:translateX(-50%);
    }

    75%,95% {
        transform:translateX(-75%);
    }

    100% {
        transform:translateX(0);
    }
}

.container3{
    display:none !important;
}

.buttons {
    width:100%;
    text-align:center;
    padding-top:3rem;
    padding-bottom:2rem;
    display:flex;
    border:none !important;
    box-shadow:none !important;
    background:none !important;
}

.buttons a:first-of-type {
    width:13rem;
    height:4.24rem;
    background:url(../image/de49a3_450x124.png) center no-repeat;
    background-size:13rem 4.24rem;
    animation:myfirst 1s infinite;
    border:none;
    display:block;
    margin:0 auto;
}

.buttons a:last-of-type {
    width:13rem;
    height:4.24rem;
    background:url(../image/de49a3_450x124111.png) center no-repeat;
    background-size:13rem 4.24rem;
    animation:myfirst 1s infinite;
    border:none;
    display:block;
    margin:0 auto;
}

.fix-service-box{ position:relative;}

.fix-service {
    position:fixed;
    right:-1%;
    top:-2%;
    z-index:88;
}

.fix-service img {width:8.24rem}

.fix-down {
    width:100%;
    max-width:750px;
    min-width:320px;
    margin:0 auto;
    position:fixed;
    z-index:99;
    bottom:0;
}

.fix-down img {width:100%;margin-bottom:-1px;border:none;}

.fix-down button {
    width:10.32rem;
    height:4.76rem;
    background:url(../image/b4b785.png) center no-repeat;
    background-size:10.32rem 3.76rem;
    position:absolute;
    right:.2rem;
    top:30%;
    margin-top:-.38rem;
    -webkit-animation:myfirst 1s infinite;
    animation:myfirst 1s infinite;
    border:none;
}

@-webkit-keyframes myfirst {
from {transform:scale(1)}
50% {transform:scale(.9)}
to {transform:scale(1)}
}

@keyframes myfirst {
from {transform:scale(1)}
50% {transform:scale(.9)}
to {transform:scale(1)}
}