* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto;
    width: 100%;
    height: 100%;    
    background: #fff;
    font-family: 'Helvetica Neue', 'Helvetica', 'Microsoft Yahei', 'sans-serif';
    font-size: 15px;
}

a {
    color: #444;
}

a:hover {
    color: #794809;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

ul {
    list-style: none;
}

img{border:none;}


/* ��琛ㄥ�炬�� */
.icon-list{
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    background:url("base0702_res/icon-grey.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-dot{
    display: inline-block;
    margin-right: 3px;
    width: 10px;
    height: 20px;
    background:url("base0702_res/icon-dot.gif") center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-dot2{
    display: inline-block;
    margin-right: 3px;
    width: 10px;
    height: 12px;
    background:url("base0702_res/icon-dot2.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;

}
/* ------ banner�ㄥ�� ------ */

.top {
    width: 1350px;
	height: 115px;
	margin: 0 auto;
    background: #fff;
}

.top-left{
	float: left;
	margin-top: 15px;
	width: 644px;
	height: 98px;
	background: url(base0702_res/logo.png) no-repeat;
	background-size: contain;
}

.top-right{
	float: right;
	margin-top: 25px;
    width: 220px;
	height: 40px;
}

.top-right a{
    float: left;
}

.top a {
	font-size: 16px;
    color: #B3B3B3;
}


/* ------瀵艰���ㄥ�� menu menucon------ */

.menu{position: relative; width:100%; min-width:1350px; z-index: 1000; font-size:17px; height:40px; background: #3b3b3b;}
.menucon{width:1350px; margin:0 auto;}
.menu li{float:left;position:relative;}
.menu li a{display:block;color:#fff;width:162px;height:39px;line-height:38px;overflow:hidden;text-align:center;}

.menu li ul{display:none;}
.menu li:hover ul{display:block;z-index:10;position:absolute;top:40px;}
.menu li:hover a{color:#fff;background:#ad1a29;border-bottom:solid 1px #ae404b;}
.menu li:hover li a{color:#fff;display:block;line-height:36px;}
.menu li li{background: #3b3b3b;}
.menu li li a{font-size:16px;}
.menu li li:hover a{background:#ad1a29;}
.banner2 img {
    display: none;
}

/*----------banner�ㄥ��----------*/

.banner{width: 100%; min-width:1350px; height:387px; overflow:hidden; position:relative; margin: 0px auto; clear:both; z-index:0;}
.banner .d1{width:100%;height:387px;display:block;position:absolute;left:0px;top:0px;}
.banner .d1 img{ margin:0px auto}
.banner .d2{width:100%;height:10px;clear:both;position:absolute;z-index:100;left:0px;bottom:10px;}
.banner .d2 ul{float:left;position:absolute;left:25%;top:-20px;margin:0 0 0 -76px;display:inline; background:rgba(0,0,0,0.3); color:#00dd00}
.banner .d2 li{width:100%;height:28px; line-height:28px;overflow:hidden;cursor:pointer;background:url(//m.nallafood.com/hqc/images/img1.png) no-repeat left;float:left;margin:0 3px; text-indent:25px;display:none; z-index:5;}
.banner .d2 li.nuw{background: url(//m.nallafood.com/hqc/images/img1_1.png) no-repeat left;width:96%;height:28px; line-height:28px;overflow:hidden;cursor:pointer;margin:0 3px;display:none; position:relative; z-index:5; display:inline}

.banner2{
	width: 100%;
	min-width:1350px;
	height:200px;
	overflow: hidden;
	margin: 0px auto;
	background-image: url(banner-list01.jpg)
}


/*----------bottom�ㄥ��----------*/
.bottom{
	width: 100%;
	min-width: 1350px;
	height: 240px;
	background: url(base0702_res/bottom-bj.jpg);
	padding-top: 28px;	
}

.bottom-content{
	width: 1600px;
	height: 200px;
	margin: 0 auto;
}

.bottom-content>div{
	float:left;
    padding-left: 150px;
}

.bottom-div1{
	width: 250px;
	height: 200px;
}

.bottom-div2{
	width: 325px;
	text-align: left;
	color: #ffffff;
	line-height: 25px;
	letter-spacing:1px;
}

.bottom-div2 span{
	line-height: 40px;
}

.bottom-div2 a{
	color: #ffffff;
	line-height: 25px;
	letter-spacing:1px;
}

.bottom-div3{
	width: 395px;
	text-align: left;
	color: #ffffff;
	line-height: 25px;
	letter-spacing:1px;
}
.bottom-div3 span{
	line-height: 40px;
}

.bottom-div4{
	width: 395px;	
	margin-top: 40px;
	text-align: left;
	color: #ffffff;
	line-height: 25px;
	letter-spacing:1px;
}
.topnav {
	position: relative;
	height: 45px;
	line-height: 45px;
	background: #e4e4e4;
	border-bottom: 1px solid #e6e6df;
	z-index: 3;
	color: #4e4e4e;
}
.topnav, .slideBox2, .main1, .footer, .footer2 {
	min-width: 1200px;
}
.topnav .tinylogo {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.topnav .slogan {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -70px;
}
.topnav-right-mobile {
	display: none;
}
.topnav-right .topnav-item {
	float: right;
	line-height: 45px;
}
.topnav-item span a {
	color: #8b6833;
	color: #4e4e4e;
	padding-right: 4px;
}
.topnav-right .topnav-item.first span {
	padding-right: 4px;
	border-right: 1px solid #cfc4b0;
}
.topnav .brand, .logonav .brand {
	float: left;
    display: none;
}
span.l2 {
    border-right: 1px solid #1e1e1d;
    padding-right: 10px;
    margin-right: 10px;
}
.w1200.clearfix {
    width: 1200px;
    margin: 0 auto;
}

.bottom-div1 img {
    max-width: 100%;
    float: left;
    padding-top: 40px;
    /* padding-right: 115px; */
}
