.page-header {
    height: 578px;
    color: #fff;
    border-bottom:none!important;
    margin: -72px 60px 12px 0!important;
    -webkit-font-smoothing: antialiased;
    position: relative;
    overflow: hidden
}
.page-header .starfield, .page-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}
body.header-ready .page-header .starfield, body.header-ready .page-header:before {
    -webkit-animation: header-in-85 5s;
    animation: header-in-85 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.page-header:before {
    z-index: 1
}
.page-header .starfield {
    z-index: 2
}
.page-header .animation {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 600px;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
body.header-ready .page-header .animation {
    -webkit-animation: header-in 1.5s ease-in;
    animation: header-in 1.5s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.page-header .animation .feature, .page-header .animation .meteors, .page-header .animation .sky, .page-header .animation .sky-parallax {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px
}
.page-header .animation .sky *, .page-header .animation .sky-parallax * {
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%
}
.page-header .animation .sky-parallax .star, .page-header .animation .sky .star {
    -webkit-animation: star1 5s alternate ease-in-out infinite;
    animation: star1 5s alternate ease-in-out infinite
}
.page-header .animation .sky-parallax .flare, .page-header .animation .sky .flare {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 2px solid #fff;
    -webkit-animation: flare 1s linear;
    animation: flare 1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.page-header .animation .sky-parallax .dot, .page-header .animation .sky .dot {
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    -webkit-animation: dot1 5s alternate ease-in-out infinite;
    animation: dot1 5s alternate ease-in-out infinite
}

@-webkit-keyframes header-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes header-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes header-in-85 {
    0% {
        opacity: 0
    }
    100% {
        opacity: .85
    }
}

@keyframes header-in-85 {
    0% {
        opacity: 0
    }
    100% {
        opacity: .85
    }
}

@-webkit-keyframes star1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes star1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes star2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes star2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@-webkit-keyframes dot1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(30px, 15px);
        transform: translate(30px, 15px)
    }
}

@keyframes dot1 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(30px, 15px);
        transform: translate(30px, 15px)
    }
}

@-webkit-keyframes dot2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-15px, -15px);
        transform: translate(-15px, -15px)
    }
}

@keyframes dot2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-15px, -15px);
        transform: translate(-15px, -15px)
    }
}

@-webkit-keyframes dot3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px)
    }
}

@keyframes dot3 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px)
    }
}

@-webkit-keyframes dot4 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
}

@keyframes dot4 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
}

@-webkit-keyframes flare {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes flare {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes feature-logo-in {
    0% {
        opacity: 0
    }
    20% {
        -webkit-transform: translate(0, -25px);
        transform: translate(0, -25px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes feature-logo-in {
    0% {
        opacity: 0
    }
    20% {
        -webkit-transform: translate(0, -25px);
        transform: translate(0, -25px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes feature-logo-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    60% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes feature-logo-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
    60% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes feature-text-in {
    0%,
    35% {
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes feature-text-in {
    0%,
    35% {
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes feature-text-out {
    0% {
        opacity: 1
    }
    100%,
    50% {
        opacity: 0
    }
}

@keyframes feature-text-out {
    0% {
        opacity: 1
    }
    100%,
    50% {
        opacity: 0
    }
}

/*dowaload*/
#sendCode{text-align: center;}
.download{overflow: hidden;}
.download img{float: left;}
.solution_list .download p{float: left;font-size: 18px;color: #000;line-height: 30px;margin-top: 31px;}
.download hr{float: left;border: 1px solid #7a7a7a;height: 67px;margin: 24px 20px 0;}
.download #down_load{float: left;background: none;height: 40px;border: 2px solid #000;font-size: 18px;padding: 10px 23px;line-height: 14px;margin-top: 41px;color: #000;border-radius: 20px;cursor: pointer;}
.download #down_load:focus{border: 2px solid #000!important;outline: 0;}
.modal-header,.modal-footer{border: none;}
.modal-body .solution-input,.modal-body select{position: relative;margin: 8px 0;padding: 0 12px;background: #fff;border: 1px solid #f1f1f1;height: 53px;font-size: 16px;color: #333;letter-spacing: 0;line-height: 28px;text-align: left;}
.modal-body select{color: #999;padding: 16px 20px;}
.download #submit{padding-bottom: 12px;}
.modal-body .solution-input:focus,.modal-body select:focus{border: 1px solid #f1f1f1!important;}
.solution_list .download .input-tips-name,.solution_list .download .input-tips-phone,.solution_list .download .input-tips-cus,.solution_list .download .input-tips-indu{font-size: 14px;}
.input-tips-name{bottom: 246px;}
.input-tips-phone{bottom: 176px;}
.input-tips-code{bottom: 107px;}
.input-tips-cus{bottom: 0px;left: 20px;}
.input-tips-indu{bottom: 0px;right: 125px;}
.download .success{display: none;font-size: 18px;padding: 50px;}
.modal-footer{text-align: center;}
.solve-ie{display: none;}
@media(max-width: 1199px){
    .download{display: none;}
}
@media(min-width: 768px){
    .modal-dialog{width: 500px;}
    .modal-content{padding: 20px;}
    .modal-title{text-align: center;padding: 0 56px;}
}