@charset "gb2312";
/* by relten */

body, div, ul, ol, li, dl, dt, dd, p, form, input, select, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
body { color:#333; font-family:"΢ÈíÑźÚ" }
input, select, img { vertical-align:middle; }
img { border:0; }
ul, li { list-style:none; }
a:link, a:visited { color:#333; text-decoration:none; }
a:hover { color:#d3241f; }
.ba:link, .ba:visited { color:#333; text-decoration:none; }
.ba:hover { color:#fff; }
.bg:link, .bg:visited { color:#747474; text-decoration:none; }
.bg:hover { color:#d3241f; }


.f14 { font-size:14px}
.f18 { font-size:17px}
.f22 { font-size:22px}
.f30 { font-size:30px}

.red { color:#d5342a; }
.gray { color:#999; }
.white { color:#fff; }
.zhi { color:#5e2320;}

.hl { line-height:28px; font-size:14px; padding-left:10px; background:url(../img/dian.jpg) left center repeat-y;}

.l { float:left; width:500px;}
.r { float:right; width:490px; border-left:1px dotted #deedf0; padding-left:80px;}


/*=========================*/

#top { clear:both; height:85px; overflow:hidden;}
.menu { width:1200px; margin:auto;}
	.logo { float:left; margin:18px 0 0 0;}
	.sub { float:left; margin-left:180px;}
	.sub ul { z-index:999; position:absolute;}
	.sub ul li { float:left; font-size:16px; padding:0 21px; height:85px; line-height:85px; background:url(../img/hui-bg.jpg) left bottom repeat-x}
	.sub ul li:hover { background:url(../img/red-bg.jpg) left bottom repeat-x;}
	.navhover { background:url(../img/red-bg.jpg) left bottom repeat-x !important;}
	.Language { float:right; margin:30px 0 0 0;}


.topbg { height:8px; width:30%;  position:absolute; top:77px; right:0px; background:url(../img/hui-bg.jpg) left bottom repeat-x; z-index:1;}

.footer { background:#f5f5f5; width:100%; padding:20px 0;}
.fsub { width:1200px; margin:auto; text-align:center;}
	.fmenu a { margin:15px 0; display:inline-block;}
	.fmenu { font-size:16px;}
	.fmenu span { padding:0 15px;}
	.icon { background:url(../img/inoc.png) no-repeat; width:175px; height:52px; float:right; margin-top:-100px; margin-right:-30px;}




.proimg { background:url(../img/pro_banner.jpg) center top no-repeat; width:100%; height:282px; clear:both;}
.serimg { background:url(../img/ser_banner.jpg) center top no-repeat; width:100%; height:485px; clear:both;}
.conimg { background:url(../img/cont.jpg) center top no-repeat; width:100%; height:351px; clear:both;}

#pro { width:1200px; margin:auto;}
	.prosub { margin:35px 0; text-align:center; font-size:18px;}
	.prosub span { color:#666; padding:0 30px;}
	.list li:nth-of-type(3n+0) { margin-right:0px;}
	.list ul li{ float:left; margin:0 12px 12px 0; position:relative; color:#6c6c6c; overflow:hidden;}
	
	.bg { position:absolute; width:392px; height:246px; background:#a76127;opacity:0.5;filter:Alpha(opacity=50); margin-left:9999px;}
	
	.text { position:absolute; left:20px; top:20px;}
	.text h1 { font-weight:normal; margin-bottom:10px; font-size:28px}
	.text h3 { font-weight:normal; margin-bottom:10px; text-transform:uppercase; font-size:12px;}
	.text p { background:#fff; width:60px; padding:0 5px; border-top-right-radius:3em;border-bottom-right-radius:3em; font-size:10px;}
	
	.list ul li:hover{ color:#fff; cursor:pointer;}
	.list ul li:hover .text p { background:#370000;}
	.list ul li:hover .bg { margin:0;}

#ser { width:1200px; margin:auto;}
	.prosub2 { margin:35px 0; text-align:center; font-size:28px;}
	.prosub span { color:#666; padding:0 30px;}
	.list li:nth-of-type(3n+0) { margin-right:0px;}
	.list ul li{ float:left; margin:0 12px 12px 0; position:relative; color:#6c6c6c; overflow:hidden;}
	
	.bg { position:absolute; width:392px; height:246px; background:#a76127;opacity:0.5;filter:Alpha(opacity=50); margin-left:9999px;}
	
	.text2 { position:absolute; left:20px; top:20px;}
	.text2 h1 { font-weight:normal; margin-bottom:10px; font-size:28px; color:#fff;}
	.text2 h3 { font-weight:normal; margin-bottom:10px; text-transform:uppercase; font-size:12px; color:#fff; width:120px;}
	.text2 p { background:#fff; width:60px; padding:0 5px; border-top-right-radius:3em;border-bottom-right-radius:3em; font-size:10px;}
	
	.list ul li:hover{ color:#fff; cursor:pointer;}
	.list ul li:hover .text2 p { background:#370000;}
	.list ul li:hover .bg { margin:0;}
	
	.n_list li { border:1px solid #CCC; margin-bottom:15px; overflow:hidden; width:1000px; margin:0 auto;border-radius:7px;}
	.n_list li:hover { background:#f3f3f3;}
	.n_list li:hover .news dt { background:#32353b;}
	
	.news dt  { float:left; display:block;text-transform:uppercase; width:80px; height:110px; line-height:110px; text-align:center; background:#c4c4c4; color:#fff; overflow:hidden; font-size:20px;}
	.news dd { font-weight:normal; font-size:14px; padding:20px 30px 0 110px;}
	.news dd p { font-weight:bold; line-height:30px; font-size:15px;}

	

#about img { width:100%; height:100%; max-height:100%; max-width:100%; text-align:center;}
	.img_a { max-height:490px;}
	.aimg { width:1200px; margin:auto; text-align:center;}
	.aimg h1 { font-size:30px; font-weight:normal; color:#602e2d; margin-top:70px;}
	.aimg p { height:2px; background:#e80202; overflow:hidden; width:140px; margin:40px auto;}
	.aimg h2 { font-size:17px; font-weight:normal; margin-bottom:70px; line-height:30px;}



.cont { width:1200px; margin:0 auto;}
.c_l { width:600px; float:left;}
.c_l h1 { font-size:22px; font-weight:normal; color:#602e2d;}
.c_l h2 { color:#747474; line-height:35px;}
.c_l img { margin-right:20px;}

.c_r { width:600px; float:right;}
.color { color:#3d1a1a; font-size:18px;}
.c_r p { margin:0 0 15px;}
.but { width:118px; height:32px; line-height:32px; text-align:center; background:#747474; color:#FFF; font-size:16px; border:none; margin-left:398px;}
.input { width:510px; height:35px; line-height:35px; text-indent:1em; font-size:16px; color:#999;}
.textarea { width:510px; text-indent:1em; font-size:16px; color:#999; padding-top:1em; font-family:"΢ÈíÑźÚ";}


.pro_show { width:1200px; margin:0 auto; text-align:center; padding:50px;}
.pro_show h1 { font-size:28px; font-weight:normal;color:#602e2d; line-height:50px;}
.pro_show h2 { font-size:16px; font-weight:normal;line-height:30px;}
.pro_show h2 img { margin-top:40px;}



#news { width:1200px; margin:auto;}
	.newslist li:nth-of-type(3n+0) { margin-right:0px;}
	.newslist ul li{ float:left; margin:0 12px 12px 0; position:relative; color:#6c6c6c; overflow:hidden;}
	.newslist ul li p { background:#000;opacity:0.5;width:100%; height:32px; margin-top:-32px; z-index:1}
	.newstitle { color:#333; margin-top:12px; z-index:9999 !important; text-align:center;}