@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/

/*菜单css结束*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: 0;
	margin-right: 0;
	/*width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;*/
	width:100%;
	padding-left:0;
	padding-right:0;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	/*width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;*/
	width: 99%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin:0;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	/*width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;*/
	width: 99%;
	max-width: 2340px;
	padding-left: 0.5%;
	padding-right: 0.5%;
	margin:0;
	
	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

.grad1 {
    height: 80px;
	background-image: url(./p/fj.jpg),url(./p/huaban-3.jpg);
	 background-position: center bottom, left  ;
	
	background-repeat: no-repeat,no-repeat;
	resizemode:cover;
	
}
.bann{
	margin-top:0.2em;
	
	text-align:center;
	/*clear:both;*/
	letter-spacing:0.1em;
	font-size:1.6em;
	color:#C66; 
	font-family:"楷体";
	
	
}
.clearing{ clear:both}
.uline{text-decoration:!important;
/*text-decoration:underline;*/}
.add{
	font-size:0.8em;}


/*<!--mainmanu菜单式样开始-->*/
#nav
{line-height:30px; 
font-size:0.9em;
width:100%; 
list-style-type: none;
 background:#666;
 float:right; 
 white-space:nowrap;
/*margin-top:0px;*/
padding:0px;

} 
#nav ul{margin-top:0px;
z-index:999;}
 
/*#nav a{display: block; width: 100%; text-align:center; white-space:nowrap;} */
 
/*#nav a:link {color:#666; text-decoration:none}*/ 
/*#nav a:visited {color:#666;text-decoration:none} */
/*#nav a:hover {color:#FFF;text-decoration:none;font-weight:bold} */
#nav li ul a{display: block; width: 100%;text-align:center;padding-left:0px; overflow:hidden; } 
 
#nav li{float: right; 
width: 28%; 
background:#CCC;
list-style-type: none;
text-align:center;

} 

#nav li:hover{ background:#999; white-space:nowrap;} 
#nav li ul{
 /*line-height: 20px; */
 list-style-type: none;
 text-align:left;
 left:-999em;
 width: 27%; 
 background-color:#9F0;
 position: absolute;
 white-space:nowrap;
 padding-left:10px;
 
 
 } 
#nav li ul li{
	/*float: left; */
	padding;0;
	margin:0;
	width: 100%;
	background-color:#9f0;
	display: block;
	text-align:center;
	
	
	
	 
	} 
 
 

 
#nav li ul a:link {color:#666; text-decoration:none} 
#nav li ul a:visited {color:#666;text-decoration:none} 
#nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00} 
 
#nav li:hover ul{
	left: auto;
	padding:0px;marging:0px;} 
#nav li.sfhover ul{left: auto; } 
/*#content{clear: left} */
/*--mainmanu菜单式样结束-->*/

.span_c{
	color:red;
}
.c1 {
	text-shadow: 4px 4px 4px #933 ;
	color:#933,
	color:#FF0000;;
	
    
	 background-image: url(/p/fj.jpg), url(/p/rdys.jpg);
    background-position: right top, left top;
    background-repeat: no-repeat,  no-repeat;
	filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.60;
	resize:both;
	background-color:rgba(0,0,0,0.1);
	resizeMode:cover;
	background:rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.1);
	background-size: contain;
}



.text {
          
			margin-top: 0.3em;
			margin-bottom:0.2em;
            animation: myscroll 15s linear infinite;
			animation-duration:15s;
			animation-delay:1s;
			overflow: hidden;
			display:inline-block;
			
			white-space:nowrap;
            
			
        }
.text:hover{

          animation:10s div linear infinite normal paused;
         }
 @keyframes myscroll {
     0% {
          transform: translateX(0);
     }
	
	 
     100% {
          transform: translateX(-100%);
     }
  } 
  
.color_bar {
		background-color:#600;
		height:0.3em;
		margin-top:0.5em;
		/*黄色：#fffa500;#FFD700*/
		}

button {
	/*font-weight:bold;*/
	border-color:#666;
	clear:both;
	width:100%;
 border-radius: 10px;
 /*background-color:#eee;*/
/* background-color:#CF6;*/
background-color:transparent;
	
}
.td_picture {
   /*width: 30%;*/
	
	resizemode:contain;
	
}
.td_text {
   /*width: 30%;*/
	
	text-align:left;
	line-height:1.5em;
	
}
.manu_1 {
	background-color:;
	width:20%;
	float:left;
	/*clear:both;*/
	border:groove;
	background-image: url(/p/huaban-3.jpg);
	background-repeat: repeat;
	/*background-size: contain;*/
	resizemode:full;
	opacity:0.9;
	overflow:hidden;
}
.mycontentclass{
	background-color:#EEEEEE;
	width:78%;
	float:right;
	overflow:hidden;
	margin:0px;
	padding:0px;
	
	
	}