@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px; font-size:12px; font-family:"微软雅黑"; list-style:none; text-decoration:none;}
.clear{ clear:both;}
a{ color:#FFF;}
a img{ border:none;}

body{ background:url(../images/mmkbg3.jpg); background-repeat: repeat; background-size:cover;}

.logo_menu{}
.logo{ position:absolute;  width:10%; top:3%; left:10%;}
.logo img{ width:100%;}
.lod{ width:20%; margin:0 auto; margin-top:5%;}
.lod img{ width:100%; }

.menu_hui{ padding-top:3%; }
/*.menu{ }
.menu ul{ width:68%; float:right;}
.menu ul li{ float:right; margin:0 1.5%; }
*/
#index_nav{ background:url(../images/brand_menu_bg.png); }
#index_nav ul{width:66%; float:right; margin-right:8%;}
#index_nav li { float:right; height:34px; line-height:34px; text-align:center;  cursor:pointer; color:#fff;  width:14%;  }
#index_nav li div { height:34px; width:100%; overflow:hidden; position:relative; }
#index_nav li div .n1, #index_nav li div .n2 { display:block; height:34px; line-height:34px; width:100%; position:absolute;  }
#index_nav li div .n1 { z-index:12;  }
#index_nav li div .n2 { z-index:11;  padding-top:10px; top:34px;}
#index_nav li div .n2 img{}


.di{ overflow:hidden; position:absolute; top:40%; left:19%; width:16%;}
.di img{ width:100%; }
.di1{ overflow:hidden; position:absolute; bottom:12%; left:24%; width:21%;}
.di1 img{ width:100%;}
.di2{ overflow:hidden; position:absolute; top:15%; right:32%; width:17%; z-index:-50;}
.di2 img{ width:100%;}
.di3{ overflow:hidden; position:absolute; top:8%; right:10%; width:16%;}
.di3 img{ width:100%;}
.di4{ overflow:hidden; position:absolute; bottom:2%; right:25%; width:20%;}
.di4 img{ width:100%;}


.bh{ width:25%; position:absolute; top:13%; left:10%;}
.bh img{ width:80%; overflow:hidden;}
.mdx{ width:30%; position:absolute; top:70%; left:10%;}
.mdx img{ width:65%; overflow:hidden;}
.tj{ width:20%; position:absolute; top:80%; right:5%}
.tj img{ width:80%; overflow:hidden;}
.gl{ width:23%; position:absolute; top:40%; right:5%}
.gl img{ width:80%; overflow:hidden;}