/*合作品牌*/

.index-7 { padding-top:60px;  margin:0 auto; width:1900px; }
.index-con-7{
	width:100%;
	height:438px;
	overflow:hidden;
	background:url(/template/default/static/images/hzpp.png) no-repeat center #c4c4c4;
}
.travelType{ width:1900px; margin:0 auto;}
.travelType img{float:left;}
.travelType img:hover{ background:url(/template/default/static/images/hover.png) no-repeat;}

@keyframes bounceInLeft {
        from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
        0% {opacity: 0;transform: translate3d(-3000px, 0, 0);}
        60% {opacity: 1;transform: translate3d(25px, 0, 0);}
        75% {transform: translate3d(-10px, 0, 0);}
        90% {transform: translate3d(5px, 0, 0);}
        100% {opacity: 1;transform: none;}
    }
@keyframes bounceInRight {
        from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
        0% {opacity: 0;transform: translate3d(3000px, 0, 0);}
        60% {opacity: 1;transform: translate3d(-25px, 0, 0);}
        75% {transform: translate3d(10px, 0, 0);}
        90% {transform: translate3d(-5px, 0, 0);}
        100% {opacity: 1;transform: none;}
    }
.page5-tu1,.page5-tu2,.page5-tu3,.page5-tu4,.page5-tu5,.page5-tu6,.page5-tu7,.page5-tu8,.page5-tu9,.page5-tu10{
        position: absolute;
        width: REM(480);
        height: REM(206);
        left: 50%;
        margin-left: REM(-240);
        opacity: 0;


    }
    .page5-tu1{
        bottom: REM(778);
        animation: bounceInLeft 1.5s 1.50s linear forwards;
    }

	
    .page5-tu2{
        bottom: REM(548);
        animation: bounceInLeft 1.8s 1.80s linear forwards;
    }
    .page5-tu3{
        bottom: REM(314);
        animation: bounceInRight 1.5s 1.50s linear forwards;
    }
    .page5-tu4{
        bottom: REM(81);
        animation: bounceInRight 1.8s 1.8s linear forwards;
    }
 .page5-tu5{
        bottom: REM(778);
        animation: bounceInRight 1.5s 1.50s linear forwards;
    }
	
 .page5-tu6{
        bottom: REM(778);
        animation: bounceInRight 1.8s 1.80s linear forwards;
    }
 .page5-tu7{
        bottom: REM(778);
        animation: bounceInRight 1.8s 1.80s linear forwards;
    }
 .page5-tu8{
        bottom: REM(778);
        animation: bounceInRight 1.5s 1.50s linear forwards;
    }	
	 .page5-tu9{
        bottom: REM(778);
        animation: bounceInRight 1.8s 1.8s linear forwards;
    }
	
 .page5-tu10{
        bottom: REM(778);
        animation: bounceInRight 1.5s 1.50s linear forwards;
    }




.page-tu1{left: 410px; bottom: -138px; position:relative;
}
.page-tu2{    left: 528px;
    top: 134px;position:relative;}
.page-tu3{left: 647px;
    top: 139px;position:relative;}
.page-tu4{left: 313px;
    top: 227px;position:relative;}
.page-tu5{left: -172px;
    top: 227px;position:relative;}
.page-tu6{    left: -52px;
    top: 50px;position:relative;}
.page-tu7{left: -536px;
    top: 49px;position:relative;}
.page-tu8{left: -114px;
    top: 49px;position:relative;}
.page-tu9{left: -299px;
    top: 227px;position:relative;}
.page-tu10{    left: -333px;
    top: 138px;position:relative;}