#top11{position: fixed; top:0; z-index: 1000;width: 100%;height: 104px;} 
#kzk{  margin:0 auto; max-width:1000px; margin-top:104px;} 
/*logo部分*/ 
#logo{height: 56px;width:100%;  overflow:hidden;background: #d40000;max-width: 1024px; }

#logo .ico-home{
    float:left;
    width:13%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(/../../xinzuo/logo2.png) center no-repeat;
    background-size: 51% 48%;
    height: 56px;
    }
#logo .ico-home1{
    float:left;
    width:57%;
    margin-left: 5%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(/../../xinzuo/logo3.png) center no-repeat;
    background-size: 74% 55%;
    height: 56px;
    }
#logo .ico-home2{
    float:right;
    width:22%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(/../../xinzuo/logo1.png) center no-repeat;
    background-size: 82% 50%;
    height: 56px;
    } 
 
#nav{ background:rgba(0, 0, 0, 0.78); padding-bottom:0.8%;height:51px; line-height:51px;
position: fixed; top:56px; z-index: 1000; width:100%;max-width: 1024px;} 
#nav ul li{height:51px; line-height:51px; float:left; width:14.5%; margin-left:1.66%; text-align:center;} 
#nav ul li a{cursor:pointer;color:#f3eeee;} 
#nav ul li a:hover{ color:#d40000;}
#nav ul #cgbrand a:hover{ color:#d40000;}
#nav ul li:hover{border-bottom: 3px solid #d40000;} 
.logo_top {  width: 60%;  float: left;  height: 40px;
} 



@media screen and (min-width: 768px){
 #logo{height:64px;width:100%;/*background:url(./public/images/logo_bg.jpg) repeat-x;*/ overflow:hidden;background: #d40000; }

#logo .ico-home{
    float:left;
    width:12%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(../../xinzuo/logo2.png) center no-repeat;
    background-size: 36% 50%;
    height: 64px;
    }
#logo .ico-home1{
    float:left;
    width: 55%;
    margin-left: 5%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(../../xinzuo/logo3.png) center no-repeat;
    background-size: 44% 55%;
    height: 64px;
    }
#logo .ico-home2{
    float:right;
    width: 28%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(../../xinzuo/logo1.png) center no-repeat;
    background-size: 47% 48%;
    height: 64px;
    } 

    #nav {
   
    top: 64px;
    
}

}
 @media screen and (min-width: 321px) and (max-width: 480px){
  #nav {  height: 44px;  line-height: 44px; }
  #nav ul{ height: 44px;  line-height: 44px;}
  #nav ul li{ height: 44px;  line-height: 44px;}
 }
 @media screen and (max-width: 320px){  
    #nav {  height: 34px;  line-height: 34px; top:50px;}
     #nav ul{ height: 34px;  line-height: 34px;}
  #nav ul li{ height: 34px;  line-height: 34px;}
  #nav ul li a{font-size: 14px}
  

  #logo{height: 50px;}
    #logo .ico-home {  background-size: 57% 45%!important;height: 50px;  }
    #logo .ico-home1 { background-size: 78% 54%!important;height: 50px; }
    #logo .ico-home2 {   background-size: 87% 54%!important;height: 50px; } 
 } 


 
 @media screen and (min-width: 481px) and (max-width: 767px) {
#piaoFu{width:30px;height: 172px;background:url("/public/icons/20161230014814294.gif") no-repeat;background-size:80%;position:fixed;top:44%;left:0px;z-index: 999;}

 }

 @media screen and (min-width: 321px) and (max-width: 480px){
#piaoFu{width:30px;height: 172px;background:url("/public/icons/20161230014814294.gif") no-repeat;background-size:80%;position:fixed;top:44%;left:0px;z-index: 999;}


 }

 @media screen and (max-width: 320px){ 
#piaoFu{width:30px;height: 172px;background:url("/public/icons/20161230014814294.gif") no-repeat;background-size:80%;position:fixed;top:44%;left:0px;z-index: 999;}

 }