@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,ol,ul{margin:0;padding:0;}

body {
	font:12px;
	line-height:22px;
	font-family: "lucida_granderegular","微软雅黑","PingFang SC","Lucida Sans", "Lucida Sans Unicode","Arial",;
	background-size:100% auto;background:#fff;

}


@font-face {  
   font-family: 'lucida_granderegular';     
   src: url('../font/lucida_grande-webfont.eot');/* IE9+ */ 
    src: url('../font/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lucida_grande-webfont.woff2') format('woff2'),
         url('../font/lucida_grande-webfont.woff') format('woff'),
         url('../font/lucida_grande-webfont.ttf') format('truetype'),
         url('../font/lucida_grande-webfont.svg#lucida_granderegular') format('svg');
		 
		 font-weight: normal;
         font-style: normal;}


div {font-family: "lucida_granderegular","微软雅黑","PingFang SC","Lucida Sans", "Lucida Sans Unicode","Arial",;font-size:14px;text-align:left;}



a{text-decoration:none; font-family: "lucida_granderegular","微软雅黑","PingFang SC","Lucida Sans", "Lucida Sans Unicode","Arial",;}
img{border:none;}
ul,li{list-style:none;list-style-type:none; font-family: "lucida_granderegular","微软雅黑","PingFang SC","Lucida Sans", "Lucida Sans Unicode","Arial",;}
/*clearfix清除浮动*/
.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0;line-height:0;}
.clearfix{zoom:1;}

/*made*/
.made{ height:610px;}
.made2{}
.madegame{width:100%;overflow:hidden;}
#ho{position:relative !important;}
#ho li{float:left;position:relative;}


/*  HTML5  */


.m_map{ width:327px; height:490px;  position:relative;  background:url(../images/hgjx_top_lc01.png) no-repeat 0 0 ; background-size:327px; }
.m_map2{ width:1006px; height:490px;  position:relative;  background:url(../images/hgjx_top_lc02.png) no-repeat 0 0 ;background-size:1006px;}
.m_map3{ width:1575px; height:500px;  position:relative;  background:url(../images/hgjx_top_lc03.png) no-repeat 0 0 ;background-size:1575px;}
.m_map4{ width:1264px; height:500px;  position:relative;  background:url(../images/hgjx_top_lc04.png) no-repeat 0 0 ;background-size:1264px;}
.mp{ position:absolute; cursor:pointer; background:url(../images/fi1.png) no-repeat;background-size:30px; width:30px; height:40px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.mp:hover{ background:url(../images/fi2.png) no-repeat;background-size:30px; width:30px; height:40px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.hover_tu{background:url(../images/fi2.png) no-repeat;background-size:30px; width:30px; height:40px;}
.mp .mito{ position:absolute; left:0px; bottom:0px; font-size:12px; color:#666666;}
.mp .find_mi1{ left:-12px; width:55px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng{ position:absolute; display:none; width:400px; left:35px; top:-120px; background:url(../images/hgjx_bt_bg.png) repeat left top; z-index:10; padding:30px;}
.feng .bt{ float:left; color:#FFFFFF; font-size:20px;width:400px;}
.feng .produc{ float:left; color:#FFFFFF; line-height:24px; font-size:13px;width:400px; margin-top:15px;}
.feng .tree{ height:62px; width:330px; margin:9px; }
.feng .tree .boou{ width:86px; height:62px; float:left;}
.feng .tree .du_size{ float:right; height:62px; width:230px;} 
.feng .tree .du_size p{ font-size:12px; color:#FFF; line-height:20px;}
.mp1{left:145px; top:200px; }
.mp2{left:450px; top:170px; }
.mp3{left:253px; top:220px; }
.mp4{left:638px; top:130px; }
.mp5{left:248px; top:190px; }
.mp6{left:720px; top:280px; }