.i-content{position:relative;padding: 0;}
.i-content .num-1 .know a:hover{color: #fcc54b; text-decoration: none}
.i-content .num-1>span{color: white;font-weight: bold;font-size: 91px;position: relative;top:120px;left: -40px;}
.i-content .num-1 .know{position: relative;}
.i-content .num-1 .know a{position: absolute;left:30px; top:10px;font-size: 21px;color: white}
.i-content .num-11{position: absolute;top:620px;left: 150px;}
.i-content .num-2{position: absolute;top:900px;right: 190px;}
.i-content .num-3{position: absolute;top:1900px;left: 150px;}
.i-content .num-4{position: absolute;top:2900px;right: 190px;}
.i-content .num-5{position: absolute;top:3900px;left: 150px;}
.i-footer p{width: 100%;font-size: 17px;color: #ff6d33;text-align: center;line-height: 100px;}


@-webkit-keyframes imgAnimation{
    0%{ left: -198px;top:500px;}
    100%{ top: 50px; left: 50%;
        margin-left: -95px;}
}

.fadeInTop {
    -webkit-animation: animatename 0.5s;
    animation: animatename 0.5s;
}
@keyframes animatename {
    0% {
        opacity: 0;
    /-webkit-transform: translateY(-100%);/
    /-ms-transform: translateY(-100%);/
    /transform: translateY(-100%);/
    }
    100% {
        opacity: 1;
    /-webkit-transform: translateY(-50%);/
    /-ms-transform: translateY(-50%);/
    /transform: translateY(-50%);/
    }
}
@media only screen and (max-width:1700px) {
    .i-content .num-5{position: absolute;top:3600px;left: 30px;}
}
@media only screen and (max-width:418px) {
    .i-content .num-1>img{width:40px;height: 40px;}
    .i-content .num-1>span{color: white;font-weight: bold;font-size: 16px;position: relative;top:20px;left:0px;}
    .i-content .num-1 .know img{width:80px;margin-top: 20px;}
    .i-content .num-1 .know{position: relative;}
    .i-content .num-1 .know a{position: absolute;left:7px; top:23px;font-size: 12px;color: white}
    .i-content .num-11{position: absolute;top:160px;left:30px;}
    .i-content .num-2{position: absolute;top:200px;right: 30px;}
    .i-content .num-3{position: absolute;top:450px;left: 30px;}
    .i-content .num-4{position: absolute;top:650px;right: 30px;}
    .i-content .num-5{position: absolute;top:880px;left: 30px;}
    .i-footer p{width: 100%;font-size: 16px;color: #ff6d33;text-align: center;line-height:30px;position: relative;top:5px}
}
@media only screen and (max-width:376px) {
    .i-content .num-11{position: absolute;top:140px;left:30px;}
    .i-content .num-2{position: absolute;top:200px;right: 30px;}
    .i-content .num-3{position: absolute;top:400px;left: 30px;}
    .i-content .num-4{position: absolute;top:580px;right: 30px;}
    .i-content .num-5{position: absolute;top:800px;left: 30px;}
    .i-footer p{width: 100%;font-size: 14px;color: #ff6d33;text-align: center;line-height:30px;position: relative;top:5px}
}
@media only screen and (max-width:360px) {
    .i-content .num-11{position: absolute;top:140px;left:30px;}
    .i-content .num-2{position: absolute;top:200px;right: 30px;}
    .i-content .num-3{position: absolute;top:400px;left: 30px;}
    .i-content .num-4{position: absolute;top:580px;right: 30px;}
    .i-content .num-5{position: absolute;top:760px;left: 30px;}
    .i-footer p{width: 100%;font-size: 14px;color: #ff6d33;text-align: center;line-height:30px;position: relative;top:5px}
}

@media only screen and (max-width:321px) {
    .i-content .num-11{position: absolute;top:80px;left:30px;}
    .i-content .num-2{position: absolute;top:160px;right: 30px;}
    .i-content .num-3{position: absolute;top:350px;left: 30px;}
    .i-content .num-4{position: absolute;top:500px;right: 30px;}
    .i-content .num-5{position: absolute;top:670px;left: 30px;}
    .i-footer p{width: 100%;font-size: 12px;color: #ff6d33;text-align: center;line-height:20px;position: relative;top:5px}
}