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

body{ font-family:simsun, Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; font-size:14px; background:#000; color:#3c3c3c;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,tr,th,td,img,div,span,input,iframe{margin:0;padding:0;border:none; list-style:none;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{ text-decoration:none;}


/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

/*-------------banner样式end--------------------*/

.warp{ width:960px; overflow:hidden; margin:0 auto; text-align:center;}

/*-------------通用header部分样式--------------------*/
.header{ width:960px; height:116px; background:url(images/head_bg.gif) repeat-x;}
#logo{ float:left; height:82px; width:960px; text-align:left;}
#logo a{ margin-left:34px;}
#logo span{ margin-left:35px; margin-top:28px;}

#nav{width:960px; height:34px; float:left;}
#nav ul{height:34px; margin-left:-1px; float:left;}
#nav ul li{ float:left; margin-left:1px; height:34px; position:relative;}
#nav ul li a{ display:block; background:url(http://www.360gann.com/images/a_bg.png) no-repeat; width:110px; height:34px; text-align:center; color:#201008; font-weight:bold; line-height:34px;}
/*-#nav ul li a:hover,a:active{ background:url(images/a_hover.png) no-repeat; color:#fff;}---*/

/*--------------------二级弹出下拉导航样式------------------*/
#subnav{ position:absolute; top:34px; left:0; display:none;}
#subnav ul li a{ display:block; height:34px; background:url(images/subnav_bg.gif) repeat-x; padding:0 10px; line-height:34px; color:#fff; font-size:14px; font-weight:700; border-left:1px #404040 solid; border-right:1px #404040 solid;}
#subnav ul li a:hover,a:active{ background:#151515; color:#ebdb97;}
#hx{ background:url(images/div_bg.gif) repeat-x; width:960px; height:6px;}


/*------------------首页内容部分样式---------------------*/
#content{ width:960px; overflow:hidden;}
.banner{ width:960px; overflow:hidden;}

/*----------------------通用footer部分样式---------------------*/
#foot{ width:960px; overflow:hidden; padding-top:10px;height:100px;}
#foot p{ font-size:12px; color:#c0c0c0;}
#foot p a{ color:#c0c0c0; font-size:12px; line-height:22px;}
#foot p a:hover{ color:#fff; text-decoration:underline; font-size:12px; line-height:22px;}

#xs{ border-top:1px #c0c0c0 dashed; display:block;width:500px; margin:5px auto;}



/*------------------第二、三、四、五页面通用样式-------------------*/
.all_content{ width:960px;background:#161616; overflow:hidden;}
.left{ width:223px; overflow:hidden; float:left;}
.left h5{ display:block; width:223px; height:49px; float:left;}
.left ul{ width:223px; overflow:hidden; border-bottom:1px #111 solid;}
.left ul li{ width:223px; height:63px;}
.left ul li a{ display:block; width:223px; height:63px; background:url(images/left_a_bg.gif) repeat-x; font-size:16px; color:#fff; line-height:63px; font-weight:700;}
.left ul li a:active{ background:#151515; background-image:none; color:#eeda97;}
#active{background:#151515;color:#eeda97;}
.right{ width:737px;float:left; overflow:hidden;}
.right_title{ background:url(images/right_title_bg.gif) repeat-x; width:737px; height:51px;}
.right_warp{width:677px; background:#f5f5f5; padding:30px; overflow:hidden; color:#3c3c3c;}
.right_warp h1{ font-size:25px; font-weight:bold; padding:5px 0;}              /*--------------------- 右面你们自己添加的部分，我定义了标题和里面字体还有图片的样式，都在这下面，请注意----------------*/
.right_warp h2{ font-size:22px; font-weight:bold; text-align:left;line-height:30px;}
.right_warp h3{ font-size:18px; font-weight:bold; text-align:left; line-height:26px;}
.right_warp p{ font-size:16px; text-align:left; line-height:26px;}
.right_warp a{font-size:16px; font-weight:bold; color:#bd570c;}
.right_warp img{ margin:10px 0; border:1px #c65900 solid; max-width:677px;}
.di_bg{ width:960px; height:26px; background:url(images/foot_bg.gif) repeat-x;}

/*---------------------------新品推荐会页面样式-----------------------*/
#tuijian{width:960px;padding-top:17px;overflow:hidden;}
#tuijian_title{background:url(images/right_title_bg.gif) repeat-x; width:960px; height:51px;}
#tuijian_content{ background:#fff; text-align:center; overflow:hidden; padding:15px;}
#tuijian_content h2{ font-size:22px; font-weight:bold;color:#000; padding:10px;}
#tuijian_content h3{ font-size:18px; text-align:left;color:#000; line-height:28px;}
#tuijian_content h4{ text-align:left; font-size:15px;color:#000; line-height:25px;}
#tuijian_content p{ font-size:14px; text-align:left; line-height:22px;}
#tuijian_content p span{ font-size:15px; font-weight:bold; color:#000;}
#tuijian_content table{ width:850px; border-collapse:collapse; margin:15px auto;}
#tuijian_content table th{border:2px #999 solid; height:35px; background:#ccc;}
#tuijian_content table td{ border:2px #999 solid; padding:15px 0;}