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

/* 魅力江汉 */

/*如果屏幕宽度不小于737像素*/
@media screen and (min-width: 737px) {

/*--------容器-----------*/
#container { background-position: center -328px; }

	/*--------容器 包装器-----------*/
	#container #wrapper { margin:0px auto; width:1200px; padding-bottom:10px; }

		/*--------容器 包装器 横幅-----------*/
		#container #wrapper #banner { padding:42px 15px 0px 8px; width:1177px; height:123px; }

		/*--------容器 包装器 主体-----------*/
		#container #wrapper #main { margin-top:10px; padding:9px 8px; height:664px; background-color:#FFF; position:relative; }

		#container #wrapper #main #part01,#container #wrapper #main #part02 { height:320px; }
		
		/*--------容器 包装器 主体 版块01-----------*/
		#container #wrapper #main #part01 { float:left; width:934px; }
		
			#lunbobox,.lunbo,.lunbo img { width:450px; height:320px; }
				#lunbobox { float:left; position:relative; }
				.lunbo img { position:absolute; top:0px; left:0px; }
				
				#lunbobox ul { width:272px; position:absolute; bottom:10px; right:0px; z-index:5; }
				#lunbobox ul li { float:left; margin:0px 5px 0px 0px; width:10px; height:4px; border:1px solid #CCC; list-style:none; background:#CCC; text-align:center; cursor:pointer; }
				#lunbobox #toleft,#lunbobox #toright { width:30px; height:100px; font-size:40px; line-height:100px; text-align:center; color:#F4F4F4; top:110px; cursor:pointer; z-index:99; opacity:0.4; display:none; position:absolute; }
				#lunbobox #toleft { left:10px; }
				#lunbobox #toright { right:10px; }
				
				/*
				#container #wrapper #main #part01 #ImageSlider { float:left; }	
				#container #wrapper #main #part01 #ImageSlider,#container #wrapper #main #part01 #ImageSlider #gellery,#container #wrapper #main #part01 #ImageSlider #gellery div,#container #wrapper #main #part01 #ImageSlider #gellery div img { width:450px; height:320px; }
				#container #wrapper #main #part01 #ImageSlider,#container #wrapper #main #part01 #ImageSlider #gellery { overflow:hidden; }
				#container #wrapper #main #part01 #ImageSlider #loader,#container #wrapper #main #part01 #ImageSlider #gellery,#container #wrapper #main #part01 #ImageSlider #gellery div,#container #wrapper #main #part01 #ImageSlider #gellery div img{ position:absolute;  }
				#container #wrapper #main #part01 #ImageSlider #loader { width:60px; height:60px; margin:0px auto; background:url(../images/loading.gif) no-repeat; z-index:3; top:130px; left:195px; }
				#container #wrapper #main #part01 #ImageSlider #gellery div { display:none; }
				#container #wrapper #main #part01 #ImageSlider #gellery div.js_title_content { padding:0px 6px; line-height:36px; font-size:12px; text-align:left; color:#FFF; }
				*/
			
			#container #wrapper #main #part01 #txbox { float:right; width:474px; }
				#container #wrapper #main #part01 #txbox #tx,#container #wrapper #main #part01 #txbox #tx p { display:block;  }
				#container #wrapper #main #part01 #txbox #tx { padding:5px; position:relative; }
				#container #wrapper #main #part01 #txbox #tx p { line-height:28px; }
				#container #wrapper #main #part01 #txbox #tx a { position:absolute; z-index:1; top:262px; right:8px; }
				#container #wrapper #main #part01 #txbox #tx a:link,#container #wrapper #main #part01 #txbox #tx a:visited { color: #2878B2; }
				#container #wrapper #main #part01 #txbox #tx a:hover { color: #3F83B7; }
		
		/*--------容器 包装器 主体 版块02-----------*/
		#container #wrapper #main #part02 { float:right; }
			#container #wrapper #main #part02,#container #wrapper #main #part02 ul { width:240px; height:320px; font-size:18px; }
			#container #wrapper #main #part02 ul,#container #wrapper #main #part02 ul li,#container #wrapper #main #part02 ul li a { display:block; overflow:hidden; }
			#container #wrapper #main #part02 ul .sp { padding-top:0px;  }
			#container #wrapper #main #part02 ul li { padding-top:10px;  }
			#container #wrapper #main #part02 ul li a { width:115px; height:100px; text-align:center; line-height:100px; background:url(../images/bgimg.png) no-repeat 0px -411px; }

		/*--------容器 包装器 主体 版块03-----------*/
		#container #wrapper #main #part03 { width:934px; height:241px; position:absolute; z-index:1; top:339px; left:8px; }
			
			#container #wrapper #main #part03 #arrow { width:50px; height:20px; position:absolute; z-index:2; top:2px; left:840px; }
			#container #wrapper #main #part03 #arrow #ar_l { float:left; }
			#container #wrapper #main #part03 #arrow #ar_r { float:right; }
			#container #wrapper #main #part03 #arrow a { width:20px; height:20px; line-height:20px; font-size:12px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; display:block; }
			#container #wrapper #main #part03 #arrow a:link,#container #wrapper #main #part03 #arrow a:visited { color: #999; background-color:#FBFBFB }
			#container #wrapper #main #part03 #arrow a:hover { color: #3F83B7;  }
			
			#container #wrapper #main #part03 .Cont{ float:left; margin-left:2px; width:932px; overflow:hidden; }
			#container #wrapper #main #part03 .Cont .ScrCont { width:10000000px; }
			#container #wrapper #main #part03 ul,#container #wrapper #main #part03 ul li,#container #wrapper #main #part03 ul li a,#container #wrapper #main #part03 ul li a img,#container #wrapper #main #part03 ul li a span { display:block; overflow:hidden; }
			#container #wrapper #main #part03 ul,#container #wrapper #main #part03 ul li,#container #wrapper #main #part03 ul li a { height:200px; }
			#container #wrapper #main #part03 ul { float:left; padding-top:12px; }
			#container #wrapper #main #part03 ul .sp { padding-left:0px; }
			#container #wrapper #main #part03 ul li { float:left; padding:0px 5px; }
			#container #wrapper #main #part03 ul li,#container #wrapper #main #part03 ul li a,#container #wrapper #main #part03 ul li a img { width:223px; }
			#container #wrapper #main #part03 ul li a img { height:160px; }
			#container #wrapper #main #part03 ul li a span { padding-bottom:3px; width:221px; height:36px; line-height:36px; text-align:center; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; text-overflow: ellipsis; white-space: nowrap; }
			
		/*--------容器 包装器 主体 版块04-----------*/
		#container #wrapper #main #part04 { width:934px; height:83px; position:absolute; z-index:1; top:590px; left:8px; }
			#container #wrapper #main #part04 .ttline02 { margin-top:12px; }
		
		/*--------容器 包装器 主体 版块05-----------*/
		#container #wrapper #main #part05 { width:240px; position:absolute; z-index:1; top:339px; right:8px; }
 			#container #wrapper #main #part05 #play { margin-top:12px; }
			#container #wrapper #main #part05 #play,#container #wrapper #main #part05 #play iframe { width:240px; height:200px; }
			
			#container #wrapper #main #part05 ul { padding-top:2px; width:240px; height:90px; line-height:30px; }
			#container #wrapper #main #part05 ul,#container #wrapper #main #part05 ul li { width:302px; display:block; overflow:hidden; }
			#container #wrapper #main #part05 ul li { padding:0px; height:30px; margin-top:0px !important; margin-top:-4px; }
			#container #wrapper #main #part05 ul li a { padding-left:18px; width:222px; background:url(../images/bgimg.png) no-repeat -488px -112px; text-overflow: ellipsis; white-space: nowrap; display:block; overflow:hidden; }
			

}

/*如果屏幕宽度不大于736像素*/
@media screen and (max-width: 736px) {

		/*--------容器 包装器 主体-----------*/
		#container #wrapper #main #part01,#container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04,#container #wrapper #main #part05 { margin-top:10px; }
		
		
		/*--------容器 包装器 主体 版块01-----------*/
		#container #wrapper #main #part01 { }
		
			#lunbobox,.lunbo,.lunbo img { width:450px; height:320px; }
				#lunbobox { margin:0px auto; position:relative; }
				.lunbo img { position:absolute; top:0px; left:0px; }
				
				#lunbobox ul { width:272px; position:absolute; bottom:10px; right:0px; z-index:5; }
				#lunbobox ul li { float:left; margin:0px 5px 0px 0px; width:10px; height:4px; border:1px solid #CCC; list-style:none; background:#CCC; text-align:center; cursor:pointer; }
				#lunbobox #toleft,#lunbobox #toright { width:30px; height:100px; font-size:40px; line-height:100px; text-align:center; color:#F4F4F4; top:110px; cursor:pointer; z-index:99; opacity:0.4; display:none; position:absolute; }
				#lunbobox #toleft { left:10px; }
				#lunbobox #toright { right:10px; }
				
				/*
				#container #wrapper #main #part01 #ImageSlider { float:left; }	
				#container #wrapper #main #part01 #ImageSlider,#container #wrapper #main #part01 #ImageSlider #gellery,#container #wrapper #main #part01 #ImageSlider #gellery div,#container #wrapper #main #part01 #ImageSlider #gellery div img { width:450px; height:320px; }
				#container #wrapper #main #part01 #ImageSlider,#container #wrapper #main #part01 #ImageSlider #gellery { overflow:hidden; }
				#container #wrapper #main #part01 #ImageSlider #loader,#container #wrapper #main #part01 #ImageSlider #gellery,#container #wrapper #main #part01 #ImageSlider #gellery div,#container #wrapper #main #part01 #ImageSlider #gellery div img{ position:absolute;  }
				#container #wrapper #main #part01 #ImageSlider #loader { width:60px; height:60px; margin:0px auto; background:url(../images/loading.gif) no-repeat; z-index:3; top:130px; left:195px; }
				#container #wrapper #main #part01 #ImageSlider #gellery div { display:none; }
				#container #wrapper #main #part01 #ImageSlider #gellery div.js_title_content { padding:0px 6px; line-height:36px; font-size:12px; text-align:left; color:#FFF; }
				*/
			
			#container #wrapper #main #part01 #txbox { margin-top:10px; }
				#container #wrapper #main #part01 #txbox #tx,#container #wrapper #main #part01 #txbox #tx p { display:block;  }
				#container #wrapper #main #part01 #txbox #tx { padding:5px; }
				#container #wrapper #main #part01 #txbox #tx p { line-height:28px; }
				#container #wrapper #main #part01 #txbox #tx a { float:right; display:block; }
				#container #wrapper #main #part01 #txbox #tx a:link,#container #wrapper #main #part01 #txbox #tx a:visited { color: #2878B2; }
				#container #wrapper #main #part01 #txbox #tx a:hover { color: #3F83B7; }
		
		/*--------容器 包装器 主体 版块02-----------*/
		#container #wrapper #main #part02 { clear:both; }
			#container #wrapper #main #part02,#container #wrapper #main #part02 ul { font-size:16px; }
			#container #wrapper #main #part02 ul,#container #wrapper #main #part02 ul li,#container #wrapper #main #part02 ul li a { display:block; overflow:hidden; }
			#container #wrapper #main #part02 ul li { float:left; padding-top:10px; width:25%; }
			#container #wrapper #main #part02 ul li a { margin:0px auto; width:115px; height:100px; text-align:center; line-height:100px; background:url(../images/bgimg.png) no-repeat 0px -411px; }

		/*--------容器 包装器 主体 版块03-----------*/
		#container #wrapper #main #part03 { height:241px; }
			
			#container #wrapper #main #part03 #arrow { display:none; }
			
			#container #wrapper #main #part03 .Cont{ margin:0px auto; width:699px; overflow:hidden; }
			#container #wrapper #main #part03 .Cont .ScrCont { width:10000000px; }
			#container #wrapper #main #part03 ul,#container #wrapper #main #part03 ul li,#container #wrapper #main #part03 ul li a,#container #wrapper #main #part03 ul li a img,#container #wrapper #main #part03 ul li a span { display:block; overflow:hidden; }
			#container #wrapper #main #part03 ul,#container #wrapper #main #part03 ul li,#container #wrapper #main #part03 ul li a { height:200px; }
			#container #wrapper #main #part03 ul { float:left; padding-top:12px; }
			#container #wrapper #main #part03 ul .sp { padding-left:0px; }
			#container #wrapper #main #part03 ul li { float:left; padding:0px 5px; }
			#container #wrapper #main #part03 ul li,#container #wrapper #main #part03 ul li a,#container #wrapper #main #part03 ul li a img { width:223px; }
			#container #wrapper #main #part03 ul li a img { height:160px; }
			#container #wrapper #main #part03 ul li a span { padding-bottom:3px; width:221px; height:36px; line-height:36px; text-align:center; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; text-overflow: ellipsis; white-space: nowrap; }
			
		/*--------容器 包装器 主体 版块04-----------*/
		#container #wrapper #main #part04 .ttline02 { margin-top:12px; }
		
		/*--------容器 包装器 主体 版块05-----------*/
		#container #wrapper #main #part05 { }
 			#container #wrapper #main #part05 #play { margin-top:12px; }
			#container #wrapper #main #part05 #play,#container #wrapper #main #part05 #play iframe { margin:0px auto; width:240px; height:200px; }
			
			#container #wrapper #main #part05 ul { padding-top:2px; height:90px; line-height:30px; }
			#container #wrapper #main #part05 ul,#container #wrapper #main #part05 ul li { width:302px; display:block; overflow:hidden; }
			#container #wrapper #main #part05 ul li { padding:0px; height:30px; margin-top:0px !important; margin-top:-4px; }
			#container #wrapper #main #part05 ul li a { padding-left:18px; width:222px; background:url(../images/bgimg.png) no-repeat -488px -112px; text-overflow: ellipsis; white-space: nowrap; display:block; overflow:hidden; }
			

}

/*如果屏幕宽度不大于668像素*/
@media screen and (max-width: 668px) {


		/*--------容器 包装器 主体 版块03-----------*/
			#container #wrapper #main #part03 .Cont{ width:466px; }

}

/*如果屏幕宽度不大于568像素*/
@media screen and (max-width: 568px) {
	
		/*--------容器 包装器 主体-----------*/
		#container #wrapper #main #part01,#container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04,#container #wrapper #main #part05 { margin-top:8px; }
	
		/*--------容器 包装器 主体 版块01-----------*/
			#container #wrapper #main #part01 #txbox { margin-top:8px; }
				#container #wrapper #main #part01 #txbox #tx { padding:4px; }
				#container #wrapper #main #part01 #txbox #tx p { line-height:24px; }

		/*--------容器 包装器 主体 版块02-----------*/
			#container #wrapper #main #part02,#container #wrapper #main #part02 ul { font-size:14px; }
			#container #wrapper #main #part02 ul li { padding-top:8px; }

		/*--------容器 包装器 主体 版块04-----------*/
		#container #wrapper #main #part04 .ttline02 { margin-top:10px; }



}

/*如果屏幕宽度不大于415像素*/
@media screen and (max-width: 415px) {

		/*--------容器 包装器 主体 版块01-----------*/
			#lunbobox,.lunbo,.lunbo img { width:395px; height:281px; }
				#lunbobox ul { right:-30px; }

		/*--------容器 包装器 主体 版块02-----------*/
			#container #wrapper #main #part02 ul li { width:33.33%; }
	
		/*--------容器 包装器 主体 版块03-----------*/
			#container #wrapper #main #part03 .Cont{ width:233px; }
	
		.ttline02 { padding-right:0px; }
			.ttline02 a { padding:0px 6px; font-size:11px; }


}

/*如果屏幕宽度不大于375像素*/
@media screen and (max-width: 375px) {

		/*--------容器 包装器 主体-----------*/
		#container #wrapper #main #part01,#container #wrapper #main #part02,#container #wrapper #main #part03,#container #wrapper #main #part04,#container #wrapper #main #part05 { margin-top:6px; }

		/*--------容器 包装器 主体 版块01-----------*/
			#lunbobox,.lunbo,.lunbo img { width:360px; height:256px; }
				#lunbobox ul { right:-50px; }

			#container #wrapper #main #part01 #txbox { margin-top:6px; }
				#container #wrapper #main #part01 #txbox #tx { padding:3px; }
				#container #wrapper #main #part01 #txbox #tx p { line-height:20px; }

		/*--------容器 包装器 主体 版块02-----------*/
			#container #wrapper #main #part02,#container #wrapper #main #part02 ul { font-size:12px; }
			#container #wrapper #main #part02 ul li { padding-top:6px; }

		/*--------容器 包装器 主体 版块04-----------*/
		#container #wrapper #main #part04 .ttline02 { margin-top:8px; }

	
			.ttline02 a { padding:0px 4px; font-size:10px; }


}

/*如果屏幕宽度不大于320像素*/
@media screen and (max-width: 320px) {

		/*--------容器 包装器 主体 版块01-----------*/
			#lunbobox,.lunbo,.lunbo img { width:305px; height:216px; }
				#lunbobox ul { right:-78px; }

		/*--------容器 包装器 主体 版块02-----------*/
			#container #wrapper #main #part02 ul li { width:50%; }

			.ttline02 a { padding:0px 1px; font-size:8px; }




}