@charset "utf-8";

.top_bg .icon_home{
	display: none;
}
.top_bg .icon_return{
	display: none;
}
.welcome_div{
	overflow: hidden;
}
.welcome_div .menus{
	width: 870px; margin: auto; margin-top:2%;  text-align: center; position: relative;
}
.welcome_div .menus .menus_bg{
	width: 870px; margin: auto; 	padding: 2% 0;
}
.welcome_div .menus .menus_bg.bg1{
	top: 0;
}
.welcome_div .menus .menus_bg.bg2{
	top: 220px; /* padding: 0 162px; */
}
.welcome_div .menus .menus_bg.bg1 .menu_btn:nth-of-type(2){
    margin: 0 108px;
}
.welcome_div .menus .menus_bg.bg2 .menu_btn:nth-of-type(1){
	margin-right: 108px;
}
.welcome_div .menus .menu_btn{
	max-width: 180px;max-height: 180px;
	float: left; text-align: center;
	background-color: #FFFFFF;  cursor: pointer;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.welcome_div .menus .menus_bg .menu_btn .btn_content{
    width: 180px; height: 180px; text-align: center;  cursor: pointer;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
/* .welcome_div .menus .menu_btn .btn_content.hover{
	transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
} */
/* .welcome_div .menus .menu_btn.knowledge_keys{border: 1px #11D39E solid;}
.welcome_div .menus .menu_btn.single{border: 1px #00C3D9 solid;}
.welcome_div .menus .menu_btn.platform{border: 1px #DA7000 solid;}
.welcome_div .menus .menu_btn.multiple{border: 1px #F3C301 solid;}
.welcome_div .menus .menu_btn.midterm{border: 1px #028985 solid;} */

.ch-img-1{border: 1px #11D39E solid;}
.ch-img-2{border: 1px #00C3D9 solid;}
.ch-img-3{border: 1px #DA7000 solid;}
.ch-img-4{border: 1px #F3C301 solid;}
.ch-img-5{border: 1px #028985 solid;}

.ch-img-1:hover{box-shadow: 0 0 15px #11D39E;}
.ch-img-2:hover{box-shadow: 0 0 15px #00C3D9;}
.ch-img-3:hover{box-shadow: 0 0 15px #DA7000;}
.ch-img-4:hover{box-shadow: 0 0 15px #F3C301;}
.ch-img-5:hover{box-shadow: 0 0 15px #028985;}

.ch-img-1:active,
.ch-img-2:active,
.ch-img-3:active,
.ch-img-4:active,
.ch-img-5:active{
	box-shadow: 0 2px 15px #fff;
}

.welcome_div .menus .menu_btn.knowledge_keys .btn_content{
	background: url("images/index/icon_knowledgekeys_big.png") 45px 18px no-repeat #11D39E ;
}
.welcome_div .menus .menu_btn.knowledge_keys .btn_content.hover{
	background: url("images/index/icon_knowledgekeys.png") 60px 18px no-repeat #11D39E ;
}

.welcome_div .menus .menu_btn.single .btn_content{
	background: url("images/index/icon_single_big.png") 63px 30px no-repeat #00C3D9 ;
}
.welcome_div .menus .menu_btn.single .btn_content.hover{
	background: url("images/index/icon_single.png") 67px 30px no-repeat #00C3D9 ;
}

.welcome_div .menus .menu_btn.platform .btn_content{
	background: url("images/index/icon_platform_big.png") 55px 30px no-repeat #DA7000 ;
}
.welcome_div .menus .menu_btn.platform .btn_content.hover{
	background: url("images/index/icon_platform.png") 65px 30px no-repeat #DA7000 ;
}

.welcome_div .menus .menu_btn.multiple .btn_content{
	background: url("images/index/icon_multiple_big.png") 50px 30px no-repeat #F3C301 ;
}
.welcome_div .menus .menu_btn.multiple .btn_content.hover{
	background: url("images/index/icon_multiple.png") 63px 30px no-repeat #F3C301 ;
}

.welcome_div .menus .menu_btn.midterm .btn_content{
	background: url("images/index/icon_midterm_big.png") 55px 20px no-repeat #028985 ;
}
.welcome_div .menus .menu_btn.midterm .btn_content.hover{
	background: url("images/index/icon_midterm.png") 62px 25px no-repeat #028985 ;
}
.welcome_div .menus .menu_btn.find .btn_content{
	background: url("images/index/icon_find.png") 35px 20px no-repeat #c53bb0 ;
	background-size: 113px 100px;
}
.welcome_div .menus .menu_btn.find .btn_content.hover{
	background: url("images/index/icon_find.png") 42px 25px no-repeat #c53bb0 ;
}
.welcome_div .menus .menus_bg .menu_btn .btn_content label{
	color: #fff; font-family: SimHei; font-weight: normal; cursor: pointer;
}
.welcome_div .menus .menus_bg .menu_btn .btn_content label.btn_label{
	font-size: 2.5em; margin-top: 120px; display: inline-block;
}
.welcome_div .menus .menus_bg .menu_btn .btn_content label.label_hover{
	font-size: 1.5em; margin-top: 105px; display: inline-block;  
}

/* Html root */
html { font-size: 625%; }
@media screen and ( max-device-width: 1920px ) {
	html { 
		font-size: 833.3333% !important;
	}
}
@media screen and ( max-device-width: 1680px ) {
	html { 
		font-size: 729.1666% !important;
	}
}
@media screen and ( max-device-width: 1600px ) {
	html {
		font-size: 694.4444% !important;
	}
}
@media screen and ( max-device-width: 1440px ) {
	html { 
		font-size: 625% !important; 
	}
}
@media screen and ( max-device-width: 1366px ) {
	html { 
		font-size: 592.8819% !important; 
	}
}
@media screen and ( max-device-width: 1360px ) {
	html {
		font-size: 590.2777% !important; 
	}
}
@media screen and ( max-device-width: 1280px ) {
	html {
		font-size: 555.5555% !important;
	}
}