body,ul,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
a{text-decoration: none;}
img{vertical-align: top;border:none;}
li{list-style: none;}
.base{width:1000px;margin:0 auto;}
html,body{width:100%;height:100%;}


.banner{background: #0f0f0f;height:616px;overflow: hidden;}
.container{height:576px;width:100%;position: relative;}
.container li,.container ul{width:100%;height:100%;position: relative;}
.container li{position: absolute;left:0;top:0;display: none;}
.banner_1{background:url(../img/banner_1.jpg) no-repeat center center ;}
.banner_2{background:url(../img/banner_2.jpg) no-repeat center center;}
.banner_3{background:url(../img/banner_3.jpg) no-repeat center center;}
.banner_4{background:url(../img/banner_4.jpg) no-repeat center center;}
.banner_5{background:url(../img/banner_5.jpg) no-repeat center center;}
.banner_6{background:url(../img/banner_6.jpg) no-repeat center center;}

.banner_1 .base{position: relative;height:463px;padding-top: 113px;overflow: hidden;}
.banner_1 h2{width:1004px;height: 62px;margin:0 auto;background:url(../img/banner_1_txt1.png) no-repeat center center;}
.banner_1 h3{width:636px;height: 59px;margin:0 auto;background:url(../img/banner_1_txt2.png) no-repeat center right;margin-top: 15px;}
.banner_1_man{width:167px;height:298px;background:url(../img/banner_1_pic1.png) no-repeat;position: absolute;bottom:0;left:472px;}
.banner_1_pro{background:url(../img/banner_1_txtbg.png) no-repeat; width:302px;height:152px;position: absolute;left:170px;bottom:160px;}

.banner_2 .base{width:1068px;height:100%;position: relative;background:url(../img/banner_2_pic1.jpg) no-repeat;margin:0 auto;}
.banner_2_txt{width:545px;height:223px;position: absolute;right:70px;bottom:60px;}
.banner_2_txt1{width:407px;height:127px;background:url(../img/banner_2_txt1.png) no-repeat;}
.banner_2_txt2{width:393px;height:96px;background:url(../img/banner_2_txt2.png) no-repeat;margin-left: 140px;position: relative;top:-20px;}

.banner_3 .base,.banner_4 .base,.banner_5 .base,.banner_6 .base{width: 1000px;height: 100%;position: relative;overflow: hidden;}
.banner_3_pic1{width:875px;height:357px;background:url(../img/banner_3_pic1.png) no-repeat;position: absolute;bottom:0;left:50%;margin-left: -437px;}
.banner_3_txt1{width:684px;height:100px;background:url(../img/banner_3_txt1.png) no-repeat;position: absolute;top:100px;left:50%;margin-left:-342px;}


.banner_4_cloud{width:82px;height:43px;background:url(../img/banner_4_cloud.png) no-repeat;position: absolute;;top:130px;right:255px;}
.banner_4_people1{width:219px;height:152px;background:url(../img/banner_4_people1.png) no-repeat;position: absolute;left:100px;top:190px;}
.banner_4_people2{width:123px;height:107px;background:url(../img/banner_4_people2.png) no-repeat;position: absolute;left:435px;top:185px;z-index:5;}
.banner_4_txt1{width:761px;height:193px;background:url(../img/banner_4_txt1.png) no-repeat;position: absolute;bottom:105px;right:72px;z-index:10;}
.banner_4_zero{width:143px;height:196px;background:url(../img/banner_4_pic1.png) no-repeat;position: absolute;left:300px;top:210px;}

.banner_5_people{width:469px;height:370px;background:url(../img/banner_5_people.png) no-repeat;position: absolute;bottom:-1px;right:-20px;}
.banner_5_people2{width: 117px;height:193px;background:url(../img/banner_5_people2.png) no-repeat;position: absolute;left:50px;top:0;}
.banner_5 h2{width:630px;height:47px;background:url(../img/banner_5_txt1.png) no-repeat;position: absolute;left:26px;top:198px;}
.banner_5 h3{width:414px;height:83px;background:url(../img/banner_5_txt2.png) no-repeat;position: absolute;left:28px;top:255px;}
.banner_5 h3 span{display: block;width:174px;height:83px;background:url(../img/banner_5_txt3.png) no-repeat;margin-left: 120px;}
.banner_5_txt4{width:481px;height:43px;background:url(../img/banner_5_txt4.png) no-repeat;position: absolute;left:30px;bottom:155px;}

.banner_6 h2{width:444px;height: 117px;background:url(../img/banner_6_txt1.png) no-repeat;position: absolute;top:178px;left:426px;}
.banner_6 h3{width:439px;height: 40px;background:url(../img/banner_6_txt2.png) no-repeat;position: absolute;bottom:204px;left:426px;}
.banner_6_pic1{width:346px;height: 451px;background:url(../img/banner_6_pic1.png) no-repeat;position: absolute;bottom:0;left:10px;}
.btn_prev,.btn_next{width:80px;height: 108px;background:url(../img/btn_prev.png) no-repeat;position: absolute;top:243px;transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;}
.btn_prev{left:-81px;}
.btn_next{right:-86px;background-position:-80px 0;}
.btn_prev:hover,.btn_next:hover{opacity:0.8;}
.container:hover .btn_prev{left:-1px;}
.container:hover .btn_next{right:-6px;}

.btn{height:20px;width:100%;text-align:right;padding:10px 20px 10px 0;width:1000px;margin:0 auto;}
.btn a{display: inline-block;width:8px;height:8px;border-radius:4px;background: #fff;transition:0.8s;-webkit-transition:0.8s;-moz-transition:0.8s;}
.btn a.active{width:24px;background: #f29c1a;}
.wrap{background: #eae8e8;}
.wrap ul{width:1000px;margin:0 auto;overflow: hidden;padding:30px 0;}
.wrap li{width:300px;height:145px;float: left;border-radius: 8px;}
.wrap li:hover{box-shadow:2px 2px 5px #979797;}
.wrap li:nth-of-type(1){background:#fff url(../img/ios.png) no-repeat center 20px;}
.wrap li:nth-of-type(2){background:#fff url(../img/android.png) no-repeat center 20px;margin:0 50px;}
.wrap li:nth-of-type(3){background:#fff url(../img/html5.png) no-repeat center 20px;}
.wrap a{display:inline-block;color:#fff;font:16px/35px "Microsoft YaHei";text-align: center;width:118px;height: 35px;border-radius: 5px;margin-top: 84px;position: relative;}
.wrap span{position: absolute;width:100%;height:100%;border-radius: 5px;box-shadow:0 0 40px transparent;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;left:0;top:0;}
.wrap span{position: absolute;width:118px;height: 35px;}
.wrap .a_odd{margin:0 7px 0 17px;background: #303030;}
.wrap .a_even{margin-left: 25px;background: #ba2e16;}
.wrap a:nth-of-type(odd) span{background: #332e2d;}
.wrap a:nth-of-type(even) span{background: #f2583e;}
.wrap a:nth-of-type(odd):hover span{box-shadow:0 0 5px rgba(0,0,0,1);margin:3px 0 0 3px;text-shadow:1px 1px #000;}
.wrap a:nth-of-type(even):hover span{box-shadow:0 0 5px rgba(255,37,0,1);margin:3px 0 0 -3px;text-shadow:1px 1px #db2e10;}
.bottom{border-top: 1px solid #dedede;font-size: 12px;line-height: 30px;text-align: center;background: #fff;color:#333;}
.bottom a{color:#000;}

.tip{width:42px;height:32px;background:url(../img/tip1.png) no-repeat;position:absolute;bottom:60px;left:50%;margin-left: -21px;cursor:pointer;-webkit-animation:tipMove 1.5s infinite ease-in-out;animation:tipMove 1.5s infinite ease-in-out;z-index:20;transition}
@-webkit-keyframes tipMove{
    0%{
        opacity:0;
        transform:translateY(-1px);
        -webkit-transform:translateY(-1px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
    }
}
@keyframes tipMove{
    0%{
        opacity:0;
        transform:translateY(-1px);
        -webkit-transform:translateY(-1px);
    }
    100%{
        opacity:1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
    }
}