
body{ margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;}

/* 最小宽度 */

.whole{ min-width:1200px;}


/************************** 照片切换 *****************************/
body,ul,li,div{margin:0;padding:0;}
img{border:0;}
li{list-style:none;}
html{width:100%;height:100%;}
body{/*background:url(image/hxd_bg.gif) repeat-x;*/ width: 100%; height: 100%; }

#pic{position:relative;overflow:hidden;height:500px;width:1200px;z-index:2;margin:0 auto 0px ;}
#pic ul{width:100%;height:100%;position:absolute;top:0;left:0;}
#pic ul li{position:absolute;}
#pic ul img{position:relative;top:0;left:0;}
/*图片位置*/
#pic ul .pic1{top:46px;left:72px;z-index:2;}
#pic ul .pic2{top:23px;left:235px;z-index:3;}
#pic ul .pic3{top:0px;left:394px;z-index:4;}
#pic ul .pic4{top:23px;left:597px;z-index:3;}
#pic ul .pic5{top:46px;left:800px;z-index:2;}
/*图片A标签width和height*/
#pic ul .pic1 a{height:180px;width:288px;}
#pic ul .pic2 a{height:240px;width:384px;}
#pic ul .pic3 a{height:300px;width:480px;}
#pic ul .pic4 a{height:240px;width:384px;}
#pic ul .pic5 a{height:180px;width:288px;}
/*图片明暗*/
#pic ul li.pic1{opacity:0.6;filter:alpha(opacity:60);}
#pic ul li.pic2{opacity:0.9;filter:alpha(opacity:90);}
#pic ul li.pic3{opacity:1;filter:alpha(opacity:100);}
#pic ul li.pic4{opacity:0.9;filter:alpha(opacity:90);}
#pic ul li.pic5{opacity:0.6;filter:alpha(opacity:60);}
/*图片width*/
#pic ul li.pic1 img{width:328px;}
#pic ul li.pic2 img{width:370px;}
#pic ul li.pic3 img{width:410px;}
#pic ul li.pic4 img{width:370px;}
#pic ul li.pic5 img{width:328px;}
/*箭头部分*/
#pic span{display:inline-block;*display:inline;*zoom:1;width:45px;height:113px;position:absolute;top:173px;z-index:30;cursor:pointer;opacity:0.7;filter:alpha(opacity=70);}
#pic:hover span{opacity:1;filter:alpha(opacity=100);}
#pic span img{width:45px;height:113px;display:block;}
#pic span.prev{left:0px;}
#pic span.next{right:0px;}


.p_show{ width:1200px; float:left;}
.p_show_img_1{ width:1200px; float:left;}
.p_show_img_2{ width:1200px; float:left;}
.p_show_content{ width:1200px; float:left; padding:20px 0px;}


/* 头部 */

[class|="header11"]{width:100px;height:100px;background:red;}

.header-wrap{
    background:#ffffff;
	}
	

.header-wrap1{
    background:#56b8e6;
	}

.header{
	width:1200px; 
	margin:0 auto;
	height:137px;
	overflow:hidden;
	background:#ffffff;
	}

.header .logo{
	float:left;
	height:109px;
	width:312px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:0px 28px;
	padding-top:28px;
	}
.header .logo a{
	float:left;
	height:109px;
	width:312px;
	}

.header .right{
	float:right;
	padding-top:15px;
	}

.header .right img{
	display:block;
	float:right;
	}
	
.header .right a{
	display:block;
	color:#099;
	height:45px;
	width:45px;
	float:right;
	margin-left:10px;
	}
	
.header .right a.link1{background:url(../images/i_1.png) no-repeat;}
.header .right a.link2{background:url(../images/i_2.png) no-repeat;}
.header .right a.link3{background:url(../images/i_3.png) no-repeat;}
.header .right a.link4{background:url(../images/i_4.png) no-repeat;}
.header .right a.link5{background:url(../images/i_5.png) no-repeat;}
.header .right a.link6{background:url(../images/header-icon6.png) no-repeat;}
.header .right a.link7{background:url(../images/header-icon7.png) no-repeat;}

.header-nav{
	width:1200px;
	margin:0 auto;
	height:50px;
	}
	
.header-nav ul {
	padding-left:185px;
	float:left;
	}
	
.header-nav li{
	float:left;
	height:50px;
	width:125px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	line-height:50px;
	text-align:center;
	}	
	
.header-nav li a{
	color:#ffffff;
	}
	
.header-nav .search{
	width:197px;
	background-image:url(../images/search_bg.png);
	background-repeat:no-repeat;
	background-position:0px 12px;
	padding:0px 0px 0px 4px;
	float:right;
	}
	
.header-nav .text{
	display:block;
	float:left;
	background-position:0px 12px;
	border:none;
	width:162px;
	height:50PX;
	line-height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background-color:transparent;
	}
.header-nav .button{
	display:block;
	height:50PX;
	width:35px;
	border:none;
	background-color:transparent;
	cursor:pointer;
	}
	
/* banner */	

.banner{width:100%;overflow:hidden;}

.flexslider{position:relative;height:720px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:720px;}
.flexslider,.slides li a{ width:100%; height:720px; float:left;}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:44px;overflow:hidden;background:url(../images/dot.png) no-repeat;  cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;background:url(../images/dot2.png) no-repeat;}
.flex-direction-nav{position:absolute;z-index:3;width:19px;top:655px;left:50%;margin-left:-91px;}
.flex-direction-nav li a{display:block;width:21px;height:37px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:16px;background:url(../images/btn_left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:-146px;background:url(../images/btn_right.png) center center no-repeat; top:0px;}

/* 主要内容 */

.main{
	width:1200px; 
	margin:0 auto;
	overflow:hidden;
	}
	
.index .main .title{
	width:263px;
	height:42px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:48px;
	overflow:hidden;
	background-color:#2ca6e0;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:42px;
	text-align:center;
	border-radius:10px;
	}
	
.index .main .hr{
	height:1px;
	background-color:#221714;
	margin-bottom:98px;
	}
	
.index .main .content{
	height:460px;
	margin-bottom:54px;
	}
	
/* 底部 */

.footer-wrap{background:#666666;}
.footer-wrap2{background:#333333;height:61px;}

.footer{
	width:1200px; 
	margin:0 auto;
	height:291px;
	overflow:hidden;
	color:#ffffff;
	font-size:14px;
	line-height:38px;
	}
	
.footer span{
	display:block;
	margin-top:5px;
	margin-bottom:21px;
	font-size:12px; 
	line-height:21px;
	background-repeat:no-repeat;
	background-position:0px center;
	}
	
.footer a{
	color:#FFF;
	}
	
.footer a:hover{
	color:#dddddd;
	}

.footer .content1{
	float:left;
	width:260px;
	height:235px;
	margin-top:56px;
	margin-right:170px;
	}
.footer .content1 span{
	padding-left:31px;
	}
	
.footer .content2{
	float:left;
	width:250px;
	height:235px;
	margin-top:56px;
	}

.footer .content3{
	float:left;
	width:270px;
	height:235px;
	margin-top:56px;
	}

.footer .content4{
	float:left;
	width:250px;
	height:235px;
	margin-top:56px;
	}