*{margin: 0;padding: 0;border: 0;list-style: none;outline: 0;}
a{text-decoration: none;-webkit-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000000;text-transform: uppercase;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000000;text-transform: uppercase;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000000;text-transform: uppercase;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;text-transform: uppercase;
}
.placeholder{position: absolute;top: 7px;left: 22px; z-index: 10;color: #000000;font-size: 16px;text-transform: uppercase;}

body{width: 100%;font-family: Arial;font-size: 14px;min-width: 1000px;background-color: #e4e4e4;}
.wrap{position: relative;width: 100%;height: 1080px;overflow: hidden;}
.banner{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;height: 1080px;}
.banner .bd{position: relative; width: 100%;height: 1080px;overflow: hidden;}
.banner .hd{position: absolute;bottom: 150px;left: 50%;width: 1000px; height: 120px; margin-left: -500px;text-align: center;}
.banner .hd li{display: inline-block;width: 119px;height: 119px;}
.small_img1{background: url("../images/small_img1.png") center no-repeat;}
.small_img1:hover,.small_img1.on{background: url("../images/small_img12.png") center no-repeat;}
.small_img2{background: url("../images/small_img2.png") center no-repeat;}
.small_img2:hover,.small_img2.on{background: url("../images/small_img22.png") center no-repeat;}
.small_img3{background: url("../images/small_img3.png") center no-repeat;}
.small_img3:hover,.small_img3.on{background: url("../images/small_img32.png") center no-repeat;}
.small_img4{background: url("../images/small_img4.png") center no-repeat;}
.small_img4:hover,.small_img4.on{background: url("../images/small_img42.png") center no-repeat;}
.small_img5{background: url("../images/small_img5.png") center no-repeat;}
.small_img5:hover,.small_img5.on{background: url("../images/small_img52.png") center no-repeat;}
.small_img6{background: url("../images/small_img6.png") center no-repeat;}
.small_img6:hover,.small_img6.on{background: url("../images/small_img62.png") center no-repeat;}
.small_img7{background: url("../images/small_img7.png") center no-repeat;}
.small_img7:hover,.small_img7.on{background: url("../images/small_img72.png") center no-repeat;}
.prev,.next{position: absolute;bottom: 180px;width: 50px;height: 60px; left: 50%;}
.prev{margin-left: -500px;background: url("../images/lf.png") no-repeat; -webkit-animation: fadeInRight 2s ease-in-out infinite alternate;animation: fadeInRight 2s ease-in-out infinite alternate;}
.next{margin-left: 450px;background: url("../images/rg.png") no-repeat;-webkit-animation: fadeInLeft 2s  ease-in-out infinite alternate;animation: fadeInLeft 2s  ease-in-out infinite alternate;}
.main{position: absolute;top: 0;left: 50%;margin-left: -500px;width: 1000px;height: 700px;z-index: 1;}
/*官网链接*/
.click{position: absolute;top: 20px;right: -420px;width: 204px;height: 88px; background: url("../images/click.png") no-repeat;}
.click span{position: absolute;top: 25px;left: 5px;text-decoration: underline;width: 125px;line-height: 20px; color: #ffffff;letter-spacing: -0.5px; text-align: center;font-size: 13px;}
.logo{position: absolute;top: 110px;left: 16px;z-index: 2;}
.box{position: absolute;top: 150px;left: 15px;width: 320px;height: 560px;}
.box_cont{position:relative;width: 100%;padding-top: 130px;}
.inputBox{position: relative; width: 320px;height: 32px;margin:0 auto 19px; background: url("../images/input.png") no-repeat;}
.inputBox input{display: block;width: 320px;text-indent: 22px;font-size: 16px; height: 32px;line-height: 36px;background-color: transparent;color: #000000;}
.checkBox{width: 390px;color: #000000;font-size: 14px;line-height: 26px;margin:10px 0 10px 0;}
.checkBox a{color: #000000;text-decoration: underline;}
.checkBox input{vertical-align: -2px;margin-right: 3px;width: 14px;height: 14px;}
.play{display: block; width: 292px;height: 66px;margin: 20px auto; background: url("../images/play.png") center no-repeat;text-decoration:none;-webkit-transition: all 0.35s;transition: all 0.35s;}
.play:hover{background: url("../images/play2.png") center no-repeat;}

.fb_login{width: 325px;height: 45px;margin: 10px auto 0;color: #ffffff;line-height: 45px;font-size: 12px;text-align: center;}
.facebook,.google{ display: inline-block;vertical-align: middle; margin: 0 10px;}
.facebook{ width: 45px;height: 45px; background: url("../images/facebook.png") no-repeat}
.google{ width: 45px; height: 45px; background: url("../images/google.png")no-repeat }


/*底部信息*/
.foot{width:1000px; overflow:hidden;text-align:center; line-height:45px; top:960px; position:absolute; z-index:1; font-size:16px;font-family: "Arial"; color: #000000;}
.foot a{color: #000000;}
.foot a:hover{text-decoration: underline;}



@media screen and (max-width: 1400px) {
    .wrap{height: 740px;}
    .banner,.main{-webkit-transform: scale(0.72);-moz-transform: scale(0.72);-ms-transform: scale(0.72);-o-transform: scale(0.72);transform: scale(0.72);}
    .banner,.main{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}
@media screen and (max-width: 1000px) {
    .wrap{height: 640px;}
    .banner,.main{-webkit-transform: scale(0.62);-moz-transform: scale(0.62);-ms-transform: scale(0.62);-o-transform: scale(0.62);transform: scale(0.62);}
    .banner,.main{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
}










/*轮播图左右按钮动画*/
@-webkit-keyframes fadeInLeft {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        /*opacity: 0;*/
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        /*opacity: 1;*/
        -webkit-transform: none;
        transform: none;
    }
}