ul{list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
body{font-family:"microsoft yahei","simsun";}
.top{width:100%; height:30px; line-height:30px; background:#f1f1f1;}
.top-nav{float:right; overflow:hidden; zoom:1;}
.top-nav li{float:left; margin-top:7px; height:16px; line-height:16px; margin-left:-1px;}
.top-nav li.lnk a{display:inline-block; padding:0 12px; border-left:1px solid #ccc;}

.header{background:rgba(0, 0, 0, .65); position:fixed; top:0; left:0; z-index:999; width:100%; min-width:100%;}
.nav-wrapper{height:64px;}
.nav-wrapper .logo{margin:12px 0;}
.nav-wrapper .logo img{display:block; width:260px;}
.logo img{display: block; width:260px; margin-top:14px;}
#nav{display:inline-block; *display:inline; *zoom:1;}
.nav-box li{position:relative; padding:0;}
.nav-box li a{display:block; height:64px; line-height:64px; padding:0 16px; color:#fff; font-size:16px; text-decoration:none;}
.nav-box li a:hover,
.nav-box li a.u-crt{height:62px; line-height:62px; border-top:2px solid #00bdfb;}
.nav-box li ul.sub{display:none; position:absolute; top:100%; left:-50%; width:340px;  z-index:999; background:rgba(0,0,0,.65)}
.nav-box li ul.sub li{float:left; width:50%; display:block; height:40px; text-align:left; border-bottom:1px solid #999;}
.nav-box li ul.sub li a{height:40px; line-height:40px; padding-left:12px; border:none; color:#fff;}
.nav-box li ul.sub li a:hover,
.nav-box li ul.sub li a.u-crt{color:#00bdfb;}
.nav-box li ul.sub li:last-child{border:none;}

.footer-top{min-width:1200px; background:#f3f9ff; padding:36px 0; color:#333;}
.footer-top h2{font-size:20px;}
.footer-top ul{margin-top:12px;}
.footer-top li a{line-height:25px; color:#333;}
.footer-top li .en{color:#999; font-size:12px; font-family:arial;}
.footer-bottom{height:60px; line-height:60px; color:#666;}
.footer-bottom span{color:#f3f3f3;}
.twocode img{display:block; width:120px;}

.patch{height:74px;}
@media (min-width:1200px) {
  .container{
    width:1200px;
		padding:0;
  }
}

@media screen and (max-width:1024px){
	.patch{display: none;}
	body{overflow-x:hidden;}
	.row{margin:0;}
	.page-focus{padding:0; margin:0;}
	a.nav-toggle{display:block; width:100%; height:48px; line-height:48px; text-align:right; margin-top:-3px;}
	a.nav-toggle i{font-size:24px;}
	#nav{position:absolute !important; top:100%; left:0; width:100%; z-index:999;}
	.nav-wrapper{height:48px; background:#222;}
	.nav-box ul{background:rgba(0,0,0,.7)}
	.nav-box a.active .icon-menu:before{content:"\e633";}
	.nav-box a.nav-toggle:hover,
	.nav-box a.nav-toggle:focus{text-decoration:none;}
	.nav-box li.current a{color:#fff; background:rgba(0,0,0,.7)}
	.nav-box li{display:block; width:100%; height:40px; line-height:40px;}
	.nav-box li a{display:block; width:100%; line-height:40px; padding:0 16px; color:#fff; text-decoration:none; border:0 none;}
	.nav-box li a.u-crt{color:yellow;}
	.nav-box li a.u-crt{border-bottom:none;}
	.nav-box li ul.sub{display:none; top:-20em;}
	.js .nav-collapse{overflow:hidden;}
	.breadcrumb{margin-bottom:10px;}
	.container{
    width:100%;
		padding:0;
  }
  .home-product{
		width:100%;
		min-width:100% !important;
  }
  .footer-top{
		min-width:100% !important;
	  
  }
}

@media (max-width:768px){
	.cont01 img{display:block; width:100%;}
	.footer-bottom{height:30px; line-height:30px; color:#666;}
	.copyright{position:relative; height:30px; overflow:hidden; line-height:20em;}
	.copyright:after{content:'阿尔肯科技发展有限公司'; position:absolute; top:0; left:15px; height:30px; line-height:30px; font-size:14px;}
	.twocode{display:none;}
	.nav-wrapper .logo{margin:10px 0 0;}
}

@media (max-width:640px){
	.header{position:static;}
	.logo img{width:100%;}
	.nav-wrapper .logo img{display:block; width:100%;}
	.container-fluid{padding:0 6px;}
	.page-focus{padding:0; margin:0;}
	.container{padding:0;}
	.top-nav em{display:none;}
}

@media (max-width:414px){
	.nav-wrapper .logo img{display:block; width:100%;}
}

@media (max-width:376px){
	.top{height:32px; overflow:hidden;}
}