.gear{
	cursor: pointer;
	-webkit-transition: transform 0.7s linear;
	-moz-transition: transform 0.7s linear;
	-ms-transition: transform 0.7s linear;
	-o-transition: transform 0.7s linear;
	transition: transform 0.7s linear;
}

.index_menu_btn_text{
	cursor: pointer;
}

.index_menu_btn_circle_1:hover .index_menu_btn_text:hover + .index_menu_1:hover + .gear:hover,
.index_menu_btn_circle_2:hover .index_menu_btn_text:hover + .index_menu_2:hover + .gear:hover,
.index_menu_btn_circle_3:hover .index_menu_btn_text:hover + .index_menu_3:hover + .gear:hover,
.index_menu_btn_circle_4:hover .index_menu_btn_text:hover + .index_menu_4:hover + .gear:hover,
.index_menu_btn_circle_5:hover .index_menu_btn_text:hover + .index_menu_5:hover + .gear:hover{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.index_menu_btn_circle_1:hover .index_menu_1,
.index_menu_btn_circle_2:hover .index_menu_2,
.index_menu_btn_circle_3:hover .index_menu_3,
.index_menu_btn_circle_4:hover .index_menu_4,
.index_menu_btn_circle_5:hover .index_menu_5{
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.7s linear;
	-moz-transition: opacity 0.7s linear;
	-ms-transition: opacity 0.7s linear;
	-o-transition: opacity 0.7s linear;
	transition: opacity 0.7s linear;
}

.index_menu_btn_text:not(:hover) + .index_menu_1:not(:hover) + .gear:not(:hover),
.index_menu_btn_text:not(:hover) + .index_menu_2:not(:hover) + .gear:not(:hover),
.index_menu_btn_text:not(:hover) + .index_menu_3:not(:hover) + .gear:not(:hover),
.index_menu_btn_text:not(:hover) + .index_menu_4:not(:hover) + .gear:not(:hover),
.index_menu_btn_text:not(:hover) + .index_menu_5:not(:hover) + .gear:not(:hover){
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.index_mini_video_list:hover{
	transform: scale(1.1);
	transition: transform 0.2s linear;
	background: white;
	border-top: 8px solid #ffffcb;
	margin-top: 0;
	box-shadow: 0 0 5px #9C9C9C;
	z-index: 9999;
}

.marquee{
	width: 100%;
	height: 80px;
	animation: marquee 200s linear infinite;
}

.marquee img,
.marquee_2 img,
.marquee_3 img{
	float: left;
}

.marquee_2{
	width: 100%;
	height: 80px;
	animation: marquee_2 400s linear infinite;
}

.marquee_3{
	width: 100%;
	height: 80px;
	animation: marquee_3 300s linear infinite;
}

.balloon{
	animation: balloon 5s linear infinite;
}

@keyframes marquee{
	0%   {transform: translate(-20%,0);}
	100% {transform: translate(100%,0);}
}

@keyframes marquee_2{
	0%   {transform: translate(-100%,0);}
	100% {transform: translate(200%,0);}
}

@keyframes marquee_3{
	0%   {transform: translate(10%,0);}
	100% {transform: translate(130%,0);}
}

@keyframes balloon{
	0%   {transform: translate(0, 10%);}
	50%  {transform: translate(0, -10%);}
	100% {transform: translate(0, 10%);}
}