@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/cctbg.jpg) no-repeat; background-size:100%;}

.logo_menu{}
.logo{ position:absolute;  width:10%; top:1.8%; left:4%;}
.logo img{ width:100%;} 

.menu_hui{ height:20px; }
.contact_box{}
/*.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:15%;  }
#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; top:34px;}
#index_nav li div .n2 img{ width:42%;}

.contact_left{ float:left; width:33.3%; background:url(../images/dbbj1.jpg)  no-repeat; background-size:100%; margin-top:41.7%; padding-bottom:1%;}
.contact_left img{ width:24%; margin-left:35%; padding-top:5%;}
.contact_left:hover{ background:url(../images/hong1.jpg) no-repeat; background-size:100%;}
.contact_center{ float:left; width:33.4%; background:url(../images/dbbj2.jpg) no-repeat; background-size:100%; margin-top:41.7%; padding-bottom:2.09%;}
.contact_center img{ width:26.8%; margin-left:35%; padding-top:5%;}
.contact_center:hover{ background:url(../images/hong2.jpg) no-repeat; background-size:100%;}
.contact_right{ float:left; width:33.3%;  background:url(../images/dbbj3.jpg) no-repeat; background-size:100%; margin-top:41.7%; padding-bottom:3.35%;}
.contact_right img{ width:40%; margin-left:30%; padding-top:8%;}
.contact_right:hover{ background:url(../images/hong3.jpg) no-repeat; background-size:100%;}