@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro');

/* @font-face{
font-family:'SourceHanSansCN-Regular';
src:url('../fonts/SourceHanSansCN-Regular.otf');
} */

.flexy-menu {
	/* width:1200px; */
	/* padding: 0; */
	/* position: relative; */
	/* float: left; */
	font-family:SourceHanSansCN-Regular !important; /**font-family: "Source Sans Pro", Segoe UI, Arial;*/
	list-style: none;
	display:inline;margin-top:3px; 
}
.flexy-menu li {
	display: inline;
	font-size:16px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width:200px; 
	/* height:72px;  */
	height: 105px;
	line-height: 105px;
	/* line-height:72px;  */
	text-align:center;
}
.flexy-menu>li>a {/*
	padding: 20px 22px;*/ 
	/* height:72px; */
	height: 105px;
	color: #333;
	/* color: #666; */
	/* color: #fff; */
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	-webkit-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-o-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear
}

.flexy-menu li:hover>a, .flexy-menu li.active a {

	/* color: #666; */
	color: #333;
}
.flexy-menu li.right {
	float: right
}
.flexy-menu ul, .flexy-menu ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 99999;
	width:145px;
	background:#f8fbff;margin-top:0px;
	
	border-radius: 0px 0px 5px 5px;
}


.flexy-menu ul li ul li{margin-top:0px!important}
.flexy-menu ul {
	top: 105px;
	left: 18px
}
.flexy-menu ul li ul {
	top: 0;
	left: 100%;
}
.flexy-menu ul li {
	clear: both;
	width: 100%;
	border: 0;
	font-size:16px
}
.flexy-menu ul li a {
	padding:0;
	width: 100%;
	color: #333;
	font-size:16px;font-weight:100; font-family:SourceHanSansCN-Regular !important;/**font-family:Arial, Helvetica, sans-serif;**/
	text-decoration: none;
	display: inline-block;
	float: left;
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-o-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear
}
.thin>li>a {
	padding:0px
}
.thin ul {
	top: 40px
}
.thick>li>a {
	padding:0px
}
.thick ul {
	top: 90px
}
.flexy-menu i {
	line-height: 40px!important;
	
	font-size:18px;
	float: left
}
.flexy-menu>li.showhide {
	display: none;
	width: 100%;
	height:50px;
	cursor: pointer;
	color: #dedede;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	background: #333; filter:alpha(opacity=50);

       -moz-opacity:0.5; 

      -khtml-opacity: 0.5;

      opacity: 0.5;
}
.orange li:hover{
	/*background:#333;*/ 
	/* background:url(../images/hainan_05.png)  repeat-x; */
	background-size: 100% 100%;
	color: #5299e7;margin-top:0px;
}



.orange li.active a {
	/*background:#fff;*/ 
	/* background:url(../images/hainan_05.png)  repeat-x; */
	background-size: 100% 100%;
	color: #5299e7;margin-top:0px;
}

.orange li a:hover{
	 /* height:72px;  */
	 height: 105px;
	 line-height: 105px;
	 /* line-height:72px;  */
	 /* color:#666; */
	 color: #333;
	 }
.flexy-menu.vertical {
	width: 90px
}
.flexy-menu.vertical li {
	width: 100%
}
.flexy-menu.vertical li a {
	display: inline-block!important;
	width: 100%;
	padding:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.flexy-menu.vertical ul li {
	width: 100%
}
.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {
	width: 150px
}
.flexy-menu.vertical ul {
	top: 0;
	left: 100%
}
.flexy-menu.vertical ul li ul {
	top: 1px
}
.flexy-menu.vertical.right {
	float: right!important
}
.flexy-menu.vertical.right ul {
	left: -150px!important
	
}
.flexy-menu.vertical.right ul {
	top: -15px!important
	
}
@media only screen and (max-width:768px) {
.flexy-menu.vertical {
	width: 100%
}
.flexy-menu li {
	display: block;
	width: 100%
}
.flexy-menu>li>a {/*
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px*/
}
.flexy-menu a {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.flexy-menu ul, .flexy-menu ul li ul, .flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {
	width: 100%;
	left: 0;
	border-left: 0;
	position: static;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.flexy-menu ul li {
	border-left: 0;
	border-right: 0
}
.flexy-menu ul li a, .flexy-menu.vertical ul li a {
/*	padding-top: 10px;
	padding-bottom: 10px*/
}
.flexy-menu ul>li>a {
	padding-left: 40px!important
}
}


.orange li:last-child:hover>a, .orange li.active a {
	/*background:#fff;*/ 
	border-radius: 0px 0px 5px 5px;
}

.a_active {
	z-index:99999;
	display:block;
	width: 140px;
	/* background-color: #db0011; */
	background-image: url(../images/select_bj.png);
	background-repeat: no-repeat;
	/* height: 105px; */
	height: 105px !important; /* 在这里设置所需的高度 */
	line-height: 105px !important; 
	/* line-height: 105px; */
	/* position:absolute; */
	color:#fff !important;
	/* margin-top:-15px; */
	overflow: visible;
	font-size:18px; color:#66ccff;
}

.imgShadow{
	display: block;
}


/* .a_active:hover{margin-top:-15px;!important} */
.flexy-menu ul li ul{margin-top:0px;!important}
.flexy-menu ul li ul{padding:0;!important}
.flexy-menu ul li ul li a{ height:40px;!important line-height:40px;}
.flexy-menu ul li:hover{ height:40px; background:url(../images/hainan_05.png) repeat center top!important}

.flexy-menu ul li ul li{ height:40px;!important}
.flexy-menu ul li ul li{ }
.flexy-menu ul li ul li{ margin:0;!important}
.flexy-menu li li a:hover{height:105px; line-height:105px;  color:#333;!important}
/* .flexy-menu li li:hover>a, .flexy-menu li li.active a{height:105px; line-height:105px;  color:#333!important} */

.flexy-menu li li{ height:105px!important}