/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin:0;padding:0;border:0}body{line-height:1}a{text-decoration:none}textarea{resize:none;overflow:auto}table{border-collapse:collapse;border-spacing:0}img{border:0;display:inline-block}input,select,textarea{outline:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}blockquote:before,blockquote:after,,q:before,q:after{content:'';content:none}abbr,acronym{border:0}b{font-weight:bold}:focus{outline:0}#clear{clear:both}.clearfix:before,.clearfix:after{content:"";display:table;line-height:0;font-size:0px;clear:both}.clearfix{*zoom:1}
html {overflow:-moz-scrollbars-vertical;}
body,html,input,textarea{font-size:16px; font-family:"Microsoft YaHei","SimSun";}
a{color:#000;text-decoration:none;}
a:hover { color:#AC171B; text-decoration:none;}
img {border:none; vertical-align:middle;}
ol,ul{list-style:none;}
li{ vertical-align:bottom;}
.cl{clear:both;overflow:hidden; font-size:0px; height:0px;}
.w{ margin:0 auto; width:1200px; clear:both;}
.copyright{text-align:center; padding:40px 0; line-height:28px; font-size:14px}
#show{ height:306px; background:#AC171B; padding:8px;}
.wrap{ width:1200px; margin:0 auto;}

#head{height:140px;}
	#head .logo{ background:url(logo.png) no-repeat; display:block; height:120px; width:600px; float:left;}
	#plug {display:none; float:right; width:430px; text-align:right; height:20px; line-height:20px;}
	#search{ float:right; width:380px; height:60px; margin-top:60px;}
	#search .key{ border:1px solid #d8d8d8; padding:3px; width:260px; float:left;}
	#search .btn{ background:url(search.png) center center no-repeat; border:none;float:left; margin:4px 0 0 10px; width:62px; height:20px; cursor:pointer;}
#nav{ background: url(nav.jpg) repeat-x; height:50px; padding-bottom:40px }
#nav .navs {float:left; display:block; width:120px;}
#nav .navs a {color:#fff; font-weight:bold; height:50px;overflow:hidden; line-height:50px; text-align:center; width:120px; display:block;}
#nav .navs a:hover { background:url(nav_h.jpg) center bottom no-repeat;}
#nav .navs ul {position:absolute; display:none; *width:2000px;}
#nav .navs li {float:left; background:url(snav_h.gif) left center no-repeat; padding-left:8px;}
#nav .navs li a {color:#575757; padding:0 10px 0 5px; width:80px; font-size:14px; font-weight:normal; line-height:40px; height:40px; display:block;}
#nav .navs li a:hover {color:#AC171B; background:none;}

#banner{margin:0 auto; width:1200px; height:386px; margin-bottom:40px; overflow:hidden;}
#banner li img{display:block;  width:1200px; height:auto}



#main{ float:left; width:820px;}
#side{ float:right; width:360px;background:#F7F7F7;}
	#side .name{ background:url(t_span.gif) left center no-repeat; margin:0 20px; line-height:40px; padding-left:20px; font-size:20px;}
	#sidenav{ border:1px solid #e2e2e2; background:#FFF; padding:10px 10px 40px 10px; margin:0 20px;} 
	#sidenav li{ height:40px; line-height:40px; margin:0 10px; border-bottom:1px dashed #d8d8d8; }
	#side li a{ margin-left:10px; display:block;padding-left:20px; background:url(dot3.gif) left center no-repeat;}
#contact{margin:0 20px 40px}
#contact .title{ margin-top:20px; background:url(t_span.gif) left center no-repeat; padding-left:20px; line-height:40px;}
#contact ul{ margin:0 20px; line-height:40px}
#contact .url{ display:block; }


#position{ height:40px; line-height:40px; }
#position .name{float:left; border-bottom:1px solid #AC171B; height:40px; font-size:20px; }
#position .name span{ display:block;border-left:4px solid #AC171B; padding:0 100px 0 20px; }
#position .pos{ float:right; width:600px; text-align:right; height:40px;}

#diy{padding:40px;}
.code{ line-height:2em; text-align:justify}
.code h1{ font-size:24px; text-align:center; line-height:2em; padding-bottom:20px; margin-bottom:20px; background:url(rp-x.png) left bottom repeat-x; }
.code p{margin-bottom:1em;}
.code img{ max-width:800px;}
.code .about{ font-size:14px; text-align:right;}
.code td{ border:1px solid #d8d8d8; padding:8px; line-height:24px;}

#textlist li{ line-height:40px; border-bottom:1px dashed #d8d8d8; background:url(dot2.gif) left center no-repeat; padding:0 15px;}

#piclist{ padding:20px 10px;}
#piclist a{display:block; width:50%; float:left; position:relative; height:240px; overflow:hidden;}
#piclist a span{ color:#FFF;position:absolute; bottom:0px; background:rgba(155,31,49,0.7); padding:10px 20px; line-height:24px;}
#piclist img { width:100%; height:auto; }

#pager{ margin-top:20px; line-height:40px; clear:both; text-align:center; font-size:14px;}
#pager span,#pager a{ padding:0 5px;}

#piclist2 .item{margin-top:20px;}
#piclist2 .item img{ width:380px; margin-right:20px; float:left;}
#piclist2 .item h3 a{font-size: 20px;height: 38px;line-height: 38px; color: #000;font-weight: normal;}
#piclist2 .item p{line-height: 28px;font-size: 16px;color: #666;text-indent: 2em; outline:none;}