.banner{
	background-color:#0088FF;
}
.banner_con{
	background:url('../image/ber.png')  no-repeat top right;
}
.sns{
    overflow: hidden;
    width: 100%;
    height: 721px;
    background: #F5F6F7;
}

.sns-body{
    width: 912px;
    height: 645px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 75px;
}
.sns-h1{
    width: 296px;
    margin: 0 auto;
    font-size: 35px;
}

.sns-h2{
    color: #409EFB;
}

.sns-body p{
    position: relative;
    top: 30px;
    font-size: 16px;
    line-height: 33px;
}

.sns-body img{
    position: relative;
    top: 80px;
}


.sns-anli{
    overflow: hidden;
    width: 100%;
    height: 500px;
    background: #fff;
}

.anli-h1{
    width: 300px;
    font-size: 34px;
    position: relative;
    top: 80px;
    margin: 0 auto;
}

.anli-tupian{
    width: 1100px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 150px;
    display: flex;
}

.anli-tu1{
    float: left;
    width: 106px;
    text-align: center;
}
.anli-tu1 p{
    font-size: 17px;
    position: relative;
    top: 10px;
    color: #000;
}
.anli-tu1 img{
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.anli-tu1 img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.empty{
    display: flex;
    min-width: 95px;
}


.sns-hexin{
    overflow: hidden;
    width: 100%;
    height: 747px;
    background: #409EFB;
}

.hexin-h1{
    width: 331px;
    margin: 0 auto;
    font-size: 35px;
    color: #fff;
    position: relative;
    top: 30px;
    position: relative;
    top: 85px;
}

.hexin-body{
    width: 1100px;
    height: 255px;
    position: relative;
    top: 146px;
    margin: 0 auto;
    display: flex;
}
.hexin-tu1{
    text-align: center;
    width: 255px;
    height: 255px;
    color: #fff;
    float: left;
}
.hexin-tu1 p{
    font-size: 22px;
    position: relative;
    top: 6px;
}
.hexin-detil{
    font-size: 16px;
    position: relative;
    top: 25px;
    line-height: 29px;
    letter-spacing: 1px;
}

.hexin-empty{
    display: flex;
    min-width: 164px;
}
@keyframes test{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(0,15px)
    }
    100%{
        transform:translate(0,0)
    }
}
.hexin-tu1 img:hover{
    animation:test 0.25s ease-in 2;
}


.sns-tese{
    overflow: hidden;
    width: 100%;
    height: 578px;
    background: #fff;
}

.tese-h1{
    font-size: 35px;
    width: 331px;
    margin: 0 auto;
    position: relative;
    top: 75px;
}

.tese-body{
    width: 1110px;
    height: 317px;
    position: relative;
    top: 128px;
    margin: 0 auto;
    display: flex;
}
.tese-tu1{
    text-align: center;
    width: 255px;
    height: 317px;
    color: #fff;
    float: left;
   
}

.tese-tu1:hover{
    text-align: center;
    width: 255px;
    height: 317px;
    color: #fff;
    float: left;
    box-shadow:  0 0 15px #F3F3F3;
}
.tese-tu1 img{
    position: relative;
    top: 35px;
}
.tese-tu1 p{
    font-size: 22px;
    position: relative;
    top: 50px;
    color: #333333;
}
.tese-detil{
    font-size: 15px;
    position: relative;
    top: 76px;
    line-height: 29px;
    letter-spacing: 1px;
    color: #666666;
    width: 206px;
    margin: 0 auto;
}

.tese-empty{
    display: flex;
    min-width: 27px;
}


.sns-youshi{
    overflow: hidden;
    width: 100%;
    height: 497px;
    background: #F5F6F7;
}

.youshi-h1{
    font-size: 34px;
    width: 331px;
    margin: 0 auto;
    position: relative;
    top: 75px;
}

.youshi-body{
    width: 1110px;
    height: 278px;
    position: relative;
    top: 128px;
    margin: 0 auto;
    display: flex;
}
.youshi-tu1{
    text-align: center;
    width: 255px;
    height: 278px;
    color: #fff;
    float: left;
   
}

.youshi-tu1 img{
    position: relative;
    top: -4px;
}
.youshi-tu1 img:hover{
    position: relative;
    top: -4px;
    transform: rotateY(360deg);
    transition: all 0.5s linear;
}
.youshi-tu1 p{
    font-size: 20px;
    position: relative;
    top: 21px;
    color: #333333;
}
.youshi-detil{
    font-size: 14px;
    position: relative;
    top: 33px;
    line-height: 29px;
    letter-spacing: 1px;
    color: #666666;
    width: 206px;
    margin: 0 auto;
}

.youshi-empty{
    display: flex;
    min-width: 27px;
}


.sns-changjing{
    overflow: hidden;
    width: 100%;
    height:700px;
    background: #404855;
}

.changjing-h1{
    font-size: 34px;
    width: 331px;
    margin: 0 auto;
    position: relative;
    top: 75px;
    color: #fff;
}

.changjing-body{
    width: 1200px;
    height: 400px;
    position: relative;
    top: 128px;
    margin: 0 auto;
    display: flex;
}
.changjing-tu1{
    text-align: center;
    width: 240px;
    height: 400px;
    color: #fff;
    float: left;
   
}

.changjing-tu1 img{
    position: relative;
    top: -4px;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}
.changjing-tu1 img:hover{
    position: relative;
    top: -4px;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 10;
}
.changjing-tu1 p{
    font-size: 20px;
    position: relative;
    top: -264px;
    color: #fff;
    z-index: 11;
}
.changjing-detil{
    width: 40px;
    height: 3px;
    background: #fff;
    position: relative;
    margin: 0 auto;
    top: -250px;
    z-index: 11;
}

#img{
    position: relative;
    top: -270px;
    z-index: 11;
}


.sns-bianxian{
    overflow: hidden;
    width: 100%;
    height: 630px;
    background: #F5F6F7;
}

.bianxian-h1{
    width: 331px;
    margin: 0 auto;
    font-size: 35px;
    color: #333333;
    position: relative;
    top: 30px;
    position: relative;
    top: 85px;
}

.bianxian-body{
    width: 1200px;
    height: 150px;
    position: relative;
    top: 146px;
    margin: 0 auto;
    display: flex;
}
.bianxian-tu1{
    width: 388px;
    height: 150px;
    color: #fff;
    float: left;
    background: #fff;
    line-height: 150px;
}
.bianxian-tu1-left{
    float: left;
    position: relative;
    left: 25px;
}
.bianxian-tu1-font{
    float: left;
    color: #000;
    position: relative;
    left: 50px;
    font-size: 25px;
}
.bianxian-tu1 p{
    font-size: 22px;
    position: relative;
    top: 6px;
}
.bianxian-detil{
    font-size: 16px;
    position: relative;
    top: 25px;
    line-height: 29px;
    letter-spacing: 1px;
}

.bianxian-empty{
    display: flex;
    min-width: 20px;
}
.top{
    margin-top: 20px;
}


.sns-fuwu{
    overflow: hidden;
    width: 100%;
    height: 475px;
    background: #fff;
}

.fuwu-h1{
    width: 496px;
    font-size: 33px;
    position: relative;
    top: 80px;
    margin: 0 auto;
    color: #000;
}

.fuwu-tupian{
    width: 1196px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    top: 150px;
    display: flex;
}

.fuwu-tu1{
    float: left;
    width: 120px;
    text-align: center;
}
.fuwu-tu1 p{
    font-size: 17px;
    position: relative;
    top: 25px;
    color: #000;
}
.fuwu-tu1 img:hover{
    transform: rotateY(360deg);
    transition: all 0.5s linear;
}
.empty{
    display: flex;
    min-width: 95px;
}

.sns-kaiqi{
    background: url('../image/fot.png');
    background-size: 100% 100%;
    height: 239px;
}

.kaiqi-h1{
    width: 496px;
    font-size: 32px;
    position: relative;
    top: 70px;
    margin: 0 auto;
    color: #fff;
}

.kaiqi-button{
    display: block;
    width: 140px;
    height: 40px;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    top: 100px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 17px;
    color: #fff;
}
.kaiqi-button:hover{
    display: block;
    width: 140px;
    height: 40px;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    top: 100px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 17px;
    color: #000;
    background: #fff;
}

.hangye{
	width: 100px; display: block; color: #999; margin-bottom: 10px;
}
.shouhou{
	width: 100px; display: block;color: #999;margin-bottom: 10px;
}
.wenzi{
	color: #999;
}