@charset "utf-8";
/* CSS Document */
body{list-style:none;}
.header_nav{
	width:100%;
	height:120px;
	border-top-width:5px;
	border-top-color:#314eb8;
	border-top-style:solid;
	margin-top:0px;
	background-color:#FFF;
	
	
	
   
	}


.nav_con ul{
	width:807px;
	height:120px;
	float:right;
	margin-right:120px;
	list-style:none;
	font-family:"微软雅黑";
	margin-top:-1px;
	
}
.nav_con ul li{
	float:left;
	height:100px;
	width:120px;
	line-height:120px;
	margin-left:0px;
	font-family:"微软雅黑";
	

}
.nav_con ul li a:visited{
	color:purple;text-decoration:none;}
.nav_con ul li a:hover{ height:90px;
	width:120px;
	display:block;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-color:#314eb8;
	border-bottom-width:5px;
 }
.nav_con ul li a{
	font-size:20px;
	color:#314eb8;
	font-family:"微软雅黑";
	text-decoration:none;
	width:120px;
	display:block;
	text-align:center;
	
	
	/*height:90px;
	width:120px;
	display:block;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-color:#314eb8;
	border-bottom-width:5px;*/
	
	
}
.nav_active{
	color:#0091d9;
}
.nav_main ul li a:hover{
	color:#0091d9;
}
.header_bg{ 
       background-image:url(../../../../../../../hlbr_lb.jpg);
	   height:560px;
	   width:100%;
	   background-repeat:no-repeat;}
.yetai{ width:100%;
        height:460px;
		margin-top:40px;
		background-color:#FFF;}
.yetai_hx{ margin-left:auto;
           margin-right:auto;
		   height:46px;
		   width:365px;
		   text-align:center;
		   padding-top:20px;}
.yetai_title{  width:365px;
               height:26px;
			   width:365px;
			   text-align:center;
			   margin:auto auto;
			padding-top:20px;}
.yetai_logo{
	    height:141px;
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	    }
		
.hl_zhihui{ 
         height:204px;
		 width:224px;
		  float:left;
		  display:block;
		  margin-left:20px;
		 
		  
		  
		 }

/* btn-5 */
.mask-wrapper {
position: relative;
overflow: hidden;
}
.mask-inner {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
-moz-transition: top ease 200ms;
-o-transition: top ease 200ms;
-webkit-transition: top ease 200ms;
transition: top ease 200ms;
}
.mask-wrapper:hover .mask-inner {
top: 0;
}
#my-mask {
	height:100%;
	width:100%;
/*height:204px;
		 width:224px;*/

}
#my-mask .mask-inner {
	background-image:url(../../../images/whimg/fdbg.png);
}
/*ip景区投资运营*/
.jingquip_bg {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
-moz-transition: top ease 200ms;
-o-transition: top ease 200ms;
-webkit-transition: top ease 200ms;
transition: top ease 200ms;
}
.mask-wrapper:hover .jingquip_bg {
top: 0;
}
#my-mask .jingquip_bg {
	background-image:url(../../../images/whimg/ipbg.png);
}

.jqtz{ width:295px;
       height:214px;
	   display:block;
	   margin-left:10px;
	   float:left;}
<!--口岸免税-->
.kouan_bg {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
-moz-transition: top ease 200ms;
-o-transition: top ease 200ms;
-webkit-transition: top ease 200ms;
transition: top ease 200ms;
}
.mask-wrapper:hover .kouan_bg {
top: 0;
}
#my-mask .kouan_bg {
	background-image:url(../../../images/whimg/kouan_bg.png);
}

.knms{ width:390px;
       height:214px;
	   display:block;
	   margin-left:10px;
	   float:left;}
/*	   旅游目的地策划与营*/
.mddych{ width:100%;
        height:100%;}

/*中部广告开始*/
.ggbg{ 
       
       width:100%;
	   height:400px;
	   margin-top:30px;
	   background-image:url(../../../images/whimg/gg-01.png); }
/*旗下品牌开始*/

.qxpp{ width:100%;
       height:430px;
	    
	   background-color:#FFF;
	  } 
	   
	   
.qxppbg_bg {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
-moz-transition: top ease 200ms;
-o-transition: top ease 200ms;
-webkit-transition: top ease 200ms;
transition: top ease 200ms;
}
.mask-wrapper:hover .qxppbg_bg {
top: 0;
}
#my-mask .qxppbg_bg {
	background-image:url(../../../images/whimg/qxppbg.png);
}

.qixiapp{ width:234px;
       height:255px;
	   display:block;
	   margin-left:13px;
	   float:left;}

/*logo*/
.logo{ margin-left:290px;}
/* 焦点图轮播 */
.flexslider{margin:40px auto;position:relative;width:100%;height:400px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../../../images/whimg/ad_ctr.png); no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;
margin-left:400px; margin-right:400px;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(index.css); no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
<!--弹窗-->
i{ font-style:normal;}
#detail{	position:absolute; top:105px;width:1200px;height:560px;border:1px solid #ccc;background:#efefef; display:none;}
#detail .tit{ background:#ddd; display:block; height:33px; cursor:move; width: 45px;
float: right;}
#detail .tit i{ float:right; line-height:33px; padding:0 8px;cursor:default;}
#detail2{position:absolute;width:1200px;height:560px;/*border:1px solid #555;*//*background:#555;*/display:none;}
#detail2 .tit{ background:#333; display:block; height:33px;cursor:move; width: 45px;
float: right;}
#detail2 .tit i{ float:right; line-height:33px; padding:0 8px; color:#777; cursor:default;}
.hexinyt {width: 224px;
    height: 204px;
    display: block;
    margin-left: 12px;
    float: left;}





.mask-inner-jd {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
-moz-transition: top ease 200ms;
-o-transition: top ease 200ms;
-webkit-transition: top ease 200ms;
transition: top ease 200ms;
}
.mask-wrapper:hover .mask-inner-jd {
top: 0;
}
#my-mask {
	height:100%;
	width:100%;
/*height:204px;
		 width:224px;*/

}
#my-mask .mask-inner-jd {
	background-image:url(../../../images/whimg/kouan_bg.png);
}