﻿/*Css 初始化*/
	html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, i { margin:0; padding:0; }  /*让这些的标签内外边距都是0*/
	fieldset, img { border:none;  }
	img{display: block;} 
	ul, ol,dl,li { list-style:none; }	
	body {width:100%; margin:0 auto; color:#333;}
	/*清除浮动*/
	.clear{ clear:both;}
	
	 a{ color:#555; text-decoration:none; }
	 a:hover, a:active, a:focus { color:#ff8400; text-decoration:none; }
	 .areaheart{margin: 0 auto;width: 1100px;}
	/* 开始 */
	.neirong{
		margin-top: 20px;
		padding-left: 10px;
		margin-bottom:25px;
		overflow: hidden;
	}
	.left{
		width: 800px;
		float: left;
		line-height:2em;
	}
	.left ul{ margin-top:10px;}
	.left ul li{ font-size:14px;line-height:30px;border-bottom:1px dotted #ccc/*margin-top:10px;*/}
	.left ul li span{ float:right; font-size:13px;}
	.left ul li a{ font-size:13px;}
	.left1{
		width: 800px;
		float: left;
	}
	.left1 ul li{font-size:12px;width:255px; margin-top:10px; float:left; margin-left:8px; margin-bottom:10px; text-align:center;height:225px;border:1px solid #eee}
.left1 ul li:hover{box-shadow:0px 0px 10px #ccc}	
.left .top{
		margin-bottom: 35px;
		width: 800px;
		height: 337px;
		padding-top: 10px;
	}
	.left .top .top-l{
		width: 470px;
		float: left;
	}
	.top .top-l .topshang{
		width: 460px;
		height: 340px;
		border: 5px solid #F5F5F5;
		margin-bottom: 10px;
	}
	.topshang img{ margin:auto; max-width:470px; max-height:338px;}
	.topxia ul li{ margin-right:10px;background:#fff}
	.topxia ul li img{ margin:auto; max-width:137px; max-height:99px;}
	.top .top-l .topxia{
		width: 450px;
		height: 106px;
		background: #F5F5F5;
		padding: 10px 9px 7px 10px;
	}
	.topxia ul li{
		width: 135px;
		height: 100px;
		border: 1px solid #DBDBDB;
		float: left;
		background: url(../images/listimages/1_03.png) #fff no-repeat center center;
	}
	.topxia ul .ali{
		margin: 0 18px 0 18px;
	}
	.top .top-r{
		width: 310px;
		/*height: 485px;*/
		margin-left: 20px;
		float: left;
	}
	.top-r h3{
		font: 14px/50px "微软雅黑";
		display: block;
		height: 50px;
		border-bottom: 1px dashed #000; 
	}
	.top-r p{
		font: 12px/26px "微软雅黑";
		margin-top: 6px;
		text-indent: 2em;
	}
	.top-r ul{
		height: 32px;
	}
	.top-r ul li{
		float: left;
		margin-bottom: 22px;
		margin-right: 8px;
		
	}
	.top-r-t{
		height: 243px;
	}
	.top-r .caigou{
		margin-top: 22px;
		padding-left: 8px;
	}
	.left .center{
		/*height: 425px;*/
		width: 800px;
		margin-bottom: 35px;
	}
	.center-t{
		height: 36px;
		background: #F8F8F8;
		margin-bottom: 15px;
	}
	.center-t h3{
		display: inline-block;
		height: 36px;
		width: 110px;
		background: url(../images/listimages/bag_03.png) no-repeat;
		color: #fff;
		font: 14px/36px "微软雅黑";
		text-align: center;
	}
	.center h4{
		font: 12px/28px "微软雅黑";
		color: #0053A0;
	}
	.center p{
		font: 12px/28px "微软雅黑";
		color: #333;
	}
	.center .shoup{
		text-indent: 2em;
	}
	.left .bottom{
		height: 280px;
		width: 800px;
	}
	.bottom .center-t{
		margin-bottom: 15px;
	}
	.left .bottom .input{
		display: inline-block;
		margin-bottom: 18px;
		margin-right: 50px;
	}
	.left .bottom .big span{
	float: left;
	}
	.left .bottom input{
		list-style: none;
		border-style: none;
		width: 272px;
		height: 22px;
		border: 1px solid #BBBBBB;

	}
	.left .bottom textarea{
		list-style: none;
		border-style: none;
		width: 648px;
		height: 73px;
		border: 1px solid #BBBBBB;
	}
	button{
		list-style: none;
		height: 25px;
		width: 60px;
		display: inline-block;
		margin-right: 5px;
		background: #0A65D8;
		color: #fff;
		border: none;
		border-radius: 5px;
		line-height: 25px;
		cursor: pointer;
	}
	.right{
		width: 244px;
		/*height: 590px;*/
		padding: 10px 8px 10px 8px;
		margin-left: 30px;
		background: blue;
		float: left;
		border-radius: 10px;
		background: #004F94;
		text-align: center;
	}
	.right img{
		display: inline-block;
		margin-top: 10px;
	}
	.right ul{
		/*height: 300px;*/
		width: 222px;
		margin-top: 20px;
		background: #fff;
		padding: 15px 10px 0 10px;
		border-radius: 10px;
		padding-bottom:8px;
	}
	.right ul .dalei{
		width: 222px;
		height: 44px;
		margin:10px 0;
		background: #004F94;
		border-radius: 5px;
		font: 18px "微软雅黑";
		line-height: 44px;
	}
	.right ul .dalei a{
		color: #fff;
		width: 147px;
		height: 44px;
		display: inline-block;
		text-align: left;
		font-size:17px;
	}
	.right ul .xiaolei{
		width: 222px;
		height: 30px;
		background: #004F94;
		border-radius: 5px;
		font: 14px "微软雅黑";
		line-height:30px;
		background:none;
		color:#333;
		}
	.right ul .xiaolei a{
		color: #fff;
		width: 147px;
		height: 25px;
		display: inline-block;
		text-align: left;
		font-size:14px;
		background:none;
		color:#333;
	}
	.right ul li span{
		height: 44px;
		width: 33px;
		display: inline-block;
		background: url(../images/listimages/quan_03.png) no-repeat center center;
		color: #004F94;
		margin-right: 15px;
	}

















.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:28px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}
.mianbao{ color:#000; height:30px; line-height:30px; border-bottom:#999 solid 1px; font-size:12px;}
.mianbao a{ color:#000; font-size:12px;}
.left h2{ text-align:center; margin-top:10px; margin-bottom:10px;}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
