@charset "utf-8";


/* 此混合布局的提示
1. 由于此侧栏基于全方 (em) 的大小以用户的默认字体大小为基础，因此您需要确保栏中的背景图形考虑了这一点。如果正确构建的话，混合布局对于需要较大字体的浏览器更为方便，因为栏的宽度仍保持适当比例。如果这不适合您的设计，则只需将宽度更改为像素大小并确保相应地更改 #mainContent div 上的边距。
2. 由于此布局中侧栏的大小以 body 元素中的 100% 字体大小为基础，因此，如果您通过对 body 元素或 #container 使用“font-size: 80%”来减小文本的总体大小，请记住列宽将按比例缩小。您最好增加列宽以及 #mainContent div 的侧边距大小对此进行补偿。
3. 如果字体大小在每个 div 中按不同的量进行更改（例如，#sidebar1 上的字体大小为 70%，#mainContent 上的字体大小为 85%），而不是对总体设计进行更改，则将按比例更改每个 div 的总体大小。您最好根据最终的字体大小来进行调整。
4. 对于此布局来说，#container div 不必具有 100% 的宽度。您最好使用它来创建假列或者限制布局的宽度。
5. #container div 不必具有 100% 的宽度，因为一个 div 本来就可以占用 100% 的可用空间。这样做的目的在于，如果您希望减小整个容器的大小（或许在每个边缘都留一点边距），则这将保留进行调整的余地。
*/

/*全局*/
body, html  {
	font: small Verdana, Arial, Helvetica, sans-serif;
     
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center;
}

img {
	border:0;
}

a{
	color:#fe0000;
	text-decoration:none;
}

a:hover{
	color:#0006fe;
}
ul, input, marquee{
	padding:0;
	margin:0;
}



/*id选择*/
#container{
width:100%;
height:auto;
background-color:#ffffff;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#body{
width:100%;
height:100%;
background:url(5604786.jpg) no-repeat top;

margin-left:auto;
margin-right:auto;
text-align:center;
}
#body_sec{
width:100%;
height:100%;
background:url(#) no-repeat top;

margin-left:auto;
margin-right:auto;
text-align:center;
}

#banner{
width:100%;
height:307px;
}
#banner_sec{
width:100%;
height:210px;
}



#menu{
width:1064px;
height:41px;
background:url(5604793.png) no-repeat;
text-align:center;
margin-left:auto;
margin-right:auto;
}




#menu ul{
width:750px;
height:41px;
margin-left:auto;
margin-right:auto;

list-style:none;
}

#menu ul li{
width:110px;
height:41px;
float:left;
margin:0 0 0 10px;
display:inline;

color:#fff;
font-family:"微软雅黑";
font-size:18px;
line-height:36px;
vertical-align:middle;
text-align:center;
}
#menu ul li a{
width:120px;
height:41px;
margin-left:auto;
margin-right:auto;
display:inline;

color:#fff;
font-family:"微软雅黑";
font-weight:bold;
font-size:20px;
line-height:41px;
vertical-align:middle;
text-align:center;

}
#menu ul li a:hover{
color:#fdd800;
}

#content{
width:1200px;
height:auto;
margin-left:auto;
margin-right:auto;
}


#miao{
width:1015px;
height:204px;
background:url(5604789.png) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}


.title_miao a{
width:300px;
height:150px;
float:left;
margin:50px 0 0 200px;

color:#000;
font-family:"微软雅黑";
font-weight:bold;
font-size:18px;
line-height:31px;
vertical-align:middle;
text-align:left;
}


.title_miao a:hover{
	color:#89060d;
}

.artical_miao a{
width:505px;
height:170px;
float:left;
margin:30px 0 0 10px;

color:#010000;
font-family:"微软雅黑";
font-size:14px;
line-height:25px;
vertical-align:middle;
text-align:left;
}

.artical_miao a:hover{
	color:#89060d;
}



#liu{
width:1015px;
height:204px;
background:url(5604788.png) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}

.title_liu a{
width:300px;
height:150px;
float:left;
margin:50px 0 0 10px;

color:#000;
font-family:"微软雅黑";
font-weight:bold;
font-size:18px;
line-height:31px;
vertical-align:middle;
text-align:left;
}
.title_liu a:hover{
	color:#89060d;
}

.artical_liu a{
width:505px;
height:170px;
float:left;
margin:30px 0 0 0;

color:#010000;
font-family:"微软雅黑";
font-size:14px;
line-height:25px;
vertical-align:middle;
text-align:left;
}

.artical_liu a:hover{
	color:#89060d;
}


#title_haibao{
width:100%;
height:110px;
background:url(5604795.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}

#title_zhanban{
width:100%;
height:110px;
background:url(5604797.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}

#title_shipin{
width:100%;
height:110px;
background:url(5604796.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}



#box_haibao{
width:100%;
height:721px;
background:url(5604787.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#box_zhanban{
width:100%;
height:487px;
background:url(5604791.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#box_shipin{
width:100%;
height:500px;
background:url(5604790.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#video{
width:652px;
height:395px;
background:url(5604798.jpg) no-repeat;
float:left;
margin:65px 0 0 82px;
}

#pic{
width:458px;
height:280px;
background:url(#) no-repeat;
margin-left:auto;
margin-right:auto;
}
 
#box{
	width:1070px;
	height:250px;
    margin-top:20px;
	margin-left:auto;
    margin-right:auto;
}



#title{
	width:960px;
	height:37px;
	background:url(#) no-repeat;
	margin-left:auto;
    margin-right:auto;
}




.title_word{
width:510px;
height:30px;

margin:5px 0 0 0;

color:#ce0106;
font-family:"宋体";
font-size:16px;
font-weight:bold;
line-height:30px;
vertical-align:middle;
text-align:center;
}
.description{
width:500px;
height:auto;
margin:0px 0 0 5px;
text-align:left;
}
.description a{
color:#737373;
font-family:"宋体";
font-size:12px;
line-height:23px;
vertical-align:middle;
text-align:left;
}
.description a:hover{
color:#ce0106;
}



.list{
width:850px;

margin-left:auto;
margin-right:auto;
margin-top:10px;
display:inline;
list-style:none;
text-align:center;
}
.listi ul{
width:850px;
float:left;
margin-left:auto;
margin-right:auto;
margin-top:10px;
list-style:none;
}
.list ul li{
width:830px;
height:30px;
background:url(#) no-repeat ;
margin-left:auto;
margin-right:auto;


color:#000000;
font-family:"宋体";
font-size:14px;
line-height:30px;
vertical-align:middle;
text-align:left;
list-style:none;
padding-left:20px;
}


.list ul li a{
color:#000000;
}
.list ul li a:hover{
color:#aa1000;
}



<!--一行两个-->
.box_2in1_L{
	width:520px;
	height:auto;
	float:left;
	margin:0;
	border:1px red solid;
}
.box_2in1_R{
	width:520px;
	height:auto;
	float:right;
	margin:0;
}

.title_2in1{
	width:516px;
	height:37px;
	background:url(5604794.png) no-repeat ;
	float:left;
	margin:0;
}

.body_2in1{
	width:475px;
	height:146px;
	float:left;
	margin:0 0 10px 0;
	border-top:none;
	
}

.title_word_2in1{
width:200px;
height:37px;
margin-left:35px;


color:#ffffff;
font-family:"微软雅黑";
font-size:18px;
font-weight:bold;
line-height:37px;
vertical-align:middle;
text-align:left;
float:left;
}



.list_2in1{
width:440px;
float:left;
margin:15px 0px 0px 10px;
display:inline;
list-style:none;
text-align:center;
}
.list_2in1 ul{
width:440px;
float:left;
margin:0px 0 0 0px;
list-style:none;
}
.list_2in1 ul li{
width:425px;
height:30px;
background:url(#) no-repeat ;
float:left;

color:#000000;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
vertical-align:middle;
text-align:left;
margin:0 0 0px 0;
padding-left:18px;
}


.list_2in1 ul li a{
color:#000000;
}
.list_2in1 ul li a:hover{
color:#a40009;
}


<!--一行三个-->
.box_3in1_L{
	width:296px;
	height:auto;
	float:left;
	margin:0;
}
.box_3in1_R{
	width:296px;
	height:auto;
	float:right;
	margin:0;
}
.box_3in1_C{
	width:296px;
	height:auto;
	float:left;
	margin:0 0 0 6px;
}

.title_3in1{
	width:296px;
	height:30px;
	background:url(#) no-repeat ;
	float:left;
	margin:0;
}

.body_3in1{
	width:294px;
	height:180px;
	float:left;
	margin:0;
	border:1px #cccccc solid;
	border-top:none;
}

.title_word_3in1{
width:75px;
height:26px;
float:left;
margin:0px 0 0 12px;

color:#ffffff;
font-family:"宋体";
font-size:14px;
font-weight:bold;
line-height:30px;
vertical-align:middle;
text-align:center;
}



.list_3in1{
width:2850px;
float:left;
margin:15px 0px 0px 10px;
display:inline;
list-style:none;
text-align:center;
}
.list_3in1 ul{
width:285px;
float:left;
margin:0px 0 0 0px;
list-style:none;
}
.list_3in1 ul li{
width:270px;
height:30px;
background:url(#) no-repeat ;
float:left;

color:#000000;
font-family:"宋体";
font-size:14px;
line-height:30px;
vertical-align:middle;
text-align:left;
margin:0 0 0px 0;
padding-left:15px;
}


.list_3in1 ul li a{
color:#000000;
}
.list_3in1 ul li a:hover{
color:#aa1000;
}


.more a{
width:150px;
height:37px;
float:right;
display:inline;

color:#ffffff;
font-family:"宋体";
font-size:12px;
line-height:37px;
vertical-align:middle;
text-align:right;
margin:0 20px 0px 0;
}

.more a:hover{
color:#fff500;
}

#footer{
width:100%;
height:74px;
background:url(5604792.jpg) repeat-x;
margin-left:auto;
margin-right:auto;
margin-top:20px;

color:#ffffff;
font-family:"宋体";
font-size:12px;
line-height:74px;
vertical-align:middle;
text-align:center;
}


.box_sec{
width:1000px;
background-color:#FFF;
margin-left:auto;
margin-right:auto;
}



h1 {
	margin-top:20px;
font-family: "黑体";
font-size: 18px;
color: #000000;
text-align:center;
}
.article{
	width:850px;
	height:auto;

	margin-left:auto;
margin-right:auto;
margin-top:30px;	
	color:#000000;
font-family:"宋体";
font-size:14px;
line-height:25px;
vertical-align:middle;
text-align:left;
text-indent:2em;
}

.clear{
clear:both;
}